@import url("style_adder.css");
@font-face {
    font-family: 'mainr';
    src: url("fonts/mainr.otf");
    font-display: swap;
}
@font-face {
    font-family: 'mainm';
    src: url("fonts/mainm.otf");
    font-display: swap;
}
@font-face {
    font-family: 'mainb';
    src: url("fonts/mainb.otf");
    font-display: swap;
}

:root {
    --main: #EE6625;
    --light: #ff9865;
	--dark: #772800;
    --gray: #303030;
	--lgray: #808080;
	--dgray: #202020;
}
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--gray); }
::-webkit-scrollbar-thumb {
    height: 20%;
    background: var(--main);
}
::-webkit-scrollbar-thumb:hover { background: var(--light); }
::selection { background: #ff986590; color: #000; }
::-moz-selection { background: #ff986590; color: #000; }
::-webkit-selection { background: #ff986590; color: #000; }

html {
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}
html,body,p,text,textarea,select,input {
	outline: 0;
	font-family: 'mainr';
}
body { margin: 0 }
a { 
    text-decoration: none;
    transition: 0.3s ease-out;
}
a:focus,
a:active,
a:hover { outline: 0 }

h1 { font-size: 40px;}
h2 { font-size: 32px;}
h3 { font-size: 24px;}
h4 { font-size: 16px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}

b, strong {
    font-weight: normal;
    font-family: 'mainb';
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin: 0 0 15px 0;
    font-weight: normal;
    font-family: 'mainb';
    line-height: 1.2;
    transition: 0.3s ease-out;
}
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }
.ttu {text-transform: uppercase;}
.dpn { display: none; }
.dpb { display: block; }
.psr { position: relative; }
.psa { position: absolute; }
.clb { color: #000; }
.clw { color: #fff; }
.clm { color: var(--main); }

.mga { margin: auto;}


/*WRAPPER_CENTER*/
.container-limit,
.wrapper-center,
.wrapper-center-2 {
    margin-right: auto;
    margin-left: auto
}
@media (min-width: 1601px) { .container-limit { max-width: 1600px; } }
@media (max-width: 1600px) { .container-limit { width: 100%; } }

@media (max-width: 568px) { 
    .wrapper-center,
    .wrapper-center-2 { padding: 0 30px; } 
}
@media (min-width: 569px) and (max-width: 1600px) { 
    .wrapper-center {width: 95%;}
    .wrapper-center-2 {width: 85%;}
}
@media (min-width: 1601px) {
    .wrapper-center,
    .wrapper-center-2 {width: 1600px;}
}

/*header*/
.schroder-header { 
    background-color: var(--gray);
    z-index: 10000;
    position: fixed;
    top: 0;
    width: 100%; 
}
.schroder-header .wrapper-center { height: 70px; }
.custom-logo-link {
    margin: 5px 0;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
    height: 2px !important;
}

/*css menu chinh - main menu*/
@media (min-width: 1201px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        margin: 0 25px;
        border-bottom: 4px solid var(--gray);
        transition: 0.3s ease-out;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-of-type > a.mega-menu-link {
        margin: 0 0 0 25px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
        border-bottom: 4px solid var(--main);
    }
}
@media (max-width: 1200px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 0 20px;
    }
}
/*footer*/
.schroder-footer { 
    background-color: var(--main);
    padding: 50px 0;
}
.schroder-footer .foot-logo {
    margin-right: 20px;
    margin-bottom: 6px;
    filter: brightness(100) invert(0)
}
.schroder-footer * { color: #fff; }
.schroder-footer .top { 
    align-items: flex-end;
    padding-bottom: 20px;
}
.schroder-footer .top h3 { margin: 0; }
.schroder-footer .bottom ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
@media (min-width: 1201px) {
    .schroder-footer .bottom ul li:not(:last-child) {
        display: inline-block;
        margin: 0 25px 0 0;
        padding-right: 25px;
        border-right: 1px solid #fff;
    }
    .schroder-footer * { line-height: 1.2; }
}
#colophon { background: var(--dgray); }
#colophon .copyright { padding: 20px 0; }
#colophon .copyright a {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
}
.block-mobile-buttons {
    display: none;
    z-index: 3;
    position: fixed;
    right: 5px;
    bottom: 0px;
}
.pulse {
    cursor: pointer;
    margin: 25px 10px;
    padding: 8px;
    background-color: var(--main);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.3s ease-out;
}
.pulse:hover { background-color: var(--light); }
.pulse::before,
.pulse::after {
    content: "";
    position: absolute;
    border: 1px solid var(--main);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-radius: 50%;
    animation: pulse 1s ease-out infinite;
}
.pulse::after { animation-delay: 0.3s }
.pulse:hover::before, 
.pulse:hover::after { border: 1px solid var(--light); }
.pulse img { width: 20px; height: 20px; }
@keyframes pulse {
    0% { transform: scale(0.5); opacity: 0 }
    50% { transform: scale(1); opacity: 1 }
    100% { transform: scale(1.3); opacity: 0 }
}

/*breadcrumbs*/
.breadcrumbs {
    padding: 10px 0;
    background-color: #f1f1f1;
}
.breadcrumbs * {
    font-size: 13px;
}

/*trang trong*/
.page-content { padding: 30px 0; }
.page-title,
.entry-header h1 {
    margin: 0;
    text-transform: uppercase;
    padding: 50px 0 30px 0;
    color: var(--main)
}
.site-content { padding-top: 70px; }
/*editor*/
.hentry .entry-content .wp-block-quote {
    position: relative;
    padding: 20px 30px;
    margin: 30px 0;
    border: 1px solid var(--main);
}
.hentry .entry-content .wp-block-quote::before {
    content:url('icon/quote.png');
    position: absolute;
    right: 30px;
    top: -30px;
}
.hentry .entry-content .wp-block-quote cite {
    position: relative;
    padding-left: 30px;
}
.hentry .entry-content .wp-block-quote cite::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 7px;
    width: 20px;
    height: 2px;
    background-color: var(--main);
}

/*trang danh muc san pham*/
.shop-title { 
    padding: 40px 0;
    background-color: var(--main);
}
.shop-title h1 { 
    color: #fff; 
    margin: 0;
}
.list-item-product .storefront-sorting {
    margin: 0 5px;
    display: flex;
    justify-content: center;
}
.storefront-sorting:nth-of-type(2) .woocommerce-ordering,
.storefront-sorting:nth-of-type(2) .woocommerce-result-count,
.storefront-sorting:nth-of-type(1) { display: none }

.shop-page { padding: 30px 0 60px 0; }
.shop-page .list-category ul { margin: 0; }
.shop-page .list-category ul li { list-style: none; }
.shop-page .list-category ul li a {
    font-size: 15px;
    line-height: 1.2;
    padding: 12px 20px 12px 40px;
    background-color: #f1f1f1;
    display: block;
    position: relative;
    font-family: 'mainm';
    margin-bottom: 10px;
}
.shop-page .list-category ul li a::before {
    font-size: 14px;
    position: absolute;
    content: '▶ ';
    color: var(--main);
    left: 15px;
    top: 11px;
}
.shop-page .list-category ul li:hover a {
    color: #fff;
    background-color: var(--main);
    box-shadow: 0 5px 5px #aaa;
}
.shop-page .list-category ul li:hover a::before { color: #fff; }
@media (min-width: 769px) {
    .shop-page { margin: 0 -5px; }
    .shop-page .box { margin: 5px; }
}
@media (max-width: 768px) {
    .shop-page .box { margin-bottom: 10px; }
    .shop-page .list-category ul { display: flex; flex-wrap: wrap; }
    .shop-page .list-category ul li a {
        font-size: 13px;
        padding: 10px 10px 10px 30px;
        margin-right: 5px;
    }
    .shop-page .list-category ul li a::before {
        font-size: 11px;
        top: 10px;
    }
}
.list-products {
    margin: 0 -5px;
    list-style: none;
}
.list-products li {
    text-align: center;
    margin: 0 5px 30px 5px;
    height: calc(100% - 30px);
}
.list-products li .icon-logo {
    left: 10px;
    top: 15px;
}
.list-products li .icon-logo img { max-width: 80px; }
.list-products li>a {
    height: 100%;
    display: block;
    border: 1px solid #ccc;
}
.list-products li>a:hover {
    box-shadow: 0 5px 10px #aaa;
}
.list-products li>a .price {
    display: none;
}
.list-products li>a>img {
    width: 100%;
    height: 200px;
    padding: 20px;
    object-fit: contain;
    transition: 0.5s ease-out;
}
.list-products li>a:hover img { transform: scale(0.9); }
.list-products li h2 {
    padding: 15px;
    margin: 0;
    font-size: 16px;
    font-family: 'mainm';
}
.list-products li>a:hover h2 { color: var(--main); }
.list-products li .underline {
    width: 60px;
    margin: 15px auto 0 auto;
    height: 2px;
    background-color: var(--main);
    transition: 0.5s ease-out;
}
.list-products li:hover .underline { width: 100%; }
@media (max-width: 768px) {
    .list-products li h2 { font-size: 13px; }
}

/*trang chi tiet san pham*/
.product-title {
    padding: 40px 0;
    background-color: var(--main);
}
.product-title h1 {
    color: #fff;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.single-product div.product::before,
.single-product div.product::after {
    content: "";
    display: table;
    width: 100%;
}

.specifications-title {
    text-transform: uppercase;
    color: var(--main);
}
.related>h2:first-child, 
.upsells>h2:first-child {
    font-size: 24px;
    text-transform: uppercase;
    color: var(--main);
}

.woocommerce-product-gallery .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.specifications-info table ul li {
    margin: 10px 0;
    line-height: 1.3;
}
.related-products {
    margin-bottom: 30px;
}

/*hinh dai dien - gallery*/
.product-image-gallery {
    width: 100% !important;
}
#main .product .woocommerce-product-gallery {
    padding: 30px 0px;
    width: 100%;
    float: unset;
    margin: auto;
}
#main .product .woocommerce-product-gallery a { display: block; }
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    margin: 10px !important;
}
@media (max-width: 568px) {
    #main .product .woocommerce-product-gallery {
        width: 80vw;
    }
}
/*summary*/
.product-detail {
    width: 75%;
    margin: 50px auto;
}
.edit-link {
    display: none;
    margin: 20px;
    text-align: center;
    width: calc(100% - 40px);
}
.post-edit-link {
    font-family: 'mainm';
    display: inline-block;
    padding: 8px 30px;
    color: #fff;
    background-color: var(--main);
    border: 2px solid var(--main);
    line-height: 1;
    transition: 0.3s ease-out;
}
.post-edit-link:hover {
    color: var(--main);
    background-color: #fff;
}

/*variations*/
.variations_form {
    padding-top: 20px;
}
table.variations tbody {
    display: flex;
    flex-wrap: wrap ;
}
table.variations tbody tr {
    margin: 0 20px 0 0;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, 
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    box-shadow: 0 0 0 2px var(--main) !important;
}

/*chon mau sac - size*/
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item,
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item {
    border-radius: 0 !important;
    height: 24px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    margin: 0px 5px 0px 0 !important;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper 
.variable-item.button-variable-item .variable-item-span {
    padding: 0px 15px !important;
}
.woo-variation-swatches .button-variable-item span {
    font-size: 13px;
}
.woo-variation-swatches.wvs-show-label .variations td label {
    margin: 0 !important;
    font-family: 'mainm';
    font-size: 14px;
}
.woo-selected-variation-item-name {
    margin: 0 !important;
    color: var(--lgray);
    font-size: 14px;
}

/*so luong*/
.form-add-to-cart {
    padding-top: 45px;
    margin: 20px;
}
.quantity .qty {
    padding: 4px 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/*mo ta - thong tin*/
.product .woocommerce-tabs .panel { width: 100%; }
.product table { border-collapse: collapse; }
.product table p { margin: 10px 0; }
.woocommerce-Tabs-panel table th,
.woocommerce-Tabs-panel table td,
.woocommerce-product-details__short-description table th,
.woocommerce-product-details__short-description table td {
    font-size: 14px;
    margin: 10px 0;
    line-height: 1.3;
    border: 1px solid #ddd;
}
@media (max-width: 568px) {

}





/*trang gio hang*/
/*xem lai thong tin san pham*/
.cart-collaterals {
    display: flex;
    justify-content: center;
}
/*
.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal,
.cart_totals>table,
.cart_totals>h2,
.cart-subtotal,
.order-total,
.product-total {
    display: none;
}*/
.woocommerce-cart-form th {
    font-family: 'mainm';
    font-weight: normal;
}
dl.variation {
    font-size: 16px;
}
dl.variation dd {
    margin: 0;
}
.woocommerce-cart-form__cart-item dl.variation,
.widget_shopping_cart_content dl.variation,
.woocommerce-checkout-review-order-table .variation {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%;
}
.woocommerce-cart-form__cart-item dl.variation dt,
.widget_shopping_cart_content .variation dt {
    width: 35%;
}

.woocommerce-checkout-review-order-table .variation dt {
    width: 75%;
}
.woocommerce-checkout-review-order-table .variation dd {
    width: 25%;
}
.woocommerce-checkout-review-order-table .variation dd p {
    margin: 0;
}

.woocommerce-cart-form__cart-item dl.variation dd {
    width: 15%;
}




/*trang thanh toan*/
/*thong tin nguoi mua*/
.form-row label {
    font-family: 'mainm';
}
#billing_country_field,
#shipping_country_field {
    display: none;
}
#customer_details input[type=text], 
#customer_details input[type=number], 
#customer_details input[type=email], 
#customer_details input[type=tel], 
#customer_details input[type=url], 
#customer_details input[type=password], 
#customer_details input[type=search], 
#customer_details textarea, 
#customer_details .input-text {
    padding: 4px 8px;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #ddd;
    box-shadow: unset;
}
#customer_details .select2-container--default .select2-selection--single {
    outline: 0;
    border-radius: 0;
    font-size: 14px;
    border: 1px solid #ddd;
}

.woocommerce-terms-and-conditions-wrapper {
    padding: 5px 20px 0 20px;
}



/*trang danh sach tin tuc*/
#schroder_posts {
    padding: 50px 0;
}
.block-news {
    z-index: 3;
}
.post-background,
.post-background-layer {
    width: 100%;
    height: 500px;
    top: 0;
    left: 0;
}
.post-background {
    z-index: 1;
    overflow: hidden;
}
.post-background-layer {
    background-color: #000000a1;
    z-index: 2;
}
.post-background>img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
    filter: grayscale(100%);
}

.schroder-post-title {
    padding: 60px 0px 0px 0px;
}
.post-title {
    z-index: 3;
}
.post-title h1 {
    font-size: 48px;
    color: var(--main);
}
.news-item-list {
    margin: 0;
	padding: 0 0 50px 0;
}
.news-item-list li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.news-item-grid {
    display: block;
	height: calc(100% - 30px);
    margin: 0 5px 30px 5px;
    border: 1px solid #ccc;
}
.news-item-grid .line {
    width: 50px;
    height: 2px;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: 0.5s ease-out;
    background-color: var(--main);
}
.news-item-grid:hover .line { width: 100%; }
.news-item-grid .info { padding: 10px 20px; }
.news-item-grid .image {
	position: relative;
	overflow: hidden;
}
.news-item-grid .image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	transition: 0.5s ease-out;
}
.news-item-grid:hover .image img { transform: scale(1.1); }

#primary .news-item-grid .post-time {
    font-size: 14px;
    padding-bottom: 8px;
    margin-bottom: 6px;
    color: var(--lgray);
}
#primary .news-item-grid .post-title {
    margin: 5px;
    text-align: center;
	line-height: 1.2;
    font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	transition: 0.3s ease-out;
}
.news-item-grid:hover .content p { color: var(--main);
}
#primary .news-item-grid .box-in {
	align-items: flex-end;
}
.news-item-grid .content {
	border-top: 1px solid #dddddd;
	padding: 10px 30px 5px 0;
}
.news-item-grid .content p {
	font-size: 14px;
	margin: 0;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-item-grid .read-more {
	text-align: center;
}
.navigation {
	padding: 30px 10px 20px 10px;
	width: 100%;
	text-align: center;
}
.navigation ul {
	padding: 0;
	margin: 0;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #000;
    text-decoration:none;
}
.navigation li {
    display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    font-size: 14px;
    background-color: #f1f1f1;
    cursor: pointer;
    padding: 6px 12px;
    font-family: 'mainm';
}
.navigation li a:hover,
.navigation li.active a {
	color: #fff;
    background-color: var(--main);
}

/*trang tin tuc chi tiet*/
.post-detail {
    padding: 30px 0px;
}
.box-detail,
.box-related {
    padding: 20px;
}

.title-category {
    display: inline-block;
    color: var(--main);
    background-color: #fff;
    border: 2px solid var(--main);
    font-family: 'mainm';
    padding: 6px 15px;
    line-height: 1;
    transition: 0.3s ease-out;
}
.title-category:hover {
    color: #fff;
    background-color: var(--main);
} 
h1.post-title {
    padding: 15px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
h1.post-title span {
    color: var(--main);
}
.title-related {
    border-bottom: 2px solid var(--main);
    padding-bottom: 10px;
    padding-top: 50px;
    display: inline-block;
}
.related-post a:nth-child(2n+1) {
    background-color: #f1f1f1;
}
.related-post a {
    padding: 15px 10px 15px 20px;
}
.related-post a i {
    padding-top: 2px;
    padding-right: 10px;
    color: var(--main);
}
.related-post a h4 {
    line-height: 1.2;
    transition: 0.3s ease-out;
    margin: 0;
}
.related-post a:hover h4 {
    color: var(--main);
}



/*trang solutions*/
#schroder_solutions .news-item-list li a .number {
    left: 0;
    top: 20px;
    width: 50px;
    height: 50px;
    font-size: 32px;
    line-height: 1;
    font-family: 'mainb';
    color: #fff;
    background-color: var(--main);
    border: 3px solid var(--main);
    z-index: 1;
    transition: 0.3s ease-out;
}
#schroder_solutions .news-item-list li a:hover .number {
    color: var(--main);
    background-color: #fff;
}
#schroder_solutions .news-item-list li a .line {
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
#schroder_solutions .news-item-list li a .line-in {
    width: 30%;
    height: 3px;
    background-color: var(--main);
    transition: 0.3s ease-out;
}
#schroder_solutions .news-item-list li a:hover .line-in {
    width: 100%;
    z-index: 2;
}


/*trang chu*/
.schroder-home {
    background-color: var(--gray);
}
/*.block-about*/
.block-about {
    padding: 100px 0px 50px 0px;
}
.block-about-in {
    position: relative;
    overflow: hidden;
}
.block-about-in .decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: contain;
}

.block-about-info {
    position: relative;
    z-index: 1;
}
.block-about-in .schroder-title h2 {
    color: var(--main);
}
.block-about-in .quote .icon {
    padding-top: 20px;
}
.block-about-in .quote .icon img {
    width: 50px;
    height: auto;
    margin: auto;
}

.block-about-in .text-2 {
    padding: 30px 0;
    color: var(--main);
    font-size: 24px;
    line-height: 1.2;
    font-family: 'mainm';
    text-align: justify;
    text-align-last: center
}
.block-about ul li .item {

    margin: 30px 0;
}
.block-about ul li:nth-child(2) .item {
    border-left: 2px solid var(--main);
    border-right: 2px solid var(--main);
}
.block-about ul li .item img {
    width: 90px;
    height: 90px;
    display: block;
    margin: auto;
}
.block-about ul li .item h2 {
    color: var(--main);
    padding: 10px 0 15px;
    border-bottom: 2px solid var(--main);
}
.block-about ul li .item .info-full {
    display: none;
}
.block-about ul li .item .read-more,
.block-about ul li .item .read-less {
    padding-top: 20px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: 0.3s ease-out;
}

.block-about ul li .item .read-more:hover,
.block-about ul li .item .read-less:hover {
    color: var(--main);
}   
.block-about ul li .item .info-short,
.block-about ul li .item .info-full {
    padding: 20px 0;
    color: #fff;
    line-height: 1.4;
}
.block-about ul li .item .info-short p,
.block-about ul li .item .info-full p {
    color: #fff;
    margin: 0 0 10px 0;
    line-height: 1.4;
}
.display-block {
    display: block !important ;
}
.display-none {
    display: none !important;
}
.about-us-button {
    padding: 20px;
}
.about-us-button a {
    font-family: 'mainm';
    font-size: 20px;
    line-height: 1;
    display: inline-block;
    color: #fff;
    padding: 15px 40px;
    background-color: var(--main);
    border: 2px solid var(--main);
    box-shadow: 5px 5px 5px #000;
}
.about-us-button a:hover {
    background-color: #fff;
    color: var(--main);
}
@media (min-width: 569px) { 
    .block-about ul li .item { 
        padding: 0 30px;
    }
}

/*.block-achive*/
.block-achive {
    padding: 10px 0;
}

.block-achive .list-infos .item .box {
    margin: 10px;
    height: calc(100% - 20px);
    padding: 60px 30px;
    color: #fff;
    background-color: var(--main);
}
.block-achive .list-infos .item .number {
    font-family: 'mainb';
    font-size: 80px;
    line-height: 1;
}
.block-achive .list-infos .item .info {
    padding-top: 10px;
    font-size: 28px;
    font-family: 'mainb';
    line-height: 1.2;
}


/*.block-banner*/
.block-banner .banner-in {
    position: relative;
}
.block-banner .banner-in .info {
    padding: 30px;
    background-color: #ce481390;
    position: absolute;
    bottom: 50px;
    right: 0;
   
}
.block-banner .banner-in .info h1 {
    font-size: 2.5vw;
    line-height: 1.2;
    color: #fff;
}
.block-banner .banner-in .image img {
    width: 100%;
    height: 100vh;
}
.block-banner .banner-in .read-more {
    padding-top: 10px;
}
.block-banner .banner-in a {
    padding: 8px 25px;
    display: inline-block;
    border: 2px solid #fff;
    background-color: #fff;
    color: var(--main);
    font-family: 'mainb';
    line-height: 1;

}
.block-banner .banner-in a:hover {
    background-color: var(--main);
    color: #fff;
    box-shadow: 5px 5px 5px #000;
}


/*.block-5ms*/
.block-5ms {
    margin: 30px 0;
}
.block-5ms .schroder-title h2 { color: var(--main); }
.block-5ms-in {    
    background: url('background/5ms_model.png') center center no-repeat;
    background-size: contain;
    position: relative;
}
.block-5ms-in .horizon-line {
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    transform: translate(0, -50%);
    padding: 0;
    display: block;
    height: 2px;
    width: 100%;
}
.block-5ms-in .horizon-line-in {
    width: 80%;
    margin: auto;
    height: 2px;
    background-color: var(--main);
}
.block-5ms .list-infos {
    position: relative;
    z-index: 1;
}
.block-5ms .list-infos .box {
    margin: 5px 0;
    height: calc(100% - 10px);
    display: flex;
    flex-direction: column;
}
.block-5ms .list-infos .icon {
    position: relative;
}
.block-5ms .list-infos .icon img {
    margin: auto;
    max-width: 160px;
    width: 100%;
}
.block-5ms .list-infos .icon .decor {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.block-5ms .list-infos .icon .circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--main);
}
.block-5ms .list-infos .icon .line {
    width: 2px;
    height: 18px;
    background-color: var(--main);
}
.block-5ms .list-infos .icon .decor {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}

.block-5ms .list-infos .info {
    flex-direction: column;
    display: flex;
    flex: 1;
    border: 2px solid var(--main);
}
.block-5ms .list-infos .info-top {
    justify-content: flex-end;
}
.block-5ms .list-infos .info-in {
    background-color: var(--main);
    padding: 10px;
}
.block-5ms .list-infos .info h3 {
    font-family: 'mainb';
    color: #fff;
    margin: 0;
    line-height: 1;
}
.block-5ms .list-infos .info .text-out {
    padding: 15px 0;
}
.block-5ms .list-infos .info .text {
    color: #fff;
    line-height: 1.3;
    padding: 0 15px;
    height: 150px;
    overflow-y: scroll;
}
@media (min-width: 569px) { 
    .block-5ms-in { padding: 100px 0; }
}




/*trang 5m model*/
.schroder-5ms {
    background-color: var(--gray);
}

/*.block-model-1*/
.block-model-2,
.block-model-3,
.block-model-4,
.block-model-5,
.block-iso .box-info {
    padding: 50px 0;
}
.block-model-1 .box-in,
.block-model-1 .box-1 .content,
.block-model-2 .box-in,
.block-model-2 .list-infos .item .info,
.block-model-3 .box-3,
.block-model-3 .box-in,
.block-model-4 .box-in,
.block-model-5 .box-in,
.block-model-1 .box-2 .list-infos,
.block-model-1 .box-2 .title {
    padding: 20px;
}

.block-model-1 .box-1 .content *,
.block-model-1 .box-2 .title h1,
.block-model-1 .box-2 .list-infos a:hover .name,
.block-model-1 .box-3 *,
.block-model-2 .box-1 *,
.block-model-3 .info,
.block-model-3 .info *,
.block-model-4 .info,
.block-model-5 .policy .content *,
.block-iso .box:nth-of-type(2n) .box-title h2 {
    color: #fff;
}


.block-model-1 .box-3 .image img,
.block-model-2 .box-1 .image img {
    width: 100%;
}

.block-model-1 .box-3 .content sup,
.block-model-3 sup {
    color: var(--main);
}

.block-model-1 .box-2,
.block-model-4 {
    background-color: var(--main);
}
.block-model-4 .box-1 *,
.block-model-5 .box-1 .content * {
    color: var(--dgray);
}

.block-model-2 .list-infos .content li,
.block-model-4 .info p,
.block-model-5 .policy .content * {
    font-size: 14px;
}
.block-model-2 .box-1 .content h4,
.block-model-3 .box-1 h4,
.block-model-5 .box-1 h4 {
    font-size: 20px;
}
.block-model-1 .box-3-in,
.block-model-5 .box {
    z-index: 2;
}
.block-model-1 .box-1 {
    display: flex;
    align-items: center;
    height: 450px;
}
@media (max-width: 568px) {

    .block-model-1 .box-in, .block-model-1 .box-1 .content, 
    .block-model-3 .box-3, .block-model-3 .box-in, 
    .block-model-4 .box-in, .block-model-5 .box-in,
    .block-model-1 .box-2 .list-infos,
    .block-model-1 .box-2 .title { padding: 20px 0px; }
}

.block-model-1 .box-2 .list-infos a {
    display: inline-block;
}
.block-model-1 .box-2 .list-infos .icon img {
    max-width: 40px;
    margin: auto;
    transition: 0.3s ease-out;
}

.block-model-1 .box-2 .list-infos a:hover .icon img {
    filter: invert(100%);
}
.block-model-1 .box-2 .list-infos .name {
    padding: 10px 0 20px 0;
    color: var(--gray);
    line-height: 1;
    font-family: 'mainm';
    transition: 0.3s ease-out;
}


.block-model-1 .box-2 .list-infos .dot {
    z-index: 2;
    opacity: 0;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: 0.5s ease-out;
}
.block-model-1 .box-2 .list-infos a:hover .dot {
    opacity: 1;
}
.block-model-1 .box-2 .list-infos .dot>span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
}

.block-model-1 .box-2 .list-infos .line {
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: var(--gray);
    bottom: -2px;
    left: 50%;
}
.block-model-1 .box-2 .list-infos .item-out:last-child .line {
    display: none;
}


.block-model-1 .box-3 {
    padding: 50px 0 0 0;
}

.block-model-1 .box-3 .background {
    z-index: 1;
    width: 100%;
    height: 250px;
    background-color: var(--main);
    bottom: 0;
    left: 0;
}

/*.block-model-2*/
.block-model-2 .layer,
.block-model-5 .layer {
    left: 0;
    width: 100%;
    height: 65%;
}
.block-model-2 .layer-1,
.block-model-5 .layer-1 {
    top: -2px;
    background: linear-gradient(var(--main), #ee652580, #00000000);
}
.block-model-2 .layer-2,
.block-model-5 .layer-2 {
    bottom: -2px;
    background: linear-gradient(#00000000, #40404080, var(--gray));
}
.block-model-2 .list-infos {
    padding: 0 20px;
}
.block-model-2 .list-infos .item {
    margin: 5px;
    background-color: var(--gray);
    height: calc(100% - 10px);
}


.block-model-2 .list-infos .item .text {
    color: var(--main);
    padding-bottom: 10px;
    border-bottom: 2px solid var(--main);
}

.block-model-2 .list-infos ul {
    margin: 0;
}
.block-model-5 .content ul,
.block-iso .content ul {
    margin: 15px 0;
}

.block-model-2 .list-infos .content li,
.block-model-5 .content ul li,
.block-iso .content ul li {
    list-style: none;
    margin: 15px 0 15px 30px;
    line-height: 1.4;
    position: relative;
}


.block-model-2 .list-infos .content li:last-child {
    margin: 15px 0 0 30px;
}

.block-model-2 .list-infos .content li:before,
.block-model-5 .content ul li::before,
.block-iso .content ul li:before {
    content: '';
    position: absolute;
    left: -30px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 18px;
    background-image: url('icon/list_style.png');
    background-repeat: no-repeat;
    margin-top: 2px;
}
@media (max-width: 568px) {
    .block-model-2 .list-infos {
        padding: 0;
    }
    .block-model-2 .list-infos .item {
        margin: 10px 0;
    }
}


/*.block-model-3*/
.block-model-3 .info h3 {
    display: inline-block;
    border-bottom: 2px solid var(--main);
    padding-bottom: 10px;
}
.block-model-3 .grid-3m {
    padding: 30px 0;
    margin: 0 -5px;
}
.block-model-3 .grid-3m .item {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.block-model-3 .grid-3m .item img {
    margin: auto;
}
.block-model-3 .grid-3m .item h4 {
    margin: 20px 0 0 0;
    color: var(--main);
}



/*.block-model-4*/
.block-model-4 .info>h4 {
    font-size: 20px;
    color: var(--dgray);
    display: inline-block;
    border-bottom: 2px solid var(--dgray);
    padding-bottom: 10px;
    margin: 0;
}
.block-model-4 .image {
    margin: 3px;
}

/*.block-model-5*/
.block-model-5 .policy {
    margin: 20px 20px 30px 20px;
    padding: 20px;
    background-color: #202020d0;
    box-shadow: 0 5px 10px -5px #000000;
}
.block-model-5 .owl-carousel.owl-drag .owl-item {
    background-color: unset;
}
.block-model-5 .box-3 h3 {
    padding: 30px 0;
}
@media (max-width: 568px) {
    .block-model-5 .policy {
        margin: 0;
        height: calc(100% - 50px);
    }
}



/*block-iso*/
.block-iso .box:nth-of-type(2n+1) {
    background-color: #000000bb;
}
.block-iso .box:nth-of-type(2n) {
    background-color: #ee6525bb;
}
.block-model-5 .box-title h3,
.block-iso .box-title h2 {
    line-height: 1.1;
    padding-left: 20px;
    margin: 0;
}
.block-model-5 .box-title h3,
.block-iso .box:nth-of-type(2n+1) .box-title h2 {
    color: var(--main); 
}

.block-iso .box-in {
    padding: 20px 30px;
}

.block-iso .content,
.block-iso .content p {
    font-family: 'mainm';
    color: #fff;
}


.block-model-5 .number,
.block-iso .number {
    display: inline-block;
    padding: 5px;
    background-color: var(--gray);
    border-radius: 50%;
    border: 2px solid var(--main);
    transition: 0.3s ease-out;
}
.block-model-5 .number span,
.block-iso .number span {   
    box-shadow: -7px 7px 8px -2px #000000;
    color: var(--main);
    font-family: 'mainb';
    font-size: 24px;
    width: 45px;
    height: 45px;
    border: 2px solid var(--main);
    background: linear-gradient(to right, var(--dgray), #606060);
    border-radius: 50%;
    line-height: 1;
}
.block-model-5 .image img,
.block-iso .image img {
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    object-fit: contain;

}
.block-model-5 .image img,
.block-iso .box:nth-of-type(2n+1) .image img {
    border: 10px solid var(--main);
}
.block-iso .box:nth-of-type(2n) .image img {
    border: 10px solid var(--gray);
}
.block-iso .image img {
    box-shadow: 5px 10px 8px #000;
}






/*.block-solutions*/
.block-solutions {
    padding: 50px 0;
}
.block-solutions-in {
    padding: 50px 20px;
}
.block-solutions .schroder-title h2 {
    color: #fff;
}
.block-solutions-in .list-infos a {
    margin: 20px;
    font-family: 'mainm';
    color: #fff;
}
.block-solutions-in .list-infos a .number {
    display: inline-block;
    padding: 5px;
    background-color: var(--gray);
    border-radius: 50%;
    border: 3px solid var(--main);
    box-shadow: -8px 8px 10px -2px #000000;
    transition: 0.3s ease-out;
}
.block-solutions-in .list-infos a .number span {
    font-size: 28px;
    width: 45px;
    height: 45px;
    border: 3px solid var(--main);
    background: linear-gradient(to right, #ffba00, #ff5100);
    border-radius: 50%;
    line-height: 1;
}

.block-solutions-in .list-infos a .solution {
    font-size: 20px;
    padding-left: 20px;
    line-height: 1.2;
}
.block-solutions-in .list-infos a:hover .number {
    background-color: #fff;
}

/*.block-slide*/
.block-slide .list-photos-prev {
	left: 10px;
}
.block-slide .list-photos-next {
	right: 10px;
}
.block-slide .list-photos-prev, 
.block-slide .list-photos-next {
	top: calc(50% - 20px);
}

.block-slide .owl-theme .owl-dots {
	width: 100%;
	position: absolute;
	text-align: center;
	bottom: 10px;
	left: 0;
}

/*.block-gallery*/
.block-gallery .list-gallery {
    padding: 10px;
	overflow: hidden;
}
.block-gallery .image {
	position: relative;

    margin: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
	padding-top: 165%;
}


.block-gallery .image img {
	width: 100%;
	height: 100%;
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover;
	display: block;
	transition: 0.4s;
}
.block-gallery .image:hover img {
    transform: scale(1.1);
}



/*.block-quality*/
.block-quality {
	padding-top: 50px;
}
.block-quality .list-quality {
	padding: 10px;
}
.block-quality .list-quality .item {
	height: 100%;
	padding: 20px;
}
.block-quality .list-quality .info {
	padding: 30px 10px 20px 10px;
	background-color: #fff;
	text-transform: uppercase;
	text-align: center;
	box-shadow: 0px 0px 8px #808080;
}
.block-quality .list-quality .info img {
	width: unset;
	margin: 0 auto;
	max-width: 100%;
	padding: 5px;
	border-radius: 50%;
	background-color: var(--main);
}
.block-quality .list-quality .info span {
	display: block;
	color: var(--dark);
	font-family: 'mainb';
	font-size: 1.2em;
	line-height: 1.4;
	padding-top: 15px;
}
.block-gallery .list-photos-nav,
.block-quality .list-photos-nav {
	display: none;
}



/*.block-projects*/
.owl-stage { display: flex; }
.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.aticle-box {
	height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.block-projects .owl-carousel.owl-drag .owl-item {
    background-color: transparent;
}

.block-projects-news .read-more {
    padding-top: 20px;
}

.block-projects-news-in {
    position: relative;
	padding: 50px 0px;
}
.block-projects-news-in .decor {
    position: absolute;
    top: 0;
    left: 0;
}
.block-projects-news-in .decor img {
    width: 100%;
    display: block;
}
.block-projects {
    position: relative;
    z-index: 1;
}
.block-projects-news .schroder-title h2 {
    color: var(--main);
}
.block-projects .list-projects .image {
    margin: 20px;
}
.block-projects .list-projects .image img {
    width: 100%;
    display: block;
}





/*.block-news*/
.block-news {
	padding: 50px 0;
}
.block-news .list-bottom .item {
    margin: 0 20px 30px 20px;
    padding: 0 0 30px 0;
    border-bottom: 2px solid #ccc;
    transition: 0.3s ease-out;
}
.block-news .list-bottom .item:hover {
    border-bottom: 2px solid var(--main);
}
.schroder-home .block-news .list-bottom .item .image {
    border: 4px solid var(--gray);
}
.schroder-home .block-news .list-bottom .item:hover .image  {
    border: 4px solid var(--main);
}
.schroder-home .block-news .list-bottom .item .info .content>p {
    color: #fff;
}
.block-news .list-bottom .item .image {
    overflow: hidden;
    transition: 0.3s ease-out;
}
.block-news .list-bottom .item .image img {
    width: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s ease-out;
}
.block-news .list-bottom .item:not(:first-child) .image img {
    height: 250px;
}
.block-news .list-bottom .item:first-child .image img {
    height: 420px;
}
.block-news .list-bottom .item:hover .image img {
	transform: scale(1.1);
}
.block-news .list-bottom .item:not(:first-child) .info {
    height: 100%;
}
.block-news .list-bottom .item:not(:first-child) .info-in {
    padding: 0 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.block-news .list-bottom .item:first-child .info-in {
    display: flex;
    justify-content: space-between;
}

.block-news .list-bottom .item .info h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.block-news .list-bottom .item:not(:first-child) h4 {
    font-size: 20px;
    color: var(--main);
}
.block-news .list-bottom .item:first-child h4 {
    font-size: 24px;
    color: #fff;
}
.block-news .list-bottom .item .info .content>p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3;
    margin: 0;
}
.block-news .list-bottom .item:first-child .info .content>p {
    display: none;
}
.block-news .list-bottom .item .icon {
    display: flex;
    justify-content: flex-end;
}
.block-news .list-bottom .item .icon-in {
    width: 60px;
    height: 60px;
}
.block-news .list-bottom .item .icon .line {
    background-color: var(--main);
    height: 3px;
}
.block-news .list-bottom .item:first-child .icon .line {
    background-color: #fff;
}
.block-news .list-bottom .item .icon .line-2 {
    bottom: 30px;
    right: 0;
    width: 50px;
}
.block-news .list-bottom .item .icon .line-1 {
    width: 30px;
    right: -6px;
    bottom: 40px;
    transform: rotate(45deg);
}
.block-news .list-bottom .item .icon .line-3 {
    width: 30px;
    right: -6px;
    transform: rotate(-45deg);
    bottom: 21px;
}


.block-news .list-bottom .item:first-child {
    position: relative;
}
.block-news .list-bottom .item:first-child>div {
    width: 100%;
}
.block-news .list-bottom .item:first-child .info {
    position: absolute;
    padding: 20px 30px;
    height: unset;
    width: 100%;
    bottom: 30px;
    left: 0;
    background-color: #ff6600b4;
}
@media (max-width: 568px) {
    .block-news .list-bottom .item {
        margin: 0 0 30px 0;
    }
}



/*.block-products*/
.block-products {
	padding: 30px 0;
}
.block-products .schroder-title h2 {
    color: var(--main);
}
.block-products-in .box {
    margin: 5px;
    position: relative;
}
.block-products-in .box img {
    width: 100%;
    display: block;
}
.block-products-in .box .info {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #fff;
    font-family: 'mainb';
    font-size: 22px;
    line-height: 1.1;
    transition: 0.3s ease-out;
}
.block-products-in .box:hover .info {
    color: var(--main);
}


/*.block-partner*/
.list-photos {
	padding: 30px 10px 0 10px;
}
.list-photos-in {
    position: relative;
}
.list-photos-prev,
.list-photos-next {
    background-color: #00000000;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 30px);
    border: 0px solid #fff;
    cursor: pointer;
    outline: none;
   
}
.list-photos-prev:hover,
.list-photos-next:hover {
	background-color: unset;
}
.list-photos-prev i,
.list-photos-next i {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--main);
    border-radius: 50%;
    background-color: var(--main);
    color: #fff;
    font-size: 18px;
    line-height: 1;
    transition: 0.3s ease-out;
}
.list-photos-prev i:hover,
.list-photos-next i:hover {
    color: var(--main);
    background-color: #fff;
}
.list-photos-prev{
    left: -20px;
}
.list-photos-next{
    right: -18px;
}

.block-partner {
    text-align: center;
    padding-top: 50px;
}

.block-partner .item .box {
    align-items: center;
    padding: 0 10px;
    margin: 0 -20px;
}
.block-partner .item .logo {
    margin: 20px;
}
.block-partner .item .logo img {
    max-width: 100%;
	box-shadow: 0px 0px 8px #808080;
}




/*trang lien he*/
div.schroder-contact-form .wpforms-form .wpforms-field {
    padding: 0 0 20px 0;
}
div.schroder-contact-form .wpforms-form .wpforms-field-label {
    font-weight: unset;
    font-family: 'mainm';
}
div.schroder-contact-form .wpforms-form .wpforms-submit-container {
    text-align: center;
}

div.schroder-contact-form .wpforms-form .choices__inner {
    border: 1px solid #ccc !important;
}
div.schroder-contact-form .wpforms-form button[type=submit] {
    border: 2px solid var(--main);
    background-color: var(--main);
    color: #fff;
    line-height: 1;
    padding: 10px 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'mainm';
}
div.schroder-contact-form .wpforms-form button[type=submit]:hover {
    border: 2px solid var(--main);
    background-color: #fff;
    color: var(--main);
}
div.schroder-contact-form { margin: 0 }
div.schroder-contact-form .wpforms-form select,
div.schroder-contact-form .wpforms-form input[type=text] {
    font-size: 14px;
}

/*trang gioi thieu*/
/*.block-about-us*/
.block-about-us .banner img {
    width: 100%;
}
.block-about-us .quote {
    padding-bottom: 150px;
}
.block-about-us .quote .icon {
    padding: 10px 20px 20px 20px;
}
.block-about-us .quote-out {
    width: 100%;
    top: -100px;
    left: 0;
}
.block-about-us .quote img {
    width: 40px;
    margin: auto;
}
.block-about-us .quote-in {
    background-color: var(--gray);
    padding: 30px;
}
.block-about-us .title h1,
.block-about-us .quote h2 {
    color: var(--main);
    margin: 0;
}
.block-about-us .intro,
.block-about-us .content {
    max-width: 800px;
    margin: auto;
    padding: 30px 0;
}
.block-about-us .block-solutions {
    padding: 0 0 50px 0;
}
.block-about-us .block-solutions-in {
    background-color: var(--gray);
}

.block-about-us .block-solutions-in h2 {
    padding: 20px 20px 0 20px;
    color: var(--main);
}

.block-about-us .factory-info img {
    object-fit: contain;
    margin: auto;
}

.block-about-us .list-gallery .item-out {
    width: 50%;
}
.block-about-us .list-gallery,
.block-about-us .list-gallery .item {
    margin: 5px;
}
.block-about-us .list-gallery img,
.block-about-us .list-gallery .item-out:nth-child(3n) {
    width: 100%;
}

/*tam nhin su menh*/
/*.block-mission*/
.schroder-mission {
    background-color: var(--gray);
}
.block-mission .box {
    padding: 30px;
}
.block-mission .top .background {
    width: 100%;
    height: 400px;
}
.block-mission .top .icon img {
    width: 50px;
    padding-bottom: 10px;
}
.block-mission .top .slogan {
    width: 100%;
    top: 0;
    left: 0;
}
.block-mission .top .slogan-in {
    padding: 50px 30px;
}
.block-mission .top .slogan-in h1 {
    letter-spacing: -1px;
    font-size: 48px;
}
.block-mission .top .line {
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(#00000000, var(--gray));
}

.block-mission .mid {
    padding: 30px 0;
}
.block-mission .mid .item {
    padding: 10px 0;
}
.block-mission .mid .image img {
    width: 100%;
    display: block;
}
.block-mission .mid .title {
    align-items: flex-end;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--main);
    margin-bottom: 20px;
}
.block-mission .mid .text {
    padding: 20px 0;
    font-size: 20px;
    text-align: justify;
}
.block-mission .mid .title img {
    width: 80px;
}
.block-mission .mid .title .value {
    padding-left: 10px;
    margin: 0;
}
.block-mission .content li {
    margin: 15px 0;
    line-height: 1.3;
}
.block-mission .content {
    color: #fff;
}
@media (max-width: 568px) {
    .block-mission .box { padding: 30px 0; }
}

/*trang clientele*/
.clientele-content {
    padding: 50px 20px;
}
.clientele-content h1.entry-title {
    color: var(--main);
    font-size: 48px;
    text-transform: uppercase;
}
.client-h2 {
    display: inline-block;
    color: #fff;
    padding: 8px 25px;
    background-color: var(--main);
}


#primary .clientele-content ul.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
}
#primary .clientele-content ul.wp-block-gallery li.blocks-gallery-item {
    margin: 0;
    width: 20%;
}
#primary .clientele-content .wp-block-gallery figure {
    margin: 10px;
    padding: 20px;
    background-color: #fff;
    border: 4px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}
#primary .clientele-content .wp-block-gallery figure img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}

/*css nut va tieu de*/
.title-intro {
    background: var(--main);
    padding: 10px 20px;
}

.slide-right {
    width: 100%;
    overflow: hidden;
}
.slide-right h1 {
    animation: 2s slide-right 1s forwards;
    transform:translateX(-100%);
    margin: 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'mainb';
    font-size: 30px;
    letter-spacing: 1px;
}
@keyframes slide-right {
    to { transform:translateX(0); }
}

.schroder-title h2 {
    font-size: 4.5vw;
}
.schroder-button a {
    position: relative;
    margin: 10px 10px 20px 10px;
    border: 2px solid var(--main);
    font-family: 'mainm';
	line-height: 1;
    width: 200px;
	display: inline-block;
    overflow: hidden;
    text-align: center;
	padding: 10px 20px;
    color: #fff;
    background-color: var(--main);
}
.schroder-button a:hover {
	color: var(--main);
    background-color: #fff;
    box-shadow: 0 5px 10px -5px #000;
}

/*responsive*/
@media (min-width: 769px) {

    /*trang chu*/
    .block-about ul {
        margin: 0 -30px;
    }
    .block-achive .list-infos {
        margin: 0 -10px;
    } 
    .block-projects {
        margin: 0 -20px;
    }


    .block-5ms .list-infos .item:nth-child(2n) .info-top,
    .block-5ms .list-infos .item:nth-child(2n+1) .info-bottom {
        visibility: hidden;
    }
    .block-5ms .list-infos .item:nth-child(2n+1) .icon .decor {
        top: 0px;
    }
    .block-5ms .list-infos .item:nth-child(2n+1) .icon .decor-bottom,
    .block-5ms .list-infos .item:nth-child(2n) .icon .decor-top {
        display: none;
    }


    /*trang gioi thieu*/
    .block-about-us .block-solutions-in {
        padding: 40px;
    }
    .block-iso .box-2 .box-info {
        flex-direction: row-reverse;
    }
    /*trang tam nhin su menh*/
    .do768 {
        display: none;
    }

    /*trang 5m model*/

    .grid-3m .item:nth-child(1) { grid-area: alpha1; }
    .grid-3m .item:nth-child(2) { grid-area: alpha2; }
    .grid-3m .item:nth-child(3) { grid-area: alpha3; }
    .grid-3m .item:nth-child(4) { grid-area: alpha4; }
    .grid-3m .item:nth-child(5) { grid-area: alpha5; }

    .grid-3m {
        display: grid;
        grid-template-areas:
            'alpha1 alpha1 alpha2 alpha3'
            'alpha1 alpha1 alpha4 alpha4'
            'alpha5 alpha5 alpha5 alpha5';
        gap: 10px;
    }

    .grid-3m .item {
        background-color: blue;
        text-align: center;
        padding: 20px 0;
    }

}
@media (min-width: 569px) {
	.dom {
		display: none;
	}
    #primary .clientele-content ul.wp-block-gallery {
        margin: 0 -10px;
    }
    .block-products-in,
    .block-model-2 .list-infos {
        margin: 0 -5px;
    }
    .block-mode-4 .double-image {
        margin: 0 -3px;
    }
    /*trang chi tiet san pham*/
    table td,
    table th {
        padding: 10px;
    }
    
}



@media (min-width: 769px) and (max-width: 1024px) {
    /*trang gioi thieu*/
    .block-about-us .quote-out {
        top: -150px;
    }
}

@media (max-width: 1024px) {

    .block-achive .list-infos .item .number {
        font-size: 60px;
    }
    .block-banner .banner-in .info {
        padding: 40px 30px;
    }
    
    .block-achive .list-infos .item .info,
    .block-banner .banner-in .info h1 {
        font-size: 24px;
    }
    .block-products-in .box .info {
        left: 10px;
        top: 10px;
    }
    .block-products-in .box .info,
    .block-5ms .list-infos .info h3 {
        font-size: 18px;
    }
    .block-5ms .list-infos .info .text {
        font-size: 14px;
    }



    /*trang chi tiet san pham*/
    .product .woocommerce-tabs .panel {
        overflow-x: scroll;
    }

}

@media (max-width: 768px) {
    .block-achive .list-infos .item .number { font-size: 40px; }
    .block-achive .list-infos .item .box { padding: 40px 20px; }
    .block-achive .list-infos .item .info { font-size: 18px; }
    .block-about ul li:nth-child(2) .item { border-right: 0; }
    .block-solutions-in .list-infos a {
        align-items: baseline;
        margin: 10px 20px;
    }
    .block-solutions-in .list-infos a .number {
        padding: 3px;
        border: 2px solid var(--main);
    }
    .block-solutions-in .list-infos a .number span {
        width: 32px;
        height: 32px;
        font-size: 18px;
        border: 0;
    }
    .block-solutions-in .list-infos a .info {
        font-size: 15px;
        padding-left: 15px;
    }
    .block-projects .list-projects .image { margin: 5px; }
    .list-photos-next { right: -35px; }
    .list-photos-prev { left: -35px; }
    .block-news .list-bottom .item:first-child .image img { max-height: 300px; }
    .block-news .list-bottom .item .image img { height: 180px; }
    .block-5ms { padding: 50px 0; }
    .block-5ms .list-infos .box { margin: 5px; }
    .block-5ms .list-infos .item .icon .decor-bottom { display: flex; }
    .block-5ms-in .horizon-line,
    .block-5ms .list-infos .item .info-top,
    .block-5ms .list-infos .item .icon .decor-top { display: none; }


    /*trang gioi thieu*/
    .block-about-us .quote h2,
    .block-about-us .block-solutions-in h2 { font-size: 20px; }
    /*trang tam nhin su menh*/
    .do769 { display: none; }

    /*trang 5m model*/
    .block-model-3 .grid-3m .item:not(:last-child) {
        margin: 5px;
        width: calc(50% - 10px);
    }
    .block-model-3 .grid-3m .item:last-child {
        margin: 5px;
        width: calc(100% - 10px);
    }

    /*trang clientele*/
    #primary .clientele-content ul.wp-block-gallery li.blocks-gallery-item { width: 25%; }
    #primary .clientele-content .wp-block-gallery figure { margin: 5px; }



}
@media (max-width: 568px) {
    .rtwpvg-images,
    .summary { width: 100%; }
    .schroder-title h2 { font-size: 40px; }

    .single-product div.product p.price {
        font-size: 20px;
        text-align: right;
    }
	.block-quality .list-quality .item { padding: 10px; }
	.block-quality .list-quality .info {
		padding: 15px 10px 10px 10px;
	}
	.block-quality .list-quality .info span {
		font-size: 1.1em;
	}
	.block-contact-info .logo-foot {
		margin: auto;
	}
	.block-contact-info .list-social {
		justify-content: center;
	}

    .dod,
    .list-photos-prev i, .list-photos-next i,
	.block-slide .list-photos-nav,
	.slide-desktop,
    .block-model-1 .box-2 .list-infos .line,
    .block-model-1 .box-2 .list-infos .dot>span {
		display: none;
	}
    .block-achive .list-infos .item .box,
    .block-banner .banner-in .info {
        padding: 20px;
    }
    .block-banner .banner-in .info h1 {
        font-size: 18px;
    }
    .block-banner .banner-in a {
        padding: 5px 20px;
    }
    .block-about-in .text-2 {
        font-size: 16px;
        text-align: justify;
    }
    .block-about ul,
    .block-about ul li .item {
        margin: 0;
    }
    .block-about ul li:nth-child(2) .item {
        border-left: 0;
    }
    .block-products {
        padding: 30px;
    }
    .block-news .list-bottom .item:first-child .info h4,
    .block-news .list-bottom .item:not(:first-child) h4 { font-size: 18px; }
    .block-news .list-bottom .item:first-child .info {
        padding: 20px;
    }
    .block-news .list-bottom .item:not(:first-child) .info-in {
        padding: 20px 0 0 0;
    }
    .block-news .list-bottom .item .icon { padding: 10px 0 0 10px; }

    /*trang gioi thieu*/
    .block-about-us .banner img {
        height: 300px;
        object-fit: cover;
    }
    .block-about-us .block-solutions-in {
        padding: 50px 5px;
    }
    .block-about-us .list-gallery,
    .block-about-us .list-gallery .item { margin: 2px; }

    .block-iso .box-title h2 { font-size: 24px; }
    /*trang tam nhin su menh*/
    .block-mission .top .background img {
        height: 600px;
        object-fit: cover;
    }
    .block-mission .top .slogan h1 {
        font-size: 32px;
    }

    /*trang 5m model*/
    .block-model-1 .box-2 .title h1 {
        margin: 0;
        padding-top: 20px;
        text-align: center;
    }
    .block-model-2 .box-1 .content h4, 
    .block-model-3 .box-1 h4, 
    .block-model-5 .box-1 h4 {
        font-size: initial;
    }
    .block-model-3 .grid-3m .item {
        padding: 20px 10px;
    }
    .block-model-3 .grid-3m .item h4 {
        font-size: 14px;
    }

    .policy-in {
        height: 100%;
    }

    

    /*trang clientele*/
    #primary .clientele-content ul.wp-block-gallery li.blocks-gallery-item {
        width: 50%;
    }
    #primary .clientele-content .wp-block-gallery figure {
        border: 3px solid #ddd;
    }
  
    /*trang chi tiet san pham*/
    table td,
    table th {
        padding: 5px;
    }
    .woocommerce-product-gallery .flex-control-thumbs {
        margin: 0 -5px;
        justify-content: unset;
    }
    .single-product div.product 
    .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 
    .flex-control-thumbs li {
        width: 25% !important;
    }
    .single-product div.product table.variations td {
        text-align: left;
    }

}