@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");body {  font-family: 'Roboto', sans-serif; }/*reset*/ul {  list-style: none; }ul, p {  padding: 0;  margin: 0; }a:hover {  text-decoration: none;  color: #f4a914 !important; }/****/.center_box {  display: -webkit-flex;  /* Safari */  -webkit-align-items: center;  /* Safari 7.0+ */  display: flex;  align-items: center; }.fw_bold {  font-weight: bold; }.grid_box_10 {  display: grid;  grid-column-gap: 10px;  grid-row-gap: 10px; }.bg_main {  background-color: #f5f5f5; }a.see_all {  padding: 15px 50px;  border-radius: 36px;  background: #f4a914;  font-size: 14px;  text-transform: uppercase;  color: #fff !important;  display: inline-block; }  a.see_all:hover {    background: #767779;    color: #f4a914 !important;    cursor: pointer; }.justify_last_center {  text-align: justify;  text-align-last: center; }/*******//*style-top_header*/#top_header {  padding-top: 10px;  padding-bottom: 10px; }  #top_header a#logo {    display: block; }  #top_header .wp_search {    padding-right: 25px; }    #top_header .wp_search form {      position: relative; }      #top_header .wp_search form input {        height: 35px;        border: 1px solid #ebebeb;        display: block;        width: 100%;        border-radius: 20px;        padding-left: 15px;        outline: 0; }      #top_header .wp_search form input::placeholder {        /* Chrome, Firefox, Opera, Safari 10.1+ */        color: #a9a9a9;        font-style: italic; }      #top_header .wp_search form input:-ms-input-placeholder {        /* Internet Explorer 10-11 */        color: #a9a9a9;        font-style: italic; }      #top_header .wp_search form input::-ms-input-placeholder {        /* Microsoft Edge */        color: #a9a9a9;        font-style: italic; }      #top_header .wp_search form button#btn_search {        position: absolute;        top: 0;        bottom: 0;        right: 0;        cursor: pointer;        background: transparent;        padding-left: 20px;        padding-right: 10px;        border-left: 1px solid #ebebeb;        border-top: 0;        border-right: 0;        border-bottom: 0;        border-top-right-radius: 20px;        border-bottom-right-radius: 20px; }  #top_header .wp_hotline {    display: flex;    align-items: center; }    #top_header .wp_hotline .wp_phone_bg {      height: 50px;      width: 50px;      background-color: #fff1d4;      padding: 6px;      border-radius: 50%;      margin-right: 8px; }      #top_header .wp_hotline .wp_phone_bg .wp_phone_sm {        height: 38px;        width: 38px;        text-align: center;        position: relative;        line-height: 33px;        border-radius: 50%;        background-color: #f4a914; }    #top_header .wp_hotline span.hotline {      white-space: nowrap;      font-weight: 500; }  #top_header a#public_price {    float: right;    width: 132px;    height: 32px;    line-height: 32px;    text-transform: uppercase;    color: #fff;    font-size: 14px;    text-align: center;    background-color: #f4a914;    background-image: url(../images/icon_list.png);    background-repeat: no-repeat;    border: 1px solid #ed921d;    border-radius: 20px;    font-weight: bold;    margin-right: 5px;    background-position: 10px center;    -webkit-box-shadow: 0 0 7px 5px rgba(195, 195, 197, 0.5);    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */    -moz-box-shadow: 0 0 7px 5px rgba(195, 195, 197, 0.5);    /* Firefox 3.5 - 3.6 */    box-shadow: 0 0 7px 5px rgba(195, 195, 197, 0.5); }    #top_header a#public_price:hover {      color: #fff !important; }/*end-style-top_header*//*style-main_menu*/#main_menu {  background: #f4a914; }  #main_menu a.active {    position: relative; }    #main_menu a.active:after {      content: "";      position: absolute;      width: 0px;      height: 0px;      border-left: 10px solid transparent;      border-right: 10px solid transparent;      border-top: 7px solid #fff;      top: 0;      left: 50%;      transform: translateX(-50%); }  #main_menu .navbar.no_padding {    padding: 0; }    #main_menu .navbar.no_padding ul.navbar-nav li {      position: relative; }      #main_menu .navbar.no_padding ul.navbar-nav li:hover > a {        background: #767779;        color: #fff; }    #main_menu .navbar.no_padding ul.navbar-nav > li > a {      font-size: 18px; }    #main_menu .navbar.no_padding ul.navbar-nav > li a {      color: #fff;      text-transform: uppercase; }  #main_menu ul.sub_menu {    /*display: none;*/ }    #main_menu ul.sub_menu li a {      display: block;      font-size: 16px; }/*end-style-main_menu*/section {  padding-top: 30px;  padding-bottom: 30px; }  section .section_title {    font-weight: 500;    padding-bottom: 30px; }    section .section_title h2 {      position: relative;      font-size: 25px;      text-align: center;      padding-bottom: 25px; }      section .section_title h2:before {        position: absolute;        content: "";        height: 6px;        width: 56px;        background: #f4a914;        z-index: 10;        bottom: 0;        left: 50%;        transform: translateX(-50%); }      section .section_title h2:after {        position: absolute;        content: "";        height: 1px;        width: 120px;        background: #707070;        bottom: 2.5px;        left: 50%;        transform: translateX(-50%); }    section .section_title .sapo {      margin-top: 23px;      margin-bottom: 23px; }      section .section_title .sapo p {        line-height: 20px;        font-size: 16px;        font-weight: bold;        text-align: center;        margin: auto;        width: 70%; }/*style-pagination*/#pagination {  text-align: center; }  #pagination nav {    display: inline-block; }    #pagination nav li {      margin-left: 10px; }      #pagination nav li:first-child {        margin-left: 0; }      #pagination nav li a {        border-radius: 0;        border: 1px solid #ebebeb;        color: #333;        padding: 3px 11px;        display: block; }    #pagination nav li.active a {      font-weight: bold;      background-color: none !important; }/****************//*style-breadcrumb*/#breadcrumb .breadcrumb {  background-color: #f5f5f5;  margin-bottom: 0;  padding: 13px 0; }  #breadcrumb .breadcrumb li {    font-size: 14px;    text-transform: capitalize; }    #breadcrumb .breadcrumb li a {      color: #f4a914; }  #breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {    content: ">";    color: #f4a914; }/****************//*style-title-page*/.title_page {  background-size: cover;  background-repeat: no-repeat;  padding-top: 71px;  padding-bottom: 71px; }  .title_page h1.title {    text-transform: uppercase;    color: #fff;    position: relative;    font-size: 30px;    padding-bottom: 25px;    text-shadow: 1px 1px #f4a914, 1px -1px #f4a914, -1px -1px #f4a914, -1px 1px #f4a914; }    .title_page h1.title:before {      position: absolute;      content: "";      height: 6px;      width: 56px;      background: #f4a914;      z-index: 10;      bottom: 0;      left: 50%;      transform: translateX(-50%); }    .title_page h1.title:after {      position: absolute;      content: "";      height: 1px;      width: 120px;      background: #707070;      bottom: 2.5px;      left: 50%;      transform: translateX(-50%); }/***************//*style-global-service*/.global_service .wp_img {  height: 140px;  width: 140px;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  padding: 6px;  margin: 0 auto 13px auto; }  .global_service .wp_img img {    height: 128px;    width: 128px;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%; }.global_service .detail h3.title {  font-size: 14px;  margin-bottom: 10px;  text-transform: uppercase; }  .global_service .detail h3.title a {    color: #333; }    .global_service .detail h3.title a:hover {      color: #FF9800 !important; }.global_service .detail .info {  font-size: 14px; }/*****************//*style-wp_content*/#wp_content {  padding-bottom: 47px; }  #wp_content #side_bar .widget {    margin-bottom: 30px; }    #wp_content #side_bar .widget .title_post h3 {      font-size: 14px; }    #wp_content #side_bar .widget .widget_title {      border-top: 1px solid #ebebeb;      border-right: 1px solid #ebebeb;      border-left: 1px solid #ebebeb;      text-align: center;      background: #f4a914; }      #wp_content #side_bar .widget .widget_title h2 {        padding: 8px 0;        font-size: 18px;        text-transform: uppercase;        font-weight: 500;        color: #fff;        margin: 0; }    #wp_content #side_bar .widget .widget_content {      border: 1px solid #ebebeb; }  #wp_content #side_bar ul.list_post.service li {    padding: 10px;    border-bottom: 1px dashed #ebebeb; }    #wp_content #side_bar ul.list_post.service li:last-child {      border-bottom: none; }    #wp_content #side_bar ul.list_post.service li .wp_img {      border: 1px solid #f4a914;      width: 64px;      height: 64px;      border-radius: 50%; }      #wp_content #side_bar ul.list_post.service li .wp_img img {        width: 100%;        height: 100%;        border-radius: 50%; }    #wp_content #side_bar ul.list_post.service li .title_post {      width: calc(100% - 10/239*100% - 64px);      margin-left: calc(10/239*100%); }      #wp_content #side_bar ul.list_post.service li .title_post h3 {        line-height: 20px;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 2; }        #wp_content #side_bar ul.list_post.service li .title_post h3 a {          color: #000;          font-weight: 500; }  #wp_content #side_bar ul.list_post.news_new li, #wp_content #side_bar ul.list_post.product li {    padding: calc(12/255*100%);    border-bottom: 1px dashed #ebebeb; }    #wp_content #side_bar ul.list_post.news_new li:last-child, #wp_content #side_bar ul.list_post.product li:last-child {      border-bottom: none; }    #wp_content #side_bar ul.list_post.news_new li .wp_img, #wp_content #side_bar ul.list_post.product li .wp_img {      width: calc(102/231*100%);      margin-right: calc(13/255*100%); }      #wp_content #side_bar ul.list_post.news_new li .wp_img img, #wp_content #side_bar ul.list_post.product li .wp_img img {        width: 100%;        height: auto; }    #wp_content #side_bar ul.list_post.news_new li .title_post, #wp_content #side_bar ul.list_post.product li .title_post {      width: calc(100% - 13/255*100% - 102/231*100%);      padding-top: 5px; }      #wp_content #side_bar ul.list_post.news_new li .title_post h3, #wp_content #side_bar ul.list_post.product li .title_post h3 {        line-height: 20px;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 3; }        #wp_content #side_bar ul.list_post.news_new li .title_post h3 a, #wp_content #side_bar ul.list_post.product li .title_post h3 a {          color: #000;          font-weight: 500; }/*****************//*style-index*//*style-slide_main*/#slide_main img {  max-height: 575px; }#slide_main .prev_slide_main {  left: 15px;  top: 50%;  transform: translateY(-50%); }#slide_main .next_slide_main {  right: 15px;  top: 50%;  transform: translateY(-50%); }#slide_main .crirle_slide {  bottom: 35px; }  #slide_main .crirle_slide li {    font-size: 12px;    color: #fff;    background: transparent;    width: inherit;    height: inherit;    text-indent: 0; }    #slide_main .crirle_slide li:after {      display: none; }    #slide_main .crirle_slide li:before {      display: none; }  #slide_main .crirle_slide li.active {    color: #f4a913; }/*end-style-slide_main*/#slogan {  position: relative;  overflow: hidden; }  #slogan .container {    position: relative;    z-index: 10; }  #slogan:after {    content: "";    position: absolute;    width: 500%;    height: 100%;    background-color: #eae9e9;    bottom: 0;    left: -257.3%;    transform: rotate(223.2deg);    top: 0;    /*width: calc(625/1600*100%);*/ }  #slogan .img_slogan_main {    max-width: 400px;    width: 100%;    display: inline-block;    max-height: 342px; }  #slogan .slogan_title h1 {    font-size: 25px;    font-weight: 500;    margin-bottom: 14px; }    #slogan .slogan_title h1 span {      color: #f4a914; }  #slogan .slogan_title h2 {    font-size: 25px;    font-weight: 500;    margin-bottom: 14px; }    #slogan .slogan_title h2 span {      color: #f4a914; }  #slogan .slogan_title .sapo {    margin-bottom: 23px; }    #slogan .slogan_title .sapo p {      line-height: 20px;      font-size: 14px;      font-weight: 500;      text-align: justify; }  #slogan .slogan_content .wp_img {    display: block;    width: 100%;    text-align: center;    margin-bottom: 8px; }    #slogan .slogan_content .wp_img img {      display: inline-block;      max-height: 36px; }  #slogan .slogan_content h3.title {    font-weight: bold;    font-size: 14px;    margin-bottom: 2px; }  #slogan .slogan_content .detail {    line-height: 20px;    font-size: 14px;    color: #999999;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 4; }/*style-service-hightlight*/#service_highlight {  background-image: url("../images/bg_service_highlight.png");  background-repeat: no-repeat;  -webkit-background-size: cover;  background-size: cover; }  #service_highlight .section_content .wp_img {    background-color: #fff; }  #service_highlight .section_content button.owl-prev {    position: absolute;    top: 50%;    transform: translateY(-50%);    left: -30px;    outline: 0;    background-image: url("../images/owl_prev.png");    background-repeat: no-repeat;    -webkit-background-size: cover;    background-size: cover;    height: 45px;    width: 15px; }    #service_highlight .section_content button.owl-prev span {      display: none; }  #service_highlight .section_content button.owl-next {    position: absolute;    top: 50%;    right: -30px;    outline: 0;    transform: translateY(-50%);    background-image: url("../images/owl_next.png");    background-repeat: no-repeat;    -webkit-background-size: cover;    background-size: cover;    height: 45px;    width: 15px; }    #service_highlight .section_content button.owl-next span {      display: none; }/***************************//*style-product_typical*/#product_typical .grid_box_10 .content_box {  position: relative;  overflow: hidden; }  #product_typical .grid_box_10 .content_box img {    max-height: 206px;    height: 100%;    width: 100%; }  #product_typical .grid_box_10 .content_box .title_img {    padding: 10px 15px;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    border: 1px solid #fff;    background: rgba(211, 211, 211, 0.5); }    #product_typical .grid_box_10 .content_box .title_img h3 {      font-size: 14px;      text-transform: uppercase;      margin: 0;      color: #333;      white-space: nowrap; }#product_typical .grid_box_10 > div:nth-child(2) img {  max-width: 100%;  width: inherit;  height: inherit;  display: block;  margin: 5px auto 21px auto; }#product_typical .grid_box_10 > div:nth-child(2) .title_img {  padding: 0;  border: none;  background: none;  position: static;  transform: inherit; }  #product_typical .grid_box_10 > div:nth-child(2) .title_img h3 {    position: relative;    font-size: 25px;    text-align: center;    padding-bottom: 25px; }    #product_typical .grid_box_10 > div:nth-child(2) .title_img h3:before {      position: absolute;      content: "";      height: 6px;      width: 56px;      background: #f4a914;      z-index: 10;      bottom: 0;      left: 50%;      transform: translateX(-50%); }    #product_typical .grid_box_10 > div:nth-child(2) .title_img h3:after {      position: absolute;      content: "";      height: 1px;      width: 120px;      background: #707070;      bottom: 2.5px;      left: 50%;      transform: translateX(-50%); }  #product_typical .grid_box_10 > div:nth-child(2) .title_img h2 {    position: relative;    font-size: 25px;    text-align: center;    padding-bottom: 25px; }    #product_typical .grid_box_10 > div:nth-child(2) .title_img h2:before {      position: absolute;      content: "";      height: 6px;      width: 56px;      background: #f4a914;      z-index: 10;      bottom: 0;      left: 50%;      transform: translateX(-50%); }    #product_typical .grid_box_10 > div:nth-child(2) .title_img h2:after {      position: absolute;      content: "";      height: 1px;      width: 120px;      background: #707070;      bottom: 2.5px;      left: 50%;      transform: translateX(-50%); }/*****************//*style-why-us*/#why_us {  background-image: url("../images/bg_why_us.png");  -webkit-background-size: cover;  background-size: cover;  background-repeat: no-repeat; }  #why_us .section_content .wp_img {    height: 88px;    width: 88px;    line-height: 88px;    background: #fff;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;    margin: 0 auto 13px auto; }    #why_us .section_content .wp_img img {      max-width: 100%;      height: auto;      max-height: 100%; }  #why_us .section_content .detail h3.title {    font-size: 14px;    margin-bottom: 10px;    text-transform: uppercase; }/**************//*style-projects_completed*/#projects_completed .section_content {  margin-bottom: 37px; }  #projects_completed .section_content .grid_box_10 > div:nth-child(2n) .content_hover {    top: 100%; }  #projects_completed .section_content .grid_box_10 > div:nth-child(2n):hover .content_hover {    top: 0; }  #projects_completed .section_content .grid_box_10 .content_box {    position: relative; }    #projects_completed .section_content .grid_box_10 .content_box img {      max-height: 206px; }    #projects_completed .section_content .grid_box_10 .content_box:hover .content_hover {      bottom: 0;      height: 100%; }    #projects_completed .section_content .grid_box_10 .content_box .content_hover {      position: absolute;      bottom: 100%;      left: 0;      right: 0;      overflow: hidden;      width: 100%;      height: 0;      padding-left: 30px;      padding-right: 30px;      transition: .5s ease;      background: #f4a914; }      #projects_completed .section_content .grid_box_10 .content_box .content_hover .prlt {        position: relative;        height: 100%;        width: 100%; }        #projects_completed .section_content .grid_box_10 .content_box .content_hover .prlt .psa {          position: absolute;          width: 100%;          top: 50%;          left: 50%;          transform: translate(-50%, -50%); }      #projects_completed .section_content .grid_box_10 .content_box .content_hover h3.title {        font-size: 14px;        color: #fff;        text-transform: uppercase;        margin-bottom: 20px;        line-height: 1.5;        display: -webkit-box;        -webkit-line-clamp: 2;        overflow: hidden;        -webkit-box-orient: vertical; }      #projects_completed .section_content .grid_box_10 .content_box .content_hover a.see_more {        background: #fff;        padding: 10px 0;        width: 140px;        margin: 0 auto;        border-radius: 20px;        font-size: 14px;        color: #333;        font-weight: 500;        display: inline-block; }        #projects_completed .section_content .grid_box_10 .content_box .content_hover a.see_more:hover {          background: #767779;          color: #f4a914; }/*******************//*style-help*/#help {  padding-top: 40px;  padding-bottom: 40px;  background-image: url("../images/bg_form.png");  -webkit-background-size: cover;  background-size: cover;  background-repeat: no-repeat; }  #help .wp_form {    box-shadow: 0px 0px 21px 8px rgba(71, 71, 72, 0.41);    padding: 15px 25px;    background: #fff; }    #help .wp_form h2.title {      font-size: 25px;      font-weight: 500;      margin-bottom: 15px; }    #help .wp_form p.noti {      line-height: 1.5;      font-weight: 500;      margin-bottom: 15px;      font-size: 14px; }    #help .wp_form input {      width: 100%;      display: block;      margin-bottom: 15px;      border: 1px solid #ebebeb;      height: 40px;      padding-left: 15px; }    #help .wp_form textarea {      width: 100%;      display: block;      border: 1px solid #ebebeb;      height: 40px;      padding-left: 15px;      min-height: 90px;      margin-bottom: 15px; }    #help .wp_form ::-webkit-input-placeholder {      /* Chrome/Opera/Safari */      color: #999999; }    #help .wp_form ::-moz-placeholder {      /* Firefox 19+ */      color: #999999; }    #help .wp_form :-ms-input-placeholder {      /* IE 10+ */      color: #999999; }    #help .wp_form :-moz-placeholder {      /* Firefox 18- */      color: #999999; }    #help .wp_form .wp_btn button, #help .wp_form .wp_btn a {      padding: 15px 20px;      border-radius: 20px;      text-transform: uppercase;      font-weight: 500;      color: #fff; }    #help .wp_form .wp_btn #send_ms {      background: #f4a914;      margin-right: 12px; }    #help .wp_form .wp_btn #call_now {      background-color: #767779; }#empty {  height: 60px;  background: #f5f5f5;  border-bottom: 1px solid #b7b7b7; }/*************/#partner_us .owl-nav button {  position: absolute;  top: 50%;  transform: translateY(-50%);  height: 35px;  width: 15px; }  #partner_us .owl-nav button span {    display: none; }#partner_us .owl-nav .owl-prev {  background-image: url("../images/owl_prev.png");  background-repeat: no-repeat;  -webkit-background-size: cover;  background-size: cover;  left: -30px; }#partner_us .owl-nav .owl-next {  right: -30px;  background-image: url("../images/owl_next.png");  background-repeat: no-repeat;  -webkit-background-size: cover;  background-size: cover; }/*end-style-index*//*style*detail_news*/#detail_news h1.post_title {  font-weight: 500;  font-size: 25px;  text-transform: uppercase;  margin-bottom: 18px;  padding-top: 8px; }#detail_news #content .wp_post {  margin-bottom: 30px; }  #detail_news #content .wp_post .sapo {    font-size: 14px;    font-weight: 500;    margin-bottom: 19px; }    #detail_news #content .wp_post .sapo p {      line-height: 18px; }  #detail_news #content .wp_post img {    display: block;    width: 100%;    max-width: 100%;    margin: 0 auto 19px auto; }  #detail_news #content .wp_post p {    font-size: 14px; }#detail_news #content .plugin_fb {  margin-bottom: 35px; }#detail_news #content .related_news h2.title {  font-size: 25px;  padding-bottom: 20px;  position: relative;  margin-bottom: 2px; }  #detail_news #content .related_news h2.title:before {    content: "";    position: absolute;    bottom: 0;    background-color: #f4a914;    height: 8px;    width: 95px;    z-index: 10; }  #detail_news #content .related_news h2.title:after {    content: "";    position: absolute;    width: 100%;    background-color: #ebebeb;    height: 1px;    bottom: 4.5px;    left: 0; }#detail_news #content .related_news .list_post {  margin-bottom: 30px; }  #detail_news #content .related_news .list_post li {    list-style: square inside; }    #detail_news #content .related_news .list_post li a {      color: #333;      font-size: 14px;      line-height: 15px; }#detail_news #content .related_news #slide_product img {  margin-bottom: 10px;  display: block;  max-height: 125px; }#detail_news #content .related_news #slide_product h3.title {  font-size: 14px;  padding-left: 5px;  padding-right: 5px;  text-align: center;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  line-height: 19px; }  #detail_news #content .related_news #slide_product h3.title a {    color: #333; }#detail_news #content .related_news #slide_product .owl-prev, #detail_news #content .related_news #slide_product .owl-next {  position: absolute;  top: 30%;  transform: translateY(-30%);  font-size: 50px;  height: 25px;  line-height: 25px;  text-align: center;  color: #f4a914;  outline: 0; }  #detail_news #content .related_news #slide_product .owl-prev span, #detail_news #content .related_news #slide_product .owl-next span {    height: 25px;    line-height: 25px; }#detail_news #content .related_news #slide_product .owl-prev {  left: -30px; }#detail_news #content .related_news #slide_product .owl-next {  right: -30px; }/*********************//*style-project*/#page_project .grid_box_10 {  grid-column-gap: calc(100% - 2*406/827*100%);  grid-row-gap: 15px; }#page_project .title_page {  background-image: url("../images/bg_title_page.png"); }#page_project section {  padding: 0; }/************//*style-service-us*/#service_us .title_page {  background-image: url("../images/bg_service_us.png");  background-position-y: 83.5%; }#service_us .global_service .wp_img {  background-color: #f4a914; }#service_us .global_service .grid_box_10 {  grid-column-gap: calc(100% - 2*350/827*100%);  grid-row-gap: 30px; }/****************//*style-news*/#news .title_page {  background-image: url("../images/bg_title_page_news.png"); }#news #content .grid_box_10 {  grid-column-gap: calc((100% - 3*267/827*100%)/2);  grid-row-gap: 30px; }  #news #content .grid_box_10 .content_box .wp_img {    margin-bottom: 11px;    display: block; }  #news #content .grid_box_10 .content_box .deital h3.title {    font-size: 14px;    font-weight: bold;    line-height: 20px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    margin-bottom: 3px; }    #news #content .grid_box_10 .content_box .deital h3.title a {      color: #333; }  #news #content .grid_box_10 .content_box .deital p.short_text {    font-size: 14px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    line-height: 21px;    margin-bottom: 20px; }/*************//*style-product*/#product .title_page {  background-image: url("../images/bg_title_page_product.png");  background-position-y: 60%; }#product #content .grid_box_10 {  grid-column-gap: calc(100% - 2*400/827*100%);  grid-row-gap: 30px;  margin-bottom: 30px; }  #product #content .grid_box_10 .wp_img {    display: block;    margin-bottom: 20px; }    #product #content .grid_box_10 .wp_img img {      max-height: 230px; }  #product #content .grid_box_10 .deital h3.title {    text-align: center;    font-size: 14px;    font-weight: bold;    text-transform: uppercase;    margin-bottom: 7px; }    #product #content .grid_box_10 .deital h3.title a {      color: #333;      display: block; }  #product #content .grid_box_10 .deital p.short_text {    font-size: 14px;    text-overflow: ellipsis;    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    line-height: 21px;    margin-bottom: 25px; }  #product #content .grid_box_10 a.see_more {    width: 150px;    height: 46px;    line-height: 46px;    font-size: 14px;    text-transform: uppercase;    font-weight: 500;    color: #fff;    background-color: #f4a914;    margin: 0 auto;    border-radius: 20px;    display: block;    text-align: center; }    #product #content .grid_box_10 a.see_more:hover {      background: #767779; }/*************//*style-contact*/#contact #wp_content {  padding-top: 10px; }  #contact #wp_content .address h1.title {    font-size: 20px;    font-weight: 500;    margin-bottom: 21px;    text-transform: uppercase; }  #contact #wp_content .address .detail {    font-size: 14px;    margin-bottom: 10px; }    #contact #wp_content .address .detail p {      line-height: 20px;      margin-bottom: 11px; }      #contact #wp_content .address .detail p:last-child {        margin-bottom: 0; }  #contact #wp_content .form_contact .wp_form {    background: #fff;    border: 1px solid #ebebeb; }    #contact #wp_content .form_contact .wp_form h2.title {      border-bottom: 1px solid #ebebeb;      text-transform: uppercase;      font-size: 20px;      padding-top: 11px;      padding-bottom: 11px;      margin-bottom: 0; }    #contact #wp_content .form_contact .wp_form form {      padding: 22px 33px 22px 25px;      font-size: 14px; }      #contact #wp_content .form_contact .wp_form form .form_group {        margin-bottom: 15px; }        #contact #wp_content .form_contact .wp_form form .form_group label {          width: 115px;          margin: 0; }        #contact #wp_content .form_contact .wp_form form .form_group input, #contact #wp_content .form_contact .wp_form form .form_group textarea {          display: block;          width: calc(100% - 115px);          border: 1px solid #ebebeb; }        #contact #wp_content .form_contact .wp_form form .form_group input {          height: 35px; }        #contact #wp_content .form_contact .wp_form form .form_group textarea {          min-height: 89px; }      #contact #wp_content .form_contact .wp_form form #btn_seenow {        background-color: #f4a914;        font-size: 14px;        text-transform: uppercase;        color: #fff;        padding: 6px 14px;        border: none;        border-radius: 20px; }        #contact #wp_content .form_contact .wp_form form #btn_seenow:hover {          background: #767779;          color: #f4a914;          cursor: pointer; }/****************/footer {  background-image: url("../images/bg_footer.png");  -webkit-background-size: cover;  background-size: cover;  background-repeat: no-repeat;  padding-top: 25px; }  footer #top_footer {    color: #fff;    padding-bottom: 23px;    overflow: hidden; }    footer #top_footer .dashed .ps {      position: relative; }      footer #top_footer .dashed .ps:after {        position: absolute;        content: "";        bottom: -23px;        margin-right: 15px;        height: 1px;        width: 100%;        margin-right: 1px;        background: repeating-linear-gradient(to right, #fff, #fff 20px, #000 21px, #000 22px); }    footer #top_footer h3.title {      font-weight: 500;      font-size: 16px;      margin-bottom: 15px;      text-transform: uppercase; }    footer #top_footer .contact p {      line-height: 2;      font-size: 14px; }      footer #top_footer .contact p img {        display: inline-block;        margin-right: 10px; }    footer #top_footer .list_cat li:last-child {      margin-bottom: 0; }    footer #top_footer .list_cat li a {      font-size: 14px;      color: #fff;      display: inline-block;      padding-left: 15px;      padding-right: 15px; }  footer #copy_right {    color: #fff;    padding-top: 10px;    padding-bottom: 10px; }    footer #copy_right .list_app li {      margin-right: 8px; }      footer #copy_right .list_app li:last-child {        margin-right: 0; }/*style-app_fixed*/.app_fixed {  display: none;  position: fixed;  right: 10px;  top: 50%;  transform: translateY(-50%);  text-align: center;  z-index: 1000; }  .app_fixed li {    margin-bottom: 10px; }    .app_fixed li:last-child {      margin-bottom: 0; }    .app_fixed li a, .app_fixed li span {      display: block; }    .app_fixed li span {      font-size: 14px;      font-weight: 400; }.app_fixed.show {  display: inline-block; }  @media screen and (max-width: 575.98px) {    .app_fixed.show {      top: inherit;      bottom: -5%;      left: 5%;      right: inherit; }      .app_fixed.show ul {        display: flex;        width: 170px;        justify-content: space-between; }        .app_fixed.show ul span {          display: none; } }/**************//*style-zoom_img*/.zoom {  overflow: hidden; }  .zoom img {    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;    transition: all 0.5s; }  .zoom img:hover {    -ms-transform: scale(1.2);    /* IE 9 */    -webkit-transform: scale(1.2);    /* Safari 3-8 */    transform: scale(1.2);    cursor: pointer; }/****************//*style-hover*/[class^="hover-"] {  cursor: pointer;  text-decoration: none;  color: #666;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }/*hover-buzz-out*/@-webkit-keyframes hover-buzz-out {  10% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg); }  20% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg); }  30% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg); }  40% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg); }  50% {    -webkit-transform: translateX(2px) rotate(1deg);    transform: translateX(2px) rotate(1deg); }  60% {    -webkit-transform: translateX(-2px) rotate(-1deg);    transform: translateX(-2px) rotate(-1deg); }  70% {    -webkit-transform: translateX(2px) rotate(1deg);    transform: translateX(2px) rotate(1deg); }  80% {    -webkit-transform: translateX(-2px) rotate(-1deg);    transform: translateX(-2px) rotate(-1deg); }  90% {    -webkit-transform: translateX(1px) rotate(0);    transform: translateX(1px) rotate(0); }  100% {    -webkit-transform: translateX(-1px) rotate(0);    transform: translateX(-1px) rotate(0); } }.hover-buzz-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0); }  .hover-buzz-out:hover {    -webkit-animation-name: hover-buzz-out;    animation-name: hover-buzz-out;    -webkit-animation-duration: 0.75s;    animation-duration: 1s;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;    -webkit-animation-iteration-count: 1;    animation-iteration-count: 1; }/******************//*hover-up_down*/@-webkit-keyframes hover-up_down {  16.65% {    -webkit-transform: translateY(6px);    transform: translateY(6px); }  33.3% {    -webkit-transform: translateY(-5px);    transform: translateY(-5px); }  49.95% {    -webkit-transform: translateY(4px);    transform: translateY(4px); }  66.6% {    -webkit-transform: translateY(-2px);    transform: translateY(-2px); }  83.25% {    -webkit-transform: translateY(1px);    transform: translateY(1px); }  100% {    -webkit-transform: translateY(0);    transform: translateY(0); } }@keyframes hover-up_down {  16.65% {    -webkit-transform: translateY(6px);    transform: translateY(6px); }  33.3% {    -webkit-transform: translateY(-5px);    transform: translateY(-5px); }  49.95% {    -webkit-transform: translateY(4px);    transform: translateY(4px); }  66.6% {    -webkit-transform: translateY(-2px);    transform: translateY(-2px); }  83.25% {    -webkit-transform: translateY(1px);    transform: translateY(1px); }  100% {    -webkit-transform: translateY(0);    transform: translateY(0); } }.hover-up_down {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s; }.hover-up_down .hover-icon {  -webkit-transform: translateZ(0);  transform: translateZ(0); }.hover-up_down:hover .hover-icon, .hover-up_down:focus .hover-icon, .hover-up_down:active .hover-icon {  -webkit-animation-name: hover-up_down;  animation-name: hover-up_down;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1; }/*****************//*hover-wobble*/@-webkit-keyframes hover-wobble {  16.65% {    -webkit-transform: skew(-12deg);    transform: skew(-12deg); }  33.3% {    -webkit-transform: skew(10deg);    transform: skew(10deg); }  49.95% {    -webkit-transform: skew(-6deg);    transform: skew(-6deg); }  66.6% {    -webkit-transform: skew(4deg);    transform: skew(4deg); }  83.25% {    -webkit-transform: skew(-2deg);    transform: skew(-2deg); }  100% {    -webkit-transform: skew(0);    transform: skew(0); } }@keyframes hover-wobble {  16.65% {    -webkit-transform: skew(-12deg);    transform: skew(-12deg); }  33.3% {    -webkit-transform: skew(10deg);    transform: skew(10deg); }  49.95% {    -webkit-transform: skew(-6deg);    transform: skew(-6deg); }  66.6% {    -webkit-transform: skew(4deg);    transform: skew(4deg); }  83.25% {    -webkit-transform: skew(-2deg);    transform: skew(-2deg); }  100% {    -webkit-transform: skew(0);    transform: skew(0); } }.hover-wobble {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0); }.hover-wobble:hover, .hover-wobble:focus, .hover-wobble:active {  -webkit-animation-name: hover-wobble;  animation-name: hover-wobble;  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: 0.75;  animation-iteration-count: 0.75; }/***************//*hover-buzz-1*/@-webkit-keyframes hover-buzz-1 {  50% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg); }  100% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg); } }@keyframes hover-buzz-1 {  50% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg); }  100% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg); } }.hover-buzz-1 {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-animation-name: hover-buzz-1;  animation-name: hover-buzz-1;  -webkit-animation-duration: 1.25s;  animation-duration: 1.25s;  -webkit-animation-timing-function: linear;  animation-timing-function: linear;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite; }/***************//*hover-buzz-2*/@-webkit-keyframes hover-buzz-2 {  50% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg); }  100% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg); } }@keyframes hover-buzz-2 {  50% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg); }  100% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg); } }.hover-buzz-2 {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-animation-name: hover-buzz-2;  animation-name: hover-buzz-2;  -webkit-animation-duration: 0.2s;  animation-duration: 0.2s;  -webkit-animation-timing-function: 2s;  animation-timing-function: 2s;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;  transition-delay: 2s;  -webkit-transition-delay: 2s; }/***************//************//*style-sapo_group*/.sapo_group {  margin-bottom: 15px; }  .sapo_group p {    font-size: 15px;    text-align: justify;    -ms-text-align-last: center; }#detail_news #content .related_news #slide_product h3.title{	-webkit-line-clamp: 2;	overflow: unset;}