body,.header__menu-items{font-family:'TitilliumWeb-Regular', sans-serif;font-weight:400}.title,.top__about,.skills__name,.portpholio__img span{font-family:'TitilliumWeb-Bold', sans-serif;font-weight:700}/*! 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.67em 0}hr{-webkit-box-sizing:content-box;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;-webkit-text-decoration:underline dotted;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:-0.25em}sup{top:-0.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}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;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"]{-webkit-box-sizing:border-box;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}.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@font-face{font-family:"TitilliumWeb-Regular";src:url("../fonts/TitilliumWeb-Regular.woff") format("woff"),url("../fonts/TitilliumWeb-Regular.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"TitilliumWeb-Bold";src:url("../fonts/TitilliumWeb-Bold.woff") format("woff"),url("../fonts/TitilliumWeb-Bold.woff2") format("woff2");font-weight:700;font-style:normal}@font-face{font-family:'icomoon';src:url("../fonts/icomoon.eot?oerhhq");src:url("../fonts/icomoon.eot?oerhhq#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?oerhhq") format("truetype"),url("../fonts/icomoon.woff?oerhhq") format("woff"),url("../fonts/icomoon.svg?oerhhq#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-css31:before{content:"\e912";color:#1572b6}.icon-html51:before{content:"\e913";color:#e34f26}.icon-gulp1:before{content:"\e914";color:#da4648}.icon-sass:before{content:"\e901";color:#c69}.icon-telegram:before{content:"\e907";color:#2ca5e0}.icon-github:before{content:"\e908"}.icon-adobephotoshop:before{content:"\e909";color:#00c8ff}.icon-webpack:before{content:"\e90a";color:#8dd6f9}.icon-gulp:before{content:"\e90b";color:#da4648}.icon-javascript:before{content:"\e90c";color:#f7df1e}.icon-react:before{content:"\e90d";color:#61dafb}.icon-mobile:before{content:"\e900"}.icon-phone:before{content:"\e911"}.icon-instagram:before{content:"\e902"}.icon-twitter:before{content:"\e903"}.icon-facebook:before{content:"\e904"}.icon-linkedin:before{content:"\e905"}.icon-brand:before{content:"\e905"}.icon-social:before{content:"\e905"}.icon-figma:before{content:"\e906"}.icon-git:before{content:"\e90e"}html{-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}a{text-decoration:none;color:inherit}ul,li{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit}p{margin:0}body{min-width:320px;overflow-x:hidden;position:relative;color:#000;font-size:18px;line-height:22px}.container{max-width:1230px;padding:0 15px;margin:0 auto}.title{font-size:34px;line-height:38px;margin-bottom:40px;text-align:center}.header{position:fixed;width:100%;background-color:#fff;border-bottom:2px solid #868686;z-index:2}.header__menu-items{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;min-height:100px}.header__menu-link{padding:20px 30px;color:#868686;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}.header__menu-link:hover{color:#000}.header__menu-btn{display:none;width:50px;height:50px;background-color:#fff;margin-left:77vw;position:relative}.header__menu-btn span,.header__menu-btn span::after,.header__menu-btn span::before{position:absolute;width:20px;height:2px;background-color:#000;top:50%;margin-top:-1px;left:50%;margin-left:-10px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.header__menu-btn span::before,.header__menu-btn span::after{content:'';-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s}.header__menu-btn span::before{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.header__menu-btn span::after{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.menu-btn__active span{height:0}.menu-btn__active span::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.menu-btn__active span::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.top{padding:40px 0}.top__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:100px 30px 0}.top__inner div{-ms-flex-preferred-size:33.333%;flex-basis:33.333%}.top__name{font-size:48px;line-height:54px;text-align:left;padding:0 37px}.top__about{text-align:center}.top__about-title{text-transform:uppercase}.top__lang{text-align:center}.top__img{padding:50px 0;text-align:center}.top__photo{width:50%}.about{background-color:#f6f6f6;padding:110px 0;text-align:center}.about__text p+p{margin-bottom:20px}.skills{padding:110px 0}.skills__text{text-align:center}.skills__items{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;margin-top:30px}.skills__name{font-size:14px;text-align:center}.skills__item:hover .skills__logo::before{font-size:96px}.skills__item span{padding-top:100px;display:inline-block;position:relative;color:#868686}.skills__item span::before{content:"";font-family:'icomoon' !important;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:86px;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;color:#000000}.skills__item .icon-css31::before{content:"\e912"}.skills__item .icon-html51::before{content:"\e913"}.skills__item .icon-javascript::before{content:"\e90c"}.skills__item .icon-sass::before{content:"\e901"}.skills__item .icon-gulp::before{content:"\e90b"}.skills__item .icon-figma::before{content:"\e906"}.skills__item .icon-adobephotoshop::before{content:"\e909"}.portpholio{background-color:#f6f6f6;padding:100px 0}.portpholio__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px}.portpholio__item{width:calc((100%/3) - 30px);margin:15px;color:#868686;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;position:relative;padding-bottom:10px}.portpholio__item p{margin-left:10px}.portpholio__item-drop{position:absolute;opacity:0;height:0;overflow:auto}.portpholio__item-drop .portpholio__drop-icon{display:inline-block;margin:0 10px;background-color:#fff;padding:1px 6px 12px 6px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s}.portpholio__item-drop .portpholio__drop-icon::before{font-size:0;line-height:0;-webkit-transition:line-height 0.6s;-o-transition:line-height 0.6s;transition:line-height 0.6s}.portpholio__item:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3)}.portpholio__item:hover .portpholio__item-drop{height:40px;opacity:1;overflow:visible;right:30px}.portpholio__item:hover .portpholio__drop-icon{padding-top:18px;border-bottom-left-radius:50%;border-bottom-right-radius:50%}.portpholio__item:hover .portpholio__drop-icon::before{font-size:20px;line-height:20px}.portpholio__img{display:block;height:243px}.portpholio__img img{top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portpholio__img span{font-size:20px}.footer{padding:100px 0 20px}.footer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer__text{max-width:250px;margin:0 auto;width:100%;margin-bottom:20px}.footer__text p{text-align:center}.footer__link{background-color:#000;color:#fff;padding:10px 40px;border-radius:20px;cursor:pointer;-ms-flex-item-align:center;align-self:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.footer__link:hover{-webkit-box-shadow:3px 3px 10px 3px rgba(0,0,0,0.3);box-shadow:3px 3px 10px 3px rgba(0,0,0,0.3)}.footer__social-box{margin:30px auto}.footer__social-link{margin:10px 40px;display:inline-block}.footer__social-link:hover .footer__social-logo::before{font-size:60px}.footer__social-link span{padding-top:100px;display:inline-block;position:relative;color:#868686}.footer__social-link span::before{content:"";font-family:'icomoon' !important;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:50px;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;color:#000000}.footer__social-link .icon-linkedin::before{content:"\e905"}.footer__social-link .icon-telegram::before{content:"\e907";color:#000}.footer__social-link .icon-facebook::before{content:"\e904"}.footer__social-link .icon-phone::before{content:"\e911"}.footer__social-link .icon-instagram::before{content:"\e902"}.footer__social-link .icon-github::before{content:"\e908"}.footer__copy{margin:0 auto}@media (max-width: 1440px){.header__menu-items{-ms-flex-pack:distribute;justify-content:space-around}}@media (max-width: 1024px){.skills__item:hover .skills__logo::before{font-size:66px}.skills__item span::before{font-size:70px}}@media (max-width: 960px){.header__menu ul{display:none;min-height:0;text-align:center;width:100%;padding:20px 0}.header__menu-link{display:block}.header__menu-items li{margin:10px 0}.header__menu-btn{display:block}.skills{padding:50px 0}.skills__item:hover .skills__logo::before{font-size:72px}.skills__item span::before{font-size:60px}}@media (max-width: 768px){.top__inner{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top__inner div{-ms-flex-preferred-size:50%;flex-basis:50%}.top__name{font-size:36px;line-height:40px}.top__name{font-size:36px;line-height:40px;text-align:left;padding:0 55px}.about{padding:50px 0}.skills{padding:50px 0}.skills__item:hover .skills__logo::before{font-size:56px}.skills__item span{padding-top:60px}.skills__item span::before{font-size:46px}.portpholio{padding:50px 0}.portpholio__img{height:200px}.portpholio__title{margin-bottom:30px}.footer{padding:50px 0}}@media (max-width: 640px){.top__inner div{-ms-flex-preferred-size:50%;flex-basis:50%}.about__title{margin-bottom:30px}.skills{padding:50px 0}.skills__title{margin-bottom:30px}.skills__item:hover .skills__logo::before{font-size:42px}.skills__item span{padding-top:40px}.skills__item span::before{font-size:36px}.portpholio__item{width:calc((100%/2) - 30px)}.portpholio__name{margin-top:10px}}@media (max-width: 540px){.top__inner{display:block}.top__name{text-align:center;margin-bottom:20px}.top__img{padding:0}.skills{padding:50px 0}.skills__items{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.skills__item{margin:5px}.portpholio__item{width:100%}}