*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport { width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: "NunitoSansRegular"; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 0; }

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin: 0; padding: 0; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; max-width: 100%; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

@font-face { font-family: "HelveticaNeue"; font-style: normal; font-display: block; font-weight: normal; src: url("FontFace/HelveticaNeue.woff2") format("woff2"), url("FontFace/HelveticaNeue.woff") format("woff"); }
@font-face { font-family: "HelveticaNeueMedium"; font-style: normal; font-display: block; font-weight: normal; src: url("FontFace/HelveticaNeueMedium.woff2") format("woff2"), url("FontFace/HelveticaNeueMedium.woff") format("woff"); }
@font-face { font-family: "NunitoSansBold"; font-style: normal; font-display: block; font-weight: normal; src: url("FontFace/NunitoSansBold.woff2") format("woff2"), url("FontFace/NunitoSansBold.woff") format("woff"); }
@font-face { font-family: "NunitoSansRegular"; font-style: normal; font-display: block; font-weight: normal; src: url("FontFace/NunitoSansRegular.woff2") format("woff2"), url("FontFace/NunitoSansRegular.woff") format("woff"); }
.center-layout { width: 1200px; margin-left: auto; margin-right: auto; position: relative; }
@media screen and (max-width: 1217px) { .center-layout { width: 100%; padding-left: 10px !important; padding-right: 10px !important; } }

.menu-grid a, .menu-grid > li > a, .product-items, .product-items__name a, .product-viewmore, .newsletter-right button, .achievement-right .swiper-button-next, .achievement-right .swiper-button-prev, .project-items__name, .news-items__name a, .news-items__viewmore, .footer-col ul a, .input-field input, .input-field select, .input-field textarea, .contact-form__button button, .post-items, .post-items__name a, .post-related, .pd-detail__tab li:after, .effect-img img, .effect-img:before, .effect-img:after, .effect-zoom img, .effect-rotate-360 img, .effect-rotate img, .menu-m__close, .menu-m__body a, .menu-m__expand svg { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }

.d-none { display: none; }

.p-relative { position: relative; }

.clearfix:after { content: ""; display: block; clear: both; }

.pd-inner { padding-top: 20px; padding-bottom: 20px; }

.bg-inner { background: #f7f7f7; }

.w-img { display: block; }
.w-img img { display: block; max-width: 100%; }

.swiper-slide img { width: 100%; }

.flex-center, .flex-between-center, .header .center-layout, .newsletter .center-layout, .post-flex, .menu-m__header, .header-group, .header-language, .achievement-right .swiper-button-next, .achievement-right .swiper-button-prev, .top, .post-date, .pd-detail__row, .pd-detail__quantity span, .menu-m__expand, .about .center-layout, .achievement-content, .contact-top, .post, .pd-detail, .pd-detail__left #zoom-fig, .header-search form.active, .menu .center-layout, .breadcrumb .center-layout, .pagination, .contact-form__button, .post-shared, .pd-detail__price, .pd-detail__tab, .pd-detail__quantity, .pd-detail__addcart, .pd-detail__buynow { display: -webkit-box; display: -ms-flexbox; display: flex; }

.pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-between-center, .header .center-layout, .newsletter .center-layout, .post-flex, .menu-m__header, .header-group, .header-language, .achievement-right .swiper-button-next, .achievement-right .swiper-button-prev, .top, .post-date, .pd-detail__row, .pd-detail__quantity span, .menu-m__expand { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-between-center, .header .center-layout, .newsletter .center-layout, .post-flex, .menu-m__header, .about .center-layout, .achievement-content, .contact-top, .post, .pd-detail, .pd-detail__left #zoom-fig { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.grecaptcha-badge { display: none; }

button { outline: none !important; }

img.lazy { -webkit-transition: all 1s; transition: all 1s; opacity: 0; }

img.initial, img.loaded, img.error { opacity: 1; }

img:not([src]) { visibility: hidden; }

.mb { margin-bottom: 20px; }

.py-20 { padding-top: 20px; padding-bottom: 20px; }

#container { width: 100%; max-width: 1920px; margin: 0 auto; background: #fff; }

.mmenu-button { display: none; padding: 10px 0; border: 0; width: 35px; background: transparent; cursor: pointer; position: relative; }
.mmenu-button:before { position: absolute; content: ''; width: 100%; height: 2px; background: #145a8d; left: 0; top: 0; }
.mmenu-button:after { position: absolute; content: ''; width: 100%; height: 2px; background: #145a8d; left: 0; bottom: 0; }
.mmenu-button span { display: block; height: 2px; background: #145a8d; }

.header { background: #e1e1e1; }
.header .center-layout { padding: 5px 0 5px 205px; }
.header-slogan { width: 50%; font-family: "HelveticaNeue"; font-size: 16px; color: #232323; }
.header-search { position: relative; }
.header-search form { width: 250px; height: 35px; display: none; background: #fff; position: absolute; right: 0; top: 100%; z-index: 999999; }
.header-search form input { width: calc(100% - 35px); height: 100%; padding-left: 10px; border: 0; background: #fff; }
.header-search form button { width: 35px; height: 35px; background: transparent; border: 0; cursor: pointer; }
.header-search__button { display: block; width: 30px; height: 22px; border: 0; background: transparent; cursor: pointer; color: #999; }
.header-language { border-left: 1px solid #909090; }
.header-language .w-img { margin-left: 5px; }
.header-download { color: #145a8d; font-size: 19px; margin-left: 10px; }
.header-download i { display: block; }

.download { width: 100%; max-width: 600px; margin: 0 auto; border: 1px solid #ddd; }
.download td, .download th { border: 1px solid #ddd; padding: 10px; }
.download th { font-size: 15px; color: #fff; background: #145a8d; font-weight: normal; text-align: center; }

.menu { background: #145a8d; }
.menu .center-layout { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.menu-grid { width: 70%; display: grid; grid-template-columns: repeat(6, auto); list-style-type: none; }
.menu-grid ul { visibility: hidden; position: absolute; width: 220px; left: 100%; top: 0; list-style-type: none; z-index: 99; background: #145a8d; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.menu-grid > li > ul { left: 0; top: 100%; }
.menu-grid li { position: relative; }
.menu-grid a { display: block; font-family: "HelveticaNeueMedium"; font-size: 20px; color: #fff; text-transform: capitalize; }
.menu-grid > li > a { text-align: center; text-transform: uppercase; line-height: 63px; position: relative; }
.menu-grid > li > a:before { content: ""; display: block; position: absolute; height: 100%; width: 1px; left: 0px; top: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #57b8ff; height: 89px; top: -13px; }
.menu-grid > li > a i { font-size: 13px; position: relative; top: -2px; }
.menu-grid > li:first-child > a:before { display: none; }
.menu-grid > li > ul a { padding: 7px; border-bottom: 1px solid #53b3f9; }
.menu-grid li:hover > a { color: #57b8ff; }
.menu-grid li:hover > ul { opacity: 1; -webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); visibility: visible; }

.logo { width: 450px; height: 120px; position: absolute; left: 0; top: 0; padding: 35px 0 0 75px; z-index: 999; }
.logo:before { position: absolute; content: ''; width:280px; height: 100%; background: #fff; left: 0; top: 0; }
.logo:after { display: inline-block; content: ""; background: #fff; left: 270px; width: 200px; height: 120px; position: absolute; top: 0px; -webkit-clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%); }
.logo img { position: relative; z-index: 9999; }
.logo img.logo2{margin-left:  8px;}
.logo span { position: absolute; display: block; width: 80px; height: 30px; background: #e1e1e1; left: 400px; top: 0px; -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); clip-path: polygon(50% 100%, 0 0, 100% 0); z-index: 99; }

.scroll-fixed.active { position: fixed; width: 100%; left: 0; top: 0; -webkit-animation: fadeInDown .5s; animation: fadeInDown .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 999999999999; }
.scroll-fixed-inner .logo { height: 97px; padding: 27px 0 0 60px; }
.scroll-fixed-inner .logo:after { height: 97px; }

.title { display: block; font-family: "HelveticaNeueMedium"; font-size: 30px; color: #000000; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px; background: url("../images/icon_title.png") no-repeat left bottom; position: relative; }
.title:after { position: absolute; content: ''; width: calc(100% - 125px); height: 1px; background: #cccccc; right: 0; bottom: 5px; }
.title-center { text-align: center; background: url("../images/icon_title.png") no-repeat center bottom; }
.title-center:before { position: absolute; content: ''; width: calc(50% - 62px); height: 1px; background: #cccccc; left: 0; bottom: 5px; }
.title-center:after { width: calc(50% - 62px); }
.title-inner { margin-bottom: 25px; }
.title-inner:before, .title-inner:after { display: none; }

.desc { font-family: "HelveticaNeue"; font-size: 14px; color: #4e4e4e; text-align: justify; line-height: 25px; }

.about { padding: 50px 0; }
.about-left { width: 48.25%; }
.about-right { width: 48.25%; }

.product { padding: 20px 0 45px; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; }
.product-items { background: #eeeeee; padding: 6px 6px 10px 6px; }
.product-items .w-img img { width: 100%; }
.product-items__name { font-weight: normal; margin: 0; }
.product-items__name a { display: block; font-family: "HelveticaNeueMedium"; font-size: 18px; color: #2e2e2e; line-height: 25px; height: 50px; overflow: hidden; margin: 5px 0; }
.product-items__name a:hover { color: #57b8ff; }
.product-items__price { font-family: "NunitoSansBold"; font-size: 18px; color: #ff0000; }
.product-items:hover { -webkit-box-shadow: 0 0 10px rgba(150, 150, 150, 0.5); box-shadow: 0 0 10px rgba(150, 150, 150, 0.5); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.product-viewmore { display: block; width: 200px; height: 40px; background: #145a8d; font-family: "HelveticaNeue"; font-size: 15px; color: #fff; text-align: center; text-transform: uppercase; cursor: pointer; border: 0; margin: 20px auto 0; }
.product-viewmore:hover { background: #57b8ff; }

.newsletter { padding: 22px 0; }
.newsletter-left { width: 45%; padding-left: 100px; background: url("../images/email.png") no-repeat left center; color: #dbdbdb; }
.newsletter-right { width: 35%; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 5px; }
.newsletter-right input[name="email"] { grid-column: 1 / 3; }
.newsletter-right input[name="phone"] { grid-column: 3 / 5; }
.newsletter-right button { grid-column: 5; grid-row: 1 / 3; background: #fff; border-radius: 5px; font-family: "HelveticaNeue"; font-size: 14px; color: #f00; border: 0; cursor: pointer; }
.newsletter-right button:hover { background: #57b8ff; color: #fff; }
.newsletter-right textarea { grid-column: 1 / 5; width: 100%; height: 50px; border: 1px solid #cccccc; border-radius: 5px; padding: 5px 10px; background: transparent; color: #fff; }
.newsletter-right textarea::-webkit-input-placeholder { font-family: "HelveticaNeue"; font-size: 14px; color: #cccccc; }
.newsletter-right textarea:-ms-input-placeholder { font-family: "HelveticaNeue"; font-size: 14px; color: #cccccc; }
.newsletter-right textarea::-ms-input-placeholder { font-family: "HelveticaNeue"; font-size: 14px; color: #cccccc; }
.newsletter-right textarea::placeholder { font-family: "HelveticaNeue"; font-size: 14px; color: #cccccc; }
.newsletter-right input { width: 100%; height: 35px; border: 1px solid #cccccc; border-radius: 5px; padding-left: 10px; background: transparent; color: #cccccc; }
.newsletter-right input::-webkit-input-placeholder { font-family: "HelveticaNeue"; font-size: 14px; color: #cccccc; }
.newsletter-right input:-ms-input-placeholder { font-family: "HelveticaNeue"; font-size: 14px; color: #cccccc; }
.newsletter-right input::-ms-input-placeholder { font-family: "HelveticaNeue"; font-size: 14px; color: #cccccc; }
.newsletter-right input::placeholder { font-family: "HelveticaNeue"; font-size: 14px; color: #cccccc; }

.achievement { padding: 25px 0 40px; }
.achievement .title { margin-bottom: 30px; }
.achievement-left { width: 41.25%; }
.achievement-right { width: 54.6666666667%; }
.achievement-right .swiper-button-next { right: 0; }
.achievement-right .swiper-button-prev { left: 0; }
.achievement-right .swiper-button-next, .achievement-right .swiper-button-prev { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 35px; background: rgba(0, 0, 0, 0.7); border: 1px solid #000; cursor: pointer; color: #fff; }
.achievement-right .swiper-button-next:hover, .achievement-right .swiper-button-prev:hover { background: #000; }
.achievement-right .swiper-button-next:after, .achievement-right .swiper-button-prev:after { display: none; }
.achievement-right .swiper-button-next i, .achievement-right .swiper-button-prev i { font-size: 20px; }

@-webkit-keyframes imgShine { 100% { left: 125%; } }

@keyframes imgShine { 100% { left: 125%; } }
.img-shine { overflow: hidden; position: relative; }
.img-shine:before { position: absolute; content: ""; top: 0; left: -75%; z-index: 100; width: 50%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.5))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.img-shine:hover:before { -webkit-animation: imgShine .75s ease-in-out; animation: imgShine .75s ease-in-out; }

.project { padding: 35px 0 25px; }
.project .title { margin-bottom: 25px; }
.project-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.project-items { position: relative; overflow: hidden; }
.project-items:before { content: ""; background: #fff; width: 30px; height: 30px; -webkit-clip-path: polygon(100% 0, 0 0, 0 100%); clip-path: polygon(100% 0, 0 0, 0 100%); position: absolute; left: -1px; top: -1px; z-index: 9; }
.project-items__name { font-weight: normal; margin: 0; position: absolute; width: 100%; left: 0; top: 100%; opacity: 0; display: block; font-family: "HelveticaNeue"; font-size: 16px; color: #fff; background: rgba(0, 0, 0, 0.8); padding: 10px; }
.project-items:hover .project-items__name { top: initial; bottom: 0; opacity: 1; }

.news { padding: 20px 0; }
.news-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.news-items { padding: 8px; background: #ffffff; }
.news-items-inner { background: #f9f9f9; }
.news-items .w-img { width: 225px; float: left; margin-right: 10px; }
.news-items__name { font-weight: normal; margin: 0; }
.news-items__name a { display: block; font-family: "HelveticaNeueMedium"; font-size: 16px; color: #1c1c1c; line-height: 25px; height: 50px; overflow: hidden; }
.news-items__name a:hover { color: #145a8d; }
.news-items__desc { font-family: "HelveticaNeue"; font-size: 14px; color: #888888; margin-bottom: 20px; }
.news-items__viewmore { float: right; width: 120px; height: 38px; line-height: 38px; background: #145a8d; font-size: 14px; color: #fff; text-align: center; }
.news-items__viewmore:hover { background: #57b8ff; }

.footer { padding: 20px 0; }
.footer .center-layout { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 80px; }
.footer-col:nth-child(1) { grid-column: 1 / 3; }
.footer-col:nth-child(2) { grid-column: 3 / 5; }
.footer-col ul { list-style-type: none; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
.footer-col ul a { display: block; padding-left: 10px; font-family: "HelveticaNeue"; font-size: 16px; color: #fff; position: relative; }
.footer-col ul a:before { position: absolute; content: ''; width: 3px; height: 3px; background: #fff; border-radius: 50%; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-col ul a:hover { color: #57b8ff; }
.footer-col ul a:hover:before { background: #57b8ff; }
.footer-title { font-family: "HelveticaNeueMedium"; font-size: 20px; color: #fff; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #fff; border-left: 9px solid #fff; padding-left: 10px; }
.footer-content { color: #fff; }
.footer-logo { margin-top: 15px; }

.copyright { padding: 15px 0; font-family: "HelveticaNeue"; font-size: 14px; color: #d8d8d8; text-align: center; }

.wrapper-content img { max-width: 100% !important; height: auto !important; }

.top { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; margin: 0px; right: 20px; bottom: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 2px; font-size: 20px; width: 40px; height: 40px; line-height: 40px; background: #145a8d; background-size: 100% auto; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; z-index: 999999999999999999999; }
.top.active { opacity: 1; }
.top i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); color: #fff; }

.breadcrumb { border-bottom: 1px solid #ddd; padding: 8px 10px; }
.breadcrumb .center-layout { -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; }
.breadcrumb a { color: #777; }
.breadcrumb i { font-style: normal; color: #777; padding: 0 5px; }
.breadcrumb i:last-child { display: none; }
.breadcrumb a:hover span { color: #000; }
.breadcrumb li:last-child a span { color: #333; }

.pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; list-style-type: none; font-family: "NunitoSansBold"; font-weight: 500; }
.pagination li { margin: 3px; line-height: 30px; }
.pagination li a { display: block; background: #ebebeb; padding: 0 5px; min-width: 30px; text-align: center; color: #000; }
.pagination li a.current, .pagination li a:hover { background: #57b8ff; color: #fff; }

.input-group { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }

.input-field { margin-bottom: 20px; }
.input-field label { display: block; font-family: "HelveticaNeueMedium"; font-weight: normal; margin-bottom: 5px; }
.input-field input { display: block; width: 100%; height: 40px; border: 1px solid #eee; background: #fff; padding-left: 10px; }
.input-field input:hover, .input-field input:focus { border-color: #57b8ff; -webkit-box-shadow: 0 0 0 1px #57b8ff; box-shadow: 0 0 0 1px #57b8ff; }
.input-field select { display: block; width: 100%; height: 40px; border: 1px solid #eee; background: #fff; padding-left: 10px; }
.input-field select:hover, .input-field select:focus { border-color: #57b8ff; -webkit-box-shadow: 0 0 0 1px #57b8ff; box-shadow: 0 0 0 1px #57b8ff; }
.input-field textarea { display: block; width: 100%; min-height: 100px; border: 1px solid #eee; background: #fff; padding: 10px; }
.input-field textarea:hover, .input-field textarea:focus { border-color: #57b8ff; -webkit-box-shadow: 0 0 0 1px #57b8ff; box-shadow: 0 0 0 1px #57b8ff; }

.contact-top { margin-bottom: 30px; }
.contact-left { width: 49%; }
.contact-right { width: 49%; }
.contact-title { font-family: "HelveticaNeueMedium"; font-size: 20px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; position: relative; }
.contact-title:before { position: absolute; content: ""; width: 50px; height: 2px; background: #999; left: 0; bottom: 0; }
.contact-map { height: 400px; }
.contact-map iframe { width: 100% !important; height: 100% !important; border: 0 !important; }
.contact-form__button button { padding: 10px 20px; height: 40px; background: #145a8d; font-family: "HelveticaNeueMedium"; color: #fff; border: 0; margin-right: 10px; cursor: pointer; }
.contact-form__button button:hover { background: #57b8ff; }

.line-left { padding-bottom: 5px; position: relative; }
.line-left:before { position: absolute; content: ""; width: 40px; height: 2px; background: #000; left: 0; bottom: 0; }

.post-left { width: 23%; }
.post-right { width: 75%; }
.post-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.post-items { background: #f9f9f9; }
.post-items .w-img img { width: 100%; }
.post-items__info { padding: 10px; }
.post-items__name { font-weight: normal; margin: 0; }
.post-items__name a { display: block; font-family: "NunitoSansBold"; font-size: 15px; color: #444; text-transform: uppercase; margin-bottom: 5px; }
.post-items__desc { font-size: 14px; color: #666; }
.post-items:hover { -webkit-transform: translatey(-6px); transform: translatey(-6px); -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.2); }
.post-items:hover .post-items__name a { color: #111; }
.post-box { position: -webkit-sticky; position: sticky; top: 65px; }
.post-box__header { font-size: 15px; color: #fff; text-align: center; text-transform: uppercase; padding: 10px 5px; background: #145a8d; }
.post-box__body { border: 1px solid #f1f1f1; border-top: 0; }
.post-title { font-family: "NunitoSansBold"; font-size: 22px; margin-bottom: 10px; }
.post-flex { margin-bottom: 20px; }
.post-date { font-size: 15px; color: #999; margin-bottom: 15px; }
.post-date svg { width: 16px; margin-right: 10px; }
.post-date svg path { fill: #999; }
.post-shared { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; }
.post-content { margin-bottom: 40px; }
.post-related { padding: 5px; border-bottom: 1px solid #f1f1f1; }
.post-related .w-img { width: 50px; margin-right: 5px; float: left; }
.post-related__name { font-weight: normal; margin: 0; }
.post-related__name a { display: block; font-family: "NunitoSansBold"; color: #222; margin-bottom: 5px; }
.post-related:last-child { border-bottom: 0; }
.post-related:hover { background: #145a8d; }
.post-related:hover .post-related__name a { color: #fff; }

.pd-detail { margin-bottom: 35px; }
.pd-detail__left { width: 58%; }
.pd-detail__left #zoom-fig { width: 100%; }
.pd-detail__left #zoom-fig .selectors { width: 80px; }
.pd-detail__left #zoom-fig #Zoom-1 { width: calc(100% - 90px); }
.pd-detail__right { width: 40%; padding: 10px; background: #fff; }
.pd-detail__name { font-weight: normal; margin: 0; font-family: "NunitoSansBold"; font-size: 25px; color: #2c2929; margin-bottom: 5px; }
.pd-detail__row { padding: 5px 0; border-bottom: 1px solid #f5f5f5; }
.pd-detail__row b { font-weight: normal; padding-right: 10px; font-family: "NunitoSansBold"; color: #222; }
.pd-detail__price { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.pd-detail__price--old { font-size: 14px; color: #999; text-decoration: line-through; }
.pd-detail__price--new { font-family: "NunitoSansBold"; font-size: 20px; color: #d20000; }
.pd-detail__tab { -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; }
.pd-detail__tab li { background: #fff; font-family: "NunitoSansBold"; font-size: 18px; color: #333; padding: 10px 20px; cursor: pointer; border-top: 1px solid #999; border-left: 1px solid #999; position: relative; }
.pd-detail__tab li:last-child { border-right: 1px solid #999; }
.pd-detail__tab li:after { position: absolute; content: ''; width: 0; height: 3px; background: #145a8d; left: 0; bottom: -1px; }
.pd-detail__tab li.active { color: #145a8d; }
.pd-detail__tab li.active:after { width: 100%; }
.pd-detail__tab__content { display: none; background: #fff; border: 1px solid #999; padding: 10px; margin-bottom: 30px; }
.pd-detail__tab__content.active { display: block; }
.pd-detail__quantity { background: #fff; border: 1px solid #dedede; margin-left: 10px; }
.pd-detail__quantity span { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; }
.pd-detail__quantity svg { width: 15px; padding-top: 2px; }
.pd-detail__quantity input { width: 45px; height: 30px; border: 0; background: transparent; text-align: center; border-left: 1px solid #dedede; border-right: 1px solid #dedede; font-family: "NunitoSansBold"; }
.pd-detail__addcart { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 170px; height: 45px; background: #6c8e82; color: #fff; font-size: 12px; border: 0; margin-right: 5px; cursor: pointer; }
.pd-detail__addcart svg { width: 20px; margin-right: 10px; }
.pd-detail__addcart path { fill: #fff; }
.pd-detail__buynow { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 170px; height: 45px; background: #e30000; color: #fff; font-size: 15px; text-transform: uppercase; border: 0; cursor: pointer; }

#tab1, #tab2 { margin-bottom: 20px; }

.effect-img { position: relative; overflow: hidden; }
.effect-img:before { position: absolute; content: ""; width: 0; height: 0; left: 15px; top: 15px; z-index: 33; background: transparent; border-top: 0 solid #fff; border-left: 0 solid #fff; }
.effect-img:after { position: absolute; content: ""; width: 0; height: 0; right: 15px; bottom: 15px; z-index: 33; background: transparent; border-bottom: 0 solid #fff; border-right: 0 solid #fff; }
.effect-img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.effect-img:hover:before { width: calc(100% - 30px); height: calc(100% - 30px); border-top-width: 1px; border-left-width: 1px; }
.effect-img:hover:after { width: calc(100% - 30px); height: calc(100% - 30px); border-bottom-width: 1px; border-right-width: 1px; }

.effect-zoom { overflow: hidden; }
.effect-zoom:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.effect-rotate-360 { overflow: hidden; }
.effect-rotate-360:hover img { -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.effect-rotate { overflow: hidden; }
.effect-rotate:hover img { -webkit-transform: rotate(720deg); transform: rotate(720deg); }

@-webkit-keyframes shake { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); }
  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); } }

@keyframes shake { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); }
  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); } }
.shake { -webkit-animation: shake 1s infinite ease-in-out; animation: shake 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
.menu-m { position: fixed; background: #fff; width: 250px; height: 100vh; overflow: auto; opacity: 0; left: 0; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; transition: all .3s; z-index: 9999999999999; }
.menu-m-open { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; }
.menu-m__header { background: #f1f1f1; padding: 5px; }
.menu-m__title { font-family: "NunitoSansBold"; font-size: 18px; color: #000; text-align: center; text-transform: uppercase; }
.menu-m__close { padding: 2px; border: 0; cursor: pointer; background: transparent; border-radius: 50%; }
.menu-m__close svg { width: 20px; }
.menu-m__close:hover { background: #ddd; }
.menu-m__body { padding: 5px; }
.menu-m__body ul { list-style-type: none; }
.menu-m__body > ul ul { padding-left: 15px; display: none; }
.menu-m__body a { display: block; font-size: 14px; color: #333; text-transform: capitalize; padding: 8px 0 8px 8px; border-radius: 3px; border-bottom: 1px solid #f7f7f7; position: relative; }
.menu-m__body a:hover { background: #f1f1f1; }
.menu-m__body li.active > a { background: #145a8d; color: #fff; }
.menu-m-relative { position: relative; padding-right: 20px; }
.menu-m__expand { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 5px; top: 0; width: 20px; height: 100%; z-index: 999; cursor: pointer; }
.menu-m__expand svg { width: 12px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.menu-m__expand.active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media screen and (max-width: 1024px) { .breadcrumb { padding-top: 18px; }
  .logo { width: 200px !important; padding: 7px 0 0 10px !important; height: 60px !important; }
  .logo img.logo2{display: none;}
  .logo:after { width: 95px !important; height: 60px !important; }
  .header .center-layout { padding: 10px 0 10px 205px; padding-left: 205px !important; }
  .header-slogan { display: none; }
  .mmenu-button { display: block; }
  .menu-grid { display: none; }
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  .newsletter-left { width: 49%; }
  .newsletter-right { width: 49%; } }
@media screen and (max-width: 768px) { .about .center-layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .about-left { width: 100%; margin-bottom: 20px; }
  .about-right { width: 100%; }
  .newsletter .center-layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .newsletter-left { width: 100%; margin-bottom: 20px; }
  .newsletter-right { width: 100%; }
  .achievement-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .achievement-left { width: 100%; margin-bottom: 20px; }
  .achievement-right { width: 100%; }
  .news-grid { grid-template-columns: 100%; }
  .footer .center-layout { grid-template-columns: 100%; grid-gap: 20px; }
  .footer-col { grid-column: initial !important; }
  .pd-detail { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .pd-detail__left { width: 100%; margin-bottom: 10px; }
  .pd-detail__right { width: 100%; }
  .project-grid { grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }
  .contact-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .contact-left { width: 100%; margin-bottom: 20px; }
  .contact-right { width: 100%; }
  .mobile-button { display: grid !important; }
  .logo span { display: none; }
  .top { right: 10px; bottom: 40px; }
  .copyright { padding-bottom: 50px; } }
@media screen and (max-width: 600px) { .product-grid { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
  .project-grid { grid-template-columns: repeat(2, 1fr); }
.logo { width: 120px!important; height: auto; padding: 3px 0 0 3px !important; left: 52px; }
.logo:before { display: none; }
.logo:after { display: none; }
.header .center-layout { padding-left: 10px!important;
   }
   .news-items .w-img {
   	width: 100%;
   	margin-bottom: 10px;
   }
   .news-items .w-img img {
   	width: 100%;
   }
   .input-group { grid-template-columns: 100%; grid-gap: 0; }
}