body{background-color:#fff;font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:24px;letter-spacing:0.03em;color:#757575}*::-moz-selection{background-color:yellowgreen}*::selection{background-color:yellowgreen}.container{padding:0 15px;margin:0 auto}@media screen and (min-width: 1200px){.container{width:1200px}}@media screen and (min-width: 768px){.flexbox{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}}@media screen and (min-width: 768px){.flexbox-footer{display:block}}@media screen and (min-width: 1200px){.flexbox-footer{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}}h1,h2,h3,h4,h5,h6{color:#212121;text-align:center}@media screen and (min-width: 1200px){h1,h2,h3,h4,h5,h6{text-align:left}}h2{font-size:36px;margin-bottom:30px;text-align:center;font-family:"Roboto"}@media screen and (min-width: 1200px){h2{margin-bottom:55px}}h3{font-size:16px}p{margin:0 0 0px 0}.list{list-style-type:none;margin:0;padding:0}.invisible{display:none}.animation{-webkit-transition:250ms cubic-bezier(0.4, 0, 0.2, 1);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}button{background-color:#fff;border:none}/*! modern-normalize v0.7.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,*::after,*::before{-webkit-box-sizing:border-box;box-sizing:border-box}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{padding:0}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}header{background-image:url(../images/line-header.png);background-position:bottom;background-repeat:repeat-x}header .container{height:60px}@media screen and (min-width: 768px){header .container{height:80px}}.navv{display:none}@media screen and (min-width: 768px){.navv{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.logo{font-size:26px;font-weight:bold;font-family:Raleway;font-style:normal;line-height:28px;letter-spacing:0.03em}@media screen and (max-width: 1199px){.logo{font-size:24px}}.logo a{color:#212121;text-decoration:none}.logo span{color:#2196F3}.navigation{display:block}@media screen and (min-width: 768px){.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:88px}}@media screen and (min-width: 1200px){.navigation{margin-left:93px}}.navigation a{text-decoration:none;color:#212121}.menu-list{font-style:normal;font-weight:500;font-size:18px;line-height:21px;text-align:center;margin-bottom:52px}@media screen and (min-width: 768px){.menu-list{font-size:16px;margin-right:50px;margin-bottom:0px}}@media screen and (min-width: 1200px){.menu-list{font-size:14px}}.menu-list:last-child{margin-right:0px}.menu-list a{position:relative;padding:30px 0}.menu-list a:hover,.menu-list a:focus{color:#2196F3}.menu-list a::after{content:"";position:absolute;left:0px;top:74px;width:100%;border-radius:2px;height:4px;background-color:#2196F3;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-list a:hover::after,.menu-list a:focus::after{left:0;top:74px;-webkit-transform:scaleX(1);transform:scaleX(1)}.menu-list a.active::after{width:100%;left:0;top:74px;-webkit-transform:scaleX(1);transform:scaleX(1)}.header-contacts{display:none}@media screen and (min-width: 768px){.header-contacts{display:block;vertical-align:middle}}@media screen and (min-width: 1200px){.header-contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.header-contacts p{margin-left:50px}@media screen and (min-width: 768px){.header-contacts p{font-style:12px}}@media screen and (min-width: 1200px){.header-contacts p:first-child{margin-left:0px}}.header-contacts a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;color:#757575;text-decoration:none}.header-contacts a:hover,.header-contacts a:focus{color:#2196F3}.mail svg{width:16px;height:12px;margin-right:10px;fill:#757575}.mail:hover svg,.mail:focus svg{fill:#2196F3}.phone svg{width:10px;height:16px;margin-right:10px;fill:#757575}.phone:hover svg,.phone:focus svg{fill:#2196F3}.maininfo{height:400px;background-repeat:no-repeat, no-repeat;background-position-x:center, center;padding-top:88px;background-repeat:no-repeat, no-repeat;background-position-x:center, center;background-position-y:center, top 200px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);text-align:center}@media screen and (max-width: 480px){.maininfo{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(../images/hero-mobile.jpg);background-image:linear-gradient(rgba(47,48,58,0.4) 50%, rgba(47,48,58,0.4) 100%),url(../images/hero-mobile.jpg)}}@media screen and (min-width: 481px){.maininfo{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(../images/banner-tablet.jpg);background-image:linear-gradient(rgba(47,48,58,0.4) 50%, rgba(47,48,58,0.4) 100%),url(../images/banner-tablet.jpg);background-size:cover}}@media screen and (min-width: 1200px){.maininfo{height:600px;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url(../images/webstudio-banner.jpg);background-image:linear-gradient(rgba(47,48,58,0.4) 50%, rgba(47,48,58,0.4) 100%),url(../images/webstudio-banner.jpg);background-size:1600px, 1600px;padding-top:200px}}.mainslogan{padding:30px;font-family:Roboto;font-style:normal;font-weight:900;font-size:26px;line-height:42px;text-align:center;letter-spacing:0.06em;text-transform:uppercase;color:#fff}@media screen and (min-width: 1200px){.mainslogan{font-size:44px;line-height:60px}}.order-service{width:200px;height:50px;background-color:#2196F3;font-family:Roboto;font-style:normal;font-weight:bold;font-size:16px;line-height:30px;text-align:center;letter-spacing:0.06em;padding:10px 30px;color:#fff;border:none;border-radius:4px;cursor:pointer}.qualities{font-size:14px;padding:60px 0px;letter-spacing:0.03em;font-weight:normal}@media screen and (min-width: 1200px){.qualities{padding:94px 0px}}.qualities h3{text-transform:uppercase;font-size:14px;margin:0 0 10px 0px}.qualities ul{display:block}@media screen and (min-width: 768px){.qualities ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width: 480px){.special-aspects{width:100%}}@media screen and (min-width: 481px){.special-aspects{width:450px;margin:0 auto}}@media screen and (min-width: 768px){.special-aspects{width:354px;margin:0 30px 30px 0px}.special-aspects:nth-child(2n){margin-right:0}}@media screen and (min-width: 1152px) and (max-width: 1199px){.special-aspects:nth-child(2n){margin-right:60px}}@media screen and (min-width: 1200px){.special-aspects{width:270px;margin-right:30px}.special-aspects:nth-child(2n){margin-right:30px}.special-aspects:last-child{margin-bottom:0;margin-right:0}}.special-aspects::before{content:"";display:block;width:100%;height:120px;margin-bottom:30px;background-color:#F5F4FA;background-position:center top 30px;border-radius:4px;background-repeat:no-repeat}.special-aspects:nth-child(1)::before{background-image:url(../images/icons/details.png)}.special-aspects:nth-child(2)::before{background-image:url(../images/icons/clock.png)}.special-aspects:nth-child(3)::before{background-image:url(../images/icons/diagram.png)}.special-aspects:nth-child(4)::before{background-image:url(../images/icons/technologies.png);margin-right:0px}.what-we-do{display:none}@media screen and (min-width: 1200px){.what-we-do{display:block}}.what-we-do ul{display:block;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:94px}@media screen and (min-width: 1200px){.what-we-do ul{display:-webkit-box;display:-ms-flexbox;display:flex}}.what-we-do1{position:relative;height:294px;margin-right:30px}.what-we-do1:last-child{margin-right:0px}.descr-of-work{position:absolute;width:370px;height:70px;bottom:0px;left:0px;text-transform:uppercase;color:#fff;text-align:center;font-weight:bold;padding-top:25px;padding-bottom:5px;background:rgba(47,48,58,0.8)}.our-team{background:#F5F4FA repeat-x;padding:60px 0px 30px 0}@media screen and (min-width: 1200px){.our-team{padding:94px 0px}}.list-of-teammates{display:block}@media screen and (min-width: 768px){.list-of-teammates{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 auto}}.team{background:#fff;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:0px 0px 4px 4px}@media screen and (max-width: 480px){.team{width:100%}}@media screen and (min-width: 481px){.team{width:450px;margin:0 auto 30px}}@media screen and (min-width: 768px){.team{width:354px;margin:0 30px 30px 0px}.team:nth-child(2n){margin-right:0}}@media screen and (min-width: 1152px) and (max-width: 1199px){.team:nth-child(2n){margin-right:60px}}@media screen and (min-width: 1200px){.team{width:270px;margin-bottom:0}.team:nth-child(2n){margin-right:30px}.team:last-child{margin-right:0}}.team img{width:100%}.teammate{text-align:center;padding:30px 0 30px 0}.teammate h3{text-align:center}.but-icon{background-color:#fff;border:none;margin-right:10px;padding:0px;width:44px;height:44px;border-radius:50%}.but-icon:hover,.but-icon:focus{background-color:#2196F3;border-radius:50%}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}.but-icon svg{width:20px;height:20px;border:none;fill:#AFB1B8}.but-icon:hover svg,.but-icon:focus svg{fill:#fff}.customers{padding-top:60px;padding-bottom:30px}@media screen and (min-width: 1200px){.customers{padding-top:94px;padding-bottom:94px}}.customers ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.customer-logo a{display:block;border:1px solid #AFB1B8;border-radius:4px;width:43.75vw;height:90px;padding:22px 45px;margin-bottom:30px}@media screen and (min-width: 768px){.customer-logo a{width:29.5vw}}@media screen and (min-width: 1200px){.customer-logo a{width:170px;margin-right:30px;margin-bottom:0px}}.customer-logo a:hover,.customer-logo a:focus{border:1px solid #2196F3}.customer-logo:nth-of-type(2n) a{margin-right:0}@media screen and (min-width: 1200px){.customer-logo:nth-of-type(2n) a{margin-right:30px}}@media screen and (min-width: 1200px){.customer-logo:last-child a{margin-right:0}}.customer-logo svg{fill:#AFB1B8;width:80px;height:45px}.customer-logo a:hover svg,.customer-logo a:focus svg{fill:#2196F3}footer{display:block;height:auto;background:url(../images/banner.png) repeat;color:#fff;padding:60px 0px 60px 0px;text-align:center}@media screen and (min-width: 1200px){footer{text-align:left}}footer a{color:rgba(255,255,255,0.6);text-decoration:none}footer a:hover,footer a:focus{color:#2196F3;text-decoration:none}footer p{margin-bottom:5px}.footer-head{margin-top:60px}@media screen and (min-width: 768px){.footer-head{margin-top:0px}}.footer-logo{font-size:26px;padding-bottom:20px;font-weight:bold;font-family:Raleway;font-style:normal;width:100px;margin:0 auto}@media screen and (min-width: 768px){.footer-logo{margin-top:0px}}@media screen and (min-width: 1200px){.footer-logo{margin:0px}}.footer-logo span{color:#2196F3}.find-us{display:block}@media screen and (min-width: 768px){.find-us{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.find-us{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.footer-social,.subscribe{text-transform:uppercase;font-weight:bold}@media screen and (min-width: 1200px){.footer-social,.subscribe{margin-left:70px}}.form-subscribe{color:#fff}.input-subscribe{background-color:transparent;border-radius:4px;width:100%;height:50px;border:1px solid rgba(255,255,255,0.3);margin-top:10px;margin-right:6px;margin-bottom:20px;color:#fff;padding:15px 16px}@media screen and (min-width: 768px){.input-subscribe{width:450px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.input-subscribe{width:358px;margin-left:0;margin-right:0}}.input-subscribe:focus::-webkit-input-placeholder{color:transparent}.input-subscribe:focus:-ms-input-placeholder{color:transparent}.input-subscribe:focus::-ms-input-placeholder{color:transparent}.input-subscribe:focus::placeholder{color:transparent}.btn-subscribe{position:relative;font-size:16px;width:200px;height:50px;background-color:#2196F3;font-family:Roboto;font-style:normal;font-weight:bold;font-size:16px;line-height:30px;text-align:center;letter-spacing:0.06em;padding:10px 30px;color:#fff;border:none;border-radius:4px;cursor:pointer;padding-left:0}@media screen and (min-width: 768px){.btn-subscribe{display:block;margin-right:auto;margin-left:auto}}@media screen and (min-width: 1200px){.btn-subscribe{display:inline-block}}.btn-subscribe svg{position:absolute;right:28px;top:13px;width:24px;height:24px;margin-left:5px}footer .but-icon{background-color:rgba(255,255,255,0.1)}footer .but-icon svg{fill:#fff}.backdrop{opacity:1;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:2;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);overflow:scroll}.modal{position:absolute;top:50%;left:50%;width:528px;padding:40px;background-color:#fff;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:initial}@media screen and (max-width: 480px){.modal{width:100%}}@media screen and (min-width: 480px){.modal{width:450px}}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0)}button.close-modal{width:30px;height:30px;position:absolute;top:8px;right:8px;padding:5px 10px;color:#212121;border:1px solid rgba(0,0,0,0.1);border-radius:50%;cursor:pointer;background-color:#fff}.close-modal svg{width:11px;height:11px;-webkit-transform:translate(-1px, 1px);transform:translate(-1px, 1px)}.close-modal:hover svg,.close-modal:focus svg{fill:#2196F3}.backdrop.is-hidden{opacity:0;pointer-events:none;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-head{font-style:normal;font-weight:bold;font-size:20px;line-height:23px;text-align:center;letter-spacing:0.03em;color:#212121}.field{position:relative}.field label{position:absolute;top:-10px;left:0px;height:50px;font-size:12px}.field-checkbox label{height:50px;font-size:12px}.field:nth-child(1){margin-top:12px}.field input,.field textarea{width:100%;margin-top:14px;margin-bottom:14px;font-size:14px;border:1px solid rgba(33,33,33,0.2);border-radius:4px}.field input:focus,.field textarea:focus{outline-color:#2196F3}.field input:focus::-webkit-input-placeholder,.field textarea:focus::-webkit-input-placeholder{color:transparent}.field input:focus:-ms-input-placeholder,.field textarea:focus:-ms-input-placeholder{color:transparent}.field input:focus::-ms-input-placeholder,.field textarea:focus::-ms-input-placeholder{color:transparent}.field input:focus::placeholder,.field textarea:focus::placeholder{color:transparent}.field>input{height:40px;padding:11px 35px}.field textarea::-webkit-input-placeholder{font-size:12px}.field textarea:-ms-input-placeholder{font-size:12px}.field textarea::-ms-input-placeholder{font-size:12px}.field textarea::placeholder{font-size:12px}.field svg{width:12px;height:12px;position:absolute;bottom:0px;left:15px;z-index:3}.field textarea{padding:11px 15px;height:120px;resize:none}.field-checkbox input{margin-right:8px;padding-top:10px;vertical-align:middle}.field-checkbox label{display:inline-block}.field-checkbox input{width:16px;height:15px;cursor:pointer}.field-checkbox input::after{content:"";display:block;width:16px;height:15px;background-image:url(../images/icons/bird1.svg);background-color:#2196F3;background-repeat:no-repeat;background-position:2px 2px;opacity:0}.field-checkbox input:checked::after{opacity:1}.field-checkbox input:checked:hover::after{background-color:#5da9e7}.btn-modal{display:block;margin:30px auto 0px;width:200px;height:50px;background-color:#2196F3;font-family:Roboto;font-style:normal;font-weight:bold;font-size:16px;line-height:30px;text-align:center;letter-spacing:0.06em;padding:10px 30px;color:#fff;border:none;border-radius:4px;cursor:pointer;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15)}.field-checkbox a{color:#2196F3}input:focus+label svg,textarea#comment:focus+label svg{fill:#2196F3}.filter-of-works ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin-top:60px;margin-bottom:25px}@media screen and (min-width: 768px){.filter-of-works ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.filter-of-works ul{margin-top:94px;margin-bottom:50px}}.filter-of-works li{margin-right:8px;margin-bottom:15px;border:1px solid #F5F4FA;background:#F5F4FA;border-radius:4px;font-style:normal;font-weight:500;font-size:16px;line-height:26px;padding:6px 22px}.filter-of-works li:hover,.filter-of-works li:focus{background:#2196F3;color:#fff;cursor:pointer}.filter-of-works li:last-child{margin-right:0px}@media screen and (min-width: 1200px){.filter-of-works li{margin-bottom:0}}.examples ul{position:relative;display:block;padding-bottom:30px}@media screen and (min-width: 768px){.examples ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.examples ul{padding-bottom:64px}}.example{border:1px solid #EEEEEE;height:404px}@media screen and (max-width: 480px){.example{width:100%;margin-bottom:30px}}@media screen and (min-width: 481px){.example{width:450px;margin-bottom:30px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 768px){.example{width:354px;margin-right:30px;margin-left:0}.example:nth-child(2n){margin-right:0px}}@media screen and (min-width: 1152px) and (max-width: 1199px){.example:nth-child(2n){margin-right:60px}}@media screen and (min-width: 1200px){.example{width:370px}.example:nth-child(2n){margin-right:30px}.example:nth-child(3n){margin-right:0px}}.example:hover,.example:focus{cursor:pointer;-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)}.example img{width:100%;height:294px;-o-object-fit:cover;object-fit:cover}.large-descr{overflow:hidden;position:relative;height:294px}@media screen and (max-width: 480px){.large-descr{width:100%}}@media screen and (min-width: 1200px){.large-descr{width:370px}}.large-descr>p{position:absolute;background-color:rgba(33,150,243,0.7);color:#fff;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);padding:15px;height:294px}.example:hover .large-descr>p,.example:focus .large-descr>p{opacity:1;-webkit-transform:translateY(-301px);transform:translateY(-301px)}@media screen and (max-width: 480px){.large-descr>p{width:100%}}@media screen and (min-width: 1200px){.large-descr>p{width:370px}}.about-work{letter-spacing:0.06em;text-indent:24px;margin-bottom:20px;margin-top:20px;width:100%}.about-work h3{display:block;max-width:346px}@media screen and (max-width: 480px){.about-work h3{text-align:left}}@media screen and (min-width: 481px){.about-work h3{text-align:left}}.nav-mobile{position:relative;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 768px){.nav-mobile{display:none}}.menu-svg{display:block;position:relative;width:40px;height:40px;padding:0}.menu-svg:hover,.menu-svg:focus{fill:#2196F3}.menu-open{position:absolute;right:22px;top:22px}.menu-button.is-open .menu-open{display:none}.menu-close{display:none;position:absolute;right:22px;top:22px}.menu-button.is-open .menu-close{display:block}.mobile-menu.is-open{display:none}.mobile-menu{display:block;position:absolute;left:-15px;top:60px;width:100vw;height:auto;background-color:#fff;padding:60px 0;-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);z-index:4}.header-contactsmob{display:block;font-style:normal;font-weight:500;font-size:18px;line-height:21px;letter-spacing:0.02em;text-align:center}.header-contactsmob p{margin-top:8px}@media screen and (min-width: 1200px){.header-contactsmob{display:none}}.header-contactsmob a{padding:0;color:#757575;text-decoration:none}.header-contactsmob a:hover,.header-contactsmob a:focus{color:#2196F3}
/*# sourceMappingURL=styles.min.css.map */