/*
Theme Name: Flatsome Child
Description: CHA CA THANH VAN
Author: UX Themes
Template: flatsome
Version: 3.3252
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-ExtraBold.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-ExtraLight.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-ExtraBoldItalic.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-ExtraLightItalic.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-Italic.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-Light.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-LightItalic.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-Medium.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-MediumItalic.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-Regular.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-SemiBold.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-ThinItalic.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-Thin.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-SemiBoldItalic.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-Black.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-BlackItalic.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-Bold.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('assets/fonts/BeVietnamPro-BoldItalic.woff2') format('woff2'),
      url('assets/fonts/BeVietnamPro-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}


html {
    font-size: 1.041666666vw;
 
}
body,
body *
{
  font-family: 'Be Vietnam Pro';
}
.sr-only {
    border: 0;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    clip-path: inset(50%);
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem;
    word-wrap: normal !important;
  }

  .autocomplete-search a {
    color: white;
    font-size: 100%;
}
::-webkit-scrollbar {
  width: .5rem;
  height:1rem;
}
::-webkit-scrollbar-track {
  background:#ccc;
}
::-webkit-scrollbar-thumb {
  background: rgba(0,82,153,1);
}
/* css */
body #header .header-main
{
  background-color: #fff;
  padding: .5rem 0;
  height: auto !important;
}
#wide-nav
{
  background:#095ba3;
  background: rgba(0,82,153,1);
background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
}
body #logo
{
  width: 10.25rem;
  margin-right: 4rem;
}
.header-nav > .html_topbar_left {
    width: 100%;
    margin: 0;
    
}
.header-nav-main
{
  display:flex;
  flex-wrap: nowrap;
  flex-grow: 1;
}
.header-nav-main .cart-item
{
  flex-grow:1;
  flex:none;
}
.header-nav-main.nav-right
{
  margin-left: 0rem;
}
.header-cta .section-image-container
{
  display:flex;
  align-items: center;
  position: relative;
}
.header-cta .dt_image-img
{
  margin-right:.5rem;
}
.header-cta .dt_image-content div
{
  display:flex;
  flex-direction:column;
  font-size: .8rem;
  color: #000;
  font-weight: 500;
}
.header-cta .dt_image-content div span
{
  font-size: 1.125rem;
  font-weight:700;
  line-height:1;
}
.header-cta .dt_image-img img
{
  width:2.5rem;
}
.header-cta .dt_image-img a:before
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.header-main .nav > li > a {
    line-height: 16px;
    text-transform: capitalize;
    color: rgb(219, 219, 219);
    padding: 0%;
}

.header-search-form.search-form.html.relative.has-icon {flex-grow: 1;padding-right: 3rem;}

.html.custom.html_topbar_left {
margin: 0 !important;
padding: 0 !important;
}
.top-divider
{
  display:none;
}
.header-main .header-block
{margin-left:0;width: auto;}
.dt-keywords
{
padding-top:.125rem;
}
.dt-keywords a
{
color:#fff;
font-size:.8rem;
}
.dt-keywords a:hover
{
 text-decoration: underline;
}
.dt-keywords a:hover:after
{
 text-decoration: none !important;
}
.dt-keywords a:not(:last-child)
{
 padding-right:.5rem;
 margin-right:.5rem;
 position:relative;
}
.dt-keywords a:not(:last-child):after
{
 content:'|';
 right:-.5rem;
 position:absolute;
 top:50%;
 transform:translateY(-50%);

}
#header .header-call
{
 color: #fff !important;
 font-size:.8rem;
 flex-wrap:wrap;
 font-weight:400;
 position:relative;
 margin-left:6rem;
}
#header .header-call b
{
 display:block;
 width:100%;
 font-weight:700;
 font-size:.9rem;
 text-transform:uppercase;
 margin-top:.25rem;
 text-align: left;
}
#header .header-call:before
{
 content:'';
 position:absolute;
 width:2rem;
 height:2rem;
 background-image:url('assets/images/telephone-call-svgrepo-com.svg');
 background-size:contain;
 left:-3.25rem;
 opacity: 1 !important;
}
#woocommerce-product-search-field-0
{
 height: 2.5rem;
 color:#333;
 border-radius:2.5rem;
 font-size:1rem;
 box-shadow: none;
 height: 2.875rem;
 border: 3px solid #ebebeb;
 background: #ebebeb;
 font-family: 'Be Vietnam Pro';
 font-weight: 500;
 font-size: 1rem;
}
#header .submit-button
{
 height:2.5rem;
 width:2.75rem;
 font-weight:400;
  background:transparent;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  border:none;
}
#header .submit-button:hover
{
  background:transparent;
  box-shadow:none;
}
.icon-search:before
{
    background: url('assets/images/search.png') no-repeat;
    position: absolute;
    width: 1rem;
    height: 30px;
    top: 50%;
    transform:translateY(-50%);
    content: "";
    z-index: 00000;
    background-size: contain;
    right: 0;
    background-position: center;
}
#header .submit-button i
{
   font-weight: 400 !important;
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus
{
  box-shadow:none !important;
}
header .nav > li > a::after
{
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: .425rem;
    width: 0;
    height: .15rem;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    max-width: calc(100% - 2*.875rem);
}
header .nav > li.current-menu-item > a:after,
header .nav > li:hover> a:after,
header .nav > li:focus> a:after
{
    visibility: visible;
    opacity: 1;
    width: 100%;
    left: 0;
    right: auto;
}
.header-button .header-cart-link
{
  display:flex;
  flex-direction: row-reverse;
  align-items:center;
}
.header-button .header-cart-link:hover
{
  background-color:transparent !important;
}
.header-button .header-cart-link i
{
  font-size: 1.25rem;
  margin-right: 0;
}
.header-button .header-cart-title
{
  display:flex;
  flex-direction:column;
  font-size:.7rem;
  display: none;
  margin: 0;
}
.header-button .cart-price
{
  font-weight:600;
  font-size:1rem;
  line-height:1;
  margin-top:-.325rem;
}
.header-button + .nav-dropdown
{
  
  box-shadow:none;
  border:thin solid #ddd;
}
.header-vertical-menu .header-vertical-menu__opener
{
    background-color:transparent;
}
.header-vertical-menu__title,
.header-vertical-menu__icon
{
    color:#000;
    text-transform:uppercase;
}
*:not(.footer-wrapper)>.section:not(.banner-section)
{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.banner-section
{
    padding:0 !important;
}
.banner-section
{
    padding:0 !important;
}
.banner-section .dt_image-img img,
.vhdn-section + .section-image-container .dt_image-img img
{
    width:100%;
    max-height:50rem;
    object-fit:cover;
}
.hsnl-section  .section-image-container .dt_image-img img
{
    width:100%;
}
#main .banner-section .section
{
    padding:0 !important;
}
.abs__icon 
{
    position:absolute !important;
}
.abs__icon.title
{
    top:2rem;
    right:12rem;
    width:calc(40%) !important;
    opacity: 0;
}
.abs__icon.sp
{
    bottom:2rem;
    right:1rem;
    width:calc(60%) !important;
    opacity: 0;
    z-index:2;
}
.abs__icon.hm
{
    bottom:0;
    left:12rem;
    width:38% !important;
    opacity: 0;
}
.abs__icon.logo
{
    top:1rem;
    right:2rem;
    width:8rem !important;
    opacity: 1;
}
.abs__icon.info
{
    bottom:0rem;
    left:0;
    width:65% !important;
    opacity: 1;
}
.abs__icon.element
{
    top:0rem;
    left:0;
    width:100% !important;
    opacity: 1;
}
html[ng-app="uxBuilder"] *
{
    opacity: 1 !important;
}
html[ng-app="uxBuilder"] *
{
    opacity: 1 !important;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a
{
    color:#333;
    font-size: .875rem;
}
.menu_bg
{
    position:absolute;
    width:8rem;
    right:0;
    bottom:0;
}
.header-vertical-menu__fly-out .menu-item .nav-dropdown
{
  display: flex !important;
  flex-wrap:wrap;
  justify-content:space-between;
  min-width: 30rem;
  box-shadow: none;
  outline: none;
  border: thin solid #ddd;
  padding: 1rem;
}
.header-vertical-menu__fly-out .menu-item .nav-dropdown>li
{
    /* width:calc((100% - 2rem)/2); */
}
.header-vertical-menu__fly-out .menu-item .nav-dropdown>li a
{
    font-size:.875rem;
    color:#333;
    border:none;
    font-weight:500;
}
.header-nav>li.active>a,
.header-nav>li:hover>a,
.header-nav>li:focus>a,
.header-nav>li.active>a i,
.header-nav>li:hover>a i,
.header-nav>li:focus>a i
{
    color:#fff !important;
    opacity:1;
}
.header-nav>li
{
    margin-left: .75rem;
    margin-right: .75rem;
}
.header-nav>li>a
{
    font-size: .875rem;
    font-weight: 600;
}
header .nav > li > a
{
  transition: 0.02s;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
  padding: .75rem .875rem .75rem .875rem;
  position:relative;
  color: #fff;
}

header .nav > li.current-menu-item > a,
header .nav > li:hover> a,
header .nav > li:focus> a
{
    color:#fff;
}
header .nav > li.current-menu-item > a:after,
header .nav > li:hover> a:after,
header .nav > li:focus> a:after,
header .nav > li.active > a:after
{
     left: .875rem;
     right: auto;
     width: 100%;
}

.nav-dropdown >li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{text-transform:none !important;font-size:.9125rem; font-weight:500}
#header .nav-dropdown-default>li:hover>a,#header .nav-dropdown .nav-dropdown-col>ul li:hover>a{color: #1e73be !important;text-decoration: underline;}
.nav-dropdown-default>li:hover{background: #d1bc79;background:transparent;}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: .625rem;
    margin-left: -.625rem;}
.nav-dropdown .nav-dropdown-col>ul,
.nav-dropdown .menu-item-has-children>.sub-menu{border: 1px solid #d2d2d2;margin-top:-2.5rem;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 15rem;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:.625rem;  text-transform: none;color:#fff}
.header-nav li.nav-dropdown-col:hover>ul,.header-nav li:hover>ul{display:block !important}

.hidetext a
{
    font-size:0 !important;
}
.header-nav>li.current-dropdown>.sub-menu
{
    display:flex;
    flex-direction:column;
    padding:1rem 0;
}
.header-nav>li.menu-item-1070.current-dropdown>.sub-menu
{
  min-width:65rem;
}
.menu-products
{
  display:flex;
  flex-wrap:wrap;
  padding:0 1rem;
}
.menu-products .section-image-container
{
  width: calc((100% - 2rem)/3);
  margin-right:1rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
}
.menu-products .section-image-container:nth-child(3n+3)
{
  margin-right:0;
}
.menu-products .section-image-container .dt_image-img img
{
  width:auto;
  height:9rem;
}
.menu-products .section-image-container .dt_image-img a:before
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.menu-products .section-image-container .dt_image-content
{
  text-align:center;
}
.menu-products .section-image-container:hover .dt_image-content>*:first-child
{
  text-decoration:underline;
  color:#1e73be;
}
.header-nav>li.current-dropdown>.sub-menu ul
{
    padding:1rem 0;
}
.header-nav>li.current-dropdown ul a
{
    color:#222 !important;
}
.header-nav>li.current-dropdown>.sub-menu .menu-item-has-children>a:before
{
    position:absolute;
    content:'\f107';
    right:1rem;
    width:1rem;
    height:1rem;
    font-family: 'fl-icons' !important;
    font-display: block;
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1.2;
}

body .back-to-top.button.icon
{
    display:flex;
    align-items:center;
    justify-content:center;
    border-color:#1e73be;
    border-radius:0;
}
body .back-to-top:after
{
    content:'';
    position:absolute;
    width:calc(100% + 1px);
    height:calc(100% + 2px);
    transform-origin: bottom;
    transform: scale(1, 0);
    left:0;
    bottom:-1px;
    background:#1e73be;
    transition: transform 0.35s cubic-bezier(0.3, 1, 0.8, 1);
}
body .back-to-top:hover
{
    border-color:#fff;
    background:#fff;
}
body .back-to-top:hover i
{
    color:#fff;
}
body .back-to-top:hover:after
{
    transform:scale(1);

}
body .back-to-top i
{
    line-height:1;
    height: auto;
    color:#1e73be;
    position:relative;
    z-index:2;
}

#animatedLoader {
    position: fixed;
    z-index: 9999999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none;
}

#animatedLoader.fade-in {
  opacity: 1;
  visibility: visible;
  background: rgb(0 0 0 / 52%);
  pointer-events: all;
}

#animatedLoader.fade-out {
    opacity: 0;
    visibility: hidden;
}

#animatedLoader .loader {
    width: 2.5rem;
    height: 2.5rem;
    border: .1875rem solid #074097;
    border-top-color: white;
    border-radius: 50%;
    -webkit-animation: rotateAnimation 1s linear infinite;
    animation: rotateAnimation 1s linear infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

#animatedLoader .loader::before,
#animatedLoader .loader::after {
    content: none;
}

@-webkit-keyframes rotateAnimation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateAnimation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


body div.wpforms-container-full .wpforms-form .wpforms-field-label
{
    font-weight:400;
}
body div.wpforms-container-full .wpforms-form input,
body div.wpforms-container-full .wpforms-form textarea
{
    background-color: #fff !important;
    border-color: #e3e3e3 !important;
    font-size: .875rem !important;
    border-radius: .25rem !important;
}
body div.wpforms-container-full .wpforms-form textarea
{
    padding-top:.75rem;
}
body div.wpforms-container-full .wpforms-form button[type=submit]
{
  background: rgba(0,82,153,1);
  background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
  background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
    color:#fff;
    font-weight: 400;
    font-size:.9375rem;
    height: auto;
    min-height:unset;
    padding: 1rem 1.5rem;
    padding-right: 3rem;
    line-height: 1;
    position:relative;
    overflow:hidden;
    transition: all 1s ease;
    transform: translate(0%, 0%);
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
}
body div.wpforms-container-full .wpforms-form button[type=submit] img
{
    width:1.325rem;
    margin-left: .5rem;
    filter: invert(1);
    top: -0.125rem;
    position: relative;
}
body div.wpforms-container-full .wpforms-form label.wpforms-error
{
    font-weight:400;
    position:relative;
    top:.25rem;
}
body div.wpforms-container-full .wpforms-form button[type=submit]:before
{
     position: absolute;
    top: 0px;
    right: 0px;
    width: 0%;
    height: 100%;
    content: "";
    background: #000;
    transition: all 500ms ease-in-out;
    z-index: -1;
}
body div.wpforms-container-full .wpforms-form button[type=submit]:hover,
body div.wpforms-container-full .wpforms-form button[type=submit]:focus
{
    background:#074097;
}
body div.wpforms-container-full .wpforms-form button[type=submit]:hover:before
{
   left: 0%;
    right: auto;
    width: 100%;
}

.page-title,
.page-wrapper  .section-title
{
    font-size: 1.5rem;
    text-align:left;
    margin-bottom: 0;
    font-weight: 600;
    color: #074097;
}
.page-wrapper .section-title
{
    justify-content: flex-start;
}
.page-wrapper .post-sidebar .section-title
{
    justify-content: flex-start;
    font-size: 1.25rem;
}
.page-wrapper .section-title b
{
    display: none;
}
  /* footer */
  #footer {
    background-color: #fff;
    padding-top: 0;
  }

  /* css lien he form */

div.wpforms-container-full .wpforms-form button[type="submit"] {
  font-size: .875rem;
  color: white;
  background-color: #1e3d37;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
    font-size: .875rem;
  
    color: white;
  
    background-color: #182222;
  
  }

/* css post */

.entry-category.is-xsmall {
  display: none;
}

.entry-divider.is-divider.small {
  display: none;
}
.entry-header-text.text-center
{
  padding-left:0;
}
.entry-title {

  align-self: flex-end;
  font-size: 1.5rem;
  padding-top: 1rem;
  text-align: left;
}

.date_mate {
  display: none;
}

.row-tin-tuc .plain {
  color: #3f3f3f;
  font-size: .875rem;
}

.row-tin-tuc .from_the_blog_excerpt {
  font-size: .8rem;
}

.entry-content {
  padding-bottom: 1.5em;
  padding-top: 0.1rem !important;
}

.row-tin-tuc .box.box-default.box-text-bottom.box-blog-post.has-hover {
  

  width: 100%;

  height: 100%;

  border: .01rem solid #bbbbbb;

  
}

.row-tin-tuc .post-meta.is-small.op-8 {
  font-size: .8rem;
}

.ysnm-home-blog-post .plain {
  font-size: 1rem;
}

.ysnm-home-blog-post .from_the_blog_excerpt {
  font-size: .875rem;
}

.ysnm-home-blog-post .post-meta.is-small.op-8 {
  font-size: .875rem;
}


/* footer */
.copyright-footer {
  font-size: .875rem;
}

#post-list
{
  display:flex;
  flex-wrap:wrap;
}
#post-list .post 
{
  width:calc((100% - 1.5rem)/2);
  margin-right:1.5rem;
  border: thin solid #ddd;
}
#post-list .post:nth-child(2n+2)
{
  margin-right:0;
}
#post-list .post .box-image img
{
  height:13.5rem;
  object-fit:cover;
}
#post-list .post .box-text p
{
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 3;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   margin-top:.5rem;
   text-align: left;
}
#post-list .post .post-title a
{
  text-align:left;
  font-size:1rem;
  text-transform:none;
  letter-spacing: 0;
}
.date-meta
{
  display:flex;
  align-items:center;
  justify-content: center;
  color: #888;
}
.date-meta img
{
  width:1rem;
  margin-right:.35rem;
  filter: opacity(0.65);
}
.blog-archive .large-10
{
  max-width:100%;
  flex-basis:100%;
}



/* css single post */


.category .archive-title {
  text-align: center;
  text-transform: uppercase;
}
.section-title-container .section-title-main
{
    display:flex;
    flex-direction:column-reverse;
    color: #074097;
    text-transform:none;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
}
.section-title-container .section-title
{
  padding-bottom:.5rem;
  /* border-bottom:thin solid #074097; */
}
.section-title-container h1.section-title,
.section-title-container h1.section-title *
{
  text-align:center;
  justify-content:center;
}
#main .product-cat-section
{
  padding-top: 2rem !important;
  padding-bottom:0rem !important;
}
.product-cat-section .stack
{
  justify-content: space-between;
  align-items: flex-start;
}
.product-cat-section .stack .box
{
  flex:none;
  width: 9rem;
  padding: 0 1rem;
  position:relative;
}
.product-cat-section .box-push .box-text
{
  margin: 0;
  padding: 0;
  max-width: 100%;
}
.product-cat-section .box-image
{
  width:100% !important;
  position: static;
  height: 7.5rem;
}
.product-cat-section .text *
{
  font-size:.825rem !important;
}
.product-cat-section .box-image a:before
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index: 2;
}
#fd-cdown {
    margin-left: 1rem;
}

#fd-cdown span {
    background-color: #d1bc79;
    color: #fff;
    border-radius: .25rem;
    font-size: 1rem;
    font-weight: 700;
    padding: .25rem .5rem;
}
body .section.flashsale-section .col-inner
{
  background:#074097;
  overflow:hidden;
}
.dt-flashsale-header
{
  display:flex;
  align-items:center;
  margin:-1rem -1rem 1rem -1rem;
  border-bottom:thin solid #eee;
}
.dt-flashsale-header img
{
  width:13.5rem;
}
.product-small.product .box
{
  background:#fff;
  border:thin solid #ccc;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
body .section .product .col-inner,
body .product-section .col-inner,
.news-section .post-item .col-inner,
.page-id-25 .section .col-inner
{
    background: #fff;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
}
.page-id-25 .section .col-inner
{
  background:transparent;
  box-shadow: none;
}
body .product-section .col-inner
{
  background:transparent;
  box-shadow:none;
}
#main .section.flashsale-section
{
  padding:0 !important;
}
.product-small.product .product-title
{
  font-weight:600;
  margin-bottom:.5rem;
  text-transform:uppercase;
}
.product-small.product .product-title a
{
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1.4;
   -webkit-line-clamp: 2;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   text-transform: uppercase;
}
.product-small.product .add-to-cart-button
{
  margin: 0 0 .5rem;
}
.product-small.product .add-to-cart-button a
{
  text-transform: none;
  font-size: .85rem;
  background: rgba(0,82,153,1);
  background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
  background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
  border-color: transparent;
  color:#fff;
  border-radius: 1.5rem;
  padding: .5rem 1rem;
  cursor: pointer;
  border-width: 1px;
  font-weight: 400;
  box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  line-height: 1.5;
  width: 100%;
  height:2.375rem;
}
.product-small.product .add-to-cart-button a.added_to_cart 
{
  text-align:center;
}
.product-small.product .add-to-cart-button a:after,
.product-small.product .add-to-cart-button a:before
{
  content:'';
  position:absolute;
  width:1.25rem;
  height:1.25rem;
  background-image:url('assets/images/cart-lines-1-svgrepo-com.svg');
  background-size:contain;
  right:.5rem;
   transition: all 0.3s ease;
}
.product-small.product .add-to-cart-button a.loading:after
{
  background:none;
}
.product-small.product .add-to-cart-button a:not(.add_to_cart_button):after,
.product-small.product .add-to-cart-button a:not(.add_to_cart_button):before
{
  content:none;
}
.product-small.product .add-to-cart-button a:before
{
  background:#fff;
  width:2.25rem;
  height:2.25rem;
  filter:none;
  top:0;
  right:0;
  border-radius:50%;
}
.product-small.product .add-to-cart-button a span
{
   transition: all 0.3s ease;
   transform: translateX(-.75rem);
   font-size: .75rem;
}
.product-small.product .add-to-cart-button a:hover:before
{
  background:transparent;
}
.product-small.product .add-to-cart-button a:hover
{
  background:#274875;
  padding-left:1rem;
}
.product-small.product .add-to-cart-button a:hover span
{
  transform: translateX(0rem);
}
.product-small.product .add-to-cart-button a:hover:after
{
  filter:invert(1);
}
.product-small.product .box-text-products
{
  padding:.75rem 1rem;
  display: flex;
  flex-direction: column;
}

.product-small.product .box-text-products .product-des
{
  order:2;
}
.product-small.product .product-des
{
  font-size:.8rem;
  margin: .5rem 0;
}
.product-small.product .product-des ul
{
  margin:0;
}
.product-small.product .product-des ul li
{
  list-style-type:none;
  margin-left:0;
  margin-bottom:0;
  position:relative;
  padding-left:.75rem;
}
.product-small.product .product-des ul li:before
{
  content:'';
  position:absolute;
  width:.25rem;
  height:.25rem;
  border-radius:50%;
  left:0;
  top:.5rem;
  background: rgba(0,82,153,1);
  background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
  background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
}
.product-small.product .price
{
  justify-content:flex-start;
  flex-direction:column;
}
.product-small.product .price span
{
  color:rgba(0,82,153,1);
}
.product-small.product .price del 
{
  margin-left:0;
}
.product-small.product .price del span
{
  font-size:.75rem;
  color:#000;
  opacity:1;
}
.product .badge
{
  margin-left:0;
}
.product .badge-inner
{
  border:none;
  padding: .25rem;
  padding-left: .5rem;
  color:#000;
}
.product .price
{
  display:flex;
  justify-content:center;
  flex-direction:row-reverse;
}
.product .price del
{
  margin-left:.5rem; 
}
.product .price span
{
  font-size:1.0625rem;
}
.product-section .section-title-main
{
  text-transform:uppercase;
}
.product-section .dt-wrap + .section-image-container
{
  margin-top:2rem;
  margin-bottom:2rem;
}
.product-section .dt-wrap:last-child,
.product-section .section-image-container:last-child
{
  margin-bottom:0;
}
.product-section .col
{
  padding-bottom:0;
}
.product-section .dt-wrap
{
    background: #fff;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    margin-bottom: .25rem;
    padding: 1rem;
    border-radius: .25rem;
}
#main .product-section
{
  border:none;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.product-section .section-image-container img
{
  border-radius: .25rem;
}

#main .featured-section,
.featured-section .col
{
  padding-bottom:0 !important;
}
.news-section .box-blog-post .is-divider,
.news-section .post-meta
{
  display:none;
}
.featured-section .box-text-inner p
{
  font-size:.9rem !important;
  line-height:1.2;

}
.featured-section .box-text-inner .text>*:first-child
{
  font-size:.9rem;
  margin-bottom:.5rem;
  font-weight:600;
}
.tes-section .slider .section
{
  width:calc((100% - 3*2rem)/4);
  padding:0 !important;
  margin-right: 2rem !important;
}
.tes-section .slider .section .text *
{
  font-size:.9rem;
}
.footer-wrapper *
{
  font-size:.9rem;
}
.footer-wrapper p
{
  margin-bottom:.5rem;
}
.footer-wrapper .section-title-main
{
  font-size:1rem !important;
  border: none;
  text-transform: uppercase;
  color: #000 !important;
  padding-bottom: 0;
}
.footer-wrapper .form-section .section-title-main
{
  font-size:1rem !important;
  border: none;
  text-transform: uppercase;
  color: #fff !important;
  padding-bottom: 0;
}
.footer-wrapper a:hover
{
  text-decoration:underline;
}
.footer-wrapper .section-title-container
{
  margin-bottom:.5rem;
}
.footer-wrapper .stack + .section-title-container
{
  margin-top:1.5rem;
}
.absolute-footer
{
  background:#003059 !important;
}
.absolute-footer .copyright-footer
{
  font-size:.8rem;
  color:#eee;
}
/* product */
.single-product .product-main .product-gallery.large-6
{
    max-width: 45%;
}
.woocommerce-result-count,
.woocommerce-ordering
{
  font-size: .9rem;
}
.product-info .breadcrumbs
{
  margin-top:-.5rem;
}
.product-info .is-divider,
.product-info .product_meta,
.product-info .share-icons
{
  display:none;
}
.product-info .price
{
  justify-content:flex-end;
   margin:1rem 0;
}
.product-info .price span
{
  font-size:1.5rem;
  font-weight:700;
  color:#074097;
 
}
.product-info .price del span
{
  font-size:1.25rem;
  font-weight:400;
  color:#000;
}
.product-info .product-title
{
  font-size:1.5rem;
  font-weight:600;

}
#main .quantity input[type="button"]
{
    background: #fff;
    padding: 0 12px;
}
#main .quantity input[type="button"]:hover
{
    background:#fff;
    box-shadow: inset 0 0 0 100px #d1bc79bd;
}
#main .quantity input[type="number"]
{
    box-shadow: none;
}
#product-sidebar
{
  min-width: 15rem;
}
.featured-block .section-image-container
{
  display:flex;
  align-items:center;
  margin-bottom: .5rem;
}
.featured-block img
{
  width:1.5rem;

}
.featured-block .dt_image-img
{
  width:2.25rem;
  flex:none;
}
#product-sidebar .dt-wrap
{
  padding:1rem;
  border:thin solid #074097;
  margin-bottom:1rem;
  border-radius:.35rem;
}
.commit-block li
{
  padding-left:1.5rem;
  position:relative;
}
.commit-block
{
  background:#07409714;
}
.commit-block li:before
{
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: url('assets/images/badge-check.png');
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    top: .3125rem;
}
.product-short-description
{
  font-size:.9rem;
}
.sticky-add-to-cart .price span,
.sticky-add-to-cart .price del span
{
  font-size:1rem;
}
.product-footer .reviews_tab
{
  display:none;
}
.woocommerce-tabs .tabs li
{
  width:100%;
  border: none;
}
.woocommerce-tabs .tabs a
{
  font-size:1.125rem;
  background: #074097;
  padding: 8px 15px;
  color: #fff !important;
  font-size: 16px;
  margin-left: 0;
  max-width: 100%;
  display: block;
  border: none;
}
.woocommerce-tabs .tabs a:before
{
  content:none;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h2 *,
.entry-content h3 *,
.entry-content h4 *,
.entry-content h5 *
{
  font-weight:600;
}
#masthead .header-nav .nav-dropdown
{
    border:1px solid #eee;
    padding:10px;
}
#masthead .header-nav .nav-dropdown li a,
.woocommerce-mini-cart__empty-message
{
    padding:.5rem .625rem;
    font-size:.875rem;
}
#masthead .header-nav .nav-dropdown li a.remove
{
  display:flex;
  align-items:center;
  justify-content:center;
}
#masthead .header-nav .woocommerce-mini-cart__buttons .wc-forward:first-child
{
  color: #fff !important;
}

/* cart */
.wc-block-cart-items__header span,
.is-large.wc-block-cart .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title
{
  font-size:1rem;
  font-weight:500; 
}
.wc-block-components-sale-badge,
.wc-block-components-sale-badge .wc-block-components-formatted-money-amount
{
  color:#074097;
  font-size:.725rem !important;
}
.wc-block-cart-item__prices .price
{
  display:flex;
  flex-direction:row-reverse;
  justify-content:flex-end;
}
.wc-block-cart-item__prices .price .wc-block-components-product-price__regular
{
  margin-left:.5rem;
}
.wc-block-components-product-metadata__description
{
  display:none;
}
.breadcrumbs.checkout-breadcrumbs a
{
  font-size:1.125rem;
}
body .is-large.wc-block-cart .wc-block-cart-items td
{
  padding-bottom: .5rem;
  padding-top: 1rem;
}
body .wc-block-components-text-input input[type=text]
{
  padding:1rem;
}
.wc-block-components-sidebar
{
  background:#fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius:.25rem;
  padding: 1.5rem;
}
.wc-block-components-totals-item__label
{
  font-size:1rem;
}
.components-button 
{
  background:#074097;
  color:#fff;
  font-size:1rem;
  font-weight:600;
}
.components-button:hover
{
  color:#fff;
}
.footer-logo
{
  width: 9rem !important;
}
.footer-row .social-icons a
{
  transform:scale(.85)
}
.footer-row .stack 
{
  flex-direction:column;
}
.footer-row .stack .dt-wrap
{
  display:flex;
  justify-content:flex-start;
  margin: 0 !important;
}
.footer-row .stack .dt-wrap .section-image-container
{
  margin-right:1rem;
}
.footer-row .stack .dt-wrap img
{
  width:auto;
  height:4.5rem;
}
.footer-row .stack .dt-wrap:not(:first-child) img
{
  height:6rem;
}
.footer-secondary
{
  display:none;
}
.featured-section
{
  background: rgba(0,82,153,1);
background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
}
.featured-section .dt-wrap
{
  display:flex;
  justify-content:space-between;
}
.featured-section .section-image-container
{
  display:flex;
  align-items:center;
}
.featured-section .section-image-container img
{
  width:3.5rem;
}
.featured-section .section-image-container .dt_image-content>*:first-child
{
  font-size: 1rem;
  color:#fff;
  font-weight:600;
  padding-left:1rem;
}
.heading-title
{
  font-size:1.25rem;
  font-weight:700;
  color:#1e73be;
}
body 
element.style {
}
body .iti--allow-dropdown input, body .iti--allow-dropdown input[type=text], body .iti--allow-dropdown input[type=tel], body .iti--separate-dial-code input, body .iti--separate-dial-code input[type=text], body .iti--separate-dial-code input[type=tel], div.wpforms-container .wpforms-form .iti--allow-dropdown input, div.wpforms-container .wpforms-form .iti--allow-dropdown input[type=text], div.wpforms-container .wpforms-form .iti--allow-dropdown input[type=tel], div.wpforms-container .wpforms-form .iti--separate-dial-code input, div.wpforms-container .wpforms-form .iti--separate-dial-code input[type=text], div.wpforms-container .wpforms-form .iti--separate-dial-code input[type=tel], div.wpforms-container-full .wpforms-form .iti--allow-dropdown input, div.wpforms-container-full .wpforms-form .iti--allow-dropdown input[type=text], div.wpforms-container-full .wpforms-form .iti--allow-dropdown input[type=tel], div.wpforms-container-full .wpforms-form .iti--separate-dial-code input, div.wpforms-container-full .wpforms-form .iti--separate-dial-code input[type=text], div.wpforms-container-full .wpforms-form .iti--separate-dial-code input[type=tel], #wpforms-conversational-form-page .iti--allow-dropdown input, #wpforms-conversational-form-page .iti--allow-dropdown input[type=text], #wpforms-conversational-form-page .iti--allow-dropdown input[type=tel], #wpforms-conversational-form-page .iti--separate-dial-code input, #wpforms-conversational-form-page .iti--separate-dial-code input[type=text], #wpforms-conversational-form-page .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}
body .iti input, body .iti input[type=text], body .iti input[type=tel], div.wpforms-container .wpforms-form .iti input, div.wpforms-container .wpforms-form .iti input[type=text], div.wpforms-container .wpforms-form .iti input[type=tel], div.wpforms-container-full .wpforms-form .iti input, div.wpforms-container-full .wpforms-form .iti input[type=text], div.wpforms-container-full .wpforms-form .iti input[type=tel], #wpforms-conversational-form-page .iti input, #wpforms-conversational-form-page .iti input[type=text], #wpforms-conversational-form-page .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium
{
  max-width:100%;
}
#main iframe
{
  width:100%;
}
.contact-row .heading-wrap img
{
  width:15rem;
  margin-bottom: .5rem;
}
.contact-row .col:last-child
{
  padding-bottom:0;
}
.page-id-1058 .row-main>.col
{
  padding-bottom:0;
}
.services-section .dt-wrap
{
  display:flex;
  flex-wrap:wrap; 
}
.services-section .dt-wrap .section-image-container
{
  width:calc((100% - 3rem)/3);
  margin-right:1.5rem;
  margin-bottom:1.5rem;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.services-section .dt-wrap .section-image-container:nth-child(3n+3)
{
  margin-right:0;
}
.services-section .dt-wrap .dt_image-img img
{
  width:auto;
  height:13.5rem;
}
.services-section .dt-wrap .dt_image-content>*:first-child
{
  font-size:1.125rem;
  padding:.5rem 0;

}
.services-section .section-title
{
  justify-content:center;
}
.services-section .section-title-main
{
  font-size:1.5rem;
}
.services-section .col
{
  padding-bottom:0;
}
/* scale image */
.services-section .dt-wrap .dt_image-img img
{
      transition: opacity 0.3s, transform 0.3s;
}
.services-section .dt-wrap .section-image-container:hover .dt_image-img img
{
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
}
.form-section .stack 
{
    background:#fff;
    align-items: stretch;
}
.form-section .stack .dt-wrap:first-child
{
    background: #fe834d;
    width: calc((100%/2.75));
    padding: 1.875rem 1.3125rem 1.875rem 1.875rem;
    flex: none;
    background: rgba(0,82,153,1);
background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
}
.form-section .stack .dt-wrap:nth-child(2)
{
    flex-grow:1;
}
.form-section .sub-title:before
{
    content:none;
}
.shape
{
    display: inline-block;
    height: .1875rem;
    width: 2.5rem;
    background-color: #fff;
    border-radius: 2.5rem;
    position: relative;
    left:.5rem;
}
.shape .dots
{
    display: inline-block;
    width: .1875rem;
    height: .1875rem;
    background-color: inherit;
    border-radius: 2.5rem;
    position: absolute;
    top: 0;
    right: -.375rem;
}
.shape .dots:before, .shape .dots:after {
    content: '';
    height: inherit;
    width: inherit;
    background-color: inherit;
    border-radius: inherit;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -.375rem;
}
.shape .dots:after 
{
    right:-.75rem;
}
.form-section .shape
{
    bottom:.25rem;
}
.form-section .stack .dt-wrap:first-child,
.form-section .stack .dt-wrap:first-child .section-title-container *
{
    color:#fff;
    opacity: 1;
    border-color: #fff;
    justify-content: flex-start;
    font-size: 1.5rem !important;
}
.form-section .section-title-main
{
    font-size: 1.75rem;
    font-weight: 700;
    padding-right:2rem;
    white-space: nowrap;
}
.form-section .section-image-container
{
    display:flex;
    margin: 4rem 0;
}
.form-section .dt_image-img
{
    width:2.8125rem;
    height:2.8125rem;
    display: flex;
    justify-content:center;
    align-items:center;
    position: relative;
    z-index: 1;
    margin-right: 1rem;
    background:#fff;
    border-radius:50%;
}
.form-section .dt_image-img img
{
    width: 1.5rem;
}
.form-section .dt_image-img:after, .form-section .dt_image-img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.form-section .dt_image-img:after {
  -webkit-animation-delay: 2s;
      animation-delay: 2s;
}
.form-section .dt_image-img:hover,
.form-section .dt_image-img:hover:after, .form-section .dt_image-img:hover::before
{
  background-color: #000;
  color: #fff;
}
.form-section .dt_image-img:after, .form-section .dt_image-img:before {
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: ripple;
          animation-name: ripple;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}
.form-section .dt_image-content
{
    font-size:1.125rem;
    line-height: 1;
}
.form-section .dt_image-content p
{
    font-weight:600;
    font-size:1.425rem;
    margin: .5rem 0 1rem;
}
.form-section .dt-wrap:nth-child(2)
{
    padding: 2.5rem;
    position: relative;
    z-index: 9;
}
.form-section .dt-wrap:nth-child(2) .section-title-main
{
    text-transform:uppercase;
    text-align:center;
    width:100%;
    color: #000 !important;
    font-size: 1.5rem !important;
}
.form-section .wpforms-field-container
{
    display:flex;
    flex-wrap:wrap;
}
#footer .form-section .wpforms-field
{
    width:calc((100% - 0rem)/1);
    padding: 0;
    margin-bottom: 1.5rem;
    position: relative;
}
#footer .form-section .wpforms-field.wpforms-field-textarea
{
    width:100%;
    margin-right:0;
}
#footer .form-section
{
    padding:4rem 0 !important;
}
#footer .form-section .col
{
    padding-bottom:0;
}
#footer .form-section .wpforms-field:nth-child(2n+2)
{
    margin-right:0;
}
#footer .form-section .wpforms-field input,
#footer .form-section .wpforms-field select,
#footer .form-section .wpforms-field textarea
{
    background:#f8f8f8 !important;
    height: 3rem;
    padding: 0 1.25rem 0 1.25rem;
    padding-right: 2.75rem;
    box-sizing:border-box;
    border-radius:0 !important;
    border:thin solid transparent !important;
    transition: 0.3s ease-in-out;
    max-width: 100%;
    width: 100%;
}
#footer .form-section .wpforms-field textarea
{
    height:auto;
    padding-top:1rem;
}
#footer .form-section .wpforms-field input:focus,
#footer .form-section .wpforms-field select:focus,
#footer .form-section .wpforms-field textarea:focus
{
    border:thin solid #1e73be !important;
}
#footer .form-section .wpforms-field:after
{
    content:'';
    position:absolute;
    width:1.5rem;
    height:1.5rem;
    background:url('assets/images/profile-svgrepo-com.svg');
    background-size:contain;
    background-color:transparent;
    right:1rem;
    top:50%;
    transform:translateY(-50%);
    opacity: .7;
}
#footer .form-section .wpforms-field.wpforms-field-email:after
{
    background-image:url('assets/images/envelope-closed-svgrepo-com.svg');
}
#footer .form-section .wpforms-field.wpforms-field-email:after
{
    background-image:url('assets/images/envelope-closed-svgrepo-com.svg');
}
#footer .form-section .wpforms-field.wpforms-field-phone:after
{
    background-image:url('assets/images/phone-svgrepo-com (1).svg');
}
#footer .form-section .wpforms-field.wpforms-field-select:after
{
    background-image:url('assets/images/chevron-down-svgrepo-com.svg');
}

#footer .form-section .wpforms-field.wpforms-field-textarea:after
{
    top:1rem;
    transform:none;
    background-image:url('assets/images/chat-svgrepo-com (1).svg');
}
.btn
{
    padding: .75rem 2.5rem;
    font-size: .875rem;
     font-weight: 700;
      position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    display:flex !important;
    max-width:max-content;
    justify-content:center;

}
.btn img
{
    width:1.25rem;
    order:2;
    margin-left:.5rem;
    filter: invert(12%) sepia(56%) saturate(6799%) hue-rotate(13deg) brightness(96%) contrast(92%);
}
.btn.btn--normal
{
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background-color: #1e73be;
    transition: all 0.5s ease-in-out;
   
}
.btn.btn--normal.reverse
{
    background:#fff;
    color:#1e73be;
}
.btn.btn--outline
{
    border:thin solid #1e73be;
    border-radius: 0;
    overflow:hidden;
    transform: translate3d(0, 0, 0);
    text-transform: uppercase;
}
.btn.btn--outline:hover
{
    background:#000;
    border-color:#000;
    color:#fff;
}
.btn.btn--normal:after
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0%;
    height: 100%;
    content: "";
    background: #000;
    transition: all 500ms ease-in-out;
    z-index: -1;

}
.btn.btn--outline:after
{
    border-radius:1.5rem;
}
.btn.btn--normal:hover:after
{
    left: 0%;
    right: auto;
    width: 100%;
   
}
.btn.btn--normal:hover
{
     color:#fff;
}

#main .gt-section
{
    padding-bottom:0 !important;
}
.gt-section .section-title-container
{
  margin-bottom:0;
}
.gt-section .section-title
{
  border:none;
}
.gt-section p
{
    text-align:justify;
}
.gt-section .dt_image-img img
{
}
#main .vision-section
{
    background:rgba(0,82,153,1);
}
.vision-section .section-title
{
    justify-content:center;
    border: none;
}
.vision-section .section-title-main
{
    color:#fff;
}
.vision-section .dt-wrap
{
    display:flex;
}
.vision-section .dt-wrap .section-image-container
{
    width:calc((100% - 2*2rem)/3);
    margin-right:2rem;
    background-color:#f0f0f0;
    padding:1.5rem;
    position:relative;
    z-index: 1;
}
.vision-section .dt-wrap .section-image-container:before
{
  content:'';
  position:absolute;
  left:0;
  top:0;
  background-image: url(assets/images/shape-3-1.png);
  background-position: top right;
  background-size: 55%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  filter: grayscale(1);
  opacity: .5;
  z-index: 0;
}
.vision-section .dt-wrap .dt_image-img img
{
  width:4.5rem;
  filter: invert(28%) sepia(10%) saturate(5415%) hue-rotate(200deg) brightness(89%) contrast(103%);
}
.vision-section .dt-wrap .dt_image-content>*:first-child
{
  text-align:center;
  font-size: 1.5rem;
  font-weight:600;
  margin-top:.5rem;
  margin-bottom:.5rem;
  color: #000;
}
.vision-section .dt-wrap .dt_image-content p
{
  text-align:justify;
}
.vision-section .dt-wrap .dt_image-img
{
  text-align:center;
}
.vision-section .dt-wrap .dt_image-content
{
  z-index:2;
  position:relative;
}
.blog-archive.page-wrapper
{
  padding:0;
}
.dt-breadscrumb .breadcrumb
{
    font-size: .875rem;
    line-height: 1.4;
    margin-top:.75rem;
    display:flex;
    list-style-type:none;
    margin-bottom: 0;
    flex-wrap: wrap;
}
.dt-breadscrumb li
{
    margin-right:.8rem;
    margin-left:0 !important;
}
.dt-breadscrumb li *
{
    color:#666;
}
.dt-breadscrumb li:not(:last-child):after
{
    content:'>';
    position:relative;
    right:-.325rem;
}
.dt-breadscrumb li a:hover
{
    color:#000;
    text-decoration:underline;
}
.post-sidebar .widget-title,
.sidebar-inner .widget-title
{
  background: rgba(0,82,153,1);
background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
  display:block;
  padding:.75rem 1rem;
  color:#fff;
  margin-bottom: .75rem;
}
.post-sidebar .is-divider,
.sidebar-inner .is-divider
{
  display:none;
}
body .off-canvas .sidebar-inner
{
  padding:2rem 0;
}
.product-categories
{
  background:#1e73be0f;
  padding: .5rem 0 1rem .5rem;
}
#wrapper .product-categories li
{
  position:relative;
  padding-left:1rem;
}
#wrapper .product-categories li a
{
  font-weight:500;
}
#wrapper .product-categories li a:before
{
   content:'';
    position:absolute;
    left:-.25rem;
    top:50%;
    transform:translateY(-50%);
    width:1rem;
    height:1rem;
    background-image:url('assets/images/chevron-right-com (2).svg');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}
#wrapper .product-categories li a:hover
{
  text-decoration:underline;
}
.post-sidebar .widget_media_image img
{
  width:100%;
}
.post-sidebar iframe
{
  aspect-ratio: 16/9;
  object-fit: cover;
  height: auto;
}
.post-sidebar .product-title
{
  font-size:.875rem;
  font-weight:500;
}
.row-blog-archive .large-9
{
  flex-basis: 72%;
  max-width:72%;
}
.row-blog-archive .post-sidebar.large-3
{
  flex-basis: 28%;
  max-width:28%;
}
.post-item .post-meta
{
  display:none;
}
/* TOC */
.dt-toc
{
  margin: 1rem 0 2rem;
}
.dt-toc .toc-header
{
  position: relative;
  display:flex;
  align-items:center;
  color:#000;
  background:#fff;
  cursor: pointer;
  border-bottom: thin solid #eaeaea;
}
.toc-header h3
{
   margin: 0;
   font-weight: 600;
   padding: .5rem 0 .5rem 1rem;
   font-size: .9375rem;
   width: 100%;
   background: #1e73be;
   color: #fff;
   padding-left:2.5rem;
}
.toc-header h3:before
{
    content:'';
    position:absolute;
    left:1rem;
    top:50%;
    transform:translateY(-50%);
    width:1rem;
    height:1rem;
    background-image:url(assets/images/table-of-contents-com.svg);
    background-size:contain;
    filter:brightness(100);
    background-position:center;
    background-repeat:no-repeat;
}
.toc-item
{
   font-size:.875rem;
   font-weight:400;
}
.toc-content
{
    border: thin solid #ccc;
    border-top: none;
    padding-left: 1rem;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
}
.toc-content a *
{
    font-weight:400;
    font-style: normal;
}
.toc-item a
{
  padding: .5rem 2rem .5rem 0;
  display:inline-block;
  border-bottom: thin solid #D0D2D3;
  font-weight: 400;
}
.toc-item a:hover
{
    color:#fe834d;
}
.toc-item:last-child a
{
    border:none;
}
.list-child-toc
{
  padding-left:1.5rem;
}
.dt-toc.collapse .toc-content
{
  height:0;
  visibility:hidden;
  opacity:0;
  
}
.toc-trigger
{
  visibility:hidden;
  z-index:-1;
  position:fixed;
  left: 2.75rem !important;
  bottom:0;
  top:0;
  margin:auto;
  width: 2.625rem;
  height: 2.625rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: thin solid rgba(0, 0, 0, 0.35);
  transition: opacity 0.25s 0s ease-in-out;
}
.dt-toc.sticky-toc .toc-trigger
{
  visibility:visible;
  z-index:9;
}
.toc-trigger a
{
  display:flex;
  color: #000;
  padding: .375rem;
  transition: none;
}
.toc-trigger svg
{
  width:100%;
  height: 100%;
}
.dt-toc .toc-header span.act
{
    content: url(assets/images/arrow.svg);
    position: absolute;
    height: .8rem;
    width: .8rem;
    display: block;
    top: 0;
    user-select: none;
    right: .625rem;
    bottom: 0;
    margin: auto;
    transition: transform 0.25s 0s ease-in-out;
    filter: invert(1);
}
.dt-toc.collapse .toc-header span.act
{
   transform: rotate(-90deg);
}
.dt-toc.expand
{
  width:100%;
  height:100%;
  position:fixed;
  display:flex;
  justify-content:center;
  align-items:center;
  top:0;
  left:0;
  background-color: rgba(0, 0, 0, 0.65);
  margin: 0;
  z-index:1001;
}
.dt-toc.expand .toc-wrapper
{
  width:43.75rem;
  max-width:92vw;
  padding: 0;
  background:#fff;
  box-sizing: border-box;
  box-shadow:-.0625rem 0.125rem 0.25rem rgba(0,0,0,.25);
}

.dt-toc.expand .toc-trigger
{
  z-index:-1;
  visibility:hidden;
}
.dt-toc.expand .toc-header span.act
{
  content: url(assets/images/close.svg);
  transform: none;
  height: 1.5rem;
  width: 1.5rem;
  transition: all .1s;
  opacity:0;
  right: -.25rem;
  animation: zoomIn .45s .1s ease-out;
  animation-fill-mode:both;
}
.dt-toc.expand .toc-content>.toc-item:last-child a
{
  border:none;
}
.toc-trigger:hover
{
  background:#1e73be;
  border-color:#1e73be;
  color:#fff;
  transition:all .2s;
}
.dt-toc.expand .toc-trigger:hover
{
  transition:none;
}
.toc-trigger:hover svg *
{
  color:#fff;
}


blockquote,
.wp-block-quote {
  font-size: 1.125rem;
  line-height: 1.56;
  padding: 1.875rem 2.5rem;
  font-weight: 500;
  display: block;
  position: relative;
  background-color: transparent;
  margin: 2rem 0 2.5rem 0;
  color: #0E121D;
  font-style: italic;
  border: 1px solid #D0DBE9 !important;
  border-radius: .625rem;
}

blockquote p,
.wp-block-quote p {
  font-size: inherit;
  font-family: inherit;
  margin-top: -0.3em;
  margin-bottom: .5rem;
  line-height: inherit;
  color: inherit;
  width: 100%;
  position: relative;
  z-index: 3;
}

blockquote p a,
.wp-block-quote p a {
  color: inherit;
}

blockquote:before,
.wp-block-quote:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  height: 3.125rem;
  width: 2rem;
  background-color: #f8f8f8;
}

blockquote:after,
.wp-block-quote:after {
  content: "";
  position: absolute;
  top: -.625rem;
  left: 0;
  height: 1.25rem;
  width: 1.5rem;
  background-color: #1e73be;
  -webkit-clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");
          clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");
}
.wp-caption .wp-caption-text
{
  background:#1e73be;
  color:#fff;
}

.related-row .section-title
{
    font-size:1.25rem;
    color:#ad0606;
    font-weight:600;
}
.related-row .post-title
{
    font-weight:500;
    font-size:1rem;
}
#comments,
.row-blog-archive + .related-post
{
  display:none;
}
.related-row .is-divider
{
    display:none;
}
#wrapper .product-banner-section 
{
  padding:1rem 0 !important;
}
.product-banner-section .slider
{
  min-width:calc((100% + 15px));
}
.product-banner-section .slider img
{
  height:22.5rem;
  object-fit:cover;
}
.product-banner-section .dt-wrap
{
  display:flex;
  flex-direction:column;
  height: 100%;
}
.product-banner-section .dt-wrap .section-image-container
{
  width:100%;
  height: calc((22.5rem - 1rem)/3);
  margin-bottom: .5rem;
}
.product-banner-section .dt-wrap .section-image-container *
{
  height:100%;
  object-fit:cover;
  width:100%;
}
.product-banner-section .col
{
  padding-bottom:0;
}
.filter-button
{
  font-size:1rem;
}
.woocommerce-breadcrumb
{
  text-transform:none;
  font-size: .875rem;
}
.archive-nav__list-wrap
{
  margin:1rem 0 2rem;
}
.archive-nav__list-wrap>span
{
  text-transform:uppercase;
  font-size:1.25rem;
  font-weight:700;
  display:block;
  margin-bottom:1rem;
}
.archive-nav__list
{
  display:flex;
  flex-wrap:wrap;
}
.archive-nav__item
{
  padding:.35rem .75rem;
  padding-right:1.5rem;
  border:thin solid #1e73be;
  margin-right:.5rem;
  margin-bottom: .5rem;
  font-weight:400;
  font-size:.9rem;
  transition:all .25s;
  position:relative;
}
.archive-nav__item:hover
{
  background:#1e73be;
  color:#fff;
}
.archive-nav__item:after
{
  content:'';
  position:absolute;
  top:50%;
  transform:translateX(.25rem) translateY(-50%) ;
  width:.75rem;
  height:.75rem;
  background-image:url('assets/images/chevron-right-com (2).svg');
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
   transition:all .25s;
}
.archive-nav__item:hover:after
{
  filter:invert(1);
}
.single-product .dt-toc
{
  display:none;
}
.woocommerce-product-gallery__wrapper
{
  border:thin solid #ddd;
}
.product-short-description
{
  margin:1rem 0;
  line-height:1.8;
}
.product-short-description .row,
.single-product .post-content .row
{
  margin-left:0 !important;
  margin-right:0 !important;
}
.dt-bottom-product-btns
{
  display:flex;
}
.call-btn
{
  margin-right:1rem;
}
.sticky-add-to-cart--active .quantity
{
  margin-left:1rem;
}
body.woocommerce-checkout .woocommerce .details-check #customer_details.col2-set input.error{border-color:red !important; }
body.woocommerce-checkout .woocommerce .details-check #customer_details.col2-set dttb,body.woocommerce-checkout dttb{color:red;font-size:13px;font-style:italic;}
.woocommerce-checkout .woocommerce-NoticeGroup-checkout
{
    display:none;
}
.woocommerce-cart-form table th
{
    letter-spacing:0;
    font-size: 14px;
}
.woocommerce-cart a.remove
{
    font-size: 20px !important;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkout-right .col-inner
{
    background:rgba(0, 90, 153, 0.04);
    border:1px solid #ccc;
}
.woocommerce-checkout button, .woocommerce-checkout input, .woocommerce-checkout textarea, .woocommerce-checkout select, .woocommerce-checkout fieldset
{
    margin-bottom:0;
}
.woocommerce-checkout .form-row-wide
{
    margin-bottom:15px;
}
.woocommerce-order-received .woocommerce-bacs-bank-details
{
    padding: 10px 20px;
    border:1.5px dashed #005a99;
}
.woocommerce-order-received h2
{
    font-size:16px;
}
.woocommerce-order-received .is-well
{
    background: rgba(0, 90, 153, 0.04);
    border: 1px solid #ccc;
    box-shadow:none;
}
.woocommerce-order-received .is-well .success-color
{
    color:#005a99;
    font-size: 14px;
}
.woocommerce-order-received .is-well li
{
    font-size:14px;
}
.woocommerce-order-received .is-well li strong
{
    font-weight:400;
}
.woocommerce-checkout .shop_table thead th
{
    border-width: 1px;
}
.woocommerce-order-received .large-12
{
    padding-bottom:0;
    margin-bottom:0;
}
#main input,#main textarea
{
    box-shadow: none;
}
.checkout .col-inner
{
    background:rgba(0, 90, 153, 0.04);
    border:1px solid #ccc;
}
.woocommerce-privacy-policy-text
{
  display:none;
}
body .form-row-first, body .form-row-last
{
  width:100%;
  margin-right:0;
}
body .has-border
{
  border:thin solid #ddd;
}
#billing_country_field
{
   border: 0;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    clip-path: inset(50%);
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem;
    word-wrap: normal !important;
}
.woocommerce-thankyou-order-received
{
  margin-top:1rem;
}
.product-cat-section .section-image-container
{
  display:flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
  width: calc((100% - 12rem)/5);
}
.product-cat-section .section-image-container .dt_image-img
{
    border-radius: 50%;
    padding: 1.25rem;
    overflow:hidden;
    box-shadow: 8px 7px 8px -4px rgb(0 0 0 / 16%), 0 1px 6px rgb(0 0 0 / 23%);
}
.product-cat-section .section-image-container .dt_image-img img
{
  width:12rem;
}
.product-cat-section .section-image-container .dt_image-content>*:first-child
{
  text-transform:uppercase;
  font-weight:700;
  text-align:center;
  color:#1e73be;
  padding:1rem;
}
.banner-blog .dt_image-img img
{
  width:100%;
}
.new-product-section
{
  background: rgba(0,82,153,1);
background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
}
.home .section-title-main
{
  font-size: 2rem;
  text-align: center;
}
.new-product-section .section-title-main
{
  color:#fff;
}
.new-product-section .section-title,
.home .section-title
{
  justify-content:center;
  border:none;
}
.news-section
{
  background:#f5f6ff;
}
.news-section .post-title a
{
  font-size:1.0625rem;
  margin-bottom:.5rem;
}
.news-section .box-image
{
  border:thin solid #ddd;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.news-section .news-slider .post
{
     width:calc((100% - 4rem)/3);
    padding: 0 !important;
    margin-right: 2rem !important;
}
.news-section .news-slider .post .box-text
{
    position:relative;
    background:#074097;
    max-width:80%;
    left:50%;
    transform:translateX(-50%);
    top:-2rem;
    padding: 1.25rem;
}
.news-section .news-slider .post .box-text .view-more,
.news-section .news-slider .post .box-text .from_the_blog_excerpt
{
    margin-top:.5rem;
}
.news-section .news-slider .post .box-text .from_the_blog_excerpt
{
  display:none;
}
.news-section .news-slider .post .box-text .view-more img
{
  margin-left:.5rem;
}
.news-section .news-slider .post .box-text *
{
    color:#fff;
}
.news-section .news-slider .post .box-text img
{
    filter:invert(1);
}
.news-section .news-slider .post .box-image img
{
    height:16rem;
    object-fit:cover;
}
.news-section .news-slider .post .post-title a
{
    margin: .5rem 0 0;
    text-transform:none;
    font-size: 1rem;
    font-weight:500;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.75rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.date-meta
{
    margin-left:0 !important;
}
.product-small.box:hover img {
    transform: translateY(-.625rem) !important;
    transition: 0.5s;
}
        
.product-small.box img{
    transition: 0.5s;
} 
.dt-mobile_sticky_box
{
  position: fixed;
  left: auto;
  right: .875rem;
  background: #fff;
  border-radius: .5rem;
  width: auto;
  z-index: 999;
  bottom: 5rem;
  padding: .625rem .25rem;
  border: thin solid #f2f2f2;
  display: flex;
  flex-direction: column;
}
.dt-mobile_sticky_box a
{
  border: none;
  text-align: center;
  color: #515151;
  font-weight: 600;
  text-decoration: none;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:.5rem;
}
.dt-mobile_sticky_box a span
{
   font-size: .625rem;
}
.dt-mobile_sticky_box img
{
  width:2.25rem;
  margin-bottom:.25rem;
}
.only-mobile
{
  display:none !important;
}
.news-section .box-text
{
   background: rgba(0,82,153,1);
background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
}
.news-section .box-text *
{
  color:#fff;
}
.footer-row .btn 
{
  margin-bottom:1rem;
}
.food-section .dt-wrap
{
  display:flex;
  align-items:center;
  justify-content:center;
}
.food-section .dt-wrap>.img 
{
  position:absolute;
  width:calc(100%/2.5) !important; 
  z-index:-1;
}
.food-section .dt-wrap>.img  img
{
  width:100%;
}
.food-section .dt-wrap .stack
{
  justify-content:space-between;
  flex-wrap: wrap;
}
.food-section .dt-wrap .stack .section-image-container
{
  width: calc((101% + 1px)/3);
  text-align: center;
}
.food-section .dt-wrap .dt_image-content>*:first-child
{
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:.5rem;
}
.food-section .dt-wrap .section-image-container
{
  padding-right:2rem;
  font-size: 1.125rem;
}
.food-section .dt-wrap .section-image-container:nth-child(2n+2)
{
  padding-left:2rem;
  padding-right:0;
}
.food-section .dt-wrap .section-image-container img
{
  width: 5rem;
  filter:brightness(0%) invert(15%) sepia(43%) saturate(5610%) hue-rotate(212deg) brightness(92%) contrast(95%);
}
.only-desktop
{
    display:block !important;
}
.video-section .wp-video
{
  width:100% !important;
}
.video-section .video-button-wrapper
{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index: 2;
    opacity: 1;
   
}
.video-section .video-button-wrapper .button.icon
{
    margin-bottom:0;
    border-color: #fff;
    color: #fff;
   color:#fff;

    border-radius: 50%;
    -webkit-animation: btn-anim 1s linear infinite;
    animation: btn-anim 1s linear infinite;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
@keyframes btn-anim {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 40px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 40px rgba(255,255,255, 0.3);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255,255,255, 0.1), 0 0 0 40px rgba(255,255,255, 0.1), 0 0 0 60px rgba(255,255,255, 0);
        box-shadow: 0 0 0 20px rgba(255,255,255, 0.1), 0 0 0 40px rgba(255,255,255, 0.1), 0 0 0 60px rgba(255,255,255, 0);
    }
}
#main .video-section
{
  padding-bottom:0rem !important;
}
#main .gallery-section
{
  padding-top: 0 !important;
  
}
#main .gallery-section .slider-wrapper
{
  max-height: 16rem;
}
.video-section .dt_image-img img
{
  aspect-ratio: 16/7;
  object-fit: cover;
  width: 100%;
}
.product-section .section-title-main
{
  color:#fff; 
}

.product-section .tabbed-content .tab 
{
  margin-right:2rem;
}
.product-section .tabbed-content .tab a
{
  font-size:1rem;
   color:#fff;
}
.product-section .tabbed-content .tab:first-child a
{
    background: #ECEFF1;
    color: #37474f;
    border-radius:1.5rem;
    padding:.5rem 1.5rem;
    transition:background-color 0.3s, color 0.3s;
    position: relative;
    /* animation: anim-moema-1 0.3s forwards infinite; */
}
.product-section .tabbed-content .tab a:before
{
  
bottom: -.25rem;
}
.product-section .tabbed-content .tab:first-child.active a:before,
.product-section .tabbed-content .tab:first-child:hover a:before
{
  content:none;
}
.product-section .tabbed-content .tab:first-child.active a,
.product-section .tabbed-content .tab:first-child:hover a
{
     color: #fff;
    background-color: #fe834d;
}
.product-section .tabbed-content .tab:first-child a:after
{
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1);
    animation: anim-moema-2 1.3s .75s forwards infinite;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.product-section .tabbed-content .tab.active a:before,
.product-section .tabbed-content .tab:hover a:before
{
  background:#fff;
}
.gallery-section .img
{
  margin-right:2rem !important;
}
.sync-slider-2
{
  margin-top:2rem;
}
body .sync-slider-1 .flickity-prev-next-button svg
{
  padding:.2rem;
}
body .sync-slider-1 .flickity-prev-next-button
{
    left:calc(100% + 1rem);
    right: auto;
    top:auto;
    opacity: 1 !important;
    bottom:auto;
}
body .sync-slider-1 .flickity-prev-next-button.previous
{
    left:auto;
    right: calc(100% + 1rem);
    opacity:1;
}
body .sync-slider-1 .flickity-prev-next-button *
{
   fill: #074097 !important;
}
.contact-section .col
{
    padding-bottom:0 !important;
}
.contact-section .section-title-main
{
    color:#074097 !important;
    font-size: 2rem !important;
}
.contact-section .dt_image-img img
{
    width:25rem;
    position:relative;
    left:5rem;
}
#footer .contact-section
{
  padding-bottom:0;
}
.contact-section .wpforms-container,
.contact-section .dt_image-img
{
    opacity: 1;
}
 #footer .contact-section
{
    box-shadow: 0 -5px 5px -5px #e1e1e1;
}
.contact-section div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li
{
    margin-top:.5rem !important;
}
.contact-section div.wpforms-container-full .wpforms-form select
{
    appearance: auto;
    background: #fff !important;
    border-radius: .25rem !important;
}
.contact-section div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
.wpforms-list-3-columns .wpforms-field-label-inline
{
  font-size:.9rem !important;;
}
.contact-section .row + .row
{
  padding-top:2rem;
}
#footer .contact-section
{
  padding-top:3rem;
}
.contact-section .section-title
{
  justify-content:center !important;
}
 .review-section {
    background: #074097;
    background: rgba(0,82,153,1);
  background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
  background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
 

  }
   .review-section .bg
   {
      background-image:url('assets/images/Asset 2.png');
      background-size:12rem !important;
      background-repeat:repeat !important;
      opacity:.035
   }
  .review-section .carousel-item__image img
{
    height:100%;
    width: 100%;
    object-fit:cover;
}
  .review-section .slider-wrapper .row {
    width: calc((100% - 1.5rem) / 2) !important;
  
    margin-right: 1.5rem !important;
  
    margin-left: 0;
  }
  
  .review-section .slider-wrapper .row .col {
    padding: 0;
  }
  
  .review-section .carousel-item-container {
    background-color: #fff;
  
    border: 1px solid #dedcdc;
  
    padding: 1.25rem;
  
    position: relative;
  
    height: 100%;
  
    margin-bottom: 1.5rem;
    min-height: 10.375rem;
    display: flex;
  
    align-items: center;
  }
  
  .review-section .carousel-item__image {
    width: 5rem;
  
    height: 5rem;
  
    flex: none;
  
    margin-right: 1.25rem;
  
    border-radius: 50%;
  
    overflow: hidden;
  }
  
  .review-section .slider-style-container .flickity-slider > :not(.is-selected) {
    opacity: 1;
  }
  
  .review-section .carousel-title {
    font-size: 1.0625rem;
    color: #000;
    font-weight: 600;
  }
  .review-section .carousel-btns *
  {
      font-size:.875rem;
  }
   .review-section .section-title-main
   {
     color:#fff;
   }
  .review-section .carousel-btns a:nth-child(2)
  {
    position: absolute;
    right: 1.125rem;
    top: 1.125rem;
    background: #fff;
    padding: .2rem .5rem;
    color: #ad0606;
    border: thin solid #ad0606;
    border-radius: .25rem;
    transition: all .25s;
    font-size: .8rem;
  }

  .review-section .carousel-item-container:hover .carousel-btns a:nth-child(2)
  {
      background:#ad0606;
      color:#fff;
  }
  .review-section .readmore-btn
{
    display:inline-block;
    color:#ad0606;
}
.review-section .full-text
{
    display:inline;
    padding-left: .15rem;
}
  .review-section .carousel-subtitle {
    font-size: 0.875rem;
  
    margin: -0.25rem 0 0.5rem;
  
    color: #666;
  }
  
  .review-section .flickity-page-dots {
    bottom: -1rem;
}
.product-badge
{
  position:absolute;
  width:auto;
  background:red;
  top:.5rem;
  left:.5rem;
  border-radius:.25rem;
  text-align:center;
  text-transform:uppercase;
  padding:.425rem 1rem;
  font-weight:600;
  font-size:.75rem;
  color:#fff;
  background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%);
  overflow:hidden;
}
.product-badge:before
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  background-image:url('assets/images/Asset 2.png');
  background-size:5rem;
  background-repeat:repeat;
  opacity:.15;
  
}
.product-badge.dong-lanh
{
  background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);
}
.single-product .product-badge
{
  left:1.5rem;
}
.news-section .news-slider
{
  max-height:30rem;
}
.page-id-1058 .contact-section
{
  display:none;
}
.page-id-1062 .intro-section .section-title-container
{
  margin-bottom:0;
}
.page-id-1062 .intro-section .section-title-main
{
  padding:0 20%;
  text-align:center; 
}
.page-id-1062 .intro-section p
{
   padding:0 20%;
  text-align:center;
}
.page-id-1062 .dt-wrap
{
  display:flex;
}
.page-id-1062 .post-content .dt-wrap .section-image-container:not(:last-child)
{
  margin-right:1rem;
}
.page-id-1062 .post-content .section:nth-child(2n+2)
{
  background: #074097;
    background: rgba(0,82,153,1);
  background: -moz-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,82,153,1)), color-stop(100%, rgba(43,143,230,1)));
  background: -webkit-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -o-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: -ms-linear-gradient(left, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  background: linear-gradient(to right, rgba(0,82,153,1) 0%, rgba(43,143,230,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#2b8fe6', GradientType=1 );
}
.page-id-1062 .post-content .section:nth-child(2n+2) .bg
{
  background-image:url('assets/images/Asset 2.png');
  background-size:12rem !important;
  background-repeat:repeat !important;
  opacity:.035
}
.page-id-1062 .post-content .section:nth-child(2n+2) *
{
  color:#fff;
}
.intro-section .col
{
  padding-bottom:0;
}
.store-section p,
.store-section *
{
  font-size:.875rem;
  margin-bottom:.5rem;
}
#main .clients-section
{
  padding-top:0 !important;
}
.clients-section .flickity-slider .img
{
  width:calc((100% - 12rem)/7) !important;
  margin-right:2rem;
  padding:.5rem;
}
.clients-section .slider-wrapper
{
  max-height:18rem;
}
.contact-section .wpforms-field-container
{
    display:flex;
    flex-wrap:wrap;
}
#footer .contact-section .wpforms-field
{
    width:calc((100% - 1.5rem)/2);
    margin-right:1.5rem;
    padding: 0;
    margin-bottom: 1.5rem;
    position: relative;
}
#footer .contact-section .wpforms-field:nth-child(2n+2)
{
    margin-right:0;
}
#footer .contact-section .wpforms-field.wpforms-field-textarea,
#footer .contact-section .wpforms-field.wpforms-field-radio
{
    width:100%;
    margin-right:0;
}
body .ipgs
{
  min-height: 100vh;
  background: transparent;
}
.recipe-wrap
{
    display:flex;
    align-items:flex-start;
    padding:2rem 0;
}
.recipe-sidebar
{
    flex:none;
    width:34%;
    margin-right:3rem;
}
.recipe-content>div
{
   padding:2.5rem 3.5rem;
   background: #f7f8fa;
   border-radius:1rem;
}
.recipe-title-box
{
    margin-bottom:2rem;
}
.recipe-title
{
    color:#004098;
    margin-bottom:0;
}
.recipe-content-box
{
    font-size: 1rem;
}
.recipe-content-box h2
{
     color:#004098;
     font-size: 1.325rem;
}
.recipe-content-box h2 ~ h2
{
    margin-top:1rem;
}
.recipe-thumb 
{
    border-radius:1rem;
    overflow:hidden;
}
.recipe-thumb img
{
    width:100%;
}
.recipe-content-box ul,
.recipe-content-box ol
{
    padding-left:1rem;
}
.recipe-list-wrap .swiper-wrapper .dt-wrap
{
    width: 100%;
}
.recipe-list-wrap .swiper-slide
{
    max-height: 30.25rem;
}
.recipe-list-wrap .swiper-wrapper
{
    max-height: calc(30.25rem * 2 + 30px);
}
.recipe-list-wrap .swiper-button-next
{
    right: -0rem;
}
.recipe-list-wrap .swiper-button-next:after,
.recipe-list-wrap .swiper-button-prev:after
{
    font-weight:700;
    color:rgb(0, 71, 186);
}
.recipe-list:not(.swiper-initialized) .swiper-wrapper,
.recipe-list-wrap {
    display: flex;
    flex-wrap: wrap;
}
.recipe-list:not(.swiper-initialized) .swiper-slide,
.recipe-list-wrap .dt-wrap {
    flex: 0 0 auto;
    width: calc((100% - 4rem) / 3);
    background: rgb(255, 255, 255);
    border-radius: 1rem;
    cursor: pointer;
    transition: all 0.35s ease 0s;
    position: relative;
    padding-bottom: 4rem;
    height: 24.5rem;
    overflow: hidden;
    margin-right: 2rem !important;
    margin-bottom: 2rem !important;
}

.recipe-list-wrap .dt-wrap:hover {
    background: rgb(0, 71, 186);
}

.recipe-list:not(.swiper-initialized) .swiper-slide:nth-child(3n+3),
.recipe-list-wrap .dt-wrap:nth-child(3n+3)  {
    margin-right: 0px !important;
}
.recipe-list:not(.swiper-initialized) .swiper-button-prev,
.recipe-list:not(.swiper-initialized) .swiper-button-next
{
    display:none;
}
.recipe-list-wrap .dt-wrap .dt_image-content> :first-child  a{
    font-weight: 500;
    color: rgb(0, 71, 186);
    font-size: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.35s ease 0s;
}

.recipe-list-wrap .dt-wrap:hover .dt_image-content > :first-child a {
    color: rgb(255, 255, 255);
}

.recipe-list-wrap .dt-wrap .dt_image-img img {
    width: 100%;
    height: 18.75rem;
    object-fit: cover;
    border-radius: 1rem;
    transition: all 0.35s ease 0s;
}

.recipe-list-wrap .dt-wrap:hover .dt_image-img img {
    height: 14rem;
    width: 100%;
}

.recipe-list-wrap .dt-wrap .section-image-container {
    width: calc(100% - 3rem);
    max-height: 100%;
    overflow: hidden;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
}

.recipe-list-wrap .dt-wrap:hover .dt_image-content {
    max-height: unset;
}

.recipe-list-wrap .dt-wrap:hover .dt_image-content p {
    color: rgb(255, 255, 255);
    max-height: 4.5rem;
    overflow-y: auto;
}
.recipe-list-wrap .dt-wrap .dt_image-content p::-webkit-scrollbar {
    width: 0.2rem;
    height: 1rem;
    border-radius: 0.5rem;
}

.recipe-list-wrap .dt-wrap .dt_image-content p::-webkit-scrollbar-track {
    background: rgb(196 196 196);
    border-radius: 0.5rem;
}

.recipe-list-wrap .dt-wrap .dt_image-content p::-webkit-scrollbar-thumb {
    background: #fff;
}
.recipe-list  {
  
width: 100%;
  
display: flex;
  
flex-wrap: wrap;
}
.related-post
{
  display:none;
}
.page-id-1270 .content-area
{
  background:#e6f1fc;
}
.gtranslate_wrapper .gt_switcher-popup img + span
{
  display:none;
}
.header-cta
{
  margin-left:1rem;
}
.footer-wrapper .section-title-container .section-title
{
  justify-content:flex-start;
}
@media screen and (min-width: 1441px) {
    html {
      font-size: 16px;
    }
  }
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    #logo img,
    body .stuck #logo img
    {
        width: 10rem !important;
    }
    body .stuck .header-main
    {
        height: auto !important;
    }
    body #logo
    {
      margin-right:0;
    }
    .only-desktop
    {
        display:none !important;
    }
    body .header-main
    {
        height: auto;
        background: #fff;
        padding: .425rem 0;
    }
    html 
      {
        font-size: 3.7325vw;
      }
      *:not(.footer-wrapper)>.section:not(.banner-section)
      {
          padding-top:1.875rem !important;
          padding-bottom:1.875rem !important;
      }
      header .nav.mobile-nav > li > a
      {
          padding-left:0;
          color:#1e73be;
      }
    .header-main .nav>li>a>i
    {
        margin-left:0;
    }
    .abs__icon.logo
    {
      display:none;
    }
     .abs__icon.title
    {
        width:calc(60% + 0rem) !important;
        top: .2rem;
        right:auto;
        left: calc(50%);
        transform: translateX(-50%);
    }
    .abs__icon.hm
    {
        width:calc(55% + 0rem) !important;
        bottom: 5rem;
        right:auto;
        left: calc(50% + 2.25rem);
        transform: translateX(-50%);
        width: calc(55% + 0rem) !important;
        bottom: 5rem;
        right: auto;
        left: calc((45%/2) + 2rem);
    }
    .abs__icon.sp
    {
        width:calc(100% + 0rem) !important;
        right: -1rem;
    }
    .abs__icon.info
    {
      width:calc(90% + 0rem) !important;
      display: grid;
    }
     .abs__icon.info .img-inner
     {
       display:grid;
     }
     .off-canvas-left .mfp-content,
     .off-canvas-right .mfp-content
    {
      background: #eee;
      border-right:3px solid #1e73be;
      background-image:url('../../uploads/2024/03/bg-1.png');
      background-size: cover;
      background-repeat:repeat;
    }
     .off-canvas-right .mfp-content
     {
       border-right:none;
       border-left:3px solid #1e73be;
     }
    body .mfp-wrap .searchform .button.icon
    {
      right:0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 32px;
      min-height:unset;
    }
    body .mfp-wrap .searchform .button.icon i:before
    {
      width: 1rem;
    }
    body .mfp-wrap .form-flat input.search-field
    {
      color: #321616 !important;
      border-radius: 0;
      background-color: rgb(255 255 255 / 3%);
      border: thin solid #ddd;
    }
    .off-canvas .nav-vertical>li>a
    {
      color:#333;
      font-size:.9375rem;
      font-weight:600;
    }
    body .nav-sidebar.nav-vertical>li+li
    {
      border:none;
    }
    .off-canvas .nav-vertical li li>a
    {
        font-size:.875rem;
    }
    body .nav-sidebar.nav-vertical>li.menu-item.active,body .nav-sidebar.nav-vertical>li.menu-item:hover
    {
        background:#fff;
    }
    body .nav-sidebar.nav-vertical>li li a
    {
        padding-right:1rem;
        color:#333;
    }
    header .nav > li:hover > a:before,
     header .nav > li:hover > a:after
    {
        content:none;
    }
    .banner-section .img:not(.abs__icon) img
    {
        /* height:100vw; */
        object-fit:cover;
        object-position: left;
    }
    .section-title-container .section-title-main
    {
        font-size: 1.35rem;
        text-align: center;
    }
    .featured-section .dt-wrap
    {
        flex-wrap:wrap;
    }
    .featured-section .section-image-container
    {
        width: calc((100% - 1.5rem)/2);
        padding: 0;
        margin-bottom: 1rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .featured-section .section-image-container:nth-child(2n+2)
    {
        margin-right:0;
    }
    .featured-section .dt_image-content
    {
        align-items:center;
    }
    .featured-section .dt_image-content>*:first-child
    {
        text-align:center;
        font-size:1.125rem;
    }
    .featured-section .dt_image-content i
    {
        font-size:3rem;
    }
    .featured-section .section-image-container:last-child,
    .featured-section .section-image-container:nth-last-child(2)
    {
        margin-bottom:0;
    }
    .system-section .col:first-child .section-image-container
    {
        padding-right: 2rem;
    }
    .system-section .col:first-child .col-inner:before
    {
        right:0;
    }
    .system-section .dt-wrap .dt_image-content>*:first-child
    {
        font-size:1rem;
    }
    .system-section .dt-wrap .dt_image-content p
    {
        width:4rem;
        height:4rem;
        font-size: 2.75rem;
    }
    #main .system-section
    {
        padding:4rem 0 0rem !important;
    }
    .services-section .slider .section,
    .tes-section .section,
    .news-section .news-slider .post
    {
        width:100%;
        padding: 0 !important;
    }
    .home-project-section .projects-list
    {
        left:0;
        min-width: auto;
    }
    .home-project-section .projects-list .post-item
    {
        flex-basis: calc((100% - 1*1.875rem)/2);
        max-width: calc((100% - 1*1.875rem)/2);
    }
    .home-project-section .projects-list .post-item:nth-child(2n+2)
    {
        margin-right:0;
    }
    .project2-section .projects-list .box-text
    {
        max-width:100%;
        bottom: 0;
        height: 100%;
    }
    .projects-list .post-title a
    {
        font-size:1rem;
    }
    .tes-section .flickity-page-dots
    {
        bottom:0rem;
    }
    #main .clients-section .img
    {
        width:50% !important;
        max-width: 50% !important;
    }
    .clients-section .img-inner
    {
        text-align:center;
    }
    .news-section .news-slider .post .post-title a
    {
        font-size:1rem;
        height: 3.75rem;
    }
    .news-section .box-image img
    {
        height:15rem;
    }
    .news-section .news-slider .post
    {
        margin-bottom:0;
    }
    .form-section .stack
    {
        flex-wrap:wrap;
    }
    .form-section .stack .dt-wrap:first-child
    {
        width:100%;
    }
    .form-section .section-title-main
    {
        font-size:1.75rem;
    }
    .form-section .section-image-container
    {
        margin:1rem 0;
    }
    .footer-section .stack
    {
        flex-wrap:wrap;
    }
    .footer-section .dt-wrap,
    .footer-section .dt-wrap:nth-child(2), .footer-section .dt-wrap:nth-child(3)
    {
        width:50%;
    }
    .absolute-footer .footer-primary
    {
        flex-direction:column;
        align-items:center;
    }
    .menu-footer-menu-container
    {
        margin-bottom: .75rem;
    }
    .blog-archive .archive-title-wrap + .btn.btn--normal
    {
        display: none !important;
    }
    .dt-blog-featured
    {
        flex-wrap:wrap;
    }
    .dt-blog-featured__main
    {
        width:100%;
        margin-bottom:1rem;
    }
    .dt-blog-featured .box-text .post-title a
    {
        font-size:1rem;
    }
    .dt-blog-featured__main .post-item .box-text
    {
        padding:1.5rem;
    }
    .dt-blog-featured__main .post-item .box-image img
    {
        height:auto;
    }
    .dt-blog-featured .box-text
    {
        padding:1rem;
    }
    .dt-blog-featured .post-meta
    {
        font-size:.75rem;
    }
    .dt-blog-featured__more .post-item .box-image
    {
        width: 8rem;
    }
    .dt-blog-featured__more .post-item .view-more
    {
        display:none;
    }
    .dt-blog-featured__more
    {
        padding-left:0;
    }
    .dt-blog-featured__more .post-item .from_the_blog_excerpt
    {
        margin-bottom:0;
        margin-top:.5rem;
    }
    .dt-blog-archive #post-list .post
    {
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .header-button .header-cart-link i,
    .header-button .button.icon i
    {
      font-size:1.5rem;
      margin-right: 0;
      padding:.1875rem 0;
    }
    .header-cta
    {
      margin-left:1.5rem;
      margin-top:2rem;
    }
    .product-banner-section .slider img
    {
      height:auto;
    }
    .product-banner-section .slider
    {
      min-width:100%;
      margin-bottom:.5rem;
    }
    .product-banner-section .dt-wrap .section-image-container
    {
      height:auto;
    }
    .product-cat-section .stack
    {
      flex-wrap:nowrap;
      justify-content: flex-start;
      overflow-x:auto;
      padding: .5rem;
    }
    .product-cat-section .section-image-container
    {
      width:calc((100% - 1.5rem)/2);
      margin-right:1.5rem !important;
      flex: none;
    }
     .product-cat-section .section-image-container:nth-child(2n+2)
     {
        margin-right:1.5rem !important;
     }
     .product-cat-section .section-image-container .dt_image-img img
     {
       width:10rem;
     }
     #main .product-section
     {
       padding-top:1.5rem !important;
     }
     .news-section .col
     {
       padding-bottom:0;
     }
     .featured-section .section-image-container .dt_image-content>*:first-child
     {
      font-size: .875rem;
      padding-left: 0;
      padding-top: 1rem;
      white-space: nowrap;
     }
     .featured-section .section-image-container .dt_image-img
     {
       flex:none;
     }
     #footer .featured-section
     {
       padding:1rem !important;
     }
     .footer-wrapper *
     {
       font-size:1rem;
     }
     .footer-wrapper .footer-row .section-title
     {
       justify-content:flex-start;
     }
     .footer-wrapper .footer-row .section-title-main
     {
       font-size:1.125rem !important;
     }
     .woocommerce-breadcrumb
     {
       text-align:left;
     }
     .archive .page-title-inner .medium-text-center
     {
      justify-content:flex-start;
      text-align: left !important;
     }
     .category-page-row
     {
       padding-top:0;
     }
     
     .woocommerce-ordering:before
     {
       content:none;
     }
      .vision-section .dt-wrap
     {
         flex-wrap:wrap;
        
     }
    .vision-section .dt-wrap .section-image-container
    {
        width:100%;
        margin-right:0;
        margin-bottom: 1rem;
    }
    .services-section .dt-wrap .section-image-container
    {
      width:calc((100% - 1.5rem)/2);
    }
    .services-section .dt-wrap .section-image-container:nth-child(2n+2)
    {
      margin-right:0;
    }
    .row-blog-archive
    {
      flex-wrap:wrap;
    }
    .row-blog-archive .large-9,
    .row-blog-archive .post-sidebar.large-3
    {
      flex-basis: 100%;
      max-width: 100%;
    }
    #post-list .post .box-image img
    {
      height:8.5rem;
    }
    .related-row .row
    {
      margin-left:0 !important;
      margin-right:0 !important;
    }
    .related-row .col
    {
      padding-bottom:0;
      padding: 8px;
    }
    .html-before-comments
    {
      margin-bottom:0;
    }
    .cart-popup-inner
    {
      padding: 1rem;
    }
    .only-mobile
    {
      display:flex !important;
    }
    .only-desktop
    {
      display:none !important;
    }
    .dt-mobile_sticky_box
    {
      background: #fff;
      width: 100%;
      border-radius: 0;
      color: #fff;
      height: 4rem;
      line-height: 3.5rem;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 999;
      margin: 0;
      box-shadow: 0 .25rem .625rem 0 #000;
      flex-direction: row;
      justify-content:space-between;
      padding: .25rem 1rem;
    }
    .dt-mobile_sticky_box a.call-icon:before
    {
       content:'';
       position:absolute;
       width:3.5rem;
       height:3.5rem;
       border-radius:50%;
       background:#ef4136;
       top:-.75rem;
       z-index:-1;
       border: .125rem solid white;
    }
    .dt-mobile_sticky_box a.call-icon img
    {
      transform:translateY(-.425rem);
    }
    .dt-mobile_sticky_box a span
    {
      color:#000;
      white-space: nowrap;
      font-size: .75rem;
      line-height: 1.2;
      font-weight: 400;
    }
    .food-section .dt-wrap>.img
    {
      width:90% !important;
      position: static;
    }
    .food-section .dt-wrap
    {
      flex-wrap:wrap;
		padding-top:2rem;
    }
    .food-section .dt-wrap .stack .section-image-container
    {
      width:calc((100%)/2);
     
    }
    .food-section .dt-wrap .section-image-container
    {
      padding-right:1rem;
      font-size: 1.125rem;
    }
    .food-section .dt-wrap .section-image-container:nth-child(2n+2)
    {
      padding-left:1rem;
      padding-right:0;
    }
    .product-small.product .add-to-cart-button a span
    {
      font-size: .675rem;
    }
    #main .gallery-section .slider-wrapper .flickity-slider > *
    {
      max-width:calc((100% - 1rem)/2) !important;
    }
    .gallery-section .img
    {
      margin-right:1rem !important;
    }
    .sync-slider-2
    {
      margin-top:1rem;
    }
    #main .gallery-section .slider-wrapper
    {
      max-height:9rem;
    }
    #main .video-section
    {
      padding-bottom:0 !important;
    }
    .review-section .section-title-main {
        font-size: 1.75rem;
      
        text-align: center;
      }
      .review-section .carousel-btns a:nth-child(2)
      {
          top:.875rem;
          right:.75rem;
          padding:.125rem .5rem;
          font-size:.75rem;
      }
      .review-section .carousel-item__image
      {
          margin-right:.5rem;
      }
      .review-section .carousel-title
      {
          font-size:1rem;
      }
      .review-section .slider-wrapper .row {
        width: 100% !important;
      
        margin-right: 0 !important;
      }
      .contact-section .section-image-container
      {
        display:none;
      }
      .contact-section .row + .row
      {
        padding-top:0;
      }
      .dt-mobile_sticky_box a.call-icon:before
      {
        background:#fff;
      }
      .page-id-1062 .intro-section .section-title-main,
      .page-id-1062 .intro-section p
      {
        padding:0;
      }
      .page-id-1062 .post-content .section:nth-child(2n+1) .col:first-child
      {
        order:2;
      }
      .recipe_cat_nav a
     {
         padding-left:1.5rem;
         padding-right:1.5rem;
     }
     .slick-list
     {
         margin:0;
     }
     .recipe-list-wrap .dt-wrap,
     .slick-list .slick-track .slick-slide
     {
         width:calc((100% - 0rem)/1) !important;
         margin: 0;
     }
      .recipe-wrap
    {
        flex-wrap:wrap;
        padding-left: 15px;
        padding-right: 15px;
    }
    .recipe-sidebar
    {
        width:100%;
        margin-bottom: 2rem;
    }
    .recipe-content>div
    {
        padding:1.5rem 2.5rem;
    }
    body .searchform .button.icon i
    {
 width: .75rem;
 }
 .header-search-form.search-form.html.relative.has-icon
 {
   padding-right:1rem;
 }
 .gtranslate_wrapper
 {
   margin-left:1.5rem;
 }
}


@media only screen and (max-width: 1023px) and (min-width: 481px)  {
    body .col[class*="medium"]
    {
        flex-basis: 100%;
        max-width: 100%;
    }
    .off-canvas .hide-for-medium
    {
        display: none !important
    }
    .hide-for-medium,
    [data-show=hide-for-medium] {
        display: none !important
    }
     .show-for-medium,
    [data-show=show-for-medium] {
        display: block !important
    }
     .header-inner .nav {
        flex-wrap: nowrap
    }

    .medium-logo-left .logo {
        margin-left: 0;
        margin-right: 15px;
        order: 1
    }

    .medium-logo-left .flex-left {
        flex: 1 1 0;
        order: 2
    }

    .medium-logo-left .flex-right {
        flex: 1 1 0;
        order: 3
    }

    .medium-logo-center .flex-left {
        flex: 1 1 0;
        order: 1
    }

    .medium-logo-center .logo {
        margin: 0 15px;
        order: 2;
        text-align: center
    }

    .medium-logo-center .logo img {
        margin: 0 auto
    }

    .medium-logo-center .flex-right {
        flex: 1 1 0;
        order: 3;
        flex-grow: unset;
    }
    .header-main .medium-logo-center .flex-left
    {
      flex-grow:0;
    }
    .off-canvas-right .mfp-content
    {
      width:16rem;
    }
}
@media screen and (max-width:1023px) and (orientation:landscape) 
{
    html { font-size: 3vw; }
}