@charset "utf-8";

/* body {-webkit-filter:grayscale(70%) !important; -moz-filter:grayscale(70%) !important; -ms-filter:grayscale(70%) !important; -o-filter:grayscale(70%) !important; filter:grayscale(70%) !important; }
#container::after {content:''; width:123px; height:123px; display:block; background:url('../images/share/black_ribbon_bottom_left.png') no-repeat; background-size:100%; position:fixed; left:0; bottom:0; text-indent:-9999px; z-index:100000; } */

/* Head Style
============= */
h1 {font-size:2.52em; } 
h2 {font-size:1.952em; } 
h3 {font-size:1.652em; } 
h4 {font-size:1.452em; } 
h5 {font-size:1.252em; } 
h6 {font-size:1.52em; }
/* End Head Style ------------- */





/* Paragraph Style
============= */
ul, ol {list-style:none; }
blockquote	{margin:0 0 18px 18px; color:#000; font-style:italic; }

strong {font-weight:bold; }
em {font-style:italic; }

p {margin:0; }
a {outline:none !important; }
a:link, a:visited {color:#000; text-decoration:none; }
a:hover, a:active {color:#ed1c24; }
/* End Paragraph Style ------------- */





/* Standard Style
============= */
.bold {font-weight:600; }
.italic {font-style:italic; }
.soft {color:#d3d3d3; }
.small {font-size:.625em; }
.large {font-size:1em; }

.left {float:left; }
.right {float:right; }

.align-right {text-align:right; }
.align-left {text-align:left; }
.align-center {text-align:center; }
.align-justify {text-align:justify; }

.hide {display:none; }
.block {display:block !important; }
.inline {display:inline !important; }

.clear {height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }
/* End Standard Style ------------- */





/* Elements
============= */
body {background:#fff; margin:0; padding:0; }
body, p, td, th, li {font:13px/1.4em Arial, Helvetica, sans-serif; color:#000; }
p {margin-top:15px; }
p:first-child {margin-top:0; }





/* Standard Layout
============= */
.page-center {width:1280px; position:relative; margin:0 auto; overflow:hidden; }
.section {width:90%; position:relative; margin:0 auto; overflow:hidden; }
/* End Standard Layout ------------- */





/* Wrapper Style
============= */
#wrapper {height:100%; position:relative; margin:0 auto; opacity:0; }





/* Header Style
============= */
#header {width:100%; height:83px; background:#fff; border-bottom:1px solid #000; position:fixed; top:0; left:0; margin:0 auto; padding:0; overflow:hidden; z-index:1000; }


#logo {width:91px; height:45px; display:block; background:url('../images/share/header/logo.png') no-repeat; float:left; margin:21px 50px 0 2px; }
#logo a {width:100%; height:100%; display:block; text-indent:-9999px; }


#group-contact {float:right; margin:32px 2px 0 0; }

#group-contact a {width:auto; height:24px; display:block; background-image:url('../images/share/header/icon-tel.png'); background-position:0 50%; background-repeat:no-repeat; float:left; padding-left:34px; margin:0; font-weight:bold; line-height:24px; }
#group-contact a + a {background-image:url('../images/share/header/icon-mail.png'); margin-left:18px; }
#group-contact a + a + a {background-image:url('../images/share/header/icon-facebook.png'); }


#mainmenu {float:left; margin:36px 0 0; }
#mainmenu ul {padding:0; margin:0; overflow:hidden; }
#mainmenu ul li {float:left; margin-left:28px; }
#mainmenu ul li:first-child {margin-left:0; }
#mainmenu ul li a {font-size:14px; font-weight:bold; text-transform:uppercase; }
#mainmenu ul li.current a {color:#ed1c24;}


#header .btn-menu {display:none; }
/* End Header Style ------------- */





/* Container Style
============= */
#container {width:1280px; position:relative; margin:0 auto; padding:0; overflow:hidden; }


#container .load-content {position:relative; padding-top:84px; margin-bottom:100px; }
#container #home.load-content {padding-top:128px; }


#container .title-section {border-bottom:1px solid #000; padding-bottom:8px; margin-bottom:18px; font:italic bold 16px 'Arial'; color:#e6252b; text-transform:uppercase; }


a.btn,
input.btn {display:inline-block; background:#ed1c24 url('../images/share/icon-arrow.png') 90% 50% no-repeat; border:none; padding:14px 57px 14px 13px; font:italic 18px/1em 'Arial'; color:#fff; text-indent:12px; }

a.btn:hover,
input.btn:hover {background-color:#000; }


form ul {width:50%; padding:0; margin:0 auto 20px; }
form ul li {width:100%; margin-top:12px; position:relative; overflow:hidden; }
form ul li:last-child {text-align:center; }

form ul li:first-child {margin-top:0; }

form ul li .input,
form ul li textarea,
form ul li .text-file {width:100%; display:block; background:#e9e9e9; border:none; padding:10px 13px 9px !important; font-style:normal; font-size:18px; color:#b3b3b3; box-sizing:border-box; }

form ul li textarea {height:163px; resize:none; }

form ul li input[type="file"] {position:absolute; top:0; left:-99999px; }

form ul li .text-file {width:70%; float:left; padding:8px 13px 7px !important; margin:0; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

form ul li .btn-attach {width:28%; height:40px; display:block; background:#a2a2a2; float:right; font-size:18px; font-style:italic; color:#fff; line-height:40px; text-align:center; }
form ul li .btn-attach:hover {background:#000; }

/*.wpcf7-not-valid-tip {display:none !important;}*/

.wpcf7-response-output {width:550px; border:none !important; margin:20px auto !important; padding:0 !important; text-align:center !important; color:#999; }

.wpcf7-validation-errors {color:#ed1c24; }

.form-contact .wpcf7-response-output {text-align:left !important; }

span.wpcf7-form-control-wrap {display:block; }
span.wpcf7-form-control-wrap.file {width:70%; position:absolute; top:0; left:0; }
span.wpcf7-not-valid-tip {width:100%; height:100%; background:#f00; position:absolute; top:0; left:0; opacity:0.5; font-size:18px; font-style:italic; color:#fff; line-height:40px; text-indent:13px; text-align:left; }
/* End Container Style ------------- */





/* End Wrapper Style ------------- */

/* End Elements ------------- */





/* Home
============= */
#highlight-home {width:100%; /* height:450px; */ position:relative; line-height:0; }
#highlight-home img {max-width:100%; display:none; }
#highlight-home img.desktop {display:inline; }

#highlight-home a {position:absolute; bottom:62px; left:50%; margin-left:-101px; }

.content-home {display:block; overflow:hidden; }
.content-home .inner {margin-left:-24px; overflow:hidden; }
.content-home article {width:302px; float:left; margin-left:24px; }
.content-home article > a {width:298px; height:138px; display:block; border:2px solid #c1c4c7; overflow:hidden; }
.content-home article p {font:normal 26px/0.9em 'Prompt'; }
/* End Home ------------- */





/* Showcase
============= */
.content-showcase {width:100%; position:relative; }
.content-showcase ul {padding:0; margin:0 0 0 -1%; overflow:hidden; }
.content-showcase ul li {width:24%; float:left; margin:0 0 1% 1%; overflow:hidden; }
.content-showcase ul li a {width:100%; height:100%; display:block; background:#000; position:relative; overflow:hidden; line-height:0; }
.content-showcase ul li a img {width:100%; height:100%; opacity:1; webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; }

.content-showcase ul li a:hover img {opacity:0.5; webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; }

.content-showcase ul li a p {width:249px; display:block; background:#ed1c24 url('../images/share/icon-more.png') 270px 22px no-repeat; position:absolute; bottom:-100%; left:0; padding:20px 50px 20px 14px; margin:0; font:bold 18px 'Arial'; color:#fff; text-transform:uppercase; webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; }

.content-showcase ul li a:hover p {bottom:0; webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }


#box-showcase-detail {width:1254px; display:none; background:#fff; border:1px solid #ececec; position:absolute; top:45px; left:0; padding:12px 12px 80px 12px; z-index:100; }
#box-showcase-detail .btn-close {width:48px; height:48px; display:block; background:url('../images/share/btn-close.png') no-repeat; position:absolute; top:13px; right:17px; text-indent:-9999px; }
#load-showcase-detail .slide-showcase-detail {width:860px; /* height:490px; */ position:relative; float:left; }
#load-showcase-detail .slide-showcase-detail .slide {width:860px; padding:0; margin:0; overflow:hidden; }
#load-showcase-detail .slide-showcase-detail .slide li {width:100%; height:100%; overflow:hidden; line-height:0; }
#load-showcase-detail .slide-showcase-detail .slide li img {width:100%; }


.nav-num {width:100%; position:absolute; bottom:-25px; left:0; padding:0; margin:0; text-align:center; z-index:1; }
.nav-num .bx-pager-item {width:14px; height:14px; display:inline-block; margin:0 4px; }
.nav-num .bx-pager-item a {width:100%; height:100%; display:block; background-color:#d0d0d0; border-radius:100%; cursor:pointer; text-indent:-99999px; color:transparent; font:0/0 a; }
.nav-num .bx-pager-item:hover a:hover,
.nav-num .bx-pager-item a.active {background-color:#111; }


#load-showcase-detail .description {width:366px; float:right; margin-top:63px; }
#load-showcase-detail .description .show-service ul {padding:0; margin:0; overflow:hidden; }
#load-showcase-detail .show-service ul li {width:50px; height:50px; background:#fff url('../images/showcase/show-service.png') no-repeat; border:1px solid #ececec; float:left; text-indent:-9999px; }
#load-showcase-detail .show-service ul li:nth-child(2) {background-position:0 -50px; }
#load-showcase-detail .show-service ul li:nth-child(3) {background-position:0 -100px; }
#load-showcase-detail .show-service ul li:nth-child(4) {background-position:0 -151px; }
#load-showcase-detail .show-service ul li:nth-child(5) {background-position:0 -202px; }
#load-showcase-detail .show-service ul li:nth-child(6) {background-position:0 -252px; }
#load-showcase-detail .show-service ul li:nth-child(7) {background-position:0 -302px; }

#load-showcase-detail .show-service ul li.current {background:#e6252b url('../images/showcase/show-service.png') 100% 0 no-repeat;}
#load-showcase-detail .show-service ul li:nth-child(2).current {background-position:100% -50px; }
#load-showcase-detail .show-service ul li:nth-child(3).current {background-position:100% -100px; }
#load-showcase-detail .show-service ul li:nth-child(4).current {background-position:100% -151px; }
#load-showcase-detail .show-service ul li:nth-child(5).current {background-position:100% -202px; }
#load-showcase-detail .show-service ul li:nth-child(6).current {background-position:100% -252px; }
#load-showcase-detail .show-service ul li:nth-child(7).current {background-position:100% -302px; }

#load-showcase-detail .show-service p {height:16px; margin-top:8px; font-size:12px; color:#a2a2a2; text-transform:uppercase; }

#load-showcase-detail .description article {margin-top:20px; }
#load-showcase-detail .description article h3,
#load-showcase-detail .description article h4 {text-transform:uppercase; }
#load-showcase-detail .description article h3 {margin:0; /*font-size:35px;*/ font-size:30px; line-height:1.2em; color:#e6252b; }
#load-showcase-detail .description article h4,
#load-showcase-detail .description article p {margin:0 0 25px; /*font:normal 48px/0.8em 'Prompt';*/ font:normal 40px/0.8em 'Prompt'; }
#load-showcase-detail .description article p {margin:0 0 20px; font-family:'Arial'; font-size:13px; line-height:1.4em; }
/* End Showcase ------------- */





/* Service
============= */
.tabservice-article {margin-top:60px; }

.tabservice-article article {width:100%; display:block; overflow:hidden; clear:both; }
.tabservice-article article + article {margin-top:60px; }

.tabservice-article article .img {width:250px; float:left; margin-right:20px; }

.tabservice-article article .detail {width:70%; float:left; }
.tabservice-article article h3,
.tabservice-article article h4,
.tabservice-article article p {margin:0; text-transform:uppercase; }
.tabservice-article article h3 {font-size:57px; color:#e6252b; line-height:1.2em; }
.tabservice-article article h4 {margin-bottom:20px; font:normal 44px 'Prompt'; color:#000; }
.tabservice-article article p {font:normal 20px/1.4em 'Prompt'; color:#bfbfbf; }

.tabservice-article article .detail br {display:none; }

.tabservice-article article:nth-child(even) .img {float:right; margin-right:0; margin-left:20px; }
.tabservice-article article:nth-child(even) .detail {float:right; text-align:right; }
/* End Service ------------- */





/* Client
============= */
.list-client {overflow:hidden; }
.list-client ul {padding:0; margin-left:-0.1%; overflow:hidden; }
.list-client li {width:7.59%; display:block; background-color:#ececec; border:1px solid #ececec; float:left; margin:0.1% 0 0 0.1%; overflow:hidden; line-height:0; box-sizing:border-box; }
.list-client li img {width:100%; opacity:0.5; -webkit-filter:grayscale(100%); filter:grayscale(100%); }
.list-client li:hover img {opacity:1; -webkit-filter:grayscale(0%); filter:grayscale(0%); }
/* End Client ------------- */





/* Joinus
============= */
.content-joinus h3 {margin:30px 0 20px; font-size:30px; color:#a2a2a2; line-height:1.2em; text-transform:uppercase; }

.content-joinus .row {width:100%; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -o-flex-wrap:wrap; flex-wrap:wrap; position:relative; padding:0; }
.content-joinus .row::before,
.content-joinus .row::after {content:''; width:100%; height:1px; display:block; background-color:#ececec; position:absolute; left:0; top:0; text-indent:-9999px; }
.content-joinus .row::after {top:auto; bottom:0; }

.content-joinus .row > a {width:25%; display:block; border-top:1px solid #ececec; border-bottom:1px solid #ececec; padding:28px 11px; margin:0 0 -1px 0; box-sizing:border-box; }
.content-joinus .row > a:first-child {margin-left:0; }
.content-joinus .row > a:hover,
.content-joinus .row > a.current {border-right:1px solid #ececec; border-left:1px solid #ececec; padding:28px 10px; color:#ed1c24; }
.content-joinus .row > a span {font-size:18px; font-weight:bold; text-transform:uppercase; }

.content-joinus .box-joinus-detail {width:100%; display:none; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin-bottom:-1px; overflow:hidden; }
.content-joinus .load-joinus-detail {min-height:500px; overflow:hidden; }
.content-joinus-detail {width:1280px; margin:30px auto; overflow:hidden; }

.content-joinus-detail h3 {margin:0 0 30px; font-size:35px; color:#000; line-height:1.2em; }

.content-joinus-detail h4,
.content-joinus-detail .article-joinus h1,
.content-joinus-detail .article-joinus h2,
.content-joinus-detail .article-joinus h3,
.content-joinus-detail .article-joinus h4,
.content-joinus-detail .article-joinus h5,
.content-joinus-detail .article-joinus h6 {margin:0 0 12px; font-size:22px; line-height:1.2em; }

.content-joinus-detail .article-joinus h1 *,
.content-joinus-detail .article-joinus h2 *,
.content-joinus-detail .article-joinus h3 *,
.content-joinus-detail .article-joinus h4 *,
.content-joinus-detail .article-joinus h5 *,
.content-joinus-detail .article-joinus h6 * {text-decoration:none !important; }
.content-joinus-detail p {margin:0; }

.content-joinus-detail aside {width:340px; float:left; }

.content-joinus-detail article {width:940px; float:right; }
.content-joinus-detail article section + section {margin-top:20px; }
.content-joinus-detail article p,
.content-joinus-detail article li {font:normal 14px/1.4em 'Prompt'; }

.content-joinus-detail article ul {padding:0; margin:0; }
.content-joinus-detail article ul li {background:url('../images/share/bullet-plus.png') 0 5px no-repeat; padding-left:12px; margin-top:2px; }
.content-joinus-detail article ul li:first-child {margin-top:0; }

.content-joinus-detail article .btn {float:left; margin-right:94px; }

.content-joinus-detail article .group-share {overflow:hidden; }
.content-joinus-detail article .group-share p {margin:0 12px 0 0; float:left; color:#a2a2a2; line-height:45px; }
.content-joinus-detail article .group-share a {width:45px; height:45px; display:block; float:left; margin-left:8px; overflow:hidden; }
.content-joinus-detail article .group-share a:hover img {margin-top:-100%; }

.form-apply {width:1254px; background:#fff; display:none; border:1px solid #ececec; position:absolute; top:113px; left:50%; margin-left:-640px; padding:12px; z-index:100; }
.form-apply h3 {margin-top:60px !important; text-align:center; }
.form-apply .btn {*width:139px; }

.form-apply .btn-close {width:48px; height:48px; display:block; background:url('../images/share/btn-close.png') no-repeat; position:absolute; top:13px; right:17px; text-indent:-9999px; }
/* End Joinus ------------- */





/* Contact
============= */
#contact {min-height:680px;} .content-address, .form-contact {margin:20px 0 100px;} .content-address {width:580px; float:left; }
.content-address h2 {width:576px; height:205px; display:block; background:url('../images/contact/title.png') no-repeat; margin:0 0 30px; text-indent:-9999px; }
.content-address h3 {width:482px; border-top:1px solid #ccc; margin:0; padding-top:20px; font:normal 32px/1.4em 'Prompt'; color:#ed1c24; }

.content-address p,
.content-address a {font:normal 19px/1.4em 'Prompt'; color:#a2a2a2; }
.content-address p {margin:10px 0 15px; }
.content-address p span {color:#000; }

.content-address a {font:normal 18px/1.4em 'Arial'; }
.content-address a:hover {color:#ed1c24; }

.content-address blockquote {width:480px; margin:20px 0; }
.content-address blockquote::after {content:''; height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }
.content-address blockquote p {display:inline-block; position:relative; margin:0; font-size:30px; color:#000; }
.content-address blockquote p:nth-of-type(1) {padding-left:12px; }
.content-address blockquote p:nth-of-type(2) {float:right; padding-right:12px; }
.content-address blockquote p span {font-size:28px; color:#ed1c24; }

.content-address blockquote p::before {content:''; width:8px; height:6px; display:block; background:url('../images/share/quote-open.png') no-repeat; position:absolute; left:0; top:5px; }
.content-address blockquote p:nth-of-type(2)::before {background-image:url('../images/share/quote-close.png'); left:auto; right:0; }

.form-contact {width:550px; float:right; }
.form-contact ul {width:100%; }
.form-contact li {margin-top:19px; text-align:left; }
.form-contact li.col2 > span {width:49%; float:left; }
.form-contact li.col2 > span + span {float:right; }

.form-contact .btn-submit {*width:203px; *float:left; }


#section-map {width:1254px; display:none; background:#fff; border:1px solid #ececec; position:absolute; top:45px; left:0; padding:42px 12px 12px; z-index:100; text-align:center; }
#section-map img {max-width:100%; }
#section-map .btn-close {width:48px; height:48px; display:block; background:url('../images/share/btn-close.png') no-repeat; position:absolute; top:13px; right:17px; text-indent:-9999px; }
/* End Contact ------------- */





.error-404 h1 {color:#ed1c24; }


div.wpcf7 img.ajax-loader {display:none !important; }