:root{--main-color: #212121;--background-white: #fff;--second-white: #f5f4fa;--blue: #2196f3;--studio-black: #000;--hero-color: #2f303a;--grey-color: #757575;--bottom-color: #afb1b8;--border-white: #eee}html{scroll-behavior:smooth}body{color:var(--main-color);font-family:"Roboto",sans-serif;font-size:14px;background:var(--background-white)}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}ul,h1,h2,h3,h4,h5,h6,p,li{margin:0;padding:0}li{list-style-type:none}a{text-decoration:none}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right: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}}.web-studio{display:block;font-family:"Raleway",sans-serif;font-weight:700;font-size:24px;letter-spacing:.03em;color:var(--blue)}@media screen and (max-width: 767px){.web-studio{padding-top:16px;padding-bottom:16px;padding-left:15px}}@media screen and (min-width: 1199px){.web-studio{font-size:26px}}.web-studio>span{color:var(--studio-black);font-family:"Raleway",sans-serif}.main-nav .web-studio{margin-right:93px}@media screen and (max-width: 767px){.main-nav .web-studio{margin-right:0px}}.footer .studio-footer{display:block;font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;letter-spacing:.03em;color:var(--blue);margin-bottom:20px}@media screen and (min-width: 1200px){.footer .studio-footer{text-align:left}}.footer .studio-footer>span{font-family:"Raleway",sans-serif;color:var(--background-white)}@media screen and (min-width: 768px)and (max-width: 1199px){.site-second .item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.site-second .item:not(:last-child){margin-right:30px}}.backdrop{background:rgba(0,0,0,.2);width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;-webkit-transition:opacity,visibility;transition:opacity,visibility;-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)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.backdrop.is-hidden .modal-wrapper{-webkit-transform:translate(-50%, -50%) scale(2);transform:translate(-50%, -50%) scale(2)}.modal-wrapper{position:absolute;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);top:50%;left:50%;border-radius:4px;width:450px;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background:var(--background-white);padding:40px;-webkit-transition:width,-webkit-transform;transition:width,-webkit-transform;transition:transform,width;transition:transform,width,-webkit-transform;-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)}@media screen and (min-width: 1200px){.modal-wrapper{width:528px;height:581px}}@media screen and (max-width: 479px){.modal-wrapper{width:100%;padding-bottom:20px}}.modal-wrapper__btn{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:8px;right:8px;cursor:pointer;width:30px;height:30px;border-radius:100%;background-color:var(--background-white);border-color:rgba(0,0,0,.1);border-width:1px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-property:fill;transition-property:fill;-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)}.modal-wrapper__btn:hover,.modal-wrapper__btn:focus{fill:var(--blue);-webkit-transition-property:fill;transition-property:fill;-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)}.font-title{display:block;margin-bottom:2px;font-weight:700;font-size:20px;letter-spacing:.03em;text-align:center;color:var(--main-color);text-align:center;display:block}textarea{border:1px solid rgba(33,33,33,.2);width:100%;border-radius:4px;padding:11px;resize:none;padding:12px 16px}.form-label__input{border:1px solid rgba(33,33,33,.2);border-radius:4px;width:100%;height:40px;padding-left:43px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-label__input:hover,.form-label__input:focus{outline:none;border:1px solid var(--blue)}.form-label__input:hover~.form-label__img,.form-label__input:focus~.form-label__img{fill:var(--blue)}.form-label__title{display:block;font-size:12px;letter-spacing:.01em;color:var(--grey-color);margin-bottom:4px}.form-label__comment{margin-bottom:20px;height:120px}.form-label__comment:hover,.form-label__comment:focus{outline:none;border:1px solid var(--blue)}@media screen and (max-width: 1199px){.form-label__comment{font-size:14px}}.policy-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:14px;line-height:1.71429;letter-spacing:.03em;color:var(--grey-color);position:relative}@media screen and (max-width: 1199px){.policy-label{font-size:12px}}@media screen and (max-width: 479px){.policy-label{font-size:10px;line-height:1.11}}.policy-link{display:block;text-decoration:underline;color:var(--blue);margin-left:5px}@media screen and (max-width: 479px){.policy-link{position:absolute;top:15px;left:23px;margin:0}}.policy-label__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:16px;height:15px;margin-right:7px;border:2px solid #212121;border-radius:2px;-webkit-transition-property:border-color,background-color;transition-property:border-color,background-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)}.policy-label__input:checked{border-color:rgba(0,0,0,0);background-color:var(--blue);background-image:url(../images/icon\ check.svg);background-size:contain;background-origin:border-box}.modal-button{display:block;margin-right:auto;margin-left:auto;margin-top:30px;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em;color:var(--background-white);border-radius:4px;padding:10px 52px;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:var(--blue);border:none;-webkit-transition-property:background-color,-webkit-box-shadow;transition-property:background-color,-webkit-box-shadow;transition-property:box-shadow,background-color;transition-property:box-shadow,background-color,-webkit-box-shadow;-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)}.modal-button:hover,.modal-button:focus{-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:var(--blue)}.form-label{position:relative;margin-top:10px}.form-label__img{position:absolute;top:50%;left:15px;-webkit-transition-property:fill;transition-property:fill;-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)}.form-label__img:hover,.form-label__img:focus{fill:var(--blue)}textarea::-webkit-input-placeholder{font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5)}textarea::-moz-placeholder{font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5)}textarea:-ms-input-placeholder{font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5)}textarea::-ms-input-placeholder{font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5)}textarea::placeholder{font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.header{border-bottom:1px solid #ececec}.page-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}.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-nav .link{font-family:"Roboto",sans-serif;font-weight:500;font-size:inherit;letter-spacing:.02em;color:var(--main-color);padding-top:32px;padding-bottom:32px;text-transform:capitalize;-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:var(--blue)}.site-nav .link-current{position:relative;color:var(--blue);font-weight:500;letter-spacing:.02em;padding-top:32px;padding-bottom:32px}.site-nav .link-current::after{position:absolute;content:"";display:block;border-radius:2px;width:100%;height:4px;background:var(--blue);bottom:0px}.site-nav{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.site-nav{display:none}}.site-second{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.site-second{display:none}}@media screen and (min-width: 768px)and (max-width: 1199px){.site-second{display:block}}.site-nav .item:not(:last-child){margin-right:50px}@media screen and (min-width: 1200px){.site-second .item{margin-right:50px}}.site-second{padding-bottom:32px;padding-top:32px;margin-left:auto}@media screen and (min-width: 768px)and (max-width: 1199px){.site-second{padding-bottom:21px;padding-top:21px}}.site-second .studio-link{color:var(--grey-color);letter-spacing:.02em;font-weight:500;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;-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-second .studio-link:hover,.site-second .studio-link:focus{color:var(--blue)}@media screen and (min-width: 768px)and (max-width: 1199px){.site-second .studio-link{display:block;font-size:12px}}@media screen and (min-width: 768px)and (max-width: 1199px){.site-second .item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.site-second .item:not(:last-child){margin-right:30px}}.icon-email{margin-right:10px;fill:currentColor;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px)and (max-width: 1199px){.icon-email{width:14px;height:10px}}.icon-phone{margin-right:10px;fill:currentColor;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px)and (max-width: 1199px){.icon-phone{width:10px;height:14px}}.section-hero{background:var(--hero-color);padding-top:118px;padding-bottom:118px;margin-right:auto;margin-left:auto;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/hero-mobile.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-mobile.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}@media screen and (min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.section-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/hero-mobile2x.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-mobile2x.jpg")}}@media screen and (min-width: 768px){.section-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/hero-tablet.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-tablet.jpg")}}@media screen and (min-width: 768px)and (min-deviсe-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){.section-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/hero-tablet2x.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-tablet2x.jpg")}}@media screen and (min-width: 1200px){.section-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/hero-desctop.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-desctop.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){.section-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/hero-desctop2x.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-desctop2x.jpg")}}@media screen and (min-width: 1200px){.section-hero{max-width:1600px;padding-top:200px;padding-bottom:200px}}.section-hero__heading{font-weight:900;font-size:26px;line-height:1.61538;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--background-white);margin-top:0px;margin-bottom:30px;margin-right:auto;margin-left:auto;max-width:360px}@media screen and (min-width: 1200px){.section-hero__heading{font-size:44px;line-height:1.36364;max-width:696px}}.section-hero__button{font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;text-align:center;color:var(--background-white);display:block;background-color:var(--blue);-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);border-radius:4px;cursor:pointer;margin-right:auto;margin-left:auto;padding-top:10px;padding-right:32px;padding-bottom:10px;padding-left:32px;border:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-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)}@media screen and (min-width: 480px){.section-hero__button{padding:10px 32px;font-size:16px;min-width:200px}}.footer{background:var(--hero-color);padding-top:60px;padding-bottom:60px}@media screen and (max-width: 767px){.footer{text-align:center}}.footer-address{font-style:inherit;font-weight:400;line-height:1.71;letter-spacing:.03em;color:var(--background-white)}@media screen and (min-width: 1200px){.footer-address{text-align:left}}.footer-address .address{margin-bottom:9px}.footer-ul .footer-li{margin-bottom:9px}.footer .mail{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.6);-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)}.footer .mail:hover,.footer .mail:focus{color:var(--background-white)}.footer .footer-ul{display:block;padding-left:0px}.container-footer{display:block;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media screen and (min-width: 768px){.container-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 768px)and (max-width: 1199px){.container-footer{gap:60px 165px}}@media(min-width: 1200px){.container-footer{text-align:left}}.footer-div1{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;text-align:center}.footer-div2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.footer-div2{margin-top:60px}}@media screen and (min-width: 1200px){.footer-div2{margin-left:70px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.footer-title{display:block;padding:0px;font-weight:700;text-transform:uppercase;font-family:"Roboto",sans-serif;font-size:14px;letter-spacing:.03em;color:var(--background-white);padding:0px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px;align-items:baseline;text-align:center}@media(min-width: 1200px){.footer-title{text-align:left}}.footer{background:var(--hero-color)}.bottom-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:44px;height:44px;border-radius:50%;fill:var(--background-white);background-color:rgba(255,255,255,.1);-webkit-transition-property:background-color;transition-property:background-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)}.bottom-links:hover,.bottom-links:focus{background-color:var(--blue)}.bottom-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;fill:var(--background-white);gap:10px}.footer-label{display:block;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:var(--background-white);margin-bottom:20px}@media screen and (min-width: 1200px){.footer-label{text-align:left}}.footer-input{border:1px solid rgba(255,255,255,.3);border-radius:4px;width:100%;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:rgba(33,150,243,0);padding:15px 16px;color:var(--background-white);-webkit-transition-property:border;transition-property:border;-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)}.footer-input:hover,.footer-input:focus{outline:none;border:1px solid var(--background-white)}@media screen and (max-width: 1199px){.footer-input{margin-bottom:20px}}@media screen and (min-width: 1200px){.footer-input{width:358px}}.footer-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-radius:4px;padding:9px 40px;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:#2196f3;border:none;cursor:pointer;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em;text-align:center;color:var(--background-white)}@media screen and (min-width: 1200px){.footer-btn{margin-left:12px}}.footer-svg{margin-left:10px}.footer-input::-webkit-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-input::-moz-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-input:-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-input::-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-input::placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-form{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;text-align:center}@media screen and (min-width: 1200px){.footer-form{margin-left:93px}}@media screen and (max-width: 767px){.footer-form{margin-top:60px}}.feature-list{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.feature-list{padding-top:94px;padding-bottom:94px}}.feature-list .title{font-weight:700;letter-spacing:.03em;text-transform:uppercase}.feature-list .paragraph{font-weight:400;line-height:1.71;letter-spacing:.03em;color:var(--grey-color);margin-top:0px;margin-bottom:0px}.feature-list .ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:30px;margin-top:0px;margin-bottom:0px;padding:0px}.feature-list li{padding:0}@media screen and (min-width: 480px){.feature-list li{width:450px}}@media screen and (min-width: 768px){.feature-list li{width:345px}}@media screen and (min-width: 1200px){.feature-list li{width:270px}}.feature-list .title{margin-top:0px;margin-bottom:10px}.middle-div{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-radius:4px;height:120px;fill:var(--main-color);background:var(--second-white);margin-bottom:30px}@media screen and (min-width: 480px){.middle-div{width:450px}}@media screen and (min-width: 768px){.middle-div{width:345px}}@media screen and (min-width: 1200px){.middle-div{width:270px}}.title{text-align:center;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase}@media screen and (min-width: 768px){.title{text-align:left}}.paragraph{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:1.71429;letter-spacing:.03em;color:var(--grey-color)}.section-work{padding-bottom:94px;display:none}@media screen and (min-width: 1200px){.section-work{display:block}}.section-work__title{font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;margin-bottom:50px;padding-bottom:0}.section-work .section-work__title{margin-top:0px}.section-work .section-work__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.section-work__item{position:relative}.section-work__product{position:absolute;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-align:center;color:var(--background-white);width:100%;background:rgba(47,48,58,.8);bottom:0;right:0;padding-top:27px;padding-bottom:27px}.section-work__list .section-work__img{display:block}.bottom-section{padding-bottom:60px;padding-top:60px;background:var(--second-white)}@media screen and (min-width: 1200px){.bottom-section{padding-top:94px;padding-bottom:94px}}.bottom-section .subject-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.bottom-section .subject-li{display:block;border-radius:0 0 4px 4px;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);margin-right:auto;margin-left:auto}.bottom-section .img{max-width:100%}@media screen and (min-width: 480px){.bottom-section .img{width:450px}}@media screen and (min-width: 768px){.bottom-section .img{width:354px}}@media screen and (min-width: 1200px){.bottom-section .img{width:270px}}.bottom-section .bottom-div{padding-top:30px;padding-bottom:30px;border-left:1px solid var(--border-white);border-right:1px solid var(--border-white);border-bottom:1px solid var(--border-white);background:var(--background-white)}.bottom-section .subtitle{margin-bottom:10px}.subject{font-weight:700;font-size:28px;margin-bottom:30px;letter-spacing:.03em;text-align:center;padding-bottom:0}@media screen and (min-width: 1200px){.subject{font-size:36px;margin-bottom:50px}}.subtitle{font-weight:500;font-size:16px;letter-spacing:.03em;text-align:center}.lead{font-weight:400;font-size:16px;letter-spacing:.03em;text-align:center;color:var(--grey-color)}.social-items{background-color:var(--background-white)}.social-list{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;gap:10px;list-style:none;margin-top:16px}.social-links{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:44px;height:44px;border-radius:50%;fill:var(--bottom-color);-webkit-transition-property:background-color,fill;transition-property:background-color,fill;-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)}.social-links:hover,.social-links:focus{background-color:var(--blue);fill:var(--background-white)}.clients-section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.clients-section{padding-top:94px;padding-bottom:94px}}.bottom-title{font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;color:var(--main-color);margin-bottom:50px}@media screen and (min-width: 1200px){.bottom-title{margin-bottom:50px;font-size:36px}}.clients-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clients-links{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:210px;height:92px;border:1px solid var(--bottom-color);border-radius:4px;fill:var(--bottom-color);-webkit-transition-property:border,fill;transition-property:border,fill;-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)}.clients-links:hover,.clients-links:focus{border:1px solid var(--blue);fill:var(--blue)}@media screen and (min-width: 1200px){.clients-links{width:170px}}@media screen and (max-width: 767px){.clients-item{width:210px}}@media screen and (min-width: 768px){.clients-item{width:226px}}@media screen and (min-width: 1200px){.clients-item{width:170px}}.menu-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 15px 48px 40px;background-color:var(--background-white);z-index:999;position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-transform:translateX(100%);transform:translateX(100%)}@media screen and (max-width: 479px){.menu-container{padding-left:30px}}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-menu :not(:last-child){margin-bottom:35px}.menu-list .menu-list_tell{display:block;font-weight:500;font-size:34px;letter-spacing:.02em;color:var(--blue);margin-bottom:32px}@media screen and (max-width: 479px){.menu-list .menu-list_tell{font-size:30px}}.menu-list .menu-list_mail{display:block;font-weight:500;font-size:24px;letter-spacing:.02em;color:#757575}.menu-toggle{margin:0;padding:0;background-color:rgba(0,0,0,0);border:none;margin-left:auto;width:40px;height:40px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu-toggle:hover,.menu-toggle:focus{fill:var(--blue);-webkit-transition-property:fill;transition-property:fill;-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)}@media screen and (min-width: 768px){.menu-toggle{display:none}}.menu-list{margin-top:auto}.mobile-menu_socials{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:64px}.mobile-menu_socials .link{font-weight:500;font-size:18px;line-height:1.22222;letter-spacing:.02em;color:var(--blue)}@media screen and (max-width: 479px){.mobile-menu_socials .link{font-size:15px}}.mobile-menu_socials .socials_item:not(:last-child){margin-right:20px}@media screen and (max-width: 479px){.mobile-menu_socials .socials_item:not(:last-child){margin-right:9px}}.mobile-menu .link-current{font-weight:500;color:var(--blue);font-size:40px;letter-spacing:.02em;text-align:center}.mobile-menu .link{font-weight:500;font-size:40px;letter-spacing:.02em;color:#212121;-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)}.mobile-menu .link:hover,.mobile-menu .link:focus{color:var(--blue)}.cards-section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.cards-section{padding-top:94px;padding-bottom:94px}}.cards-section .links{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;gap:8px;row-gap:15px}@media(min-width: 768px){.cards-section .links{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}@media(min-width: 1200px){.cards-section .links{margin-bottom:50px}}.cards-section .tagline-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0px;padding-right:0px;margin-top:50px;gap:30px}.cards-section .tagline-item{width:100%}@media screen and (min-width: 480px){.cards-section .tagline-item{width:450px}}@media screen and (min-width: 768px){.cards-section .tagline-item{width:354px}}@media screen and (min-width: 1200px){.cards-section .tagline-item{width:370px}}.cards-section .gallery-images{width:100%}@media screen and (min-width: 480px){.cards-section .gallery-images{width:450px}}@media screen and (min-width: 768px){.cards-section .gallery-images{width:354px}}@media screen and (min-width: 1200px){.cards-section .gallery-images{width:370px}}.cards-section .tagline-div{border-left:1px solid var(--border-white);border-right:1px solid var(--border-white);border-bottom:1px solid var(--border-white);padding:20px 24px}.addition{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.links .navigation-first{font-family:"Roboto",sans-serif;background:var(--blue);color:var(--background-white);font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;border:none;border-radius:4px;padding:6px 25px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1);box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1)}.links .navigation{display:inline-block;font-weight:500;font-size:16px;line-height:1.625;letter-spacing:.03em;text-align:center;color:var(--main-color);background-color:var(--second-white);border:none;border-radius:4px;padding:6px 22px;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,box-shadow;transition-property:background-color,color,box-shadow,-webkit-box-shadow;-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)}.links .navigation:focus,.links .navigation:hover{background:var(--blue);color:var(--background-white);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1);box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1)}.tagline-list .subtitles{color:var(--main-color);font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;margin-bottom:4px}.tagline-list .paragraph{font-weight:400;font-size:16px;line-height:1.87;letter-spacing:.03em;color:var(--grey-color)}.list-links:hover .project-text,.list-links:focus .project-text{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}.list-links{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%;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-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)}.list-links:hover,.list-links:focus{-webkit-box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12);box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}button{font-family:inherit}.overlay{position:relative;overflow:hidden}.project-text{position:absolute;font-weight:400;font-size:18px;line-height:1.55556;letter-spacing:.03em;color:var(--background-white);background:rgba(33,150,243,.9);width:100%;height:100%;top:0;padding:77px 24px;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-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)}@media screen and (max-width: 360px){.project-text{padding-top:65px;font-size:14px}}@media screen and (min-width: 768px){.project-text{padding:49px 24px 72px}}@media screen and (min-width: 1200px){.project-text{padding:63px 24px}}/*# sourceMappingURL=main.min.css.map */