.container{margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px) and (max-width: 1200px){.container{width:768px}}@media screen and (min-width: 1201px){.container{width:1200px}}:root{--color-hover--: #2196f3;--color-black--: #212121}body{background:#ffffff;font-family:Roboto, sans-serif;font-size:14px;letter-spacing:0.03em}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}a{text-decoration:none}img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section__title{color:var(--color-black--);font-weight:bold;font-size:36px;line-height:1.16;text-align:center;margin-top:0;margin-bottom:0}.visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px}.container{padding-right:15px;padding-left:15px}.header{border-bottom:1px solid #ececec;height:80px;position:relative}@media screen and (max-width: 767px){.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 768px) and (max-width: 1199px){.header .menu-button{display:none}}@media screen and (min-width: 768px) and (max-width: 1199px){.header .contacts{display:block}}@media screen and (min-width: 768px) and (max-width: 1199px){.header{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 768px){.menu-button{display:none}}.container--padding{padding-top:24px;padding-bottom:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 1199px){.container--padding{width:100%}}.main-navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.company-logo{font-weight:700;text-decoration:none;color:#2196f3;font-family:"Raleway", sans-serif;font-size:26px;line-height:1.19}.color__web{font-family:Raleway;font-weight:700;font-size:26px;line-height:1.2;color:#2196f3}.logo--accent{font-family:Raleway;font-weight:700;font-size:26px;line-height:1.2;color:#212121}.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;line-height:1.4;letter-spacing:0.02em;margin-left:90px}.navigation .navigation__item:not(:last-child){margin-right:50px}.navigation__link{color:#212121;padding-bottom:32px;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:color;transition-property:color;position:relative}.navigation__link:hover,.navigation__link:focus{color:#2196f3}.navigation__link .navigation__link--current{position:relative}.contacts{font-weight:500;line-height:1.4;letter-spacing:0.02em;font-weight:500;line-height:1.4;color:#757575;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}.contacts-link{color:#757575;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:color, background-color;transition-property:color, background-color}@media screen and (min-width: 1201px){.contacts .contacts__item+.contacts__item{margin-left:50px}}.contacts-icon{fill:#757575;display:block}@media screen and (min-width: 768px) and (max-width: 1199px){.contacts-icon{margin-right:8px}}@media screen and (min-width: 1201px){.contacts-icon{margin-right:10px}}.contacts__link{color:#757575;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:color, background-color;transition-property:color, background-color}.contacts__link:focus,.contacts__link:hover{color:#2196f3;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:color, background-color;transition-property:color, background-color}.contacts__link:hover .contacts-icon,.contacts__link:focus .contacts-icon{fill:#2196f3;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:color, background-color;transition-property:color, background-color}@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}}.current.current{color:#2196f3}.navigation .navigation__link--current:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;border-radius:2px;background:#2196f3}@media screen and (max-width: 767px){.navigation,.contacts{display:none}}@media screen and (max-width: 767px){.menu-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:none;background-color:transparent;margin:0;padding:0;margin-left:auto}}.menu-container{display:none;position:absolute;width:100%;top:90%;left:0px;z-index:999;background-color:#fff}.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-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.is-open .icon-cross{display:none}.menu-button:hover .icon-cross,.menu-button:focus .icon-cross{fill:#2196f3}.icon-menu{display:none}.menu-button:hover .icon-menu,.menu-button:focus .icon-menu{fill:#2196f3}.is-open .icon-menu{display:block}@media screen and (max-width: 767px){.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:auto;margin-left:auto}}@media screen and (max-width: 767px){.site-nav--mobile{margin-bottom:302px;padding-left:40px}}.site-nav__item:first-child{padding-top:48px}@media screen and (min-width: 768px){.site-nav__item{position:relative}.site-nav__item+.site-nav__item{margin-left:50px}}@media screen and (max-width: 767px){.site-nav__item:not(:last-child){margin-bottom:32px}}.site-nav__link{color:#212121;font-weight:500;line-height:1.14;letter-spacing:0.02em;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.site-nav__link:hover,.site-nav__link:focus{color:#2196f3}@media screen and (max-width: 767px){.site-nav__link{font-size:40px}}@media screen and (min-width: 768px){.site-nav__link{display:block;padding-top:32px;padding-bottom:32px}.site-nav__link--current{color:#2196f3}.site-nav__link--current::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:4px;background-color:#2196f3;border-radius:2px}}@media screen and (max-width: 767px){.auth-nav--mobile{padding-left:40px;margin-bottom:64px}}@media screen and (max-width: 767px){.auth-nav__item:not(:last-child){margin-bottom:32px}}.auth-nav__link{color:#757575;font-weight:500;line-height:1.14;letter-spacing:0.02em;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.auth-nav__link:hover,.auth-nav__link:focus{color:#2196f3}@media screen and (max-width: 767px){.auth-nav__link{font-size:24px;line-height:1.17}.auth-nav__link:hover,.auth-nav__link:focus{font-size:34px}}.socials-set{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:40px;padding-bottom:48px}.socials-set__item{font-weight:500;font-size:18px;line-height:1.22}.socials-set__item:not(:last-child){margin-right:20px}@media screen and (min-width: 768px){.socials-set__item{display:none}}.socials-set__link{color:#2196f3}.socials-set__item{font-weight:500;font-size:18px;line-height:1.22}.socials-set__item:not(:last-child){margin-right:20px}@media screen and (min-width: 768px){.socials-set__item{display:none}}@media screen and (min-width: 768px) and (max-width: 1199px){.menu-container{display:none}}@media screen and (min-width: 768px) and (max-width: 1199px){.contacts__item{margin-left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}}.hero__heading{color:#ffffff;font-weight:900;font-size:26px;line-height:1.5;text-align:center;letter-spacing:0.06em;display:block;margin-right:auto;margin-left:auto;margin-top:0;margin-bottom:0}@media screen and (min-width: 1200px){.hero__heading{font-size:44px}}.hero{text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:118px;padding-bottom:118px;margin-left:auto;margin-right:auto;max-width:1600px;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/Header-mobile1x.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/Header-mobile1x.jpg);background-size:cover;background-position:center}@media screen and (min-width: 768px){.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/Header-tablet1x.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/Header-tablet1x.jpg)}}@media screen and (min-width: 1200px){.hero{max-width:1600px;padding:200px 0;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/Header-desktop1x.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/Header-desktop1x.jpg)}}@media screen and (max-width: 767px) and (min-device-pixel-ratio: 2), screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi), screen and (max-width: 767px) 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/Header-mobile2x.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/Header-mobile2x.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, right top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(../images/Header-tablet2x.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/Header-tablet2x.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/Header-desktop2x.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/Header-desktop2x.jpg)}}.hero__button{color:#ffffff;background:var(--color-hover--);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);font-weight:700;font-size:16px;line-height:1.9;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:0.06em;padding:10px 32px;display:inline-block;min-width:200px;border-radius:4px;margin-top:30px;border:transparent;cursor:pointer;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:color, background-color, -webkit-box-shadow;transition-property:color, background-color, -webkit-box-shadow;transition-property:color, background-color, box-shadow;transition-property:color, background-color, box-shadow, -webkit-box-shadow}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);opacity:1;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:background-color;transition-property:background-color}@media screen and (max-width: 767px){.backdrop{padding:20px}}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:#ffffff;-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-transition-property:background-color, -webkit-box-shadow;transition-property:background-color, -webkit-box-shadow;transition-property:background-color, box-shadow;transition-property:background-color, box-shadow, -webkit-box-shadow;position:absolute;cursor:pointer}@media screen and (max-width: 767px){.modal{position:relative}}@media screen and (min-width: 768px){.modal{min-width:528px;min-height:581px}}.modal-button{position:absolute;top:8px;right:8px;width:30px;height:30px;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;border:1px solid rgba(0,0,0,0.1);border-radius:50%;cursor:pointer;background-color:#ffffff;padding:0}.modal__svg{border-radius:50%;width:18px;height:18px}.modal__svg:hover{color:#2196f3}button{cursor:pointer}.form-modal{padding:40px}.form-modal__text{font-weight:700;font-size:20px;line-height:1.15;text-align:center;color:#212121;margin-bottom:12px}.form-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}.form-modal__label{margin-bottom:4px;font-size:12px;line-height:1.16;letter-spacing:0.01em;color:#757575}.input-box-modal{position:relative}.modal-input:focus ~ .svg-form-modal{fill:#2196f3}.modal-input{width:100%;height:40px;border:1px solid rgba(33,33,33,0.2);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;padding-left:42px;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-input::-webkit-input-placeholder{font-size:12px;line-height:1.16;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal-input:-ms-input-placeholder{font-size:12px;line-height:1.16;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal-input::-ms-input-placeholder{font-size:12px;line-height:1.16;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal-input::placeholder{font-size:12px;line-height:1.16;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal-input:focus{border:1px solid #2196f3;border-radius:4px;outline:transparent}.svg-form-modal{position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:#212121;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.comment{height:120px;padding-left:12px;padding-top:16px;padding-right:12px;padding:16px}.form-modal-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-modal-checkbox:checked+.checkbox-icon{background-color:var(--color-hover--);border:2px solid var(--color-hover--);background-size:contain}.form-modal-checkbox:checked+.checkbox-icon{background-color:var(--color-hover--);border:2px solid var(--color-hover--);background-size:contain}.checkbox-icon{display:inline-block;border:2px solid #212121;border-radius:2px;width:16px;height:15px;margin:0;margin-right:7px}.checkbox__text{font-size:14px;line-height:1.71;letter-spacing:0.03em}.modal-form-button{display:block;margin-left:auto;margin-right:auto;width:200px;height:50px;background:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;border-color:transparent;font-family:Roboto;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.06em;color:#ffffff;margin-top:40px}@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 .hero{background-image:url(../images/Header@2x.jpg)}}@media screen and (min-device-pixel-ratio: 2) and (min-device-pixel-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-pixel-ratio: 1), screen and (min-resolution: 192dpi) and (min-device-pixel-ratio: 1), screen and (min-resolution: 2dppx) and (min-device-pixel-ratio: 1), screen and (min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 1), screen and (min-device-pixel-ratio: 2) and (min-resolution: 96dpi), screen and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 1), screen and (min-resolution: 192dpi) and (min-resolution: 96dpi), screen and (min-resolution: 2dppx) and (min-resolution: 96dpi), screen and (min-device-pixel-ratio: 2) and (min-resolution: 1dppx), screen and (min-resolution: 192dpi) and (min-resolution: 1dppx), screen and (min-resolution: 2dppx) and (min-resolution: 1dppx){.hero .hero{background-image:url(../images/Header.jpg)}}.features{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 768px){.features{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}@media screen and (min-width: 1200px){.features{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.features__title{font-weight:700;text-transform:uppercase;margin-bottom:10px;line-height:1.4;letter-spacing:0.03em;color:var(--color-black--)}.features__text{font-size:14px;line-height:1.7;letter-spacing:0.03em;color:#757575}.feature__box{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px;background-color:#f5f4fa;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:25px;padding-bottom:25px}@media screen and (max-width: 767px){.feature__box{border-radius:4px}}@media screen and (min-width: 768px) and (max-width: 1199px){.feature__box{width:354px;height:120px}}@media screen and (max-width: 767px){.features{display:block}}@media screen and (max-width: 767px){.feature__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.feature__item{-ms-flex-preferred-size:calc((100% - 2 * 30px) / 2);flex-basis:calc((100% - 2 * 30px) / 2);margin:15px}}@media screen and (min-width: 1201px){.feature__item{-ms-flex-preferred-size:auto;flex-basis:auto}}@media screen and (min-width: 1201px){.feature__item:last-child{margin-right:0px}}.section__work--nopaddingtop{padding-top:0px}@media screen and (min-width: 768px) and (max-width: 1199px){.section__work--nopaddingtop{display:none}}.works{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 1201px){.works{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.works__item{position:relative}.works__item:not(:last-child){margin-right:30px}.work__container{width:100%;height:70px;position:absolute;padding-top:27px;padding-bottom:27px;bottom:0%;text-align:center;font-weight:700;background:rgba(47,48,58,0.8)}.work__container--title{color:#ffffff;text-transform:uppercase}@media screen and (max-width: 767px){.section__work--nopaddingtop{display:none}}.section__title{font-weight:700;font-size:36px;line-height:1.6;text-align:center;color:var(--color-black--);margin-top:0}.section--otherbackground{background-color:#f5f4fa;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 1200px){.our-team{margin-top:50px}}@media screen and (min-width: 768px) and (max-width: 1199px){.our-team{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 1201px){.our-team{display:-webkit-box;display:-ms-flexbox;display:flex}}.our-team__box{padding-top:30px;padding-bottom:30px;background:#ffffff;border-radius:0px 0px 4px 4px;text-align:center}.our-team__title{font-weight:500;font-size:16px;line-height:1.2;letter-spacing:0.03em;color:var(--color-black--)}.our-team__text{font-weight:normal;font-size:16px;line-height:1.2;text-align:center;color:#757575;margin-top:10px}.social__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}.social__item:not(:last-child){margin-right:10px}.social__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;padding:12px;color:#afb1b8;cursor:pointer;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color}.social__link:hover,.social__link:focus{background:#2196f3;color:#ffffff}.team-icon{fill:currentColor}@media screen and (max-width: 767px){.our-team{margin-top:30px}}@media screen and (max-width: 767px){.our-team__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 1201px){.our-team__item:not(:last-child){margin-right:30px}}@media screen and (max-width: 1199px){.section__title{font-size:28px;line-height:1.18}}@media screen and (max-width: 767px){.our-team__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}}@media screen and (min-width: 768px) and (max-width: 1199px){.our-team__item{-ms-flex-preferred-size:calc((100% - 2 * 30px) / 2);flex-basis:calc((100% - 2 * 30px) / 2);-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;margin:15px}}@media screen and (min-width: 1201px){.our-team__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}}.section__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}.checkbox-label{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;position:relative}.modal-button:hover,.modal-button:focus{fill:#2196f3}.section__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}.team__link:not(:last-child){margin-right:10px}.social__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;padding:12px;color:#afb1b8;cursor:pointer;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color}.social__link:hover,.social__link:focus{background:#2196f3;color:#ffffff}.social__icon{fill:currentColor}.checkbox__link{color:#2196f3;text-decoration:underline}.clients{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}@media screen and (min-width: 1201px){.clients{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width: 1199px){.clients{margin-top:30px}}@media screen and (min-width: 1200px){.clients{margin-top:50px;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media screen and (min-width: 1200px){.clients__item:not(:last-child){margin-right:30px}}.client__link{display:-webkit-box;display:-ms-flexbox;display:flex;width:170px;height:92px;border:1px solid #afb1b8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;color:#afb1b8;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:color;transition-property:color}.client__link:hover,.client__link:focus{border:1px solid #2196f3;color:#2196f3}@media screen and (max-width: 767px){.client__link{width:100%;height:92px;border:1px solid #afb1b8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px}}@media screen and (min-width: 768px) and (max-width: 1199px){.client__link{width:226px;height:92px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}textarea{resize:none}.clients__item{margin:15px}@media screen and (max-width: 767px){.clients__item{margin:15px;text-align:center;width:calc((100% - 30px * 2) / 2)}}@media screen and (min-width: 1201px){.footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.info{background:#2f303a;padding-top:60px;padding-bottom:60px}.address{list-style-type:none;font-style:normal;font-weight:normal;font-size:14px;line-height:1.7;color:#ffffff}.info-text{font-weight:normal;font-size:14px;line-height:1.7;display:inline-block;color:rgba(255,255,255,0.6)}.social-box__link:not(:last-child){margin-right:10px}.social-box__title{font-weight:700;font-size:14px;text-transform:uppercase;color:#ffffff;font-weight:700}.social-box__item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}@media screen and (max-width: 767px){.social-box__item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1201px){.tablet-footer{margin-right:93px}}@media screen and (min-width: 1200px){.address-box{margin-right:70px}}.social__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;padding:12px;color:#afb1b8;cursor:pointer;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color}.social__link:focus,.social__link:hover{background:#2196f3;color:#ffffff}.team-icon{fill:currentColor}.socials__item{border-radius:50%;background-color:rgba(255,255,255,0.1);color:#ffffff}.form-box{cursor:default}@media screen and (min-width: 768px) and (max-width: 1199px){.form-box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-top:60px}}@media screen and (min-width: 1201px){.form-box{display:-webkit-box;display:-ms-flexbox;display:flex}}.mail-box__title{margin-bottom:20px;font-weight:700;font-size:14px;text-transform:uppercase;color:#ffffff}.form-input__mail{border:1px solid #ffffff4d;-webkit-box-sizing:border-box;box-sizing:border-box;-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-radius:4px;background:#2f303a;color:#ffffff;width:100%;height:50px;padding-left:16px;margin-right:10px;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px) and (max-width: 1199px){.form-input__mail{margin-bottom:20px}}@media screen and (min-width: 1201px){.form-input__mail{width:358px}}.form-input__mail:hover{border:1px solid #2196f3}.form-input__mail:focus{border:1px solid #2196f3}.footer-form__button{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:200px;height:50px;margin:0;border-color:transparent;background:#2196f3;border-radius:4px;font-weight:700;font-size:16px;line-height:1.87;text-align:center;letter-spacing:0.06em;color:#ffffff;margin-left:auto;margin-right:auto}.form-box__item{margin-left:10px}.footer-address__item:not(:last-child){margin-bottom:9px}@media screen and (max-width: 767px){.social-box{margin-top:60px}}@media screen and (max-width: 767px){.footer-form__button{margin-top:20px}}@media screen and (min-width: 768px) and (max-width: 1199px){.tablet-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;text-align:center}}@media screen and (min-width: 1201px){.tablet-footer{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){.address-box,.social-box{display:block}}@media screen and (min-width: 768px) and (max-width: 1199px){.form-box{display:block}}@media screen and (max-width: 767px){.info{text-align:center}}@media screen and (max-width: 1199px){.form-input__mail{height:50px}}@media screen and (min-width: 768px) and (max-width: 1199px){.form-input__mail{width:450px}}@media screen and (max-width: 1199px){.form-box{margin-top:60px}}.webstudio-header{font-family:Raleway;font-weight:700;text-decoration:none}.color__web{font-family:Raleway;font-weight:700;font-size:26px;line-height:1.2;color:#2196f3}.color__studio{font-family:Raleway;font-weight:700;font-size:26px;line-height:1.2;color:var(--color-black--)}.logo{text-decoration:none;list-style-type:none;color:#2196f3;font-family:Raleway;font-style:normal;font-weight:700;font-size:26px;line-height:1.2}.footer-logo{display:inline-block;margin-bottom:20px;margin-right:0}.footer-studio{color:#ffffff}.flex-element__item{padding:24px 20px}.gallery__item{-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow}@media screen and (min-width: 1201px){.gallery__item{-ms-flex-preferred-size:calc((100% - 60px) / 3);flex-basis:calc((100% - 60px) / 3);-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:30px;margin-bottom:30px}}.gallery__item .product__item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;line-height:1.9;color:#757575}.product-thumb__text{color:#ffffff}.product__link:hover .product-thumb__box,.product__link:focus .product-thumb__box{-webkit-transform:translateY(0);transform:translateY(0)}.product__link{display:block;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;background:#ffffff;border:1px solid #eeeeee;-webkit-box-sizing:border-box;box-sizing:border-box}.product__link:hover,.product__link:focus{-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)}.flex-element__item{padding:24px 20px}.filter{display:-webkit-box;display:-ms-flexbox;display:flex;color:#212121;font-weight:500;line-height:1.4;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:40px}@media screen and (max-width: 767px){.filter{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}@media screen and (min-width: 1201px){.filter{margin-bottom:50px}}.filter__element:not(:last-child){margin-right:8px}.filter__item:hover,.filter__item:focus{color:var(--color-hover--);-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)}.pointer-cursor{cursor:pointer;background-color:#f5f4fa;font-family:var(--main-font);font-weight:500;font-size:16px;line-height:1.6;border-radius:4px;border:none;padding:6px 22px}.filter__button:focus,.filter__button:hover{background:#2196f3;color:#ffffff}.filter__button{cursor:pointer;background-color:#f5f4fa;font-family:var(--main-font);font-weight:500;font-size:16px;line-height:1.6;border-radius:4px;border:none;padding:6px 22px;display:inline;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:0px;margin-right:0px;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:color, background-color, -webkit-box-shadow;transition-property:color, background-color, -webkit-box-shadow;transition-property:color, background-color, box-shadow;transition-property:color, background-color, box-shadow, -webkit-box-shadow}@media screen and (max-width: 767px){.filter__element:nth-child(-n+3){margin-bottom:15px}}@media screen and (min-width: 768px) and (max-width: 1199px){.gallery__item:nth-child(1){margin-right:22px}}@media screen and (min-width: 768px) and (max-width: 1199px){.gallery__item:nth-child(3){margin-right:22px}}@media screen and (min-width: 768px) and (max-width: 1199px){.gallery__item:nth-child(5){margin-right:22px}}@media screen and (min-width: 768px) and (max-width: 1199px){.gallery__item:nth-child(7){margin-right:22px}}@media screen and (min-width: 768px) and (max-width: 1199px){.gallery__item:nth-child(9){margin-right:22px}}@media screen and (min-width: 768px){.gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 768px) and (max-width: 1199px){.product__image{width:354px;height:294px}}.gallery__item:not(:last-child){margin-bottom:25px}.product__thumb{position:relative;overflow:hidden}.flex-filters{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-element__item{padding:24px 20px}.gallery__item{-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 1201px){.gallery__item{-ms-flex-preferred-size:calc((100% - 60px) / 3);flex-basis:calc((100% - 60px) / 3)}}@media screen and (min-width: 1201px){.gallery__item:nth-child(3n){margin-right:0px}}@media screen and (min-width: 1201px){.gallery__item .gallery__item:nth-last-child(-n+3){margin-right:0px}}.gallery__item .product__item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;line-height:1.9;color:#757575}.flex-element__text{font-weight:bold;font-size:18px;line-height:2;color:#212121;margin-bottom:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.product-thumb{position:relative;overflow:hidden}.product-thumb__box{position:absolute;top:1px;left:0;width:100%;height:100%;font-weight:normal;font-size:18px;line-height:1.55;background:rgba(33,150,243,0.9);padding:63px 24px;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:background-color;transition-property:background-color;-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)}.product-thumb__text{color:#ffffff}.product__link{display:block;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;background:#ffffff;border:1px solid #eeeeee;-webkit-box-sizing:border-box;box-sizing:border-box}.product__link:focus,.product__link:hover{-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)}.product__link:hover .product-thumb__box,.product__link:focus .product-thumb__box{-webkit-transform:translateY(0);transform:translateY(0)}.product{border:1px solid #eeeeee}
/*# sourceMappingURL=main.min.css.map */