.item-bottom,.lb-data .lb-caption{font-weight:400}#contact h3.title,#menu-top li.menu-item,h4{text-transform:uppercase}#contact button.phone,#phone-item button.phone,.customer,.eff-zoom,.item-bottom,.item-top,.modal,.modal_close,.text-center{text-align:center}.bg-contact p,.quotes{font-style:italic}.list-bar,li{list-style:none}.item-bottom,body{font-size:16px;color:#333}#header{background:#fff;position:fixed;z-index:9999;width:100%;height:70px;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;-o-border-box-shadow:0 0 10px #000}#logo-top{display:inline-block}#header #logo-top h1{line-height:70px}#header #logo-top img{width:126px}#menu-top{padding:0}#header span.icon-menu,.list-bar li.bar-item a:hover{background:#f7941d}#header nav#menu-top{float:right}#menu-top li.menu-item{float:left;padding-left:20px;line-height:70px;color:#333;cursor:pointer}#header #menu-top ul.menu-list li a.active,.item-bottom a:active,a:active,li.menu-item a:active{color:#f7941d}*,h1,h2,h3,h4,h5,h6,li,ul{margin:0;padding:0}body{font-family:Roboto,Arial,Tahoma}img{border:none;width:100%;height:auto}.item-bottom a,a,li.menu-item a{color:#333;text-decoration:none}h2 i,span,time{color:#999}.item-bottom a:hover,a:hover,li.menu-item a:hover{color:#fbb03b;text-decoration:none}h3{margin:30px 0 15px}.text-center{margin-bottom:50px}.title-container{display:flex;align-items:center;justify-content:center}.item-top img,.modal-content-new,.title-img,h4{display:inline-block}.left-image,.left-image-white,.right-image,.right-image-white{flex:0 0 auto;height:100%;background-repeat:no-repeat;background-size:contain}.left-image{background-image:url('../images/pattern-left.png');width:12px}.right-image{background-image:url('../images/pattern-right.png');width:12px}.left-image-white{background-image:url('../images/pattern-left-white.png');width:12px}.right-image-white{background-image:url('../images/pattern-right-white.png');width:12px}.title-img{margin:0 12px}.thumb-center figure img{border:1px solid #ddd;transition:border .1s ease-in-out;-moz-transition:border .1s ease-in-out;-ms-transition:border .1s ease-in-out;-webkit-transition:border .1s ease-in-out;-o-transition:border .1s ease-in-out}.thumb-center figure img:hover{border:1px solid #c5c5c5}.item-bottom{padding:20px 0 60px;line-height:18px;margin:0}#contact h3.title,#feel p.customer-name,.modal_close,.name,.thanks-employer,h4{font-weight:700}.item-bottom p,.margin-none{margin:0}span,time{line-height:25px;font-size:14px}h4,h4 span{font-size:18px}#contact a button.phone,.color-white,a.color-white{color:#fff}.thumbnail-border{width:100%;height:auto;position:relative;overflow:hidden;border:20px solid #fff;transition:border .1s ease-in-out;-moz-transition:border .1s ease-in-out;-ms-transition:border .1s ease-in-out;-webkit-transition:border .1s ease-in-out;-o-transition:border .1s ease-in-out;box-shadow:1px 1px 7px #837a92;-moz-box-shadow:1px 1px 7px #837a92;-ms-box-shadow:1px 1px 7px #837a92;-webkit-box-shadow:1px 1px 7px #837a92;-o-box-shadow:1px 1px 7px #837a92}.thumbnail-border img{border:1px solid #ddd}.eff-zoom{overflow:hidden}.eff-zoom img{width:100%;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}.eff-zoom:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05)}.carousel-control.left{background-image:none}.carousel-control.right{left:auto;right:0;background-image:none}.carousel-control i.icon-left{margin-left:-60px}.carousel-control i.icon-right{margin-right:-60px}.carousel-control{top:30%;width:0%;opacity:100;font-size:30px;color:#fff;text-shadow:0 1px 3px #bbb;-moz-text-shadow:0 1px 3px #bbb;-ms-text-shadow:0 1px 3px #bbb;-webkit-text-shadow:0 1px 3px #bbb;-o-text-shadow:0 1px 3px #bbb}.carousel-control:focus,.carousel-control:hover{color:#f7941d;text-decoration:none;outline:0;opacity:100}.modal{position:fixed;left:0;top:0;width:100%;height:100vh;overflow:auto;background-color:rgba(0,0,0,.7);z-index:9999}.modal-content-new{position:relative;margin:15px auto;overflow-y:scroll;width:auto}.modal-content-new img{max-width:100%}.modal_close{color:#f7941d;float:right;font-size:50px;position:absolute;top:0;right:0;height:30px;width:30px;line-height:30px;background-color:transparent;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%}.back-to-top,.list-bar{position:fixed;right:30px}#intro,.lightbox{height:100vh}.modal_close:focus,.modal_close:hover{text-decoration:none;cursor:pointer}.lightbox .lb-image{border:30px solid #fff;border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}#mobile .lightbox .lb-image,#skill ul li:last-child{border:none}.lb-outerContainer{border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-webkit-border-radius:none;-o-border-radius:none}.lb-nav a.lb-prev{position:absolute;width:34%;left:-40px;float:left;background:url(../images/prev.png) left 48% no-repeat;opacity:.5;transition:opacity .6s;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s}.lb-nav a.lb-next:hover,.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{position:absolute;width:64%;right:-40px;float:right;background:url(../images/next.png) right 48% no-repeat;opacity:.5;transition:opacity .6s;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s}.lb-data{margin-top:10px}.lb-data .lb-number{line-height:24px;color:#666}.lb-data .lb-close{background:url(../images/close.png) top right no-repeat;opacity:1}.lb-data .lb-close:hover{cursor:pointer;background:url(../images/close-hover.png) top right no-repeat}#header .hotline{display:none}#intro{display:flex;align-items:center;justify-content:center;background-image:url("../images/bg-intro.png");background-repeat:no-repeat}#art,#banner,#contact,#exp,#feel,#logo,#mobile,#other,#skill,#website{display:flex;align-items:center;justify-content:center;height:calc(100vh - 70px)}.align-contact,.flex-stretch{display:flex;align-items:stretch}.bg-intro-1,.bg-intro-2{align-items:center;height:100%;background:#fff;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;box-shadow:1px 1px 7px #222;-moz-box-shadow:1px 1px 7px #222;-ms-box-shadow:1px 1px 7px #222;-webkit-box-shadow:1px 1px 7px #222;-o-box-shadow:1px 1px 7px #222}.bg-intro-1{padding:30px}#contact .contact-info p i,#intro .bg-intro-1 i{color:#f7931d;margin-right:5px}.quotes{background:#fff7ec;border:1px solid #fbb03b;margin-top:30px;padding:20px}#art,#exp,#mobile,.image-mask{background-repeat:no-repeat}.image-mask{overflow:hidden;border:30px solid #fff;background-image:url("../images/contact.png");background-size:cover}#skill ul li,.dotted{border-bottom:1px dotted #ccc}#contact,#logo{background:#ebebeb}.item-top{background:#fff;overflow:hidden}.item-top img{width:unset;height:100%}#website .note{color:#999;margin-top:7px}#mobile{background-image:url("../images/bg-mobile.png")}#art{background-image:url("../images/bg-art.png")}#exp{background-image:url("../images/bg-exp.png")}#exp .exp-item{background:#fff;box-shadow:0 0 10px #aecce1;margin:0 0 45px;padding:30px;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px}#exp .bg-mask-exp{align-items:center;height:100%;background:#fff}#exp .image-exp,#feel{background-repeat:no-repeat}#exp .image-exp{overflow:hidden;background-image:url("../images/experience.jpg");background-size:cover;height:450px}#contact .clean-left,#exp .clean-box-left{padding-left:0}#contact .clean-right,#exp .clean-box-right{padding-right:0}#exp .tab-content ul{margin-left:20px}#exp .tab-content ul li{list-style-type:disc;font-size:15px;padding:5px 0}h4{margin-bottom:15px}h4 span{color:#f7941d}#exp p{color:#666}.dotted{margin:20px 0}#exp .tab-container{width:100%}#exp .tab-buttons{display:flex;justify-content:space-around;background-color:#f1f1f1;border-bottom:1px solid #ccc}.tab-button{background-color:inherit;border:none;outline:0;cursor:pointer;padding:10px 16px;transition:.3s}.tab-button:hover{background-color:#ddd}.tab-button.active{background-color:#ccc}#exp .tab-content{display:none;margin:50px 0;border-top:none;animation:1s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#skill .image-container{display:inline-block;position:relative;overflow:hidden}#skill img.inner-border{display:block;width:100%;height:auto}#skill .image-container::before{content:'';position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff;pointer-events:none;opacity:.7;transition:.5s}#skill .image-container:hover::before{top:0;left:0;right:0;bottom:0;opacity:0}#skill ul li{padding:15px 0}#feel{background-image:url("../images/bg-feel.png")}.customer figure img{width:150px;margin-bottom:30px;border:10px solid #fff}#feel .bg-review{width:100%;background:#fff;padding:40px 30px;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px}#feel .top-arrow{width:15px;border-top:15px solid transparent;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid #fff;margin:-70px auto 0}#feel p.customer-name{font-size:18px;margin-top:40px;margin-bottom:0}span.customer-position{font-size:14px;color:#999}p.customer-review{margin:20px 0;text-align:left}.bg-contact{display:flex;align-items:center;width:100%;height:100%;background:#fff;margin-left:0;padding:30px;box-shadow:1px 1px 7px #ddd;-moz-box-shadow:1px 1px 7px #ddd;-ms-box-shadow:1px 1px 7px #ddd;-webkit-box-shadow:1px 1px 7px #ddd;-o-box-shadow:1px 1px 7px #ddd}#contact h3.title{font-size:24px;margin-bottom:20px;color:#f7941d}#contact .contact-info i{color:#999;margin-right:10px}#contact button.phone,#phone-item button.phone{margin-top:15px;background:#f7941d;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;width:100%;color:#fff;position:relative;height:60px;border:none;padding-left:50px;font-size:30px;font-weight:700}#contact button.phone i,#phone-item button.phone i{position:absolute;top:0;left:0;font-size:30px;width:60px;height:100%;background-color:#f26522;text-align:center;color:#fff;padding:15px;border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px}#contact button.phone i:after,#phone-item button.phone i:after{content:"";position:absolute;left:100%;top:50%;margin-top:-10px;border-left:10px solid #f26522;border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent}.thanks{background:url(../images/bg-thanks.png) 0 0/cover no-repeat;text-align:center;padding:50px;margin-bottom:30px}.back-to-top,.list-bar li.bar-item a{background:#fbb03b;text-align:center}.thanks-employer{color:#f7941d}.back-to-top{width:35px;height:35px;bottom:13px;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;line-height:35px;z-index:500}a.back-to-top:hover{background:#f7931e}.icon-up{color:#fff;font-size:20px}.list-bar{top:35%;z-index:9998}.list-bar li.bar-item a{display:inline-block;position:relative;width:45px;height:45px;line-height:45px;margin-top:15px;color:#fff;font-size:16px;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-webkit-transition:.2s;-o-transition:.2s}.list-bar li.bar-item a img{max-width:100%;padding:9px}.list-bar li.bar-item a i{font-size:24px;line-height:45px;text-align:center}.list-bar li.bar-item a:after{position:absolute;content:"";width:100%;height:100%;background:#f7941d;opacity:0;top:0;left:0;transition:.5s}@media screen and (min-width:1367px) and (max-width:1920px){.container{width:1200px}}@media screen and (min-width:1280px) and (max-width:1366px){.container{width:1000px}.bg-intro-1{padding:25px}.image-mask{border:25px solid #fff}.thumbnail-border{border:15px solid #fff}#menu-top li.menu-item{font-size:15px;padding-left:10px}#skill ul li{padding:10px 0;border-bottom:1px dotted #aaa}}@media screen and (max-width:1280px){#side-bar{display:none}#menu-top li.menu-item{font-size:15px;padding-left:10px}.container{width:100%}#skill ul li{padding:10px 0;border-bottom:1px dotted #aaa}}@media screen and (min-width:992px) and (max-width:1199px){#menu-top li.menu-item{padding-left:16px;text-transform:none}.bg-intro-1{padding:20px}.image-mask{border:20px solid #fff}.thumbnail-border{border:10px solid #fff}#exp .exp-item{background:#fff;box-shadow:0 0 10px #aecce1;margin:0 5px 30px;padding:30px}}@media screen and (max-width:992px){h3{font-size:20px;font-weight:400}#header{height:50px}#header #logo-top h1,#header #logo-top h1 a{line-height:50px;margin-top:-2px}#header #logo-top img{width:100px}.navbar-toggle .icon-bar{margin-right:50px}#menu-top li.menu-item{padding-left:7px;text-transform:none;line-height:50px;font-size:14px}#intro .bg-intro-1{padding:20px}#intro .image-mask{border:20px solid #fff}.thumbnail-border{border:10px solid #fff}#contact,#exp,#feel{height:100%}#feel .bg-review{margin-bottom:60px}#contact .pic{display:none}#contact .title-container,#feel .title-container{padding:60px 0 0}#contact .align-contact{display:block}#contact .padding-box{padding:0}#contact .bg-contact{display:block;margin-bottom:60px}#contact h3.title{margin-bottom:30px}#contact .thanks-employer{font-size:18px}}@media screen and (max-width:783px){#art,#exp,#feel,#mobile,.title-container{background-image:none}#art,#banner,#contact,#exp,#feel,#intro,#logo,#mobile,#other,#skill,#website{height:100%}.container{margin:0 30px}.title-container{padding:100px 0 0}#contact .pic,#exp .bg-mask-exp,#exp .dashed,#intro .bg-intro-2,.left-image,.left-image-white,.play-art,.play-banner,.play-feel,.play-logo,.play-mobile,.play-other,.play-website,.right-image,.right-image-white{display:none}#art,#exp,#mobile{background-color:#ebebeb}#feel{background-color:#d5d5d5}#contact .thanks-employer,.item-bottom{font-size:18px}span,time{font-size:16px}.color-white,a.color-white{color:#333}span.color-white{color:#999}.thumbnail-border{border:20px solid #fff}h4{margin-top:30px}h4:first-child{margin-top:0}#header{position:fixed;z-index:10000}#header a .hotline{color:#fff;font-size:14px;position:absolute;z-index:100}#header .hotline{background:#f7941d;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding-right:10px}#header .hotline i{font-size:14px;background-color:#f26522;color:#fff;padding:8px;margin-right:10px;position:relative;border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px}#header .hotline i:after{content:"";position:absolute;left:100%;top:50%;margin-top:-6px;border-left:6px solid #f26522;border-top:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid transparent}#menu{float:right}#menu ul li a{font-size:12px}#header button{margin-top:7px}#menu-top ul.menu-list{margin:0 60px 30px 0;border:10px solid #ddd}#menu-top .arrow-menu{width:20px;border-top:10px solid transparent;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #ddd;position:absolute;top:-19px;z-index:99999;margin-left:200px}#menu-top li.menu-item{float:none;padding-left:30px;text-transform:uppercase;line-height:35px;cursor:pointer;background:#fff;width:200px;border-bottom:1px solid #ddd}#menu-top li.menu-item:last-child{border:none}#menu-top span.icon-menu{background:#f7941d}#intro{padding:100px 0 60px}#contact .align-contact,#exp .flex-stretch,#intro .flex-stretch{display:block}#exp .exp-item{background:#fff;border:none;box-shadow:none;padding:0}#exp .tab-container{padding:15px 15px 15px 0}#exp .tab-content{padding:0 30px}#skill ul{margin-bottom:50px}#feel .customer figure img{width:300px;margin-bottom:30px;border:15px solid #fff}#feel p.customer-name{margin-top:20px}#feel p.customer-review{margin:10px 0}#feel .bg-review{padding:30px 25px 20px;border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-webkit-border-radius:7px;-o-border-radius:7px}#feel .top-arrow{width:15px;border-top:15px solid transparent;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid #fff;margin-top:-60px}#contact .padding-box{padding:0}#contact .bg-contact{display:block;margin-bottom:60px}#contact h3.title{margin-bottom:30px}}@media screen and (max-width:667px){h3{font-size:18px;font-weight:400}}@media screen and (max-width:480px){#header a .hotline{padding:0 5px}#contact .phone i,#header .hotline i{display:none}#contact .phone{padding-left:0}#exp .tab-content{padding:0 30px}}@media screen and (max-height:768px){#intro{padding-top:100px}#art,#banner,#contact,#exp,#feel,#intro,#logo,#mobile,#other,#skill,#website{height:100%;padding-bottom:60px}.title-container{padding:60px 0 0}#exp .exp-item{background:#fff;box-shadow:0 0 10px #aecce1;-moz-box-shadow:0 0 10px #aecce1;-ms-box-shadow:0 0 10px #aecce1;-webkit-box-shadow:0 0 10px #aecce1;-o-border-box-shadow:0 0 10px #aecce1;margin:0 0 45px;padding:30px;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px}#exp .image-exp{height:400px}#exp .tab-button{font-size:13px}#exp .tab-content{margin:20px 0}#skill h3{margin:15px 0 10px}#skill ul li{padding:5px 0;border-bottom:none}#feel .customer figure img{width:100px;margin-bottom:20px;border:5px solid #fff}#feel p.customer-name{margin-top:20px}#feel p.customer-review{margin:10px 0}#feel .bg-review{padding:30px 25px 20px;border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-webkit-border-radius:7px;-o-border-radius:7px}#feel .top-arrow{width:10px;border-top:10px solid transparent;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff;margin-top:-50px}}