@font-face{font-family:'Raleway';src:url("../assets/fonts/raleway-regular-webfont.woff2") format("woff2"),url("../assets/fonts/raleway-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'Raleway-bold';src:url("../assets/fonts/raleway-bold-webfont.woff2") format("woff2"),url("../assets/fonts/raleway-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'Rock-Salt';src:url("../assets/fonts/rocksalt-regular-webfont.woff2") format("woff2"),url("../assets/fonts/rocksalt-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}.padding0{padding:0 !important}.margin0,#margin0{margin:0 !important}.columns{margin:0 !important}.isflex{display:flex}.isblackbox{background:#32373B}.isgreenbox{background:#0F7173}.isyellowbox{background:#E3B505}.leftwrapper{padding-left:15vh}.rightwrapper{padding-right:15vh}.greentxt{color:#0F7173}.yellowtxt{color:#E3B505}.whitetxt{color:#fff}i.fa-angle-double-right{padding-left:10px;font-size:20px}html{cursor:none;scroll-behavior:smooth}body{font-family:"Raleway",san-serif !important;letter-spacing:0.1rem;width:100%;height:100%;position:relative;font-size:14px}header{height:100vh}header .navbar{margin:50px 0;position:absolute;top:0;width:100%;background:transparent;clear:both;padding:0 15vh}header .navbar .navbar-brand{position:relative}header .navbar .navbar-brand .navbar-item{align-items:flex-end;display:flex}header .navbar .navbar-brand .navbar-item .brandletter{position:absolute;color:#e7e9eb;font-size:40px;font-family:"Rock-Salt",cursive !important;z-index:1}header .navbar .navbar-brand .navbar-item h1{font-family:"Raleway",san-serif !important;color:#0F7173;font-weight:800;font-size:20px;position:relative;z-index:2;margin-left:20px;line-height:19px}header .navbar .navbar-brand .navbar-item h1 span{color:#E3B505;display:block}header .navbar .navbar-menu .navbar-end a{padding:0 50px;font-size:13px;color:white;text-transform:uppercase;font-weight:600}header .navbar .navbar-menu .navbar-end a:hover,header .navbar .navbar-menu .navbar-end a:focus{-webkit-mask-image:linear-gradient(-75deg, rgba(0,0,0,0.6) 30%, #000 50%, rgba(0,0,0,0.6) 70%);-webkit-mask-size:200%;animation:shine 2s infinite;background-color:transparent !important}header .navbar .navbar-menu .navbar-end a.active{color:#0F7173}header .navbar .navbar-menu .navbar-end a:last-child{padding-right:0}header .header-contents .columns{height:100vh;overflow:hidden}header .header-contents .columns .homeimgs{background:url(../assets/images/home.svg) no-repeat;background-size:cover}header .header-contents .boxes ul{display:block;width:100%;height:inherit;list-style-type:none}header .header-contents .boxes ul li{animation:animate 15s linear 1s infinite}header .header-contents .boxes ul li:nth-child(1){position:absolute;left:20%;height:70px;width:70px;background:rgba(15,113,115,0.2)}header .header-contents .boxes ul li:nth-child(2){position:absolute;left:30%;height:45px;width:45px;background:rgba(227,181,5,0.2)}header .header-contents .boxes ul li:nth-child(3){position:absolute;left:40%;height:30px;width:30px;background:rgba(189,191,178,0.2)}header .header-contents .boxes ul li:nth-child(4){position:absolute;left:10%;height:20px;width:20px;background:rgba(50,55,59,0.2)}header .header-contents .justifycentertitle{display:flex;align-items:center;justify-content:flex-start;height:100%}header .header-contents .justifycentertitle .hello-text{padding:40px 60px;position:absolute;left:15vh;margin-top:15vh}header .header-contents .justifycentertitle .hello-text .header-cover-info p{font-size:20px;color:#BDBFB2;margin-bottom:30px;font-weight:600}header .header-contents .justifycentertitle .hello-text .header-cover-info p i{color:#0F7173;padding-left:5px}header .header-contents .justifycentertitle .hello-text .header-cover-info .maintitletext{font-family:"Raleway-bold",san-serif !important;font-size:75px;color:#fff;letter-spacing:0.02em;line-height:60px}header .header-contents .justifycentertitle .hello-text .header-cover-info h4{font-weight:bolder;font-size:40px;color:#BDBFB2}header .header-contents .justifycentertitle .hello-text .header-cover-info .btn_basic{padding:20px 40px;border:none;box-shadow:0px 4px 4px rgba(0,0,0,0.25)}header .header-contents .justifycentertitle .hello-text .header-cover-info .btn_basic a{color:white;font-weight:600;font-size:20px}header .header-contents .justifycentertitle .hello-text .header-cover-info .btn_basic.yellowbtn{background:#E3B505;margin-top:40px}header .header-contents .justifycentertitle .hello-text .header-cover-info .btn_basic i{padding-left:5px}header .header-contents .justifycentertitle .hello-text .social-icons{margin-top:10vh}header .header-contents .justifycentertitle .hello-text .social-icons ul{padding:0;margin:0;display:flex}header .header-contents .justifycentertitle .hello-text .social-icons ul li{list-style-type:none;padding:0 5px}header .header-contents .justifycentertitle .hello-text .social-icons ul li a{color:#fff;font-size:15px}main section .section-title{display:flex;align-items:center}main section .section-title h2{position:relative;right:50px;font-weight:800;font-size:25px;color:#0F7173;text-transform:uppercase}main section .section-title h2 i{color:#E3B505;padding-left:10px}main section .section-title.whitetxt h2{color:#fff}main section.about-section .basicboxes{padding:10vh 0}main section.about-section .basicboxes .leftwrapper .section-intro-img{position:relative;padding:10vh;left:13vh}main section.about-section .basicboxes .leftwrapper .section-intro-img .border-external{width:300px;height:300px;border:4px solid #E3B505}main section.about-section .basicboxes .leftwrapper .section-intro-img .border-external .img-internal{position:relative;left:3vh;top:3vh}main section.about-section .basicboxes .leftwrapper .section-intro-img .border-external .img-internal img{width:300px;height:300px;object-fit:cover;box-shadow:0px 4px 4px rgba(0,0,0,0.25);filter:grayscale(100%)}main section.about-section .basicboxes .rightwrapper{height:100%}main section.about-section .basicboxes .rightwrapper .info-about{display:flex;justify-content:center;align-items:center;padding:0 10vh 0 30vh;height:100%}main section.about-section .basicboxes .rightwrapper .info-about p{font-size:18px;color:#fff;margin-bottom:6vh}main section.about-section .basicboxes .rightwrapper .info-about p i{padding-left:10px}main section.about-section .basicboxes .rightwrapper .info-about .skills-section .progress-section{width:500px;margin-bottom:25px}main section.about-section .basicboxes .rightwrapper .info-about .skills-section .progress-section .sec-title{font-size:14px;color:#fff}main section.about-section .basicboxes .rightwrapper .info-about .skills-section .progress-section .progress{border-radius:0;margin:5px 0}main section.about-section .basicboxes .rightwrapper .info-about .skills-section .progress-section .progress.is-warning::-webkit-progress-value{background-color:#E3B505}main section.about-section .basicboxes .rightwrapper .info-about .link-btn-default{margin-top:5vh}main section.about-section .basicboxes .rightwrapper .info-about .link-btn-default a{font-size:16px;font-weight:600;display:flex;align-items:center}main section.about-section .basicboxes .rightwrapper .info-about .link-btn-default a:hover{color:#12878a}main section.resume-section .basicboxes{padding:10vh 0}main section.resume-section .basicboxes.hasbackgorund{background:url(../assets/images/resume.jpg) no-repeat;background-size:cover;display:flex;align-items:flex-end}main section.resume-section .basicboxes .leftwrapper .resume-timeline{padding:10vh 0}main section.resume-section .basicboxes .leftwrapper .resume-item-box{position:relative;width:600px;background:#32373B;border:1px solid #E3B505;border-right:10px solid #E3B505;padding:6vh;margin-bottom:10vh;box-shadow:0px 4px 4px rgba(0,0,0,0.25)}main section.resume-section .basicboxes .leftwrapper .resume-item-box .resumepanel h5{font-weight:800;font-size:16px;color:#fff}main section.resume-section .basicboxes .leftwrapper .resume-item-box .resumepanel h6{font-weight:800;font-size:15px;color:#0F7173;padding-bottom:10px}main section.resume-section .basicboxes .leftwrapper .resume-item-box .resumepanel span{display:block;color:#BDBFB2}main section.resume-section .basicboxes .leftwrapper .resume-item-box:nth-child(2){left:50%}main section.resume-section .basicboxes .leftwrapper .resume-item-box:nth-child(3){left:70%}main section.resume-section .basicboxes .leftwrapper .resume-item-box:nth-child(4){left:20%}main section.resume-section .basicboxes .rightwrapper{padding-left:30px;width:800px}main section.resume-section .basicboxes .rightwrapper p{color:#fff;font-size:15px}main section.education-section .basicboxes{padding:10vh 0}main section.education-section .basicboxes.hasbackgorund{background:url(../assets/images/education.jpg) no-repeat;background-size:cover}main section.education-section .basicboxes .leftwrapper .resume-timeline{padding:20vh 0 10vh 0}main section.education-section .basicboxes .leftwrapper .resume-item-box{position:relative;width:600px;background:#fff;border:1px solid #0F7173;border-right:10px solid #0F7173;padding:6vh;margin-bottom:10vh;box-shadow:0px 4px 4px rgba(0,0,0,0.25)}main section.education-section .basicboxes .leftwrapper .resume-item-box .resumepanel h5{font-weight:800;font-size:16px;color:#32373B}main section.education-section .basicboxes .leftwrapper .resume-item-box .resumepanel h6{font-weight:800;font-size:15px;color:#E3B505;padding-bottom:10px}main section.education-section .basicboxes .leftwrapper .resume-item-box .resumepanel span{display:block;color:#BDBFB2}main section.education-section .basicboxes .leftwrapper .resume-item-box:nth-child(1){left:70%}main section.education-section .basicboxes .leftwrapper .resume-item-box:nth-child(2){left:50%}main section.education-section .basicboxes .leftwrapper .resume-item-box:nth-child(3){left:20%}main section.education-section .basicboxes .leftwrapper .resume-item-box:nth-child(4){left:40%}main section.education-section .basicboxes .leftwrapper .resume-item-box:nth-child(5){left:70%}main section.education-section .basicboxes .rightwrapper{padding-left:30px;width:800px}main section.education-section .basicboxes .rightwrapper p{color:#fff;font-size:15px}main section.projects-section .basicboxes{padding:10vh 0;min-height:920px}main section.projects-section .filtercontent{width:100vw;margin:0 auto;padding:0px;text-align:center;left:-55%;background:rgba(218,198,26,0.5);padding:15px 0}main section.projects-section .filtercontent .item{margin:0 3px}main section.projects-section .filtercontent .item img{width:290px;height:100%;filter:grayscale(100%)}main section.projects-section .filtercontent .item .content-overlay{background:rgba(0,0,0,0.7);position:absolute;height:99%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s}main section.projects-section .filtercontent .item .content-details{position:absolute;text-align:center;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}main section.projects-section .filtercontent .item:hover .content-overlay{opacity:1}main section.projects-section .filtercontent .item:hover .content-details{top:50%;left:50%;opacity:1}main section.projects-section .filtercontent .item:hover .content-details h3{color:#fff;font-weight:700;letter-spacing:0.15em;margin-bottom:20px;text-transform:uppercase}main section.projects-section .filtercontent .item:hover .content-details p{color:#fff;margin-bottom:5px;font-size:14px}main section.projects-section .filtercontent .item:hover .content-details small{color:#BDBFB2;font-weight:700;font-size:11px}main section.projects-section .filtercontent .item:hover .content-details a{color:#E3B505;font-weight:700}main section.projects-section .filtercontent .item:hover img{filter:none}main section.projects-section .filtercontent .item .fadeIn-left{left:20%}main section.projects-section .filters{text-align:right;margin-bottom:10vh}main section.projects-section .filters ul{list-style:none;padding:30px 0 20px 0}main section.projects-section .filters ul li{display:inline;padding:10px 25px;font-weight:700;color:#fff;font-size:15px;cursor:pointer;text-transform:uppercase;letter-spacing:.2em}main section.projects-section .filters ul li:hover{color:#0F7173}main section.projects-section .filters ul li.active{color:#0F7173;border:1px solid #0F7173}main section.contact-section .basicboxes{padding:10vh 0}main section.contact-section .contact-box{position:relative;right:30px;margin-top:125px}main section.contact-section .contact-box .has-padding .icon-box{background:#E3B505;padding:10px 16px}main section.contact-section .contact-box .has-padding .icon-box img{display:block;padding:20px 0}main section.contact-section .contact-box .has-padding .details-box{padding-left:10px;color:#fff}main section.contact-section .contact-box .has-padding .details-box .address{padding:25px 0}main section.contact-section .contact-box .has-padding .details-box h5{font-weight:bold;font-size:14px}main section.contact-section .contact-box .has-padding .details-box p{font-size:12px;margin-bottom:10px}main section.contact-section .contact-box .has-padding .details-box a{color:#fff}main section.contact-section .contact-box .social-icons{margin-top:10vh}main section.contact-section .contact-box .social-icons ul{padding:0;margin:0;display:flex}main section.contact-section .contact-box .social-icons ul li{list-style-type:none;padding:0 5px}main section.contact-section .contact-box .social-icons ul li a{color:#fff;font-size:15px}footer .footer-content{background:url(../assets/images/footer.png) no-repeat;background-size:cover;background-attachment:fixed;height:100%;padding:7vh 0}footer .footer-content .top-links{width:100%;text-align:center;border-bottom:1px solid #BDBFB2}footer .footer-content .top-links .navbar-center{justify-content:center;padding:35px 0}footer .footer-content .top-links .navbar-center a{padding:10px 20px;color:#BDBFB2}footer .footer-content .top-links .navbar-center a:hover{color:#fff;background:none}footer .footer-content .bootom-section{width:100%;text-align:center;padding:40px 0 0 0}footer .footer-content .bootom-section p{color:#E3B505}canvas{position:fixed;top:0;left:0;padding:0;margin:0;z-index:9999;pointer-events:none}#scrollTop{display:flex;align-items:center;justify-content:center;background-color:#000;width:50px;height:50px;text-align:center;border-radius:4px;position:fixed;bottom:30px;right:30px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:998;color:#E3B505}#scrollTop:hover{cursor:pointer;background-color:#010101}#scrollTop:active{background-color:#000}#scrollTop.show{opacity:1;visibility:visible}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#BDBFB2}::-webkit-scrollbar-thumb{background:#000}.fullpage-loader{position:fixed;top:0;left:0;height:100vh;width:100%;overflow:hidden;background:#fff;z-index:99999;opacity:1;transition:opacity 0.5s;display:flex;justify-content:center;align-items:center}.fullpage-loader .fullpage-loader__logo{position:relative}.fullpage-loader .fullpage-loader__logo:after{content:"";height:100%;width:100%;position:absolute;top:0;left:0;animation:load 2.5s infinite cubic-bezier(0.42, 0, 0.58, 1);background:rgba(255,255,255,0.8);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 50%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 50%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 50%, rgba(255,255,255,0) 100%)}.fullpage-loader--invisible{opacity:0}.hvr-grow{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow, transform;transition-property:box-shadow, transform}.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes animate{from{transform:translateY(1500%) rotate(180deg)}to{transform:translateY(-150%) rotate(360deg)}}@keyframes load{0%{transform:translateX(-100%) skew(-30deg)}100%{transform:translateX(200%) skew(-30deg)}}