/*
Theme Name: Thiết kế web 
Theme URI: http://underscores.me/
Author: Thanh Doan
Author URI: https://www.facebook.com/thanh250896
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tkw
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Thiết kế web Hoàng Long media is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
.pum-content.popmake-content:focus-visible, 
.pum-content *:focus, 
.pum-overlay .pum-content {
    outline: none !important;
}
.wpcf7 br {
    display: none;
}
@font-face {

    font-family: "Lexend-Regular";

    src: url("fonts/Lexend-Regular.eot") format("embedded-opentype"), url("fonts/Lexend-Regular.woff") format("woff"), url("fonts/Lexend-Regular.ttf") format("truetype"), url("fonts/Lexend-Regular.svg#Lexend-Regular") format("svg");

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "Lexend-SemiBold";

    src: url("fonts/Lexend-SemiBold.eot") format("embedded-opentype"), url("fonts/Lexend-SemiBold.woff") format("woff"), url("fonts/Lexend-SemiBold.ttf") format("truetype"), url("fonts/Lexend-SemiBold.svg#Lexend-SemiBold") format("svg");

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "Roboto-Bold";

    src: url("fonts/Roboto-Bold.eot") format("embedded-opentype"), url("fonts/Roboto-Bold.woff") format("woff"), url("fonts/Roboto-Bold.ttf") format("truetype"), url("fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "Roboto-Medium";

    src: url("fonts/Roboto-Medium.eot") format("embedded-opentype"), url("fonts/Roboto-Medium.woff") format("woff"), url("fonts/Roboto-Medium.ttf") format("truetype"), url("fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");

    font-weight: normal;

    font-style: normal;

}
@media (min-width: 1440.98px) {
    .container {
        max-width: 1175px;
    }
}
body {
    font-family: "Lexend-Regular", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.5;
    color: #252525;
    word-break: break-word;
    position: relative;
    font-size: 16px;
}
figure {
    max-width: 100%;
}
a {
    text-decoration: none;
    color: inherit;
    transition: all .3s;
}
a:hover {
    text-decoration: none;
}
button,input {
    outline: none !important;
    box-shadow: none !important;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary,.btn-primary:focus {
    background-color: unset;
    border-color: unset;
    border: 0 !important;
}
a:focus {
  outline: 0 !important;
}
@media screen and (max-width: 782px){
    html {
        margin-top: 0 !important;
    }
}
h2.screen-reader-text {
    display: none;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.showbar .icon-bar {
    display: block;
    width: 33px;
    height: 3px;
    border-radius: 1px;
}
.showbar .icon-bar {
    background-color: #111;
}
.showbar .icon-bar+.icon-bar {
    margin-top: 7px;
}
.overbg-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #111;
    opacity: .5;
    z-index: 9999;
    display: none;
}
.close-menu {
    background: #fff;
    color: #0003AB;
    text-align: center;
    padding: 10px;
    font-size: 18px;
}
#mobile-menu .sub-menu img {
    display: none;
}
#header.stick-header {
    animation-name: effect;
    animation-duration: .3s;
    background: #fff;
}
@keyframes effect {
  from {top: -50px}
  to {top: 0}
}
.alert-warning {
    background: transparent;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #111;
}
.tab-content > .tab-pane:not(.active), 
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    border-bottom: 1px solid #cccccc;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding: 5px 15px;
    border-bottom: 2px solid transparent;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
@media (min-width: 1200px){
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 16px;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #333333;
    border-bottom: 2px solid #036EB2;
}
.form-control:focus {
    box-shadow: unset !important;
    border-color: #ced4da;
}
.wpcf7-select, .wpcf7-text, .wpcf7-textarea,.wpcf7-number {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    outline: none !important;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.wpcf7-textarea {
    height: auto;
}
.wpcf7-submit {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    cursor: pointer;
}
div.quantity {
    display: flex;
}
.qty_button {
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #111;
  outline: 0;
}
.qty.text {
  padding: 5px 10px;
  border: 1px solid #111;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.quantity__remove {
  border-right: 0;
  margin-right: -5px !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.quantity__add {
  border-left: 0;
  margin-left: -5px !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.single_add_to_cart_button {
    border-radius: 5px !important;
    display: inline-block !important;
    background-color: #036EB2!important;
    box-shadow: none !important;
    margin: 0px !important;
    margin-left: 10px !important;
    float: none !important;
    border: none !important;
    color: #ffffff!important;
    font-size: 14px !important;
    height: 35px;
    font-weight: 500 !important;
}
.woocommerce-pagination ul {
    list-style: none;
    border-radius: 0.25rem;
    border: 0 !important;
}
.woocommerce-pagination ul li {
    border-right: 0 !important;
}
.woocommerce-pagination ul li a {
    color: #111 !important;
}
.woocommerce-pagination ul li .current, .woocommerce-pagination ul li .page-numbers {
    position: relative;
    display: block;
    padding: 5px 10px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin: 0 3px !important;
    transition: unset !important;
}
.woocommerce-pagination ul li .page-numbers {
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 5px !important;
}
.woocommerce-pagination ul li .page-numbers.current {
    background: #109cd9 !important;
    border-color: #109cd9 !important;
    color: #fff !important;
}
#filter-close {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #111;
    opacity: .5;
    z-index: 9999;
    display: none;
}
.filter-btn {
    background-color: #29324e;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: 10px;
}

form.woocommerce-ordering select {
    border-radius: 0;
    padding: 5px;
}
.main-filter section#woof_widget-2 {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 80%;
    min-width: 280px;
    max-width: 370px;
    padding: 0;
    z-index: 9999;
    left: -100%;
    right: auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background: #fff;
    margin: 0;
    padding: 16px 24px;
    overflow: auto;
}
section#woof_widget-2.active {
    left: 0;
}
a.woof_show_auto_form.woof_btn_default {
    display: none !important;
}
section#woof_widget-2 h4 {
    position: relative;
    padding-bottom: 10px;
    font-family: "Lexend-SemiBold";
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
}

section#woof_widget-2 .price_label span {
    font-weight: 700;
    font-size: 14px;
    color: #2b2b2b;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #018786;
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    top: -6px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: #018786;
}

section#woof_widget-2 .woof_price_filter:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.woof label {
    margin: 0;
    padding: 0;
    padding-top: 3px;
}

section#woof_widget-2 .woof_childs_list_li {
    margin-top: 10px;
}

section#woof_widget-2 .woof_childs_list_li li:not(:last-child) {
    margin-bottom: 10px;
}
.clearfix {
    clear: both;
}
.main-filter {
    display: none;
}
ul.woof_list li {
    margin-bottom: 10px !important;
}
.woof_container {
    margin-bottom: 15px;
}
.shopping-cart .shopping-cart-menu-wrapper {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    width: auto;
    z-index: 9999;
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
    -moz-transition: all 0.5s cubic-bezier(0.7, 1, 0.7, 1);
    -o-transition: all 0.5s cubic-bezier(0.7, 1, 0.7, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.7, 1, 0.7, 1);
    transition: all 0.5s cubic-bezier(0.7, 1, 0.7, 1);
    opacity: 0;
    visibility: hidden;
    width: 320px;
}
.heading-cart a {
    color: #111;
    position: relative;
    display: block;
}

ul.woocommerce-mini-cart.cart_list.product_list_widget img {
    max-width: 80px;
}
span#cart-total {
    position: absolute;
    right: -10px;
    top: -5px;
    font-size: 10px;
    width: 15px;
    height: 15px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    border-radius: 1000px;
    background-color: #036EB2;
    z-index: 100;
    padding: 1px;
}
.overlay-cart {
    opacity: 0;
}
.cart-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 25px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #ebebeb;
}
.cart-heading h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
}
.cart-heading .close-side-cart {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #2d2a2a;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 600;
    font-size: 13px;
    line-height: 30px;
    padding-right: 21px;
    cursor: pointer;
}
.cart-heading .close-side-cart:after,.cart-heading .close-side-cart:before {
    content: " ";
    position: absolute;
    top: 50%;
    display: inline-block;
    margin-top: -1px;
    width: 15px;
    height: 2px;
    background-color: currentColor;
    -webkit-transition: background-color .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: background-color .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
    right: 0;
}
.cart-heading .close-side-cart:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.cart-heading .close-side-cart:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.cart-body {
    border-bottom: 1px solid #ebebeb;
}
.shopping-cart .shopping-cart-menu-wrapper p {
    clear: both;
    margin: 0;
    white-space: nowrap;
}
.shopping-cart .shopping-cart-menu-wrapper .woocommerce-mini-cart__empty-message {
    padding-top: 15px;
    padding-bottom: 15px;
    
}
.return-to-shop .button {
    padding: 10px 15px;
    font-size: 12px;
    line-height: 16px;
    background-color: #e0305e;
    color: #FFF;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow 0s ease,opacity .25s ease;
}
.overlay-cart.opened {
    background: #000;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    min-height: 100vh;
    opacity: 0.6;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -o-transition: opacity 0.2s ease-in-out 0s;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}
.shopping-cart.opened .shopping-cart-menu-wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.close-side-cart:hover:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-side-cart:hover:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.shopping-cart .shopping-cart-menu-wrapper .shopping-cart-side-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -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;
}
.shopping-cart .shopping-cart-menu-wrapper .shopping-cart-side-content .uni-scroll {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: calc(100vh - 215px);
}
.shopping-cart .shopping-cart-menu-wrapper .cart-body {
    border-bottom: 1px solid #ebebeb;
}
.shopping-cart .shopping-cart-menu-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.shopping-cart .shopping-cart-menu-wrapper ul li {
    position: relative;
    padding: 10px 20px 10px 10px;
    margin: 0;
    border-bottom: 1px solid #ebeef6;
    float: left;
    clear: both;
    width: 100%;
}
.shopping-cart .shopping-cart-menu-wrapper a.remove-item {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    z-index: 1;
    display: inline-block;
    font-size: 1.5em;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}
.shopping-cart .shopping-cart-menu-wrapper a.remove-item:hover {
    background-color: #ff0000;
    color: #FFF;
}
.shopping-cart .shopping-cart-menu-wrapper ul li .shopping-cart-menu-product-media {
    float: left;
    width: 60px;
    margin-right: 10px;
}
.shopping-cart .shopping-cart-menu-wrapper ul li .shopping-cart-menu-product-wrap {
    float: left;
    width: calc(100% - 70px);
}
.shopping-cart .shopping-cart-menu-wrapper .shopping-cart-menu-product-wrap a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.shopping-cart .shopping-cart-menu-wrapper .quantity {
    font-size: 13px;
    display: block;
}
.shopping-cart .shopping-cart-menu-wrapper .cart-body .woocommerce-Price-amount {
    font-weight: bold;
    color: #f00;
    font-size: 15px;
}
.shopping-cart .shopping-cart-menu-wrapper .cart-footer {
    padding: 0 15px;
    margin-top: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.shopping-cart .shopping-cart-menu-wrapper p.woocommerce-mini-cart__total {
    margin: 10px 0 10px;
}
.shopping-cart .shopping-cart-menu-wrapper p.woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-weight: bold;
    color: #ff0000;
}
.shopping-cart .shopping-cart-menu-wrapper .woocommerce-mini-cart__buttons a {
    color: #fff;
    border-radius: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
    min-height: 0;
    line-height: 1.4;
    position: relative;
    display: block;
    text-align: center;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: rgba(230,126,34,.8);
}
.shopping-cart .shopping-cart-menu-wrapper .woocommerce-mini-cart__buttons a.checkout {
    background-color: #222222;
}
.shopping-cart .shopping-cart-menu-wrapper .woocommerce-mini-cart__buttons a:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}
.shopping-cart .shopping-cart-menu-wrapper ul li .shopping-cart-menu-product-media img {
    width: 100% !important;
}
#logo img {
    width: 130px;
}
header#header {
    z-index: 100;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    background-color: transparent;
}

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

form.search-form {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: rgba(3, 110, 178, 0.6);
    border-radius: 5px;
}

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

.header-search {
    margin-right: 15px;
}

.btn-search {
    cursor: pointer;
}

nav#primary-menu ul.menu {
    display: flex;
    align-items: center;
}

nav#primary-menu ul.menu>li:not(:last-child) {
    margin-right: 30px;
}

nav#primary-menu ul.sub-menu ul.sub-menu {
    top: 0px;
    left: 100%;
    height: 100%;
}
nav#primary-menu ul.menu img {
    padding-right: 0;
    object-fit: contain;
    filter: grayscale(1);
}

nav#primary-menu ul.menu li:hover>a> img {
    filter: unset;
}
form.search-form input {
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    width: 100%;
    padding: 10px 20px;
    height: 35px;
    background-color: transparent !important;
    color: #FFFFFF !important;
}

form.search-form input::placeholder {
    color: #fff;
}
.items-banner__mains {
    position: relative;
}
.intros-banners__mains {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}

.intros-banners__mains .row {
    align-items: center;
}

.intros-banners__mains h3 {
    font-size: 50px;
    color: #046db0;
    font-family: "Roboto-Bold";
    line-height: 1.3;
}

a.btn-alls__blues {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 10px 35px;
    position: relative;
    min-height: 45px;
    border-radius: 1000px;
    color: #FFFFFF !important;
    background-color: #036EB2;
    overflow: hidden;
    padding-right: 68px;
    border: 0px;
    max-width: 200px;
}

a.btn-alls__blues:before {
    content: "";
    background: url(images/arrow-right-btn-blues.svg) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 15px;
    z-index: 20;
}

a.btn-alls__blues:after {
    content: "";
    right: 0px;
    height: 200%;
    width: 50px;
    position: absolute;
    right: 0px;
    background-color: #055E96;
    transform: rotate(-15deg);
    z-index: 10;
    transition: all .3s;
}
a.btn-alls__blues:hover:after {
    width: 100%;
}

a.btn-alls__blues span{
    z-index: 999;
}
.commitment-mains {
    background: url(images/commitment-mains-bg.png) no-repeat top center;
    background-size: 100% auto;
    padding: 80px 0px;
}
.items-commitment__mains {
    padding: 25px;
    border-radius: 5px;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0px 7px 14px rgba(53, 53, 53, 0.08);
    height: 100%;
}
.items-commitment__mains .imgs-commitment__mains {
    display: flex;
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.items-commitment__mains .imgs-commitment__mains img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.items-commitment__mains .intros-commitment__mains {
    text-align: center;
}

.intros-commitment__mains h3 {
    font-family: "Lexend-SemiBold";
    margin-bottom: 10px;
    font-size: 18px;
}
section.about-mains {
    padding-bottom: 80px;
}

section.about-mains h4 {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
    padding-left: 13px;
    position: relative;
    margin-bottom: 10px;
    width: fit-content;
}

section.about-mains h4:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    width: 3px;
    height: 20px;
    background-color: #0567A5;
}

section.about-mains h3 {
    font-family: "Lexend-SemiBold";
    font-size: 36px;
    margin-bottom: 20px;
}

section.policy-mains {
    padding-bottom: 80px;
}
section.policy-mains h4 {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
    padding-left: 13px;
    position: relative;
    margin-bottom: 10px;
    width: fit-content;
}

section.policy-mains h4:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    width: 3px;
    height: 20px;
    background-color: #0567A5;
}

section.policy-mains h3 {
    font-family: "Lexend-SemiBold";
    font-size: 36px;
    margin-bottom: 20px;
}
section.policy-mains ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
    list-style: none;
    padding: 0;
}
section.policy-mains ul li {
    padding: 0px 15px;
    display: flex;
    margin-bottom: 20px;
    width: 50%;
}
section.policy-mains ul li:before {
    content: "";
    background: url(images/cicle-list-checks.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 10px;
}
section.capacity-mains {
    padding-bottom: 80px;
}
section.capacity-mains h4 {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
    padding-left: 13px;
    position: relative;
    margin-bottom: 10px;
    width: fit-content;
}

section.capacity-mains h4:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    width: 3px;
    height: 20px;
    background-color: #0567A5;
}

section.capacity-mains h3 {
    font-family: "Lexend-SemiBold";
    font-size: 36px;
    margin-bottom: 20px;
}
.items-capacity__mains {
    display: flex;
    width: 100%;
    padding: 18px 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(53, 53, 53, 0.08);
    border-radius: 5px;
    max-width: 450px;
}
.list-capacity__mains .items-capacity__mains {
    margin-left: auto;
}
.list-capacity__mains .items-capacity__mains:not(:last-child) {
    margin-bottom: 30px;
}
.list-capacity__mains {
    position: relative;
    z-index: 10;
    width: 100%;
}

.items-capacity__mains img {
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    margin-right: 10px;
}
.items-capacity__mains .intros-capacity__items {
    width: 100%;
    flex: 1;
}
.items-capacity__mains .intros-capacity__items .titles-capacity__items {
    font-family: "Lexend-SemiBold";
    margin-bottom: 15px;
    font-size: 20px;
}
.list-capacity__mains .items-capacity__mains:nth-child(2) {
    margin-right: auto;
}

.list-number__capacity {
    display: flex;
    margin: 0px -15px;
    list-style: none;
}
.list-number__capacity li {
    padding: 0px 15px;
    width: 33.33%;
}
.list-number__capacity li .item-number__capacity {
    text-align: center;
    font-family: "Lexend-SemiBold";
    margin-bottom: 10px;
}
.list-number__capacity li .item-number__capacity .number-up__capacity {
    color: #036EB2;
    font-size: 45px;
}
.fs-18s {
    font-size: 18px;
}

section.solution-mains {
    padding-bottom: 80px;
}
section.solution-mains h4 {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
    padding-left: 13px;
    position: relative;
    margin-bottom: 10px;
    width: fit-content;
}

section.solution-mains h4:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    width: 3px;
    height: 20px;
    background-color: #0567A5;
}

section.solution-mains h3.titles-afters__texts {
    font-family: "Lexend-SemiBold";
    font-size: 36px;
    margin-bottom: 20px;
}

.solution-mains .items-solution__mains {
    margin-bottom: 50px;
}
.items-solution__mains .img-solution__mains {
    position: relative;
    height: 1px;
    padding-top: 45%;
    border-radius: 5px;
        background-color: #FCF7F7;
    margin-bottom: 20px;
}
.items-solution__mains .img-solution__mains img {
    position: absolute;
    width: 90%;
    height: 90%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    object-fit: scale-down;
}
.items-solution__mains .intros-items__solution .titles-items__solution {
    font-family: "Lexend-SemiBold";
    text-decoration: underline;
    width: fit-content;
    display: flex;
}

.prd-hot__mains {
    background: url(images/bg-prds-hot-mains.png) no-repeat center;
    background-size: cover;
    padding: 80px 0;
}
.prd-hot__mains .heading {
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    margin-bottom: 30px;
}
.prd-hot__mains .heading h3 {
        font-size: 16px;
    color: #0567A5;
    font-family: "Lexend-SemiBold";
}
.prd-hot__mains .heading h2 {
    font-family: "Lexend-SemiBold";
    font-size: 36px;
}
.items-prd__hot {
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
    border: solid 1px transparent;
    transition: all 0.3s;
    margin-bottom: 30px;
    height: 100%;
}
.items-prd__hot .img-prds__hots {
    position: relative;
    height: 1px;
    padding-top: 75%;
    margin-bottom: 20px;
}
.items-prd__hot .img-prds__hots img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.items-prd__hot .name-items__prd {
    font-family: "Lexend-SemiBold";
    display: flex;
    justify-content: center;
    font-size: 20px;
}
.items-prd__hot:hover, .items-prd__hot:focus {
    border: solid 1px #0567A5;
}
.customers-mains {
    padding-bottom: 80px;
    background: url(images/customers-mains-bottom-bg.png) no-repeat center bottom;
    background-size: 100% auto;
}

section.customers-mains .heading {
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    margin-bottom: 30px;
}

section.customers-mains ul.nav {
    border: 0;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

section.customers-mains ul.nav li:not(:last-child) {
    margin-right: 5px;
}

section.customers-mains ul.nav a.active,section.customers-mains ul.nav a:hover {
    background-color: #036EB2;
    color: #FFFFFF;
    
}

section.customers-mains ul.nav li {
    width: 19.5%;
}

section.customers-mains ul.nav a {
    font-family: "Lexend-SemiBold";
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    min-height: 40px;
    display: block;
}
.items-logo__customers {
    position: relative;
    height: 1px;
    padding-bottom: 55%;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    margin-bottom: 30px;
}
.items-logo__customers img {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    width: 95%;
    height: 95%;
    object-fit: scale-down;
}
.parameter-customers__items {
    display: flex;
    align-items: flex-start;
    max-width: 200px;
}
.parameter-customers__items {
    margin-left: auto;
    margin-right: auto;
}
.parameter-customers__items img {
    width: auto;
    margin-right: 10px;
    margin-top: 10px;
}
.parameter-customers__items .intros-parameter__items {
    width: 100%;
    flex: 1;
    font-family: "Lexend-SemiBold";
}
.parameter-customers__items .intros-parameter__items .numbers-ups__alls {
    color: #0567A5;
    font-size: 40px;
    margin: 0;
}
.fs-18s {
    font-size: 18px;
}
.customers-evalue__mains .slick-list {
    margin: 0 -15px;
}
.customers-evalue__mains .slick-slide {
    padding: 0 15px;
}

.items-evalue__mains {
    padding: 15px 20px;
    background: #FFFFFF;
    border-radius: 30px;
    position: relative;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.08));
    text-align: center;
}

.items-evalue__mains .img-customers__evalues {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 85px;
    height: 85px;
    border-radius: 1000px;
    overflow: hidden;
}
.items-evalue__mains .quocte-evalues__mains {
    background: url(images/bg-quocte-evalues.png) no-repeat center;
    background-size: auto 100%;
    min-height: 100px
}
.items-evalue__mains .introduce-customers__evalues {
    position: relative;
    margin-top: 15px;
    padding-top: 15px;
    font-size: 14px;
}
.items-evalue__mains .introduce-customers__evalues .names-customers__evalues {
    font-family: "Lexend-SemiBold";
    margin-bottom: 5px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    color: #0567A5;
}
.items-evalue__mains .introduce-customers__evalues:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 2px;
    background-color: #0567A5;
    width: 135px;
}

section.evalue-mains {
    padding: 80px 0;
}

section.evalue-mains .heading {
    max-width: 850px;
    padding: 0px 20px;
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

section.evalue-mains .heading h3 {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
    font-size: 16px;
}

section.evalue-mains .heading h2 {
    font-size: 36px;
}

section.evalue-mains .slick-nav,.list-product-thumb .slick-nav {
    position: absolute;
    top: 50%;
    left: -50px;
    z-index: 999;
    width: 30px;
    height: 30px;
    color: #0567A5;
    border: 0;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50%;
    padding-right: 2px;
}
section.evalue-mains .slick-next,.list-product-thumb .slick-next {
    left: unset;
    right: -50px;
    padding-left: 5px;
}
section.evalue-mains .slick-nav:hover,.list-product-thumb .slick-nav:hover {
    background: #0567A5;
    color: #fff;
}
section.personnel-mains {
    padding-bottom: 80px;
}
section.personnel-mains h4 {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
    padding-left: 13px;
    position: relative;
    margin-bottom: 10px;
    width: fit-content;
}

section.personnel-mains h4:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    width: 3px;
    height: 20px;
    background-color: #0567A5;
}

section.personnel-mains .first-text__alls h3 {
    font-family: "Lexend-SemiBold";
    font-size: 36px;
    margin-bottom: 20px;
}
.content-personnel__mains {
    display: flex;
    align-items: center;
}
.content-personnel__mains .first-text__alls {
    width: 35%;
    padding-right: 30px;
    text-align: left;
}
.content-personnel__mains .sl-personnel__mains {
    width: 65%;
    position: relative;
}
.content-personnel__mains .slick-list {
    margin: 0 -15px;
}
.content-personnel__mains .slick-slide {
    padding: 0 15px;
}
.items-personnel__mains {
    position: relative;
    padding-top: 135%;
    border-radius: 10px;
    height: 1px;
    border-radius: 5px;
    overflow: hidden;
}
.items-personnel__mains img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.items-personnel__mains .intros-items__personnel {
    position: absolute;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    bottom: 7px;
    max-width: 95%;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 10px 15px;
    text-align: center;
}
.items-personnel__mains .intros-items__personnel h3 {
    margin-bottom: 10px;
    font-family: "Lexend-SemiBold";
    font-size: 14px;
}
.items-personnel__mains .intros-items__personnel ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
.items-personnel__mains .intros-items__personnel ul li:not(:last-child) {
    margin-bottom: 3px;
}

.sl-personnel__mains:before {
        content: "";
    position: absolute;
    left: -5px;
    top: 0px;
    width: 30%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.5777661406) 57%, rgba(255, 255, 255, 0) 100%);
}
.sl-personnel__mains:after {
       content: "";
    position: absolute;
    right: -5px;
    top: 0px;
    width: 20%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(265deg, white 0%, rgba(255, 255, 255, 0.5777661406) 57%, rgba(255, 255, 255, 0) 100%);
}


section.news-mains {
    padding-bottom: 80px;
}
section.news-mains .heading h3 {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
    padding-left: 13px;
    position: relative;
    margin-bottom: 10px;
    width: fit-content;
}

section.news-mains .heading h3:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    width: 3px;
    height: 20px;
    background-color: #0567A5;
}

section.news-mains .heading h2 {
    font-family: "Lexend-SemiBold";
    font-size: 36px;
    margin-bottom: 20px;
}
.items-news__mains {
    display: flex;
    padding: 25px 0px;
    padding-right: 100px;
    width: 115%;
    z-index: 10;
    position: relative;
    transition: all 0.3s;
    border-radius: 5px;
    overflow: hidden;
}
.items-news__mains .img-news__items {
    width: 270px;
    margin-right: 30px;
}
.items-news__mains .intros-news__items {
    width: 100%;
    flex: 1;
}
.items-news__mains .img-news__items a {
    position: relative;
    padding-top: 65%;
    height: 1px;
    border-radius: 5px;
    display: flex;
    overflow: hidden;
}
.items-news__mains .img-news__items a img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.items-news__mains .intros-news__items .titles-news__items {
    font-family: "Lexend-SemiBold";
    display: flex;
}
.btn-blues__trans {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 1000px;
    border: solid 1px #036EB2;
    padding: 5px 40px;
    color: #036EB2;
    width: fit-content;
    min-height: 45px;
    background-color: #FFFFFF;
    transition: .3s;
    padding: 5px 30px;
    min-height: 40px;
}
#footer {
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 60px;
    color: #FFFFFF;
    background-position: center center;
    background-image: url(images/bg-footers.webp);
}
footer#footer .title {
    font-size: 18px;
    font-family: "Lexend-SemiBold";
    margin-bottom: 20px;
}

.footer-block-menu li:not(:last-child) {
    margin-bottom: 20px;
}

.footer-block-menu li a:hover {
    color: #FABC1F;
}

.footer-top {
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.footer-bottom hr {
    border-top: 1px solid #fff;
}

.list-apps__footers {
    display: flex;
    align-items: center;
    margin: 0;
    margin-top: 15px;
    list-style: none;
    padding: 0;
}
.list-apps__footers li:not(:last-child) {
    margin-right: 20px;
}
.list-apps__footers li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    font-size: 18px;
}


.footer-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.footer-info li:not(:last-child) {
    min-height: 50px;
    margin-bottom: 5px;
}

.footer-info ul> li> a:first-child {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.footer-info ul p {
    flex: 1;
}

body:not(.home) {
    padding-top: 100px;
}

.brc {
    font-size: 16px;
    color: #888;
    padding: 10px 0 30px;
}

.single-meta {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #EBEBEB;
}

.single-meta .time {
    display: flex;
    align-items: center;
}

.single-meta .view {
    margin-left: 30px;
}

.list-news-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #EBEBEB;
    line-height: 1.7;
    display: flex;
    align-items: center;
}
.flag_stt {
    position: relative;
    margin-right: 10px;
}
.content_number {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
}
.flag_stt img {
    min-width: 30px;
    max-width: 30px;
}
.items-news__pages {
    display: flex;
    flex-wrap: wrap;
}

.img-news-img {
    width: 225px;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
}
.items-news__pages .intros-news__pages {
    width: 100%;
    flex: 1;
}
.img-news-img:before {
    content: "";
    background: rgba(243, 238, 238, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.img-news-img:after {
    content: "";
    background: rgba(243, 238, 238, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.img-news-img:hover::before {
    opacity: 1;
    top: 50%;
    bottom: 50%;
}
.img-news-img:hover::after {
    opacity: 1;
    left: 50%;
    right: 50%;
}
.img-news-img img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.img-news-img a {
    position: relative;
    height: 1px;
    width: 100%;
    display: flex;
    padding-top: 60%;
    border-radius: 5px;
    overflow: hidden;
}

ul.user-views__news {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

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

ul.user-views__news p {
    margin: 0;
}

ul.user-views__news li:first-child {
    margin-right: 20px;
}

ul.user-views__news li i {
    margin-right: 5px;
}
.items-top__groupsss {
    position: relative;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s;
}
.items-top__groupsss .img-tops__groups {
    position: relative;
    height: 1px;
    width: 100%;
    padding-top: 70%;
}
.items-top__groupsss .img-tops__groups img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.items-top__groupsss .intros-top__groupsss {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: fit-content;
    height: auto;
    background-color: #FFFFFF;
    z-index: 10;
    width: 100%;
    max-width: 320px;
    border-top-right-radius: 5px;
    padding: 15px 10px;
}
.items-top__groupsss .intros-top__groupsss .names-tops__gruops {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    max-height: 100% !important;
    margin-bottom: 10px;
    font-family: "Lexend-SemiBold";
}
.items-top__groupsss .intros-top__groupsss .see-tops__grousp {
    display: flex;
    align-items: center;
    color: #036EB2;
}
.congtrinh-gallery {
    position: relative;
}
.list-congtrinh-thumb img {
    height: 180px;
    object-fit: cover;
    width: 100%;
}
.list-congtrinh-thumb .slick-nav {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
  border: 0;
  background: transparent;
  transition: all .3s;
}
.list-congtrinh-thumb .slick-next {
  right: 0;
  left: unset;
}
.list-congtrinh-thumb .slick-nav i {
    color: #2fa881;
    font-size: 37px;
}
.list-congtrinh-thumb .slick-list {
    margin: 0 -5px;
}
.list-congtrinh-thumb .slick-slide {
    margin: 0 5px;
}


.congtrinh-gallery .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
}

.congtrinh-gallery .slick-track img {
    display: block;
    margin: 0 auto;
}
.item-sevices__pages:not(:last-child) {
    margin-bottom: 80px;
}
.item-sevices__pages {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.item-sevices__pages .img-sevices__items {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
}
.item-sevices__pages .img-sevices__items:after {
    content: "";
    position: absolute;
    background-color: #E6F0F7;
    border-radius: 5px;
    width: 80%;
    height: 80%;
}
.item-sevices__pages:nth-child(4n+1) .img-sevices__items:after {
    left: -25px;
    bottom: -25px;
    width: 85%;
    height: 95%;
}
.item-sevices__pages .img-sevices__items img {
    position: relative;
    z-index: 10;
}

.item-sevices__pages .intros-items__sevices {
    width: 45%;
}
.item-sevices__pages .intros-items__sevices h3 a {
    color: #036EB2;
    font-family: "Lexend-SemiBold";
    display: flex;
    font-size: 21px
}

.item-sevices__pages .intros-items__sevices a.btn-alls__blues {
    max-width: unset;
}
.item-sevices__pages:nth-child(2n+2) .img-sevices__items {
    order: 2;
}
div#popmake-651 {
    border: 0;
}

div#popmake-651 h3 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
}

div#popmake-651 .wpcf7-text,div#popmake-651 .wpcf7-textarea {
    border-radius: 0;
    margin-bottom: 15px;
}

div#popmake-651 .wpcf7-textarea {
    height: 120px;
}

div#popmake-651 .wpcf7-submit {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 10px 35px;
    position: relative;
    border-radius: 1000px;
    color: #FFFFFF !important;
    background-color: #036EB2;
    overflow: hidden;
    border: 0px;
    text-transform: uppercase;
    font-weight: 700;
}

div#popmake-651 .wpcf7-spinner {
    display: block;
}
section#nav_menu-2 {
    margin-bottom: 30px;
}

.archive-sidebar section.widget {
    padding: 15px;
    border: solid 1px #EBEBEB;
    border-radius: 5px;
    margin-bottom: 30px;
}

.archive-sidebar .widget-title {
    position: relative;
    padding-bottom: 10px;
    display: flex;
    width: fit-content;
    font-family: "Lexend-SemiBold";
    margin-bottom: 30px;
}

.archive-sidebar .widget-title:after {
    content: "";
    left: 0px;
    bottom: -2px;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #036EB2;
}

section#nav_menu-2 li:not(:last-child) a {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #EBEBEB;
    display: block;
}
section#nav_menu-2 {
    margin-bottom: 30px;
}

.archive-sidebar section.widget {
    padding: 15px;
    border: solid 1px #EBEBEB;
    border-radius: 5px;
    margin-bottom: 30px;
}

.archive-sidebar .widget-title {
    position: relative;
    padding-bottom: 10px;
    display: flex;
    width: fit-content;
    font-family: "Lexend-SemiBold";
    margin-bottom: 30px;
}

.archive-sidebar .widget-title:after {
    content: "";
    left: 0px;
    bottom: -2px;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #036EB2;
}

section#nav_menu-2 li:not(:last-child) a {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #EBEBEB;
    display: block;
}

section#nav_menu-2 li:not(:last-child) a {}

.items-prds__alls {
    transition: all 0.3s;
    padding: 10px 10px;
    background-color: #FFFFFF;
    position: relative;
}
.items-prds__alls .imgs-prds__alls {
    position: relative;
    display: block;
}
.items-prds__alls .imgs-prds__alls a {
    position: relative;
    height: 1px;
    width: 100%;
    padding-top: 75%;
    display: flex;
}
.items-prds__alls .imgs-prds__alls::before {
    content: "";
    background: rgba(243, 238, 238, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.items-prds__alls .imgs-prds__alls::after {
    content: "";
    background: rgba(243, 238, 238, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.items-prds__alls .imgs-prds__alls a {
    position: relative;
    height: 1px;
    width: 100%;
    padding-top: 75%;
    display: flex;
}
.items-prds__alls .imgs-prds__alls a img {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 90%;
    height: 90%;
    margin: auto;
    object-fit: scale-down;
}
.items-prds__alls .imgs-prds__alls:hover::before {
        opacity: 1;
    top: 50%;
    bottom: 50%;
}
.items-prds__alls .imgs-prds__alls:hover::after {
        opacity: 1;
    left: 50%;
    right: 50%;
}
.items-prds__alls .intros-prds__alls h3 a{
    margin-bottom: 10px;
    display: flex;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    max-height: 100% !important;
    font-size: 16px;
}

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

.item-rating span {
    vertical-align: middle;
    color: #a4a4a4;
    font-style: italic;
    margin-right: 10px;
}

.rating-box i {
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    color: #FFC107;
    text-rendering: auto;
    font-size: 14px;
}

.product-row-price {
    color: #A70000;
    font-family: "Lexend-SemiBold";
    font-size: 18px;
    margin-top: 15px;
}

.product-row-price del {
    font-family: "Lexend-Regular";
    color: #111;
    opacity: .5;
}
ul.list-prds__aboutss {
    padding: 0;
    list-style: none;
}

ul.list-prds__aboutss li:not(:last-child) {
    margin-bottom: 15px;
}

.summary-single .price {
    color: #A70000 !important;
    font-family: "Lexend-SemiBold";
}

h2.single-title {
    position: relative;
    padding-bottom: 10px;
    display: flex;
    width: fit-content;
    font-family: "Lexend-SemiBold";
}

h2.single-title:after {
    content: "";
    left: 0px;
    bottom: -2px;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #036EB2;
}
.sevice-prds__boughts {
    margin-top: 30px;
}

.item-sevice__boughts {
    display: flex;
    margin-bottom: 15px;
}
.item-sevice__boughts .img-sevice__boughts {
    position: relative;
    width: 35px;
    height: 35px;
    padding: 5px;
    margin-right: 10px;
    border-radius: 5px;
    background-color: #F4FBFE;
}

.item-sevice__boughts .img-sevice__boughts img {
    width: 100%;
    height: 100%;
}

.item-sevice__boughts .text-sevice__boughts {
    width: 100%;
    flex: 1;
    font-weight: 700;
}
.summary-single .price del {
    font-family: "Lexend-Regular";
    color: #111;
    opacity: .5;
}

.titles-contacts__pages {
    font-family: "Lexend-SemiBold";
    margin-bottom: 20px;
    font-size: 36px;
}

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


.items-contacts__pages {
    display: flex;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #EBEBEB;
}
.items-contacts__pages img {
    width: 40px;
    height: 40px;
    object-fit: scale-down;
    margin-right: 25px;
}
.items-contacts__pages .intros-contacts__pages {
    width: 100%;
    flex: 1;
}
.items-contacts__pages .intros-contacts__pages .titles-contacts__pages {
    margin-bottom: 5px;
        font-family: "Lexend-SemiBold";
    font-size: 18px;
}

.items-contacts__pages .intros-contacts__pages ul li {
    display: flex;
}
.items-contacts__pages .intros-contacts__pages ul li:not(:last-child) {
    margin-bottom: 10px;
}
.items-contacts__pages .intros-contacts__pages ul li:before {
    content: "";
    display: flex;
    width: 6px;
    height: 6px;
    min-width: 6px;
    background-color: #036EB2;
    margin-right: 10px;
    border-radius: 1000px;
    transform: translateY(10px);
}
.apps-contacts__pages {
    display: flex;
    align-items: center;
}
.apps-contacts__pages a {
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 1000px;
    background-color: #EBEBEB;
    color: #555555;
    font-size: 18px;
}
.apps-contacts__pages a:not(:last-child) {
    margin-right: 10px;
}
.apps-contacts__pages a:hover, .apps-contacts__pages a:focus {
  background-color: #036EB2;
  color: #FFFFFF;
}


.box-contacts__tops .wpcf7-text,
.box-contacts__tops .wpcf7-textarea {
    border-radius: 0;
    margin-bottom: 15px;
}


.box-contacts__tops .wpcf7-textarea {
    height: 120px;
}


.box-contacts__tops .wpcf7-submit {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 10px 35px;
    position: relative;
    border-radius: 1000px;
    color: #FFFFFF !important;
    background-color: #036EB2;
    overflow: hidden;
    border: 0px;
    text-transform: uppercase;
    font-weight: 700;
}


.box-contacts__tops .wpcf7-spinner {
    display: block;
}
.banner-about__pages {
    position: relative;
    display: flex;
    align-items: center;
}
.banner-about__pages .intros-banners__abouts {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    z-index: 10;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-about__pages .intros-banners__abouts .titles-banners-1 {
    font-family: "Roboto-Medium";
    padding: 3px 20px;
    border-radius: 5px;
    background-color: #F4FBFE;
    width: fit-content;
        letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 24px;
}
.banner-about__pages .intros-banners__abouts .titles-banners-2 {
    font-family: "Roboto-Bold";
    line-height: 1.3;
    margin-top: 15px;
    font-size: 50px;
}
section.we-who {
    background: url(images/bg-we-who.png) no-repeat center top;
    background-size: 100% auto;
    padding: 30px 0 80px;
}
.intros-we__who .text-alls__mains {
    padding-right: 50px;
}
.text-alls__mains {
    padding-top: 10px;
}

.first-text__alls {
    margin-bottom: 30px;
}

.first-text__alls h4 {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
    padding-left: 13px;
    position: relative;
    width: fit-content;
}

.first-text__alls h4:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    width: 3px;
    height: 20px;
    background-color: #0567A5;
}

.first-text__alls h3 {
    font-family: "Lexend-SemiBold";
    font-size: 36px;
}

.text-alls__mains ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}

.text-alls__mains ul li {
    padding: 0px 15px;
    display: flex;
    margin-bottom: 20px;
    width: 100%;
}

.text-alls__mains ul li:before {
    content: "";
    background: url(images/cicle-list-checks.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 10px;
}
.img-we__who {
    position: relative;
}
.img-we__who .number-we__whos {
    position: absolute;
    left: -75px;
    bottom: -40px;
    width: 195px;
    padding: 25px 15px;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    font-family: "Lexend-SemiBold";
    color: #036EB2;
}
.fs-45s {
    font-size: 45px;
}
.items-information__we {
    text-align: center;
    padding: 35px 55px;
    background: #FFFFFF;
    box-shadow: 0px 10px 18px rgba(53, 53, 53, 0.08);
    border-radius: 5px;
}
.items-information__we img {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 70px;
    height: 70px;
    object-fit: scale-down;
    margin-bottom: 20px;
}
.items-information__we .numbers-ups__alls {
    font-family: "Lexend-SemiBold";
    font-size: 36px;
}

.intros-information__we p {
    margin: 0;
}
.why-we__abouts {
    padding: 80px 0;
}
.vision-abouts {
    padding-bottom: 80px;
}
.uniques-we__sl .slick-list {
    margin: 0 -15px;
}
.uniques-we__sl .slick-slide {
    padding: 0 15px;
}
.we-uniques .container {
    display: flex;
    justify-content: space-between;
}
.we-uniques .container .imgs-uniques {
    width: 44%;
    position: relative;
    padding: 50px;
    padding-right: 110px;
}
.we-uniques .container .text-alls__mains {
    width: 45%;
}
.we-uniques .container .imgs-uniques img {
    position: relative;
    z-index: 10;
}
.we-uniques .container .imgs-uniques:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.5777661406) 57%, rgba(255, 255, 255, 0) 100%);
}
.we-uniques .container .imgs-uniques:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border: dashed 1px #036EB2;
    border-radius: 5px;
}
.we-uniques .text-alls__mains .first-text__alls {
    text-align: right;
}

.we-uniques .first-text__alls h4 {
    margin-left: auto;
    padding-left: 0px;
    padding-right: 10px;
}
.we-uniques .first-text__alls h4:before {
    right: 0px;
    left: unset;
}
.we-uniques .slick-nav {
    position: absolute;
    top: 50%;
    left: -50px;
    z-index: 999;
    width: 30px;
    height: 30px;
    color: #0567A5;
    border: 0;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50%;
    padding-right: 2px;
}
.we-uniques .slick-next {
    left: unset;
    right: -50px;
    padding-left: 5px;
}
.we-uniques .slick-nav:hover {
    background: #0567A5;
    color: #fff;
}
.unique-items__about {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 4px 12px rgba(53, 53, 53, 0.08);
}
.unique-items__about img {
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    margin-bottom: 15px;
}
.unique-items__about .titles-uniques__items {
    font-family: "Lexend-SemiBold";
    font-size: 18px;
}
h1,h2,h3,h4,h5,h6 {
        font-family: "Lexend-SemiBold";
}
.cl-blue {
    color: #1184EE;
}
.section-banner__main .title-small {
    font-size: 32px;
    font-family: "Roboto-medium", sans-serif;
}
.section-banner__main .title-big {
    font-size: 40px;
    font-family: "Roboto-Bold", sans-serif;
}

.section-banner__main {
    background-color: rgba(41, 171, 226, 0.05);
    background-repeat: no-repeat;
    background-size: cover;
}
.section-all {
    padding: 50px 0;
}
.titles-before__mains {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
    padding-left: 13px;
    position: relative;
    margin-bottom: 10px;
    width: fit-content;
}
.first-text__alls .titles-before__mains {
    margin-bottom: 0;
}
.titles-before__mains:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    width: 3px;
    height: 20px;
    background-color: #0567A5;
}
.img__::before {
    content: "";
    background: rgba(243, 238, 238, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.img__::after {
    content: "";
    background: rgba(243, 238, 238, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.img__:hover::before {
    opacity: 1;
    top: 50%;
    bottom: 50%;
}
.img__:hover::after {
    opacity: 1;
    left: 50%;
    right: 50%;
}

.all-titles__groups {
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.mb-30s {
    margin-bottom: 30px;
}
.titles-small__groups {
    color: #0567A5;
    font-family: "Lexend-SemiBold";
}
.fs-16s {
    font-size: 16px;
}
.titles-bigs__groups {
    font-family: "Lexend-SemiBold";
}
.fs-36s {
    font-size: 36px;
}
.item-function {
    padding: 1.875rem;
    height: 100%;
    border-radius: 5px;
    transition: 0.3s;
}
.item-function .icon {
    width: 3.125rem;
    height: 3.125rem;
    margin-left: 0;
    margin-right: auto;
}
.fz-20 {
    font-size: 1.25rem;
}
.f-bold {
    font-family: "Lexend-SemiBold", sans-serif;
}
.cl-title {
    color: #252525 !important;
}
.item-function .icon img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.cols-function:nth-child(1) .item-function, .cols-function:nth-child(3) .item-function, .cols-function:nth-child(6) .item-function, .cols-function:nth-child(8) .item-function {
    background: #F5F5F5;
}
.cols-function:nth-child(2) .item-function, .cols-function:nth-child(4) .item-function, .cols-function:nth-child(5) .item-function, .cols-function:nth-child(7) .item-function {
    background: #036EB2;
}
.cols-function:nth-child(2) .item-function .title, .cols-function:nth-child(4) .item-function .title, .cols-function:nth-child(5) .item-function .title, .cols-function:nth-child(7) .item-function .title {
    color: #fff !important;
}
.cols-function:nth-child(2) .item-function .icon img, .cols-function:nth-child(4) .item-function .icon img, .cols-function:nth-child(5) .item-function .icon img, .cols-function:nth-child(7) .item-function .icon img {
    filter: brightness(100);
}
.item-function:hover {
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.cols-function {
    margin-bottom: 1.875rem;
}
.item-why__page {
    transition: 0.3s;
    border-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0px 7px 14px rgba(53, 53, 53, 0.08);
    height: 100%;
}
.item-why__page .image {
    position: relative;
    padding-top: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.item-why__page .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.item-why__page .title {
    padding: 0.9375rem;
}
.item-why__page:hover {
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
}
.mb-30s {
    margin-bottom: 30px;
}
.button-center {
    margin-left: auto;
    margin-right: auto;
}
.btn-red {
    background-color: #CC1111 !important;
    padding-right: 63px !important;
}
.btn-red::after {
    background-color: #A70000 !important;
}
.title_connect {
    color: #0567A5;
}
.list-advantages {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}
.list-advantages li {
    flex: 0 0 50%;
    padding: 0.625rem 0 0.625rem 1.875rem;
    position: relative;
}
.list-connects li {
    flex: 0 0 100% !important;
}
.list-advantages li::before {
    content: "";
    background-image: url(images/icon-ul.png);
    background-size: 100% 100%;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 0.625rem;
    left: 0;
}
section#form_contact .wpcf7-text,section#form_contact .wpcf7-textarea {
    border-radius: 0;
    margin-bottom: 15px;
}

section#form_contact .wpcf7-textarea {
    height: 120px;
}

section#form_contact .wpcf7-submit {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 10px 35px;
    position: relative;
    border-radius: 1000px;
    color: #FFFFFF !important;
    background-color: #036EB2;
    overflow: hidden;
    border: 0px;
    text-transform: uppercase;
    font-weight: 700;
}

section#form_contact .wpcf7-spinner {
    display: block;
}

section#form_contact .title {
    font-size: 32px;
}

.fs-24s {
    font-size: 24px;
}
.btn-blue__all {
    color: #fff;
    padding: 0.75rem;
    min-width: 16.875rem;
    background: linear-gradient(15.07deg, #036EB2 11.53%, #1184EE 75.1%);
    border-radius: 99px;
    display: inline-block;
    text-align: center;
    transition: unset;
}
.btn-blue__all:hover {
    background: #036EB2;
    transition: unset;
    color: #fff;
}
.img_item {
    position: relative;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.system_slug {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2.5rem;
    font-family: roboto;
    max-width: 50rem;
    color: #036EB2;
    background: linear-gradient(119.67deg, rgba(255, 255, 255, 0.4) 4.54%, rgba(255, 255, 255, 0.1) 78.64%);
    -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);
    padding: 3.75rem 2.8125rem;
    border-radius: 10px;
    margin-left: 12%;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.control_system {
    position: relative;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.col-bf::before {
    position: absolute;
    background: #f4fbfe;
    width: 30.1875rem;
    height: 26.4375rem;
    content: "";
    bottom: 0;
    right: 27%;
}
.control_slug {
    background: #29ABE2;
    padding: 3.75rem 3.75rem;
    position: relative;
}
.control_system .control_slug {
    max-width: 37.5rem;
    position: relative;
    z-index: 10;
    top: -30%;
    right: -27%;
    margin: auto;
    color: #fff;
}
.container_control_system {
    max-width: 100%;
}
.inner-area_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.title_area {
    font-size: 2.25rem;
    color: #036EB2;
    line-height: 1.2;
    display: block;
    font-family: "Lexend-SemiBold", sans-serif;
}

.inner-all {
    margin-top: 1.25rem;
    position: relative;
}
.item-images {
    position: relative;
    z-index: 0;
}
.inner-all .item-images .image {
    position: relative;
    padding-top: 128%;
    background: #fff;
}
.item-images::before {
    position: absolute;
    content: " ";
    background: -webkit-gradient(linear, left top, left bottom, color-stop(32.09%, rgba(14, 66, 106, 0)), to(#0E426A));
    background: linear-gradient(180deg, rgba(14, 66, 106, 0) 32.09%, #0E426A 100%);
    width: 100%;
    height: 50%;
    bottom: 0;
    z-index: 1;
}
.img__::after {
    content: "";
    background: rgba(243, 238, 238, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.inner-all:hover .img__::after {
    opacity: 1;
    left: 50%;
    right: 50%;
}
.img__::before {
    content: "";
    background: rgba(243, 238, 238, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.inner-all:hover .img__::before {
    opacity: 1;
    top: 50%;
    bottom: 50%;
}
.inner-all .item-images .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: inherit;
}
.item-name {
    position: absolute;
    color: #ffffff;
    width: 100%;
    bottom: 3.75rem;
    left: 0;
    z-index: 2;
}
.cl-white {
    color: #fff !important;
}
.system_parking {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.container_parking {
    max-width: 100%;
    margin-bottom: 1.875rem;
}
.parking_all {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 7px 14px rgba(53, 53, 53, 0.08);
    box-shadow: 0px 7px 14px rgba(53, 53, 53, 0.08);
    padding: 3.125rem 4.375rem;
    border-left: 5px solid #036EB2;
    border-radius: 5px 0px 0px 5px;
    color: #454545;
    width: calc(100% + 100px);
    margin-left: -100px;
    position: relative;
}
.parking_all .title_area {
    font-size: 1.875rem;
    margin-bottom: 0.938rem;
}
section#form_advisory {
    padding: 40px 0 0;
}
section#form_advisory .wpcf7-text,section#form_advisory .wpcf7-textarea {
    border-radius: 0;
    margin-bottom: 15px;
}

section#form_advisory .wpcf7-textarea {
    height: 120px;
}

section#form_advisory .wpcf7-submit {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 10px 35px;
    position: relative;
    border-radius: 1000px;
    color: #FFFFFF !important;
    background-color: #CC1111;
    overflow: hidden;
    border: 0px;
    text-transform: uppercase;
    font-weight: 700;
}

section#form_advisory .wpcf7-spinner {
    display: block;
}
#form_advisory h2 {
    color: #fff;
    font-size: 32px;
}

.controlling_pt {
    padding-top: 5rem;
}
.slide-system__alarm .slick-list {
    margin: 0 -15px;
}
.slide-system__alarm .slick-slide {
    padding: 0 15px;
}
.section-system__alarm {
    background-image: url(images/bg-paradigm.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
    overflow: hidden;
    margin: 40px 0;
}
.section-system__alarm .first-text {
    padding: 0 4.375rem;
}
.slide-system__alarm .image {
    position: relative;
    padding-top: 74%;
}
.slide-system__alarm .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: inherit;
}
.section-system__alarm .btn-red {
    height: 2.875rem;
    padding: 0.625rem 1.5rem;
    flex: 0 0 185px;
}
.section-system__alarm h3{
    color: #fff !important;
    font-size: 32px;
}
.section-system__alarm .first-text .desc {
    color: #f5f5f5;
}
.section-banner__security {
    position: relative;
    padding-top: 1.5625rem;
    padding-bottom: 5rem;
    overflow: hidden;
}
.section-banner__security::before {
    content: "";
    background-image: url(images/before-banner-security.png);
    background-size: 100% 100%;
    width: 434px;
    height: 449px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: inherit;
}
.section-banner__security .ct-text .title {
    color: #42AEFD;
}
.section-banner__security .ct-text .title-small {
    font-size: 2.5625rem;
}
.section-banner__security .ct-text .title-big {
    font-size: 3.1875rem;
    white-space: nowrap;
}
.section-banner__security p {
    font-size: 1.25rem;
     color: #888888;
}
.section-paradigm__security {
    position: relative;
    overflow: hidden;
}
.section-paradigm__security::before {
    content: "";
    background-image: url(images/before-banner-2.png);
    background-size: 100% 100%;
    width: 483px;
    height: 595px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-20%);
    z-index: inherit;
}
.section-paradigm__security .module-paradigm {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 5rem;
    position: relative;
}
.title-blue__all {
    font-family: "Lexend-SemiBold", sans-serif;
    font-size: 2.25rem;
    color: #036EB2;
    line-height: 1.3;
}
.section-device__security .list-device__security {
    position: relative;
    padding-left: 1.25rem;
}
.section-device__security .list-device__security .content {
    padding: 3.75rem 1.875rem 1.875rem 1.875rem;
    border-radius: 5px;
    background: linear-gradient(90deg, rgba(41, 171, 226, 0.05) 18.98%, rgba(255, 255, 255, 0.3) 88.99%);
}
.section-device__security .list-device__security::after {
    content: "";
    background-image: url(images/border-blue.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1.875rem;
    left: 0;
    z-index: 0;
}

.mb-20s {
    margin-bottom: 20px;
}
.bg-blue__ {
    background: rgba(41, 171, 226, 0.05);
}
.box-intro__security {
    position: relative;
    background: #fff;
}
.intro-prd__security {
    border-radius: 5px;
    padding: 3.75rem 2.5rem;
    position: relative;
    z-index: 1;
}
.box-intro__security::after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px dashed #036EB2;
    position: absolute;
    top: 1.25rem;
    left: -1.25rem;
}
.intro-prd__security .list-advantages li {
    flex: 0 0 100%;
}
.section-form__security .wrapper-image {
    position: relative;
    padding-right: 1.25rem;
}
.section-form__security .wrapper-image::after {
    content: "";
    background-image: url(images/border-blue.png);
    background-size: cover;
    position: absolute;
    top: 1.25rem;
    right: 0;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
}
.section-form__security .image {
    background: linear-gradient(-90deg, rgba(41, 171, 226, 0.05) 18.98%, rgba(255, 255, 255, 0.3) 88.99%);
}
.section-form__security .image img {
    width: 100%;
    object-fit: scale-down;
}
.pd-40 {
    padding: 2.5rem 0;
}
.section-control__factory .module-header {
    padding-top: 5.625rem;
    padding-bottom: 10.4375rem;
    background-image: url(images/bg-factory.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.section-get__bottom {
    background: #fff;
    padding-top: 2.5rem;
    padding-bottom: 5rem;
}
section.slider-supervise {
    position: relative;
}
.slider-swiper-link {
    position: relative;
    display: block;
}
.slider-supervise .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-swiper-supervise .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    display: flex;
    align-items: center;
}

.content-slider-title {
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: 600;
    font-size: 3.75rem;
    line-height: 1.2;
    display: block;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.content-slider-p {
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 1;
    text-transform: uppercase;
    color: #FFFFFF;
}
.content-slider-title-span {
    font-family: Roboto-Bold;
    font-style: normal;
    font-weight: 600;
    font-size: 5rem;
    line-height: 1.3;
    color: #BC0C0C;
    display: block;
    align-items: center;
    text-transform: uppercase;
}
.content-slider-p-end {
    font-family: Roboto-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 1.5625rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: #FFFFFF;
}
.camera-system {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}

.camera-system .camera-system-padding {
    padding: 3rem 0;
}
.camera-system .camera-system-padding .content-camera-system {
    padding-top: 5rem;
}
.camera-system-span-img {
    display: inline-block;
    margin-bottom: 5px;
    width: 3.125rem;
    height: 2.688rem;
}
.camera-system-span-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.camera-system-title {
    font-family: Lexend-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.2;
    color: #252525;
    margin-bottom: 1.875rem;
}
.giam-sat {
    padding-top: 2rem;
    padding-bottom: 5rem;
}
.slider-giam-sat .slick-list {
    margin: 0 -15px;
}
.slider-giam-sat .slick-slide {
    padding: 0 15px;
}
.slider-giam-sat .giam-sat-link {
    position: relative;
    display: block;
    padding-top: 82%;
}
.slider-giam-sat .giam-sat-link img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: inherit;
}
.slider-giam-sat .giam-sat-link .giam-sat-des {
    position: absolute;
    display: block;
    text-align: center;
    bottom: 5%;
    left: 0;
    z-index: 2;
    width: 100%;
    font-family: Lexend-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
}
.slider-giam-sat .giam-sat-link::after {
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(14, 66, 106, 0) 32.09%, #0E426A 100%);
    z-index: 1;
}


.slider-giam-sat {
    overflow: hidden;
}
.section-camera__factory {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 7.5rem;
    padding-bottom: 5rem;
    position: relative;
    background-image: url(https://tctech.vn/uploads/demo/landing4/ddfrawer.webp);
}
.section-camera__factory .image-prd {
    max-width: 40%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.section-camera__factory .module-content {
    max-width: 60%;
    margin-right: 0;
    margin-left: auto;
}

.section-camera__factory .all-titles__groups {
    margin-left: 0;
    text-align: left;
}

.section-camera__factory .camera-system-span-img img {
    filter: brightness(100);
}
.section-camera__factory .module-content .sort_content {
    color: #f5f5f5;
}
.list-camera-factory {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}
.temperature {
    padding: 5rem 0;
}

.temperature .temperature-des {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.temperature .temperature-padding {
    padding: 3rem 0;
}
.temperature .temperature-padding .temperature-tiem-luc {
    margin-bottom: 2rem;
}
.temperature .temperature-padding .temperature-tiem-luc .fix-span {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.temperature .temperature-padding .temperature-tiem-luc .fix-span .temperature-tiem-luc-span-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(40.13deg, #F85682 33.28%, #FF9C84 86.09%);
}

.temperature .temperature-padding .temperature-tiem-luc .fix-span .temperature-tiem-luc-span-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.temperature .temperature-padding .temperature-tiem-luc .temperature-tiem-luc-h3 {
    font-family: Lexend-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    text-align: right;
    color: #252525;
    margin-bottom: 0.813rem;
}

.temperature .temperature-padding .temperature-tiem-luc .temperature-tiem-luc-p {
    font-family: Lexend-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.4;
    text-align: right;
    color: #454545;
}
.temperature .temperature-padding .temperature-img-center .temperature-img-center-link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}
.temperature .temperature-padding .temperature-img-center {
    position: relative;
}
.temperature .temperature-padding .temperature-img-center::before {
    content: "";
    position: absolute;
    background-image: url(images/img-hung/bg-affter.jpg);
    background-position: center;
    background-size: 100% 100%;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
}
.temperature .temperature-padding .temperature-tiem-luc2 .fix-span .span-2 {
    background: linear-gradient(110.36deg, #0565A2 25.99%, #268FD2 55.44%, #38A0E2 88.23%);
}

.temperature .temperature-padding .temperature-tiem-luc2 .temperature-tiem-luc-h3-1 {
    text-align: left;
}
.temperature .temperature-padding .temperature-tiem-luc2 .fix-span {
    display: flex;
    justify-content: flex-start;
}
.section-camera__system {
    padding-top: 12.5rem;
    overflow: hidden;
}
.item-advantages-camera {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(53, 53, 53, 0.08);
    border-radius: 5px;
    padding: 1.25rem 0.938rem;
    height: 100%;
}

.item-advantages-camera .icon {
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
    overflow: hidden;
}
.mb-15s {
    margin-bottom: 15px;
}
.image-camera-system {
    position: absolute;
    max-width: 50%;
    top: 5rem;
    left: 50%;
}
.section-camera__system::after {
    content: "";
    bottom: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(125.37deg, #38A0E2 8.3%, #268FD2 42.02%, #0565A2 80.85%);
    border-radius: 5px;
    height: 400px;
    width: 750px;
    z-index: -1;
}

section.section-camera__system.position-relative .col-lg-6.d-none {
    position: unset;
}
.slider-swiper-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-swiper-supervise {
    position: relative;
}
.section-banner__control {
    position: relative;
    padding-top: 41.7%;
    background-size: cover;
}
.section-banner__control .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}
.section-banner__control .ct-text .text-blue {
    color: #0FDFFC;
    text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
    font-size: 3.5rem;
    margin-bottom: 3.375rem;
}
.item-product__control {
    height: 100%;
    position: relative;
}
.item-product__control .image {
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.item-product__control .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-product__control .title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: 2.5rem 1.875rem;
    width: auto;
}
.clamp-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.fz-24 {
    font-size: 1.5rem;
}
.cols-prd__small {
    height: 50%;
}
.cols-prd__big {
    height: 40.3125rem;
}
.pb-15 {
    padding-bottom: 0.9375rem;
}
.cols-prd__small:last-child {
    padding-bottom: 0;
    padding-top: 15px;
}
.item-product__control::after {
    content: "";
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: inherit;
}
.section-advantages__control {
    padding-top: 3.125rem;
    padding-bottom: 1.25rem;
    background-image: url(images/bg-advantages-control.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.item-select__device {
    position: relative;
    padding: 1.25rem 1.25rem 1.25rem 5rem;
    height: 100%;
    /* background: #fff; */
    background: linear-gradient(114.6deg, rgba(255, 255, 255, 1) 24.7%, rgba(255, 255, 255, 1) 72.79%, rgba(255, 255, 255, 1) 92.95%);
    transition: .3s;
    box-shadow: 0px 7px 14px rgba(53, 53, 53, 0.08);
    border-radius: 5px;
    cursor: pointer;
}
.section-advantages__control .item-advantages__control {
    padding: 1.25rem !important;
}
.item-select__device .icon {
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
}
.section-advantages__control .item-advantages__control .icon {
    top: 0;
    left: 0;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.25rem;
}

.item-select__device .icon img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.item-select__device:hover {
    background: linear-gradient(114.6deg, #0565A2 24.7%, #268FD2 72.79%, #38A0E2 92.95%);
    color: #fff;
    transition: .3s;
}
.item-select__device:hover .icon img {
    filter: brightness(100);
}
section.page-444-s1 {
    padding: 50px 0;
    background: linear-gradient(180deg, #00c6ff, #0072ff);
}

section.page-444-s1 h2 {
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}

section.page-444-s1 p {
    color: #fff;
}

section.page-444-s1 a {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    background-color: rgb(238, 15, 111);
    padding: 10px 15px;
    display: inline;
    border-radius: 50px;
}

section.page-444-s2 {
    padding: 50px 0;
}

section.page-444-s2 .heading {
    max-width: 567px;
    text-align: center;
    margin: 0 auto;
}

section.page-444-s2 .heading h2 {
    font-size: 32px;
}

section.page-444-s3 h2 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 28px;
}

section.page-444-s3 svg {
    width: 54px;
    margin: 0 auto;
}

section.page-444-s3 .img {
    display: flex;
    align-items: center;
}


section.page-444-s3 h3 {
    text-align: center;
    margin: 15px 0;
}

section.page-444-s3 p {
    margin: 0;
    text-align: center;
    font-size: 15px;
}

section.page-444-s5 .heading {
    max-width: 567px;
    text-align: center;
    margin: 0 auto;
}

section.page-444-s5 .heading h2 {
    font-size: 28px;
}


section.page-444-s5 .item {
    display: flex;
}

section.page-444-s5 .text {
    flex: 1;
}

section.page-444-s5 svg {
    width: 50px;
}

section.page-444-s5 .col-lg-4:nth-child(1) {
    text-align: right;
}

section.page-444-s5 .col-lg-4:nth-child(1) .text {
    margin-right: 15px;
}

section.page-444-s5 .item:not(:last-child) {
    margin-bottom: 30px;
}

section.page-444-s5 img {
    height: 400px;
    object-fit: cover;
}

section.page-444-s5 .col-lg-4:nth-child(3) {
    text-align: left;
}

section.page-444-s5 .col-lg-4:nth-child(3) .text {
    margin-left: 15px;
}

section.page-444-s6 {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-image: url(https://w.ladicdn.com/s1440x385/57b167c…/2-980024.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 80px 0;
    position: relative;
    text-align: center;
}

section.page-444-s6:before {
    content: "";
    display: block;
    background-color: rgba(248, 148, 130, 0.84);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

section.page-444-s6 .container {
    position: relative;
    z-index: 999;
}

section.page-444-s6 svg {
    width: 55px;
    height: 55px;
}

section.page-444-s6 h2 {
    font-size: 28px;
    margin-bottom: 30px;
}

section.page-444-s6 h3 {
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

section.page-444-s6 p {
    margin: 0;
    color: #fff;
}

section.page-444-s7 {
    padding: 80px 0;
}

section.page-444-s7 .item {
    display: flex;
    flex-wrap: wrap;
}

section.page-444-s7 .img {
    width: 140px;
}

section.page-444-s7 .img img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 100%;
}

section.page-444-s7 .text {
    flex: 1;
    margin-left: 20px;
}

section.page-444-s7 p {
    margin: 0;
    font-size: 14px;
}
@media(max-width: 991px) {
    header#header {
    position: unset;
    padding: 15px 0;
}

#home-slide .items-banner__mains>img {
    min-height: 600px;
    object-fit: cover;
}

.intros-banners__mains h3 {
    font-size: 24px;
}

.commitment-mains {
    padding: 20px 0;
}

section.about-mains {
    padding-bottom: 20px;
}

section.policy-mains {
    padding-bottom: 20px;
}

section.policy-mains h3 {
    font-size: 26px;
}

section.about-mains h3 {
    font-size: 26px;
}

div#logo {
    flex: 1;
}


div#logo img {
    height: 39px;
    display: block;
    margin: 0 auto;
    width: auto;
}

.items-commitment__mains {
    padding: 5px;
}

section.policy-mains ul li {
    width: 100%;
}

section.capacity-mains h3 {
    font-size: 26px;
}

.list-number__capacity {
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.list-number__capacity li {
    width: 100%;
}

section.solution-mains h3.titles-afters__texts {
    font-size: 26px;
}

section.solution-mains {
    padding-bottom: 20px;
}

.prd-hot__mains {
    padding: 20px 0;
}

.prd-hot__mains .heading h2 {
    font-size: 26px;
}

.items-prd__hot {
    padding: 5px;
}

section.customers-mains ul.nav {
    flex-wrap: wrap;
}

section.customers-mains ul.nav li {
    width: 48%;
}

.parameter-customers__items {
    max-width: 100%;
}

.customers-mains {
    padding-bottom: 20px;
}

section.evalue-mains {
    padding: 20px 0;
}

section.evalue-mains .heading h2 {
    font-size: 26px;
}

section.evalue-mains .slick-nav,.list-product-thumb .slick-nav {
    left: 0;
}

section.evalue-mains .slick-next,.list-product-thumb .slick-next {
    left: unset;
    right: 0;
}

.content-personnel__mains {
    flex-wrap: wrap;
}

.content-personnel__mains .first-text__alls {
    width: 100%;
    padding: 0;
}

.content-personnel__mains .sl-personnel__mains {
    width: 100%;
}

section.personnel-mains {
    padding-bottom: 20px;
}



.items-news__mains {
    padding-right: 0;
    flex-wrap: wrap;
    width: 100%;
}

.items-news__mains .img-news__items {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}

.items-news__mains .intros-news__items {
    flex: unset;
}

section.news-mains {
    padding-bottom: 20px;
}
.main-filter {
    display: block;
}
body:not(.home) {
    padding-top: 0;
}
.item-sevices__pages {
    flex-wrap: wrap;
}

.item-sevices__pages .img-sevices__items {
    width: 100%;
}

.item-sevices__pages .intros-items__sevices {
    width: 100%;
    margin-top: 15px;
    order: 2;
}

.item-sevices__pages .img-sevices__items:after {
    display: none;
}

.item-sevices__pages:nth-child(2n+2) .img-sevices__items {
    order: 1;
}

.item-sevices__pages:not(:last-child) {
    margin-bottom: 30px;
}
.img-news-img {
    width: 100%;
    margin: 0 0 15px;
}
.page-heading {
    font-size: 21px;
}
.box-contacts__tops .content-contacts__boxs {
    padding: 0;
}
.banner-about__pages .intros-banners__abouts {
    position: unset;
}

section.banner-about__pages>img {
    display: none;
}

.banner-about__pages .intros-banners__abouts .titles-banners-2 {
    font-size: 26px;
}

.img-we__who .number-we__whos {
    left: 0;
    padding: 10px;
}

.items-information__we {
    padding: 10px;
}

.why-we__abouts {
    padding: 20px 0;
}

.first-text__alls h3 {
    font-size: 26px;
}

.we-uniques .container .imgs-uniques {
    width: 100%;
}

.we-uniques .container {
    flex-wrap: wrap;
}

.we-uniques .container .text-alls__mains {
    width: 100%;
}

.we-uniques .slick-nav {
    left: 0;
}

.we-uniques .slick-next {
    left: unset;
    right: 0;
}

.we-uniques .first-text__alls h4 {
    padding: 0 15px;
}
section.section-banner__main.banner-qlks .image {
    display: none;
}

.section-banner__main .title-small {
    font-size: 21px;
}

.section-banner__main .title-big {
    font-size: 21px;
}

section.section-banner__main.banner-qlks .ct-text {
    padding: 20px 0;
}

.section-all {
    padding: 20px 0;
}

.item-function {
    padding: 10px;
}

.list-advantages li {
    flex: 0 0 100%;
}

.section-get__bottom {
    padding: 20px 0;
}
.fs-36s {
    font-size: 28px;
}
.control_system .control_slug {
    position: unset;
    padding: 10px;
}

.col-bf::before {
    display: none;
}

.system_slug {
    position: unset;
    margin: 0;
    transform: unset;
    padding: 10px;
    font-size: 21px;
}

.control_system {
    padding: 20px 0;
}

.inner-area_title {
    flex-wrap: wrap;
}

.title_area {
    width: 100%;
    font-size: 24px;
    margin-bottom: 10px;
}

.parking_all {
    padding: 10px;
    width: 100%;
    margin: 0;
}

.module-header {
    flex-wrap: wrap;
}

.section-system__alarm .first-text {
    padding: 0 10px;
}

#footer {
    padding: 30px 0;
}
.section-banner__security .ct-text .title-small {
    font-size: 24px;
}

.section-banner__security .ct-text .title-big {
    font-size: 24px;
}

.section-banner__security p {
    font-size: 14px;
}

.section-banner__security {
    padding: 30px 0;
}

.section-paradigm__security .module-paradigm {
    padding: 15px;
}

.title-blue__all {
    font-size: 24px;
}

.intro-prd__security {
    padding: 15px;
}

.section-device__security .list-device__security::after {
    display: none;
}

.box-intro__security::after {
    display: none;
}

.section-device__security .list-device__security .content {
    padding: 0;
}

.section-device__security .list-device__security {
    padding: 0;
}
.slider-swiper-supervise .container {
    position: unset;
    transform: unset;
}

.content-slider-p {
    color: #111;
    font-size: 21px;
}

.slider-swiper-supervise .container .content-slider {
    padding: 20px 0;
}

.content-slider-title {
    font-size: 21px;
    color: #111;
}

.content-slider-title-span {
    font-size: 21px;
}

.content-slider-p-end {
    font-size: 21px;
    color: #111;
}

.camera-system .camera-system-padding {
    padding: 0 0 20px;
}

.camera-system .camera-system-padding .content-camera-system {
    padding-top: 20px;
}

.camera-system-title {
    font-size: 24px;
}

.section-camera__factory .image-prd {
    display: none;
}

.section-camera__factory .module-content {
    max-width: 100%;
}

.temperature {
    padding: 20px 0;
}

.temperature .temperature-padding .d-flex {
    flex-wrap: wrap;
}

.temperature .temperature-padding .temperature-tiem-luc {
    width: 100%;
    margin-bottom: 20px;
}

.temperature .temperature-padding .temperature-tiem-luc .fix-span {
    justify-content: center;
}

.temperature .temperature-padding .temperature-tiem-luc .temperature-tiem-luc-h3 {
    text-align: center;
}

.temperature .temperature-padding .temperature-tiem-luc .temperature-tiem-luc-p {
    text-align: center;
}

.section-camera__system {
    padding-top: 20px;
}

.item-advantages-camera {
    padding: 10px;
    margin-bottom: 10px;
    height: auto;
}

.section-camera__system::after {
    display: none;
}

section#form_contact .title {
    font-size: 24px;
}
section.section-banner__main .image {
    display: none;
}
.section-banner__control .ct-text .text-blue {
    font-size: 21px;
}

.section-banner__control .container {
    position: unset;
    transform: unset;
}

.section-banner__control {
    padding-top: 20px;
}

.cols-prd__big {
    height: 250px;
}

.section-advantages__control .item-advantages__control {
    padding: 0 !important;
}

section.page-444-s5 .col-lg-4:nth-child(1) {
    text-align: left;
}

section.page-444-s7 .img {
    width: 80px;
}

section.page-444-s7 .img img {
    width: 80px;
    height: 80px;
}
}
@media(max-width: 767px) {
    
}
@media(max-width: 576px) {
    
}
section.page-897-s1 {
    padding: 200px 0;
    position: relative;
}

.page-897-s1-video {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
}

.page-897-s1-video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
}

.page-897-s1-overplay {
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

section.page-897-s1 .container {
    position: relative;
    z-index: 999;
    text-align: center;
}

section.page-897-s1 h2 {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    color: #2CB14C;
}

section.page-897-s1 p {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.page-897-s1-shape {
    bottom: -1px;
    transform: rotate(180deg);
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
}
.page-897-s1-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page-897-s1-shape path {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
section.page-897-s2 {
    margin-top: 90px;
    margin-bottom: 50px;
}

section.page-897-s2 h2 {
    color: #208445;
    font-size: 27px;
    text-transform: uppercase;
    line-height: 1.3em;
    text-align: center;
}

section.page-897-s2 p {
    color: #208445;
    margin: 0;
}

.page-897-s2-img {
    position: relative;
}

.page-897-s2-img img:nth-child(1) {
    max-width: 400px;
    border-style: solid;
    border-width: 7px 0px 6px 0px;
    border-color: #D8D8D8;
    border-radius: 500px 500px 500px 500px;
}

.page-897-s2-img img:nth-child(2) {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #1B894D;
    border-radius: 500px 500px 500px 500px;
    position: absolute;
    width: 135px;
    max-width: 135px;
    top: -27px;
    left: 289px;
}

.page-897-s2-img img:nth-child(3) {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #1B894D;
    border-radius: 500px 500px 500px 500px;
    position: absolute;
    left: 347px;
    width: 135px;
    max-width: 135px;
    top: 117px;
}

.page-897-s2-img img:nth-child(4) {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #1B894D;
    border-radius: 500px 500px 500px 500px;
    position: absolute;
    width: 135px;
    max-width: 135px;
    top: 276px;
    left: 293px;
}
section.page-897-s3 .heading h2 {
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #208445;
}

section.page-897-s3 .heading p {
    color: #208445;
    margin: 0;
    text-align: center;
    font-size: 14px;
}

section.page-897-s3 .heading {
    margin-bottom: 40px;
}

section.page-897-s3 img {
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    border-color: #208445;
    border-radius: 20px 20px 20px 20px;
}

section.page-897-s3 .col-12 p {
    margin: 0;
    color: #23A455;
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
}
section.page-897-s4 {
    margin: 50px 0;
}
section.page-897-s4 .heading h2 {
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #208445;
}

section.page-897-s4 .heading p {
    color: #208445;
    margin: 0;
    text-align: center;
    font-size: 14px;
}

section.page-897-s4 .heading {
    margin-bottom: 40px;
}


section.page-897-s4 .item {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

section.page-897-s4 h3 {
    background-color: #008C4F;
    padding: 10px 10px 10px 10px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

section.page-897-s4 .price-label {
    background-color: #FF7302;
    color: #ffffff;
    font-size: 11px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    line-height: 2;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 14px;
    left: auto;
    right: -50px;
    width: 150px;
    overflow: hidden;
    text-align: center;
    transform: rotate(45deg);
}

section.page-897-s4 ul {
    list-style: none;
    padding: 20px;
    margin: 0;
}

section.page-897-s4 li {
    font-size: 13px;
    margin-bottom: 10px;
    color: #111;
    padding-bottom: 10px;
}

section.page-897-s4 i {
    color: #2CB14C;
    margin-right: 10px;
}

section.page-897-s4 li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
section.page-897-s5 .heading h2 {
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #208445;
}

section.page-897-s5 .heading p {
    color: #208445;
    margin: 0;
    text-align: center;
    font-size: 14px;
}

section.page-897-s5 .heading {
    margin-bottom: 40px;
}

section.page-897-s5 .wpcf7-text,section.page-897-s5 .wpcf7-select {
    border-color: #04AD43;
    border-width: 1px 1px 1px 1px;
    border-radius: 8px 8px 8px 8px;
}

section.page-897-s5 .wpcf7-spinner {
    display: block;
}

section.page-897-s5 .wpcf7-submit {
    background-color: #E50202;
    color: #FFFFFF;
    border: 0;
    border-radius: 8px;
    font-size: 15px;
    padding: 12px 24px;
    font-weight: 700;
    line-height: 1;
}
#countdown {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  font-family: 'Arial', sans-serif;
}

.time-box {
  border: 2px solid #007b33; /* viền xanh */
  border-radius: 10px;
  padding: 10px 20px;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.time-box span {
  display: block;
  font-size: 40px;
  font-weight: bold;
  color: #d10000; /* chữ đỏ */
}

.time-box p {
  margin: 0;
  font-size: 16px;
  color: #007b33; /* chữ chú thích xanh */
}
section.page-897-s6 {
    position: relative;
    padding: 50px 0 100px;
}

section.page-897-s6:before {
    content: "";
    background-color: transparent;
    background-image: linear-gradient(180deg, #12592D 0%, #FFFFFF 100%);
    opacity: 0.8;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}

.page-897-s6-shaptop {
    top: -1px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
}

.page-897-s6-shaptop svg {
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
    height: 47px;
}

.page-897-s6-shaptop path {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

section.page-897-s6 .heading h2 {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 70px;
}

.bdt-price-table {
    text-align: center;
}
.bdt-price-table .bdt-price-table-header {
    background: #208445;
    padding: 30px 0;
}
.bdt-price-table .bdt-price-table-heading {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5em;
}
.bdt-price-table-ribbon {
    position: absolute;
    top: -30px;
    text-align: center;
    left: 0;
    right: auto;
}
.bdt-price-table-ribbon-inner {
    line-height: 2;
    text-transform: uppercase;
    padding: 2px 10px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
    transform: translate(-31px, 13px) rotate(0deg);
    background-color: #C72127;
    color: #ffffff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.bdt-price-table .bdt-price-table-price {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    color: #555;
    font-weight: 900;
    font-size: 39px;
    padding: 30px 0;
}

section.page-897-s6 .item {
    margin: 0px 0px 0px 0px;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 3px 4px 3px 0px #020201;
    overflow: hidden;
    background-color: #f8f8f8;
}

.bdt-price-table .bdt-price-table-after-price {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
}
.bdt-price-table .bdt-price-table-price .elementor-typo-excluded {
    line-height: initial;
    letter-spacing: initial;
    text-transform: initial;
    font-weight: initial;
    font-size: initial;
    font-style: initial;
    margin-left: 10px;
}

.bdt-price-table .bdt-price-table-features-list {
    list-style-type: none;
    margin: 0;
    padding: 20px;
    line-height: 1;
    text-align: left;
}
.bdt-price-table .bdt-price-table-features-list li {
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
.bdt-display-inline-block {
    display: inline-block !important;
}

.bdt-price-table .bdt-price-table-features-list li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.bdt-price-table .bdt-price-table-footer {
    padding: 30px 0;
}

section.page-897-s6 .col-lg-7 h3 {
    color: #FEFF00;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    line-height: 1.5;
    text-align: center;
}

section.page-897-s6 .wpcf7-text,section.page-897-s6 .wpcf7-textarea {
    background-color: #ffffff;
    border-color: #208445;
    border-radius: 15px 15px 15px 15px;
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
    margin-bottom: 15px;
}

section.page-897-s6 .wpcf7-textarea {
    height: 120px;
}

section.page-897-s6 .wpcf7-submit {
    background-color: #E50202;
    width: 100%;
    border: 0;
    font-size: 18px;
    padding: 20px 40px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
}

.page-897-s6-shapbottom {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -1px;
    transform: rotate(180deg);
}

.page-897-s6-shapbottom svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page-897-s6-shapbottom path {
    fill: #020201;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
section.page-897-s7 {
    padding: 30px 0;
}

section.page-897-s7 h2 {
    color: #208445;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
    font-size: 32px;
}

section.page-897-s7 .item {
    text-align: center;
}

section.page-897-s7 i {
    font-size: 55px;
    color: #208445;
}

section.page-897-s7 h3 {
    color: #208445;
    font-size: 22px;
    margin: 20px 0;
}

section.page-897-s7 p {
    margin: 0;
}

section.page-897-s7 a {
    background-color: #208445;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-top: 30px;
    color: #fff;
    padding: 15px 30px;
    border-radius: 20px;
    line-height: 1;
    text-transform: uppercase;
}
section.page-897-s8 {
    padding: 30px 0;
}

section.page-897-s8 h2 {
    text-align: center;
    color: #208445;
    font-size: 37px;
    text-transform: uppercase;
}

section.page-897-s8 h3 {
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    margin: 20px;
}

section.page-897-s8 a {
    background-color: #208445;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-top: 30px;
    color: #fff;
    padding: 15px 30px;
    border-radius: 20px;
    line-height: 1;
    text-transform: uppercase;
}
section.page-897-s9 {
    padding: 30px 0;
}

section.page-897-s9 h2 {
    color: #208445;
    text-align: center;
    margin-bottom: 30px;
    font-size: 36px;
}

section.page-897-s9 ul.nav {
    border: 0;
}

section.page-897-s9 ul.nav a {
    display: flex;
    align-items: center;
    background: #208445;
    padding: 5px;
}

section.page-897-s9 ul.nav li:not(:last-child) a {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

section.page-897-s9 img {
    width: 75px;
    margin-right: 10px;
}

section.page-897-s9 h3 {
    margin: 10px 0 6px 0;
    max-height: 40px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

section.page-897-s9 p {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 13px;
}

section.page-897-s9 .text-center a {
    background-color: #208445;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-top: 30px;
    color: #fff;
    padding: 15px 30px;
    border-radius: 20px;
    line-height: 1;
    text-transform: uppercase;
}
section.page-897-s10 {
    padding: 30px 0;
}

section.page-897-s10 h2 {
    color: #208445;
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}

section.page-897-s10 h3 {
    color: #208445;
    font-size: 20px;
}

section.page-897-s10 p {
    font-size: 14px;
}
section.page-897-s11 {
    background: #23A455;
    padding: 30px 0;
}

section.page-897-s11 h2 {
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
}

section.page-897-s11 h2:after {
    content: "";
    display: block;
    width: 150px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

section.page-897-s11 .item {
    padding: 20px 20px 20px 20px;
    background-color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    text-align: center;
    height: 100%;
}

section.page-897-s11 h3 {
    font-size: 20px;
    margin: 20px 0 10px;
}

section.page-897-s11 p {
    font-size: 14px;
}
section.page-897-s12 {
    padding: 30px 0;
    text-align: center;
}

section.page-897-s12 h3 {
    color: #087926;
    font-size: 25px;
}

section.page-897-s12 p {
    color: #087926;
}

section.page-897-s12 a {
    background-color: #208445;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    padding: 15px 30px;
    border-radius: 20px;
    line-height: 1;
    text-transform: uppercase;
}
.page-897-s13 {
    padding: 30px 0;
    background-image: url(images/giai-phap-nha-thong-minh/5148a8dc-2ed7-443b-b53f-bcf4652a4eb0-1.jpg);
    background-position: center center;
    background-size: cover;
    text-align: center;
}
section.page-897-s13 img {
    width: 180px;
}

section.page-897-s13 h3 {
    color: #E10000;
    font-size: 35px;
    margin: 20px 0;
}

section.page-897-s13 ul {
    max-width: 580px;
    margin: 0 auto;
    color: #fff;
    padding: 0;
    list-style: none;
    text-align: left;
}
section.page-897-s14 {
    padding: 30px 0;
}

section.page-897-s14 .heading h2 {
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #208445;
}

section.page-897-s14 .heading p {
    color: #208445;
    margin: 0;
    text-align: center;
    font-size: 14px;
}

section.page-897-s14 .heading {
    margin-bottom: 40px;
}

section.page-897-s14 .item {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

section.page-897-s14 .item img {
    width: 66px;
}

section.page-897-s14 .item h3 {
    color: #208445;
    font-size: 40px;
    margin: 20px 0 10px;
}

section.page-897-s14 .row:last-child img {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #208445;
    border-radius: 20px 20px 20px 20px;
}
section.page-897-s15 {
    padding: 30px 0;
    text-align: center;
}

section.page-897-s15 .heading h2 {
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #208445;
}

section.page-897-s15 .heading h3 {
    color: #2CB14C;
    margin: 30px 0;
    text-align: center;
    font-size: 40px;
}

section.page-897-s15 .heading {
    margin-bottom: 40px;
}

section.page-897-s15 .heading p {
    margin: 0;
    text-align: center;
    color: #FF7302;
}

section.page-897-s15 i:not(:last-child) {
    margin-right: 45px;
}

section.page-897-s15 .row h3 {
    color: #2E0807;
    font-size: 31px;
    font-weight: 600;
    text-align: center;
}

section.page-897-s15 .row h2 {
    color: #2CB14C;
    font-size: 50px;
    font-weight: 600;
    padding: 50px 0;
    text-align: center;
}

section.page-897-s15 .row a {
    background-color: #208445;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    padding: 15px 30px;
    border-radius: 20px;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 20px;
}
section.page-897-s16 {
    padding: 30px 0;
    text-align: center;
}

section.page-897-s16 .row h2 {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}

section.page-897-s16 .row a {
    background-color: #208445;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    padding: 15px 30px;
    border-radius: 20px;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 20px;
}

section.page-897-s16 .heading h2 {
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #208445;
    margin: 20px 0 30px;
}

section.page-897-s16 .wpcf7-text,section.page-897-s16 .wpcf7-textarea {
    background-color: #ffffff;
    border-color: #208445;
    border-radius: 15px 15px 15px 15px;
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
    margin-bottom: 15px;
}

section.page-897-s16 .wpcf7-textarea {
    height: 120px;
}

section.page-897-s16 .wpcf7-submit {
    background-color: #E50202;
    width: 100%;
    border: 0;
    font-size: 18px;
    padding: 20px 40px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
}
@media(max-width: 991px) {
    .page-897-s2-img img:nth-child(2),.page-897-s2-img img:nth-child(3),.page-897-s2-img img:nth-child(4) {
    position: unset;
    max-width: 100%;
    width: 100%;
    margin-top: 15px;
}

.page-897-s2-img img:nth-child(1) {
    width: 100%;
}

.time-box {
    padding: 5px;
}
}