/*
Theme Name: Flatsome Child
Description: Chống thấm
Author: UX Themes
Template: flatsome
Version: 3.3455
*/

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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Oswald:wght@300;400;700&display=swap');
html {
	font-size: 1.041666666vw;
}
body,
body *
{
    font-family: 'Open Sans', sans-serif;
}
.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;
  }
.header-main 
{
    padding:.25rem 0;
    background: #fff;
}
.header-main #logo
{
    width:auto;
    margin-right: 1.5rem;
}
.header-bg-container,
.top-divider
{
    display:none;
}
#logo img,
#ld_logo
{
    height: 3.875rem;
    transition:all 0.25s cubic-bezier(0.3, 1, 0.8, 1);
}
.stuck #logo img,
.stuck #ld_logo
{
    height:2.875rem !important;
}
.stuck .header-main .nav>li>a
{
    padding:1rem 0;
}
.header-top .nav>li>a
{
    font-size:.75rem;
    font-weight:500;
    color: #eee;
}
.header-top .nav>li
{
    display:flex;
    align-items:center;
    margin-left: 3rem !important;
}
.header-top .nav>li i
{
    margin-right:.25rem;
}
.header-top .nav-divided>li+li>a:after
{
    content:none;
}

.header-top .html .social-icons a
{
    min-width: auto;
    width: 1.5rem;
    height: 1.5rem;
    min-height: auto;
    font-size:.6rem;
}
#top-bar .html a
{
    color:#fefefe;
}
#top-bar .html a:hover
{
    color:#fff;
    text-decoration:underline;
}
#top-bar
{
    background:#2a84b8;
}
#top-bar .html > div:not(:first-child)
{
    margin-left:1.5rem;
}
.header-main
{
    height: 5.5rem !important;
    position: relative;
    transform: translate3d(0, 0, 0);
    box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: .625rem solid #2a84b8;
}
.stuck .header-main
{
    height:5.75rem !important;
    border-top-width: .25rem;
}
.header-main .nav>li>a
{
    font-size: 1rem;
    text-transform:none;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1.25rem 0;
    font-family: 'Oswald', sans-serif;
    letter-spacing: .25px;
}
.header-main .nav>li:not(:first-child)
{
    margin-left: 1.25rem;
}
.header-main .nav>li>a i
{
    color: #000;
    opacity:1;
    margin-left:.325rem;
}
header .nav > li > a::after
{
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: 1rem;
    width: 0;
    height: .15rem;
    background: #2a84b8;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}
header .nav > li.quote-btn > a::after,
header .nav > li.quote-btn > a::before
{
    content:none !important;
}
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:#2a84b8;
    transition:none;
}

header .nav > li.active > a:after,
header .nav > li:hover> a:after,
header .nav > li:focus> a:after
{
    visibility: visible;
    opacity: 1;
    width: 100%;
    left: 0;
    right: auto;
}
.nav-dropdown-has-arrow #wrapper .header-nav li.has-dropdown ul li
{
    padding:0 1rem;
}
.nav-dropdown-has-arrow #wrapper .header-nav li.has-dropdown ul a
{
   padding:.75rem 0;
   font-weight: 400;
   border-bottom: 1px solid #e9e9e9;
   transition: all 500ms ease;
   position:relative;
   font-family: 'Oswald', sans-serif;
   letter-spacing: .25px;
}
.nav-dropdown-has-arrow #wrapper .header-nav li.has-dropdown ul a:before
{
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    content: "";
    margin: .75rem 0;
    width: 0px;
    opacity: 0;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    background: #2a84b8;
}
.nav-dropdown-has-arrow #wrapper .header-nav li.has-dropdown ul a:hover,
.nav-dropdown-has-arrow .header-nav li.has-dropdown ul a:focus
{
    padding-left:.75rem;
}
.nav-dropdown-has-arrow #wrapper .header-nav li.has-dropdown ul a:hover:before,
.nav-dropdown-has-arrow .header-nav li.has-dropdown ul a:focus:before
{
    width:.275rem;
    opacity: 1;
}
.header-nav>li.current-dropdown>.nav-dropdown
{
    padding: 0;
    min-width: 240px;
    border: none;
    border-left: 5px solid #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.menu-item.quote-btn a
{
    background:#2a84b8;
    border-color:#2a84b8;
    padding: .65rem 1.25rem;
    border-radius: 1.5rem;
    color:#fff !important;
    line-height: 1 !important;
    text-transform: uppercase;
    animation: button2 1s infinite;
}
.menu-item.lang-item img
{
    transform:scale(1.1);
}
@keyframes button2{0%{box-shadow:0 0 0 0 #2a84b8}75%{box-shadow:0 0 0 .65rem rgba(109,181,27,0)}100%{box-shadow:0 0 0 0 rgba(109,181,27,0)}}

.nav-dropdown-has-arrow .header-nav li.has-dropdown:after
{
    min-width:5rem;
    min-height:3rem;
    border: none;
    top: 1.5rem;
    margin: 0;
    left:0rem;
   
}
.nav-dropdown-has-arrow .header-nav li:before
{
    content:none;
}

.nav-dropdown-has-arrow .header-nav>li>a:before
{
   content:'';
   width:100%;
   position:absolute;
   height:.125rem;
   background:#fff;
   top:calc(100% + 1.3125rem);
   transform:scale(0,1);
   transform-origin:center;
   transition:transform 0.25s cubic-bezier(0.3, 1, 0.8, 1), -webkit-transform 0.25s cubic-bezier(0.3, 1, 0.8, 1);
}
.nav-dropdown-has-arrow .header-nav ul a
{
     font-size:.9375rem;
     font-weight:400;
     color:#000;
     border: none;
     margin: 0;
     padding-left: 1rem;
}
body.nav-dropdown-has-border .nav-dropdown
{
    border-width:thin;
}
.nav-dropdown-has-arrow .header-nav ul a:hover
{
    color:#2a84b8;
}
*:not(.footer-wrapper)>.section:not(.banner-section)
{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}
.banner-section
{
    padding:0 !important;
}
.banner-section .video-fullscreen
{
    width:100%;
    height:36.25rem;
    object-fit:cover;
}
.banner-section .dt_carousel_item-content
{
    position:absolute;
    top:50%;
    left: calc((100vw - 75.625rem + 15px)/2 );
    max-width:75.625rem;
    width:100%;
    color:#fff;
    font-size:1.25rem;
    transform:translateY(-50%);
}
.banner-section .dt_carousel_item-content .carousel-title
{
    font-size: 4.5rem;
    color:#fff;
    font-weight: 900;
    max-width:57rem;
}
.banner-section .carousel-item__bg.carousel-item__video
{
    display:grid;
}
.banner-section .carousel-item__bg.carousel-item__video:before
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(25,25,30,.51);
}
body .slider-nav-light .flickity-page-dots .dot,body .slider-nav-simple .flickity-page-dots .dot {color: #2a84b8;top: 6.5px;left: 6.5px;width: 8px;height: 8px;content: "";background-color: #2a84b8;border-radius: 2px;transition: all 0.25s ease 0s;border: 2px solid #fff;}
body .slider-nav-light .flickity-page-dots .dot.is-selected,body .slider-nav-simple .flickity-page-dots .dot.is-selected { color: #2a84b8; content: ""; background-color: #2a84b8; top: 3.5px; left: 3.5px; height: 13px; width: 13px; border-radius: 2px; }
.counter-section .row .col-inner
{
   padding: 0 2rem;
  
   background-size:100%;
   background-repeat:no-repeat;
   background-color:#fff;
   background-position:center;
}
#main .counter-section
{
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
}
#main .counter-section .col-inner
{
    padding: 2rem;
}
#main .counter-section .col
{
    padding-bottom:0
}
.dt-counter-container
{
    background:#fff;
    width:calc((100% - 6rem)/4);
    margin-right:2rem !important;
    text-align:center;
    border-radius:.5rem;
     padding: 1.875rem .625rem .625rem .625rem;
    box-shadow: 0 2px 8px rgb(0 0 0 / 16%);
}
.dt-counter-container:nth-child(4)
{
    margin-right:0 !important;
}
.dt-counter-container .counter-value
{
    font-size:3rem;
    color: #333;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1rem;
}
.intro-section .desc,
.intro-section .title
{
    color:#2a84b8;
    text-transform:uppercase;
}
.intro-section .desc
{
    font-weight:400;
    font-size: .9rem;
}
.intro-section strong
{
    color:#967844;
}
.intro-section .title
{
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

.intro-section .title ~ div
{
    font-weight:400;
    margin-bottom:.75rem;
    color:#000;
    font-size: 1.0625rem;
}
.intro-section .col + .col a
{
    border-radius: .5rem;
    text-transform: uppercase;
    font-size: .9375rem;
    padding: .65rem 1.75rem .65rem 1.75rem;
    line-height: 1;
    margin-top: 1rem;
    transition: all .25s;
    background-size: 100% 300%;
    background-position: 100% 0%;
    position: relative;
    background:#2a84b8;
    color:#fff;
    box-shadow: 1px 3px 0px 1px #fec601;
    margin-top: 0;
    display:inline-block;
}
.intro-section .col + .col a:hover,
.intro-section .col + .col a:focus
{
       box-shadow: 4px 3px 0px 1px #fec601;
}
.intro-section .video-button-wrapper
{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    background:#00000040;
}
.intro-section .video-button-wrapper .button
{
    width:2.5rem;
    height:2.5rem;
    color: #fff;
}

.row-banner .col
{
    padding-bottom:0;
}
#main .services-section
{
    background:#fff;
}
.services-section .col:first-child
{
    padding-right:2rem;
}
.services-section .col:last-child
{
    padding-left:2rem;
}
.services-section .section-title
{
    justify-content: flex-start !important;
}
.services-section .dt-title-container + p,
.footer-section .dt-title-container + p
{
    text-align:left;
}
.services-wrap .dt-image-container
{
    display:flex;
    align-items:center;
    border-radius: .75rem;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
    background: #fff;
    padding: .25rem .875rem;
    margin-top: .75rem;
}
.services-wrap .dt_image-img
{
    flex:none;
    width:5rem;
    margin-right:1rem;
}
.services-wrap .dt_image-content>*:first-child
{
    font-weight:600;
}
.services-wrap .dt_image-content p
{
    color:#999;
    font-size:.875rem;
}
.services-section .section-title-main
{
    font-size:2rem;
    font-weight: 900;
    color:#2a84b8;
}
.services-section .dt_carousel_item-content
{
    padding:1rem 0;
}
.services-section .carousel-title
{
    text-align:center;
    font-size:1.25rem;
    color:#000;
    font-weight:700;
    letter-spacing: -.25px;
}
.services-section .stack .carousel-item-container
{
    width:calc((100% - 3rem)/3);
    margin-right:1.5rem !important;
}
.services-section .stack .carousel-item-container:nth-child(3n+3)
{
    margin-right:0 !important;
}
.services-section .carousel-item__image
{
    overflow:hidden;
}
.services-section .carousel-item__image img
{
    transition:all .35s;
}
.services-section .stack .carousel-item-container:hover img
{
    transform:scale(1.06);
}
.services-section .carousel-btns
{
    text-align:center;
}
.services-section .carousel-btns a
{
    border-radius: 30px;
    text-transform: uppercase;
    font-size: .875rem;
    padding: 12px 50px 14px 30px;
    line-height: 1;
    transition: all .25s;
    background-size: 100% 300%;
    background-position: 100% 0%;
    position: relative;
    background: #2a84b8;
    color: #fff;
    margin-top: 1rem;
    display: inline-block;
   
}
.services-section .carousel-btns a:after
{
    content:'';
    position:absolute;
    width:1.5rem;
    height:1.5rem;
    background-image:url('assets/images/arrow-next-small.svg');
    right:20px;
    background-size:100%;
    filter:invert(1);
    top:calc(50% - .0625rem);
    transform:translateY(-50%);
}
.condition-section .col-inner
{
    border-radius:1.25rem;
    border:2px solid #2a84b8;
}
.condition-section .section-title
{
    justify-content:center;
    position:relative;
    top:-1.75rem;
}
.condition-section .section-title-main
{
    color:#2a84b8;
    font-size:2rem;
    font-weight:900;
    background:#fff;
    padding:0 1rem;
}
.condition-section .stack
{
    padding: 0 0 3rem;
    justify-content:space-evenly;
}
.condition-section .dt-image-container
{
    text-align:center;
    width:14rem;
}
.condition-section .dt_image-img
{
    text-align:center; 
    margin-bottom:1rem;  
}
.condition-section .dt_image-img a
{
    display:inline-block;
    border:thin solid #2a84b8;
    border-radius:.35rem;
    background:#fff;
    overflow:hidden;
    padding:.5rem;
    box-sizing:border-box;
}
.condition-section .dt_image-img img
{
    width: 3.5rem;
    transition:all .35s;
}
.condition-section .dt-image-container:hover img
{
    transform:scale(1.15);
}
.condition-section .dt_image-content
{
    font-weight:700;
    font-size:1.125rem;
    line-height:1.4;
}
.careers-section .section-title
{
    padding-left:50%;
    justify-content:flex-end;
}
.careers-section .section-title-main
{
    font-size:1.75rem;
    font-weight:900;
    color:#fec601;
}
.careers-section .stack .slider-wrapper
{
    width:50%;
  
}
.careers-section .stack .slider-wrapper.img-slider
{
    top: 1.375rem;
    min-width: calc((50% + 4rem));
    left: -4rem;
}
.careers-section .stack .slider-wrapper.img-slider .img
{
    width:calc((100%)/3) !important;
}
.info-slider .banner
{
    height:auto;
    background: transparent;
}
.info-slider .banner .banner-layers>*
{
    position:static !important;
    width: 100% !important;
    transform: none !important;
    max-height: max-content;
}
.info-slider .banner .banner-layers,
.info-slider .banner-inner
{
    max-height:max-content;
    position:static;
}
.info-slider .banner-inner .text-inner [data-title]
{
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
    padding-top: 40px;
    margin-bottom: 20px;
    font-size:1.25rem;
    color:#fff;
   
}
.info-slider .banner-inner .text-inner [data-title]:before{z-index:-1;content: attr(data-title);display: block;color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;font-size: 3.75rem;line-height: 100px;position: absolute;bottom: -2rem;left: 0;width: 100%;text-align: center;font-weight: 900;opacity: 0.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: sans-serif;}
.info-slider .banner-inner .text-inner [data-title]:after{z-index:-1;content: "";position: absolute;width: 100%;height: 100%;bottom: -10px;left: 0;background: -moz-linear-gradient(top, rgba(247, 143, 39,0.11) 0%, rgba(247, 143, 39,0.82) 100%);background: -webkit-linear-gradient(top, rgba(247, 143, 39,0.11) 0%,rgba(247, 143, 39,0.82) 100%);background: linear-gradient(to bottom, rgba(247, 143, 39,0.11) 0%,rgba(247, 143, 39,0.82) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ccf1c22', endColorstr='#b8cf1c22',GradientType=0 )}
.info-slider .banner-inner .text-inner p
{
    color:#fff;
}
.info-slider .banner-inner .text-inner
{
    padding:0 2rem;
}
.info-slider .slider-nav-outside .flickity-prev-next-button
{
    top:0;
}
.info-slider .slider-nav-outside .flickity-prev-next-button:hover *,
.info-slider .slider-nav-outside .flickity-prev-next-button:focus *,
.info-slider .slider-nav-outside .flickity-prev-next-button
{
    fill:#fff !important;
    color: #fff;
    opacity:1;
}
.careers-section .stack .slider-wrapper.img-slider .img{transition: all ease-out .5s;opacity: 0.5;bottom: 0;}
.careers-section .stack .slider-wrapper.img-slider .img.is-selected{transform: scale(1.5);opacity: 1;z-index: 2;transform-origin:right bottom;}
.careers-section .stack .slider-wrapper.img-slider .img.is-selected:last-child{transform-origin:left bottom;}
.careers-section
{
    overflow:hidden;
    max-height: 25rem;
}
.careers-section .section-title-container
{
    position:absolute;
    top: 3.5rem;
}
.careers-section .img-slider .flickity-viewport
{
    height:25rem !important;
}
.info-slider
{
    top: 7rem;
    position:relative;
}
.review-section .section-title
{
    justify-content:center;
}
.review-section .section-title-main
{
    color:#2a84b8;
    font-size:2rem;
    font-weight:900;
}
.review-section
{
    background:#fcfcfc;
}
.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;
    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.125rem;
    color:#000;
}
.review-section .carousel-subtitle
{
    font-size:.875rem;
    margin: -.25rem 0 .5rem;
    color: #666;
}
.review-section .flickity-page-dots
{
    bottom:-1rem;
}
.post-section
{
    background: #f9f9f9;
    border-bottom: thin solid #eee;
}
.post-section .section-title
{
    justify-content:center;
}
.post-section .section-title-main,
main .section .section-title-main
{
    font-size:2rem;
    font-weight: 700;
    color:#2a84b8;
    font-family: 'Oswald', sans-serif;
}
.post-section .post-title
{
    display: block;
    color: #262626;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 6px;
}
.post-title + .is-divider
{
    display:none;
}
.post-section .post-date.badge
{
    display:none;
}
.post-section .from_the_blog_excerpt 
{
    margin: 0px;
    color: #4f4e4e;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-align:left;
    order:3;
}
.post-section .blog-post-inner
{
    display:flex;
    flex-direction: column;
}
.post-section .blog-post-inner .post-date
{
    display:block;
    text-align:left;
    color: #4e4d4d;
    font-size: 13px;
    margin: 10px 0px;
    font-style: italic;
    display: none;
}
.post-section .image-cover
{
    overflow:hidden;
}
.post-section .post-item:hover .image-cover img
{
    transform:scale(1.06);
}
#footer .form-section
{
    padding-top:0;
}
.footer-section iframe
{
    width:100%;
}
.form-section .col-inner
{
    position: relative;
    overflow: hidden;
    max-width: 1000px;
    border-radius: 10px;
    padding: 60px 185px 40px 185px;
    background-image: url(assets/images/DSC08741.jpg);
    background-size:100%;
    background-repeat: no-repeat;
    background-position: left center;
    left: 50%;
    transform: translateX(-50%);
    margin: unset !important;
}
.form-section .col-inner:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(left, rgba(25,119,187,1) 0%, rgba(25,119,187,0.86) 100%);
    background: -webkit-linear-gradient(left, rgba(25,119,187,1) 0%,rgba(25,119,187,0.86) 100%);
    background: linear-gradient(to right, rgba(25,119,187,1) 0%,rgba(25,119,187,0.86) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4693', endColorstr='#c20e4693',GradientType=1 );
}
.form-section .section-title
{
    justify-content:center;
}
.form-section .section-title .section-title-main
{
    font-size:2rem;
    font-weight:900;
    color:#fff;
}
.form-section p
{
    text-align:center;
    color:#fff;
    z-index:22;
    position: relative;
    text-transform: uppercase;
}
.form-section p a
{
    color:#fff;
    font-weight:700;
}
.form-section .section-title-container
{
    margin-bottom:1rem;
}
.form-section .wpforms-container
{
    z-index:2;
    position:relative;
}
.form-section .col div.wpforms-container-full .wpforms-form input,
.form-section .col div.wpforms-container-full .wpforms-form textarea,
.form-section .col div.wpforms-container-full .wpforms-form select
{
    background:transparent;
    border:thin solid #fff;
    color:#fff;
    border-radius: .375rem;
    font-size:.9375rem;
    padding-left:1.5rem;
    position: relative;
}
.form-section .col div.wpforms-container-full .wpforms-form input::placeholder,
.form-section .col div.wpforms-container-full .wpforms-form textarea::placeholder
{
    color:#fff;
}
.form-section div.wpforms-container-full .wpforms-field-label
{
    display:none !important;
}
.form-section .iti__selected-flag .iti__flag
{
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}
.form-section div.wpforms-container-full .wpforms-form .iti__arrow
{
    border-top-color: #fff;
}
.form-section .col div.wpforms-container-full .wpforms-field-select:after
{
    content:'';
    position:absolute;
    width:1rem;
    height:1rem;
    background:url('assets/images/arrow-next-small.svg');
    background-size: 100%;
    right: 1.25rem;
    top: 20px;
    transform: rotate(90deg);
    filter: invert(1);
}
.form-section .col div.wpforms-container-full .wpforms-field-select
{
    position:relative;
    color:#000;
}
.form-section .col div.wpforms-container-full .wpforms-field-select option
{
    color:#000;
}
.form-section .wpforms-submit-container
{
    text-align:center;
}
#wrapper .form-section .wpforms-submit-container .wpforms-submit 
{
    background:#2a84b8;
    border-color:#2a84b8;
    padding: .75rem 1.5rem;
    border-radius: .375rem;
    color:#fff;
    line-height: 1;
    text-transform: uppercase;
}
#wrapper .form-section .wpforms-submit-container .wpforms-submit:hover
{
    background:#ac0101;
    border-color:#ac0101;
}
.footer-section .stack
{
    justify-content:space-between;
}
.footer-section
{
    background-color: #03273f  !important;
}
.footer-section .col:first-child p:first-child img
{
    width:14rem;
}
.footer-section .stack .img
{
    width: 10rem !important;
}
.footer-section .stack .stack
{
    flex-direction: column;
}
.footer-section .stack .ux-menu
{
    flex-direction:row;
    border-bottom: thin solid #ccc;
    padding-bottom: .5rem;
    width: 100%;
    justify-content: flex-end;
}
.footer-section .stack .ux-menu .ux-menu-link__link
{
    text-transform:uppercase;
    font-weight:600;
}
.footer-section .stack .ux-menu .menu-item:not(:last-child)
{
    margin-right:2rem !important;
}
.footer-section .dt-wrap
{
    display:flex;
    flex-wrap: wrap;
    margin-top:1rem;
}
.footer-section .dt-wrap img
{
    width:2rem;
}
.footer-section .dt-wrap .section-image-container
{
    margin-bottom:.5rem;
}
.footer-section .dt-wrap .section-image-container:not(:last-child)
{
    margin-right: .5rem;
}
.footer-section .dt-wrap .section-image-container img
{
    transition:all .25s;
}
.footer-section .dt-wrap .section-image-container:hover img
{
    transform:scale(1.1);
}
#footer .absolute-footer
{
    padding: .5rem;
    font-size: .8rem;
    background: #03273f;
    color: #eee;
    border-top: thin solid #aa8b5642;
}
.footer-section .html 
{
    display:inline-block;
}
.footer-section .html i
{
    margin-right:.25rem;
}
.footer-section .col
{
    padding-bottom:0;
}
.back-to-top.button
{
    border-radius:0;
    border-width:thin;
    border-color:#2a84b8;
    display: none !important;
}
body .back-to-top:after
{
    content:'';
    position:absolute;
    width:calc(100% + 1px);
    height:calc(100% + 1px);
    transform-origin: bottom;
    transform: scale(1, 0);
    left:0;
    bottom:0;
    background:#2a84b8;
    transition: transform 0.35s cubic-bezier(0.3, 1, 0.8, 1);
}
body .back-to-top:hover
{
    border-color:#2a84b8;
    background:#fff;
    display: none;
}

body .back-to-top:hover:after
{
    transform:scale(1);
}
body .back-to-top i
{
  line-height:1;
  height: auto;
  color:#2a84b8;
  position:relative;
  z-index:2;
}
body .back-to-top:hover i
{
    color:#fff;
}
/* dt blog */
.dt-blog-wrapper
{
	margin:.75rem 0 1.5rem;
}
.dt-blog-featured
{
	display:flex;
	flex-wrap:nowrap;
	padding-bottom: 2rem;
	margin-bottom:2rem;
	align-items: flex-start;
	position: relative;
}
.dt-blog-featured::after
{
    content: '';
    position: absolute;
    width: calc(100% - 15px * 2);
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-bottom:1px solid #E0E0E0;
}
.dt-blog-featured__slider
{
	width: 45%;
	flex:none;
}
.dt-blog-featured__center
{
	padding-left: 2rem;
	flex-grow: 1;
}

.dt-blog-featured__center .post-item
{
	display:flex;
	flex-direction:row-reverse;
	margin-bottom:1rem;
}
.dt-blog-featured__center .post-item .box-image
{
	width: 7.5rem;
	flex: none;
}
.dt-blog-featured > div:not(.dt-blog-featured__slider) .post-item .from_the_blog_excerpt 
{
    display:none;	
}
.dt-blog-featured .post-title a
{
	text-transform:none;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	display:block;
	color: #333;
	text-align:left;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.dt-blog-featured__right .post-item
{
	margin-bottom:1rem;
	position:relative;
}
.dt-blog-featured__right .post-item .box-text
{
	position:absolute;
	left:0;
	bottom:0;
	bottom: 0;
    left: 0;
    width: 100%;
    top: 0;
    background: #000000;
    background: linear-gradient(183deg, rgba(0, 0, 0, 0.001) 0%, rgba(0, 0, 0, 0.65) 100%);
    display:flex;
    align-items:flex-end;
    border-radius:.5rem;
}
.dt-blog-featured__right .post-item .post-title a
{
	color:#fff;
	font-size:1.125rem;
	transition:0.2s all;
}
.dt-blog-featured__right .post-item:hover .post-title a
{
    transform: translateY(-30px);
    text-decoration:underline;
}
.dt-blog-featured__center .post-item .post-title:hover a,
.dt-blog-featured__slider .post-item .post-title:hover a
{
    color:#2a84b8;
    text-decoration:underline;
}
.dt-blog-featured__slider .post-item .box-text
{
	padding-left:0;
	padding-right:0;
}
.dt-blog-featured__center .post-item .box-text
{
	padding-left:0;
	padding-top:0;
	padding-bottom:0;
}
.dt-blog-featured__slider .post-item .post-title a
{
	font-size: 1.125rem;
}
.dt-blog-featured__slider .post-item .from_the_blog_excerpt
{
	color: #828282;
	font-size: .9375rem;
	line-height: 1.5;
	text-align:left;
	margin-top:.5rem;
}
.post-sidebar .post-item .box-image
{
    border-radius: .5rem;
    overflow: hidden;
   
}

.dt-blog-featured__slider .flickity-page-dots
{
	bottom:-1rem;
}


.dt-blog-archive #post-list .post-item .box-text
{
	text-align:left;
	
	padding-top:.75rem;
    padding-bottom: 0;
}
.dt-blog-archive #post-list .post-item .post-title
{
    margin-top: 0;
    font-size: 1.125rem;
    text-transform:none;
    margin-bottom:.5rem;
    font-weight: 500;
    line-height: 1.4;
    display:block;
    color: #333;
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.dt-blog-archive #post-list .post-title:hover a
{
    color:#2a84b8;
    text-decoration:underline;
}
.dt-blog-archive #post-list .post-item .from_the_blog_excerpt
{
	color: #828282;
	font-size: .9375rem;
	line-height: 1.5;
	text-align:left;
	margin-top:.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
#post-list ul.page-numbers
{
	display:flex;
	list-style-type:none;
	justify-content:center;
}
#post-list ul.page-numbers a,
#post-list ul.page-numbers span
{
	width:2.5rem;
	padding:.375rem;
	border-radius:.375rem;
	border:thin solid #ccc;
	display:flex;
	justify-content:center;
	font-size:14px;
	line-height: 1.4;
}
#post-list ul.page-numbers a:hover,
#post-list ul.page-numbers span
{
	background:#2a84b8;
	border-color:#2a84b8;
	color:#fff;
}
#post-list ul.page-numbers li
{
	margin-left:12px;
}

.post-sidebar .post-meta
{
	display:flex;
	align-items:center;
	color:#828282;
	font-size: .75rem;
	font-weight:300;
	margin-bottom: 0 !important;
}
.dt-blog-wrapper .post-meta > *
{
	padding:0;
	margin-left:0;
}
.dt-blog-wrapper .post-meta .author-name
{
	margin-right: 0.65rem;
	text-transform: none;
}
.dt-blog-featured__slider .post-meta
{
	margin-top:.5rem;
}
.dt-blog-featured__right .post-meta
{
	display:none;
}
.dt-blog-wrapper .large-9,
.archive  .large-9
{
	flex-grow:1;
	max-width: 72%;
}

.dt-blog-wrapper .post-sidebar,
.archive .post-sidebar
{
	flex:none;
	width:28%;
	max-width: 28%;
	padding-left:1rem;
	box-sizing: border-box;
}

.dt-offers-row .col-inner
{
	background:#f2f2f2;
	border-radius:.5rem;
	padding: 1rem .75rem !important;
}
.dt-offers-row .section-title
{
	font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 1rem;
    border-bottom: thin solid #E0E0E0;
    padding-bottom: .625rem;
    
    display:block;
}
.dt-offers-row .section-title span
{
	text-transform:none;
	border:none;
	color:#333;
}
.dt-offers-row .section-title-container
{
	margin-bottom:0;
}
.dt-offers-row .row
{
	margin-left:0!important;
	margin-right:0 !important;
}
.dt-offers-row .flickity-slider .col,
.dt-offers-row .flickity-slider .col .col-inner
{
	padding: 0 !important;
	box-sizing: border-box;
}
.dt-offers-row .flickity-slider .post-item:hover .box-text
{
	opacity:1 !important;
}
.dt-offers-row .flickity-button
{
	display:none;
}
.dt-offers-row .flickity-slider .box-text
{
	position:static;
	padding: 0.5rem 0 0 !important;
	text-align: left;
	filter: none;
	transform: none !important;
}
.dt-offers-row .flickity-slider .post-title a
{
	font-size:1rem;
	color:#333;
	font-weight:400;
	line-height: 1.6;
}
.dt-blog-wrapper .post-sidebar .section-title,
.product-sidebar .section-title
{
	border:none;
	margin-bottom: 0;
}

.dt-blog-wrapper .post-sidebar  .row.popularpost-row .row
{
	flex-direction:column;
}

.dt-blog-wrapper .post-sidebar  .row.popularpost-row .row .col
{
	max-width:100%;
	flex-basis:100%;
	padding-bottom: 1rem;
}
.dt-blog-wrapper .post-sidebar  .row.popularpost-row .post-item .box-text
{
	position:absolute;
	left:0;
	bottom:0;
	bottom: 0;
    left: 0;
    width: 100%;
    top: 0;
    background: #000000;
    background: linear-gradient(183deg, rgba(0, 0, 0, 0.001) 0%, rgba(0, 0, 0, 0.65) 100%);
    display:flex;
    align-items:flex-end;
    border-radius:.5rem;
    text-align:left;
}
.dt-blog-wrapper .post-sidebar  .row.popularpost-row .post-title a,
.dt-blog-wrapper .post-sidebar  .row.popularpost-row .box-text-inner
{
	color:#fff;
	font-size:1.125rem;
	transition:0.2s all;
	text-align:left;
	margin-left: 0;
}
.dt-blog-wrapper .post-sidebar  .row.popularpost-row .post-item:hover .post-title a
{
    
    text-decoration:underline;
}
.dt-blog-wrapper .post-sidebar  .row.popularpost-row .post-title:hover a,
.dt-blog-wrapper .post-sidebar  .row.popularpost-row .post-title:hover a
{
    color:#fff;
    text-decoration:underline;
}
.dt-blog-wrapper .post-sidebar .post-item:hover .box-text
{
	opacity:1 !important;
}
.product-sidebar .products-list .readmore
{
    display:none;
}
.cat_banner
{
    margin:-30px 0 30px;
    border-bottom:thin solid #eee;
}
.cat_banner img
{
    width:100%;
}
.after_content
{
    margin:1.5rem 0 0;
    border-top:thin dashed #ddd;
    padding-top:1rem;
}
.dt-blog-archive__header .page-title
{
    display: block !important;
    text-align: left;
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0;
    margin-bottom: 1.25rem;
    padding-bottom: 0;
    /* border-bottom: thin solid #E0E0E0; */
    text-transform: uppercase;
    color: #2a84b8;
    width: auto;
    margin-right: 3rem;
    flex: none;
}
.dt-blog-archive__header .col
{
    padding-bottom: 10px;
}
.dt-blog-archive .post-sidebar
{
	border:none !important;
}
.dt-post-popular .from_the_blog_excerpt,
.dt-post-popular .post-meta
{
	display:none;
}
.dt-blog-wrapper .post-sidebar .section-title-container + p
{
	display:none;
}
.dt-post-popular .post-title a
{
	color: #fff;
    font-size: 1.125rem;
    transition: 0.2s all;
    text-align: left;
    margin-left: 0;
    text-transform:none;
    font-weight:400;
}
.dt-blog-wrapper .post-sidebar .post:last-child
{
	margin-bottom:0;
}
.post-sidebar .newpost-row  .box-image
{
    width:30%;
}
.post-sidebar .newpost-row  .box-image .image-cover
{
   padding-top:70% !important;
}
.post-sidebar .newpost-row  .box-text
{
    padding:0 0 0 10px;
}
.post-sidebar .newpost-row  .box-text .post-title a
{
    font-size: .875rem;
    text-transform:none;
    text-align:left;
    color:#000;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 500;
    margin-bottom: .25rem;
}
.post-sidebar .newpost-row .box-text .post-title:hover a
{
    color:#2a84b8;
    text-decoration:underline;
}
.post-sidebar .newpost-row .post-item
{
    padding-bottom: .75rem;
}
.post-sidebar .newpost-row .post-item .is-divider
{
    display:none;
}
.post-sidebar .section-title-container
{
    margin-bottom:10px;
}
.uppercase, h6, span.widget-title, th
{
    letter-spacing:.375px;
}
.footer-section .section-title
{
    margin-top:0rem;
    color:#fff;
    font-size: 1.125rem;
    font-weight:500;
    position:relative;
    /* white-space: nowrap; */
}
.footer-section p,
.footer-section a
{
    color: #fefefe!important;
    font-size:14px;
}
.footer-section p
{
    margin-bottom:.75rem;
}
.footer-section .ux-menu-link__link,
.footer-section .ux-menu-link
{
    border:none !important;
    padding: 0;
    min-height: 2rem;
}
.footer-section a:hover
{
    color:#fff !important;
    font-weight:600;
    text-decoration:underline;
}
.footer-section .col
{
    padding-bottom:.5rem;
}
body .absolute-footer
{
}
.single .entry-title
{
    margin-bottom:0;
    color: #000;
    font-weight: 600;
    font-size: 1.75rem;
    text-align:left;
}
.single .entry-image,
.single .entry-divider,
#comments
{
    display:none;
}
.single .entry-header-text.text-center
{
    padding-left:0;
    padding-right:0;
}
.single .blog-single .entry-content
{
    padding-right:0;
    padding-left:0;
    padding-top:0;
}
.single .row-divided>.col+.col:not(.large-12)
{
    border:none;
}
.blog-share
{
    text-align:right;
    border-bottom:thin dashed #ccc;
    padding-bottom:10px;
}
.blog-share .is-divider
{
    display:none;
}
.related .post-title 
{
    font-size:14px;
    text-align:left;
    text-transform:none;
    line-height:1.4;
}
.related .box-text
{
    padding-left:10px;
    padding-right:10px;
}
.related .is-divider
{
    display:none;
}
.related-product-slider
{
    width: 100%;
}
.archive .nav-pagination>li>a,
.archive .nav-pagination > li > .current,
.archive .nav-pagination>li>span
{
    border-radius:0rem;
    border-width:thin;
    font-weight:400;
}
.archive .page-numbers
{
    width:100%;
}
/* TOC */
.dt-toc
{
  margin: 1rem 0;
}
.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: #2a84b8;
   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;
}
.toc-content a *
{
    font-weight:400;
}
.toc-item a
{
  padding: .5rem 2rem .5rem 0;
  display:inline-block;
  border-bottom: thin solid #D0D2D3;
  font-weight: 400;
}
.toc-item a:hover
{
    color:#2a84b8;
}
.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:#2a84b8;
  border-color:#2a84b8;
  color:#fff;
  transition:all .2s;
}
.dt-toc.expand .toc-trigger:hover
{
  transition:none;
}
.toc-trigger:hover svg *
{
  color:#fff;
}
.related-post .post-meta
{
    display:none;
}
.related-post .box-text
{
    text-align:left;
}
.related-post .post-title a
{
    margin-bottom:.5rem;
    line-height:1.4;
    text-transform:none;
    font-size:1rem;
    font-weight:600;
    color:#000;
}
.related-post .post-title a:hover
{
    color:#2a84b8;
}
.related-post .box-image img
{
    height:10.75rem;
    object-fit:cover;
}
.dt-breadscrumb .breadcrumb
{
    font-size: 13px;
    line-height: 1.4;
    margin-top:-.5rem;
    display:flex;
    list-style-type:none;
    margin-bottom: 0;
}
.dt-breadscrumb li
{
    margin-right:.8rem;
    margin-left:0 !important;
}
.dt-breadscrumb li *
{
    color:#666;
}
.dt-breadscrumb li:not(:first-child):before
{
    content:'>';
    position:relative;
    left:-.325rem;
}
.dt-breadscrumb li a:hover
{
    color:#2a84b8;
}
.breadcrumb-row .col
{
    padding-bottom:0;
}
.page-id-14 .banner .overlay
{ 
    background-color: rgba(0,0,0,0.6) !important;
}
.page-id-14 .banner-layers
{
    display:flex;
    align-items:center;
    justify-content:center;
}
.page-id-14 .banner h1
{
    color:#fff;
    text-transform:uppercase;
}
.section-title-container .section-title
{
    margin-bottom:0;
}
.about-section .section-title-container + p,
.cs-section .section-title-container + p
{
    font-size:1.125rem;
}
.cs-section .col-inner *,
.cs-section .col-inner .section-title-container .section-title span
{
    color:#fff;
}


.product-single-inner
{
    margin:1.5rem 0;
}
.product-main
{
    display:flex;
    align-items: flex-start;
}
.product-gallery-wrap
{
    flex:none;
    width:50%;
    display: flex;
    flex-direction: column;
    padding-right: 2rem;
}
.single .product-sidebar
{
    padding-left: 1.5rem;
}

.product-gallery__main
{
    flex-grow: 1;
    border: thin solid #eee;
    margin-bottom: 1rem;
}
.product-gallery__thumbs
{
    flex:none;
    width: 100%;
    margin-right: 0;
}
.product-gallery__thumbs .flickity-prev-next-button.previous
{
    opacity:1;
    left:-2.5rem;
}
.product-gallery__thumbs .flickity-prev-next-button.next
{
    right:-2.5rem;
    opacity:1;
}
.product-gallery__thumbs .flickity-prev-next-button svg
{
    color:#2a84b8;
    width:2.125rem;
}
.vertical-thumbnails .row-slider:not(.flickity-enabled) {
  opacity: 0;
}
.vertical-thumbnails {
    overflow-x: hidden;
    overflow-y: auto;
}
.vertical-thumbnails .product-gallery__thumb {
    left: 0 !important;
    margin-left: 1px;
    max-width: 100% !important;
    min-height: 0 !important;
    position: relative !important;
    right: 0 !important;
    width: 95% !important;
}
.vertical-thumbnails .flickity-slider,
.vertical-thumbnails .flickity-viewport {
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
}
.vertical-thumbnails::-webkit-scrollbar {
  width:.25rem;
  height:1rem;
}
.vertical-thumbnails::-webkit-scrollbar-track{
  background:transparent
}
.vertical-thumbnails:-webkit-scrollbar-thumb {
  background:#2a84b8;
}
#main .product-gallery__thumbs .product-gallery__thumb
{
    width: calc((100% - 3rem)/4) !important;
    margin-right: 1rem !important;
    border: thin solid #eee;
    padding: 0;
}
.product-description p
{
    margin-bottom:.5rem;
   
}
.product-description li
{
    margin-bottom:.25rem;
    padding-left:1.425rem;
    position:relative;
}
.product-description li:before
{
    content:'';
    position:absolute;
    width:1rem;
    height:1rem;
    background:url('assets/images/check-mark-button-com.svg');
    background-size:100%;
    background-repeat:no-repeat;
    left:0;
    top:.3125rem;
}
.sku label
{
    display:inline-block;
    margin-right:.25rem;
    font-size: .9375rem;
}
.product-btns
{
    margin: 2rem 0;
    display:flex;
    align-items:center;
}
.product-main .product-quote-btn,
.product-main .hotline-btn,
.page-id-18 #main .btn
{
    
display: flex;
    
align-items: center;
    
justify-content: center;
    
max-width: 20rem;
    
color: #fff;
    
font-size: .9375rem;
    
font-weight: 500;
    
background: #2a84b8;
    
padding: .55rem 1.5rem;
    
transition:all .25s;
    
margin-right:1rem;
}
.page-id-18 #main .btn
{
    width:100%;
    max-width:unset;
    line-height: 1.5;
}
.product-main .hotline-btn
{
    margin-right:0;
    background:#FFCA03;
}
.product-main .hotline-btn:hover
{
    background:#b38a38;
}
.product-main .product-quote-btn:hover,
.parent-pageid-14 .btn:hover
{
    background:#267aab;
}
.product-main .product-quote-btn img,
.product-main .hotline-btn img,
.parent-pageid-14 .btn img
{
    width:1.25rem;
    filter: brightness(10);
    margin-right:.5rem;
}
.parent-pageid-14 .btn
{
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
.product-featured
{
    border:thin solid #FFCA03;
    border-radius: .25rem;
    margin:2.875rem 0 1rem;
    position:relative;
    padding: .5rem 1rem;
    flex-direction: row;
}
.product-featured .section-title-container
{
    position:absolute;
    font-size:.875rem;
    background:#FFCA03;
    display:inline-block;
    width:max-content;
    padding:.425rem 1rem;
    color:#fefefe;
    border-radius:.0rem;
    bottom:100%;
    font-weight:600;
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
}
.product-featured .section-title span
{
    text-transform:none;
    font-size:.875rem;
    color:#fefefe;
}
.product-featured .section-title img
{
    filter:invert(1);
    margin-right:.25rem;
    width:1.25rem;
}
.product-featured .ux-menu-link__link
{
    font-size:.875rem;
    color:#967844;
    position:relative;
    padding-left:1.25rem;
}
.product-featured .ux-menu-link__link:before
{
    content:'';
    position:absolute;
    width:.825rem;
    height:.825rem;
    background-image:url('assets/images/accept-check-good-mark-ok-tick-com.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
.product-title
{
    color:#2a84b8;
    text-transform:uppercase;
}
.product-featured .section-image-container
{
    flex:none;
    width:calc((100% - 3rem)/4);
    margin-right:1rem !important;
    text-align:center;
    padding: .5rem 0 .25rem;
}
.product-featured .section-image-container .dt_image-img
{
    padding:.75rem;
    border-radius:50%;
    border:.125rem solid #FFCA03;
    width: 3.5rem;
    height: 3.5rem;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    transition:all .25s;
}
.product-featured .section-image-container:hover .dt_image-img
{
    background:#FFCA03;
}
.product-featured .section-image-container .dt_image-img img
{
    transition:all .25s;
    filter: brightness(0) invert(67%) sepia(9%) saturate(2643%) hue-rotate(2deg) brightness(92%) contrast(87%);
}
.product-featured .section-image-container:hover .dt_image-img img
{
    filter:invert(1)  brightness(100);
}
.product-featured .section-image-container .dt_image-content>*:first-child
{
    font-weight: 500;
    line-height:1.4;
    font-size: .8rem;
    padding:.5rem 0 0;
    color:#000;
}
.product-featured .section-image-container:hover .dt_image-content>*:first-child
{
     color:#FFCA03;
}
.product-content
{
    margin:2rem 0 1rem;
}
.product-content * + h2,
.product-content * + h3,
.product-content * + h4,
.product-content * + h5,
.product-content * + h6
{
    margin-top:1rem;
}
.product-content h2
{
    font-size:1.25rem;
    color:#333;
}
.product-content h3
{
    font-size:1.2rem;
     color:#333;
}
.product-content h4
{
    font-size:1.15rem;
     color:#333;
}
.product-content
{
    line-height:1.8;
    color:#000;
}
.product-content table td strong
{
    font-weight:400;
}
.product-apps__title,
.product-content-title,
.related-product .related-product__title,
.related-post__title,
.post-sidebar .section-title span
{
    padding: .35rem 1.25rem;
    box-sizing: border-box;
    border-bottom: none;
    position: relative;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    color: #FFCA03;
    font-weight: 600;
    text-transform: uppercase;
}
.product-apps__title:before,
.product-content-title::before,
.related-product .related-product__title::before,
.related-post__title:before,
.post-sidebar .section-title span:before
{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 0;
    width: .425rem;
    height: 50%;
    background-color: #FFCA03;
}
.related-post__title,
.post-sidebar .section-title span
{
    font-size:1.125rem;
    margin-bottom:.5rem;
}
.post-sidebar .section-title span
{
    margin-bottom:0;
}
table td,
table th
{
    padding: .5rem !important;
    vertical-align: middle;
}
.product-apps-list
{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.product-apps__line
{
    flex-basis: calc((100% - 3rem)/3);
    margin-bottom: 1.5rem;
    margin-right: 1.5rem;
    display:flex;
    align-items:center;
    padding: 14px;
    border-radius: .5rem;
    border: 1px solid #2a84b8;
    box-sizing: border-box;
    background-color: #fff;
}
.product-apps__line:nth-child(3n+3)
{
    margin-right:0;
}
.product-apps__line-image
{
    width:7.5rem;
    margin-right:1rem;
    border-radius:.5rem;
    overflow:hidden;
    border: thin solid #e1e1e1;
}
.product-apps__line-content
{
    line-height:1.4;
}
.product-apps__line-content p
{
    margin-bottom:0;
    font-size:.9375rem;
}
.product-apps__line-title
{
    font-size:.9375rem;
    color:#2a84b8;
    margin-bottom:.25rem;
}
.product-description label
{
    display:inline-block;
}
.product-description ul
{
    list-style-type:none;
    margin-bottom: .5rem;
}
.related-product
{
    margin:2rem 0 1rem;
}
#main .products-list .box
{
    width: calc((100% - 4.5rem)/4) !important;
    margin-right: 1.5rem !important;
    border: thin solid #ededed;
    padding: 0rem;
    margin-left: unset;
    margin-bottom: 1.5rem;
    box-shadow: 0 0.2rem 0.6rem 0 rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 0.4rem;
}
#main .products-list>.box:nth-child(5n+5)
{
    margin-right:0 !important;
}
#main .product-section .products-list .box
{
    width: calc((100% - 6rem)/4) !important;
    border-radius: .75rem;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    margin-right: 2rem !important;
    margin-bottom: 2rem;
}
.archive #main .products-list
{
    margin-top:1rem;
}
.archive #main .products-list .box
{
         width: calc((100% - 6rem)/4) !important;
    border-radius: .75rem;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    margin-right: 2rem !important;
    margin-bottom: 2rem;
}

#main .product-section .products-list .box:nth-child(5n+5)
{
    margin-right:2rem !important;
}
.archive #main .products-list .box:nth-child(5n+5)
{
    margin-right:2rem !important;
}
.dt-blog-archive__header + .row .large-9
{
    padding-right:2rem;
}
.archive #main .products-list .box:nth-child(4n+4),
#main .product-section .products-list .box:nth-child(4n+4)
{
    margin-right:0rem !important;
}

.products-list .box-image
{
    padding:0rem;
}
.products-list .box-image img
{
    object-fit:cover;
    height: 16rem;
    object-position: top;
}
.products-list .readmore
{
    padding: .425rem 1rem;
    display:inline-block;
    background:#2a84b8;
    border-radius: .25rem;
    color:#fff;
    font-weight: 500;
    margin: 1.5rem 0 0;
}
.products-list .readmore:hover
{
     animation: button2 1s infinite;
}
.products-list .box:hover
{
   transform: scale(1.05);
    box-shadow: 0 1.7rem 4.1rem 0 rgba(0,0,0,.09);
}
.products-list .box:hover .post-title
{
    color:#2a84b8 !important;
}
.product-section .products-list .box-image img
{
    height:16rem;
    object-position: top;
}
.product-section
{
    background: #fcfcfc;
    border-top: thin solid #eee;
}
.product-section .bg:before
{
  content:'';
  width:100%;
  height:100%;
  position:absolute; 
  left:0;
  top:0;
  background:url('assets/images/bg-frame23.jpg');
   background-size:cover;
   opacity:.75;
  
}
#particles-js {
    position: absolute;
    width: 100%;
    /* height:100%; */
    top: 0;
    z-index:-1;
    -webkit-mask-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), transparent); 
 }
#particles-js canvas {
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5), transparent, transparent, transparent, transparent, transparent, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); 
}
.products-list .box-image .entry-image-attachment
{
    overflow:visible !important;
}
.products-list .box-image img
{
    transition: all 0.2s ease-in-out;
}
.products-list .box:hover .box-image img
{
/*     transform:scale(1.05); */
}
.products-list .post-title
{
    text-transform:none;
    font-size:1rem;
    color:#000;
}
.product-section .viewall-btn
{
    display:none;
}

.related-product .flickity-page-dots
{
    bottom:-1rem;
}
.fq-row .section-title,
.page-title
{
    justify-content:center;
    padding:1rem 0 0;
    color:#000;
    font-size:1.75rem;
}
.dt-title-container h1.section-title
{
    justify-content:center;
    padding:1rem 0 0;
    color: #2a84b8;
    font-size:1.75rem;
    margin-bottom: 0;
}
.dt-title-container + p
{
    text-align:center;
    font-weight:500;
}
.content-area .tabbed-content .tab 
{
    margin-right:1rem;
}
.content-area .tabbed-content .tab a
{
    font-size:.75rem;
    padding:.125rem 1.5rem;
    border:thin solid #555;
    color:#555;
}
.content-area .tabbed-content .tab.active a,
.content-area .tabbed-content .tab:hover a
{
    color:#fff;
    border-color:#2a84b8;
    background:#2a84b8;
}
body .accordion-title
{
    font-size: 1.0625rem;
    font-weight:500;
}
body .accordion-item .accordion-title
{
    display:flex;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    transition:all .125s;
    border-color:#ccc;
    align-items: center;
}
body .accordion-item .accordion-title .toggle
{
    order:2;
    position: static;
    height: auto;
    min-height: unset;
}
body .accordion-item .accordion-title.active
{
     border-left:thin solid #ccc;
      border-right:thin solid #ccc;
     padding-left:1rem;
}
body .accordion-item .accordion-inner
{
    padding-left:1rem;
    font-size:.875rem;
    border-left:thin solid #ccc;
    border-right:thin solid #ccc;
}
body .accordion-item .row p
{
    font-size:1.0625rem;
    line-height:1.8;
}
.products-list
{
    display:flex;
    flex-wrap:wrap;
    opacity: 0;
}

main .section .section-title {
    justify-content: center;
    color: #000;
}
.product-section.section .section-title
{
    font-size:2.125rem;
    font-weight:700;
    color:#2a84b8;
}
.intro-section
{
    background:#fcfcfc;
    border-top: thin solid #eee;
}
.viewall-btn
{
     background: #2a84b8;
     color: #fff;
     text-transform: uppercase;
     padding: .65rem 1.5rem;
     border-radius: .5rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 1rem;
     font-size: .9375rem;
     max-width:max-content;
     position:relative;
     left:50%;
     transform:translateX(-50%);
     line-height: 1.4;
}
.viewall-btn img
{
    width: 1rem;
    margin-left: 1rem;
    filter:invert(1);
}
.viewall-btn:hover,
.viewall-btn:focus
{
    color:#fff;
}
.viewall-btn:hover img
{
    animation: fadeLeft .5s 2 ease-in-out;
    animation-fill-mode:backwards;
}
@keyframes fadeLeft {
  0% { transform:translateX(-.25rem);opacity:1; }
  0% { transform:translateX(0rem);opacity:1; }
  100%{transform:translateX(.25rem);opacity:1; }
 }
.clients-section .flickity-page-dots
{
    bottom:-2rem;
}
.clients-section .img img
{
    max-height: 9.25rem;
    width:auto;
}
.clients-section .slider .flickity-prev-next-button.previous
{
    right: calc(100% + 2rem);
    opacity:1;
    /* bottom: -4.875rem; */
    left: auto;
}
.clients-section .slider .flickity-prev-next-button *
{
   fill: #2a84b8;
}

.clients-section .slider .flickity-prev-next-button.next
{
    left: calc(100% + 1rem);
    opacity:1;
    /* bottom: -4.875rem; */
    right: auto;
}
.clients-section .client-slider1
{
    margin-bottom:1.5rem;
    margin-top:1.75rem;
}
.clients-section p
{
    padding-left:10%;
    padding-right:10%;
}
.mfp-content #quote div.wpforms-container-full .wpforms-form input,
.mfp-content #quote div.wpforms-container-full .wpforms-form textarea,
.mfp-content #quote div.wpforms-container-full .wpforms-form select
{background:transparent;border:thin solid #ccc;color: #000;border-radius:.375rem;font-size:.9375rem;padding-left:1.5rem;position: relative;height:  2.5rem;}
.mfp-content #quote div.wpforms-container-full .wpforms-form input[type=tel]
{
    padding-left:3.5rem;
}
.mfp-content #quote .wpforms-submit-container
{

    text-align:center;

}
.mfp-content #quote div.wpforms-container-full .wpforms-field-select,
.mfp-content #quote div.wpforms-container-full .wpforms-field-select option
{
    color:#000;

}
.mfp-content #quote .wpforms-submit-container .wpforms-submit 
{
    background:#2a84b8;
    border-color:#2a84b8;
    padding: .75rem 1.5rem;
    border-radius:.375rem;
    color:#fff;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}
.lightbox-content .section-title
{
    justify-content:center;
}
.lightbox-content .section-title-main
{
    font-size:1.75rem;
    color: #2a84b8;
    font-weight:700;
    margin-bottom:-1rem;
}
.lightbox-content .col
{
    padding-bottom:0;
}
.lightbox-content .col-inner
{
    text-align: center;
    margin-bottom: 2.5rem;
    margin-bottom:0;
}
.lightbox-content .col-inner a
{
    font-weight:700;
}
.lightbox-content .wpforms-container
{
    margin-top:1rem;
}
.post-content img
{
    width:100%;
}
.post-content figcaption
{
    text-align:center;
    padding-top:.25rem;
}
#main .banner-section .section
{
    padding:0 !important;
}
.abs__icon 
{
    position:absolute !important;
}
.abs__icon.slogan 
{
    bottom:1rem;
    left:4rem;
    z-index:2;
    width:40% !important;
    opacity: 0;
}

.abs__icon.logo
{
    top:2rem;
    left:15rem;
    width:18.125rem !important;
    opacity: 0;
}
.abs__icon.hm
{
    bottom:0;
    right:2.5rem;
    width:50% !important;
    opacity: 1;
}
.abs__icon.pencil 
{
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.featured-section
{
    background: #eaaf00;
}
.featured-section .dt_image-img
{
    width:4.25rem;
    height:4.25rem;
    background:#fff;
    border-radius:50%;
    padding:.75rem;
    flex:none;
    margin-right: .875rem;
    overflow:hidden;
}
.featured-section .dt_image-img img
{
    filter: invert(76%) sepia(91%) saturate(2088%) hue-rotate(356deg) brightness(95%) contrast(99%);
    transition:all 0.25s cubic-bezier(0.3, 1, 0.8, 1);
    /* filter: invert(.5); */
}
.featured-section .section-image-container
{
    display:flex;
    align-items:flex-start;
}
.featured-section .section-image-container:hover .dt_image-img img
{
    transform:scale(1.125);
}
.featured-section .col
{
    padding-bottom:0;
}
.featured-section .dt_image-content p
{
    color:#f0f0f0;
    font-size:.9375rem;
    margin-bottom:0;
}
.featured-section .dt_image-content>*:first-child
{
    font-size: 1.125rem;
    color:#fff;
    white-space:nowrap;
    margin-bottom:.25rem;
}
.page .entry-title
{
    color: #2a84b8;
    text-transform:uppercase;
}
.page .entry-title + .is-divider
{
    display:none;
}
.product-nav__list
{
    list-style-type:none;
    padding-left:0;
}
.product-nav__item
{
    margin-left:0 !important;
   
}
.product-nav__item a
{
    color:#000;
    font-size:.9rem;
    padding-left: 1.5rem;
    position:relative;
    transition: all 0.2s ease-in-out;
}
.product-nav__item.active a
{
    
    font-weight:600;
    padding-left: 1.75rem;
     color:#2a84b8;
}
.product-nav__item a:hover,
.product-nav__item.active a:hover
{
   color:#2a84b8;
}
.product-nav__item:not(:last-child) a:after
{
    content:'|';
    position:absolute;
    width: 1.25rem;
    height: 1.25rem;
    transform:translateX(.25rem);
}
.product-nav__item a:before
{
    content:'';
    position:absolute;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('assets/images/category-com (2).svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    left:0;
    top:50%;
    transform:translateY(-50%);
    
}
.product-nav__item a:hover:before,
.product-nav__item.active a:before
{
    
}
.product-sidebar .section-title-container + p,
.product-sidebar .viewall-btn
{
    display:none;
}
.product-sidebar .col 
{
    padding-bottom:0;
}
.product-sidebar .products-list
{
    flex-direction:column;
}
#main .product-sidebar .products-list .box
{
    width:100% !important;
    margin-bottom: 1rem;
}
.parent-pageid-14 .gallery-col img
{
    height:13.75rem;
    object-fit:cover;
}
.product_cat-section .dt_image-img img
{
    height:12.25rem;
    object-fit:cover;
    object-position: center 30%;
   
}
.product_cat-section .dt-wrap
{
    display:flex;
    flex-wrap:wrap;
}
.product_cat-section .dt-wrap .section-image-container
{
    width:calc((100% - 4*1.75rem)/5);
    margin-right:1.75rem;
    margin-bottom:1.75rem;
}
.product_cat-section .dt-wrap .section-image-container:nth-child(5n+5)
{
    margin-right:0;
}
.product_cat-section .dt_image-img
{
     overflow:hidden;
    
}
.product_cat-section .section-image-container
{
    border-radius: .375rem;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
     transition:all 0.25s cubic-bezier(0.3, 1, 0.8, 1);
}
.product_cat-section .dt-image-container:hover
{
      transform: scale(1.035);
    box-shadow: 0 1.7rem 4.1rem 0 rgba(0,0,0,.09);
}
.product_cat-section .dt-image-container:hover .dt_image-content>*:first-child
{
    color:#2a84b8;
}
.product_cat-section .dt_image-content>*:first-child
{
    text-align: center;
    font-size: .95rem;
    padding: 1rem 0 .5rem;
    text-transform: uppercase;
    transition: all 0.25s cubic-bezier(0.3, 1, 0.8, 1);
}
.type-section
{
    background: #2a84b8;
}
.type-section.section .section-title-main
{
    color:#fff;
}
.type-section.section .slider .section-title-main
{
    font-size:1.5rem;
    color:#2a84b8;
}
.type-section.section .slider .col:nth-child(2) .col-inner
{
    padding:1rem 1.5rem;
    border-radius:.75rem;
    background:#fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}
.type-section .section-title-container ~ p
{
    font-size:1.0625rem;
    line-height:1.8;
}
.type-section .slider-nav-outside .flickity-prev-next-button *
{
    fill:#2a84b8;
}
.type-section .dt_image-img
{
    margin-right:1rem;
    border-radius:.75rem;
    overflow:hidden;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.type-section .dt_image-img:before
{
    content: '';
    position: absolute;
    top: -1.5rem;
    right: -.5rem;
    width: 12rem;
    height: 12rem;
    background: url("assets/images/shape-dot.png") no-repeat center center;
    -webkit-animation: shapeMover 8s linear 0s infinite;
    animation: shapeMover 8s linear 0s infinite;
    filter:brightness(100) invert(1);
    z-index:-1;
}
@keyframes shapeMover {
  0%, 100% {
    -webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
    transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
  }
  50% {
    -webkit-transform: perspective(400px) rotate(0deg) translateZ(15px) translateY(15px) translateX(15px);
    transform: perspective(400px) rotate(0deg) translateZ(15px) translateY(15px) translateX(15px);
  }
}
.type-section .dt_image-img img
{
    height:25rem;
    object-fit:cover;
}
.gt-intro-section.rev-section p
{
    font-size:1.0625rem;
    line-height:1.8;
    background:#fff;
    padding:1rem 1.5rem;
    border-radius:.75rem;
}
.gt-intro-section.rev-section
{
    background: #2a84b8;
}
#main .gt-intro-section .section-title .section-title-main
{
    font-size:1.5rem;
    color:#2a84b8;
}
#main .gt-intro-section.rev-section .section-title .section-title-main
{
    color: #fff;
}
.gt-intro-section .dt_image-img
{
    border-radius:.75rem;
    overflow:hidden;
}
.gt-why p
{
  position:relative;
  padding-left:3.25rem;  
  border-bottom:thin dashed #ddd;
  padding-bottom:.75rem;
  margin-bottom:.75rem; 
}
.gt-why p:last-child
{
    border:none;
}
.gt-why p:before
{
    content:'01';
    position:absolute;
    left:0;
    width:2rem;
    height:2rem;
    font-size:2rem;
    font-weight:700;
    color: #ccc;
    line-height:1;
}
.gt-why p:nth-of-type(2):before
{
    content:'02';
}
.gt-why p:nth-of-type(3):before
{
    content:'03';
}
.gt-why p:nth-of-type(4):before
{
    content:'04';
}
.gt-why p:nth-of-type(5):before
{
    content:'05';
}
.gt-why p:nth-of-type(6):before
{
    content:'06';
}
.gt-nl
{
    background: #f9f9f9;
    border-top: thin solid #eee;
}
.gt-nl .dt_image-img
{
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.gt-nl .dt_image-img img
{
    -webkit-transition: all 5s;
    transition: all 5s;
   
}
.gt-nl .section-image-container:nth-child(1)
{
    padding-left:30%;
}
.gt-nl .section-image-container:nth-child(2)
{
    position:absolute;   
    width:50%;
    left:0;
    bottom:1.5rem;
}
.gt-nl .section-image-container:nth-child(2):before
{
    content:'';
    width: 10rem;
    height: .65rem;
    background: #2a84b8;
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 1rem;
    z-index: 1;
}
.gt-nl .section-image-container:hover img
{
    transform: scale(1.1);
}
#main .gt-nl .gt-nl-title .section-title-main
{
    font-size:1.5rem;
    white-space:nowrap;
    text-align:left;
}
.mv-section .section-title-container .section-title
{
   font-size: 1.5rem;
   color: #2a84b8;
   font-weight:600;
   justify-content:center;
}
.mv-section .col:nth-child(2) .col-inner
{
    padding: 1rem 1.5rem;
    border-radius: .75rem;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.mv-section .img
{
    margin-right:1rem;
    border-radius:.75rem;
    overflow:hidden;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.mv-section
{
    margin-top:2rem;
    padding-top:1rem;
    border-bottom:thin dashed #ddd;
}
.mv-section:first-child
{
    margin-top:0;
}
.mv-section.rev-section .col:nth-child(1)
{
    order:2;
}
.sticky-btn
{
    position: fixed;
    left: auto;
    right: 1.5rem;
    width:2.5rem;
    height:2.5rem;
    bottom: 6rem;
    z-index: 1001;
    background-color: #e60808;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items:center;
    padding:.5rem;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
    z-index:3;
}
.sticky-btn:before
{
    content:'';
    width: calc(100% + 1rem);
    height: calc(100% + 1rem);
    top: -.5rem;
    left: -.5rem;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230,8,8,0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
    z-index: -1;
}
.sticky-btn.zalo_btn:before
{
     box-shadow: 0 0 0 0 #2196F3;
     background:#2196F3;
}
.sticky-btn.zalo_btn
{
    bottom:11rem;
    background:rgba(33 150 243,0.7);
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

.dt-popup
{
    border:Thin solid #eee;
}
.dt-popup img
{
    width:100%;
    object-fit:cover;
}

.progress-wrap {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    height: 2.75rem;
    width: 2.75rem;
    cursor: pointer;
    display: block;
    border-radius: 3.125rem;
    box-shadow: inset  0 0 0 2px rgba(95, 58, 252,0.2);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  
  .progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .progress-wrap::after {
    position: absolute;
    content: '';
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: #2c3941;
    left: 0;
    top: 0;
    height: 1rem;
    width: 1rem;
    background:url('assets/images/arrow.svg');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(180deg);
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }


  
  .progress-wrap svg path { 
    fill: none; 
  }
  
  .progress-wrap svg.progress-circle path {
    stroke: #2c3941;
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }
#main .btn
{
    position:relative;
    z-index: 1;
    overflow: hidden;
}
#main .btn:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 102%;
    background: #22232826;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
#main .btn:hover::after {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.page-id-18 div.wpforms-container-full .wpforms-form input,
.page-id-18 div.wpforms-container-full .wpforms-form textarea
{
    border-color:#eee;
   background-color: #f1f1f1;
}
.page-id-18 .row + .row .col:first-child
{
    padding-right:3rem;
    border-right:thin solid #ddd;
}
.page-id-18 .row + .row .col:last-child
{
    padding-left:3rem;
}
.page-id-18 .row + .row .col:first-child img
{
    width:17rem;
}
.page-id-18 .row + .row .col:first-child p
{
    margin-bottom:.375rem;
}
.page-id-18 .row + .row .col:first-child p i
{
    display:none;
}
.products_cat_nav
{
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    padding-left: 6rem;
    padding-right: 6rem;
    flex-wrap: wrap;
}
.products_cat_nav a
{
    font-weight:500;
    margin-right: 2.25rem;
    position:relative;
    margin-bottom:1rem;
    font-size: 1rem;
}
.products_cat_nav a.active,
.products_cat_nav a:hover
{
    color:#2a84b8;
}
.products_cat_nav a:before
{
     position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: -.25rem;
    width: 0;
    height: .15rem;
    background: #2a84b8;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}
.products_cat_nav a.active:before,
.products_cat_nav a:hover:before
{
    visibility: visible;
    opacity: 1;
    width: 100%;
    left: 0;
    right: auto;
}
#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 #2a84b8;
    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);
    }
}
.process-section
{
    background:#2a84b8;
}
.process-section .section-title-main
{
    color:#fff !important;
}
.process-section .dt-wrap
{
    display:flex;
}
.process-section .dt-wrap img
{
    width:8rem;
    filter: brightness(11);
}
.process-section .dt_image-content>*:first-child
{
    font-size:1.125rem;
    color:#fff260;
    font-weight:500;
    text-align:center;
}
.process-section .dt_image-img
{
    text-align:center;
    position:relative;
}
.process-section .dt-image-container
{
    padding:0 1rem;
}
.process-section .dt_image-content p
{
    color:#eee;
    font-size:.9375rem;
    font-weight: 300;
    margin-top: .5rem;
    text-align: justify;
}
.process-section .dt_image-img a:after
{
    position: absolute;
    content: '';
    width: 2rem;
    height: 20px;
    right: -2rem;
    top: 3.25rem;
    background-image: url(assets/images/icon_right_2.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.process-section .section-image-container:last-child .dt_image-img a:after
{
    content:none;
}
.process-section .col
{
    padding-bottom:0;
}
.projects-section
{
    background: #fcfcfc;
    border-bottom: thin solid #eee;
}
.projects-list
{
    display:flex;
    flex-wrap:wrap;
}
.projects-list .box
{
    flex-basis:calc((100% - 2*1.875rem)/3);
    max-width: calc((100% - 2*1.875rem)/3);
    margin: 0;
    margin-right: 1.875rem;
}
.projects-list .box:nth-child(3n+3)
{
    margin-right:0;
}
.projects-list .box img
{
    transition: all .75s ease-in-out;
}
.projects-list .box:hover img
{
    transform: scale(1.1);
}
.projects-list .box:hover .post-title
{
    color:#FFCA03;
}
.projects-list .box .post-title
{
    font-size:1rem;
    text-transform:uppercase;
    font-weight:500;
    line-height:1.5;
}
.projects-list .box .btn
{
    padding: .625rem 1.25rem;
    display: inline-block;
    font-size: 12px;
   text-transform: uppercase;
    background-color: #FFCA03;
    color: #fff;
    margin:.75rem 0 0;
}
.dt-intro-section p,
.vision-section p
{
    text-align: justify;
    font-size:1.0625rem;
    padding: 0;
    padding-right:2rem;
}
#main .dt-intro-section
{
     padding-top:0 !important;
    padding-bottom:0 !important;
}
#main .dt-intro-section .col,
#main .vision-section .col
{
    padding-bottom:0;

}
#main .vision-section .col:first-child
{
    padding-right:0;
}
#main .dt-intro-section .col:last-child
{
    padding-left:0;
}
.post-content .dt-intro-section h1
{
    border: none;
}
#main .vision-section
{
   
padding-top:0 !important;
   
/* padding-bottom:0 !important; */
}
.vision-section p {
    padding: 0;
    text-align: justify;
    padding-right: 0;
    padding-left: 2rem;
}
.dn-section .dt-wrap
{
    flex:none;
    width:calc((100% - 4.5rem)/3);
    margin-right:1.5rem !important;
}
.dn-section .dt-wrap:nth-child(3n+3)
{
    margin-right:0 !important;
}
.dn-section .dt-wrap
{
    text-align:center;
}
.dn-section .dt-wrap h3
{
    margin:.5rem 0 0;
}
.dn-section .col
{
    padding-bottom:0;
}
.clients-section .flickity-viewport
{
    min-height: 6.25rem;
}
.dt-blog-archive__header
{
    display:flex;
    align-items:center;
}
.archive__header-cat
{
    flex-grow:1;
}
.archive__header-cat .product-nav__list
{
    display:flex;
    justify-content: flex-end;
    margin-bottom: 0;
    flex-wrap: wrap;
}
.archive__header-cat .product-nav__item a
{
    padding-left:0;
    padding: .25rem .55rem;
}
.archive__header-cat .product-nav__item a:before
{
    content:none;
}
.dt-blog-archive__header
{
    margin-bottom:1rem;
    border-bottom:thin solid #eee;
}
.dt-blog-featured
{
    display:flex;
    align-items: stretch;
    margin-bottom: 32px;
}
.dt-blog-featured__main
{
    width:50%;
    flex:none;
    padding-right:.25rem;
}
.dt-blog-featured__more
{
    display:flex;
    flex-wrap:wrap;
}
.dt-blog-featured .post-title
{
    text-align:left;
}
.dt-blog-featured__more .post-item
{
    flex-basis:calc((100% - .25rem)/2);
    max-width:calc((100% - .25rem)/2);
    height: calc(50% - .125rem);
}
.dt-blog-featured .post-item
{
    position:relative;
}
.dt-blog-featured__more .post-item
{
    margin-right: .25rem;
    margin-bottom:.25rem; 
}
.dt-blog-featured__more .post-item:nth-child(2n+2)
{
    margin-right:0;
}
.dt-blog-featured .box-text
{
    position:absolute;
    bottom:0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
     color:#fff;
     z-index:2;
}

.post-item .post-meta
{
    margin-left:0;
    display:flex;
    align-items:center;
    color:#fff;
    font-size:12px;
    order:2;
}
.dt-blog-featured .box-image,
.dt-blog-archive .box-image
{
    position:relative;
    overflow:hidden;
}
.dt-blog-featured .box-image:before
{
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    z-index: 1;
    background: linear-gradient( 0deg ,rgba(0,0,0,0.7),rgba(0,0,0,0) 60%,rgba(0,0,0,0));
}
.entry-content * b,
.entry-content * strong,
.page-wrapper  * b,
.page-wrapper * strong
{
    font-weight:600;
}
.entry-content img,
.entry-content img.size-full.alignnone,
.post-content img.size-full.alignnone
{
    width: 100%;
    margin-bottom: .5rem;
}
.entry-content i,
.page-wrapper i
{
    /* font-style:normal; */
}
.entry-content h2,
.page-wrapper h2
{
    font-size:1.5rem;
    font-weight: 600;
}
.entry-content h3,
.page-wrapper h3
{
    font-size:1.25rem;
    font-weight: 600;
}
.entry-content h4,
.page-wrapper h4
{
    font-size:1.125rem;
    font-weight: 600;
}
.entry-content h5,
.page-wrapper h5
{
    font-size:1rem;
    font-weight: 600;
}
.entry-content img,
.page-wrapper img
{
    margin-bottom:.5rem;
}
body .entry-header-text-top
{
    padding-bottom:0;
}
.dt-blog-featured .box-image img,
.dt-blog-archive .box-image img,
.dt-post-popular .box-image img
{
        transition: opacity 0.3s, transform 0.3s;
}
.dt-blog-featured .post-item:hover .box-image img,
.dt-blog-archive .post-item:hover .box-image img,
.dt-post-popular .post-item:hover .box-image img
{
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
}
.dt-blog-featured .box-text .post-title a
{
    color:#fff;
    text-transform:none;
    text-align:left;
    font-size:14px;
    line-height:1.4;
    font-weight: 600;
}

.dt-blog-featured__main .box-text .post-title a
{
    font-size:20px;
}
.dt-blog-featured .post-meta
{
    display:none;
}
.dt-blog-featured__main .post-meta
{
    display:flex;
    margin-top:6px;
}
.post-meta .author-name
{
    padding-top:0;
    margin-right:1rem;
    text-transform:none;
    font-weight: 400;
    display: none;
}
.post-item .from_the_blog_excerpt 
{
    display:none;
}
.dt-blog-featured .post-meta img
{
    filter: brightness(1111111);
}
.dt-blog-featured__main .post-item,
.dt-blog-featured__main .post-item .box-image,
.dt-blog-featured__main .post-item a,
.dt-blog-featured__main .post-item .entry-image-attachment,
.dt-blog-featured__main .post-item img
{
    height:100%;
    object-fit:cover;
}

.dt-blog-featured__more .post-item .box-image,
.dt-blog-featured__more .post-item a,
.dt-blog-featured__more .post-item .entry-image-attachment,
.dt-blog-featured__more .post-item img
{
    height:100%;
    object-fit:cover;
}
.dt-blog-featured__more .post-item:nth-child(3),
.dt-blog-featured__more .post-item:nth-child(4)
{
    margin-bottom:0;
}
.dt-blog-archive #post-list
{
    display:flex;
    flex-wrap:wrap;
}
.dt-blog-archive #post-list .post
{
    flex-basis:calc((100% - 30px)/2);
    max-width:calc((100% - 30px)/2);
    margin-right:30px;
    margin-bottom:30px;
}
.dt-blog-archive #post-list .post:nth-child(2n+2)
{
    margin-right:0;   
}
body .post-title
{
    letter-spacing:0;
}
.dt-blog-archive #post-list .post-title a
{
    text-transform:none;
    text-align:left;
    line-height:1.5;
    color: rgb(26, 84, 127);
    font-size:17px;
    font-weight: 600;
    width: 100%;
}
.dt-blog-archive #post-list .article-inner
{
    box-shadow:none;
}
.dt-blog-archive #post-list .box-text
{
    padding:10px 0 0;
    box-shadow:none;
}
.dt-blog-archive #post-list .box-image img
{
    height:240px;
    object-fit:cover;
}
.dt-blog-archive .post-item .post-meta
{
    color:#555;
    justify-content: flex-start;
    margin-top:4px;
}
.dt-blog-archive .post-meta>*
{
    margin-left:0;
}
.dt-blog-wrapper .post-cat
{
    margin-left:0;
}
.post-cat a
{
    transition: background-color 0.2s ease;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    pointer-events: auto;
    color:#fff;
}
.post-cat a:hover
{
    background:#AD0606;
}
.dt-blog-archive .post-cat
{
    position:absolute;
    top:-24px;
}
.dt-blog-archive .large-9
{
    max-width: 70%;
    flex-basis: 70%;
}
.dt-blog-archive .large-3
{
    max-width: 30%;
    flex-basis: 30%;
}

.post-sidebar .box-text .post-title
{
    font-size:.85rem;
    text-transform:none;
    text-align:left;
    color:#000;
    margin-top: 0;
    margin-bottom: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 500;
}
.post-sidebar .post-item
{
    padding-bottom:16px;
}
.post-sidebar .post-item .is-divider
{
    display:none;
}
.post-sidebar .section-title-container
{
    margin-bottom:10px;
}
#post-list .post-style-2 .date_mate
{
    position:absolute;
    z-index:999;
    background:#2a84b8;
    bottom: 1rem;
    left:1rem;
    color:#fff;
    padding:.5rem;
    text-transform:uppercase;
    text-align:center;
    font-size:1.325rem;
    font-weight:600;
    line-height:1;
}
#post-list .post-style-2 .date_mate b
{
    display:block;
    font-size:.875rem;
    font-weight:400;
    margin-bottom:.325rem;
}
.dt-blog-archive__header.brand
{
    padding: 1rem 0;
}
.brand-logo
{
    flex:none;
    margin-right:1.5rem;
    border:thin solid #ddd;
}
.brand-logo img
{
    width:auto;
    height:3.75rem;
}
#main .brand-section
{
    background:#ebf0f6;
    padding:1.25rem 0 !important;
}
.brand-section .col
{
    padding-bottom:0;
}
.products_brand
{
    display:flex;
    justify-content:center;
}

.products_brand a {
    width: auto;
    flex: 1;
}
.products_brand a:not(:last-child)
{
    margin-right:1.5rem;
}
.products_brand a img
{
    max-height:4.5rem;
    width:auto;
}
#main .gallery-section
{
    padding-bottom:0 !important;
    padding-top: 1rem !important;
}
.gallery-section .title-row .section-title span
{
    color:#ad0606;
    font-size: 2.125rem;
    text-transform:none;
    font-weight: 700;
}
.gallery-section .title-row .section-title
{
   
}
#main .gallery-section .col
{
    padding-bottom:0;
}
.gallery-section .section-title-container + .row
{
    padding:0 15px;
    position:relative;
    margin-top:2rem;
}
.gallery-section .section-title-container + .row:before
{
    width:100%;
    height:calc(100% + 2rem);
    position:absolute;
    content:'';
    background:#f9f9f9;
    min-width:100vw;
    left:50%;
    top:-1rem;
    transform:translateX(-50%);
}
.gallery-section .section-title-container + .row .col
{
    padding:0;
    width:calc((100% - 2.5rem)/5);
    margin-right:.5rem;
    margin-bottom:.5rem;
    padding-bottom:0;
    flex:none;
    border-radius:.25rem;
    overflow:hidden;
    
}
.gallery-section .section-title-container + .row .col:nth-child(5n+5)
{
    margin-right:0;
    
}
.gallery-section .box-text
{
    display:none;
}
.gallery-section .section-title-container + .row .col img
{
    height:11rem;
    object-fit:cover;
}

@media only screen and (max-width: 1023px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

    
  html 
  {
    font-size: 3.7325vw;
  }
  .header-main
  {
    height: 4.25rem !important;
    padding-top: 0;
  }
  
     .header-bg-color
     {
         background:transparent;
     }
  .header-main #logo
  {
      width:100%;
      text-align:left;
      margin: 0;
      order: 2;
  }
  .header-main .header-inner
  {
      display:flex;
      justify-content:space-between;
      width: 100%;
  }
  #header .stuck .header-main
  {
      height: 4.25rem !important;
      padding-top: 0;
  }
  #header .stuck #logo img,
  #header #logo img,
  #header #ld_logo
  {
      height: 2.5rem !important;
  }
  .nav-dropdown-has-arrow .header-nav>li>a:after,
  .nav-dropdown-has-arrow .header-nav>li>a:before
  {
      content:none;
  }

  .header-main .mobile-nav.nav>li>a
  {
     font-size:1rem;
     margin: 0;
     padding: 0;
     color: #fff;
     font-size: .8rem;
     font-weight: 700;
  }
  .header-main .mobile-nav.nav>li>a[target]
  {
      padding-left: .25rem;
  }
  .header-main .mobile-nav.nav>li>a[target]:before
  {
      content:'/';
      margin-right:.25rem;
  }
   .off-canvas .mfp-content
   {
       box-shadow:rgb(0 0 0 / 20%) 0px 0px 0px 2px;
       background: #fff;
       height: 100%;
       padding-top: 0;
       border-right: .325rem solid #2a84b8;
   }
   .off-canvas .nav-vertical>li>a
   {
       justify-content:flex-start;
       padding-left: 15px;
       font-size: 1rem;
       text-transform: uppercase;
       color: #000;
       font-weight: 700;
       padding-top: .875rem;
       padding-bottom: .875rem;
       font-family: 'Oswald', sans-serif;
   }
   body .nav-sidebar.nav-vertical>li+li
   {
       border-color: transparent;
       background: #fff !important;
   }
   .off-canvas .nav-vertical li li>a
   {
       justify-content:flex-start !important;
       padding-left: 2rem;
       color: #000;
       font-weight: 400;
       font-family: 'Oswald', sans-serif;
   }
   .off-canvas .active>ul.children
   {
       padding-bottom:0rem !important;
   }
   body .off-canvas .sidebar-menu
   {
       padding-top:0;
   }
   .off-canvas.mfp-ready .mfp-close
   {
       color:#fff;
       opacity:1;
   }
   .off-canvas-center .nav-sidebar.nav-vertical>li .toggle
   {
       color:#fff;
       opacity:1;
   }
    body .header-main li.html.custom
    {
        display: flex;
        background:#2a84b8;
        color:#fff;
        padding: .5rem .75rem;
        border-radius: 1.5rem;
        min-width: max-content;
    }
    #main .counter-section .col
    {
        padding-left:0;
        padding-right:0;
    }
    .dt-counter-container
    {
        width: calc((100% - 2rem)/2);
        padding-top: 1rem;
        margin-bottom: 2rem !important;
    }
    .counter-section .stack
    {
        flex-wrap:wrap;
    }
    .dt-counter-container:nth-child(2n+2)
    {
        margin-right:0 !important;
    }
   .dt-counter-container .counter-value
   {
       font-size:2.5rem;
   }
   .intro-section .title
   {
       font-size: 1.35rem;
       white-space:nowrap;
   }
   .services-section .section-title-main,
   .condition-section .section-title-main
   {
        font-size: 1.75rem;
   }
   .services-section .stack
   {
       flex-wrap:wrap;
   }
   .services-section .stack .carousel-item-container
   {
       width: calc(100%);
       margin-right: 0 !important;
       margin-bottom: 1rem !important;
   }
   .condition-section .stack
   {
       flex-wrap:wrap;
       justify-content: flex-start;
       padding: 0 1rem 2rem;
   }
   .condition-section .dt-image-container:nth-child(2)
   {
       margin-left: auto !important;
       margin-right:0;
   }
   .condition-section .dt_image-img
   {
       margin-bottom:.5rem;
   }
   .condition-section .dt_image-content
   {
       padding:0 1.5rem;
   }
   .condition-section .section-title
   {
       top:-1.5rem;
   }
   .condition-section .section-title-main
   {
      font-size:1.5rem;
   }
    .careers-section .section-title
    {
        padding-left:0;
        justify-content: center;
    }
    .careers-section .section-title-container
    {
        position:static;
    }
    .careers-section .section-title-main
    {
        text-align:center;
    }
    .careers-section .section-title-container + .stack
    {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: -7rem;
        position: relative;
    }
    .careers-section
    {
        max-height:unset;
    }
    .careers-section .stack .slider-wrapper
    {
        width:100%;
    }
    .info-slider .banner-inner .text-inner [data-title]:before
    {
        font-size:3rem;
    }
    .careers-section .img-slider .flickity-viewport
    {
        height: 17rem !important;
    }
    .careers-section .stack .slider-wrapper.img-slider
    {
        top:4.75rem;
        left: 0;
        order: 2;
    }
    .careers-section .slider-wrapper .flickity-prev-next-button
    {
        display:block;
    }
    .info-slider .slider-nav-outside .flickity-prev-next-button
    {
        left:-1rem;
    }
    .info-slider .slider-nav-outside .flickity-prev-next-button.next
    {
        right:-1rem;
        left:auto;
    }
    .review-section .section-title-main
    {
        font-size:1.75rem;
        text-align:center;
    }
    .review-section .slider-wrapper .row
    {
        width:100% !important;
        margin-right: 0 !important;
    }
    .services-section .section-title-main,
    .jouney-section .section-title-main
    {
        text-align:center;
        font-size:1.75rem;
    }
    .jouney-section p
    {
        text-align:center;
    }
    .jouney-section .col-inner>.img img
    {
        height: calc(100vw * .5);
    }
    .jouney-section .video-button-wrapper
    {
        top: calc((100vw * .5/2) - 3.5rem/2);
    }
    .form-section .col-inner
    {
        padding:1.5rem;
    }
    .footer-section .stack
    {
        flex-wrap:wrap;
    }
    .footer-section .stack .img
    {
        width:7rem !important;
        margin-bottom:1rem !important;
    }
    .footer-section .stack .ux-menu
    {
        justify-content:flex-start;
    }
    .footer-section .stack .ux-menu .menu-item:not(:last-child)
    {
        margin-right:1rem !important;
    }
    .footer-section ul
    {
        padding-top:.75rem;
    }
    .footer-section .html
    {
        margin-left:0;
    }
    .header-top .nav>li
    {
        margin-left:0 !important;
    }
    .sidebar-menu .toggle
    {
        color: #333;
    }
    .banner-section .banner-bg img
    {
        height: auto;
        object-fit:cover;
    }
    .abs__icon.logo
    {
        left: 1rem;
        width: 8.5rem !important;
        top: .5rem;
    }
    .abs__icon.pencil
    {
       display:flex;
       align-items:flex-end;
    }
    .abs__icon.slogan
    {
        width: 16.5rem !important;
        top: 2.5rem;
        bottom:auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .abs__icon.hm
    {
        width:70% !important;
        left:50%;
        transform:translateX(-50%);
    }
    .post-section .section-title-main, main .section .section-title-main
    {
        font-size:1.5rem;
    }
    .product_cat-section .col
    {
        padding-bottom:.5rem;
    }
    .product_cat-section .col .col:nth-child(2n+1)
    {
        padding-right:.5rem;  
        padding-bottom:1rem; 
    }
    .product_cat-section .col .col:nth-child(2n+2)
    {
        padding-left:.5rem;
        padding-bottom:1rem;
    }
    .product_cat-section .dt-wrap .section-image-container
    {
        width:calc((100% - 1.5rem)/2);
        margin-right:1.5rem;
        margin-bottom:1.5rem;
    }
     .product_cat-section .dt-wrap .section-image-container:nth-child(5n+5)
    {
       margin-right:1.5rem;
    }
    .product_cat-section .dt-wrap .section-image-container:nth-child(2n+2)
    {
      margin-right:0;   
    }
    .intro-section .title ~ div
    {
        font-size:1rem;
    }
    .featured-section .dt_image-img
    {
        width:3rem;
        height:3rem;
        padding:.5rem;
    }
    .featured-section .dt_image-content>*:first-child
    {
        white-space:normal;
        font-size:.9rem;
    }
    .featured-section .dt_image-content p
    {
        font-size:.85rem;
    }
    .featured-section .col
    {
        padding-bottom:.5rem;
    }
    .featured-section .col:nth-child(2n+1)
    {
        padding-right:.25rem;
    }
    .featured-section .col:nth-child(2n+2)
    {
        padding-left:.25rem;
    }
    .archive #main .products-list .box, #main .product-section .products-list .box,
    #main .product-section .products-list .box:nth-child(5n+5),
    .archive #main .products-list .box:nth-child(3n+3),
    .archive #main .products-list .box:nth-child(5n+5),
    #main .products-list .box
    {
        width: calc((100% - 1.5rem)/2) !important;
        margin-right:1.5rem !important;
        margin-bottom: 1.5rem;
    }
     .archive #main .products-list .box:nth-child(2n+2), #main .product-section .products-list .box:nth-child(2n+2)
     {
         margin-right:0 !important;
     }
     .product-section .products-list .box-image img,
     .products-list .box-image img
     {
         height: 12rem;
     }
     .dt-blog-archive__header + .row .large-9
      {
          padding-right:15px;
      }
      .archive #main .products-list .box
      {
          margin-bottom:1.5rem;
      }
      
     .type-section .dt_image-img img
     {
         height:15.7rem;
     }
     #main .clients-section .slider .img
     {
         max-width: 30% !important;
     }
     .clients-section .img img
     {
         max-height: 4rem;
     }
     .clients-section .flickity-viewport
     {
        min-height: 4rem;
     }
     .product-sidebar
     {
         display:none;
     }
     .parent-pageid-14 .gallery-col img
     {
        height: 8.57rem;
     }
     .parent-pageid-14 .gallery-col.col:nth-child(2n+1)
     {
        padding-right: .5rem;
        padding-bottom: 1rem;
     }
     .parent-pageid-14 .gallery-col.col:nth-child(2n+2)
     {
        padding-left: .5rem;
        padding-bottom: 1rem;
     }
     .dt-blog-featured__slider
     {
         width:100%;
         margin-bottom:2.5rem;
     }
     .dt-blog-featured
     {
         flex-wrap:wrap;
     }
     .dt-blog-featured__center
     {
         padding-left:0;
     }
    .dt-blog-featured__slider .flickity-page-dots
    {
        bottom:-1.75rem;
    }
    .post-sidebar
    {
        display:none;
    }
   
    .dt-blog-wrapper .large-9
    {
        max-width:100%;
        padding-bottom: 0;
    }
    .dt-blog-archive #post-list .post-item .from_the_blog_excerpt
    {
        display:none;
    }
    .dt-blog-archive .post
    {
        margin-bottom:1.5rem;
    }
    .dt-blog-archive #post-list .post-item .box-text
    {
        padding-bottom:0;
    }
    .related-row
    {
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .related-post .box-image img
    {
        height: 7.57rem;
    }
    .related-post__title
    {
        margin-bottom:1rem;
    }
    .single .entry-title
    {
        font-size: 1.5rem;
    }
    .single .entry-header-text.text-center
    {
        padding-bottom: 0;
    }
     .clients-section .slider  .flickity-prev-next-button.previous
      {
          right: calc(100% - 1.5rem);
          bottom: 0.75rem;
          top: auto;
          display: block;
          z-index: 2;
          left: auto;
      }
       .clients-section .slider .flickity-prev-next-button.next
      {
          left: calc(100% - 1.5rem);
          bottom:0.75rem;
          top: auto;
          display: block;
          z-index: 2;
          right: auto;
      }
      .copyright-footer
      {
          font-size:.725rem;
          white-space:nowrap;
      }
      .type-section .dt_image-img
      {
          margin-right:0;
      }
      .type-section.section .slider .section-title-main
      {
          font-size:1.35rem;
          white-space:nowrap;
      }
      .gt-nl .section-image-container:nth-child(1)
      {
          padding-left:0;
          padding-top:8rem;
      }
      .gt-nl .section-image-container:nth-child(2)
      {
          top:0;
          left:2rem;
          width:15rem;
      }
      .gt-nl .section-image-container:nth-child(2):before
      {
          width:.5rem;
          height:6rem;
          right:-1.5rem;
          left:auto;
          top:0;
      }
      .mv-section.rev-section .col:nth-child(1)
      {
          order:unset;
      }
      .menu-item.quote-btn a
      {
          width:auto;
          display:inline-block;
          max-width:max-content;
          margin:1rem 0 0;
          position:relative;
          left:1rem;
         
      }
      .products_cat_nav a
      {
          margin-right:1.5rem;
      }
      .row-banner
      {
          margin-top:-3rem !important;
      }
      .services-section .col:first-child
      {
          padding-right:15px;
      }
      .services-section .col:last-child
      {
          padding-left:15px;
      }
      .process-section .dt-wrap
      {
          flex-wrap:wrap;
      }
      .process-section .dt_image-img a:after
      {
          right: auto;
          left: 50%;
          top: 100%;
          transform: translateX(-50%) rotate(90deg);
      }
      .process-section .dt_image-img
      {
          position:static;
      }
      .process-section .dt-image-container
      {
          margin-bottom:1.25rem;
      }
      .projects-list .box
      {
          flex-basis:100%;
          max-width:100%;
          margin-right:0;
      }
      .dt-intro-section p, .vision-section p
      {
          padding-right:0;
          padding-left: 0;
      }
      #main .dt-intro-section .col:last-child
      {
          padding-left:15px;
      }
      #main .vision-section .col:first-child
      {
          padding-right:15px;
          padding-bottom:1rem;
      }
      #main .vision-section
      {
          padding-top:1.5rem !important;
      }
      .blog-archive .large-9 {
        max-width: 100%;
        padding-bottom: 0;
     }
     .product-main,
     .product-btns
     {
         flex-wrap:wrap;
     }
     .product-gallery-wrap
     {
         width:100%;
         padding-right: 0;
     }
     .single .product-sidebar
     {
         display:block;
         padding-left:0;
         padding-top: 1.5rem;
     }
     .product-btns
     {
         justify-content:center;
         margin-bottom: 0;
     }
     .product-main .product-btns a
     {
         width:15rem;
         margin-right: 0;
     }
     .product-main .hotline-btn
     {
         margin-top:1rem;
         margin-left:0;
     }
     .product-content ul
     {
         padding-left:1rem;
     }
     .toc-trigger
     {
        left: 1rem !important;
     }
     .dt-blog-archive__header,
     .archive__header-cat .product-nav__list
     {
         flex-wrap:wrap;
         justify-content:center;
     }
     .dt-blog-archive__header .page-title
     {
         margin-right:0;
     }
      .dt-blog-featured
    {
        flex-wrap:wrap;
    }
    .dt-blog-featured__main
    {
        width:100%;
        padding-right:0;
        margin-bottom:4px;
    }
    .dt-blog-featured .box-text .post-title a
    {
        font-size: 11px;
    }
    .dt-blog-featured__main .box-text .post-title a
    {
        font-size:16px;
    }
    .post-cat a
    {
        font-size: 7px;
    }
    .dt-blog-archive .large-9,
    .dt-blog-archive .large-3
    {
        flex-basis:100%;
        max-width:100%;
    }
    .dt-blog-archive #post-list .post {
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .post-sidebar .box-text .post-title
    {
        font-size:14px;
        margin-bottom:4px;
        line-height:1.4;
    }
    .post-sidebar .box-text
    {
        padding:10px 0 0;
    }
    .products_brand a:not(:last-child)
    {
        margin-right:.75rem;
    }
    .dt-breadscrumb .breadcrumb
    {
        white-space:nowrap;
        overflow-x:auto;
    }
    .archive__header-cat .product-nav__list
    {
        white-space:nowrap;
    }
    .dt-blog-archive__header .page-title
    {
        font-size:1.5rem;
    }
    .gallery-section .section-title-container + .row .col
    {
        width: calc((100% - 1rem)/3);
    }
    .gallery-section .section-title-container + .row .col:nth-child(5n+5)
    {
        margin-right:.5rem;
    }
     .gallery-section .section-title-container + .row .col:nth-child(3n+3)
    {
        margin-right:0;
    }
    .gallery-section .section-title-container + .row .col img
    {
        height:6.75rem;
    }
	 .products_cat_nav
    {
        padding-left:0;
        padding-right:0;
    }
    
}
@media only screen and (max-width: 1365px) and (min-width: 1024px)
{
    .careers-section .stack .slider-wrapper.img-slider .img.is-selected
    {
        transform: scale(1.225);
    }
}

@media screen and (min-width: 1441px) {
    html { font-size: 16px; }
}

@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;
    }
}
@media screen and (max-width:1023px) and (orientation:landscape) 
{
    html { font-size: 3vw; }
}
@media only screen and (max-width: 1280px) and (min-width: 1024px)
{
    html
    {
        font-size:16px;
    }
}