html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}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}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [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{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:"RobotoRegular";src:url("/assets/fonts/Roboto-Regular.ttf");font-weight:400;font-style:normal}@font-face{font-family:"RobotoMedium";src:url("/assets/fonts/Roboto-Medium.ttf");font-weight:600;font-style:normal}@font-face{font-family:"RobotoBold";src:url("/assets/fonts/Roboto-Bold.ttf");font-weight:700;font-style:normal}@font-face{font-family:"RobotoBoldItalic";src:url("/assets/fonts/Roboto-BoldItalic.ttf");font-weight:700;font-style:italic}@font-face{font-family:"RobotoItalic";src:url("/assets/fonts/Roboto-Italic.ttf");font-weight:400;font-style:italic}@font-face{font-family:"RobotoLight";src:url("/assets/fonts/Roboto-Light.ttf");font-weight:300;font-style:normal}@font-face{font-family:"RobotoLightItalic";src:url("/assets/fonts/Roboto-LightItalic.ttf");font-weight:300;font-style:italic}@font-face{font-family:"RobotoMediumItalic";src:url("/assets/fonts/Roboto-MediumItalic.ttf");font-weight:600;font-style:italic}@font-face{font-family:"fontawesome";src:url("/assets/fonts/fontawesome-webfont.ttf");src:url("/assets/fonts/FontAwesome.otf");font-weight:normal;font-style:normal}@font-face{font-family:"Sansus-Webissimo-Regular";src:url("/assets/fonts/Sansus-Webissimo-Regular.ttf");src:url("/assets/fonts/Sansus-Webissimo-Regular.ttf") format("truetype"),url("/assets/fonts/Sansus-Webissimo-Regular.otf") format("otf"),url("/assets/fonts/Sansus-Webissimo-Regular.woff") format("woff"),url("/assets/fonts/Sansus-Webissimo-Regular.woff2") format("woff2");font-weight:400;font-style:normal}body,html{font-family:"RobotoRegular", sans-serif;font-size:16px;font-weight:400;font-style:normal;height:100vh}@media screen and (max-width:1200px){body,html{font-size:16px}}@media screen and (max-width:992px){body,html{font-size:15px}}@media screen and (max-width:768px){body,html{font-size:14px}}@media screen and (max-width:480px){body,html{font-size:13px}}.wrapper{display:flex;flex-direction:column;width:100%}.preloader{height:100%;width:100%;background-image:url("../images/img/forest_prel_bg.jpg");background-position:center center;background-size:cover;position:fixed;left:0;top:0;z-index:10000;perspective:1600px;perspective-origin:20% 50%;transition:0.5s all}.spinner{border:2px solid #6c9c5a;border-top:3px solid #fff;border-radius:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.sp1{width:80px;height:80px;animation:spin1 1s infinite linear}.sp2{width:65px;height:65px;animation:spin2 1s infinite linear}.preloader.fade{opacity:0}@keyframes spin1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin2{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.container-welcome{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;flex-direction:column;color:white;position:absolute;top:0;left:0;right:0;bottom:0}.welcome-login{display:flex;align-items:flex-start;align-self:flex-end;margin:20px}@media screen and (max-width:480px){.welcome-login{align-self:center}}.welcome-login__btn{display:block;background-color:transparent;border:2px solid #ffffff;border-radius:50px;padding:12px 24px;cursor:pointer}.welcome-login__btn:hover{background-color:#669933;border:2px solid #669900}.welcome-login__text{font-family:'RobotoMedium', sans-serif;font-size:1rem;font-weight:bold;color:#FFFFFF;text-decoration:none}@media screen and (max-width:480px){.welcome-login__text{font-size:1.5rem}}.welcome-center{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding-top:40px;background-color:rgba(0,0,0,0.5)}.welcome-center__foto{width:140px;height:140px;border-radius:50%;margin:0 auto;overflow:hidden}.welcome-center__img{max-width:100%}.welcome-center__name{font-family:'RobotoMedium', sans-serif;font-size:1.8rem;margin-top:20px;line-height:34px}.welcome-center__option{font-family:'RobotoRegular', sans-serif;font-size:1rem;line-height:24px;color:#cccccc}.button-welcome{padding:0}.button-welcome__item{display:inline-block;text-decoration:none}.button-welcome-fix-fontsize{font-size:0}.button-welcome{display:flex;flex-wrap:nowrap;margin-top:40px}.button-welcome__item a,.button-welcome__item button{display:inline-block;background-color:#669966;font-family:'RobotoMedium', sans-serif;font-size:1.2rem;padding:15px 30px;color:#FFFFFF;text-decoration:none;white-space:nowrap}.button-welcome__item button{border:none}.button-welcome__item{border-right-width:2px;border-right-style:solid;border-right-color:#99cc99}.button-welcome__item:last-child{border-right-width:0px}.button-welcome__item a:hover,.button-welcome__item button:hover{background-color:#336633}.welcome-footer{display:flex;justify-content:center;align-items:flex-end}.welcome-footer__copyright{font-family:'RobotoRegular', sans-serif;font-size:1rem;color:#ffffff}.welcome-center__wrap-title{margin:0px 0px 0px;padding:0 40px}.welcome-form{display:flex;flex-direction:column}label{cursor:pointer}input[type="text"],input[type="password"],input[type="email"]{width:20rem;height:3rem;font-size:1rem;margin:10px 20px;padding:0;padding-left:50px;border:none;border-radius:50px}textarea[name="message"]{width:20rem;height:9rem;font-size:1rem;margin:10px 20px;padding:10px 0 0 50px;border:none;border-radius:20px}.welcome-form__password::before,.welcome-form__login::before{position:absolute;display:flex;justify-content:center;align-items:center;font-family:"fontawesome";font-size:1.1rem;color:#C5CBCB;background-color:#F0EFEA;width:3rem;height:3rem;margin-left:20px;margin-top:10px;text-align:center;border-top-left-radius:50px;border-bottom-left-radius:50px}.welcome-form__login::before{content:"\f007"}.welcome-form__password::before{content:"\f084"}label.welcome-form__man,label.welcome-form__questions,label.welcome-form__yes-no{cursor:pointer;margin-top:20px;display:flex;flex-direction:row;justify-content:center;font-family:'RobotoMedium', sans-serif;font-size:1rem}label.welcome-form__man:hover{color:#669966}input[type="checkbox"],input[type="radio"]{display:none}input[type="checkbox"]+.welcome-form__label-text:before{content:url("/assets/images/icons/check.svg");margin-right:10px;padding:5px 3px 2px 4px;color:#ffffff;background-color:#ffffff;border-radius:4px}input[type="checkbox"]:checked+.welcome-form__label-text:before{content:url("/assets/images/icons/check.svg");color:#ffffff;background-color:#669966;border-radius:4px}.welcome-form__radio{display:flex;justify-content:center}.welcome-form__yes-no{margin:0.5rem}.welcome-form__yes-no input[type="radio"]{position:absolute;opacity:0}.welcome-form__yes-no input[type="radio"]+.welcome-form__label-text:before{content:'';background:#ffffff;border-radius:100%;border:1px solid #ffffff;display:inline-block;width:1.1rem;height:1.1rem;position:relative;top:-0.1rem;margin-right:0.5rem;vertical-align:top;cursor:pointer;text-align:center}.welcome-form__yes-no input[type="radio"]:checked+.welcome-form__label-text:before{background-color:#669966;box-shadow:inset 0 0 0 5px #ffffff}.welcome-form__yes-no input[type="radio"]:focus+.welcome-form__label-text:before{outline:none;border-color:#669966}.welcome-form__yes-no input[type="radio"]:hover+.welcome-form__label-text{color:#669966}.welcome-form__yes-no input[type="radio"]+.welcome-form__label-text:empty:before{margin-right:0}.welcome-form__label-text{padding-left:10px;padding-right:40px}.welcome-form__label-text:last-child{padding-right:0px}.button-login__wrap{width:100%;margin-top:20px}.button-login{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;margin-top:40px;width:100%;list-style:none;margin:0;padding:0}.button-login__item{flex-basis:50%;align-content:stretch;border-right:2px solid #99cc99;margin-top:10px}.button-login__item:last-child{border-right-width:0px}.button-login__item a,.button-login__item button{display:block;width:100%;background-color:#669966;font-family:'RobotoMedium', sans-serif;font-size:1.2rem;padding:15px 0;color:#ffffff;text-decoration:none;white-space:nowrap;text-align:center;cursor:pointer}.button-login__item a:hover,.button-login__item button:hover{background-color:#336633}.button-login__item button{border:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Background{background-image:url("/assets/images/img/bg-welcome.png");background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.Background::after{content:'';position:absolute;top:0;left:0;background:linear-gradient(135deg, rgba(0,0,0,0.5), transparent 50%, rgba(0,0,0,0.5))}.hidden{display:none}.flipInY{backface-visibility:visible !important;animation-name:flipInY;animation-duration:1s;animation-fill-mode:both}@-webkit-keyframes flipInY{0%{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}100%{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}100%{transform:perspective(400px)}}.hero{background-image:url("/assets/images/img/bg-welcome.png");background-position:center;background-repeat:no-repeat;background-size:cover;min-height:650px;display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:column;color:white;padding-top:20px}@media screen and (max-width:480px){.hero{min-height:450px}}.hero__social-and-menu{display:flex;flex-direction:row}.hero__socials{display:flex;justify-content:flex-start;flex-wrap:nowrap;flex-basis:50%;padding-left:15px}.social__item-about{padding-right:0px;padding-left:15px}.hero__title{align-items:center;display:flex;flex-direction:column;justify-content:center}.user__description{text-align:center}.arrow-down.hero__scroll-btn{display:flex;flex-basis:100%;justify-content:center;align-items:center;z-index:0;margin-bottom:30px}.arrow-down img{padding:5px;animation-name:bounce;transform-origin:center bottom;animation-duration:1s;animation-iteration-count:1}.arrow-down img:hover{animation-name:bounce;transform-origin:center bottom;animation-duration:1s;animation-iteration-count:infinite}@keyframes bounce{0%,20%,53%,80%,100%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%,43%{transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -10px, 0)}70%{transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -5px, 0)}90%{transform:translate3d(0, -2px, 0)}}.hero__menu{flex-basis:50%;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;padding-right:15px;z-index:2;overflow:hidden}.hamburger .line{width:50px;height:5px;background-color:#ecf0f1;display:block;margin:8px auto;transition:all 0.3s ease-in-out}.hamburger:hover{cursor:pointer}#hamburger-11{transition:all 0.3s ease-in-out}#hamburger-11.is-active{animation:smallbig 0.6s forwards}@keyframes smallbig{0%,100%{transform:scale(1)}50%{transform:scale(0)}}#hamburger-11.is-active .line:nth-child(1),#hamburger-11.is-active .line:nth-child(2),#hamburger-11.is-active .line:nth-child(3){transition-delay:0.2s}#hamburger-11.is-active .line:nth-child(2){opacity:0}#hamburger-11.is-active .line:nth-child(1){transform:translateY(13px) rotate(45deg)}#hamburger-11.is-active .line:nth-child(3){transform:translateY(-13px) rotate(-45deg)}.block__main-menu{position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url("../images/img/forest_prel_bg.jpg");background-position:center center;background-size:cover;width:100%;height:100vh;z-index:1}.hidden{visibility:hidden}.visible{visibility:visible}.main-menu__list{padding-left:0}.main-menu__item{font-family:'Sansus-Webissimo-Regular';font-size:5rem;list-style-type:none;text-align:center;margin:15px}@media screen and (max-width:480px){.main-menu__item{font-size:4rem}}.main-menu__link{color:#333333;text-decoration:none}.main-menu__link:hover:before,.main-menu__link:hover:after{content:'';display:inline-block;vertical-align:middle;box-sizing:border-box;width:50px;height:5px;background:#333333;margin:0 20px;animation-name:move;animation-duration:0.5s;animation-iteration-count:1}@media screen and (max-width:480px){.main-menu__link:hover:before,.main-menu__link:hover:after{width:30px}}@keyframes move{from{transform:scaleX(0)}to{transform:scaleX(1)}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-iteration-count:1}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.welcome-social{padding:0}.social__item{display:inline-block;text-decoration:none}.social__item a{display:inline-block;text-decoration:none}.social__item{padding:0px 15px}.social__item_vk svg,.social__item_github svg,.social__item_in svg{fill:#ffffff}.social__item_vk svg:hover,.social__item_github svg:hover,.social__item_in svg:hover{fill:#669966}.footer__col .social__item_vk svg,.footer__col .social__item_github svg,.footer__col .social__item_in svg{fill:#aaadae}.footer__col .social__item_vk svg:hover,.footer__col .social__item_github svg:hover,.footer__col .social__item_in svg:hover{fill:#FFFFFF}.triangle{display:flex;flex-direction:row;margin-top:-100px;height:100px}.triangle__left,.triangle__right{flex-basis:50%}.triangle__left{justify-content:flex-end}.triangle__right{justify-content:flex-start}.triangle_fill_white{fill:#ffffff}.triangle_fill_beige{fill:#ebefe2}.block-title{display:flex;flex-direction:column;justify-content:center}.block-title__blog-page{margin-top:30px}.block-title__bg-my-works{background-image:url("../../assets/images/icons/works_header.svg");background-repeat:no-repeat;background-position:top center;background-size:contain;width:100%;padding-top:60px}.block-title__bg-about-me{background-image:url("../../assets/images/icons/about_header.svg");background-repeat:no-repeat;background-position:top center;background-size:contain;width:100%;padding-top:30px}.block-title__title{font-family:'Sansus-Webissimo-Regular';font-weight:600;text-align:center;text-transform:uppercase}.block-title__title:after{content:"";display:block;height:3px;margin:20px auto}.block-title__title-color-black{color:#333333}.block-title__title-color-black:after{background-color:#333333}.block-title__title-color-gray{color:#4B574D}.block-title__title-color-gray:after{background-color:#4B574D}.block-title__title-color-white{color:#FFFFFF}.block-title__title-color-white:after{background-color:#FFFFFF}.block-title__title-bigger{font-size:4rem}.block-title__title-bigger:after{width:5rem}.block-title__title-smoller{font-size:2rem}.block-title__title-smoller:after{width:5rem}@media screen and (max-width:480px){.block-title__title-smoller{font-size:3rem}}.block-title__description-color-black{color:#333333}.block-title__description-color-gray{color:#4B574D}.block-title__description-color-white{color:#FFFFFF}.about-me{display:flex;flex-direction:column;align-items:center;min-height:1000px;background-image:url("../../assets/images/img/bg-about-me.png");background-repeat:no-repeat;background-position:bottom;background-size:cover}.abut-me__title{background-image:url("../../assets/images/img/list2.png");background-repeat:no-repeat;background-position:left center;width:100%;padding-top:40px}.slider{display:flex;flex-direction:row}@media screen and (max-width:480px){.slider{flex-direction:column-reverse}}.slider__left{flex-basis:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#EBEFE1}.slider__right{flex-basis:50%;display:flex;flex-direction:row}.sites-description__technology-set{color:#669966;font-weight:600;text-transform:uppercase}.sites-link__sites-button{display:flex;flex-direction:row;align-items:center;background-color:#669966;border-radius:50px;margin-top:40px}.sites-button__link{display:block;color:#FFFFFF;text-decoration:none;padding:10px 15px 10px 0px}.sites-button__link:before{content:"";background-image:url("../../assets/images/icons/link.svg");background-repeat:no-repeat;background-position:top center;width:20px;height:20px;padding:0 40px 0 0}.slider__right{display:flex;flex-direction:column}.sites__img{display:flex;justify-content:center;align-items:center;background-color:#E2E4D7;padding:100px 0}.sites__button{display:flex;flex-direction:row}.sites-button-left{flex-basis:50%;display:flex;justify-content:center;align-items:center;padding:10px 0;background-image:url("../../assets/images/icons/portf_arrow_down.svg");background-repeat:no-repeat;background-position:center center;background-color:rgba(0,0,0,0.2);cursor:pointer;position:relative}.sites-button-right{flex-basis:50%;display:flex;justify-content:center;align-items:center;padding:10px 0;background-image:url("../../assets/images/icons/portf_arrow_up.svg");background-repeat:no-repeat;background-position:center center;background-color:rgba(0,0,0,0.3);cursor:pointer;position:relative}.sites-button-left__img-bg{display:flex;justify-content:center;align-items:center;z-index:-1;padding:10px;width:100%}.slider{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;height:100vh;background-color:#fff}@media screen and (max-width:768px){.slider{height:initial}}.slider .heading__sub{text-transform:uppercase}@media screen and (max-width:480px){.slider .heading__sub{margin-bottom:15px}}@media screen and (max-width:480px){.slider .heading__sub-wrap{padding-top:0;padding-bottom:15px}}.slider__main-preview{height:100%;width:50%;background-color:#f2f0e8}@media screen and (max-width:768px){.slider__main-preview{width:100%;height:50vh;padding-top:30px;padding-bottom:70px}}@media screen and (max-width:480px){.slider__main-preview{height:40vh;padding-top:30px;padding-bottom:30px}}.main-preview__content{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;margin:0 10%;text-align:center}@media screen and (max-width:768px){.main-preview__content{margin:0}}.main-preview__desc{color:#004cd1;margin-bottom:50px;overflow:hidden}@media screen and (max-width:480px){.main-preview__desc{margin-bottom:15px}}.main-preview__desc span{position:relative;top:-50px}.slider__small-preview{position:relative;display:flex;height:70%;width:50%;background-color:#e3e2de}@media screen and (max-width:768px){.slider__small-preview{box-sizing:content-box;height:100vh;width:100%;order:-1;padding-top:30px;padding-bottom:30px}}@media screen and (max-width:480px){.slider__small-preview{height:31vh}}.slider__preview-nav{display:flex;height:30%;width:50%}@media screen and (max-width:768px){.slider__preview-nav{height:30vh;width:100%}}@media screen and (max-width:768px){.slider__preview-nav{height:20vh}}.slider__preview-down,.slider__preview-up{position:relative;width:50%;height:100%;display:flex}.overlay__preview{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0}.overlay__preview svg{position:relative;z-index:10;width:46px;height:36px;fill:rgba(255,255,255,0.8);filter:drop-shadow(2px 0px 2px rgba(0,0,0,0.86))}.overlay__preview .arrow__link{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.arrow--up svg{transform:rotate(180deg);transition:0.3s transform, 0.3s fill}.arrow--down svg{transition:0.3s transform, 0.3s fill}.arrow--up:hover svg{transform:rotate(180deg) translateY(10px);fill:grey}.arrow--down:hover svg{transform:translateY(10px);fill:grey}.overlay__preview--left{background-color:rgba(170,171,183,0.7)}.overlay__preview--right{background-color:rgba(126,127,138,0.7)}.slider__number{position:absolute;top:50%;left:50%;font-size:80px;color:pink;transform:translate(-50%, -50%);z-index:3}.slider__number.number--big{font-size:200px}.slider__image-preview{position:absolute;top:15%;left:15%;right:15%;bottom:15%;z-index:1;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain}.animate{position:relative;top:-50px;animation:textDown 1s ease-in-out running forwards}@keyframes textDown{0%{top:-50px}100%{top:0px}}.about-me__reviews{display:flex;flex-direction:row}@media screen and (max-width:768px){.about-me__reviews{flex-direction:column}}.reviews__left{flex-basis:50%;display:flex;margin-top:20px;justify-content:flex-end}@media screen and (max-width:768px){.reviews__left{justify-content:center}}.reviews__right{flex-basis:50%;display:flex;margin-top:20px;justify-content:flex-start}@media screen and (max-width:768px){.reviews__right{justify-content:center}}.rewiews__description{width:70%;background-image:url("../../assets/images/img/quotes.png");background-repeat:no-repeat;background-position:left center}.reviews__img{text-align:center}.reviews__text{color:#82817C;margin-top:10px}.reviews__person{text-align:center;margin-top:20px}.person__name{font-weight:600;color:#669966}.person__position{color:#585855}.about-me__form{width:100%;margin-bottom:400px;display:flex;justify-content:center;margin-top:60px;background-image:url("../../assets/images/img/list3.png");background-repeat:no-repeat;background-position:right top}.about-me-form__wrap{padding-top:20px;background-color:rgba(255,255,255,0.5)}.about-me-form{display:flex;flex-direction:column}.about-me-form:before{content:"";display:block;width:58px;height:108px;position:absolute;margin-left:-350px;background-image:url("../../assets/images/img/list1.png");background-repeat:no-repeat;background-position:left top}.textfield__error-message:after,.textarea__error-message:after{content:"* ERROR";display:none;color:red;border:1px solid red}.textfield_state_error,.textarea_state_error{content:"";display:block;color:red;border:1px solid red}.form-message{display:none;flex-direction:column;align-items:center;justify-content:center;width:200px;margin:0 auto;padding:20px;background-color:#fff;border-radius:5px}.form-message__text{color:gray}.form-message__close{padding:10px 20px;margin-top:10px;background-color:#6c9c5a;color:#fff;border-radius:5px;border:none}.form-message__close:hover{background-color:#4e8839}.form-message_active{display:flex}.error-message-name,.error-message-email,.error-message-message{display:none;background-color:#E44845;color:white;padding:10px;border:1px solid #E44845;border-radius:5px;margin:10px}.error-message-name:before,.error-message-email:before,.error-message-message:before{content:"";display:block;width:0;height:0;margin-left:30px;margin-top:-25px;margin-bottom:5px;border-bottom:20px solid #E44845;border-left:15px solid transparent;border-right:15px solid transparent;border-radius:2px}@media screen and (max-width:768px){.about__triangle .triangle_fill_white{fill:#ebefe2}}section.about{display:flex;flex-direction:row}@media screen and (max-width:768px){section.about{flex-direction:column}}.about__left,.about__right{flex-basis:50%}.about__left{display:flex;flex-direction:column;background-color:#EBEFE1}.about__right{background-color:#FFFFFF}@media screen and (max-width:768px){.about__right{padding-top:20px}}.about__left-title{width:100%;margin-top:-30px}.about__left-title>.block-title>.block-title__bg-about-me{padding-top:60px}.about__left-content{display:flex;justify-content:center}.user-description{display:flex;flex-direction:column;justify-content:center;max-width:500px}.user-description__image{display:flex;justify-content:center}.user-description__title{display:flex;justify-content:center;margin-top:20px}.user-description__avatar{max-width:100%;max-height:100%}.user-description__text{display:flex;justify-content:center}.text-content{padding:0 50px}section.section.map{display:flex;flex-direction:column;justify-content:flex-end;position:relative}.google-map{display:flex;justify-content:center;align-items:center;min-height:1000px;background-image:url("../../assets/images/img/map.png");background-repeat:no-repeat;background-position:top;background-size:cover}@media screen and (max-width:768px){.google-map{align-items:flex-start}}.map__contacts{display:block;background-color:rgba(255,255,255,0.8);padding-left:40px;padding-right:40px;padding-bottom:20px;border-radius:5px;margin-top:-194px}@media screen and (max-width:768px){.map__contacts{width:100%;margin-top:0;font-size:1.7rem}}.contacts__title{padding-top:20px}.contacts__item{list-style-type:none}.contacts-row{display:flex;flex-direction:row;margin-top:15px}.contacts-row__icon img{width:25px}@media screen and (max-width:768px){.contacts-row__icon img{width:30px}}.contacts-row__content{display:flex;align-items:center;padding-left:15px}@media screen and (max-width:768px){.text-content p{font-size:1.5rem}}.hidden-menu{display:none;position:fixed;list-style:none;padding:10px;margin:0;box-sizing:border-box;width:90%;background-color:rgba(102,153,102,0.9);height:100%;top:0;left:-100%;transition:left .2s;z-index:2}@media screen and (max-width:480px){.hidden-menu{display:flex;flex-direction:column;justify-content:center;padding-right:40px}}.hidden-menu-ticker{display:none}.btn-menu{padding:7px;position:fixed;top:50%;left:0px;cursor:pointer;transition:left .23s;z-index:3;width:15px;height:60px}.hidden-menu-ticker:checked ~ .btn-menu{left:90%}.hidden-menu-ticker:checked ~ .hidden-menu{left:0}.circle{overflow:hidden;display:none;height:60px;width:10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="rgba(102, 153, 102, 0.9)"/></svg>') 0 0/cover no-repeat;background-position:100% 0}@media screen and (max-width:480px){.circle{display:inline-block}}.circle:before{content:"";position:absolute;top:0;bottom:0;right:0;width:60px;border-radius:100%}.skills-list__item{list-style-type:none;width:100%}.skills-row{position:relative;display:flex;flex-direction:column;flex-wrap:wrap;list-style-type:none}.skills-row__title{margin-top:20px;color:#666666;font-size:1.2rem;font-weight:600}@media screen and (max-width:768px){.skills-row__title{text-align:center;font-size:1.5rem}}.skills-row__list{padding:0}.skills-row__item{display:flex;flex-direction:row;flex-wrap:wrap;list-style-type:none}@media screen and (max-width:768px){.skills-row__item{justify-content:center}}.skill{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}.skill__circle{width:120px;height:120px;position:relative;margin:5px}.skill__title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:0.9rem;font-weight:600;color:#669966;text-align:center}@media screen and (max-width:768px){.skill__title{font-size:1.1rem}}.circles{fill:none;stroke-width:15}.circle__first{stroke:#dfdcd5}.circle__second{stroke:#669966;stroke-dasharray:.0010 282.6;transition:all 1s}.circles .circle-0{stroke-dasharray:.001 282.6}.circles .circle-10{stroke-dasharray:28.26 282.6}.circles .circle-15{stroke-dasharray:42.39 282.6}.circles .circle-20{stroke-dasharray:56.52 282.6}.circles .circle-25{stroke-dasharray:70.65 282.6}.circles .circle-30{stroke-dasharray:84.78 282.6}.circles .circle-35{stroke-dasharray:98.91 282.6}.circles .circle-40{stroke-dasharray:113.04 282.6}.circles .circle-45{stroke-dasharray:127.17 282.6}.circles .circle-50{stroke-dasharray:141.3 282.6}.circles .circle-55{stroke-dasharray:155.43 282.6}.circles .circle-60{stroke-dasharray:169.56 282.6}.circles .circle-65{stroke-dasharray:183.69 282.6}.circles .circle-70{stroke-dasharray:197.82 282.6}.circles .circle-75{stroke-dasharray:211.95 282.6}.circles .circle-80{stroke-dasharray:226.08 282.6}.circles .circle-85{stroke-dasharray:240.21 282.6}.circles .circle-90{stroke-dasharray:254.34 282.6}.circles .circle-95{stroke-dasharray:268.47 282.6}.circles .circle-100{stroke-dasharray:282.6 282.6}.blog-title{display:flex;flex-direction:column;margin-top:-200px;margin-bottom:200px;color:white;text-align:center}.blog{display:flex;flex-direction:row}.aside{flex-basis:33%}@media screen and (max-width:480px){.aside{display:none}}.article{flex-basis:66%}@media screen and (max-width:480px){.article{flex-basis:90%;padding:0 20px}}.article__list{padding-right:20px}@media screen and (max-width:768px){.article__list{padding-right:5px;padding-left:5px}}.article__item{border-bottom:5px solid #ecebe4;padding-bottom:70px;margin-bottom:70px;list-style-type:none}.article__item:last-child{border:none;margin-bottom:200px}@media screen and (max-width:768px){.article__item:last-child{margin-bottom:300px}}.article__title{color:#566358}.article__date{color:#81a970}.article__text img{max-width:100%}.left-col__blog-menu{margin:0 40px 0 20px}@media screen and (max-width:768px){.left-col__blog-menu{margin:0 5px}}.fixed{position:fixed;top:0;left:0;margin-left:-40px;width:33%}.blog-menu___item{display:flex;align-items:center;justify-content:flex-end;list-style-type:none;margin-bottom:20px}nav>li>a.active{background-color:red;border:1px solid red}.blog-menu___item-color-white{border-right:3px solid white}.blog-menu___item-color-white:hover,.blog-menu___item-color-white:active,.blog-menu___item-color-white:first-child{border-right:3px solid #6c9c5a}.blog-menu___item-color-green{border-right:3px solid #6c9c5a}.blog-menu___item-color-green:hover,.blog-menu___item-color-green:active,.blog-menu___item-color-green:first-child{border-right:3px solid white}.blog-menu__link{text-decoration:none;text-align:right;padding:5px 10px}.blog-menu__link-color-gray{color:gray}.blog-menu__link-color-gray:active,.blog-menu__link-color-gray:hover{color:#6c9c5a}.blog-menu__link-color-white{font-size:1.5rem;color:white}.blog-menu__link-color-white:active,.blog-menu__link-color-white:hover{color:#c4c4c4}.footer{margin-top:-228px}@media screen and (max-width:768px){.footer{margin-top:-340px}}.footer__row{position:relative}.footer__row-margin{display:flex;flex-direction:row;padding:30px 0;background-color:rgba(0,0,0,0.6)}@media screen and (max-width:768px){.footer__row-margin{flex-direction:column;padding:0 30px}}.footer__col{flex-basis:33%;align-items:flex-start;padding:0 30px;border-right:1px solid #767b7d;color:#aaadae;line-height:1.5rem}.footer__col:last-child{border-right:none}.footer__col p{margin-top:0}@media screen and (max-width:768px){.footer__col{padding:20px 0;border-right:none;border-bottom:1px solid #767b7d;text-align:center}.footer__col:last-child{border-bottom:none}}.footer-copyright{flex-basis:100%;color:#FFFFFF;font-weight:400;background-color:rgba(102,153,102,0.8);text-align:center;padding:3px 0}.menu-footer{display:flex}@media screen and (max-width:768px){.menu-footer{justify-content:center}}.menu-footer__list{margin:0;padding:0}.menu-footer__item{list-style-type:none}.menu-footer__link{font-weight:600;color:#FFFFFF;text-decoration:none;margin-right:20px;white-space:nowrap}.menu-footer__link:hover{text-decoration:underline}