.tipr_content{font:12px/1.7 'Open Sans',Helvetica,Arial,sans-serif;background-color:rgba(0,0,0,.3);color:#fff;padding:4px 10px;font-weight:700}.tipr_container_top{display:none;position:absolute;margin-top:-85px;z-index:1000}.tipr_point_bottom,.tipr_point_top{position:relative;background:rgba(0,0,0,.3)}.tipr_point_top:after,.tipr_point_top:before{position:absolute;pointer-events:none;border:solid transparent;top:100%;content:"";height:0;width:0}.tipr_point_top:after{border-top-color:rgba(0,0,0,.5);border-width:8px;left:50%;margin-left:-8px}.tipr_point_top:before{border-width:9px;left:50%;margin-left:-9px}.tipr_point_bottom:after,.tipr_point_bottom:before{position:absolute;pointer-events:none;border:solid transparent;bottom:100%;content:"";height:0;width:0}.tipr_point_bottom:after{border-bottom-color:#fff;border-width:8px;left:50%;margin-left:-8px}.tipr_point_bottom:before{border-bottom-color:#dcdcdc;border-width:9px;left:50%;margin-left:-9px}@font-face{font-family:fontello;src:url(../font/fontello.eot?85975900);src:url(../font/fontello.eot?85975900#iefix) format('embedded-opentype'),url(../font/fontello.woff2?85975900) format('woff2'),url(../font/fontello.woff?85975900) format('woff'),url(../font/fontello.ttf?85975900) format('truetype'),url(../font/fontello.svg?85975900#fontello) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mail:before{content:'\e802'}.icon-github:before{content:'\f09b'}.icon-up:before{content:'\f102'}.icon-down:before{content:'\f103'}.icon-linkedin:before{content:'\f318'}::-moz-selection{background:#67b8de;color:#fff}::selection{background:#67b8de;color:#fff}[class*=" icon-"]:before,[class^=icon-]:before{margin-left:0;margin-right:0}body,html{margin:0;padding:0;width:100%;height:100%}.open-sans body,body{font-family:"Open Sans",Helvetica,Arial,sans-serif}header{width:100%;position:relative;min-height:100%;background-color:#000;background-image:url(../img/1-full.jpg);background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#fff;z-index:1}header:before{position:absolute;width:100%;height:100%;top:0;left:0;content:" ";background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65)));background:-webkit-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,.65)100%);background:linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,.65)100%);z-index:-1}.photo{border-radius:9999em;border:5px solid #ddd;width:125px}.counter{margin-top:auto;visibility:hidden}.first{margin-top:auto}.last{margin-bottom:auto}@media only screen and (max-width:828px){.webp header{background-image:url(../img/1-mobile.webp)}header{background-image:url(../img/1-mobile.jpg)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) and (max-width:828px){.webp header{background-image:url(../img/1-mobile@2x.webp)}header{background-image:url(../img/1-mobile@2x.jpg)}}.arrow{width:100%;text-align:center}.arrow button{-webkit-appearance:none;border:0;background:0 0;color:#fff;font-size:28px;cursor:pointer}.arrow a{color:#fff;text-decoration:none}.introduction-text{font-size:1.75em;font-weight:300;text-align:center}.introduction-text strong{font-weight:400}.job-text{font-size:1.75em;color:#F6DB39;margin:10px 0;font-weight:600;text-transform:uppercase}.nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-bottom:2%}.icon{font-size:48px;border-radius:50%;border:2px solid rgba(255,255,255,.4);padding:20px;width:50px;height:50px;margin:0 15px;-webkit-transition:background .3s ease;transition:background .3s ease;cursor:pointer;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.icon>div{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.icon-black:hover{background:rgba(0,0,0,.3);border-color:rgba(0,0,0,.3)}.nav a{color:#fff;text-decoration:none}.about{height:auto;width:100%;border-top:5px solid #DE3836;background:#efefef}.container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;padding:50px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.aside{display:inline-block;width:50%;padding-right:20px;padding-left:10%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.skills{display:inline-block;border-left:1px solid #ccc;width:50%;text-align:left;padding-left:20px;padding-right:10%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container h4{color:#333;font-weight:300;font-size:28px;margin:0;margin-bottom:22px}.skills ul{list-style:none;padding:0;margin:0}.skills li{background:#fff;display:inline-block;color:rgba(0,0,0,.6);font-weight:400;font-size:12px;padding:4px 8px;text-transform:uppercase;margin-bottom:4px}.info{font-weight:300}li.category{background:#DE3836;color:#fff}.text-link{text-decoration:none;font-weight:700;color:#D93030}@media(max-width:720px){.introduction-text{padding:0 20px}.about{height:auto}.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto}.aside{margin-bottom:50px}.aside,.skills{width:75%;height:auto;padding:0;border:0}.skills h4{text-align:center}}@media(max-width:375px){header{font-size:12px}.nav .icon{font-size:32px;padding:10px}}@media(min-width:1200px){.about{height:50%}.aside,.skills{height:auto}}@media(min-width:1800px){.aside{padding-left:25%}.skills{padding-right:25%}}