| 1 |
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}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}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box;font-family:Roboto,sans-serif}*,:after,:before{box-sizing:inherit}.container{max-width:1110px;margin:0 auto;padding:0 10px 0 10px}.btn{background:#34547a;font-family:Roboto;font-style:normal;font-weight:400;text-align:center;cursor:pointer;color:#fff}.btn__header{width:225px;height:65px;font-size:16px;line-height:26px;letter-spacing:.1em}.header{padding:57px 0 146px 0;background-color:#eeeff1}.header__logo{font-family:Revalia,cursive;color:#34547a;font-weight:400;font-size:48px;line-height:60px}.header__wrapper{display:flex;justify-content:space-between;align-items:center}.header__wrapper img{width:357px;height:233.7px}.header__pc{display:flex;position:relative;justify-content:space-around;list-style:none}.header__pc li a{padding-left:42px;font-family:Roboto;font-style:normal;font-weight:500;font-size:16px;line-height:26px;letter-spacing:.1em;color:#34547a;text-decoration:none}.header__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:161px}.header__top h2{margin:0}.header__top a{text-decoration:none}.header__content{padding-left:131px;font-style:normal;font-weight:400;font-size:16px;line-height:26px;color:#727272}.header__content h1{font-style:normal;font-size:48px;line-height:79px;color:#000;margin-bottom:44px}.header__content p{margin:0 0 60px 0}.header__burger{display:none}.about{padding:119px 0 100px 0}.about__wrapper{max-width:460px;margin:0 auto;font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:26px;text-align:center;color:#727272}.about__wrapper h2{margin:0;margin-bottom:50px;font-family:Roboto;font-style:normal;font-weight:700;font-size:32px;line-height:37px;color:#000}.about__wrapper p{margin:0}.numbers{background:#34547a;padding:100px 0}.numbers__wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.numbers__item{display:flex;justify-content:center;align-items:center}.numbers__desc{font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:26px;color:#fff;padding-left:20px}.numbers__desc h4{margin:0;font-weight:500;font-size:21px;line-height:25px}.skills{background:#e5e5e5;padding:102px 0}.skills__wrapper{display:flex;justify-content:center;align-items:center}.skills__list{text-align:left;font-family:Roboto;font-style:normal;font-size:16px;line-height:26px;color:#727272;padding-right:150px}.skills__list h4{margin:0;font-weight:500;font-size:32px;line-height:37px;color:#000;margin-bottom:20px}.skills__list span{display:block;margin-bottom:20px;padding-top:30px}.skills__progress{width:445px;height:4px;border:1px solid #000}.skills__progress:after{content:'';display:block;height:3px;width:350px;background-color:#34547a}.skills__img img{width:100%;height:auto;vertical-align:top}.video{background:#eeeff1;padding:100px 0;text-align:center;font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:26px;text-align:center;color:#727272}.video h2{font-weight:500;font-size:32px;line-height:37px;text-align:center;color:#000}.video__wrapper{margin:0 auto;max-width:540px;margin-bottom:57px}.video__img{position:relative;max-width:1110px}.video__img img{vertical-align:top;max-width:100%;height:auto}.video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.row{display:flex;flex-wrap:wrap;width:100%}.col{max-width:25%;padding:1px}.projects__item{position:relative}.projects__item img{vertical-align:top;width:100%;min-height:auto}.projects__item:after{content:'';top:0;left:0;width:100%;height:100%;background:url(../img/view.png) center no-repeat,linear-gradient(0deg,rgba(52,84,122,.8),rgba(52,84,122,.8))}.projects__item:hover::after{position:absolute;cursor:pointer}.clients{padding:72px 0 100px 0}.clients__wrapper{min-height:120px;display:flex;justify-content:space-between;align-items:center}.clients__img{vertical-align:top;max-width:255px;height:auto}.form{padding:100px 0 100px 0;background-color:#eeeff1}.form__title{margin:0 auto;margin-bottom:65px;max-width:540px;font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:26px;text-align:center;color:#727272}.form__title p{margin:0}.form__title h3{font-weight:700;font-size:32px;line-height:37px;text-align:center;color:#000;margin:0;margin-bottom:50px}.form__inputs{margin:0 auto;margin-bottom:20px}.form__inputs input{width:255px;height:50px;padding:17px 0 18px 20px;border:none}.form__inputs input:first-child{margin-right:20px}.form__wrapper{display:flex;flex-direction:column}.form__wrapper textarea{padding:17px 0 0 20px;resize:none;border:none;width:540px;height:175px;margin:0 auto;margin-bottom:50px}.form__wrapper button{margin:0 auto;width:190px;height:55px;font-size:14px;line-height:23px;text-align:center;letter-spacing:.15em;color:#fff;background:#34547a}.footer{padding:56px 0 55px 0;background-color:#34547a}.footer__wrapper{display:flex;justify-content:space-between;align-items:center}.footer__title{font-family:Roboto;font-style:normal;font-weight:400;font-size:13px;line-height:21px;color:#fff}.footer__title h3{margin:0;margin-bottom:20px;font-weight:500;font-size:21px;line-height:25px}.footer__icons a{margin-left:22px}.hamburger{display:none;position:absolute;top:40px;right:50px;cursor:pointer;flex-direction:column;align-items:flex-end;z-index:20}.hamburger span{display:block;margin-top:6px;width:30px;height:3px;background:#151812}.hamburger span.long{width:36px}.hamburger_active span{transform:rotate(-45deg);margin-top:-3px;background:#33382e;transition:all .6s}.hamburger_active span:last-child{transform:rotate(45deg)}.hamburger_active span:nth-child(2){display:none}.menu{position:fixed;top:0;left:100%;width:40vw;height:100vh;padding-top:30px;z-index:10;visibility:hidden;opacity:0;transition:all .6s;list-style:none;background-color:#727272}.menu_active{visibility:visible;opacity:1;left:0}.menu__link{border:1px #ffebcd solid;border-radius:10px;position:relative;margin-bottom:15px;margin-right:20px}.menu__link a{color:#fff;padding:0}@media (max-width:1200px){.container{max-width:1000px;margin:0 auto;padding:5px 10px 5px 10px}.clients{padding-bottom:50px}.clients__img{max-width:180px}.video__img img{max-width:75%}}@media (max-width:1200px) and (max-width:992px){.header{padding:37px 0 46px 0}.header__top{margin-bottom:30px}.header__nav ul>li>a{padding-left:22px;font-size:16px;line-height:18px}.header__content{padding-left:50px}.header__content h1{font-size:36px;margin-bottom:0}.header__content p{margin-bottom:10px}}@media (max-width:1200px){.btn__header{width:190px;height:45px}.skills{padding:50px 10px}.skills__list{padding-right:20px}.skills__list h4{margin-bottom:0}.skills__list span{margin-bottom:5px}.numbers{padding:40px 10px}.video{padding:20px 0}.clients{padding:20px 10px}.form{padding:20px 0}.footer{padding:20px 10px}}@media (max-width:768px){.hamburger{display:flex}.header__content{padding-left:20px;font-size:14px}.header__content h1{font-size:32px}.header__pc{display:none}.header__wrapper img{max-width:40%;height:auto}.header__logo{padding-left:20px}.about{padding:20px 10px}.numbers__item{padding-right:20px;margin-bottom:20px}.numbers__wrapper{justify-content:center}.col{max-width:33.333%}.skills__progress{max-width:250px}.skills__progress:after{max-width:150px}.clients__wrapper{flex-direction:column}}@media (max-width:576px){.header__content{padding:5px}.header__content h1{font-size:38px;line-height:39px;margin-bottom:20px}.hamburger{top:40px;left:0}.menu{width:50vw;height:100vh}.skills__progress{max-width:150px}.skills__progress:after{max-width:50%}.col{max-width:50%}.form__inputs{width:70%;margin-bottom:10px}.form__inputs input{margin-bottom:8px}.form textarea{width:80%}}
|
