.container-fluid {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    margin-right: auto;
    margin-left: auto;
}
body {
    color: #0B1A2F;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    font-size: 16px;
}
img {
    height: auto;
}
img, iframe {
    max-width: 100%;
}
a:hover {
    text-decoration: none;
    color: #168C8E;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1230px;
}
.header {
    padding: 7px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    background: #fff;
}
.logo {
    flex-basis: 22%;
    max-width: 170px;
}
.navbar-header {
    gap: 30px;
}
.navbar-header .navbar-collapse {
    justify-content: end;
    flex-basis: 70%;
}
.main-menu {
    gap: 26px;
    justify-content: space-between;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.main-menu > li > a {
    font-weight: 700;
    line-height: 21.48px;
    text-transform: uppercase;
    color: #0B1A2F;
    position: relative;
    padding: 0 5px;
}
.main-menu > li.current-menu-item > a::after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 48px;
    height: 2px;
    background: #000;
}
.main-menu > li.menu-item-has-children > a {
    padding-right: 20px;
}
.main-menu li.menu-item-has-children > a::before {
    content:"\f105";
    font-family:'FontAwesome';
    position: absolute;
    top: 4px;
    right: 10px;
}
.main-menu > li.menu-item-has-children > a::before {
    right: 0;
    top: 0;
    content: "\f107";
}
.main-menu li {
    position: relative;
}
.main-menu > li ul {
    position: absolute;
    top: auto;
    left: 0;
    z-index: 999;
    padding: 0;
    list-style: none;
    background: #000;
    width: 300px;
    padding: 5px 0;
    display: none;
}
.main-menu > li > ul > li ul {
    left: 295px;
    top: 0;
}
.main-menu > li:hover > ul, .main-menu > li > ul > li:hover ul {
    display: block;
}
.main-menu > li > ul a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 5px 10px;
    font-size: 15px;
}
.main-menu > li > ul a:hover {
    color: #168C8E;
}
.search {
    position: relative;
    flex-basis: 8%;
}
.search .search-form {
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    width: 300px;
    z-index: 990;
}
.search .search-form form {
    display: flex;
    flex-wrap: wrap;
}
.search .search-form input {
    flex-basis: calc(100% - 50px);
    width: calc(100% - 50px);
    border-right: 0;
    border-radius: 4px 0 0 4px;
}
.search .search-form button {
    flex-basis: 50px;
    width: 50px;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    background: #000;
    border: 1px #000 solid;
    color: #fff;
}
.slide-home .slide-item {
    position: relative;
}
.slide-home .slide-item .slogan {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    font-size: 40px;
    font-weight: 700;
    line-height: 54.45px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}
.slide-home .slide-item .slogan .slogan-border {
    padding: 10px;
    border: 1px rgba(0, 0, 0, 1) solid;
    display: inline-block;
}
.slide-home .slide-item .slogan p {
    background: rgba(20, 20, 20, 0.58);
    margin: 0;
    padding: 36px 50px;
    display: inline-block;
}
.slide-home .slick-arrow {
    background: #000;
    padding: 7px 18px;
    border-radius: 5px;
    width: 59px;
    height: 38px;
    top: auto;
    transform: none;
    left: auto;
    right: 42px;
    z-index: 300;
}
.slide-home .slick-arrow::before, .solution-home .slick-arrow::before, .product-detail .related-product .slick-arrow::before {
    opacity: 1;
}
.slide-home .slick-arrow i, .solution-home .slick-arrow i {
    color: #fff;
}
.slide-home .slick-prev {
    bottom: 51px;
}
.slide-home .slick-next {
    bottom: 102px;
}
.slide-home .slick-dots {
    bottom: 20px;
}
.slide-home .slick-prev.slick-disabled:before, .slide-home .slick-next.slick-disabled:before,
.solution-home .slick-prev.slick-disabled:before, .solution-home .slick-next.slick-disabled:before,
.product-detail .related-product .slick-prev.slick-disabled:before, .product-detail .related-product .slick-next.slick-disabled:before {
    opacity: 1;
}
.about-us-home {
    padding: 30px 0 117px 0;
}
.about-us-home .content-left p.text1 {
    color: #168C8E;
    font-size: 15px;
    font-weight: 600;
    line-height: 18.29px;
    margin: 0 0 11px 0;
}
.about-us-home .content-left p.text2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 50.95px;
    color: #000;
    position: relative;
    padding: 0 0 22px 0;
}
.about-us-home .content-left p.text2::before {
    content: '.....................';
    color: #000;
    width: 72px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}
.about-us-home .content-left .content {
    margin: 22px 0 25px 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.16px;
}
.about-us-home .content-left .list-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.about-us-home .content-left .list-items .item {
    flex-basis: calc(100%/4 - 10px);
    width: calc(100%/4 - 10px);
    text-align: center;
}
.about-us-home .content-left .list-items .item .item-img {
    width: 83px;
    height: 83px;
    border-radius: 50%;
    background: #168C8E;
    padding: 15px 0 0 0;
    margin: 0 auto 11px auto;
}
.about-us-home .content-left .list-items .item p {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    color: #000;
}
.about-us-home .content-left .list-items .item p:last-child {
    font-weight: 400;
}
.about-us-home .content-left .view-more {
    margin: 30px 0 0 0;
}
.about-us-home .content-left .view-more a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    color: #fff;
    text-transform: uppercase;
    background: #171717;
    padding: 19px 25px;
}
.about-us-home .content-left .view-more a:hover {
    background: #168C8E;
}
.product-home {
    padding: 34px 0 53px 0;
    background: #f1f4f6;
}
.product-home p.text1, .solution-home p.text1, .reasion-home p.text1, .project-home p.text1, .news-home p.text1, .staff-home p.text1, .office-home p.text1 {
    font-size: 15px;
    font-weight: 600;
    line-height: 18.29px;
    color: #168C8E;
    margin: 0 0 14px 0;
}
.product-home p.text2, .solution-home p.text2, .reasion-home p.text2, .project-home p.text2, .news-home p.text2, .staff-home p.text2, .office-home p.text2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36.57px;
    color:#171717;
    margin: 0 0 44px 0;
}
.product-home .list-categories .item .item-img {
    margin: 0 17px;
    height: 200px;
}
.product-home .list-categories .item .item-img img {
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}
.solution-home .list-solutions .item .item-img {
    height: 227px;
}
.solution-home .list-solutions .item .item-img img {
    transition: all 0.5s ease-in-out;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.product-home .list-categories .item .item-img:hover img, .solution-home .list-solutions .item .item-img:hover img {
    transform: scale(1.02);
}
.product-home .list-categories .item p {
    margin: 17px 0 0 0;
}
.product-home .list-categories .item p a {
    font-size: 17px;
    font-weight: 600;
    line-height: 21.94px;
    color: #000;
}
.product-home .list-categories .item p a:hover {
    color: #168C8E;
}
.solution-home {
    padding: 40px 0 84px 0;
}
.solution-home .list-solutions {
    padding: 0;
}
.solution-home .list-solutions .item {
    margin: 0 10px;
    padding: 25px 25px 32px 25px;
    border: 1px #000 solid;
}
.solution-home .list-solutions .item .item-content {
    margin: -40px 23px 0 23px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 22px 13px 32px 13px;
    text-align: center;
    position: relative;
}
.solution-home .list-solutions .item .item-content .date {
    color:#B0B0B0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.41px;
    margin: 0 0 16px 0;
}
.solution-home .list-solutions .item .item-content .title {
    min-height: 48px;
}
.solution-home .list-solutions .item .item-content .title a {
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    color: #000;
}
.solution-home .list-solutions .item .item-content .title a:hover {
    color: #168C8E;
}
.solution-home .slick-arrow {
    background: #168C8E;
    padding: 7px 8px;
    border-radius: 5px;
    width: 45px;
    height: 38px;
    transform: none;
    z-index: 999;
    top: 50%;
    transform: translate(0, -50%);
}
.solution-home .slick-prev {
    left: -38px;
}
.solution-home .slick-next {
    right: -38px;
}
.solution-home .slick-dots {
    bottom: -68px;
    left: 0;
}
.slick-dots li {
    list-style: none;
    width: 12px;
    height: 12px;
    margin: 0 4px;
}
.slick-dots li button {
    width: 10px;
    height: 10px;
    background: #D8D0D0;
    border: 1px #D8D0D0 solid;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    padding: 0;
}
.slick-dots li.slick-active button {
    background: #168C8E;
    border: 1px #168C8E solid;
}
.reasion-home {
    margin: 66px 0 103px 0;
}
.reasion-home > .container-fluid {
    padding: 0 157px;
}
.reasion-home .list-items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 84px 0 0 0;
    border-bottom: 3px #D9D9D9 solid;
}
.reasion-home .list-items .item {
    display: flex;
    flex-wrap: wrap;
    flex-basis: calc(100% / 4 - 23px);
    width: calc(100% / 4 - 23px);
    gap: 16px;
    border-bottom: 6px #D9D9D9 solid;
    padding: 0 0 35px 0;
}
.reasion-home .list-items .item .item-img {
    width: 100px;
    height: 100px;
    background: #168C8E;
    border-radius: 40px 40px 40px 0;
    padding: 32px;
}
.reasion-home .list-items .item .item-content p:first-child {
    font-size: 60px;
    font-weight: 900;
    line-height: 66.14px;
    margin: 0;
    color: #fff;;
    text-shadow:
       1px 1px 0 #168C8E,
     -1px -1px 0 #168C8E,  
      1px -1px 0 #168C8E,
      -1px 1px 0 #168C8E,
       1px 1px 0 #168C8E;
}
.reasion-home .list-items .item .item-content p:last-child {
    font-size: 15px;
    font-weight: 700;
    line-height: 17.5px;
}
.reasion-home .content {
    margin: 34px 0 0 0;
    padding: 0 93px;
}
.project-home {
    padding: 70px 0;
    background: #f1f4f6;
}
.project-home .list-projects ul {
    border: 0!important;
}
.project-home .list-projects ul li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    text-transform: uppercase;
    color:#000000;
    position: relative;
    
    z-index: 100;
    border: 1px transparent solid;
}
.project-home .list-projects ul li a.active, .project-home .list-projects ul li a:hover {
    border: 1px #168C8E solid!important;
    background-color: #168C8E!important;
    color: #fff;
    border-radius: 30px;
    padding: 9px 20px 5px 20px;
}
.project-home .tab-content {
    margin: 40px 0 0 0;
}
.list-projects .proj-item {
    position: relative;
    margin: 0 0 30px 0;
}
.list-projects .proj-item > a {
    display: block;
    height: 275px;
}
.list-projects .proj-item img {
    transition: all 0.5s ease-in-out;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.list-projects .proj-item:hover img {
    transform: scale(1.02);
}
.list-projects .proj-item .proj-item-content {
    position: absolute;
    left: 22px;
    bottom: 22px;
    background: rgba(0, 0, 0, 0.76);
    padding: 19px 16px 18px 16px;
    color: #fff;
    width: calc(100% - 44px);
    border-radius: 11px;
    font-size: 14px;
}
.list-projects .proj-item .proj-item-content p {
    margin: 0;
}
.list-projects .proj-item .proj-item-content p:last-child a {
    margin: 7px 0 0 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    color: #fff;
    display: block;
}
.list-projects .proj-item .proj-item-content p:last-child a:hover {
    color: #168C8E;
}
.list-projects .view-more a {
    display: inline-block;
    padding: 19px 29px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    margin: 27px 0 0 0;
}
.list-projects .view-more a:hover, .news-home .view-more a:hover {
    background: #168C8E;   
}
.news-home {
    padding: 67px 0 101px 0;
}
.news-home p.text1 {
    margin: 0 0 9px 0;
}
.news-home p.text2 {
    padding: 0 0 22px 0;
    position: relative;
}
.news-home p.text2::before {
    content: '.....................';
    color: #000;
    width: 72px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}
.news-home .view-more {
    text-align: right;
}
.news-home .view-more a {
    display: inline-block;
    padding: 19px 29px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    margin: 14px 0 0 0;
}
.news-home .list-news .item {
    margin: 0 0 30px 0;
}
.news-home .list-news .item .item-content {
    margin: -40px 23px 0 23px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 18px 13px 24px 13px;
    text-align: center;
    position: relative;
}
.news-home .list-news .item.item-first .item-content {
    padding: 30px 13px 26px 13px;
    margin: -60px 23px 0 23px;
}
.news-home .list-news .item .item-img {
    height: 150px;
}
.news-home .list-news .item.item-first .item-img {
    height: 409px;
}
.news-home .list-news .item .item-img img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}
.news-home .list-news .item .item-img:hover img {
    transform: scale(1.02);
}
.news-home .list-news .item .item-content .date {
    color: #B0B0B0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.41px;
    margin: 0 0 13px 0;
}
.news-home .list-news .item .item-content .title {
    min-height: 74px;
}
.news-home .list-news .item.item-first .item-content .title {
    min-height: auto;
}
.news-home .list-news .item .item-content .title a {
    font-size: 15px;
    font-weight: 700;
    line-height: 18.5px;
    color: #000;
    display: block;
    margin: 0 0 0 0;
}
.news-home .list-news .item .item-content .title a:hover {
    color: #168C8E;
}
.news-home .list-news .item .item-content .desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-home .list-news .item .item-content .view-detail {
    margin: 23px 0 0 0;
}
.news-home .list-news .item .item-content .view-detail a {
    display: inline-block;
    border-radius: 10px;
    border: 1px #000 solid;
    padding: 20px 76px;
    color: #000;
}
.news-home .list-news .item .item-content .view-detail a:hover {
    background: #000;
    color: #fff;
}
.staff-home {
    padding: 69px 0;
}
.staff-home p.text1, .staff-home p.text2 {
    color: #fff;
}
.staff-home p.text2 {
    margin: 0;
}
.staff-home .list-members .slick-list {
    padding: 44px 0 0 0;
}
.staff-home .list-members .member-item {
    text-align: center;
    transition: all 0.5s ease-in-out;
}
.staff-home .list-members .member-item:hover {
    transform: translateY(-20px);
}
.staff-home .list-members .member-item p {
    color: #fff;
}
.staff-home .list-members .member-item img {
    border-radius: 140px;
    margin: 0 auto;
}
.staff-home .list-members .member-item p.name {
    font-size: 18px;
    font-weight: 700;
    line-height: 28.67px;
    margin: 32px 0 3px 0;
}
.staff-home .list-members .member-item p.position {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.3px;
    margin: 0;
}
.office-home {
    padding: 92px 0 102px 0;
    background: #f1f4f6;
}
.office-home p.text2 {
    color: #000;
}
.office-home .list-office {
    max-width: 920px;
    margin: 0 auto;
}
.office-home .list-office .item {
    height: 600px;
}
.office-home .list-office .item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.office-home .list-office .slick-arrow {
    background: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    transform: none;
    z-index: 999;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
    border: 1px #168C8E solid;
}
.office-home .list-office-thumb {
    margin: 30px auto 0 auto;
    max-width: 920px;
}
.office-home .list-office-thumb .item {
    margin: 0 7px;
    height: 80px;
}
.office-home .list-office-thumb .item img {
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.office-home .list-office .slick-next {
    right: -80px;
}
.office-home .list-office .slick-prev {
    left: -80px;
}
.office-home .slick-prev.slick-disabled:before, .office-home .slick-next.slick-disabled:before {
    opacity: 1;
}
.office-home .slick-prev:before, .office-home .slick-next:before {
    color: #168C8E;
}
.office-home .slick-dots {
    bottom: -42px;
    left: 0;
}
.office-home .slick-dots li {
    list-style: none;
    width: 12px;
    height: 12px;
    margin: 0 4px;
}
.office-home .slick-dots li.slick-active button {
    background: #168C8E;
    border: 1px #168C8E solid;
}
.office-home .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #D8D0D0;
    border: 1px #D8D0D0 solid;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    padding: 0;
}
.form-home {
    padding: 104px 0 133px 0;
}
.form-home .container-fluid {
    padding: 0 170px;
}
.form-home p {
    font-size: 30px;
    font-weight: 600;
    line-height: 37.67px;
    color: #000;
    margin: 0 0 11px 0;
}
.form-home p:last-child {
    font-weight: 400;
    line-height: 20.16px;
    margin: 0 0 26px 0;
    font-size: 16px;
}
.form-home .form-control::placeholder, .form-home select.form-control {
    font-size: 13px;
}
.form-home .content-right {
    display: flex;
    flex-wrap: wrap;
    margin: 54px 0 0 0;
}
.form-home .content-right img {
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 3px;
}
.form-home .form p {
    margin: 0 0 26px 0;
}
.form-home .form label {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    color: #686868;
}
.form-home .form .d-flex {
    gap: 17px;
}
.form-home .form textarea {
    max-height: 96px;
}
.form-home .form .submit-button {
    flex-basis: 50%;
    text-align: center;
}
.form-home .form .submit-button input {
    background: #168C8E;
    border-radius: 5px;
    border: 1px #168C8E solid;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.5px;
}
.form-home .form .contact-button {
    flex-basis: 50%;
    text-align: center;
}
.form-home .form .contact-button a {
    background: #000000;
    border-radius: 5px;
    display: block;
    color: #fff;
    border: 1px #000 solid;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.5px;
    padding: 8px 0 0 0;
}
.form-home .form .submit-button p {
    margin: 0;
}
.head-breadcrumb {
    padding: 45px 0;
    margin: 0;
}
.head-breadcrumb h1, .head-breadcrumb p.main-title {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0;
}
.head-breadcrumb .inner {
    padding: 0px 0 3px 15px;
    border-left: 2px #ED1C24 solid;
}
.head-breadcrumb .inner ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.head-breadcrumb .inner ul li {
    list-style: none;
    float: left;
    color: #fff;
    margin-bottom: 0;
}
.head-breadcrumb .inner ul li a {
    color: #fff;
}
.head-breadcrumb .inner ul li:first-child {
    margin-right: 7px;
}
.head-breadcrumb .inner ul li:not(:first-child) {
    margin: 4px 2px 0 2px;
}
.head-breadcrumb .inner ul li.next {
    margin-top: 3px;
}
.about-us .container-fluid {
    padding: 0 77px;
}
.about-us .inner-content {
    display: flex;
    flex-wrap: wrap;
}
.about-us .inner-content .content-left, .about-us .inner-content .content-right {
    flex-basis: 50%;
}
.about-us .inner-content .content-right {
    margin: 0 0 0 0;
}
.about-us .inner-content .content-right h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 42.67px;
    color: #161D25;
    margin: 0 0 30px 0;
}
.about-us .inner-content ul {
    list-style: none;
    border-left: 1px solid #168C8E;
    margin: 0 0 0 18px;
    padding: 0 0 0 0;
}
.about-us .inner-content ul li {
    position: relative;
    margin-left: 31px;
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 16px;
}
.about-us .inner-content ul li::before {
    left: -46px;
    top: 0;
    content: '';
    position: absolute;
    border: 1px #168C8E solid;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 90;
}
.about-us .inner-content ul li::after {
    left: -40px;
    top: 6px;
    content: '';
    position: absolute;
    background: #168C8E;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    z-index: 99;
}
.about-us .bottom-content {
    margin: 130px 0 0 0;
}
.about-us .bottom-content p {
    font-size: 20px;
    font-weight: 500;
    line-height: 24.38px;
    color: #000;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 36px 0;
}
.about-us .bottom-content {
    display: flex;
    flex-wrap: wrap;
}
.about-us .bottom-content .content-left, .about-us .bottom-content .content-right {
    flex-basis: 50%;
}
.about-us .bottom-content .content-left {
    padding-right: 15px;
}
.about-us .bottom-content ul {
    padding: 0;
}
.about-us .bottom-content ul li {
    line-height: 20px;
    color: #42464E;
    list-style: none;
    position: relative;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;  
}
.about-us .bottom-content .content-left ul li {
    padding-right: 40px;
    text-align: right;
}
.about-us .bottom-content ul li::before {
    content: '';
    position: absolute;
    top: -7px;
    z-index: 90;
    width: 35px;
    height: 35px;
    background: url('../../images/Check_ring_duotone_line.png') no-repeat center center;
}
.about-us .bottom-content .content-left ul li::before {
    right: -5px;
}
.about-us .bottom-content .content-right {
    padding-left: 15px;
}
.about-us .bottom-content .content-right ul li {
    padding-left: 40px;
    text-align: left;
}
.about-us .bottom-content .content-right ul li::before {
    left: -5px;
}
.vision {
    margin: 137px 0 0 0;
    border-bottom: 37px#D9D9D9 solid;
}
.vision .section-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 42.67px;
    color:#161D25;
    text-align: center;
    margin: 0 0 56px 0;
}
.vision ul {
    overflow: hidden;
    margin: 90px 0 30px 0;
    padding: 0;
}
.vision ul li {
    font-weight: 500;
    font-size: 30px;
    line-height: 37px;
    color: #000;
    float: left;
    list-style: none;
    margin: 0;
}
.vision ul li:last-child {
    margin: 25px 0 0 24px;
}
.vision ul li:last-child {
    margin: 25px 0 0 12px;
}
.vision p {
    line-height: 27px;
}
.vision .row-margin {
    margin: 0 0 110px 0;
}
.vision .row-margin:last-child ul li:last-child {
    margin: 60px 0 0 24px;
}
.staff-about p.text1, .staff-about p.text2, .staff-about .list-members .member-item p {
    color: #000;
}
.header-contact {
    min-height: 400px;
    padding: 137px 0 0 0;
}
.header-contact h1 {
    font-size: 21.1px;
    font-weight: 700;
    line-height: 25.72px;
    color: #4A4A4A;
    margin: 0 0 3px 0;
}
.header-contact p {
    font-size: 46.16px;
    font-weight: 700;
    line-height: 56.27px;
    color: #168C8E;
    text-shadow: 1px 1px #fff;
    margin: 0;
}
.contact-content {
    border-bottom: 37px #DFDFDF solid;
    padding: 93px 0 65px 0;
}
.contact-content .container-fluid {
    padding: 0 184px;
}
.contact-content .map {
    margin: 0 0 61px 0;
    border: 2px #BBBBBB solid;
    height: 464px;
}
.contact-content .map p {
    margin: 0;
}
.contact-content .map iframe {
    width: 100%;
    height: 460px;
}
.contact-content .info-address > p {
    font-size: 35px;
    font-weight: 700;
    line-height: 42.67px;
    color:#168C8E;
    margin: 0 0 42px 0;
}
.contact-content .info-address .list-address {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}
.contact-content .info-address .list-address .item {
    background: #104445;
    border: 1px #168C8E solid;
    padding: 14px 30px;
    color: #fff;
    flex-basis: calc(50% - 2px);
}
.contact-content .info-address .list-address .item:last-child {
    background:#BED6D7;
    color: #168C8E;
}
.contact-content .info-address .list-address .item p:not(:last-child) {
    font-weight: 700;
    line-height: 35px;
    margin: 0 0 8px 0;
}
.contact-content .info-address .list-address .item ul {
    padding: 0;
}
.contact-content .info-address .list-address .item ul li {
    list-style: none;
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 27px;
}
.contact-content .info-address .list-address .item ul li img {
    margin: 0 5px 0 0;
}
.product-page {
    padding: 42px 0 78px 0;
}
.product-page h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 38.76px;
    color: #168C8E;
    margin: 0 0 12px 0;
}
.product-page .list-pro-categories {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-items: center;
    justify-content: center;
    margin: 0 0 53px 0;
}
.product-page .list-pro-categories li {
    list-style: none;
}
.product-page .list-pro-categories li a {
    font-size: 17px;
    font-weight: 600;
    line-height: 21.38px;
    color: #858585;
    padding: 11px 17px;
    display: block;
}
.product-page .list-pro-categories li.active a, .product-page .list-pro-categories li:hover a {
    color: #fff;
    background:#168C8E;
    border-radius: 30px;
}
.list-products .product-item {
    margin: 0 0 30px 0;
}
.list-products .product-item:hover {
    box-shadow: 0px 10px 21px 0px #00000040;
}
.product-page .list-products .product-item .product-image, .list-products .product-item .product-image {
    height: 260px;
}
.list-products .product-item .product-image {
    position: relative;
}
.list-products .product-item .product-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: all 0.5s ease-in-out;
}
.list-products .product-item .product-image:hover img {
    transform: scale(1.02);
}
.list-products .product-item .product-image .quick-view {
    position: absolute;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 9px 0;
    text-transform: uppercase;
    bottom: 0;
    left: 0;
    text-align: center;
    transform: translateY(42px);
    z-index: 99;
    transition: all 0.5s ease-in-out;
}
.list-products .product-item .product-image:hover .quick-view {
    transform: translateY(0);
}
.list-products .product-item .product-content {
    padding: 17px 0 37px 0;
    border-bottom: 1px #CECECE solid;
    position: relative;
    z-index: 100;
    background: #fff;
}
.list-products .product-item .product-content p {
    margin: 0 0 8px 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 15.85px;
    color:#959595;
    text-transform: uppercase;
}
.list-products .product-item .product-content h2 {
    font-size: 15px;
    line-height: 18.29px;
    margin: 0;
    min-height: 36.56px;
}
.list-products .product-item .product-content h2 a {
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
}
.list-products .product-item .product-content h2 a:hover {
    color: #168C8E;
}
.wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 22px;
    margin: 17px 0 0 0;
}
.wp-pagenavi span.pages {
    display: none;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 2px solid #B5B5B5;
    padding: 6px 0;
    margin: 0;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    color: #B5B5B5;
    text-align: center;
}
.wp-pagenavi span.current, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    font-weight: bold;
    background: #168C8E;
    border-color: #168C8E;
    color: #fff;
    padding: 6px 14px;
}
.wp-pagenavi a.last {
    display: none;
}
.product-detail .top-content {
    display: flex;
    flex-wrap: wrap;
    margin: 53px 0;
}
.product-detail .top-content .product-galleries {
    flex-basis: 41%;
    max-width: 41%;
    background: #363636;
}
.product-detail .top-content .product-galleries > img {
    width: 100%;
    height: auto;
}
.product-detail .top-content .product-info {
    flex-basis: 59%;
    max-width: 59%;
    background: #000;
    padding: 22px 62px 53px 62px;
    display: flex;
    flex-wrap: wrap;
}
.product-detail .top-content .product-info .breadcrumbs {
    flex-basis: 70%;
}
.product-detail .top-content .product-info .breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0;
}
.product-detail .top-content .product-info .breadcrumbs ul li {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    color: #676767;
}
.product-detail .top-content .product-info .breadcrumbs ul li:not(:first-child) {
    margin: 5px 0 0 0;
}
.product-detail .top-content .product-info .breadcrumbs ul li.next {
    margin: 2px 0 0 0;
}
.product-detail .top-content .product-info .breadcrumbs ul li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 18.5px;
    color: #676767;
}
.product-detail .top-content .product-info .breadcrumbs ul li a:hover {
    color: #fff;
}
.product-detail .top-content .product-info .share {
    flex-basis: 30%;
    justify-content: end;
}
.product-detail .top-content .product-info .share ul {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    padding: 0;
    justify-content: end;
}
.product-detail .top-content .product-info .share ul li {
    list-style: none;
}
.product-detail .top-content .product-info h1 {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    line-height: 32.67px;
    margin: 0 0 22px 0;
    width: 100%;
}
.product-detail .top-content .product-info .basic-info {
    width: 100%;
}
.product-detail .top-content .product-info .basic-info > p {
    font-size: 18px;
    font-weight: 400;
    line-height: 22.38px;
    color: #fff;
    margin: 0 0 9px 0;
}
.product-detail .top-content .product-info .basic-info .product-code {
    padding: 10px 0;
    border-top: 1px #2B2B2B solid;
    border-bottom: 1px #2B2B2B solid;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    color: #fff;
}
.product-detail .top-content .product-info .basic-info .product-param {
    margin: 24px 0 43px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.product-detail .top-content .product-info .basic-info .contact-now a {
    display: inline-block;
    color: #fff;
    background: #168C8E;
    padding: 10px 138px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}
.product-detail .top-content .product-info .basic-info .contact-now a:hover {
    background: #fff;
    color: #168C8E;
}
.product-detail .top-content .product-galleries {
    padding: 30px;
}
.product-detail .top-content .product-galleries .gallery-item img {
    width: 100%;
}
.product-detail .top-content .product-galleries .list-galleries {
    margin: 0 0 40px 0;
}
.product-detail .top-content .product-galleries .list-galleries-thumb {
    width: calc(100% - 40px);
}
.product-detail .top-content .product-galleries .list-galleries-thumb .gallery-item-thumb {
    margin: 0 25px 0 0 ;
}
.product-detail .top-content .product-galleries .list-galleries-thumb .slick-arrow {
    padding: 3px 8px;
    width: 40px;
    height: 35px;
    transform: none;
    z-index: 999;
    top: 0;
    left: auto;
    background: #000000;
}
.product-detail .top-content .product-galleries .list-galleries-thumb .slick-prev {
    right: -40px;
    top: 35px;
}
.product-detail .top-content .product-galleries .list-galleries-thumb .slick-next {
    right: -40px;
}
.product-detail .top-content .product-galleries .list-galleries-thumb .slick-prev:before, .product-detail .top-content .product-galleries .list-galleries-thumb .slick-next:before {
    color: #168C8E;
}
.product-detail .bottom-content {
    padding: 39px;
    border: 2px #000 solid;
    margin: 0 0 69px 0;
}
.product-detail .bottom-content img {
    margin: 15px auto;
}
.product-detail .bottom-content p.text-uppercase {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
}
.product-detail .bottom-content a {
    color: #168C8E;
}
.aligncenter {
    margin: 0 auto;
    display: block;
}
.product-detail .related-product p {
    font-size: 27px;
    font-weight: 500;
    line-height: 32.57px;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 32px 0;
    padding: 0 10px;
}
.product-detail .related-product .product-item {
    padding: 0 10px;
}
.product-detail .related-product {
    margin: 0 -10px 81px -10px;
}
.product-detail .related-product .slick-arrow {
    background: #168C8E;
    padding: 7px 18px;
    border-radius: 5px;
    width: 59px;
    height: 38px;
    transform: none;
    z-index: 999;
    top: -69px;
    left: auto;
}
.product-detail .related-product .slick-prev {
    right: 82px;
}
.product-detail .related-product .slick-next {
    right: 10px;
}
.category-post-page {
    padding: 42px 0 86px 0;
}
.category-post-page > .container {
    max-width: 1260px;
}
.category-post-page h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 38.76px;
    color: #168C8E;
    margin: 0 0 30px 0;
}
.category-post-page .list-posts .post-item-first {
    padding: 0 0 26px 0;
    border-bottom: 1px #E1E1E1 solid;
    margin: 0 0 38px 0;
}
.list-posts .post-item {
    margin: 0 0 30px 0;
}
.list-posts .post-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}
.list-posts .post-item:hover img {
    transform: scale(1.02);
}
.list-posts .post-item .post-image {
    height: 260px;
}
.related-post .post-item .post-image {
    height: 210px;
}
.list-posts .post-item-first .post-image {
    height: 600px;
}
.list-posts .post-item-first h3 {
    margin: 37px 0 13px 0;
    font-size: 25px;
    font-weight: 700;
    line-height: 30.48px;
}
.list-posts .post-item h3 {
    margin: 19px 0 16px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 17.5px;
}
.list-posts .post-item h3 a {
    color: #000;
}
.list-posts .post-item h3 a:hover {
    color: #168C8E;
}
.list-posts .post-item .post-date {
    color: #B0B0B0;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.41px;
}
.breadcrumb-post {
    display: flex;
    flex-wrap: wrap;
    padding: 7px 0 11px 0;
}
.breadcrumb-post .prev-post {
    border: 1px #E1E1E1 solid;
    flex-basis: 10%;
    max-width: 42px;
}
.breadcrumb-post .bread {
    flex-basis: calc(100% - 42px);
    border-top: 1px #E1E1E1 solid;
    border-right: 1px #E1E1E1 solid;
    border-bottom: 1px #E1E1E1 solid;
    padding: 6px 0 3px 38px;
}
.breadcrumb-post .bread ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
}
.breadcrumb-post .bread ul li a {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
}
.breadcrumb-post .bread ul li:not(:first-child) {
    margin: 4px 0 0 0;
}
.breadcrumb-post .bread ul li.next {
    margin: 2px 0 0 0;
}
.breadcrumb-post .bread p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    margin: 0;
    text-transform: uppercase;
}
.post-detail .featured-image {
    position: relative;
    text-align: center;
    height: 500px;
    overflow: hidden;
}
.post-detail .featured-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.post-detail .featured-image::after {
    content: '';
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}
.post-detail .featured-image h1 {
    font-size: 25px;
    font-weight: 600;
    line-height: 30.48px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    bottom: 75px;
    width: 100%;
    z-index: 100;
}
.post-detail .featured-image p {
    font-size: 13px;
    font-weight: 600;
    line-height: 15.85px;
    margin: 0;
    color: #fff;
    position: absolute;
    bottom: 43px;
    width: 100%;
    z-index: 100;
}
.post-detail .featured-image p::after {
    content: '';
    width: 2px;
    height: 36px;
    position: absolute;
    bottom: -43px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 100;
    background: rgba(217, 217, 217, 0.5);
}
.post-detail .featured-image p::before {
    content: '';
    width: 2px;
    height: 16px;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 100;
    background: rgba(217, 217, 217, 1);
}
.post-detail > .container-fluid {
    padding: 0 136px;
}
.post-detail .content {
    padding: 59px 0 152px 0;
}
.post-detail .content img {
    margin: 15px auto;
}
.related-title {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    color: #000;
    margin: 0 0 44px 0;
}
.related-post {
    max-width: 1275px;
    margin: 0 auto;
}
table, td {
    border: 1px #000 solid;
}
td {
    padding: 10px;
}
p.sub-title {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    margin: 30px 0;
    font-weight: bold;
}

.footer .footer-top {
    padding: 89px 0 32px 0;
    border-bottom: 3px #545454 solid;
}
.footer .col-one .content {
    color: #fff;
    margin: 30px 0 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 27px;
}
.footer .col-one .content p {
    margin: 0;
}
.footer .col-one .content h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    margin: 0 0 14px 0;
}
.footer .col-one .content p:last-child {
    margin: 15px 0 0 0;
}
.footer .col-right {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 100px 0 0 0;
}
.footer .col-right .col-one, .footer .col-right .col-two, .footer .col-right .col-three {
    flex-basis: calc(100% / 3 - 16px);
    max-width: calc(100% / 3 - 16px);
}
.footer .col-right .col-one p, .footer .col-right .col-two p, .footer .col-right .col-three p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24.38px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 14px 0;
    border-bottom: 2px #D9D9D9 solid;
    position: relative;
}
.footer .col-right .col-one p::after, .footer .col-right .col-two p::after, .footer .col-right .col-three p::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    background: #168C8E;
    width: 50%;
}
.footer .col-right .col-one .menu-f {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.footer .col-right .col-one .menu-f ul, .footer .col-right .col-two ul {
    padding: 0;
    list-style: none;
}
.footer .col-right .col-one .menu-f ul li a, .footer .col-right .col-two ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 39px;
    color: #fff;
}
.footer .footer-bottom {
    background: #1A1A1A;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    text-align: center;
    color: #BEBEBE;
    padding: 36px 0 27px 0;
}
.footer .footer-bottom p {
    margin: 0;
}
.footer .footer-bottom ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.footer .footer-bottom ul li {
    list-style: none;
}
.wmtp-tab-tt-footer {
    position: fixed;
    margin: auto;
    z-index: 9999;
    padding: 5px 10px 5px 6px;
    border-radius: 10px 0 0 10px;
}
.wmtp-tableSize-w66 {
    width: 66px !important;
}
.wmtp-tab-tt-footer li {
    padding: 5px 0;
    float: left;
    list-style: none;
    text-align: center;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}
.wmtp-tab-tt-footer ul, .wmtp-tab-tt-footer ul li {
    margin: 0;
    width: 100%;
    display: table-row-group;
    list-style: none;
}
.wmtp-tooltip {
    position: relative;
    display: inline-block;
}
.wmtp-tab-tt-footer a {
    text-decoration: none;
}
.wmtp-alert img.wmtp-call-class {
    animation-name: alert;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    display: inherit;
}
.wmtp-alert img {
    width: 40px;
}
.wmtp-tab-tt-footer p {
    margin-bottom: 0;
    font-size: 10px !important;
    color: #000;
}
.wmtp-tooltip .wmtp-tooltiptext {
    visibility: hidden;
    min-width: 120px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    top: 5px;
    font-size: small;
    display: block ruby;
    margin: 0 8px 8px;
    position: absolute;
    z-index: 1;
    background: #fff;
    color: #000;
    left: 53px;
}
.wmtp-tooltip:hover .wmtp-tooltiptext {
    visibility: visible;
}
@keyframes alert {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	5% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	10% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}

	15% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}

	25% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	30% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}

	35% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	40% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}

	45% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	50% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.wmtp-blink img.wmtp-call-class {
	animation-name: blink;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: 3;
	animation-direction: normal
}

@keyframes blink {
	0% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	75% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}