html{scroll-behavior:smooth}*{margin:0;padding:0}li{list-style:none;white-space:nowrap}body{scroll-behavior:smooth}a{color:inherit;text-decoration:none;white-space:nowrap}.wrap{min-width:320px;background-color:#fff;overflow:hidden;font-family:Montserrat,sans-serif;font-weight:400;font-size:20px;color:#4a4a4a;z-index:3}.container,.wrap{margin:0 auto;position:relative}.container{max-width:1170px;padding-right:15px;padding-left:15px;transition:max-width .5s ease-in-out}.bg{width:100%;height:100%;z-index:-999999;position:fixed;background:url(../images/back.jpg) no-repeat 50% fixed;background-size:cover}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 26, 2019 */@font-face{font-family:myfont;src:url(../fonts/myfont_port/myfont_port-webfont.ttf);src:url(../fonts/myfont_port/myfont_port-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/myfont_port/myfont_port-webfont.woff2) format("woff2"),url(../fonts/myfont_port/myfont_port-webfont.woff) format("woff");font-weight:400;font-style:normal}.my{font-family:myfont;font-size:60px;display:inline-block;font-style:normal;color:#4a4a4a;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:.3s ease-in}.skype:before{content:"s"}.google:before{content:"g"}.viber:before{content:"v"}.facebook:before{content:"f"}.telegram:before{content:"t"}.in:before{content:"l"}.navbarWrap{width:100%;background-color:rgba(0,0,0,.5);font-size:16px;position:fixed;padding:5px 0;z-index:10}.burger{visibility:hidden}.navbar{width:100%;line-height:50px;position:relative;-ms-flex-pack:center;justify-content:center}.menu,.navbar{display:-ms-flexbox;display:flex}.menu{-ms-flex-pack:justify;justify-content:space-between;text-transform:uppercase}.nav{min-width:47%}.nav__item{color:#fff;padding:10px 16px;transition:color .8s ease-out}.nav__item:hover{color:#ff7d42;text-shadow:0 0 5px rgba(0,0,0,.8);transition:.15s ease-in-out}.banner{color:#fff;margin:0 auto;height:100vh;min-height:600px;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;transition:.5s ease;transition-property:padding-top,padding-bottom,white-space,font-size}.banner__contactlist{width:100%;margin-top:auto;position:relative;padding-top:70px}.banner__contactlist:before{display:block;content:"";width:60%;height:auto;border-top:1px solid hsla(0,0%,100%,.5);position:absolute;left:50%;transform:translateX(-50%);top:40px}.banner .iconCont-baner{width:35px;height:35px;fill:hsla(0,0%,100%,.5)}.headBlock,.headBlock-sr{margin:auto;transition:inherit;position:relative;height:65vh;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.headBlock,.headBlock-sr{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.downLine,.headline,.upLine{text-align:center;font-size:20px;font-weight:400;text-transform:uppercase;transition:inherit}.downLine-lable{text-transform:uppercase;font-size:43px;letter-spacing:12px;font-weight:900}.downLine-lable,.sorry{margin-top:1.1em;text-align:center}.sorry{margin-bottom:1.5em}.sorry__goto{border:2px solid #fff;padding:8px 40px;border-radius:8px;margin-right:auto;margin-left:auto;background-color:hsla(0,0%,100%,.2);transition:transform .3s,box-shadow .3s}.sorry__goto span{min-width:29px;display:inline-block;text-align:center}.sorry__goto:hover{box-shadow:3px 6px 15px 0 #0000004f;transform:translate(-1px,-2px);transition:transform .5s,box-shadow .5s}.sorry__goto:active{box-shadow:0 0 0 0 #0000004f;transform:translate(0);transition:transform .15s,box-shadow .15s}.headline{font-size:80px;font-weight:700;margin-bottom:0}.downLine{margin-top:30px}.portf{background-color:#fff;min-height:500px;box-shadow:inset 0 0 8px rgba(0,0,0,.3)}.portf__head{text-align:center;padding-top:107px;font-weight:700;font-size:36px;text-transform:capitalize;margin-bottom:46px}.cardWrap{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:63px;position:relative;overflow:hidden;padding-top:10px}.loader{width:40%;height:17px;display:block;margin:auto}.loaderHide{display:none}.contacts{background-color:#222}.myfoto{width:120px;height:120px;border-radius:50%}.wrapCont{width:68%;padding:90px 0;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.wrapCont__download{-ms-flex-item-align:center;align-self:center}.details{margin-right:40px;margin-left:40px;width:70%;color:#727272;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.details__wrapContact{margin-top:40px}.details__head{color:#fff;margin-bottom:16px}.details__cont{color:inherit;margin-bottom:30px}.details__item{margin-bottom:5px;position:relative}.details__item-bold{font-weight:500;color:#949494;margin-right:4px}.details__item:hover{color:#ababab;transition:.5s}.details__item:hover .details__item-bold{color:#cdcdcd;cursor:context-menu}.details__item:hover .details__icon{opacity:1}.details__icon{stroke:#949494;width:32px;height:32px;position:absolute;top:-6px;opacity:0;padding:2px;transition:opacity .5s,transform .2s,stroke .8s,box-shadow .15s;border-radius:50%}.details__icon:hover{stroke:#cfcfcf;cursor:pointer;transform:scale(1.2)}.details__icon:active{stroke:#fff;box-shadow:inset 0 0 8px hsla(0,0%,100%,.2),0 0 3px hsla(0,0%,100%,.15)}.up{pointer-events:none}.aboutmy{text-align:justify}.aboutmy__text{text-indent:20px}.showResume{letter-spacing:1px;min-width:222px;height:55px;border-radius:4px;background-color:#444;color:#fff;font-weight:900;font-size:16px;border:1px solid hsla(0,0%,100%,0);transition:text-shadow .15s,background-color .3s,box-shadow .5s,border 1.5s;outline:none;cursor:pointer}.showResume:focus,.showResume:hover{background-color:#363636;box-shadow:0 0 15px hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.5);text-shadow:0 0 4px hsla(0,0%,100%,.5)}.showResume:active,.showResume:focus,.showResume:hover{transition:text-shadow .15s,background-color .3s,box-shadow 1s,border .15s}.showResume:active{box-shadow:inset 0 0 15px hsla(0,0%,100%,.8),0 0 10px hsla(0,0%,100%,.3);text-shadow:0 0 10px hsla(0,0%,100%,.8)}.about{color:#fff}.about__headBlock{padding-top:10%;padding-bottom:10%}.myresume{background-color:#fff;min-height:500px}.myresume__container{padding-top:40px;padding-bottom:40px}.myresume{color:#4a4a4a}.info{width:700px;margin:0 auto;margin-top:20px;margin-bottom:20px;overflow:hidden}.info__head{font-size:20px;color:inherit}.info__text{font-size:16px;margin-top:8px;font-style:italic;text-align:justify}.info__item{list-style:square outside;margin-left:20px}.card{background-color:hsla(0,0%,45%,.226);margin-bottom:20px;position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:top;background-size:105%;border-radius:3px;overflow:hidden;border:1px solid rgba(0,0,0,.1);transition:box-shadow .8s,transform .8s,border .8s,size,background-size .8s}.card:hover .card__link{height:30%}.card:hover{box-shadow:12px 8px 10px 5px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.4);transform:translate(-2px,-1px);transition:all cubic-bezier .5s;background-size:101%}.card__hover{position:absolute;width:calc(100% - 30px);height:calc(100% - 30px);top:15px;left:15px;background:rgba(0,0,0,.8);opacity:0;transform:scale(.8);transition:all .5s ease-in-out;border-radius:3px}.card:hover .descript{transform:scale(1);opacity:.9;transition:all .5s ease-in-out}.card__effect{position:absolute;width:100%;height:35%;bottom:0;left:0;opacity:.9;border-radius:0 0 3px 3px;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.8));transition:all 1s}.card:hover .card__effect{bottom:-40%;transition:all cubic-bezier 1s}.card__stack{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:absolute;bottom:2%;width:94%;margin-left:3%;height:66%}.card__link{width:100%;height:0;background-color:rgba(0,0,0,.8);position:absolute;bottom:-1px;transition:height .2s ease}.iconSprite{padding:2px;width:13%}.descript{color:hsla(0,0%,100%,.9)}.descript__block{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:90%;margin:auto;height:100%;font-size:.8em}.descript__block span{margin-top:2%;color:#acacac}.descript__text{margin-top:3%;margin-left:4%;overflow:hidden;max-height:53%;color:hsla(0,0%,100%,.9)}.descript__head{margin-top:4%;font-weight:lighter}.descript__wrapLink{width:70%;height:20%;margin:0 auto 3%;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:4%;margin-top:auto}.descript__hub,.descript__page{display:block;width:26%;height:auto;background-repeat:no-repeat;background-position:50%;background-size:contain;border-radius:20%;transition:background-color .2s;background-color:hsla(0,0%,100%,.7)}.descript__hub:hover,.descript__page:hover{background-color:#fff;box-shadow:0 0 5px 3px hsla(0,0%,100%,.3);transition:.15s}.descript__hub:hover #defs8,.descript__page:hover #defs8{fill:red}.descript__hub:active,.descript__page:active{background-color:hsla(0,0%,100%,.3);border:1px solid #fff;transition:.2s;box-shadow:0 0 5px 5px rgba(0,0,0,.1),inset 0 0 10px 5px rgba(0,0,0,.1)}.descript__hub{background-image:url(../images/github.svg)}.descript__page{background-image:url(../images/gitpage.svg)}.social{background-color:#f2f2f2;transition:all .5s ease-in-out;box-shadow:inset 0 0 8px rgba(0,0,0,.3)}.social__contactlist{padding:50px 0;width:70%}.contactlist{margin-right:auto;margin-left:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;transition:all .8s ease}.contactlist-sr{-ms-flex-pack:center;justify-content:center}.contact__item{margin-right:25px;margin-left:25px}.iconCont{width:50px;height:50px;fill:#4a4a4a;padding:3px}.my:hover{color:#ff7d42;fill:#ff7d42;text-shadow:0 0 1px rgba(0,0,0,.8);transition:.1s ease-in-out;cursor:pointer;filter:drop-shadow(0 0 1px rgba(0,0,0,.7))}.my:active{text-shadow:0 0 5px #6e3b00;filter:drop-shadow(0 0 2px rgba(0,0,0,.7))}.foot{background:#222;padding:20px 0;text-align:center;color:#fff;text-transform:capitalize}.popup{position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.795);z-index:50;display:none}body{position:relative}@media screen and (min-width:670px){.portf .container{max-width:480px}.card{width:350px;height:233px}.cardWrap{-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:815px){.portf .container{max-width:768px}.card{width:374px;height:250px}.cardWrap{-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width:1024px){.portf .container{max-width:990px}.cardWrap{-ms-flex-pack:distribute;justify-content:space-around}.card{width:410px;height:273px}}@media screen and (min-width:1200px){.portf .container{max-width:1170px}.cardWrap{-ms-flex-pack:distribute;justify-content:space-around}.card{width:500px;height:333px}}@media screen and (max-width:1024px){.wrapCont{width:inherit}}@media screen and (max-width:815px){.headline{font-size:60px}.downLine,.upLine{font-size:19px}.wrapCont{width:inherit}.details{width:100%;margin-top:5%}}@media screen and (max-width:670px){.navbarWrap{min-height:40px}.navbar{-ms-flex-pack:left;justify-content:left;line-height:40px}.nav{position:absolute;overflow:hidden;transition:top 1s;left:0;top:45px}.nav__item{display:block;text-align:center;padding-top:8px;padding-bottom:8px;border-top:1px solid hsla(0,0%,100%,.144)}.menu{-ms-flex-direction:column;flex-direction:column;position:relative;background-color:rgba(0,0,0,.5);transition:1s;bottom:500px}.bline{margin:auto}.bline,.bline:after,.bline:before{width:70%;height:2px;background-color:#fff;border-radius:4px;transition:background-color .15s,height .3s .3s}.bline:before{top:9px;transition:background-color .15s,top .3s .3s,transform .3s cubic-bezier(.15,0,.17,1)}.bline:after,.bline:before{content:"";position:absolute}.bline:after{bottom:9px;transition:background-color .15s,bottom .3s .3s,transform .3s cubic-bezier(.15,0,.17,1)}.burger{width:42px;height:38px;border-radius:4px;position:relative;display:-ms-flexbox;display:flex;box-sizing:border-box;border:1px solid #fff;visibility:visible;cursor:pointer}.burger .menu:active{bottom:500px}.burger:hover{border-color:gray;box-shadow:inset 0 0 2px 2px rgba(0,0,0,.1)}.burger:hover .bline,.burger:hover .bline:after,.burger:hover .bline:before{background-color:gray}.burger:active{border:1px solid #333;box-shadow:inset 0 0 3px 3px hsla(0,0%,100%,.1);transition:.15s}.burger:active .bline,.burger:active .bline:after,.burger:active .bline:before{background-color:#ccc}.navbar-active .bline{background-color:#ffffff00;height:0;transition:height .3s .3s,background-color .15s}.navbar-active .bline:before{transform:rotate(-45deg);top:17px;transition:top .3s,transform .3s cubic-bezier(.15,0,.17,1) .3s}.navbar-active .bline:after{transform:rotate(45deg);bottom:17px;transition:bottom .3s,transform .3s cubic-bezier(.15,0,.17,1) .3s}.navbar-active .menu{bottom:0;transition:1s}.downLine,.upLine{font-size:16px}.headline{font-size:45px}.portf .container{max-width:480px}.card{width:300px;height:200px}.cardWrap{-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:500px){.downLine-lable{font-size:10vw}}@media screen and (max-width:480px){.headline{font-size:35px}.downLine,.upLine{font-size:15px}}@media screen and (max-width:320px){.headline{font-size:40px}.downLine,.upLine{font-size:14px}.iconCont{width:40px;height:40px;fill:#4a4a4a}}