body {
    font-family: 'Roboto', sans-serif;
    background-color: #f2f2f2;
    color: #333333;
    font-size: 15px;
    overflow-x: hidden;
    max-width: 100vw;
}

body.overflow-hidden {
    overflow: hidden;
}

a {
    text-decoration: none !important;
}

h2,
h3 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-weight: 300;
    text-transform: none;
}

.site-header {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    background-color: #78C2E9;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: auto;
    border-top: 3px solid #ed1c24;
    top: 0;
    left: 0;
}

.admin-bar .site-header {
    top: 32px;
}

.inside-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}

.main-navigation,
.main-navigation ul ul {
    background-color: transparent;
}

.main-navigation .main-nav ul li[class*="current-menu-"]>a {
    background-color: transparent;
}

.site-logo a {
    display: block;
    padding: 9px 5px;
}

.nav-float-right .inside-header .main-navigation {
    width: 100%;
}

.main-navigation .main-nav ul li {
    padding: 0 15px;
}

.main-navigation .main-nav ul li a {
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
    padding-left: 0;
    padding-right: 0;
}

.main-navigation ul {
    text-align: right;
}

.main-navigation li {
    float: none;
    display: inline-block;
}

.main-navigation .main-nav ul li[class*="current-menu-"]>a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover>a,
.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li:focus>a,
.main-navigation .main-nav ul li.sfHover>a {
    background-color: transparent;
}

.main-navigation .main-nav ul li.menu-item a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 50%;
    background-color: #fdfdfd;
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1px;
    width: 0;
}

.main-navigation .main-nav ul li.menu-item.current-menu-item>a::after,
.main-navigation .main-nav ul li.menu-item:hover>a::after {
    width: 100%;
}

#page {
    margin-top: 20px;
}

.slider_home .item-slider {
    position: relative;
}

.slider_home .content {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 60px;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    line-height: 45px;
}

ul.slick-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    list-style: none;
    margin: 0;
}

ul.slick-dots li {
    float: left;
    margin: 0 2px;
    font-size: 0;
}

ul.slick-dots li button {
    padding: 0;
    border: 0;
    width: 32px;
    height: 2px;
    border-radius: 1px;
    background-color: #ffffff;
    opacity: 0.5;
    transition: .2s all ease-in-out;
}

ul.slick-dots li.slick-active button {
    opacity: 1;
}

footer {
    background-color: #0051b3;
    padding: 30px 0;
}

.footer-top img {
    max-height: 100px;
    width: auto;
}

.footer-top {
    margin-bottom: 30px;
}

.thuythu-footer-menu .menu {
    margin: 0;
    list-style: none;
    border-top: 1px solid rgba(225, 225, 225, 0.2);
    border-bottom: 1px solid rgba(225, 225, 225, 0.2);
    padding: 5px 0 15px;
}

.thuythu-footer-menu .menu li {
    display: inline-block;
    margin: 10px 15px 0;
}

.thuythu-footer-menu .menu li a:visited,
.thuythu-footer-menu .menu li a {
    color: #fff;
    text-decoration: none !important;
    font-size: 14px;
    text-transform: uppercase;
}

ul.list-socials {
    list-style: none;
    margin: 30px 0 0;
    display: flex;
    justify-content: center;
}

ul.list-socials li {
    display: inline-block;
    margin: 0 10px;
}

ul.list-socials li a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: 1px solid #ffffff;
    text-align: center;
    color: #fff;
}
ul.list-socials li a img{
    width: 20px;
    height: 20px;
}
ul.list-socials li i {
    line-height: 30px;
}

p:last-child {
    margin-bottom: 0;
}

.footer-bottom p {
    margin-top: 42px;
    opacity: 0.45;
    color: #ffffff;
    font-family: Roboto;
    font-size: 12px;
}

section {
    position: relative;
}

.wrap-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.wrap-bg.opcity_dark {
    background-color: #212629;
}

.wrap-bg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrap-bg.opcity_dark img {
    opacity: 0.2;
}

.text-white a,
.text-white {
    color: #fff;
}

.text-fe a,
.text-fe {
    color: #fefefe;
}

.text-333 a,
.text-333 {
    color: #333;
}

.text-666 a,
.text-666 {
    color: #666;
}

.home_sec1 {
    margin-top: 60px;
}

.home_sec1>.container {
    padding-top: 55px;
    padding-bottom: 55px;
    position: relative;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-20 {
    margin-top: 20px;
}

.fw-bold {
    font-weight: 700;
}

.content {
    font-size: 15px;
    line-height: 24px;
}

.home_sec1 .content {
    opacity: 0.8;
}

.home_sec1 .content p+ul {
    margin-top: 25px;
}

.content ul {
    margin: 0;
    list-style: none;
}

.content ul li {
    position: relative;
    padding-left: 20px;
    line-height: 30px;
}

.content ul li::before {
    position: absolute;
    top: 9px;
    left: 0;
    content: '';
    background: url('../images/check.png') no-repeat center;
    background-size: 11px;
    display: block;
    width: 11px;
    height: 11px;
}

.banner {
    position: relative;
}

h1.title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.wrap-breadcrumbs {
    position: absolute;
    background-color: rgba(0, 102, 179, 0.5);
    bottom: 30px;
    left: 30px;
    padding: 15px 20px;
    min-width: 400px;
}

.thuythu-breadcrumb ul {
    margin: 0;
    list-style: none;
    color: #fff;
}

.thuythu-breadcrumb ul .devide,
.thuythu-breadcrumb ul li {
    display: inline-block;
    font-weight: 300;
    font-size: 12px;
}

.thuythu-breadcrumb a,
.thuythu-breadcrumb a:visited {
    color: #fff;
}

.just-flex-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.slider-time.slick-slider:before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    background-color: #cfcfcf;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.slider-time .slick-arrow {
    border: 1px solid #cfcfcf;
    color: #999999;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 28px;
    background-color: #f2f2f2;
    cursor: pointer;
}

.slider-time .slick-arrow.prev {
    left: 0;
}

.slider-time .slick-arrow.next {
    right: 0;
}

.slider-time .slick-arrow:hover {
    color: #78C2E9;
}

.item-time {
    position: relative;
    padding: 30px 0;
    cursor: pointer;
}

.item-time::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    margin-top: 3px;
    border: 1px solid #cfcfcf;
    background-color: #f2f2f2;
}

.item-time::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    margin-top: 3px;
    border: 3px solid #78C2E9;
    opacity: 0;
    transition: .2s all ease-in-out;
}

.item-time span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30px);
    color: #999999;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    transition: .2s all ease-in-out;
}

.slick-current .item-time::after {
    opacity: 1;
}

.slick-current .item-time::before {
    background-color: #78C2E9;
    border-color: transparent;
}

.slick-current .item-time span {
    color: #333333;
    font-weight: 700;
    transform: translate(-50%, -35px);
}

.slider-his {
    margin-top: 20px;
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.item-his img {
    width: 100%;
}

.item-his .time {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.05;
    color: #78C2E9;
    font-size: 240px;
    line-height: 240px;
    font-weight: 700;
    text-transform: uppercase;
}

.item-his .content {
    padding-left: 80px;
}

.item-his .content strong {
    color: #333333;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.item-his .content p {
    font-size: 16px;
    color: #666666;
}

.wrap-mission_vision {
    background: no-repeat center;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap-mission_vision .content {
    margin-bottom: 20px;
}

.wrap-mission_vision img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.wrap-mission_vision h4 {
    text-transform: uppercase;
}

.wrap-mission_vision p {
    opacity: 0.8;
}

.mission {
    background-color: rgba(0, 102, 179, 0.8);
}

.vision {
    background-color: rgba(237, 28, 36, 0.8);
}

.about_sec5 .desc,
.about_sec4 .content {
    opacity: 0.7;
}

.about_sec4 img {
    width: 100%;
}

.bf-hand {
    position: relative;
}

.bf-hand::before {
    content: '';
    display: block;
    position: absolute;
    width: 427px;
    height: 222px;
    left: 0;
    bottom: 0;
    background: url('../images/hand.png') no-repeat center;
    background-size: 427px;
}

.upper {
    text-transform: uppercase;
}

.about_sec5 .desc {
    padding: 0 50px;
    margin-bottom: 20px;
}

.about_sec5.mb-50 {
    margin-bottom: 50px !important;
}

.item-partner {
    padding: 0 5px;
}

.item-partner img {
    width: 100%;
}

.product-img {
    padding: 20px;
    background: #fff;
    text-align: center;
}

.product-img img {
    width: 100%;
}

.wrap-product-thumb {
    padding: 0 10px;
}

.product-thumb {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background: #fff;
    border: 2px solid #fff;
    cursor: pointer;
    opacity: 0.5;
    transition: .3s all ease-in-out;
}

.product-thumb:hover,
.product-thumbs .slick-current.slick-active .product-thumb {
    border: 2px solid #78C2E9;
    opacity: 1;
}

.product-thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    object-fit: contain;
    max-height: 80%;
}

.product-thumbs {
    margin: 12px -10px 0;
}

.product-thumbs .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    color: #999999;
    cursor: pointer;
}

.product-thumbs .prev {
    left: -25px;
}

.product-thumbs .next {
    right: -25px;
}

.product-images .slick-list {
    overflow: initial;

}

section.product-sumary {
    overflow: hidden;
}

section.product-sumary .col-md-5 {
    z-index: 999;
}

.product-sumary h1 {
    font-size: 35px;
}

.overflow-auto {
    overflow-y: auto;
}

.product-sumary .overflow-auto {
    /* max-height: 300px; */
}

.product-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% * 5 / 6);
}

a.download-doc {
    width: calc(70% - 20px);
    margin-left: 20px;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    background-color: #78C2E9;
    transition: .2s all ease-in-out;
}

a.add-to-contact {
    display: block;
    width: 30%;
    text-align: center;
    line-height: 50px;
    background-color: #ed1c24;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    transition: .2s all ease-in-out;
}

a.download-doc:hover,
a.add-to-contact:hover {
    transform: translateY(-5px);
}

a.add-to-contact::before {
    content: '';
    width: 12px;
    height: 12px;
    background: url('../images/buy.png') no-repeat center;
    background-size: 12px;
    display: inline-block;
    margin-right: 10px;
}

a.download-doc::after {
    content: '';
    width: 12px;
    height: 12px;
    background: url('../images/download.png') no-repeat center;
    background-size: 12px;
    display: inline-block;
    margin-left: 15px;

}

.col-product-overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrap-share {
    width: 100%;
    padding: 10px 20px;
    background-color: #fff;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap-share label {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 30px;
}

.share-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.share-buttons .social {
    transition: .3s all ease-in-out;
}

.share-buttons .social+.social {
    margin-left: 10px;
}

.share-buttons a {
    color: #fff;
    display: block;
    line-height: 28px;
    text-align: center;
    min-width: 95px;
    font-size: 12px;
}

.share-buttons .social:hover {
    transform: translateY(-5px);
}

.fb {
    background-color: #38559c;
}

.twitter {
    background-color: #00aaf3;
}

.share-buttons i {
    float: left;
    line-height: 28px;
    min-width: 27px;
}

.fb i {
    background-color: #324b89;
}

.twitter i {
    background-color: #0098da;
}

.title-tab {
    display: none;
}

ul.nav-tabs {
    margin: 0;
    border-bottom: 2px solid #78C2E9;
    border-top: 1px solid #e1e1e1;
}

.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.nav-tabs .nav-link {
    border: none;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #333333;
    text-transform: uppercase;
    padding: 15px 40px;
    border-radius: unset;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #78C2E9;
}

.nav-tabs .nav-link:hover {
    background-color: #0065b3c9;
}

#productTabContent .content p {
    margin-bottom: 0;
    line-height: 30px;
}

.pd_data_content {
    overflow: hidden;
    /* max-height: 2000px; */
    transition: .3s all ease-in-out;
}

.pd_data_content.toggled {
    max-height: 360px;
}

.pd_data_content iframe {
    max-width: 80%;
    margin: auto;
    display: block;
}

.list-pd_gallery {
    clear: both;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
}

.wrap-item-gallery {
    width: 50%;
    padding: 15px;
}

.wrap-item-gallery:nth-child(6n + 4),
.wrap-item-gallery:nth-child(6n + 2),
.wrap-item-gallery:nth-child(6n + 1) {
    float: left;
}

.wrap-item-gallery:nth-child(6n + 5),
.wrap-item-gallery:nth-child(6n + 6),
.wrap-item-gallery:nth-child(6n + 3) {
    float: right;
}

.wrap-item-gallery:nth-child(6n + 5),
.wrap-item-gallery:nth-child(6n + 6),
.wrap-item-gallery:nth-child(6n + 2),
.wrap-item-gallery:nth-child(6n + 1) {
    width: 25%;
}

.wrap-item-gallery .item-gallery {
    background-color: #000;
}

.wrap-item-gallery a {
    display: block;
    position: relative;
    overflow: hidden;
}

.wrap-item-gallery a::after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: .2s all ease-in-out;
}

.wrap-item-gallery.image a::after {
    background: url('../images/pic.png') no-repeat center;
}

.wrap-item-gallery.video a::after {
    background: url('../images/play.png') no-repeat center;
}

.wrap-item-gallery a:hover::after {
    transform: scale(1.2);
}

.wrap-item-gallery img {
    opacity: 0.5;
    width: 100%;
    height: 151.58px;
    object-fit: cover;
}

.wrap-item-gallery:nth-child(6n + 4) img,
.wrap-item-gallery:nth-child(6n + 3) img {
    height: 320px;
}

.product-related-list {
    margin: 0 -15px;
    list-style: none;
}

.text-upper {
    text-transform: uppercase;
}

.text-non-upper {
    text-transform: none;
}

.product-related h2 {
    margin-bottom: 15px;
}

li.product-loop {
    padding: 0 15px;
}

li.product-loop a {
    display: block;
    overflow: hidden;
    color: #333333;
    background-color: #fff;
    border: 2px solid #ff3939;
}

li.product-loop .product-feature {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
}

li.product-loop img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: .2s all ease-in-out;
}

li.product-loop:hover img {
    transform: scale(1.2);
}

li.product-loop .product-info {
    border-top: 5px solid #1d77bb;
    padding: 20px;
    padding-bottom: 40px;
    min-height: 100px;
}

li.product-loop .product-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

li.product-loop:hover .product-name {
    color: #1d77bb;
}

.show_hide {
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
    color: #999999;
    margin-top: 20px;
    cursor: pointer;
}

.product-related-list .slick-arrow {
    position: absolute;
    top: 50%;
    color: #c5c5c5;
    font-size: 25px;
    cursor: pointer;
    transform: translateY(-50%);
}

.product-related-list .slick-arrow.prev {
    right: 100%;
}

.product-related-list .slick-arrow.next {
    left: 100%;
}

.product-related-list .slick-arrow:hover {
    color: #1d77bb;
}

.sidebar-product {
    background-color: #ffffff;
    padding: 0;
}

.sidebar-product h4 {
    background-color: #ed1c24;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    padding: 15px 20px;
    margin-bottom: 0;
}

.sidebar-product ul {
    margin: 0;
    list-style: none;
    padding: 0 15px;
}

.sidebar-product li.item_cat {
    padding: 10px 0;
    position: relative;
}

.sidebar-product li.item_cat+li.item_cat {
    border-top: 1px dashed #e1e1e1;
    /* padding-top: 20px; */
}

.sidebar-product a {
    display: block;
}

.sidebar-product .item_cat>a {
    color: #666666;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

.sidebar-product li.sub_cat {
    position: relative;
    padding: 5px 0;
}

.sidebar-product li.sub_cat a {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

.sidebar-product li.sub_cat a:before {
    content: '\f105';
    font-family: FontAwesome;
    display: block;
    position: absolute;
    left: -15px;
    top: 0;
    line-height: 35px;
    color: #666666;
}

.sidebar-product a:hover,
.sidebar-product li.sub_cat a:hover,
.sidebar-product li.sub_cat a:hover::before {
    color: #78C2E9;
}

.sidebar-product li.sub_cat a:hover {
    text-decoration: underline !important;
}

.wrap-filter {
    background-color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    position: relative;
    z-index: 1;
}

.wrap-filter .filter-item {
    padding: 0 20px;
    width: calc(100% / 3);
}

select.form-filter {
    width: 100%;
    border: none;
    background: transparent;
}

button.dropdown-toggle {
    padding: 0 20px;
    background: transparent;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    border: none;
    width: 100%;
    text-align: left;
}

.dropdown-toggle::after {
    margin-left: auto;
    content: '\f107';
    border: none;
    font-family: 'FontAwesome';
    vertical-align: middle;
    float: right;
}

.dropdown-menu {
    width: 100%;
    border-radius: 0;
    border: none;
    box-shadow: 0 2px 3px 0 #00000017;
}

.dropdown-item {
    padding: 0 20px;
    line-height: 30px;
    color: #717171 !important;
}

.wrap-filter .filter-item+.filter-item {
    border-left: 1px solid #e1e1e1;
    padding: 0;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #78C2E9e0;
}

ul.products {
    list-style: none;
    margin: 0 -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.products li.product-loop {
    width: calc(100% / 3);
    margin-bottom: 20px;
}

.link-product {
    color: #999999;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
}

.single-product .link-product {
    display: none;
}

.products li.product-loop .product-info {
    padding-bottom: 20px;
}

.products li.product-loop:hover .product-name {
    text-decoration: underline;
}

.products li.product-loop:hover a {
    box-shadow: 4px 3px 6px 2px rgba(0, 0, 0, 0.2);
}

.wrap-paged ul {
    list-style: none;
    text-align: center;
    margin: 0;
}

.wrap-paged ul li {
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    color: #999999;
}

.wrap-paged ul a {
    color: #999;
    display: block;
}

.wrap-paged ul li.active a,
.wrap-paged ul li:hover a {
    color: #78C2E9;
}

.wrap-paged ul li.active,
.wrap-paged ul li:hover {
    border-color: #78C2E9;
}

.form_filter {
    display: none;
}

.item-cat .col-md-6 {
    display: flex;
    align-items: center;
}

.cat_name {
    color: #333333;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.13px;
}

.cat_desc {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
}

.cat_link {
    margin-top: 70px;
}

.cat_link a {
    background-color: #78C2E9;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 10px 45px;
    line-height: 25px;
    font-weight: 500;
    transition: .3s all ease-in-out;
}

.cat_link a:hover {
    opacity: 0.5;
}

.cat_content {
    width: 100%;
}

.cat_featured img,
.cat_featured {
    width: 100%;
}

.item-cat .col-md-6 {
    padding: 0;
}

.item-cat .col-md-6:nth-child(1) {
    padding-right: 0;
}

.item-cat .col-md-6:nth-child(2) {
    padding: 0 60px;
    background-color: #fff;
}

.item-cat {
    margin: 0;
}

.item-cat+.item-cat {
    margin-top: 20px;
}

.item-cat:nth-child(even) {
    flex-direction: row-reverse;
}

.content-service {
    color: #666;
}

.content-service-2 h4 {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.content-service-2 table {
    margin: 10px;
    width: calc(100% - 20px) !important;
    position: relative;
    background-color: #f2f2f2;
    border: none;
    color: #666;
}

.content-service-2 table::before {
    content: '';
    display: block;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    z-index: -1;
    top: -10px;
    left: -10px;
    background-color: #ffffff;
}

.content-service-2 th,
.content-service-2 td {
    border-color: #e1e1e1;
}

.content-service-2 thead td {
    border-width: 0 1px 0 0;
    background-color: #78C2E9;
    color: #fff;
}

.content-service-2 tbody tr:last-child td {
    border-width: 0 1px 0 0;
}

.content-service-2 tbody tr td:last-child {
    border-width: 0 0 1px 0;
}

.content-service-2 tbody tr:last-child td:last-child {
    border-width: 0;
}

th {
    padding: 15px 20px;
}

td {
    padding: 20px;
}

.item-service {
    position: relative;
}

.item-service+.item-service {
    margin-top: 10px;
}

.item-service img {
    width: 100%;
    object-fit: cover;
    height: 240px;
    transition: .3s all ease-in-out;
}

.item-service:hover img {
    opacity: 0.4;
}

.item-service a {
    position: relative;
    display: block;
    background-color: #78C2E9;
}

.item-service a:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/icon_plus.png') no-repeat center;
    background-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    transition: .3s all ease-in-out;
    opacity: 0;
}

.item-service:hover a:after {
    opacity: 1;
}

.item-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    padding-left: 35px;
    display: flex;
    align-items: flex-end;
    background-image: linear-gradient(3deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 66%);
}

h4.item-title {
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    position: relative;
}

h4.item-title::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: #ed1c24;
    position: absolute;
    left: -16px;
    top: 7px;
}

.wrap-services {
    margin-right: -8px;
    margin-left: -8px;
}

.wrap-services .col-md-4 {
    padding-left: 8px;
    padding-right: 8px;
}

.wrap-services:not(.wrap-tech-recipe) .col-md-4:nth-child(2) img {
    /*height: 490px;*/
}

.slick-slider:not(.slider-time) .slick-arrow {
    position: absolute;
    top: 50%;
    font-size: 20px;
    margin-top: -15px;
    cursor: pointer;
}

.slick-slider:not(.slider-time) .slick-arrow.prev {
    left: -35px;
}

.slick-slider:not(.slider-time) .slick-arrow.next {
    right: -35px;
}

.slick-slider:not(.slider-time) .slick-arrow .fa[class*="arrow"] {
    color: #c5c5c5;
}

.other-services .item-service {
    padding: 0 7.5px;
}

.wrap-single-post {
    margin-top: 60px;
}

.wrap-single-post h1 {
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    text-transform: none;
}

.wrap-single-post h1.text-upper {
    text-transform: uppercase !important;
}

.action-post {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 28px;
    border-bottom: 1px solid #e1e1e1;
}

.post-date {
    color: #999999;
    font-size: 12px;
    line-height: 22px;
}

.wrap-like-share {
    display: flex;
}

.like {
    margin-left: 3px;
}

.content-post strong,
.content-post b {
    font-weight: 500;
}

.content-post p {
    margin-bottom: 20px;
}

.content-post p:last-child {
    margin-bottom: 0;
}

.content-post img {
    margin-bottom: 30px;
}

.content-post h4 {
    font-weight: 700;
    font-size: 15px;
}

.content-post ul {
    padding-left: 22px;
    margin-bottom: 20px;
}

.content-post ul li {
    position: relative;
}

.content-post ul li+li {
    margin-top: 10px;
}

.content-post ul li::before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    left: -22px;
    top: 3px;
    background: url('../images/check.png') no-repeat center;
    background-size: 11px;
}

.wrap-orther-solutions,
.wrap-related-posts {
    margin: 0 -15px;
}

.post {
    margin: 0;
    padding: 0 15px;
}

.post img {
    width: 100%;
    height: 140px;
    margin-bottom: 10px;
    object-fit: cover;
    transition: .3s all ease-in-out;
}

.post a:hover img {
    opacity: .8;
}

.post a {
    display: block;
    position: relative;
    color: #333333;
    font-weight: 500;
    overflow: hidden;
}

.post a:hover {
    color: #78C2E9;
}

.post a:hover .post-title {
    text-decoration: underline;
}

.other-posts h4 {
    font-size: 30px;
    font-weight: 500;
}

ul {
    margin: 0;
    list-style: none;
}

li.cat-item {
    display: inline-block;
    margin: 0 5px;
}

.cat-item a {
    padding: 10px 38px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #e1e1e1;
    background-color: #f2f2f2;
    color: #999999;
    transition: .3s all ease-in-out;
    line-height: 18px;
}

.cat-item.active a,
.cat-item a:hover {
    color: #fff;
    background-color: rgba(0, 102, 179, 0.88);
    border-color: rgba(0, 102, 179, 0.88);
}

.category-nav {
    margin-bottom: 30px;
}

.category-posts .post {
    margin-bottom: 40px;
}

.post-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
}

.home_sec4 {
    margin-bottom: 30px !important;
}

.home_sec4 .container {
    padding-top: 45px;
    padding-bottom: 65px;
    background: url('../images/bg-news.png') repeat center;
    background-color: rgba(255, 255, 255, 0.5);
    background-size: 100%100%;
}

.home_sec4 .col-md-8 {
    padding-left: 45px;
}

.wrap-gallery .item {
    float: left;
    width: 25%;
    padding: 15px;
}

.wrap-gallery .item:nth-child(3) {
    float: right;
    width: 50%;
}

.wrap-gallery .item:nth-child(4) {
    width: 50%;
}

.wrap-gallery {
    margin-left: -15px;
    margin-right: -15px;
}

.wrap-gallery img {
    width: 100%;
    object-fit: cover;
    height: 140px;
    opacity: 0.5;
    transition: .3s all ease-in-out;
}

.wrap-gallery .item:nth-child(3) img,
.wrap-gallery .item:nth-child(4) img {
    height: 300px;
}

.wrap-gallery a {
    display: block;
    background-color: #000000;
    position: relative;
    overflow: hidden;
}

.wrap-gallery a::after {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    background: url('../images/play.png') no-repeat center;
    background-size: 25px;
    width: 26px;
    height: 26px;
    margin-left: -13px;
    margin-top: -13px;
    transition: .3s all ease-in-out;
}

.album-item a::after {
    background: url('../images/pic.png') no-repeat center;
}

.video-item a::after {
    background: url('../images/play.png') no-repeat center;
}

.wrap-gallery a .item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(0, 102, 179, 0.7);
    color: #fff;
    padding: 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    transform: translateY(100%);
    transition: .3s all ease-in-out;
}

.wrap-gallery a:hover .item-title {
    transform: translateY(0);
}

.wrap-gallery a:hover img {
    opacity: 1;
}

.wrap-gallery a:hover::after {
    opacity: 0;
}

.download-item {
    float: left;
    width: calc(100% / 3);
    padding: 15px;
}

.download-item img {
    height: 210px;
    object-fit: cover;
    width: 100%;
    transition: .3s all ease-in-out;
}

.download-item:first-child img {
    height: 450px;
}

.download-item a {
    display: block;
    position: relative;
    overflow: hidden;
}

.download-item a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.33) 43%, rgba(0, 0, 0, 0) 64%);
    opacity: 0.7;
}

.download-item .download-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 20px 65px;
    color: #ffffff;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
    z-index: 2;
}

.download-item .label {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 20px;
    padding-right: 20px;
    z-index: 2;
    color: #ed1c24;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
}

.download-item a:hover img {
    transform: scale(1.2);
}

.content-single-rec {
    margin-bottom: 55px !important;
}

input.wpcf7-submit[type="submit"] {
    background-color: #78C2E9;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    padding: 10px 0;
}

.rec_sec1 h2 {
    color: #333333;
    font-size: 24px;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

.rec_sec1 img {
    width: 100%;
}

.wrap-col-step {
    margin-left: -15px;
    margin-right: -15px;
}

.col-step {
    width: calc(100% / 3);
    padding: 0 15px;
    float: left;
    margin-bottom: 30px;
}

.col-step:last-child {
    margin-bottom: 60px;
}

.col-step:nth-child(3) {
    float: right;
}

.wrap-step {
    background-color: #ffffff;
    border-top: 5px solid #78C2E9;
    padding: 30px 15px 30px 20px;
}

.wrap-step>div {
    padding-right: 30px;
    height: 310px;
    overflow: hidden;
    position: relative;
}

.col-step:nth-child(3) .wrap-step>div {
    height: 715px;
}

.wrap-step .num {
    color: #78C2E9;
    font-size: 60px;
    font-weight: 500;
    line-height: 60px;
    margin-bottom: 15px;
}

.wrap-step .name {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px;
}

.wrap-step .desc {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}

.wrap-step .desc p {
    margin-bottom: 10px;
}

.wrap-contact-address {
    background-color: #fff;
    padding: 20px;
    color: #666666;
}

.wrap-contact-address h2 {
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.wrap-contact-address h4 {
    color: #78C2E9;
    font-size: 16px;
    font-weight: 700;
}

.wrap-contact-address a {
    text-decoration: underline !important;
    color: #78C2E9;
    transition: .3s all ease-in-out;
}

.wrap-contact-address a:hover {
    opacity: 0.5;
    color: #78C2E9;
}

.wrap-contact-form {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
    color: #666666;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    background-color: #f8f8f8;
    width: 100%;
}

select#your-contact {
    display: block;
    height: 45px;
}

textarea#your-mess {
    line-height: 23px;
}

.wrap-contact-form input.wpcf7-submit[type="submit"] {
    float: right;
    width: auto;
    padding: 10px 60px;
}

.solution {
    margin: 0;
    padding: 0 15px;
}

.solution a {
    display: block;
    position: relative;
    overflow: hidden;
}

.solution img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: .3s all ease-in-out;
}

.solution-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px 20px;
    z-index: 2;
}

.solution-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
}

.solution a::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(4deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 24%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0) 100%);
    transition: .3s all ease-in-out;
}

.solution a:hover::after {
    background-color: rgba(0, 102, 179, 0.5);
}

.solution a::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    width: 21px;
    height: 20px;
    transition: .3s all ease-in-out;
    opacity: 0;
    z-index: 1;
    background: url('../images/icon_plus.png') no-repeat center;
    background-size: 20px;
}

.solution a:hover::before {
    opacity: 1;
}

.recipe_page_title h1 {
    color: #333333;
    font-size: 30px;
    line-height: 45px;
}

.recipe_sec h2 {
    color: #333333;
    font-size: 20px;
    line-height: 45px;
}

.recipe_sec1 h2 {
    position: relative;
}

.recipe_sec1 .symbol {
    background-color: #78C2E9;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    text-transform: none;
    border-radius: 99px;
    margin-left: 10px;
}

.recipe_sec1 .desc {
    margin-top: -20px;
    color: #666666;
    font-size: 16px;
    line-height: 20px;
}

.col-calc {
    width: calc(500% / 8);
    padding-left: 15px;
    padding-right: 15px;
}

.col-img {
    width: calc(300% / 8);
    padding-left: 15px;
    padding-right: 15px;
}

.col-img img {
    width: 100%;
}

.wrap-calc {
    border: 2px solid #e1e1e1;
    padding: 50px 30px;
    display: flex;
    align-items: center;
}

.recipe_sec1 .wrap-calc .symbol {
    margin: 0;
}

span.equal {
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    margin: 0 20px;
}

select#calc {
    cursor: pointer;
    width: 120px;
    margin-right: 20px;
    height: 37px;
    padding: 0 10px;
    border-radius: 0;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
}

button.action-calc {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    background-color: #ed1c24;
    padding: 10px;
}

.wrap-results {
    padding: 10px;
    background-color: #ffffff;
}

.table {
    margin: 0;
    color: #333333;
    font-size: 15px;
    font-weight: 700;
}

.t-head {
    background-color: #78C2E9;
    color: #fff;
    text-transform: uppercase;
}

.t-body {
    border: 1px solid #e1e1e1;
    border-top: 0;
}

.t-row {
    display: flex;
}

.table .t-col {
    width: 50%;
}

.table .t-name,
.table .t-content {
    padding: 10px 20px;
}

.table .t-content {
    display: flex;
    align-items: center;
}

.table .t-col+.t-col {
    border-left: 1px solid #ffffff;
}

.table .t-body .t-col+.t-col {
    border-color: #e1e1e1;
}

.table .t-body .t-row:nth-child(2n) .t-col {
    background-color: #f2f2f2;
}

.recipe-name {
    display: inline-block;
    color: #78C2E9;
    text-transform: none;
    margin-left: 5px;
}

.navigation-search input {
    height: auto;
    padding: 10px;
}

.navigation-search.nav-search-active {
    top: -5px;
}

.table .t-col:nth-child(1) .t-content:before {
    margin-right: 10px;
    content: '';
    display: inline-block;
    width: 116px;
    height: 43px;
    background: url('../images/optimale-rilllinie.png') no-repeat center;
    background-size: 116px 43px;
}

.table .t-col:nth-child(2) .t-content:before {
    margin-right: 10px;
    content: '';
    display: inline-block;
    width: 111px;
    height: 42px;
    background: url('../images/optimale-rillzurichtung.png') no-repeat center;
    background-size: 111px 42px;
}

.wrap-recipe_sec-content {
    border: 2px solid #e1e1e1;
    padding: 40px;
    display: flex;
    align-items: center;
}

.col-recipe_sec-content {
    width: 50%;
    font-weight: 700;
}

.recipe-next a {
    color: #78C2E9;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    text-decoration: underline !important;
    transition: .3s all ease-in-out;
}

.recipe-next a:hover {
    opacity: 0.5;
}

.sidebar-solution {
    background-color: #ffffff;
}

.sidebar-solution h2 {
    color: #ffffff;
    font-size: 16px;
    padding: 20px;
    background-color: #78C2E9;
    line-height: 20px;
    margin-bottom: 0;
}

.tech-solution {
    padding: 0 20px 13px;
}

.tech-solution a {
    display: block;
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    text-transform: uppercase;
    padding: 15px 0;
}

.tech-solution li:not(:last-child) {
    border-bottom: 1px dashed #e1e1e1;
}

.tech-solution li.current-menu-item a,
.tech-solution li a:hover {
    color: #78C2E9;
}

.list-tech-sol {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
}

.col-tech-sol {
    padding: 10px;
    width: 50%;
}

.col-tech-sol .solution {
    padding: 0;
}

.search-results .post {
    margin-bottom: 30px;
}

.thuythu-navigation .nav-previous,
.thuythu-navigation .nav-next {
    display: none;
}

nav.thuythu-navigation {
    text-align: center;
    margin-bottom: 50px;
}

.thuythu-navigation .page-numbers {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    height: 30px;
    min-width: 30px;
    line-height: 28px;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
}

.thuythu-navigation .page-numbers.current,
.thuythu-navigation .page-numbers:hover {
    border: 1px solid #78C2E9;
    color: #78C2E9;
}

.home_sec4 .col-md-4.col-video {
    padding-right: 55px;
}

.home_sec4 .col-video img {
    height: 230px;
    opacity: .5;
    margin-bottom: 0;
}

.home_sec4 .col-video .wrap-img-video {
    position: relative;
    background-color: #000;
    margin-bottom: 10px;
}

.home_sec4 .col-video .wrap-img-video:after {
    content: '';
    display: block;
    width: 13px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -6px;
    background: url('../images/play_1.png') no-repeat center;
    background-size: 13px 16px;
}

.post-excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666666;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 10px;
}

.view-more {
    margin-top: 15px;
    color: #666666;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: underline;
}

.btn-fix a {
    display: block;
    position: fixed;
    z-index: 3000;
    bottom: 280px;
    right: 10px;
    width: 75px;
    padding: 15px 9px;
    background: url(../images/bg-fixed.png) no-repeat center;
    background-size: 100%100%;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.06px;
}

.btn-fix a::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    margin: auto;
    margin-bottom: 15px;
    background: url(../images/pinion.png) no-repeat center;
    background-size: 25px;
}

.logo-fixed img {
    position: absolute;
    right: 200px;
    bottom: 60px;
}

.list-tech-sol+.wrap-paged {
    margin-top: 50px;
}

.about_sec1 .content {
    color: #666;
}

span.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7-not-valid {
    border-color: red !important;
}

div.wpcf7-response-output {
    margin: 40px 0 0;
}

.title-list-td,
.rec_steps h4 {
    font-size: 36px;
}

.wrap-visits ul {
    text-align: center;
}

.wrap-visits ul li {
    display: inline-block;
    color: #fff;
    margin: 0 10px;
}

.wrap-visits label {
    margin-bottom: 0;
    margin-right: 5px;
}

.wrap-popup {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.popup-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.wrap-popup.active {
    opacity: 1;
    visibility: visible;
}

.popup-content {
    position: relative;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
    transition-delay: .3s;
    opacity: 0;
}



.wrap-popup.active .popup-content {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
}

.popup-content a {
    display: block;
}

.popup-content img {
    max-width: 85vw;
    max-height: 85vh;
    object-fit: contain;
    color: #78C2E9;
}

.close-popup {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    margin-right: -12.5px;
    text-align: center;
    border-radius: 50%;
    background-color: #78C2E9;
    color: #ffffff;
    opacity: .8;
    cursor: pointer;
    transition: .5s all ease-in-out;
}

.close-popup:hover {
    transform: rotate(360deg) scale(1.4);
    opacity: 1;
}

.wrap-skype {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 1000;
}

.skype-button {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.skype-logo {
    position: relative;
    background: url(../images/Skype_logo.png) no-repeat center;
    background-size: 30px;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.skype-button:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    background-color: #0065b238;
    border-radius: 50%;
    -webkit-animation: scale-out-center 1s linear infinite both;
    animation: scale-out-center 1s linear infinite both;
}
.wrap-zalo {
    position: fixed;
    right: 20px;
    bottom: 180px;
    z-index: 1000;
}

.zalo-button {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.zalo-logo {
    position: relative;
    background: url(../images/logo_zalo.png) no-repeat center;
    background-size: 30px;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.zalo-button:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    background-color: #0065b238;
    border-radius: 50%;
    -webkit-animation: scale-out-center 1s linear infinite both;
    animation: scale-out-center 1s linear infinite both;
}

/**
 * ----------------------------------------
 * animation scale-out-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }
}

@keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }
}

.zalo-contacts {
    box-shadow: 0 0 7px 0 #fff;
    position: absolute;
    right: 75px;
    bottom: 30px;
    min-width: 200px;
    background: #3f87c1;
    padding: 20px;
    border-radius: 20px;
    opacity: 0;
    transition: .3s all ease-in-out;
    visibility: hidden;
    transform: translateY(20px);
}

.item-zalo a {
    color: #ffffff;
    display: block;
    padding: 5px 0;
}

.wrap-zalo.active .zalo-contacts {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.skype-contacts {
    box-shadow: 0 0 7px 0 #fff;
    position: absolute;
    right: 75px;
    bottom: 30px;
    min-width: 200px;
    background: #0065b2;
    padding: 20px;
    border-radius: 20px;
    opacity: 0;
    transition: .3s all ease-in-out;
    visibility: hidden;
    transform: translateY(20px);
}

.item-skype a {
    color: #ffffff;
    display: block;
    padding: 5px 0;
}

.wrap-skype.active .skype-contacts {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#toggle-main-menu {
    z-index: 200;
    width: 34px;
    height: 24px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}


#toggle-main-menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#toggle-main-menu span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

#toggle-main-menu span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
}

#toggle-main-menu span:nth-child(1),
#toggle-main-menu span:nth-child(2) {
    top: 0px;
}

#toggle-main-menu span:nth-child(3),
#toggle-main-menu span:nth-child(4) {
    top: 10px;
}

#toggle-main-menu span:nth-child(5),
#toggle-main-menu span:nth-child(6) {
    top: 20px;
}

.menu-active #toggle-main-menu span {
    background-color: #fff;
}

.menu-active #toggle-main-menu span:nth-child(1),
.menu-active #toggle-main-menu span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-active #toggle-main-menu span:nth-child(2),
.menu-active #toggle-main-menu span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-active #toggle-main-menu span:nth-child(1) {
    left: 2px;
    top: 7px;
}

.menu-active #toggle-main-menu span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
    width: 50%;
}

.menu-active #toggle-main-menu span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

.menu-active #toggle-main-menu span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

.menu-active #toggle-main-menu span:nth-child(5) {
    left: 2px;
    top: 17px;
}

.menu-active #toggle-main-menu span:nth-child(6) {
    left: calc(50% - 5px);
    top: 17px;
    width: 50%;
}

.menu-toggle:before {
    display: none;
}

.main-navigation .menu-toggle {
    outline: none;
}

.navigation-search input[type="submit"],
.navigation-search label{
    display: none;
}

.sidebar-product ul.sub_cats {
    max-height: 0;
    overflow: hidden;
    transition: .5s all ease-in-out;
}

ul.sub_cats.active {
    max-height: 1000px;
}

.item_cat label {
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px;
    line-height: 20px;
    cursor: pointer;
}

.sidebar-product li.sub_cat a.active,
.sidebar-product .item_cat > a.active{
    color: #0065b2;
}

.toggle-sidebar-product{
    display: none;
}

.sidebar-solution h2 i,
.sidebar-product h4 i{
    display: none;
}

.product-sumary h1.hidden{
    display: none;
}
.arcu-widget{
    width: auto !important;
    overflow: unset !important;
}
.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.load_home_page.complete .mask {
    background-color: transparent;
}

div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: #fff;
    /*backdrop-filter: blur(40px);*/
}

div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}

div.load_home_page .mask span:nth-child(1) {
    top: 0;
}

div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}

div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}

div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}

div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}

.load_home_page.complete {
    visibility: hidden;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .8s;
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 10px 0 0  !important;
}
.load_home_page.complete svg{
    transition-delay: 0.8s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page path{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: #FFF;
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.path-2{
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2,.25,.43,.96);
    stroke: var(--sub-cl);
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2{
    fill: var(--sub-cl);
}
.load_home_page.complete .path-1{
    fill: #FFF
}
@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}
@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}
img.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20rem;
    max-width: 80vw;
    transition: 1.5s all ease-in-out;
    opacity: 1;
}
.load_home_page.complete img.logo_center{
    opacity: 0;
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 100px;
    height: 100px;
    background-color: #fff;
    opacity: 1;
}
.content-post p img {
    margin-bottom: 0;
}
header {
    position: relative;
    z-index: 999;
}

.header_bottom .menu a {
    font-size: 18px;
}
footer {
    font-size: 17px;
}
.thuythu-breadcrumb ul .devide, .thuythu-breadcrumb ul li {
    font-size: 15px;
}

h1.title {
    font-size: 19px;
}

.header_top .wrap_left b {
    color: #fff;
    font-size: 20px;
    margin-left: 15px;
}
.header_bottom .menu a {
    text-transform: uppercase;
}
.header_bottom .menu ul.sub-menu  ul.sub-menu {
    left: unset;
    right: 0;
    transform: translateX(100%);
    top: 0;
    opacity: 0;
    pointer-events: none;
    width: max-content;
    max-width: 270px;
}

.header_bottom .menu ul.sub-menu li:hover> ul.sub-menu {
    opacity: 1 !important;
    pointer-events: unset;
}
.contact_sec_1  form .row {
    row-gap: 20px;
}

.contact_sec_1 form input.wpcf7-submit {
    margin-top: 20px;
}
section.search-results .row .row {
    margin: 0;
}
.box_language a {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0;
}
.product-images > .slick-list{
    overflow: hidden;
}
.contact-box{
    background: #FFF;
    box-shadow: 0 0 20px #f1f1f1;
    width: 100%;
    position: relative;
    z-index: 3;
    margin-top: 30px;
}
.contact-box .contact-title{
    background: #ed1c24;
    color: #FFF;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 600;
}
.contact-box .contact-list{
    padding: 10px 14px;
}
.contact-box .contact-list .contact-item .name{
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}
.contact-box .contact-list .contact-item .name > a{
    font-size: 16px;
    color: #185ba1;
}
.contact-box .contact-list .contact-item+.contact-item{
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #999;
}
.contact-box .contact-list .contact-item .contact-socials{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.contact-box .contact-list .contact-item .contact-social{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    color: #ed1c24;
}
.contact-box .contact-list .contact-item .contact-social img{
    width: 32px;
    height: 32px;
}
@media only screen and (min-width: 768px) {
    .header_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 15px;
    }

    a#logo_header img {
        width: 80px;
        height: auto;
    }



    .header_top_right ul {
        display: flex;
    }

    .header_top_right ul a {
        color: #fff;
    }

    .header_top_right ul li + li:before {
        content: '';
        width: 1px;
        height: 14px;
        background: #fff;
        display: inline-block;
        margin: 0 10px;
    }

    .header_top_right ul li {
        display: flex;
        align-items: center;
    }

    .header_bottom .menu {
        background: #185ba1;
        border: 1px solid rgb(255 255 255 / 50%);
        border-radius: 5px;
        display: flex;
    }

    .header_bottom .menu a {
        line-height: 50px;
        color: #fff;
        padding: 0 60px;
        display: inline-block;
    }

    li.search-item {
        display: none;
    }

    .wpml-ls-item {
        display: none;
    }

    .header_bottom .menu li+li {
        border-left: 1px solid rgb(255 255 255 / 20%);
    }

    .header_bottom {
        margin-top: 15px;
    }

    .header_bottom .menu>li:first-child>a {
        font-size: 30px;
    }
    .header_top_right .top {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        margin-bottom: 10px;
    }

    form#searchform>div {
        display: flex;
        position: relative;
    }

    form#searchform>div input#searchsubmit {
        border-radius: 100px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        min-width: unset;
        padding: 0;
        font-size: 0;
        background-color: transparent !important;
        right: 5px;
        background: url('../images/icon_search.svg') no-repeat center;
    }

    form#searchform>div input#s {
        height: 34px;
        padding: 0 10px;
        color: #333;
    }

    form#searchform>div input#s::placeholder {
        color: #333;
    }
    .header_bottom .menu ul.sub-menu {
        position: absolute;
        background: #efefef;
        left: 0;
        margin: 0;
        min-width: 100%;
        opacity: 0;
        transition: .4s all;
        pointer-events: none;
    }

    .header_bottom .menu li {
        position: relative;
    }

    .header_bottom .menu ul.sub-menu a {
        color: #333;
        padding: 10px;
        line-height: normal;
        display: block;
        transition: .5s all;
    }

    .header_bottom .menu ul.sub-menu li+li {
        border-top: 1px solid #fff;
    }

    .header_bottom .menu ul.sub-menu a:hover {
        background: #185ba1;
        color: #fff;
    }
    .header_bottom .menu li:hover>ul.sub-menu {
        opacity: 1;
        pointer-events: unset;
    }
}
@media screen and (max-width: 1199px){
    .header_bottom .menu a {
        padding: 0 35px;
    }
}
@media screen and (max-width: 991px){
    .header_bottom .menu a {
        padding: 0 15px;
    }
}
@media only screen and (max-width: 767px) {
    .main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a {
        background: transparent !important;
        padding-left: 0 !important ;
    }

    nav.toggled ul ul.sub-menu {
        box-shadow: none !important;
    }
    .main-navigation .main-nav ul ul li:hover > a, .main-navigation .main-nav ul ul li:focus > a, .main-navigation .main-nav ul ul li.sfHover > a {
        background: transparent !important;
        text-align: left !important;
    }
    .main-navigation .main-nav ul li.menu-item-has-children>a {
        padding-left: 0 !important;
    }
    a.add-to-contact {
        width: 100%;
    }
    .mobile_wrap {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .action_language ul {
        display: flex;
        gap: 6px;
    }

    .nav-search-enabled .main-navigation .menu-toggle {
        padding-left: 9px;
    }
}