:root{--main-color:#000;--main-color-hover:#fd4e4e;--text-primary:#151515;--text-secondary:#444;--primary-color:#fff;--secondary-color:#999;--color-text:#111;--color-bg:#FCFBFA;--color-link:#b19e7f;--color-link-hover:#000}body{font-family:'Poppins',sans-serif;font-weight:300;font-size:1rem;color:var(--color-text);background-color:var(--color-bg);margin:0;padding:0}html{font-size:16px;font-weight:400}@media screen and (min-width:1468px){html{font-size:24px}}@media screen and (min-width:1381px) and (max-width:1467px){html{font-size:20px}}@media screen and (min-width:1080px) and (max-width:1381px){html{font-size:18px}}@media screen and (min-width:768px) and (max-width:1080px){html{font-size:16px}}@media screen and (min-width:300px) and (max-width:767px){html{font-size:16px}}h1,h2,h3,h4,h5,h6{color:#000;padding:0;margin:0;font-weight:inherit}a{color:var(--main-color);text-decoration:none}a:hover{color:var(--main-color-hover);text-decoration:none}img{max-width:100%}.f-thin{font-weight:200!important}.f-light{font-weight:200!important}.f-regular{font-weight:300!important}.f-medium{font-weight:400!important}.f-bold{font-weight:700!important}.f-black{font-weight:700!important}.list-unstyle,.list-unstyle li{padding:0;margin:0;list-style:none}.left-text{text-align:left}.left-right{text-align:right}.ease3{transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease}.ease4{transition:all .4s ease;-ms-transition:all .4s ease;-moz-transition:all .4s ease}.outer_widet{width:100%;overflow:hidden}.layout{position:relative;z-index:1}.container{max-width:100%;width:100%;margin-left:auto;margin-right:auto}body{position:relative}.noisy{position:fixed;left:0;top:0;right:0;bottom:0;z-index:-1;display:block;width:100%;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-image:url(../img/noise.gif);background-size:100px 100px;opacity:.24}.o-scroll{background-color:transparent!important}header{width:100%;display:inline-block;position:fixed;top:0;z-index:101;padding:1.6rem 0;background-color:transparent;opacity:0;visibility:hidden;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both;transition:all .4s ease-in-out}html.is-ready header{opacity:1!important;visibility:visible;transition-delay:.4s;pointer-events:painted!important;-webkit-animation-name:slideInDown;animation-name:slideInDown}header.stick{padding:1rem 0;text-align:left;transition:all .4s ease-in-out;background:var(--primary-color)}.header-inner{display:flex;padding:0;width:100%;align-items:center}.header_right{width:80%;width:calc(100% - 200px);float:right;padding-left:170px;display:flex;align-items:center;position:relative}.header-inner .nav-main{min-width:480px;display:flex;align-items:center}.header-inner .nav-main ul{display:flex;align-items:center}.logo .icon{fill:var(--main-color)}.nav-main li{display:inline-block;padding:0 .6rem;padding-bottom:.4rem}.nav-main li a{padding:0 1.2rem;font-size:.7rem}.nav-main li a:hover{color:var(--main-color)}.nav-main li.logo{padding-right:6rem;padding-left:0;padding-bottom:0}.nav-main li.logo a{display:block;text-align:left;padding:0}.locality{margin-left:auto;font-size:.7rem;width:142px;text-align:right}.mob-header{position:fixed;left:0;top:1.4rem;width:100%}.mob-logo{float:left}.bt-menu{display:flex;align-items:center;position:fixed;right:26px;top:1.4rem;color:var(--main-color);color:var(--main-color)}.bt-menu-inner{display:flex;align-items:center;padding-right:0;position:relative}.bt-menu a{color:var(--main-color)}.open-menu .bt-menu a{color:var(--primary-color)}.bt-menu:hover{color:var(--main-color)}.open-menu .bt-menu:hover{color:var(--primary-color)}.bt-menu .ico-menu{margin-left:.4rem}.bt-menu .has-tablet{font-size:.86rem;letter-spacing:.4px;-webkit-transition:all .3s;transition:all .3s;min-width:2rem}.bt-menu .has-tablet:after{content:"Menu"}.bt-menu .has-tablet:before{content:"Close";opacity:0;visibility:hidden}.open .bt-menu .has-tablet:before{opacity:1;visibility:visible}.open .bt-menu .has-tablet:after{opacity:0;visibility:hidden}.bt-menu .has-tablet:after,.bt-menu .has-tablet:before{position:absolute;top:0;right:2rem;-webkit-transition:all .3s;transition:all .3s}.bt-menu .has-tablet.close{letter-spacing:.6px}.ico-menu{width:1.5rem;display:inline-block;position:relative}.ico-menu i{position:relative;left:0;top:0;margin:0;display:block;height:1.5px;background:var(--main-color);width:1.3rem;left:0;-webkit-transition:all .3s;transition:all .3s}.ico-menu i:nth-child(1){top:0;width:1.3rem;-webkit-transition:all .3s;transition:all .3s}.ico-menu i:nth-child(2){top:3px;width:1rem;-webkit-transition:all .3s;transition:all .3s}body.open .ico-menu i:nth-child(1){left:0;top:1px;margin:0;width:1rem;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}body.open .ico-menu i:nth-child(2){margin:0;width:1rem;top:-1px;left:0;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.open-menu,.open-menu .ico-menu i{background:var(--primary-color)}.bt-menu .close,body.open .bt-menu .menu{opacity:0;visibility:hidden;font-size:0}body.open .bt-menu .close,.bt-menu .menu{opacity:1;visibility:visible;font-size:.86rem}body.open .bt-menu .close{margin-right:.5rem}.header .mob-logo{width:2.2rem}.header .mob-logo a{display:block}.shd-line span{display:inline-block;position:relative}.banner_widget{width:100%;height:100vh;width:100%;display:inline-block}.banner_widget .container{display:flex;align-items:center;justify-content:center;position:relative;height:100vh}.banner_widget .main-head{padding:0;display:inline-block;position:relative}.main-head .shd-line{padding:5px 0}.slogan .shd-line .top-text{padding:1.2rem 2rem}.banner_widget .top-text{display:inline-block;position:relative}.banner_widget .slogan{position:relative;z-index:1}.slogan h1{font-size:9.2rem;line-height:1;text-align:center;position:relative}.slogan .top-caption{font-size:.96rem;display:block;text-align:center;color:var(--text-secondary);margin-top:.8rem}.slogan h5.top-caption span{position:relative;display:block;overflow:hidden;height:8rem}.slogan .top-text{display:block;position:relative;padding-right:2rem;display:inline-block}.slogan .top-text > div{position:relative;overflow:hidden;height:8rem}.slogan .main-head{position:relative}.text-circle>img{width:100%;height:100%;font-size:3rem}.intro-text-circle{position:absolute;right:-2.2rem;top:-1.9rem;z-index:2;opacity:0;visibility:hidden;padding:0;margin:0;width:7rem;height:7rem;line-height:7rem;transform:rotate(30deg)}.slogan .text-circle-default>svg{width:100%;line-height:100%;height:100%;font-size:2rem}.is-inview .intro-text-circle{opacity:1;visibility:visible}.scrollme{font-size:.7rem;position:absolute;left:10%;bottom:15px;color:var(--secondary-color);display:none}.scrollme i{display:inline-block;position:relative;width:5px;margin-left:5px}.work_widget{position:relative;z-index:2;padding-top:5rem;width:100%;display:inline-block;min-height:100vh}.work_widget .container{position:relative;min-height:100vh}.work_widget .list ul{width:100%;display:inline-block;padding:1rem 0 2rem;position:relative}.work_widget .list li{padding:.4rem 0;position:relative;z-index:1}.work_widget .list li a.menu__item{position:relative;z-index:1;display:flex;font-size:4.6rem;line-height:1.4;width:100%;padding:.8rem 0}.work_widget .list li a .menu__item-text{width:100%;max-width:73%;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu__item-textinner{width:100%}.work_widget a.view{float:right;color:#000;margin-top:0;font-size:1rem;opacity:0;visibility:hidden;margin-top:1rem;transition:transform .3s cubic-bezier(.215,.61,.355,1)}.work_widget .is-inview > a.view{opacity:1;visibility:visible;margin-top:0;transition:transform 1.2s cubic-bezier(.215,.61,.355,1)}.work_widget a.view .icon{display:inline-block;position:relative;width:.8rem}.content_widget{position:relative;width:100%;display:inline-block}.resume_inner{width:100%;display:inline-block;padding-top:0}.resume_inner h4{font-size:1.8rem;line-height:1.4;width:74%}.resume_inner .resume_list{padding-top:3rem;width:100%;display:inline-block;color:var(--color-text)}.resume_inner .resume_list span.year{width:540px;float:left;font-size:1.6rem;line-height:1.4;line-height:1;padding-top:.2rem;color:var(--color-text)}.resume_inner .resume_list .small_query{width:calc(100% - 540px);float:left;color:var(--text-secondary);max-width:46%}.resume_inner .resume_list .small_query p{padding:0;margin:0;font-size:1rem;line-height:2}.profession_widget{padding-top:6rem}.profession_widget .download_btn{position:relative;margin-top:2rem}.profession_widget .download{position:relative;padding:20px 30px;width:12rem;height:4rem;z-index:2;font-size:1.2rem;display:block;margin:0 auto;text-align:center}.profession_widget .download:before,.profession_widget .download:after{content:'';border:1px solid #000;z-index:1;border-radius:50%;display:block;margin:-4px 2px;position:absolute;left:0;top:0;right:0;bottom:0;transition:all .4s ease;-ms-transition:all .4s ease;-moz-transition:all .4s ease}.profession_widget .download:after{transform:rotate(14deg);-webkit-transform:rotate(24deg);-ms-transform:rotate(14deg);transition:transform .6s cubic-bezier(.215,.61,.355,1)}.profession_widget .download:before{transform:rotate(-25deg);-webkit-transform:rotate(-25deg);-ms-transform:rotate(-25deg);transition:transform .6s cubic-bezier(.215,.61,.355,1)}.profession_widget .is-inview > .download:after{transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transition:transform 2.4s cubic-bezier(.215,.61,.355,1)}.profession_widget .is-inview > .download:before{transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transition:transform 2.4s cubic-bezier(.215,.61,.355,1)}.profession_widget .download:hover:after{transform:rotate(4deg);-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);transition:transform .3s cubic-bezier(.215,.61,.355,1)}.profession_widget .download:hover:before{transform:rotate(-14deg);-webkit-transform:rotate(-14deg);-ms-transform:rotate(-14deg);transition:transform .3s cubic-bezier(.215,.61,.355,1)}.profession_widget .download .text,.profession_widget .download .icon{position:absolute;left:50%;top:50%;z-index:1;display:block;width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.profession_widget .download .icon img{width:2rem}.profession_widget .download .icon,.profession_widget .download:hover .text{opacity:0;visibility:hidden}.profession_widget .download:hover .icon{opacity:1;visibility:visible}.contact_widget{padding-top:2rem}.section_contact{text-align:center;padding-top:2rem}.section_contact h3{font-size:5rem;margin-top:6%;margin-bottom:2%}.section_contact h3 span{display:block;line-height:1.2}.section_contact span.email{display:inline-block;border-bottom:1.5px solid var(--color-text);font-size:1.6rem;margin-top:.2rem}.section_contact span.email a{line-height:1.8;color:var(--color-text)}.quickcontact_widget{text-align:center;padding-top:0;position:relative;padding-bottom:4rem}.quickcontact_widget .contact_area{padding-bottom:2rem;font-size:2rem;margin-top:1.8rem}.quickcontact_widget .contact_number{display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}.quickcontact_widget .contact_number span,.social_contact a{padding:0 3rem;position:relative;font-size:2.2rem}.contact_number span.in_numbr:after,.social_contact a:after{content:"";position:absolute;right:-.3rem;top:50%;background:#000;width:.5rem;height:.5rem;border-radius:100%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%)}.social_contact a:last-child:after{display:none}.quickcontact_widget .social_contact{display:flex;align-items:center;justify-content:center}.quickcontact_widget .copyright{position:relative;font-size:1rem}.star{display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:2rem}.star .icon{font-size:1rem;width:.8rem;margin:0 .1rem}.quickcontact_widget .copytext{font-size:.6rem;text-transform:uppercase}.desk-hide{display:none!important}@media screen and (max-width: 1064px){.layout_inner{padding-right:80px;padding-left:80px}}@media screen and (min-width: 992px){header{height:100px}.bt-menu{display:flex;align-items:flex-end}header.stick{height:2rem}.layout_inner{padding-right:40px;padding-left:40px}.desk-hide{display:none!important}.bt-menu{display:none}}@media screen and (min-width: 1260px){.layout_inner{padding-right:70px;padding-left:70px}}@media screen and (min-width: 1460px){.layout_inner{padding-right:120px;padding-left:120px}header{padding:2.6rem 0 1.6rem}.logo .icon{width:46px!important;height:46px!important}}@media screen and (max-width: 991px){.header-inner{display:inline-block}header{transition:all .2s ease-in-out;-moz-animation-duration:.25s;-webkit-animation-duration:.25s;animation-duration:.25s}header.stick{transition:all .4s ease-in-out;-moz-animation-duration:.25s;-webkit-animation-duration:.25s;animation-duration:.25s}html.is-ready header{transition-delay:0}.bt-menu{float:right}.header-inner .nav-main{width:100%;min-width:100%;display:inline-block}.header-inner .nav-main ul{display:inline-block}.logo .icon{width:30px;height:30px}body.open .logo .icon{fill:var(--primary-color)}body.open .logo-white{opacity:1;visibility:visible;height:auto}header{height:2rem;overflow:hidden;padding:1rem 0}body.open header{height:100%;background:var(--text-primary);display:flex;align-items:center}body.open .bt-menu{color:#FFF}body.open .ico-menu i{background:var(--primary-color)}body.open .nav-main li a{color:var(--primary-color)}body.open .bt-menu:hover{color:var(--primary-color)}.work_widget,.work_widget .container{min-height:100%}.work_widget .list ul{padding:1rem 0 2rem}.nav-main li a{padding:0}.nav-main li{padding:.9rem 0}.header-inner .nav-main ul{padding-top:2rem}.nav-main li.logo a{text-align:left;line-height:1}.c-summary_list li.logo{position:fixed;left:26px;top:0;padding:0}.work_widget .list li a.menu__item{font-size:2.6rem}.work_widget .list li a .menu__item-text{max-width:90%}.work_widget .list li a.menu__item{line-height:1.2;padding:.6rem 0}header{padding:1.2rem 0}header.stick{padding:.8rem 0}.layout_inner{padding-right:26px;padding-left:26px}.desk-hide{display:block!important}.mob-hide{display:none!important}.header-inner .container{display:inline-block;width:100%}.header_right{padding-left:0}.header_right .nav-main{opacity:0;visibility:hidden;width:auto;z-index:1001;font-size:0;line-height:0;overflow:hidden}.header_right.open-menu .nav-main{opacity:1;visibility:visible;width:100%;font-size:1rem;line-height:1;z-index:200}.header_right .mob-logo{opacity:0;visibility:hidden}.header_right.open-menu .mob-logo{opacity:1;visibility:visible}.nav-main li{width:100%}.nav-main li a{display:block;text-align:center;font-size:3.4rem}.slogan h1{font-size:6rem}.intro-text-circle{position:absolute;right:-1.2rem;top:-1.6rem;width:6rem;height:6rem;line-height:6rem;transform:rotate(20deg)}.section_contact h3{font-size:5rem}.slogan .top-caption{line-height:1.8;max-width:260px;width:100%;margin:0 auto;margin-top:.9rem}.resume_inner h4{width:100%;display:block}.resume_inner .resume_list .small_query,.quickcontact_widget .social_contact{width:100%;display:block;max-width:100%}.quickcontact_widget .contact_number{display:inline-block;width:100%;max-width:100%}.quickcontact_widget .contact_number span,.social_contact a{display:block;width:100%;padding:.4rem 0}.quickcontact_widget .social_contact{margin-top:.8rem}.work_widget .list li{font-size:2rem;padding:.4rem 0}.resume_inner .resume_list span.year{padding-bottom:1.8rem}.quickcontact_widget .contact_number span,.social_contact a{padding:.2rem 0;margin:1.2rem 0;font-size:1.6rem;line-height:1}.contact_number span.in_numbr:after,.social_contact a:after{left:50%;top:inherit;bottom:-.8rem;width:.35rem;height:.35rem;transform:translate(0,0%);-webkit-transform:translate(0,0%);-ms-transform:translate(0,0%)}.section_contact h3{font-size:2.6rem}.section_contact{padding-top:2.8rem}.section_contact span.email{margin-top:.8rem}.star .icon{width:1rem}.quickcontact_widget .copytext{margin-top:.8rem;font-size:.7rem}.quickcontact_widget .copytext span{display:block}}@media screen and (max-width: 580px){.work_widget .list li a.menu__item{font-size:2.2rem}.work_widget .list li a .menu__item-text{max-width:80%}.logo{width:42px}.slogan h1{font-size:4.6rem}.intro-text-circle{position:absolute;right:-1.2rem;top:-1.8rem;width:5rem;height:5rem;line-height:6rem;transform:rotate(18deg)}.work_widget .list li{font-size:1.6rem;padding:.2rem 0}}@media screen and (max-width: 360px){.slogan h1{font-size:4rem}.intro-text-circle{width:4.5rem;height:4.5rem}.resume_inner h4{font-size:1.6rem}.section_contact h3{font-size:2.2rem}.section_contact span.email{font-size:1.4rem}}