*{margin:0;padding:0;text-decoration:none;font-family:Ubuntu,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}::selection{background-color:#48dbfb60}::-webkit-scrollbar{width:10px;background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#353b48}.navbar{position:fixed;background-color:transparent;width:100%;padding:30px 0;top:0;z-index:999;transition:.3s linear}.inner-width{max-width:1300px;margin:auto;padding:0 40px}.navbar .inner-width{display:flex;align-items:center;justify-content:space-between}.logo{width:200px;height:50px;background-image:url(/assets/logo-XbijFc1e.png);background-size:contain;background-repeat:no-repeat}.menu-toggler{background:none;width:30px;border:none;cursor:pointer;position:relative;outline:none;z-index:999;display:none}.menu-toggler span{display:block;height:3px;background-color:#fff;margin:6px 0;position:relative;transition:.3s linear}.navbar-menu a{color:#000;font-size:15px;font-weight:500;margin-left:30px;transition:.2s linear}.navbar-menu a:hover{color:#48dbfb!important}.sticky{background-color:#fff;padding:18px 0}.sticky .logo{background-image:url(/assets/logo-XbijFc1e.png)}.sticky .navbar-menu a{color:#111}.sticky .menu-toggler span{background-color:#111}#home{height:100vh;min-height:500px;background:url(/assets/bg-CLF1BlqU.png) no-repeat center;background-size:cover;background-attachment:fixed}#home .inner-width{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}#home .content{width:100%;color:#000}#home .content h1{font-size:60px;margin-bottom:60px}#home .content h1 .show-white{color:#fff}.sm a{color:#000;font-size:22px;margin:0 10px;transition:.2s linear}.sm a:hover{color:#48dbfb}.sm box-icon:hover{cursor:pointer;color:#48dbfb}#home .buttons{margin-top:60px}#home .buttons a{display:inline-block;margin:15px 30px;color:#fff;font-size:15px;font-weight:500;width:180px;border:1px solid #fff;padding:14px 0;border-radius:6px;transition:.2s linear}section{padding:100px 0;background-color:#f1f1f1}.section-title{text-align:center;margin-bottom:80px;position:relative;font-size:26px;padding-bottom:20px;color:#111}.section-title:before{content:"";position:absolute;width:80px;height:3px;background-color:#111;bottom:0;left:calc(50% - 40px)}.section-title:after{content:"";position:absolute;width:16px;height:10px;background-color:#48dbfb;border:4px solid #f1f1f1;left:calc(50% - 12px);bottom:-7px}.about-content{display:flex;align-items:center;flex-wrap:wrap}.about-pic{width:300px;margin-right:100px}.about-text{flex:1}.about-text h3{margin:10px 0;color:#444;font-size:16px}.about-text h3 span:nth-child(1):after,.about-text h3 span:nth-child(2):after{content:"";width:6px;height:6px;background-color:#444;display:inline-block;border-radius:50%;margin:0 14px}.about-text p{font-size:17px;text-align:justify;line-height:26px;margin-top:20px}.skills{margin-top:40px;display:flex;justify-content:space-between;flex-wrap:wrap}.skill{width:calc(50% - 20px);margin:15px 0}.skill-info{display:flex;justify-content:space-between}.skill-bar{height:3px;background-color:#ddd;margin-top:14px;position:relative}.skill-bar:after{content:"";position:absolute;height:6px;background-color:#48dbfb;bottom:0}.html:after{width:90%}.css:after{width:80%}.js:after{width:70%}.php:after{width:60%}.mysql:after{width:90%}.cs:after{width:80%}section.dark{background-color:#353b48}section.dark .section-title{color:#f1f1f1}section.dark .section-title:before{background-color:#f1f1f1}section.dark .section-title:after{border:4px solid #353b48}.services{display:flex;justify-content:space-between;flex-wrap:wrap}.service{width:calc(33% - 20px);text-align:center;border:1px solid #48dbfb;border-radius:6px;margin:20px 0;padding:40px 20px;color:#fff;cursor:pointer;transition:.3s linear}.service .icon{color:#48dbfb;font-size:40px;margin-bottom:20px;transition:.3s linear}.service h4{font-size:16px;margin-bottom:6px}.service:hover{background-color:#48dbfb}.service:hover .icon{color:#fff}.time-line,.works{display:flex;justify-content:space-between;flex-wrap:wrap}.block{width:calc(50% - 20px);background-color:#fff;border:1px solid #ddd;margin:10px 0;padding:30px;position:relative}.block:before{content:"";position:absolute;width:1px;height:120%;background-color:#ddd;left:-20px;top:50%;transform:translateY(-50%)}.block:after{content:"";position:absolute;width:16px;height:16px;background-color:#48dbfb;left:-28px;top:30px;border-radius:50%}.block h3{font-size:16px;margin:10px 0}.block p{font-size:15px;color:#444}.work{width:calc(33% - 10px);overflow:hidden;border-radius:6px;margin:10px 0;cursor:pointer;position:relative}.work img{width:100%;height:100%;transition:.4s linear}.work:before{content:"";position:absolute;width:100%;height:100%;z-index:1;background-color:#48dbfbcc;transition:.2s linear;opacity:0;transform:scale(0)}.work .info{position:absolute;z-index:2;bottom:40px;left:40px;color:#fff;transition:.4s linear;opacity:0}.work:hover img{transform:scale(1.6) rotate(25deg)}.work:hover:before,.work:hover .info{opacity:1;transform:scale(1)}.contact-info{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:60px}.contact-info .item{width:calc(33% - 20px);height:160px;background-color:#353b48;color:#fff;text-align:center;border-radius:4px;cursor:pointer;transition:.3s linear;padding:0 20px}.contact-info i{display:block;font-size:40px;line-height:120px;height:100px}.contact-info .item:hover{background-color:#48dbfb}.contact-form{display:flex;justify-content:space-between;flex-wrap:wrap}.contact-form input,.contact-form textarea{width:100%;height:50px;margin:10px 0;background-color:#353b48;border:none;outline:none;padding:20px;border-radius:4px;color:#fff}.nameZone,.emailZone{max-width:calc(50% - 10px)}.messageZone{min-height:200px;resize:vertical}.contact-form .btn{width:180px;background-color:transparent;color:#48dbfb;font-size:16px;border:2px solid #48dbfb;padding:0;margin-left:auto;cursor:pointer;transition:.3s linear}.contact-form .btn:hover{background-color:#48dbfb;color:#fff}footer{color:#000;padding:80px 0;text-align:center}.copyright{margin-bottom:20px;font-size:15px}.copyright a{font-size:16px;color:#48dbfb;font-weight:500}.goTop{position:fixed;z-index:999;bottom:40px;right:40px;width:40px;height:40px;background-color:#48dbfb;border:none;border-radius:6px;cursor:pointer;color:#fff;outline:none;display:none}.popup{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#00000080;z-index:1000000000}.popup>.wrapper{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:80%;padding:20px;display:flex;flex-direction:column}.popup>.wrapper .popup-buttons{position:relative;flex-grow:0;overflow:visible;padding:10px 0 0;display:flex;justify-content:space-evenly}.popup>.wrapper>div{max-height:100%;overflow:auto}.popup>.wrapper>div>p{margin-bottom:20px;color:#3f3755}.popup .button-agree{background-image:-webkit-linear-gradient(to right,#3f88ff 0%,#001347 100%);background-image:-moz-linear-gradient(to right,#3f88ff 0%,#001347 100%);background-image:#3f88ff;background-image:linear-gradient(to right,#3f88ff,#001347);display:flex;justify-content:center;align-items:center;color:#fff}.popup .button-cancel{color:#000;background-color:#ababab;display:flex;justify-content:center;align-items:center}.popup .popup-buttons>*{width:10em;border-radius:2em;line-height:1.2;padding:8px 12px;cursor:pointer;font-weight:400;text-transform:uppercase}.popup .popup-buttons img{position:absolute;top:calc(50% + 5px);transform:translateY(-50%);right:30px;width:20px;height:20px;border-radius:50%;padding:unset}.switchLang{height:50px;display:flex;justify-content:center;align-items:center;transition:.3s linear}.switch-item{padding:5px 10px;display:flex;cursor:pointer}.switch-item img{width:20px}.switch-item text{margin-left:10px}@media screen and (max-width: 1024px){.popup>.wrapper{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:80%;width:80vw;padding:20px;display:flex;flex-direction:column}}@media screen and (max-width: 980px){.menu-toggler{display:block}.navbar-menu{position:fixed;height:100vh;width:100%;background-color:#353b48;top:0;right:-100%;max-width:400px;padding:80px 50px;transition:.3s linear}.navbar-menu a{display:block;font-size:30px;margin:30px 0}.sticky .navbar-menu{background-color:#f1f1f1}.navbar-menu.active{right:0}.menu-toggler.active span:nth-child(1){transform:rotate(-45deg);top:4px}.menu-toggler.active span:nth-child(2){opacity:0}.menu-toggler.active span:nth-child(3){transform:rotate(45deg);bottom:14px}.inner-width{max-width:800px}.about-pic{margin:0 auto 60px}.about-text{flex:100%;text-align:center}.service{width:calc(50% - 20px)}.block{width:calc(100% - 20px);margin-left:auto}.work{width:calc(50% - 10px)}.contact-info .item{width:100%;margin:10px 0}.switchLang{position:absolute;top:30px;right:60px;height:50px;display:flex;justify-content:center;align-items:center;transition:.3s linear}.switchLang-active{top:18px}.switch-item text{display:none}.popup>.wrapper{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:60%;width:80vw;padding:20px;display:flex;flex-direction:column}.popup .popup-buttons>*{width:5em}.popup .popup-buttons img{right:10px}}@media screen and (max-width: 600px){.inner-width{padding:0 20px}.skill,.service,.card,.work{width:100%}.nameZone,.emailZone{max-width:100%}}:root{--background-color: #2c3e50;--border-color: #7591AD;--text-color: #34495e;--color1: #EC3E27;--color2: #fd79a8;--color3: #0984e3;--color4: #00b894;--color5: #fdcb6e;--color6: #e056fd;--color7: #F97F51;--color8: #BDC581;--a_border_color: #86a3b3;--h3_border_color: #8ea2b8;--a_hover_background_color: #86a3b3;--font_color: #e8f6fd}*{margin:0;padding:0}html{font-size:14px}@media (max-width: 768px){body,.duty-group{flex-direction:column}.card{flex-direction:column;width:100%!important;height:auto!important}.card .base-info{flex:unset!important}}/*!*background-color: var(--background-color);*!*/.container{display:flex;justify-content:space-between;flex-wrap:wrap}.card{height:300px;cursor:pointer;position:relative;transition:all .7s linear;overflow:hidden;margin:20px 0;display:flex;justify-content:flex-start;align-items:center;color:var(--font_color);width:calc(50% - 20px);background-color:var(--background-color);border:1px solid var(--h3_border_color)}.base-info{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}.photo{position:absolute;width:100%;height:100%;top:0;border-radius:0%;overflow:hidden;transition:.7s}.photo:before{position:absolute;content:"";width:100%;height:100%;background-image:linear-gradient(to top,rgba(51,51,51,.5),transparent)}.card .base-info{flex:4}.card .base-info .photo:before{display:none}.photo img{width:100%;height:100%;object-fit:cover}.card .base-info .photo{width:120px;height:120px;top:30px;border-radius:50%;box-shadow:0 0 20px #111}.card h2{position:absolute;top:250px;transition:.7s}.card h2{position:absolute;top:170px}.card h3{margin-top:220px;width:80%;font-weight:400;text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--h3_border_color);opacity:0}.card h3{opacity:1;transition:opacity .7s ease-in .7s}.card p{flex:8;text-indent:2em;font-size:15px;margin:20px;line-height:30px;opacity:0;display:none;animation:fadeIn .7s ease-in .7s forwards}.card p{display:block}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1}}