:root{--white-color: #fff;--adress-color: rgba(255, 255, 255, 0.6);--accent-color: #2196f3;--logo-color: #000000;--paragraph-color: #757575;--heading-color: #212121;--background-dark: #2F303A;--background-grey: #F5F4FA;--header-border: #ECECEC;--portfolio-item: #eeeeee;--benefits-background: #F5F4FA;--socials-color: #AFB1B8;--timing-function: cubic-bezier(0.4, 0, 0.2, 1);--duration: 250ms;--background-works: rgba(47, 48, 58, 0.8);--placeholder-color: rgba(255, 255, 255, 0.6);--portfolio-description: rgba(33, 150, 243, 0.9);--backdrop-background: rgba(0, 0, 0, 0.2);--modal-btn-border: rgba(0, 0, 0, 0.1);--border-input: rgba(33, 33, 33, 0.2);--placeholder-color: rgba(117, 117, 117, 0.5);--letter-spacing-input: 0.01em;--mobile: 480px;--laptop: 768px;--desctop: 1200px;--ls-002: 0.02em;--ls-003: 0.03em;--ls-006: 0.06em}.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}h1,h2,h3,p,ul{margin:0}ul{list-style:none;padding:0}a{text-decoration:none}body{font-family:'Roboto', sans-serif;color:var(--heading-color)}img{display:block;max-width:100%;height:auto}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section--no-padding-top{padding-top:0;display:none}@media screen and (min-width: 1200px){.section--no-padding-top{display:block}}.section__title{font-weight:700;font-size:28px;line-height:1.17;text-align:center;letter-spacing:var(--ls-003)}@media screen and (min-width: 1200px){.section__title{font-size:36px}}.section__title--mb{margin-bottom:30px}@media screen and (min-width: 1200px){.section__title--mb{margin-bottom:50px}}@media screen and (min-width: 1200px){.section__title--mb{margin-bottom:50px}}.section--other-background{background-color:var(--background-grey)}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media screen and (max-width: 767.98px){.container{width:calc(100% - 30px)}}@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}}.logo{font-family:'Raleway';font-weight:700;font-size:24px;line-height:1.17;letter-spacing:var(--ls-003)}.button{min-width:200px;min-height:50px;background:var(--accent-color);border:none;border-radius:4px;cursor:pointer;font-family:'Roboto';font-weight:700;font-size:16px;line-height:1.9;letter-spacing:var(--ls-006);color:var(--white-color);padding:10px 28px;-webkit-transition:-webkit-box-shadow var(--duration) var(--timing-function);transition:-webkit-box-shadow var(--duration) var(--timing-function);transition:box-shadow var(--duration) var(--timing-function);transition:box-shadow var(--duration) var(--timing-function), -webkit-box-shadow var(--duration) var(--timing-function)}.button:hover,.button:focus{-webkit-box-shadow:0 0 10px var(--accent-color);box-shadow:0 0 10px var(--accent-color)}.socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.socials__item:not(:last-child){margin-right:10px}.socials__image{fill:var(--socials-color);-webkit-transition:fill var(--duration) var(--timing-function);transition:fill var(--duration) var(--timing-function)}.socials__link:hover .socials__image,.socials__link:focus .socials__image{fill:var(--white-color)}.socials__link{display:-webkit-box;display:-ms-flexbox;display:flex;width:44px;height:44px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-radius:50%;-webkit-transition:background-color var(--duration) var(--timing-function);transition:background-color var(--duration) var(--timing-function)}.socials__link:hover,.socials__link:focus{background-color:var(--accent-color)}.form{width:100%;height:100%;padding:40px}.form__title{font-weight:700;line-height:1.5;text-align:center;letter-spacing:var(--ls-003);color:var(--heading-color);font-size:18px;margin-bottom:4px}@media screen and (min-width: 768px){.form__title{font-size:20px;margin-bottom:12px}}.form__field{margin-bottom:10px}.form__textarea{margin-bottom:10px}@media screen and (min-width: 768px){.form__textarea{margin-bottom:20px}}.form__label{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-bottom:4px;font-family:'Roboto';line-height:1.17;font-size:12px;color:var(--paragraph-color);letter-spacing:var(--letter-spacing-input)}.form__wrapper{position:relative}.form__input{display:inline-block;width:100%;max-height:40px;border-radius:4px;border:1px solid var(--border-input);padding-left:42px;-webkit-transition:border-color var(--duration) var(--timing-function);transition:border-color var(--duration) var(--timing-function)}.form__input:focus{border-color:var(--accent-color);outline:none}.form__comment{display:block;resize:none;width:100%;min-height:70px;padding:12px 16px;font-size:12px;border-radius:4px;border:1px solid var(--border-input);color:var(--heading-color);-webkit-transition:border-color var(--duration) var(--timing-function);transition:border-color var(--duration) var(--timing-function)}@media screen and (min-width: 768px){.form__comment{min-height:120px}}.form__comment:focus{border-color:var(--accent-color);outline:none}.form__comment::-webkit-input-placeholder{line-height:1.16;letter-spacing:var(--letter-spacing-input);color:var(--placeholder-color);font-size:14px}.form__comment:-ms-input-placeholder{line-height:1.16;letter-spacing:var(--letter-spacing-input);color:var(--placeholder-color);font-size:14px}.form__comment::-ms-input-placeholder{line-height:1.16;letter-spacing:var(--letter-spacing-input);color:var(--placeholder-color);font-size:14px}.form__comment::placeholder{line-height:1.16;letter-spacing:var(--letter-spacing-input);color:var(--placeholder-color);font-size:14px}.form__image{position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:var(--heading-color);-webkit-transition:var(--duration) var(--timing-function);transition:var(--duration) var(--timing-function)}.form__input:focus+.form__image{fill:var(--accent-color)}.license{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){.license{margin-bottom:30px}}.license__label{font-size:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.17;color:var(--paragraph-color);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:var(--ls-003)}@media screen and (min-width: 1200px){.license__label{font-size:14px;line-height:1.7}}.license__icon{display:block;outline:2px solid var(--heading-color);outline-offset:-2px;border-radius:2px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.25);box-shadow:0px 4px 4px rgba(0,0,0,0.25);margin-right:7px;-webkit-transition:outline var(--duration) var(--timing-function),background-color var(--duration) var(--timing-function),-webkit-filter var(--duration) var(--timing-function),-webkit-box-shadow var(--duration) var(--timing-function);transition:outline var(--duration) var(--timing-function),background-color var(--duration) var(--timing-function),-webkit-filter var(--duration) var(--timing-function),-webkit-box-shadow var(--duration) var(--timing-function);transition:outline var(--duration) var(--timing-function),background-color var(--duration) var(--timing-function),filter var(--duration) var(--timing-function),box-shadow var(--duration) var(--timing-function);transition:outline var(--duration) var(--timing-function),background-color var(--duration) var(--timing-function),filter var(--duration) var(--timing-function),box-shadow var(--duration) var(--timing-function),-webkit-filter var(--duration) var(--timing-function),-webkit-box-shadow var(--duration) var(--timing-function)}.license__input:checked+.license__icon{background-color:var(--accent-color);outline:transparent;-webkit-filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25)) drop-shadow(0px 4px 4px rgba(0,0,0,0.25));filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25)) drop-shadow(0px 4px 4px rgba(0,0,0,0.25))}.license__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;fill:transparent}.license__input:checked+.license__icon>.license__image{fill:var(--white-color)}.license__link{color:var(--accent-color);text-decoration:underline}.header{border-bottom:1px solid var(--header-border);position:relative}.header__logo{color:var(--logo-color);padding-top:16px;padding-bottom:14px}.navigation{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;min-height:60px}@media screen and (min-width: 768px){.navigation{display:none}}.socials-text{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.socials-text__item:not(:last-child){margin-right:20px}.socials-text__item{position:relative}@media screen and (max-width: 436px){.socials-text__item:last-child{margin-top:10px}}@media screen and (max-width: 364px){.socials-text__item:nth-last-child(-n+2){margin-top:10px}}.socials-text__item:not(:last-child)::after{position:absolute;top:0;left:calc(100% + 10px);content:'';display:block;width:1px;height:100%;background-color:rgba(33,33,33,0.2)}.socials-text__link{color:var(--accent-color);font-size:18px;font-weight:500;line-height:1.22;letter-spacing:var(--ls-002)}.logo__text{color:var(--accent-color)}.main-list__item:not(:last-child){margin-bottom:32px}.main-list__link{font-weight:500;font-size:40px;line-height:1.17;letter-spacing:var(--ls-002);color:var(--heading-color);-webkit-transition:color var(--duration) var(--timing-function);transition:color var(--duration) var(--timing-function)}.main-list__link:hover,.main-list__link:focus{color:var(--accent-color)}.main-list__link--current{color:var(--accent-color)}@media screen and (min-width: 768px){.main-list__link--current{position:relative}.main-list__link--current::after{content:'';position:absolute;bottom:0;display:block;width:100%;height:4px;border-radius:2px;background:var(--accent-color);margin-bottom:1px}}.header-contact{margin-top:auto;margin-bottom:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header-contact__link{font-weight:500;font-size:24px;padding:32px 0;line-height:1.17;letter-spacing:var(--ls-002);padding:0;color:var(--heading-color);-webkit-transition:color var(--duration) var(--timing-function);transition:color var(--duration) var(--timing-function)}.header-contact__link:hover,.header-contact__link:focus{color:var(--accent-color)}.header-contact__link--grey{color:var(--paragraph-color);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-contact__link--current{color:var(--accent-color);font-size:34px}@media screen and (max-width: 380px){.header-contact__link--current{font-size:26px}}.header-contact__image{fill:currentColor;margin-right:10px;-webkit-transition:fill var(--duration) var(--timing-function);transition:fill var(--duration) var(--timing-function)}.header-contact__link:hover .header-contact__image,.header-contact__link:focus .header-contact__image{fill:var(--accent-color)}.order{text-align:center;color:var(--white-color);margin-left:auto;margin-right:auto;background-repeat:no-repeat;background-position:center;background-size:cover;padding:118px 0;max-width:1600px;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/hero/hero_sm.jpg);background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_sm.jpg)}@media (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx){.order{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/hero/hero_sm@2x.jpg);background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_sm@2x.jpg)}}@media screen and (min-width: 768px){.order{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/hero/hero_md.jpg);background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_md.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){.order{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/hero/hero_md@2x.jpg);background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_md@2x.jpg)}}@media screen and (min-width: 1200px){.order{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/hero/hero_lg.jpg);background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_lg.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){.order{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/hero/hero_lg@2x.jpg);background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_lg@2x.jpg)}}.order__title{max-width:360px;margin:0 auto;font-weight:900;font-size:26px;line-height:1.6;letter-spacing:var(--ls-006);text-transform:uppercase;margin-bottom:30px}@media screen and (min-width: 1200px){.order__title{max-width:696px;font-size:44px}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.features-list{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 768px){.features-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.features-list__text{line-height:1.7;letter-spacing:var(--ls-003);color:var(--paragraph-color);font-size:14px}.features-list__title{font-weight:700;line-height:1.1;letter-spacing:var(--ls-003);text-transform:uppercase;margin-bottom:10px;font-size:14px;text-align:center}@media screen and (min-width: 768px){.features-list__title{text-align:left}}.features-list__wrapper{height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--benefits-background);margin-bottom:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px) and (max-width: 1199.98px){.features-list__item{-ms-flex-preferred-size:calc((100% - 30px) / 2);flex-basis:calc((100% - 30px) / 2)}}@media screen and (min-width: 1200px){.features-list__item{-ms-flex-preferred-size:calc((100% - 90px) / 4);flex-basis:calc((100% - 90px) / 4)}}@media screen and (max-width: 767.98px){.features-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.features-list__item:nth-child(-n+2){margin-bottom:30px}}.work-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.work-list__wrapper{position:relative}.work-list__description{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;line-height:1.1;letter-spacing:var(--ls-003);text-transform:uppercase;color:#FFFFFF;font-size:14px;position:absolute;background-color:var(--background-works);height:70px;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 768px){.team-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}}.team-list__item{-webkit-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);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;background-color:var(--white-color)}@media screen and (min-width: 768px){.team-list__item{-ms-flex-preferred-size:calc((100% -  30px) / 2);flex-basis:calc((100% -  30px) / 2)}}@media screen and (min-width: 768px){.team-list__item{-ms-flex-preferred-size:calc((100% - 3 * 30px) / 4);flex-basis:calc((100% - 3 * 30px) / 4)}}@media screen and (max-width: 767.98px){.team-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.team-list__item:nth-child(-n+2){margin-bottom:30px}}.team-list__description{padding:30px 24px}@media screen and (min-width: 768px){.team-list__description{padding:30px 74px 24px}}@media screen and (min-width: 1200px){.team-list__description{padding:30px 32px}}.team-list__title{font-weight:500;font-size:16px;line-height:1.2;text-align:center;letter-spacing:var(--ls-003)}.team-list__text{font-size:16px;line-height:1.2;text-align:center;letter-spacing:var(--ls-003);color:var(--paragraph-color);margin-top:10px;margin-bottom:16px}.clients-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.clients-list__item{width:calc((100% - 1 * 30px) / 2)}@media screen and (max-width: 767.98px){.clients-list__item:not(:nth-last-child(-n+2)){margin-bottom:30px}}@media screen and (min-width: 768px){.clients-list__item{-ms-flex-preferred-size:calc((100% - 2 * 30px) / 3);flex-basis:calc((100% - 2 * 30px) / 3)}}@media screen and (min-width: 1200px){.clients-list__item{-ms-flex-preferred-size:calc((100% - 5 * 30px) / 6);flex-basis:calc((100% - 5 * 30px) / 6)}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.clients-list__item:nth-child(-n+3){margin-bottom:30px}}.clients-list__link{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:100%;height:92px;border:1px solid var(--socials-color);-webkit-transition:border var(--duration) var(--timing-function);transition:border var(--duration) var(--timing-function);border-radius:4px}.clients-list__link:hover,.clients-list__link:focus{border:1px solid var(--accent-color)}.clients-list__image{fill:var(--socials-color);-webkit-transition:fill var(--duration) var(--timing-function);transition:fill var(--duration) var(--timing-function)}.clients-list__link:hover .clients-list__image,.clients-list__link:focus .clients-list__image{fill:var(--accent-color)}.footer{background-color:var(--background-dark);padding-top:60px;padding-bottom:60px;text-align:center}@media screen and (min-width: 1200px){.footer{text-align:left}}.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 1200px){.contacts{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (max-width: 767.98px){.contacts-wrapper{margin-bottom:60px}}@media screen and (min-width: 768px){.contacts-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:60px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 1200px){.contacts-wrapper{margin-bottom:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.logo--footer{display:block;color:var(--white-color);margin-bottom:20px}@media screen and (min-width: 1200px){.logo--footer{font-size:26px}}@media screen and (max-width: 767.98px){.start{margin-bottom:60px}}@media screen and (min-width: 1200px){.start{margin-right:70px}}.start__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.start__item:not(:last-child){margin-bottom:8px}@media screen and (min-width: 1200px){.start__item:not(:last-child){margin-bottom:9px}}.start__link{letter-spacing:var(--ls-003);color:var(--white-color);font-size:14px;line-height:1.7;font-style:normal}.start__link--grey{color:var(--adress-color);-webkit-transition:color var(--duration) var(--timing-function);transition:color var(--duration) var(--timing-function)}.start__link--grey:hover,.start__link--grey:focus{color:var(--accent-color)}.join__text{display:block;font-weight:700;font-size:14px;line-height:1.1;letter-spacing:var(--ls-003);text-transform:uppercase;color:var(--white-color);margin-bottom:20px}.join-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.join-list__item:not(:last-child){margin-right:10px}.join-list__link{border-radius:50%;background-color:rgba(255,255,255,0.1);-webkit-transition:background-color var(--duration) var(--timing-function);transition:background-color var(--duration) var(--timing-function)}.join-list__image{fill:var(--white-color)}@media screen and (min-width: 1200px){.footer-form{margin-right:0;margin-left:auto}}@media screen and (min-width: 1200px){.form-action{display:-webkit-box;display:-ms-flexbox;display:flex}}.form-action__label{border:1px solid rgba(255,255,255,0.3);border-radius:4px;-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));background-color:transparent;margin-bottom:20px;height:50px;display:inline-block;padding-top:10px;padding-bottom:10px;padding-left:16px;width:100%}@media screen and (min-width: 768px){.form-action__label{width:450px;display:block;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.form-action__label{margin-right:10px;margin-bottom:0;width:358px}}.form-action__input{background-color:transparent;border:none;width:100%;height:100%;padding:0;font-size:16px;line-height:1.25;letter-spacing:var(--ls-003);color:var(--white-color);outline:none}.form-action__input::-webkit-input-placeholder{color:var(--placeholder-color)}.form-action__input:-ms-input-placeholder{color:var(--placeholder-color)}.form-action__input::-ms-input-placeholder{color:var(--placeholder-color)}.form-action__input::placeholder{color:var(--placeholder-color)}.form-action__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-action__icon{fill:#fff;margin-left:auto}.backdrop{position:fixed;left:0;top:0;z-index:5;width:100%;height:100%;background-color:var(--backdrop-background);opacity:1;visibility:visible;-webkit-transition:opacity 500ms var(--timing-function),visibility 500ms var(--timing-function);transition:opacity 500ms var(--timing-function),visibility 500ms var(--timing-function)}.backdrop--is-hidden{opacity:0;pointer-events:none;visibility:hidden}.backdrop--is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(0.6);transform:translate(-50%, -50%) scale(0.6);opacity:0}.modal{position:absolute;left:50%;top:50%;opacity:1;padding:0;max-width:450px;background-color:var(--white-color);-webkit-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);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;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 500ms var(--timing-function),scale 500ms var(--timing-function),-webkit-transform 500ms var(--timing-function);transition:opacity 500ms var(--timing-function),scale 500ms var(--timing-function),-webkit-transform 500ms var(--timing-function);transition:opacity 500ms var(--timing-function),scale 500ms var(--timing-function),transform 500ms var(--timing-function);transition:opacity 500ms var(--timing-function),scale 500ms var(--timing-function),transform 500ms var(--timing-function),-webkit-transform 500ms var(--timing-function)}@media screen and (min-width: 1200px){.modal{max-width:528px}}.modal-btn{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;position:absolute;background-color:transparent;top:8px;right:8px;border:1px solid var(--modal-btn-border);fill:var(--logo-color);width:30px;height:30px;border-radius:50%;padding:0;cursor:pointer;-webkit-transition:background-color var(--duration) var(--timing-function),fill var(--duration) var(--timing-function);transition:background-color var(--duration) var(--timing-function),fill var(--duration) var(--timing-function)}.modal-btn:hover,.modal-btn:focus{fill:var(--accent-color)}.filter{list-style:none;padding:0;margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 768px){.filter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.filter{margin-bottom:50px}}.filter__button{font-weight:500;font-size:16px;line-height:1.6;letter-spacing:var(--ls-003);color:var(--heading-color);background-color:var(--background-grey);border:none;cursor:pointer;border-radius:4px;min-height:38px;padding:6px 22px;-webkit-transition:background-color var(--duration) var(--timing-function),color var(--duration) var(--timing-function),-webkit-box-shadow var(--duration) var(--timing-function);transition:background-color var(--duration) var(--timing-function),color var(--duration) var(--timing-function),-webkit-box-shadow var(--duration) var(--timing-function);transition:background-color var(--duration) var(--timing-function),color var(--duration) var(--timing-function),box-shadow var(--duration) var(--timing-function);transition:background-color var(--duration) var(--timing-function),color var(--duration) var(--timing-function),box-shadow var(--duration) var(--timing-function),-webkit-box-shadow var(--duration) var(--timing-function)}.filter__button:hover,.filter__button:focus{background-color:var(--accent-color);color:var(--white-color);-webkit-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);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)}.filter__button--active{background-color:var(--accent-color);color:var(--white-color);-webkit-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);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: 767.98px){.filter__item{margin-bottom:15px}.filter__item:nth-last-child(-n+2){margin-bottom:0}}.filter__item:not(:last-child){margin-right:8px}@media screen and (min-width: 768px){.portfolio{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width: 767.98px){.portfolio__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.portfolio__item{-ms-flex-preferred-size:calc((100% - 30px) / 2);flex-basis:calc((100% - 30px) / 2)}.portfolio__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 1200px){.portfolio__item{-ms-flex-preferred-size:calc((100% - 60px) / 3);flex-basis:calc((100% - 60px) / 3);margin-bottom:30px}.portfolio__item:nth-last-child(-n+3){margin-bottom:0}}.portfolio__link{-webkit-transition:-webkit-box-shadow var(--duration) var(--timing-function);transition:-webkit-box-shadow var(--duration) var(--timing-function);transition:box-shadow var(--duration) var(--timing-function);transition:box-shadow var(--duration) var(--timing-function), -webkit-box-shadow var(--duration) var(--timing-function);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.portfolio__link:hover,.portfolio__link:focus{display:block;-webkit-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);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)}.portfolio__wrapper{position:relative;overflow:hidden}.portfolio__image{width:100%;margin:0 auto}.portfolio__description{position:absolute;padding:63px 22px;color:var(--white-color);background-color:var(--portfolio-description);content:"";width:100%;height:100%;font-size:18px;line-height:1.56;letter-spacing:var(--ls-003);opacity:0;top:0;left:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity var(--duration) var(--timing-function),-webkit-transform var(--duration) var(--timing-function);transition:opacity var(--duration) var(--timing-function),-webkit-transform var(--duration) var(--timing-function);transition:transform var(--duration) var(--timing-function),opacity var(--duration) var(--timing-function);transition:transform var(--duration) var(--timing-function),opacity var(--duration) var(--timing-function),-webkit-transform var(--duration) var(--timing-function)}.portfolio__link:hover .portfolio__description,.portfolio__link:focus .portfolio__description{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}.portfolio__info{border:1px solid var(--portfolio-item);border-top:none;padding:20px 24px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.portfolio__title{font-weight:700;font-size:18px;line-height:2;letter-spacing:var(--ls-006);color:var(--heading-color);margin-bottom:4px}.portfolio__type{font-size:16px;line-height:1.9;letter-spacing:var(--ls-003);color:var(--paragraph-color)}.button-menu{min-height:40px;min-width:40px;border:none;border-radius:50%;outline:none;background-color:transparent;cursor:pointer;margin:0;padding:0;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}.button-menu:hover,.button-menu:focus{fill:var(--accent-color)}.menu-container{position:fixed;width:100vw;height:100vh;left:0;top:0;padding:48px 40px;background-color:var(--white-color);z-index:20;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;-webkit-transition:opacity var(--duration) var(--timing-function),-webkit-transform var(--duration) var(--timing-function);transition:opacity var(--duration) var(--timing-function),-webkit-transform var(--duration) var(--timing-function);transition:transform var(--duration) var(--timing-function),opacity var(--duration) var(--timing-function);transition:transform var(--duration) var(--timing-function),opacity var(--duration) var(--timing-function),-webkit-transform var(--duration) var(--timing-function)}@media screen and (min-width: 768px){.menu-container{display:none}}.menu-container .js-open-menu{display:none}.js-close-menu{position:absolute;top:10px;right:15px}.menu-container.is-open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.menu-container.is-open .header-contact__image{display:none}.header-contact__item:first-child{margin-bottom:32px;font-size:34px}.menu-container.is-open .header__logo{display:none}.menu-container__icon{-webkit-transition:fill var(--duration) var(--timing-function);transition:fill var(--duration) var(--timing-function)}.menu-container__icon:hover,.menu-container__icon:focus{fill:var(--accent-color)}.header-tablet{display:none}@media screen and (min-width: 768px){.header-tablet{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.navigation-t{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:60px;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;margin-right:84px}.header__logo-t{padding-top:26px;padding-bottom:26px}@media screen and (min-width: 1200px){.header__logo-t{margin-right:92px}}.main-list-t{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 768px) and (max-width: 1199.98px){.main-list-t{margin-left:auto}}.main-list-t__item{margin-right:50px}.main-list-t__item:last-child{margin-right:0}.main-list-t__link{font-weight:500;font-size:14px;line-height:1.1;letter-spacing:var(--ls-002);padding:32px 0;color:var(--heading-color);-webkit-transition:color var(--duration) var(--timing-function);transition:color var(--duration) var(--timing-function)}.main-list-t__link:hover,.main-list-t__link:focus{color:var(--accent-color)}.main-list-t__link--current{color:var(--accent-color);position:relative}.main-list-t__link--current::after{content:"";position:absolute;bottom:0;display:block;width:100%;height:4px;border-radius:2px;background:var(--accent-color);margin-bottom:1px}.header-contact-t{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 768px) and (max-width: 1199.98px){.header-contact-t{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.header-contact-t__item:first-child{margin-bottom:10px}}@media screen and (min-width: 1200px){.header-contact-t__item:not(:last-child){margin-right:30px}}.header-contact-t__link{font-weight:500;font-size:14px;line-height:1.1;letter-spacing:var(--ls-002);color:var(--heading-color);-webkit-transition:color var(--duration) var(--timing-function);transition:color var(--duration) var(--timing-function)}.header-contact-t__link:hover,.header-contact-t__link:focus{color:var(--accent-color)}.header-contact-t__link--grey{color:var(--paragraph-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-contact-t__image{fill:currentColor;margin-right:8px;-webkit-transition:fill var(--duration) var(--timing-function);transition:fill var(--duration) var(--timing-function)}@media screen and (min-width: 1200px){.header-contact-t__image{margin-right:10px}}.header-contact-t__link:hover .header-contact-t__image,.header-contact-t__link:focus .header-contact-t__image{fill:var(--accent-color)}@media screen and (min-width: 768px) and (max-width: 1199.98px){.header-contact-t__image--envelope{width:14px;height:10px}}@media screen and (min-width: 768px) and (max-width: 1199.98px){.header-contact-t__image--phone{width:10px;height:14px}}
/*# sourceMappingURL=main.min.css.map */