:root{--text-header-color:#40424a;--text-color:#808181;--text-color-subtle:#838488;--text-color-emphasis:#ffffff;--text-color-hero-info:#9c9b9b;--text-color-review:#505259;--link-color:#484848;--input-color:#cacaca;--background-main:#ffffff;--background-header:#f2f7f8;--background-social:#f9f9f9;--background-footer:#40424a}@media (prefers-color-scheme:dark){:root{--text-header-color:#d2d2d2;--text-color:#cacaca;--text-color-subtle:#cacaca;--link-color:#0f0f0f;--input-color:#0f0f0f;--background-main:#484848;--background-header:#2d2d2d;--background-social:#2d2d2d}}body,html{height:100%;font-family:'Josefin Sans',sans-serif;background:var(--background-main)}h1,h2,h3,h4,h5,h6{color:var(--text-header-color);margin:0;font-weight:600;font-family:'Josefin Sans',sans-serif}h2{font-size:48px}h3{font-size:30px}p{font-size:18px;color:var(--text-color);line-height:1.8}img{max-width:100%}button:focus,input:focus,select:focus,textarea:focus{outline:0}a:focus,a:hover{text-decoration:none;outline:0}ol,ul{padding:0;margin:0}.spad{padding-top:125px;padding-bottom:110px}.section-title h2{display:inline-block;position:relative;margin-bottom:110px;padding-bottom:2px;line-height:normal}.section-title h2:after{position:absolute;content:'';width:100%;height:2px;left:0;bottom:0;background:var(--text-header-color)}.set-bg{background-repeat:no-repeat;background-size:cover}.site-btn{display:inline-block;text-transform:uppercase;font-size:12px;min-width:213px;min-height:20px;text-align:center;padding:20px 10px 15px;position:relative;background-color:var(--text-color-emphasis);margin-right:10px;border:2px solid var(--text-header-color);color:var(--text-header-color);font-weight:700}.site-btn:hover{color:var(--text-header-color)}.circle-progress{text-align:center;padding-top:30px;display:inline-block}.circle-progress .prog-circle{margin-bottom:-160px}.circle-progress canvas{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.circle-progress .progress-info{background:var(--background-header);width:127px;height:127px;border-radius:150px;margin:0 auto;padding-top:45px}.circle-progress .progress-info h2{font-size:36px;color:var(--text-header-color)!important}.circle-progress .prog-title{text-align:center;margin-top:55px}.circle-progress .prog-title h3{font-size:16px;text-transform:uppercase}.circle-progress .prog-title p{font-size:15px;color:var(--text-color)!important}.img-popup-warp .mfp-content,.img-popup-warp.mfp-ready.mfp-removing .mfp-content{opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.img-popup-warp.mfp-ready .mfp-content{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.fact-box{height:375px;display:table;width:100%;background:var(--text-header-color)}.fact-box.trans{background-color:transparent}.fact-box .fact-content{display:table-cell;vertical-align:middle;text-align:center}.fact-box .fact-content img{width:60px;margin-bottom:30px}.fact-box .fact-content h2{font-size:36px;color:var(--text-color-emphasis)}.fact-box .fact-content p{color:var(--text-color-emphasis);margin-bottom:0}.single-progress-item{margin-bottom:35px;position:relative}.single-progress-item p{color:var(--text-header-color);margin-bottom:0;font-weight:600}.progress-bar-style{display:block;height:2px;position:relative;width:100%;margin-bottom:10px}.bar-inner{position:absolute;height:100%;left:0;top:0;background:var(--text-header-color)}.bar-inner span{position:absolute;right:0;bottom:-30px;color:var(--text-header-color);font-weight:600}.language-progress{max-width:280px;list-style:none}.language-progress li{font-size:24px;position:relative;padding-right:150px;margin-bottom:30px}.language-progress .lan-prog{position:absolute;right:0;top:0}.language-progress .lan-prog span{width:12px;height:12px;display:inline-block;margin-right:18px;border-radius:12px;background:var(--text-header-color)}.language-progress .lan-prog span.fade-ele{background:var(--input-color)}.icon-box{text-align:center;display:inline-block;margin-right:60px}.icon-box:last-child{margin-right:0}.icon-box i{font-size:60px}.icon-box p{color:var(--text-header-color)}.social-links a{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.header-section{padding:50px 40px;background:var(--background-header)}.site-logo h2{font-size:36px}.site-logo h2 a{color:var(--text-header-color)}.site-logo p{font-size:14px;line-height:normal}.header-buttons a{margin-top:15px}.hero-section{background:0 0}.hero-text{margin-bottom:80px}.hero-text h2{font-size:170px;line-height:normal;margin-bottom:20px}.hero-text p{font-size:33px;line-height:1.3}.hero-image{padding-top:70px}.hero-info h2{margin-bottom:30px}.hero-info ul{list-style:none}.hero-info ul li{font-size:24px;color:var(--text-color);margin-bottom:15px}.hero-info ul li span{color:var(--text-header-color);display:inline-block;min-width:220px}.hero-info ul li:last-child{margin-bottom:0}.social-section{background:var(--background-social);padding:80px 0}.social-section .social-links{display:inline-block;background:var(--background-social);position:relative;z-index:5}.social-section .social-links a{color:var(--link-color);font-size:36px;margin-right:40px}.social-section .social-link-warp{position:relative}.social-section .social-link-warp h2{display:inline-block;float:right;font-weight:400;padding-left:30px;background:var(--background-social);position:relative;z-index:5}.social-section .social-link-warp:after{position:absolute;content:'';width:50%;height:2px;left:23%;top:50%;margin-top:1px;background:var(--input-color)}.resume-list{list-style:none;margin-left:60px;padding-left:110px;border-left:2px solid var(--text-header-color)}.resume-list li{margin-bottom:120px;position:relative}.resume-list li:last-child{margin-bottom:0}.resume-list li:after{position:absolute;content:'';width:15px;height:15px;border:2px solid var(--text-header-color);border-radius:50px;background:var(--input-color);top:30px;left:-118px}.resume-list h2{font-size:72px;margin-bottom:10px}.resume-list h4{font-size:16px;text-transform:uppercase;color:var(--text-color);margin-top:10px;margin-bottom:45px}.resume-list p{margin-bottom:0}.review-slider{padding-left:150px}.review-slider .owl-dots{position:absolute;left:50px;top:70px}.review-slider .owl-dots .owl-dot{width:12px;height:12px;border:2px solid var(--text-header-color);border-radius:50px;background:var(--input-color);margin-bottom:15px}.review-slider .owl-dots .owl-dot.active{background:var(--text-header-color)}.single-review .qut{font-size:120px;line-height:0;color:var(--text-color-review);margin-top:60px}.single-review p{margin-bottom:40px}.single-review h3{font-size:24px;margin-bottom:10px}.single-review h4{font-size:16px}.portfolio-warp{padding:0 60px}.portfolio-item h2{font-size:24px;margin-bottom:5px}.portfolio-item p{font-size:14px;margin-bottom:0}.portfolio-item .port-pic{margin-bottom:30px;display:block;height:480px;background:#333 center center;background-size:cover;overflow:hidden;position:relative}.portfolio-item .port-pic:after{position:absolute;content:'';left:0;bottom:0;width:100%;height:0;background:#000;opacity:0;z-index:2;-webkit-transition:all .4s cubic-bezier(.55,.09,.68,.53) 0s;-o-transition:all .4s cubic-bezier(.55,.09,.68,.53) 0s;transition:all .4s cubic-bezier(.55,.09,.68,.53) 0s}.portfolio-item:hover .port-pic:after{opacity:.8;height:100%;top:0}.contact-form{display:block;width:100%}.contact-form input{background-color:transparent;padding-left:25px;height:60px;width:100%;border:none;border-bottom:2px solid var(--input-color);margin-bottom:30px;font-size:13px}.contact-form textarea{padding-left:25px;height:200px;width:100%;border:none;border-bottom:2px solid var(--input-color);margin-bottom:30px;font-size:13px;background-color:transparent}.contact-form ::-webkit-input-placeholder{font-style:italic}.contact-form :-ms-input-placeholder{font-style:italic}.contact-form ::-ms-input-placeholder{font-style:italic}.contact-form ::placeholder{font-style:italic}.footer-section{background:var(--background-footer);padding:20px 0;margin-top:5rem}.copyright{padding-top:5px;font-size:12px;color:var(--text-color-subtle);line-height:normal}@media only screen and (max-width:1600px){.hero-text h2{font-size:120px}}@media only screen and (max-width:1366px) and (min-width:1200px){.container-warp{min-width:80%;margin-left:10%}.hero-info ul li span{min-width:180px}.portfolio-item .port-pic{height:310px}}@media only screen and (min-width:992px) and (max-width:1199px){.portfolio-warp{padding:0}.portfolio-item .port-pic{height:310px}.portfolio-item{margin-bottom:30px}}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-warp{padding:0}.hidden-md{display:none!important}.icon-box{margin-right:30px}.social-section .social-links{display:block;text-align:center}.social-link-warp:after{display:none}.portfolio-item{margin-bottom:30px}.info-section .hero-info ul li span{color:var(--text-color-hero-info)}.hero-info ul li{margin-bottom:30px}.hero-info ul li span{display:block}}@media only screen and (max-width:767px){.icon-box{margin-right:30px;text-align:left}.hero-text h2{font-size:80px}.portfolio-warp{padding:0}.hidden-md{display:none!important}.resume-list{margin-left:0;padding-left:0;border-left:none}.review-slider{padding-left:0}.review-slider .owl-dots{position:relative;left:0;top:70px}.review-slider .owl-dots .owl-dot{display:inline-block;margin-right:15px}.portfolio-item{margin-bottom:30px}.fact-box{margin-bottom:30px}.header-section{padding:50px 0}.social-section .social-links{display:block;text-align:center}.info-section .hero-info ul li span{color:var(--text-color-hero-info)}}@media only screen and (max-width:479px){.hero-text h2{font-size:50px}.hero-info ul li{font-size:18px}.hero-info ul li span{display:block}.social-section .social-links a{margin-right:30px}.resume-list h2{font-size:50px}.portfolio-item{margin-bottom:30px}}@media (prefers-color-scheme:dark){img{opacity:.75;transition:opacity .5s ease-in-out}img:hover{opacity:1}}@media print{.spad{padding:0 0 80px 0}.section-title h2{margin-bottom:20px}.circle-progress{padding-top:0}.pt-5,.py-5{padding-top:0!important}.resume-list li{margin-bottom:50px}.resume-list h2{font-size:30px}h1{font-size:4rem;margin-bottom:30px}h2{font-size:40px}.hero-image-col,.portfolio-section,.social-section,footer,header{display:none}.extra-section,.resume-section{page-break-after:always}.hero-text{width:60%;float:left;margin-bottom:0}.hero-text p{font-size:25px}.hero-info{width:37%;float:right;margin-bottom:0}.hero-info ul li{font-size:20px}.hero-info ul li span{min-width:140px}}