@font-face{font-family:Overpass;src:url(/font/Overpass-Bold.eot);src:url(/font/Overpass-Bold.eot?#iefix) format("embedded-opentype"),url(/font/Overpass-Bold.woff) format("woff"),url(/font/Overpass-Bold.ttf) format("truetype"),url(/font/Overpass-Bold.svg#Overpass-Bold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:Overpass;src:url(/font/Overpass-Regular.eot);src:url(/font/Overpass-Regular.eot?#iefix) format("embedded-opentype"),url(/font/Overpass-Regular.woff) format("woff"),url(/font/Overpass-Regular.ttf) format("truetype"),url(/font/Overpass-Regular.svg#Overpass-Regular) format("svg");font-style:normal;font-weight:600}@font-face{font-family:Overpass;src:url(/font/Overpass-Light.eot);src:url(/font/Overpass-Light.eot?#iefix) format("embedded-opentype"),url(/font/Overpass-Light.woff) format("woff"),url(/font/Overpass-Light.ttf) format("truetype"),url(/font/Overpass-Light.svg#Overpass-Light) format("svg");font-style:normal;font-weight:400}@font-face{font-family:Overpass;src:url(/font/Overpass-ExtraLight.eot);src:url(/font/Overpass-ExtraLight.eot?#iefix) format("embedded-opentype"),url(/font/Overpass-ExtraLight.woff) format("woff"),url(/font/Overpass-ExtraLight.ttf) format("truetype"),url(/font/Overpass-ExtraLight.svg#Overpass-ExtraLight) format("svg");font-style:normal;font-weight:300}body{margin:0;padding:0;font-family:Overpass,sans-serif;background-color:#fff}p{font-size:20px;line-height:1.2;margin:0;padding:4px 0;color:#333;text-align:center}a{text-decoration:underline;border:none;outline:none;color:#585858;transition:color .2s ease-in-out}a:hover{color:#95a5a6}.container{width:960px;margin:0 auto}img{border:none;outline:none;transition:opacity .2s ease-in-out}h1{font-size:48px;line-height:100%;color:#333;margin:0;padding:14px 0}h2{font-size:32px;line-height:100%;color:#444;margin:0;padding:10px 0}h3{font-size:28px;line-height:100%;color:#555;margin:0;padding:8px 0}h4{font-size:26px;line-height:100%;color:#666;margin:0;padding:6px 0}h5{font-size:24px;line-height:100%;color:#777;margin:0;padding:4px 0}h6{font-size:22px;line-height:100%;color:#888;margin:0;padding:4px 0}nav{margin:0 0 30px;overflow:auto;background:#333;border-bottom:4px solid #555;box-shadow:0 0 10px #555;display:block}nav img{height:64px;width:64px;padding:4px 0;float:left;opacity:1;vertical-align:bottom}nav img:hover{opacity:.6}nav ul{display:block;margin:0 auto;padding:20px 0;float:right;text-align:center}nav li{display:inline-block;margin:0;padding:7px 10px;list-style:none}nav li a{position:relative;text-decoration:none;color:#ccc}nav li a:hover{color:#fff}nav li a:after{width:0;height:0;position:absolute;content:"";display:block;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid transparent;left:50%;margin:4px 0 0 -4px;color:transparent;transition:all .2s ease-in-out;pointer-events:none}nav li a:hover:after{border-bottom:6px solid #FFF;color:#fff}nav .selected:after{border-bottom:6px solid #CCC;color:#ccc}.sectionbreak{width:100%;margin:40px auto;border-bottom:2px solid #333}.iconImage{width:96px;height:96px}div.pairs,div.thirds{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;margin-top:20px;margin-bottom:20px}div.pairs>div{width:460px;margin:10px 0;display:inline-block;text-align:center}div.thirds>div{width:300px;margin:10px 0;display:inline-block;text-align:center}section{text-align:center}.button{-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;color:#ccc;font-size:20px;background:#333;padding:10px 20px;text-decoration:none}.button:hover{background:#555;color:#fff;text-decoration:none}.left{text-align:left}.right{text-align:right}.center{text-align:center}.justify{text-align:justify}header{background-image:url(/img/home/header.jpg);background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:500px;margin:-30px 0 0}.topboxinner{background-color:#333;background:rgba(51,51,51,.85);padding:10px 20px;width:360px;height:220px;margin:auto;position:relative;top:130px;left:0;bottom:100px;right:0;text-align:center}.topboxinner h1,.topboxinner p{color:#ccc;text-align:center}.profile_image{border-radius:50%;height:150px;width:150px;border:4px solid #ddd;pointer-events:none}#cd-timeline *,#cd-timeline :after,#cd-timeline :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img{max-width:100%}.cd-container{width:90%;max-width:1170px;margin:0 auto}.cd-container:after{content:"";display:table;clear:both}#cd-timeline{position:relative;padding:2em 0;margin-top:2em;margin-bottom:2em}#cd-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:#ddd}@media only screen and (min-width: 1170px){#cd-timeline{margin-top:3em;margin-bottom:3em}#cd-timeline:before{left:50%;margin-left:-2px}}.cd-timeline-block{position:relative;margin:2em 0}.cd-timeline-block:after{content:"";display:table;clear:both}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}@media only screen and (min-width: 1170px){.cd-timeline-block{margin:4em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}.cd-timeline-img img{display:block;width:32px;height:32px;position:relative;left:50%;top:50%;margin-left:-16px;margin-top:-16px;pointer-events:none}.cd-timeline-img.cd-uni-green{background:#bfc973}.cd-timeline-img.cd-kks-red{background:#e76a7e}.cd-timeline-img.cd-sypo-purple{background:#ac8dbc}.cd-timeline-img.cd-dc-blue{background:#77bae7}.cd-timeline-img.cd-chestnut-brown{background:#d38b5c}@media only screen and (min-width: 1170px){.cd-timeline-img{width:60px;height:60px;left:50%;margin-left:-30px}}.cd-timeline-content{position:relative;margin-left:60px;background:#ddd;border-radius:.25em;padding:1em}.cd-timeline-content:after{content:"";display:table;clear:both}.cd-timeline-content h2{color:#303e49;font-size:1.5em}.cd-timeline-content p,.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:13px;font-size:.8125rem}.cd-date{text-align:left}.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{display:inline-block}.cd-timeline-content p{margin:1em 0;line-height:1.6}.cd-timeline-content .cd-read-more{float:right;padding:.8em 1em;background:#acb7c0;color:#fff;border-radius:.25em}.no-touch .cd-timeline-content .cd-read-more:hover{background-color:#bac4cb}.cd-timeline-content .cd-date{float:left;padding:.8em 0;opacity:.7}.cd-timeline-content:before{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #ddd}@media only screen and (min-width: 768px){.cd-timeline-content h2{font-size:20px;font-size:1.25rem}.cd-timeline-content p{font-size:16px;font-size:1rem}.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width: 1170px){.cd-timeline-content{margin-left:0;padding:1.6em;width:45%}.cd-timeline-content:before{top:24px;left:100%;border-color:transparent;border-left-color:#ddd}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-content .cd-date{position:absolute;width:100%;left:122%;top:6px;font-size:16px;font-size:1rem}.cd-timeline-block:nth-child(2n) .cd-timeline-content{float:right}.cd-timeline-block:nth-child(2n) .cd-timeline-content:before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#ddd}.cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more{float:right}.cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date{left:auto;right:122%;text-align:right}}.portfolioimg{width:60%;text-align:center;margin:24px 0 16px}.success{display:none;background-color:#2ecc71}.failure{display:none;background-color:#e74c3c}.form h3,.form p{text-align:center}form{width:70%;margin:30px auto 0;text-align:center;display:inline-block}input,label,textarea{width:100%;float:left;margin:0;padding:0;background:transparent}label{font-size:20px;margin-bottom:7px;color:#333}input{margin-bottom:20px;padding:7px 0;text-align:center}input,textarea{border:1px solid #AAA;transition:border-color .2s ease-in-out;outline:none}input:focus,textarea:focus{border-color:#666}textarea{width:100%;padding:7px 10px;box-sizing:border-box;resize:none}.captcha{display:inline-block;padding-top:20px}input.error,textarea.error{border-color:#cc4847}button[type=submit]{width:100%;padding:12px 0;font-size:16px;border:none;background:#333;color:#ddd;transition:background .2s ease-in-out;cursor:pointer;margin-top:20px}button[type=submit]:hover{background:#555;color:#fff}.info_container{margin:20px 0 0;display:block}.info_heading{border-top:3px solid #333;border-bottom:2px dotted #333;margin:0 0 10px}.info_heading h2{font-size:24px;color:#333;padding:6px 0}.info_body h3{font-size:18px;color:#444;padding:4px 0;text-align:center}.info_body p{font-size:16px;text-align:center}.info_education_item{width:317px;padding:10px 0;display:inline-block}.info_education_item_img{width:317px;height:72px;display:inline-block;text-align:center}.info_education_item_img img{width:64px;height:64px;vertical-align:middle;padding:0 0 8px}.info_education_item_content{width:317px;display:inline-block}.info_skills_item{width:477px;padding:10px 0;display:inline-block}.info_skills_item_img{width:80px;height:80px;padding:10px;display:inline-block;float:left;text-align:center}.info_skills_item_img img{width:80px;height:80px}.info_skills_item_content{width:362px;padding:10px 5px 0;display:inline-block}.info_skills_item_content p{text-align:justify}.education_item_img{display:block;margin:0 auto;height:80px;width:80px;padding:8px 10px}footer{background:#333;border-top:4px solid #555;box-shadow:0 0 10px #555;margin:60px 0 0}footer p{font-size:12px;color:#aaa;text-align:left}footer h2{font-size:16px;font-weight:500;padding:20px 0 8px;color:#bbb}footer a{color:#ccc}footer a:hover{color:#fff}footer img{width:36px;height:36px;padding:0 8px 0 0;opacity:.6}footer img:hover{opacity:1}footer .content{padding:4px 20px;display:inline-block;vertical-align:top}footer .quarter{width:197px}footer .half{width:437px}footer>div>div:last-child{padding:20px 0 12px;width:100%;display:block}footer>div>div:last-child p{text-align:center}@media only screen and (max-width: 1076px) and (min-width: 885px){.container{width:768px}div.thirds>div{width:236px}div.pairs>div{width:364px}.info_education_item,.info_education_item_img,.info_education_item_content{width:252px}.info_skills_item{width:381px}.info_skills_item_img{width:381px;padding:10px 0}.info_skills_item_content{width:381px;padding:0 0 10px}.info_skills_item_content p{text-align:center}footer .quarter{width:149px}footer .half{width:341px}}@media only screen and (max-width: 884px) and (min-width: 597px){.container{width:480px}div.thirds>div,div.pairs>div{width:100%;margin:20px 0;display:inline-block}div.thirds,div.pairs{display:inline-block}.topboxinner{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}form{width:100%}.info_education_item{width:480px;padding:10px 0 20px}.info_education_item_img,.info_education_item_content,.info_skills_item{width:480px}.info_skills_item_img{width:480px;padding:10px 0}.info_skills_item_content{width:480px;padding:0 0 10px}.info_skills_item_content p{text-align:center}footer .content{padding:4px 0}footer .quarter{width:237px}footer .half{width:480px}}@media only screen and (max-width: 596px){.container{width:300px}div.thirds,div.pairs>div{width:100%;margin:20px 0;display:inline-block}div.thirds,div.pairs{display:inline-block}nav{text-align:center}nav img{height:52px;width:52px;padding:6px 0;float:none}nav ul{padding:0 0 14px;float:none}nav li{padding:4px 8px}nav li a{font-size:14px}.topboxinner{padding:10px 20px;width:260px;height:250px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}form{width:100%}.info_education_item{width:300px;padding:10px 0 20px}.info_education_item_img,.info_education_item_content,.info_skills_item{width:300px}.info_skills_item_img{width:300px;padding:10px 0}.info_skills_item_content{width:300px;padding:0 0 10px}.info_skills_item_content p{text-align:center}footer .content{padding:4px 0}footer .quarter{width:300px}footer .half{width:300px}footer h1{padding:14px 0 6px}footer>div>div:last-child{padding:28px 0 12px;width:100%;display:block}}