:root{--header-color: #000000;--first-title-color: #212121;--second-title-color: #757575;--first-btn-color: #2196f3;--second-btn-color: #ffffff;--background-color: #2F303A;--background-color-next: #F5F4FA;--timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}p,h1,h2,h3,h4,h5,h6,ul{margin:0;padding:0}body{margin:0;font-family:"Roboto", sans-serif}img{display:block}a{text-decoration:none}.list{list-style:none}.card-image,.footer-form__svg{display:-webkit-box;display:-ms-flexbox;display:flex}.hero-list__icon,.card-image__position,.social__icon,.card-nav__icon,.footer-social__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}.social,.page-portfolio__list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.container{padding-left:15px;padding-right:15px;margin:0 auto}@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}}.page-header__logo{font-family:"Raleway";font-style:normal;font-weight:700;font-size:24px;line-height:1.16;color:var(--first-btn-color)}@media screen and (min-width: 768px) and (max-width: 1199px){.page-header__logo{margin-right:88px}}@media screen and (min-width: 1199px){.page-header__logo{margin-right:93px}.page-header__logo,.page-header__logo--another{font-size:26px;line-height:1.19}}.page-header__logo--another{-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);font-family:'Raleway';font-style:normal;font-weight:700;font-size:24px;line-height:1.16;letter-spacing:0.03em;color:var(--header-color)}.page-header__logo--another:hover,.page-header__logo--another:focus{-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);color:var(--first-btn-color)}@media screen and (min-width: 768px){.page-header__link{padding-top:32px;padding-bottom:32px;-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:var(--first-title-color)}.page-header__link:hover,.page-header__link:focus{-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);color:var(--first-btn-color)}.page-header__link--another{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:var(--first-btn-color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);padding-top:32px;padding-bottom:32px;position:relative}.page-header__link--another::after{position:absolute;left:0;bottom:-1px;content:'';width:100%;height:4px;background-color:var(--first-btn-color);border-radius:2px;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.page-header__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-header__item{margin-right:50px}}.page-header__positon{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ECECEC;position:relative}body.menu-open,body.modal-open{overflow:hidden}.page-header__button:hover,.page-header__button:focus{fill:var(--first-btn-color)}.page-header__button{z-index:20;position:relative;border:none;background-color:transparent;cursor:pointer;width:40px;height:40px;padding:0;margin:0;color:black}.page-header__button .icon-cross{display:none}.page-header__button.is-open .icon-cross{display:block}.page-header__button.is-open .icon-menu{display:none}.page-header__button{margin-left:auto}@media screen and (min-width: 768px){.page-header__button{display:none}}@media screen and (max-width: 767px){.menu-container{padding:48px 40px;z-index:10;display:none;position:absolute;top:0;left:0;height:100%;width:100%;font-size:20px;background:#FFFFFF;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.04),0px 2px 4px rgba(0,0,0,0.08),0px 1px 3px rgba(0,0,0,0.16);box-shadow:0px 4px 8px rgba(0,0,0,0.04),0px 2px 4px rgba(0,0,0,0.08),0px 1px 3px rgba(0,0,0,0.16)}.menu-container.is-open{display:block}}.menu-container.is-open{position:fixed}@media screen and (min-width: 768px){.menu-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}}@media screen and (min-width: 768px){.page-header__naw{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.page-header__list{display:-webkit-box;display:-ms-flexbox;display:flex}.page-header__contacts{margin-left:auto}}@media screen and (min-width: 768px){.page-header__item{margin-right:50px}.page-header__item:last-child{margin-right:0}.page-header__item{padding-top:32px;padding-bottom:32px}}@media (max-width: 767px){.page-header__list{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-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:auto}}@media screen and (max-width: 767px){.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;max-width:767.9px}}@media screen and (max-width: 767px){.page-header{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;padding-top:16px;padding-bottom:16px}}.page-header__navigation{margin-left:auto}@media (max-width: 767px){.page-header__navigation{display:none}}.page-header__tel,.page-header__mailto{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:var(--second-title-color);-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function)}.page-header__tel:hover,.page-header__tel:focus,.page-header__mailto:hover,.page-header__mailto:focus{-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);color:var(--first-btn-color)}@media screen and (min-width: 1200px){.page-header__tel.page-header__mailto,.page-header__mailto.page-header__mailto{margin-right:30px}}@media screen and (max-width: 767px){.page-header__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:64px}}@media screen and (min-width: 1200px){.page-header__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.page-header__icon{margin-right:10px;fill:currentColor}@media (max-width: 768px){.page-header__icon{display:none}}@media screen and (min-width: 768px) and (max-width: 1199px){.menu-container{display:-webkit-box;display:-ms-flexbox;display:flex}.page-header__pozition{margin-bottom:10px}}@media screen and (min-width: 768px) and (max-width: 1199px){.page-header__tel,.page-header__mailto{font-size:12px;line-height:14px}}.selection-one{margin-left:auto;margin-right:auto;max-width:480px;height:400px;padding-top:118px;padding-bottom:118px;background-color:var(--background-color);background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(..//..//image/phone/Headerimg.jpg);background-image:linear-gradient(to top, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(..//..//image/phone/Headerimg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx){.selection-one{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(..//..//image/phone/Headerimg@2x.jpg);background-image:linear-gradient(to top, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(..//..//image/phone/Headerimg@2x.jpg)}}@media screen and (min-width: 481px){.selection-one{max-width:768px;height:400px;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(..//..//image/tablet/Headerimg.jpg);background-image:linear-gradient(to top, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(..//..//image/tablet/Headerimg.jpg)}}@media screen and (min-width: 481px) and (min-device-pixel-ratio: 2), screen and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 481px) and (min-resolution: 192dpi), screen and (min-width: 481px) and (min-resolution: 2dppx){.selection-one .selection-one{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(..//..//image/tablet/Headerimg@2x.jpg);background-image:linear-gradient(to top, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(..//..//image/tablet/Headerimg@2x.jpg)}}@media screen and (min-width: 1200px){.selection-one{padding-top:200px;padding-bottom:200px;max-width:1600px;height:600px;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(..//..//image/pc/Img.jpg);background-image:linear-gradient(to top, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(..//..//image/pc/Img.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){.selection-one .selection-one{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(..//..//image/pc/Img@2x.jpg);background-image:linear-gradient(to top, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(..//..//image/pc/Img@2x.jpg)}}.selection-title{width:360px;margin:0 auto 30px;font-weight:900;font-size:26px;line-height:42px;text-align:center;letter-spacing:0.06em;text-transform:uppercase;color:var(--second-btn-color)}@media screen and (min-width: 768px) and (max-width: 1199px){.selection-title{width:360px}}@media screen and (min-width: 1200px){.selection-title{width:696px;font-size:44px;line-height:60px}}.selection-btn{font-family:inherit;font-weight:700;font-size:16px;line-height:1.9;text-align:center;letter-spacing:0.06em;cursor:pointer;border:none;border-radius:4px;padding:10px 32px;min-width:200px;display:block;margin:0 auto;color:var(--second-btn-color);background-color:var(--first-btn-color)}.hero-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.selection-two{padding-top:60px;padding-bottom:60px}@media screen and (max-width: 767px){.hero-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px) and (max-width: 1199px){.hero-list__text{width:354px}.hero-list__item{margin-right:30px;margin-bottom:30px}.hero-list__item:nth-child(2n){margin-right:0}.hero-list__item:not(:nth-child(-n+2)){margin-bottom:0px}}@media screen and (min-width: 1200px){.selection-two{padding-top:94px;padding-bottom:94px}.hero-list__text{width:270px}.hero-list__item:not(:last-child){margin-right:30px}}.hero-list__name{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0px;margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:var(--first-title-color)}@media screen and (max-width: 767px){.hero-list__name{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}}.hero-list__text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:var(--second-title-color)}.hero-list__icon{height:120px;margin-bottom:30px;border-radius:4px;background-color:var(--background-color-next)}@media (max-width: 1199px){.selection-three{display:none}}.selection-three{padding-bottom:94px}.selection-three__name{margin-top:0px;margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em;color:var(--first-title-color)}.card-image__item:not(:last-child){margin-right:30px}.card-image__meta{position:relative}.card-image__position{width:370px;height:70px;bottom:0;position:absolute;background:rgba(47,48,58,0.8)}.card-image__text{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:var(--second-btn-color)}.selection-four{padding-top:60px;padding-bottom:60px;background-color:var(--background-color-next)}.selection-four__name{margin-bottom:30px;font-weight:700;font-size:28px;line-height:1.17;text-align:center;letter-spacing:0.03em;color:var(--first-title-color)}.card-list__position{padding-top:30px;padding-bottom:30px}.card-list__name{margin-top:0px;margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.18;letter-spacing:0.03em;color:var(--first-title-color);text-align:center}.card-list__text{font-size:16px;line-height:1.18;letter-spacing:0.03em;color:var(--second-title-color);text-align:center}.social{margin-top:16px}.social__item+.social__item{margin-left:10px}.social__icon{background-color:var(--first-btn-color);-webkit-transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);width:44px;height:44px;border-radius:50%;color:#afb1b8;background:rgba(255,255,255,0.1)}.social__icon:hover,.social__icon:focus{-webkit-transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);background-color:var(--first-btn-color);color:var(--second-btn-color)}.social__svg{fill:currentColor}.card-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(--second-btn-color)}@media screen and (min-width: 768px){.card-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width: 767px){.card-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px) and (max-width: 1199px){.card-list__item{width:354px;margin-right:30px;margin-bottom:30px}.card-list__item:nth-child(2n){margin-right:0}.card-list__item:not(:nth-child(-n+2)){margin-bottom:0px}.selection-four__name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.card-list__item:not(:last-child){margin-right:30px}.selection-four__name{margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.16;letter-spacing:0.03em;color:var(--first-title-color);text-align:center}.selection-four{padding-top:94px;padding-bottom:94px;background-color:var(--background-color-next)}}.img_classs{display:block;width:100%;height:auto}.section-fife{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section-fife{padding-top:94px;padding-bottom:94px}}.card-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 1199px){.card-nav{margin:-15px}}.card-nav__icon{width:100%;-webkit-transition:color 250ms var(--timing-function),border-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),border-color 250ms var(--timing-function);height:92px;border:1px solid #AFB1B8;border-radius:4px;cursor:pointer;color:#afb1b8}.card-nav__icon:hover,.card-nav__icon:focus{-webkit-transition:color 250ms var(--timing-function),border-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),border-color 250ms var(--timing-function);color:var(--first-btn-color);border-color:var(--first-btn-color)}.card-nav__svg{fill:currentColor}@media screen and (max-width: 767px){.card-nav__item{width:calc((100% - 2 * 30px) / 2);margin:15px}}@media screen and (min-width: 768px) and (max-width: 1199px){.card-nav__item{width:226px;margin:15px}}@media screen and (min-width: 1200px){.card-nav__item{margin-right:30px}.card-nav__item:last-child{margin-right:0px}}@media screen and (min-width: 768px) and (max-width: 1199px){.card-nav__icon{width:226px}}@media screen and (min-width: 1200px){.card-nav__icon{width:170px}}.modal-btn__svg:hover{fill:var(--first-btn-color)}.modal-btn{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--second-btn-color);border:1px solid rgba(0,0,0,0.1);-webkit-box-sizing:border-box;box-sizing:border-box;top:0;right:0;margin-top:8px;margin-right:8px;cursor:pointer}.modal-window{position:relative;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);top:50%;left:50%;padding:40px;width:100%;-webkit-transition:-webkit-transform 250ms var(--timing-function);transition:-webkit-transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function), -webkit-transform 250ms var(--timing-function);background:var(--second-btn-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}.overlay{overflow-y:scroll;z-index:21;padding:93px 15px;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}@media screen and (min-width: 768px){.overlay{padding:0px}}.overlay.is-hidden{opacity:0;pointer-events:none}.overlay.overlay.is-hidden .modal-window{-webkit-transform:translate(-50%, -50%) scale(2);transform:translate(-50%, -50%) scale(2)}.form__text{font-style:normal;font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:0.03em;margin-bottom:12px;color:var(--first-title-color)}.form__frame{margin-top:4px;margin-bottom:10px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.form__frame:focus-within,.form__frame input:focus-within,.form__textarea:focus{-webkit-transition:border-color 250ms var(--timing-function),fill 250ms var(--timing-function);transition:border-color 250ms var(--timing-function),fill 250ms var(--timing-function);fill:var(--first-btn-color);border-color:var(--first-btn-color)}.form__frame input{-webkit-transition:border-color 250ms var(--timing-function);transition:border-color 250ms var(--timing-function);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;outline:none;margin:0}.form__svg{position:absolute;top:11px;left:15px}.form__svg:focus{-webkit-transition:border-color 250ms var(--timing-function),fill 250ms var(--timing-function);transition:border-color 250ms var(--timing-function),fill 250ms var(--timing-function);fill:var(--first-btn-color);border-color:var(--first-btn-color)}.form__name{font-size:12px;line-height:1.16;letter-spacing:0.01em;color:var(--second-title-color)}.form__frame--another{margin-top:4px;width:100%;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.form__input{cursor:pointer;padding-left:42px}.form__textarea{-webkit-transition:border-color 250ms var(--timing-function);transition:border-color 250ms var(--timing-function);outline:none;padding:12px 16px;cursor:pointer;border:1px solid rgba(33,33,33,0.2);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.form__textarea::-webkit-input-placeholder{font-size:12px;line-height:14px;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.form__textarea:-ms-input-placeholder{font-size:12px;line-height:14px;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.form__textarea::-ms-input-placeholder{font-size:12px;line-height:14px;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.form__textarea::placeholder{font-size:12px;line-height:14px;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}textarea{resize:none}.checkbox{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;margin-top:20px;margin-bottom:30px}.checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox__svg{-webkit-transition:background-color 250ms var(--timing-function);transition:background-color 250ms var(--timing-function);cursor:pointer;min-width:16px;height:15px;border:2px solid var(--first-title-color);border-radius:2px}.checkbox__input:checked+.checkbox__svg{-webkit-transition:background-color 250ms var(--timing-function);transition:background-color 250ms var(--timing-function);background-color:var(--first-btn-color);background-origin:border-box;border-color:var(--first-btn-color);background-size:contain}.checkbox__text{margin-left:7px;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:var(--second-title-color)}.checkbox__text--color{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:var(--first-btn-color)}.checkbox__btn{font-family:inherit;font-weight:700;font-size:16px;line-height:1.9;text-align:center;letter-spacing:0.06em;cursor:pointer;border:none;width:200px;height:50px;border-radius:4px;background:var(--first-btn-color);color:var(--second-btn-color)}.checkbox__btn:hover{background:#188CE8;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15)}@media screen and (max-width: 1199px){.checkbox__text{font-size:12px;line-height:14px}}.checkbox--pozition{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-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 480px){.modal-window{width:450px}}@media screen and (min-width: 1200px){.modal-window{width:528px}}.page-footer{padding-top:60px;padding-bottom:60px;background-color:var(--background-color)}@media screen and (max-width: 767px){.page-footer__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px;margin-bottom:8px}.page-footer__item:nth-last-child(2){margin-top:0px}}@media screen and (min-width: 1200px){.page-footer__item{margin-top:20px;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.page-footer__item:nth-last-child(2){margin-top:0px}}@media screen and (min-width: 768px) and (max-width: 1199px){.page-footer__item{margin-top:20px;margin-bottom:8px}.page-footer__item:nth-last-child(2){margin-top:0px}}@media screen and (max-width: 767px){.page-footer__items{margin-bottom:60px;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) and (max-width: 1199px){.qwe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (min-width: 1200px){.qwe{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 768px) and (max-width: 1199px){.page-footer__second{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-footer__second .page-footer__two{text-align:center}}.page-footer__name{font-style:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:var(--second-btn-color)}.page-footer__mailto{-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);font-style:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:rgba(255,255,255,0.6)}.page-footer__mailto:hover,.page-footer__mailto:focus{color:var(--first-btn-color)}.page-footer__tel{-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);font-style:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:rgba(255,255,255,0.6)}.page-footer__tel:hover,.page-footer__tel:focus{color:var(--first-btn-color)}@media screen and (min-width: 1200px){.page-footer__second{display:-webkit-box;display:-ms-flexbox;display:flex}}.page-footer__logo{font-family:"Raleway";font-style:normal;font-weight:700;font-size:26px;line-height:1.19;color:var(--first-btn-color)}.page-footer__logo--another{-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);font-family:'Raleway';font-style:normal;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:var(--second-btn-color)}.page-footer__logo--another:hover,.page-footer__logo--another:focus{-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);color:var(--first-btn-color)}@media screen and (max-width: 767px){.page-footer__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.footer-icon{margin-left:60px}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer-icon{display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;-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-icon__text{margin-bottom:20px;font-style:normal;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:var(--second-btn-color)}@media screen and (max-width: 767px){.footer-icon__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width: 767px){.footer-social{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) and (max-width: 1199px){.footer-social{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 1200px){.footer-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.footer-social__item+.footer-social__item{margin-left:10px}.footer-social__icon{background-color:var(--first-btn-color);-webkit-transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);width:44px;height:44px;border-radius:50%;color:#afb1b8;background:rgba(255,255,255,0.1)}.footer-social__icon:hover,.footer-social__icon:focus{-webkit-transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);background-color:var(--first-btn-color);color:var(--second-btn-color)}.footer-social__svg{color:var(--second-btn-color);fill:currentColor}@media screen and (min-width: 1200px){.footer-form{margin-left:93px}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer-form{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-align:center;-ms-flex-align:center;align-items:center;margin-top:60px}}@media screen and (max-width: 767px){.footer-form{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;margin-top:60px}}.footer-form__text{font-style:normal;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:var(--second-btn-color)}@media screen and (min-width: 1200px){.footer-form__text{margin-bottom:20px}}@media screen and (max-width: 767px){.footer-form__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.footer-form__input{width:100%;outline:none;padding-left:15px;padding-top:16px;padding-bottom:16px;border:1px solid rgba(255,255,255,0.3);-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-color:var(--background-color);color:var(--second-btn-color);-webkit-transition:border-color 250ms var(--timing-function);transition:border-color 250ms var(--timing-function)}.footer-form__input:focus{-webkit-transition:border-color 250ms var(--timing-function);transition:border-color 250ms var(--timing-function);border-color:var(--first-btn-color)}.footer-form__input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}.footer-form__input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}.footer-form__input::-ms-input-placeholder{color:rgba(255,255,255,0.6)}.footer-form__input::placeholder{color:rgba(255,255,255,0.6)}@media screen and (min-width: 1200px){.footer-form__input{width:384px}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer-form__input{margin-top:20px;margin-bottom:20px;width:450px}}@media screen and (max-width: 767px){.footer-form__input{margin-top:20px;margin-bottom:20px}}.footer-form__btn{font-family:inherit;font-weight:700;font-size:16px;line-height:1.9;text-align:center;letter-spacing:0.06em;cursor:pointer;border:none;padding:10px 69px 10px 24px;width:200px;height:50px;border-radius:4px;position:relative;background:var(--first-btn-color);color:var(--second-btn-color)}.footer-form__svg{position:absolute;right:28px;bottom:13px}.page-portfolio{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.page-portfolio{padding-top:94px;padding-bottom:94px}}.page-portfolio__position{margin-right:8px}.page-portfolio__position:last-child{margin-right:0}@media screen and (max-width: 767px){.page-portfolio__position{margin-bottom:15px}.page-portfolio__position:nth-last-child(-n+2){margin-bottom:0px}}.page-portfolio__list{margin-top:0;margin-bottom:50px}@media screen and (max-width: 767px){.page-portfolio__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:40px}}@media screen and (min-width: 768px) and (max-width: 1199px){.page-portfolio__list{margin-bottom:30px}}.page-portfolio__link{-webkit-transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:0.03em;cursor:pointer;border:none;border-radius:4px;padding:6px 22px;color:var(--first-title-color)}.page-portfolio__link:hover,.page-portfolio__link:focus{-webkit-transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);background-color:var(--first-btn-color);color:var(--second-btn-color)}@media screen and (min-width: 767px){.card-portfolio{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}@media screen and (max-width: 767px){.card-portfolio__position{margin-bottom:30px}.card-portfolio__position:last-child{margin-bottom:0}}@media screen and (min-width: 768px) and (max-width: 1199px){.card-portfolio__position{margin:15px;width:calc((100% - 4 * 15px) / 2)}}@media screen and (min-width: 1200px){.card-portfolio__position{margin:15px;width:calc((100% - 6 * 15px) / 3)}}.card-portfolio__link{-webkit-transition:-webkit-box-shadow 250ms var(--timing-function);transition:-webkit-box-shadow 250ms var(--timing-function);transition:box-shadow 250ms var(--timing-function);transition:box-shadow 250ms var(--timing-function), -webkit-box-shadow 250ms var(--timing-function);display:block}.card-portfolio__link:hover,.card-portfolio__link:focus{-webkit-transition:-webkit-box-shadow 250ms var(--timing-function);transition:-webkit-box-shadow 250ms var(--timing-function);transition:box-shadow 250ms var(--timing-function);transition:box-shadow 250ms var(--timing-function), -webkit-box-shadow 250ms var(--timing-function);-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)}.card-portfolio__link:hover .card-portfolio__link.card-portfolio__frame{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.card-portfolio__link:hover .card-portfolio__frame{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.card-portfolio__link{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%}.card-portfolio__place{position:relative;overflow:hidden}.card-portfolio__frame{position:absolute;top:0;left:0;margin:0;width:100%;height:100%;opacity:1;background:rgba(33,150,243,0.9);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 250ms var(--timing-function);transition:-webkit-transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function), -webkit-transform 250ms var(--timing-function)}.card-portfolio__text{width:100%;height:100%;padding:63px 24px;font-style:normal;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:0.03em;color:var(--second-btn-color)}@media screen and (max-width: 767px){.card-portfolio__text{overflow-y:scroll}}.img-size{width:100%}.card-portfolio__content{padding:20px 24px;border:1px solid #EEEEEE;border-top:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.card-portfolio__name{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em;color:var(--first-title-color)}.card-portfolio__alert{font-size:16px;line-height:1.88;letter-spacing:0.03em;color:var(--second-title-color)}.page-header__items{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em;color:#2196F3}@media screen and (max-width: 767px){.page-header__link,.page-header__link--another{font-weight:500;font-size:40px;line-height:47px;letter-spacing:0.02em;color:var(--first-title-color)}.page-header__link:hover,.page-header__link:focus,.page-header__link--another:hover,.page-header__link--another:focus{color:var(--first-btn-color)}.page-header__position--tel{margin-bottom:32px}.page-header__tel{font-weight:500;font-size:34px;line-height:40px;letter-spacing:0.02em;color:#2196F3}.page-header__mailto{font-weight:500;font-size:24px;line-height:28px;letter-spacing:0.02em;color:#757575;-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function)}.page-header__mailto:hover,.page-header__mailto:focus{-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function);color:var(--first-btn-color)}}@media screen and (min-width: 768px){.page-header__items{display:none}}.page-header__itemsd{border-left:1px solid rgba(33,33,33,0.2);padding-left:10px;margin-left:10px}.page-header__itemsd:first-child{border:none;padding-left:0px;margin-left:0px}@media screen and (max-width: 767px){.page-header__social{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-header__item{margin-top:32px}.page-header__item:first-child{margin-top:0px}.page-header__naw{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}}@media screen and (min-width: 768px){.page-header__social{display:none}}
/*# sourceMappingURL=main.min.css.map */