​ *{margin:0;padding:0;border:0;box-sizing:border-box}a{text-decoration:none}ul,ol{list-style:none}*{margin:0;padding:0;border:0;box-sizing:border-box}a{text-decoration:none}ul,ol{list-style:none}*{margin:0;padding:0;box-sizing:border-box;border:0}a{text-decoration:none}.conteiner{width:480px;margin:0 auto;padding:0 15px}@media screen and (min-width: 768px){.conteiner{width:768px;margin:0 auto;padding:0 15px}}@media screen and (min-width: 1200px){.conteiner{width:1200px;margin:0 auto;padding:0 15px}}.navigation{display:flex;align-items:center;height:60px;display:none}@media screen and (min-width: 768px){.navigation{display:flex;align-items:center}}@media screen and (min-width: 1199px){.navigation{display:flex;align-items:center;height:80px}}.mobile__menu{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.mobile__menu{display:none}}.logo{font-family:Raleway;font-weight:bold;color:#2196f3;font-size:24px;font-style:normal;line-height:normal;letter-spacing:.72px}@media screen and (min-width: 1199px){.logo{font-size:26px;letter-spacing:.78px;align-items:center}}.logo-hide{display:block}@media screen and (min-width: 768px){.logo-hide{display:none}}@media screen and (min-width: 1199px){.logo-hide{display:none}}.span{color:#000}.nav-ul{font-family:Roboto;font-weight:Medium;font-size:14px;display:none;margin-left:50px;align-items:center}@media screen and (min-width: 768px){.nav-ul{display:flex}}@media screen and (min-width: 1199px){.nav-ul{display:flex}}.nav-li{margin:20px;color:#212121;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.28px;align-items:center}.nav-li:hover{color:#2196f3;cursor:pointer;transition:250ms}.nav-li-stydio{color:#2196f3}.nav-li-a-stydio{color:#2196f3;position:relative;font-family:Roboto;font-weight:Medium;font-size:14px;align-items:center}.nav-li-a-stydio::after{content:"";display:block;position:absolute;width:100%;height:4px;top:44px;background-color:#2196f3;border-radius:2px;transition:top 250ms,transform 250ms}.nav-li-a-stydio:hover::after{top:41px;transform:scale(1.2)}.a-nav{color:#212121}.a-nav:hover{color:#2196f3;cursor:pointer;transition:250ms}.info{display:none}@media screen and (min-width: 768px){.info{font-family:Roboto;font-weight:Medium;font-size:14px;display:flex;margin-left:250px;align-items:center}}@media screen and (min-width: 1199px){.info{font-family:Roboto;font-weight:Medium;font-size:14px;display:flex;margin-left:250px;align-items:center}}.info-li{margin:20px;display:flex;align-items:center}.info-li:hover{fill:#2196f3;color:#2196f3;transition:250ms}.info-li-a{display:flex;align-items:center;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);font-family:"Roboto";font-style:normal;font-weight:500;font-size:14px;line-height:16px}.info-li-a:hover{color:#2196f3;cursor:pointer}.info-li-a:hover .svg-envelope{fill:#2196f3}.info-li-a:hover .svg-smartphone{fill:#2196f3}.svg-envelope{width:18px;height:14px;margin-right:10px;fill:#757575;transition:fill 250ms}.svg-envelope:hover{fill:#2196f3}.svg-envelope:hover .info-li-a{color:#2196f3}.svg-smartphone{width:18px;height:14px;margin-right:10px;fill:#757575;transition:fill 250ms}.svg-smartphone:hover{fill:#2196f3}.menu__nav{width:40px;height:40px;fill:#000}@media screen and (min-width: 768px){.menu__nav{display:none}}.button__tel__nav{border:none;background-color:rgba(0,0,0,0)}@media screen and (min-width: 768px){.button__tel__nav{display:none}}.mobile__nav{position:relative;width:100vw;height:100vh;z-index:100;background-color:#fff}@media screen and (min-width: 768px){.mobile__nav{display:none}}.close__button{position:absolute;top:10px;right:15px;background-color:rgba(0,0,0,0);border:none;z-index:300}@media screen and (min-width: 768px){.close__button{display:none}}.close__button__svg{fill:#000;width:40px;height:40px}.section-1{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/Img.webp);padding-top:118px;padding-bottom:118px;background-repeat:no-repeat;background-size:cover;background-position:center}@media screen and (min-width: 1199px){.section-1{padding-top:200px;padding-bottom:200px}}.center{text-align:center}.h1-section1{color:#fff;text-align:center;font-family:Roboto;font-size:26px;font-style:normal;font-weight:900;line-height:42px}@media screen and (min-width: 1199px){.h1-section1{font-size:44px}}.button-section1{width:200px;height:50px;border-radius:4px;background:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);color:#fff;text-align:center;font-family:"Roboto";font-size:16px;font-style:normal;font-weight:700;line-height:30px}@media screen and (min-width: 1199px){.button-section1{width:216px;border-radius:5px 5px 5px 5px;margin-top:30px;transition:box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1),transform .2s cubic-bezier(0.4, 0, 0.2, 1)}}@media screen and (min-width: 1199px){.button-section1:hover{box-shadow:0px 1px 3px rgba(255,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);cursor:pointer;transform:scale(1.1)}}.section-2{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1199px){.section-2{padding-top:94px;padding-bottom:94px}}.ul-section2{display:block}@media screen and (min-width: 768px){.ul-section2{display:flex;flex-wrap:wrap}}@media screen and (min-width: 1199px){.ul-section2{display:flex;flex-wrap:nowrap}}.li-section2::before{content:"";width:450px;height:120px;background-color:#f5f4fa;display:block;background-repeat:no-repeat;background-position:center;margin-bottom:30px;border-radius:4px}@media screen and (min-width: 768px){.li-section2::before{width:354px;height:120px}}@media screen and (min-width: 1199px){.li-section2::before{width:270px}}@media screen and (min-width: 768px){.li-section2{width:354px}}.li-section2:not(:last-child){margin-right:0;margin-bottom:30px}@media screen and (min-width: 1199px){.li-section2:not(:last-child){margin-right:30px}}@media screen and (min-width: 768px){.li-section2:nth-child(2n+1){margin-right:30px}}@media screen and (min-width: 768px){.li-section2:last-child{margin-right:0}}.li-svg-1::before{background-image:url(../img/antenna1.svg)}.li-svg-2::before{background-image:url(../img/clock1.svg)}.li-svg-3::before{background-image:url(../img/diagram1.svg)}.li-svg-4::before{background-image:url(../img/astronaut1.svg)}.b-li-section2{color:#212121;display:block;justify-content:center;text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:normal}@media screen and (min-width: 768px){.b-li-section2{justify-content:start;text-align:start}}@media screen and (min-width: 1199px){.b-li-section2{font-size:14px;margin-right:10px}}.p-li-section2{color:#757575;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.p-li-section2:not(:last-child){margin-bottom:30px}@media screen and (min-width: 768px){.p-li-section2:not(:last-child){margin-bottom:0}}@media screen and (min-width: 1199px){.p-li-section2:not(:last-child){margin-bottom:0}}.section3{display:none}@media screen and (min-width: 1199px){.section3{padding-bottom:94px;display:flex}}.h2-section3{font-family:Roboto;font-weight:Bold;font-size:36px;display:flex;justify-content:center;margin-bottom:50px}.ul-section3{display:flex}.li-section3{margin:10px}.s3-div{position:relative;width:370px;margin:0 auto}.s3-p{background-color:rgba(47,48,58,.8);position:absolute;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:#fff;bottom:0px;width:370px}.s3-p-1{padding:27px 107px}.s3-p-2{padding:27px 105px}.s3-p-3{padding:27px 90px}.img-section3{width:370px;height:294px;display:block}.section-4{background-color:#f5f4fa;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1199px){.section-4{padding-top:94px;padding-bottom:94px}}.h2-section4{color:#212121;text-align:center;justify-content:center;font-family:Roboto;font-size:28px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:30px}@media screen and (min-width: 1199px){.h2-section4{font-size:36px;display:flex;margin-bottom:50px}}.ul-section4{display:block;padding:0px}@media screen and (min-width: 1199px){.ul-section4{display:flex}}.li-section4{padding-bottom:24px;background-color:#fff;box-shadow:0px 1px 3px 0px rgba(0,0,0,.12),0px 1px 1px 0px rgba(0,0,0,.14),0px 2px 1px 0px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px}@media screen and (min-width: 1199px){.li-section4{padding-bottom:30px;box-shadow:0px 1px 3px 0px rgba(0,0,0,.12),0px 1px 1px 0px rgba(0,0,0,.14),0px 2px 1px 0px rgba(0,0,0,.2)}}.li-section4:not(:last-child){margin-bottom:30px}@media screen and (min-width: 1199px){.li-section4:not(:last-child){margin-right:30px;margin-bottom:0}}.img-section4{display:block;width:450px;height:460px;margin-bottom:30px}@media screen and (min-width: 1199px){.img-section4{display:flex;width:270px;height:260px}}.p-name-section4{color:#212121;text-align:center;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.48px;margin-bottom:10px}.p-work-section4{color:#757575;text-align:center;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.48px;margin-bottom:16px}.svg-ul{display:flex;justify-content:center;gap:10px}@media screen and (min-width: 1199px){.svg-ul{justify-content:space-evenly}}.li-svg-s4{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.li-svg-s4:hover{background-color:#2196f3}.li-svg-s4:hover .svg-all{fill:#fff}.a-svg-s4{text-decoration:none;padding:12px}.svg-all{fill:#afb1b8}.svg-instagram{width:20px;height:20px}.svg-twitter{width:20px;height:20px}.svg-facebook{width:20px;height:20px}.svg-linkedin{width:20px;height:20px}.section-5{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1199px){.section-5{padding-top:94px;padding-bottom:94px}}.h2-s5{color:#212121;text-align:center;font-family:Roboto;font-size:28px;font-style:normal;font-weight:700;line-height:normal;justify-content:center}@media screen and (min-width: 1199px){.h2-s5{display:flex;justify-content:center;font-family:"Roboto";font-style:normal;font-size:36px;line-height:42px}}.ul-s5{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center}@media screen and (min-width: 1199px){.ul-s5{display:flex;justify-content:space-between;margin-top:50px}}.li-s5{border:1px solid #afb1b8;border-radius:4px;transition:border 500ms cubic-bezier(0.4, 0, 0.2, 1),fill 500ms cubic-bezier(0.4, 0, 0.2, 1);fill:#afb1b8;width:210px;height:92px}@media screen and (min-width: 768px){.li-s5{width:226px;height:92px;margin-right:30px}}@media screen and (min-width: 1199px){.li-s5{width:170px;height:92px}}.li-s5:nth-child(odd){margin-right:30px}.li-s5:nth-child(-n+4){margin-bottom:30px}@media screen and (min-width: 768px){.li-s5:nth-child(-n+4){margin-bottom:0}}@media screen and (min-width: 768px){.li-s5:nth-child(-n+3){margin-bottom:30px}}@media screen and (min-width: 1199px){.li-s5:nth-child(-n+3){margin-bottom:0}}@media screen and (min-width: 768px){.li-s5:nth-child(3n){margin-right:0}}@media screen and (min-width: 1199px){.li-s5:nth-child(3){margin-right:30px}}.li-s5:hover{border:1px solid #2196f3;fill:#2196f3;cursor:pointer}.svg-group1:hover{fill:#2196f3}.svg-group1{width:106px;height:60px;margin-top:16px;margin-left:32px}.svg-group2{width:106px;height:60px;margin-top:16px;margin-left:32px}.svg-group3{width:106px;height:60px;margin-top:16px;margin-left:32px}.svg-group4{width:106px;height:60px;margin-top:16px;margin-left:32px}.svg-group5{width:106px;height:60px;margin-top:16px;margin-left:32px}.svg-group6{width:106px;height:60px;margin-top:16px;margin-left:32px}footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}.div-foot{display:block}@media screen and (min-width: 1200px){.div-foot{display:flex;align-items:flex-start;gap:20px}}.div-foot-x2{margin-right:0px}@media screen and (min-width: 1200px){.div-foot-x2{margin-right:70px}}.logo2{color:#2196f3;text-align:center;font-family:Raleway;font-size:24px;font-style:normal;font-weight:700;line-height:normal}@media screen and (min-width: 1200px){.logo2{font-family:Raleway;font-weight:bold;font-size:26px;color:#2196f3}}.span-2{color:#fff}.address{color:#fff;text-align:center;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin-top:20px}@media screen and (min-width: 1200px){.address{font-weight:Regular}}.mail{color:hsla(0,0%,100%,.6);text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin-top:8px}@media screen and (min-width: 1200px){.mail{font-weight:Regular;margin-top:10px}}.tel{color:hsla(0,0%,100%,.6);text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin-top:8px}@media screen and (min-width: 1200px){.tel{font-weight:Regular;margin-top:10px}}.address-li-a{color:hsla(0,0%,100%,.6)}.address-li-a:hover{color:#fff;cursor:pointer}.h2-foot-svg{color:#fff;text-align:center;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}@media screen and (min-width: 1200px){.h2-foot-svg{line-height:16px;padding-bottom:20px}}.svg-ul-2{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}@media screen and (min-width: 1200px){.svg-ul-2{display:flex;justify-content:flex-start}}.li-svg-s4-2{display:flex;justify-content:center;align-items:center;width:44px;height:44px;background-color:#3d454c;border-radius:50%}.li-svg-s4-2:hover .svg-all-2{fill:#fff;transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1),border-radius 300ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 300ms}.li-svg-s4-2:hover{background-color:#2196f3;border-radius:50%}.li-svg-s4-2:not(:last-child){margin-right:10px}.a-svg-s4-2{text-decoration:none;padding:12px;padding-top:15px}.svg-all-2{fill:#fff}@media screen and (min-width: 1200px){.footer-div-rossulka{margin-left:93px}}.rosulka-h2{color:#fff;text-align:center;font-family:"Roboto";font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin-top:60px}@media screen and (min-width: 1200px){.rosulka-h2{margin-top:0}}.rosulka-input{margin-top:20px;width:358px;height:50px;border:1.5px solid hsla(0,0%,100%,.3);border-radius:4px;background-color:#2f303a;padding-left:16px}.rosulka-input:focus{outline:0px solid;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15))}.a-button-footer{align-items:center}.rosulka-button{margin-left:12px;margin-top:20px;width:200px;height:50px;background-color:#2196f3;position:absolute;font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:30px;text-align:center;align-items:center;color:#fff;border-radius:4px;transition:box-shadow 500ms cubic-bezier(0.4, 0, 0.2, 1);padding-right:28px}.rosulka-button:hover{box-shadow:1px 0px 24px -3px rgba(0,0,0,.75);cursor:pointer}.svg-send{width:24px;height:24px;align-items:center;position:absolute;margin-left:10px;margin-top:2px}.backdrop{top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.4);position:fixed;display:block;animation-name:backdropBot;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-duration:1000ms;animation-direction:alternate}@keyframes backdropBot{0%{top:100%;opacity:0}100%{top:0%;opacity:1}}@keyframes modalTop{0%{top:-100%;opacity:0}100%{bottom:0%;opacity:1}}.is-hidden{display:none;pointer-events:none}.modal{width:528px;height:581px;background-color:#fff;top:50%;left:50%;transform:translate(-50%, -50%) !important;position:fixed;animation-name:modalTop;animation-duration:1000ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-direction:alternate;border-radius:2px;padding-top:40px;padding-bottom:40px;transition:box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1)}.modal:hover{box-shadow:0px 1px 3px rgba(255,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2)}.close-button{background-color:#fff;width:30px;height:30px;position:absolute;top:5px;right:8px;border:1px solid rgba(0,0,0,.1);border-radius:50%}.close-button:hover .modal-close-svg{fill:#2196f3;cursor:pointer}.modal-close-svg{top:0;left:50%;top:50%;transform:translate(-50%, -50%);position:absolute;width:18px;height:18px;transition:fill 250ms linear cubic-bezier(0.4, 0, 0.2, 1)}.modal-h3{display:flex;justify-content:center;font-family:"Roboto";font-style:normal;font-weight:700;font-size:20px;line-height:23px;letter-spacing:.03em;color:#212121;margin-bottom:10px}.form-modal{margin-top:12px;margin-bottom:20px;margin:0 auto;width:448px}.div-modal{position:relative;margin-bottom:10px}.modal-name{width:22px;height:14px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.01em;color:#757575}.person-black{width:18px;height:18px;position:absolute;z-index:2;bottom:12px;left:15px}.person-black:hover{fill:#2196f3}.modal-input-1{box-sizing:border-box;width:448px;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px}.modal-input-1:focus{outline:2px solid #2196f3}.modal-phone{width:50px;height:14px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.01em;color:#757575}.phone-black{width:18px;height:18px;position:absolute;z-index:2;bottom:12px;left:15px}.phone-black:hover{fill:#2196f3}.modal-input-2:focus{outline:2px solid #2196f3}.modal-input-2{box-sizing:border-box;width:448px;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px}.modal-email{width:38px;height:14px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.01em;color:#757575}.email-black{width:18px;height:18px;position:absolute;z-index:2;bottom:12px;left:15px}.email-black:hover{fill:#2196f3}.modal-input-3:focus{outline:2px solid #2196f3}.modal-input-3{box-sizing:border-box;width:448px;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px}.modal-comm{width:57px;height:14px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#757575;margin-bottom:4px}.textarea-modal{box-sizing:border-box;width:448px;height:120px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding:12px 16px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:rgba(117,117,117,.5);resize:none}.textarea-modal:focus{outline:2px solid #2196f3}.div-input-3000pro{display:flex;justify-content:center;align-items:center;margin-top:15px;margin-bottom:30px}.input-checkbox{width:16px;height:15px}.input-checkbox:hover{cursor:pointer}.p-checkbox{font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:24px;color:#757575;padding-left:7px}.a-input-3000pro{text-decoration:underline;color:#2196f3}.button-form{transition:box-shadow 500ms cubic-bezier(0.4, 0, 0.2, 1);width:200px;height:50px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:30px;display:block;align-items:center;text-align:center;color:#fff;background-color:#188ce8;padding-left:52px;padding-right:52px;margin:0 auto;border-radius:4px}.button-form:hover{cursor:pointer;box-shadow:0px 7px 37px -6px rgba(0,0,0,.75)}.svg-antenna{width:70px;height:70px;display:flex}.svg-clock{width:70px;height:70px;display:flex}.svg-diagram{width:70px;height:70px;display:flex}.svg-astronaut{width:70px;height:70px;display:flex}*{margin:0;padding:0;border:0;box-sizing:border-box}a{text-decoration:none}ul,ol{list-style:none}*{margin:0;padding:0;box-sizing:border-box;border:0}a{text-decoration:none}.conteiner__portfolio{width:480px;margin:0 auto;padding:0 15px}@media screen and (min-width: 768px){.conteiner__portfolio{width:768px}}@media screen and (min-width: 1200px){.conteiner__portfolio{width:1170px}}.navigation__portfolio{display:flex;align-items:center;height:80px}.logo__webstudio{font-family:Raleway;font-weight:bold;font-size:26px;color:#2196f3}.span__webstudio{color:#000}.nav__ul__port{font-family:Roboto;font-weight:Medium;font-size:14px;display:flex;margin-left:50px;align-items:center}.nav__li{margin:20px;color:#212121;font-family:"Roboto";font-style:normal;font-weight:500;font-size:14px;line-height:16px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__li:hover{color:#2196f3;cursor:pointer}.a__nav{color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.a__nav:hover{color:#2196f3;cursor:pointer}.nav__li__port{color:#2196f3}.nav__a__portfolio{color:#2196f3;position:relative}.nav__a__portfolio::after{content:"";display:block;position:absolute;width:100%;height:4px;top:44px;background-color:#2196f3;border-radius:2px;transition:top 250ms,transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__a__portfolio:hover::after{top:41px;transform:scale(1.2)}.contacts{font-family:Roboto;font-weight:Medium;font-size:14px;display:flex;margin-left:250px;align-items:center}.contacts__li{margin:20px;display:flex;align-items:center;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contacts__li:hover{fill:#2196f3;color:#2196f3}.contacts__li__a{display:flex;align-items:center;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);font-family:"Roboto";font-style:normal;font-weight:500;font-size:14px;line-height:16px}.contacts__li__a:hover{color:#2196f3;cursor:pointer}.contacts__svg__envelope{width:18px;height:14px;margin-right:10px;fill:#757575;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contacts__svg__envelope:hover{fill:#2196f3}.contacts__svg__envelope:hover .contacts__li__a{color:#2196f3}.contacts__svg__envelope:hover{fill:#2196f3}.contacts__svg__smartphone{width:18px;height:14px;margin-right:10px;fill:#757575;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contacts__svg__smartphone:hover{fill:#2196f3}.contacts__li__a:hover{color:#2196f3;cursor:pointer}.contacts__li__a:hover .contacts__svg__envelope{fill:#2196f3}.contacts__li__a:hover .contacts__svg__smartphone{fill:#2196f3}.footer__svg__all__2{fill:#fff}.footer__svg__ul__2{display:flex}.footer__li__svg__s4__2{display:flex;justify-content:center;align-items:center;width:44px;height:44px;background-color:#3d454c;border-radius:50%}.footer__li__svg__s4__2:hover .footer__svg__all__2{fill:#fff}.footer__a__svg__s4__2{text-decoration:none;padding:12px;padding-top:15px;transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1),border-radius 500ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__li__svg__s4__2:hover{background-color:#2196f3;border-radius:50%}.footer__li__svg__s4__2:not(:last-child){margin-right:10px}.logo__2__webstudio{font-family:Raleway;font-weight:bold;font-size:26px;color:#2196f3}.span__2__webstudio{color:#fff}.address__portfolio{margin-top:20px;font-family:Roboto;font-weight:Regular;font-size:14px;color:#fff;font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:24px;letter-spacing:.03em;color:#fff}.address__li__a__port{color:hsla(0,0%,100%,.6)}.address__li__a__port:hover{color:#fff;cursor:pointer}.mail__port{font-family:Roboto;font-weight:Regular;font-size:14px;margin-top:10px}.tel__port{font-family:Roboto;font-weight:Regular;font-size:14px;margin-top:10px}.footer__port{background-color:#2f303a;padding-top:60px;padding-bottom:60px}.svg-all{fill:#afb1b8}.svg__instagram__port{width:20px;height:20px}.svg__twitter__port{width:20px;height:20px}.svg__facebook__port{width:20px;height:20px}.svg__linkedin__port{width:20px;height:20px}.h2__foot__svg__port{font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:#fff;padding-bottom:20px}.div__foot__port{display:flex}.div__foot__x2__port{margin-right:70px}.header__port{border-bottom:1px solid #ececec}.footer__div__rossulka__port{margin-left:93px}.rosulka__p__port{width:207px;height:16px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;color:#fff}.rosulka__input__port{margin-top:20px;width:358px;height:50px;border:1.5px solid hsla(0,0%,100%,.3);border-radius:4px;background-color:#2f303a;padding-left:16px}.rosulka__input__port:focus{outline:0px solid;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15))}.rosulka__button__port{margin-left:12px;margin-top:20px;width:200px;height:50px;background-color:#2196f3;position:absolute;font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:30px;text-align:center;align-items:center;color:#fff;border-radius:4px;transition:box-shadow 500ms cubic-bezier(0.4, 0, 0.2, 1);padding-right:28px}.rosulka__button__port:hover{box-shadow:1px 0px 24px -3px rgba(0,0,0,.75);cursor:pointer}.svg__send__port{width:24px;height:24px;align-items:center;position:absolute;margin-left:10px;margin-top:2px}.a__button__footer__port{align-items:center}.works{margin-top:94px;margin-bottom:94px}.works-ul{display:flex;justify-content:center;margin-top:94px;margin-bottom:50px}.works-li:not(:first-child){margin-left:8px}.works-btn{display:block;background-color:#f5f4fa;border-radius:4px;color:#212121;text-align:center;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:26px;letter-spacing:.48px;padding:6px 22px 6px 22px;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms,background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.works-btn-active{padding:6px 25px 6px 25px;color:#212121;background-color:#f5f4fa}.works-btn:hover{cursor:pointer;background-color:#2196f3;color:#fff;box-shadow:0px 3px 1px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.12)}.galerry{display:grid;grid-template-columns:repeat(3, 370px);grid-template-rows:repeat(3, 404px);gap:30px}.galerry-div-p{padding:20px 24px}.galerry-img{width:370px;height:294px}.img-and-p{position:relative;overflow:hidden}.gallery-img-p{position:absolute;color:#fff;font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:.54px;top:0;right:0;padding:63px 24px 63px 24px;background:rgba(33,150,243,.9);transform:translateY(100%);opacity:0;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.galerry-li:hover .gallery-img-p{transform:translateY(0%);opacity:1}.galerry-p{margin-bottom:4px;color:#212121;font-family:Roboto;font-size:18px;font-style:normal;font-weight:700;line-height:36px;letter-spacing:1.08px}.galerry-p1{color:#757575;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:30px;letter-spacing:.48px}.galerry-li{border:1px solid #eee;background:#fff;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.galerry-li:hover{box-shadow:0px 1px 1px 0px rgba(0,0,0,.12),0px 4px 4px 0px rgba(0,0,0,.06),1px 4px 6px 0px rgba(0,0,0,.16)}/*# sourceMappingURL=main.min.css.map */