/*
Theme Name: Flatsome Child
Description: DIEN THUAN HUNG
Author: UX Themes
Template: flatsome
Version: 3.5522
*/

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

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@font-face {
    font-family: "flaticon_biddut";
    src: url("assets/fonts/flaticon_biddut.ttf") format("truetype")
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
    font-family: flaticon_biddut !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flaticon-loupe:before {
    content: "\f101";
}
.flaticon-electrician:before {
    content: "\f102";
}
.flaticon-plug:before {
    content: "\f103";
}
.flaticon-flash:before {
    content: "\f104";
}
.flaticon-air-conditioner:before {
    content: "\f105";
}
.flaticon-lamp:before {
    content: "\f106";
}
.flaticon-ac:before {
    content: "\f107";
}
.flaticon-right-arrow:before {
    content: "\f108";
}
.flaticon-battery:before {
    content: "\f109";
}
.flaticon-electrician-1:before {
    content: "\f10a";
}
.flaticon-price-tag:before {
    content: "\f10b";
}
.flaticon-phone-call:before {
    content: "\f10c";
}
.flaticon-play-button:before {
    content: "\f10d";
}
.flaticon-solution:before {
    content: "\f10e";
}
.flaticon-customer-service:before {
    content: "\f10f";
}
.flaticon-customer-service-1:before {
    content: "\f110";
}
.flaticon-quote:before {
    content: "\f111";
}
.flaticon-calendar:before {
    content: "\f112";
}
.flaticon-lowest-price:before {
    content: "\f113";
}
.flaticon-guaranteed:before {
    content: "\f114";
}
.flaticon-award:before {
    content: "\f115";
}
.flaticon-repair:before {
    content: "\f116";
}
.flaticon-wrench:before {
    content: "\f117";
}
.flaticon-verified:before {
    content: "\f118";
}
.flaticon-customer-service-2:before {
    content: "\f119";
}
.flaticon-creative:before {
    content: "\f11a";
}
.flaticon-surveillance:before {
    content: "\f11b";
}
.flaticon-plug-1:before {
    content: "\f11c";
}
.flaticon-problem-solving:before {
    content: "\f11d";
}
.flaticon-service:before {
    content: "\f11e";
}
.flaticon-arrow-down:before {
    content: "\f11f";
}
.flaticon-short-circuit:before {
    content: "\f120";
}
.flaticon-lighting:before {
    content: "\f121";
}
.flaticon-facebook-app-symbol:before {
    content: "\f122";
}
.flaticon-instagram:before {
    content: "\f123";
}
.flaticon-linkedin:before {
    content: "\f124";
}
.flaticon-twitter:before {
    content: "\f125";
}
.flaticon-shopping-cart:before {
    content: "\f126";
}
.flaticon-pin:before {
    content: "\f127";
}
.flaticon-mail-1:before {
    content: "\f128";
}
.flaticon-trophy:before {
    content: "\f129";
}
.flaticon-alarm-clock:before {
    content: "\f12a";
}
.flaticon-heater:before {
    content: "\f12b";
}
.flaticon-new-ideas-in-process:before {
    content: "\f12c";
}
.flaticon-tag:before {
    content: "\f12d";
}
.flaticon-mission:before {
    content: "\f12e";
}
.flaticon-teamwork:before {
    content: "\f12f";
}
.flaticon-coffee:before {
    content: "\f130";
}
.flaticon-location-1:before {
    content: "\f131";
}


html {
	font-size: 1.041666666vw;
}
body,
body *
{
    font-family: "Roboto", 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;
}
body .container-width, body .full-width .ubermenu-nav, body .container, body .row {
    max-width: 75.125rem;
}
.header-nav>li.current-dropdown>.nav-dropdown
{
    padding: 0;
    min-width: 15rem;
    border: none;
    border-left: .3125rem solid #aa230a;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.header-nav>li.current-dropdown>.nav-dropdown a
{
    border-bottom: 1px solid #cacaca;
    font-size:.875rem;
    font-weight:500;
}
.nav-dropdown-has-arrow .header-nav li.has-dropdown:before
{
    border-width: .625rem;
    margin-left: -.625rem;
    bottom: 0;
}
.nav-dropdown-has-arrow .header-nav li.has-dropdown:after
{
    border-width: .625rem;
    margin-left: -.625rem;
    bottom: 0;
}
.nav-dropdown-has-arrow .header-nav li.has-dropdown ul a
{
    transition: all .3s ease-in-out;
    margin: 0;
    border-bottom: 1px solid #cacaca;
    padding: .75rem 1.25rem;
    color:#333;
    font-size: .875rem;
}
body #top-link.back-to-top
{
    bottom: 2.25rem;
    right:2.125rem;
    border-color: #920303;
    color:#0f8b44;
    border-radius: 0;
}
.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
{
    background:#aa230a;
    color:#fff !important;
}
[data-animated=true]
{
    animation-delay:0s !important;
}
.header-main .flex-right
{
    flex-grow:1;
}
.header-nav.header-nav-main
{
    justify-content: space-between;
    white-space: nowrap;
    flex-wrap: nowrap;
    min-width: max-content;
}

body .header-main 
{
    height:unset;
    padding:.5rem 0;
    border-bottom:thin solid #eee;
}
.header-main .nav>li>a>i
{
    margin-left:6px;
}
#logo
{
    width: 7rem !important;
    position:relative;
    top:-.125rem;
    transition:all .25s;
}
#logo img
{
    width: 7rem !important;
    transition:all .25s;
}
.stuck #logo img
{
    width:5.5rem !important;
     transition:0s;
}
.top-divider
{
    display:none;
}
.stuck .header-main .nav > li > a
{
    line-height:normal !important;
}
*:not(.footer-wrapper)>.section:not(.banner-section)
{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.banner-section
{
    padding:0 !important;
}
.banner-section .dt_image-img img,
.vhdn-section + .section-image-container .dt_image-img img
{
    width:100%;
    max-height:50rem;
    object-fit:cover;
}
.hsnl-section  .section-image-container .dt_image-img img
{
    width:100%;
}
#main .banner-section .section
{
    padding:0 !important;
}
.abs__icon 
{
    position:absolute !important;
}
.abs__icon.title
{
    bottom:6rem;
    left:5.5rem;
    width:calc(50% - 8rem) !important;
    opacity: 0;
}
.abs__icon.hm
{
    bottom:0;
    right:0rem;
    width:50% !important;
    opacity: 0;
}

html[ng-app="uxBuilder"] *
{
    opacity: 1 !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:#fff;
    opacity:1;
}
.header-nav>li
{
    margin-left:.25rem;
    margin-right:.25rem;
}
.header-nav>li>a
{
    color:#aa230a;
    font-size: .875rem;
    font-weight: 500;
}
header .nav > li > a
{
  transition: 0.02s;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
  padding: .425rem .325rem .425rem .325rem;
  position:relative;
}
header .nav > li > a::after
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0%;
    height: 100%;
    content: "";
    background: #aa230a;
    transition: all 500ms ease-in-out;
    z-index:-1;
}
header .nav > li.current-menu-item > a,
header .nav > li:hover> a,
header .nav > li:focus> a
{
    color:#fff;
}
header .nav > li.current-menu-item > a:after,
header .nav > li:hover> a:after,
header .nav > li:focus> a:after,
header .nav > li.active > a:after
{
     left: 0%;
    right: auto;
    width: 100%;
}
.header-wrapper.stuck .header-main
{
    box-shadow:none;
    background:#fff;
    border-bottom:thin solid #aa230a;
}
body .slider-nav-light .flickity-page-dots .dot
{
    color: #fff;
    top: .375rem;
    left: .375rem;
    width: .5rem;
    height: .5rem;
    content: "";
    background-color: #fff;
    border-radius: .125rem;
    transition:all .25s;
}
body .slider-nav-light .flickity-page-dots .dot.is-selected
{
     color: #fff;
    content: "";
    background-color: #fff;
    top: .2rem;
    left: .2rem;
    height: .75rem;
    width: .75rem;
    border-radius: .125rem;
}

.title-row .section-title b
{
    opacity: 1;
    height: auto;
    background: transparent;
    display: inline;
    color:#aa230a;
}
.title-row .section-title
{
    justify-content:center;
    color:#000;
}
.system-section .section-title
{
    font-weight:700;
}
.title-row .section-title-container
{
    margin-bottom:.5rem;
}
.title-row p
{
    text-align:center;
    font-size:.9125rem;
}

body .accordion-item
{
    background:#fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
    margin-bottom:1.125rem;
    overflow: hidden;
}
body .accordion-title
{
    border:none;
    font-weight:500;
    font-size:1rem;
    padding-left: 3.75rem;
}
body .accordion .toggle
{
   
    left: 1.5rem;
    background: #aa230a;
    width: 1.5rem;
    height: 1.5rem;
    max-height: 2.5rem;
    min-height: auto;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

body .accordion .toggle i:after {
  content: '';
  position: absolute;
  transform: translate(-50%, -50%);
  height: .125rem;
  width:  .75rem;
  background: #fff;
  top: 50%;
  left: 50%;
  transition:all .25s;
}
body .accordion .toggle i:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  height: .75rem;
  width: .125rem;
  transition:all .25s;
}
body .accordion .active .toggle
{
    color:#fff;
    background: #fff;
}
body .accordion .toggle i
{
     color:#fff
}
body .accordion .active .toggle i
{
    transform:rotate(180deg);
}
body .accordion .active .toggle i:after,
body .accordion .active .toggle i:before
{
    background:#aa230a;
    
}
body .accordion .active .toggle i:before
{
    transform:translate(-50%, -50%) rotate(90deg);
}
body .accordion-title.active
{
    font-weight:500;
    background:#aa230a;
    border-bottom:thin solid #eee;
    color:#fff;
}
body .accordion-inner
{
    color:#444;
}
.counter-value .dt_image-content>*:first-child:after {
    content: "+";
}
.abs__icon 
{
    position:absolute !important;
}
.abs__icon.clound1
{
    bottom:0;
    right:0;
    z-index:2;
    width:90% !important;
    opacity: 0;
}
.abs__icon.clound2
{
    top:0;
    left:5%;
    width:42% !important;
    opacity: 0;
}
.abs__icon.ks
{
    bottom:0;
    left:15%;
    width:38.125rem !important;
}
.abs__icon.tp-title
{
    bottom:9.375rem;
    right:16%;
    width:27.5rem !important;
    opacity: 0;
}

@keyframes fadeLeft {
  0% { transform:translateX(-.25rem);opacity:1; }
  0% { transform:translateX(0rem);opacity:1; }
  100%{transform:translateX(.25rem);opacity:1; }
 }

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

.hidetext a
{
	font-size:0 !important;
}
.header-nav>li.current-dropdown>.sub-menu
{
	display:flex;
	flex-direction:column;
	padding:1rem 0;
}
.header-nav>li.current-dropdown>.sub-menu ul
{
	padding:1rem 0;
}
.header-nav>li.current-dropdown ul a
{
	color:#222 !important;
}
.header-nav>li.current-dropdown>.sub-menu .menu-item-has-children>a:before
{
	position:absolute;
	content:'\f107';
	right:1rem;
	width:1rem;
	height:1rem;
	font-family: 'fl-icons' !important;
    font-display: block;
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1.2;
}

body .back-to-top.button.icon
{
    display:flex;
    align-items:center;
    justify-content:center;
    border-color:#aa230a;
}
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:#aa230a;
    transition: transform 0.35s cubic-bezier(0.3, 1, 0.8, 1);
}
body .back-to-top:hover
{
    border-color:#fff;
    background:#fff;
}
body .back-to-top:hover i
{
    color:#fff;
}
body .back-to-top:hover:after
{
    transform:scale(1);

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

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

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

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

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

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

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

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

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

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


body div.wpforms-container-full .wpforms-form .wpforms-field-label
{
    font-weight:400;
}
body div.wpforms-container-full .wpforms-form input,
body div.wpforms-container-full .wpforms-form textarea
{
    background-color: #fff !important;
    border-color: #e3e3e3 !important;
    font-size: .875rem !important;
    border-radius: .25rem !important;
}
body div.wpforms-container-full .wpforms-form textarea
{
    padding-top:.75rem;
}
body div.wpforms-container-full .wpforms-form button[type=submit]
{
    background: #aa230a;
    color:#fff;
    font-weight: 400;
    font-size:.9375rem;
    height: auto;
    min-height:unset;
    padding: 1rem 1.5rem;
    padding-right: 3rem;
    line-height: 1;
    position:relative;
    overflow:hidden;
    transition: all 1s ease;
    transform: translate(0%, 0%);
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
}
body div.wpforms-container-full .wpforms-form button[type=submit] img
{
    width:1.325rem;
    margin-left: .5rem;
    filter: invert(1);
    top: -0.125rem;
    position: relative;
}
body div.wpforms-container-full .wpforms-form label.wpforms-error
{
    font-weight:400;
    position:relative;
    top:.25rem;
}
body div.wpforms-container-full .wpforms-form button[type=submit]:before
{
     position: absolute;
    top: 0px;
    right: 0px;
    width: 0%;
    height: 100%;
    content: "";
    background: #000;
    transition: all 500ms ease-in-out;
    z-index: -1;
}
body div.wpforms-container-full .wpforms-form button[type=submit]:hover,
body div.wpforms-container-full .wpforms-form button[type=submit]:focus
{
    background:#aa230a;
}
body div.wpforms-container-full .wpforms-form button[type=submit]:hover:before
{
   left: 0%;
    right: auto;
    width: 100%;
}

.page-title,
.page-wrapper  .section-title
{
    font-size: 1.5rem;
    text-align:left;
    margin-bottom: 0;
    font-weight: 600;
    color: #aa230a;
}
.page-wrapper .section-title
{
    justify-content: center;
}
.page-wrapper .post-sidebar .section-title
{
    justify-content: flex-start;
    font-size: 1.25rem;
}
.page-wrapper .section-title b
{
    display: none;
}
.dt-blog-featured
{
    display:flex;
    align-items: stretch;
    margin-bottom: 2rem;
}
.dt-blog-featured__main
{
    width: 49%;
    flex:none;
    padding-right:.25rem;
}
.dt-blog-featured__more
{
    display:flex;
    flex-wrap:wrap;
    padding-left: 1.5rem;
}
.dt-blog-featured .post-title
{
    text-align:left;
}
.dt-blog-featured__more .post-item
{
    flex-basis:calc((100% - 0rem)/1);
    max-width:calc((100% - 0rem)/1);
    height: calc(50% - .125rem);
    display: flex;
    align-items: stretch;
    transition: 0.4s ease-in-out;
    box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
    border-radius: .625rem;
    overflow: hidden;
}
.dt-blog-featured .post-item
{
    position:relative;
}
.dt-blog-featured__more .post-item
{
    margin-right: .25rem;
    margin-bottom: 1rem;
}
.dt-blog-featured__more .post-item:last-child
{
    margin-bottom:0;
}
.dt-blog-featured__more .post-item:nth-child(2n+2)
{
    margin-right:0;
}
.dt-blog-featured .box-text
{
    
display: flex;
    
flex-direction: column;
    
align-items: flex-start;
    
color:#fff;
    
z-index:2;
    
position: static;
    
padding: 1rem 1rem 1rem 1.5rem;
    
border-radius: 0px .625rem .625rem 0;
}

.post-item .post-meta
{
    margin-left:0;
    display:flex;
    align-items:center;
    color: #000;
    font-size:.875rem;
    order: unset;
}
.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;
    margin-top: .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,
.post-item .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,
.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: #000;
    text-transform:none;
    text-align:left;
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 600;
}

.dt-blog-featured__main .box-text .post-title a
{
    font-size: 1.5rem;
}
.dt-blog-featured .post-meta
{
}
.dt-blog-featured__main .post-meta
{
    display:flex;
    margin-top:.375rem;
}
.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; */
    color: #4D5765;
    text-align: left;
    margin: .75rem 0;
}
.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 .box-image a,
.dt-blog-featured__more .post-item .entry-image-attachment,
.dt-blog-featured__more .post-item img
{
    /*     height:100%;
    object-fit:cover; */
    height: 100%;
    }
.dt-blog-featured__more .post-item .box-image img
{
    object-fit:cover;
    margin-bottom: 0;
}
.dt-blog-featured__more .post-item .box-image
{
    width: 40%;
    flex:none;
}
.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;
    margin: 2rem 0 0;
}
.dt-blog-archive #post-list .post
{
    flex-basis:calc((100% - 2*1.875rem)/3);
    max-width:calc((100% - 2*1.875rem)/3);
    margin-right:1.875rem;
    margin-bottom:1.875rem;
}
.dt-blog-archive #post-list .post:nth-child(3n+3)
{
    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: 1.25rem;
    font-weight: 600;
    width: 100%;
}
.dt-blog-archive #post-list .article-inner
{
    box-shadow:none;
}
.dt-blog-archive #post-list .box-text
{
    padding: .875rem 1.5rem;
    box-shadow:none;
    background:#f8f8f8;
}
.dt-blog-archive #post-list .box-text .post-title a
{
    color:#aa230a;
}
.dt-blog-archive #post-list .box-image img
{
    height:14rem;
    object-fit:cover;
    margin-bottom: 0;
}
.dt-blog-archive .post-item .post-meta 
{
    color:#4D5765;
    justify-content: flex-start;
    margin-top:.25rem;
    font-size:.875rem;
}
.dt-blog-archive .post-meta>*
{
    margin-left:0;
    margin-right: 0;
}
.dt-blog-wrapper .post-cat
{
    margin-left: 1rem;
}
.dt-blog-wrapper .post-meta img
{
    filter: invert(12%) sepia(56%) saturate(6799%) hue-rotate(13deg) brightness(96%) contrast(92%);
    margin-right: .25rem;
}
.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-image
{
    width:30%;
}

.post-sidebar .box-image .image-cover
{
   padding-top: 100% !important;
}
.post-sidebar .box-text
{
    padding:0 0 0 .625rem;
}
.post-sidebar .box-text .post-title
{
    font-size: .925rem;
    text-transform:none;
    text-align:left;
    color:#000;
    margin-top: 0;
    margin-bottom: -.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 500;
}
.post-sidebar .post-item:hover .post-title a
{
    color:#aa230a;
}
.post-sidebar .post-item
{
    padding-bottom:1rem;
}
.post-sidebar .post-item .is-divider
{
    display:none;
}
.post-sidebar .section-title-container
{
    margin-bottom: 1rem;
}
.single-post .entry-category,
#comments,
.single-post .entry-divider
{
    display:none;
}
.single-post .article-inner
{
   box-shadow:none;
}
.single-post .article-inner.has-shadow .entry-header-text-top
{
    padding:0;
}
.single-post .entry-title
{
    margin-bottom:1.875rem;
    color: #aa230a;
    font-weight: 600;
    font-size: 1.75rem;
}
.single-post .entry-image
{
    min-width:calc((100% + 2*2.5rem));
    left:-2.5rem;
    margin-top:-2.5rem;
}
.single-post .blog-single .entry-content
{
    padding-right:0;
    padding-left:0;
    padding-top:0;
}
.single-post .row-divided>.col+.col:not(.large-12)
{
    border:none;
}
.blog-single .post-content
{
     border-bottom:thin dashed #ccc;
     margin-bottom:1rem;
}
.single-post .blog-single .entry-content
{
    padding-bottom:0;
}
.blog-share
{
    text-align:right;
    padding-bottom:.625rem;
    font-weight: 600;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom:-1rem;
}
.blog-share .social-icons a
{
    font-size:.7rem;
    margin-bottom:0;
    margin-left:.325rem;
} 
.blog-share .social-icons a:last-child
{
    margin-right:0;
}
.blog-share .is-divider
{
    display:none;
}
.related .post-title 
{
    font-size:.875rem;
    text-align:left;
    text-transform:none;
    line-height:1.4;
}
.related .box-text
{
    padding-left:.625rem;
    padding-right:.625rem;
}
.related .is-divider
{
    display:none;
}
body .slider-nav-outside .flickity-prev-next-button svg
{
    border:none !important;
}
body .slider-nav-outside .flickity-prev-next-button:hover,
body .slider-nav-outside.slider .flickity-prev-next-button:hover *
{
    background:transparent !important;
    fill: #ad0606 !important;
}
body .slider-nav-outside .flickity-prev-next-button.previous
{
    right:calc(100% + 2rem);
    opacity:1;
     width: 4rem;
/*       bottom: -3.5rem; */
}
body .related-row .slider-nav-outside .flickity-prev-next-button.previous
{
    bottom:auto;
}
.clients-section .slider-nav-outside .flickity-prev-next-button *
{
   fill: #aa230a;
}

body .slider-nav-outside .flickity-prev-next-button.next
{
    left:calc(100% + 2rem);
    opacity:1;
    /* bottom: -3.5rem; */
    width: 4rem;
}
.related .col-inner
{
    box-shadow:none;
}
.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%;
}
.post-sidebar .section-title
{
    font-weight:600;
    color:#aa230a;
}
.post-sidebar .section-title-normal span
{
    border-color:#aa230a;
    border-width: medium;
}
.dt-post-popular .from_the_blog_excerpt,
.dt-post-popular .post-meta
{
	display:none;
}
.dt-post-popular .post-title a
{
	color: #fff;
    font-size: 1.0625rem;
    transition: 0.2s all;
    text-align: left;
    margin-left: 0;
    text-transform:none;
    font-weight:400;
}
.dt-post-popular .post-item .box-image {
    border-radius:.25rem;
    overflow: hidden;
}
.post-sidebar .dt-post-popular .box-image
{
    width:100%;
}
.post-sidebar .dt-post-popular .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-start;
    justify-content:flex-end;
    flex-direction:column;
    border-radius: .25rem;
    text-align: left;
    padding: 1rem;
}
.post-sidebar .dt-post-popular .post-cat
{
    top:-1rem;
    position:static;
    margin-left:0;
    margin-right:auto;
}
.post-sidebar .dt-post-popular .post-item
{
    padding-bottom:0;
}
.dt-post-popular .box-image img
{
    height:11.75rem;
    object-fit:cover;
}
.related-row .section-title
{
    font-size:1.25rem;
    color:#aa230a;
    font-weight:600;
}
.related-row .post-title
{
    font-weight:500;
    font-size:1rem;
}
.related-row .is-divider
{
    display:none;
}

.post-sidebar .post-item .post-meta
{
    color:#000;
    display: none;
}
.dt-breadscrumb .breadcrumb
{
    font-size: .8125rem;
    line-height: 1.4;
    margin-top:-.5rem;
    display:flex;
    list-style-type:none;
    margin-bottom: 0;
    flex-wrap: wrap;
}
.dt-breadscrumb li
{
    margin-right:.8rem;
    margin-left:0 !important;
}
.dt-breadscrumb li *
{
    color:#666;
}
.dt-breadscrumb li:not(:last-child):after
{
    content:'>';
    position:relative;
    right:-.325rem;
}
.dt-breadscrumb li a:hover
{
    color:#000;
}
.section-title-container .section-title-main
{
    display:flex;
    flex-direction:column-reverse;
    color: #aa230a;
    text-transform:none;
    font-size: 2.25rem;
}
.section-title-container .sub-title
{
    padding-left:0;
    font-size:1rem;
    color: #000;
    padding-bottom:.5rem;
    position: relative;
}
/* .section-title-container .sub-title:before
{
    content:'//';
    margin-right:.5rem;
} */
.featured-section .dt-wrap
{
    display:flex;
}
.featured-section .section-image-container
{
    width:calc((100% - 3*1.5rem)/4);
    padding: 2.25rem;
    border: 1px solid #dfdcdc;
    position: relative;
    transition: 0.3s;
    margin-right:1.5rem;
    opacity: 0;
}
.featured-section .section-image-container:last-child
{
    margin-right:0;
}
.featured-section .col
{
    padding-bottom:0;
}
.featured-section .dt_image-content
{
    display:flex;
    flex-direction:column-reverse;
    color:#aa230a;
}
.featured-section .dt_image-content i
{
    font-size:3.875rem;
    line-height: 1;
}
.featured-section .dt_image-content>*:first-child
{
    font-weight: 500;
    font-size: 1.375rem;
    margin-bottom: 0;
    transition: 0.5s;
    position: relative;
    z-index: 2;
    margin-top: -1rem;
}
.featured-section .dt_image-content:before
{
    width: .625rem;
    height: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: "";
    position: absolute;
    background-color: #dfdcdc;
    z-index: 1;
    transition: 0.5s;
}
.featured-section .dt_image-content:after
{
     position: absolute;
    top: 0px;
    right: 0px;
    width: 0%;
    height: 100%;
    content: "";
    background: #aa230a;
    transition: all 500ms ease-in-out;
    z-index:-1;
}
.featured-section .dt_image-content:hover:after
{
     left: 0%;
    right: auto;
    width: 100%;
}
.featured-section .dt_image-content:hover *
{
    color:#fff;
}
.featured-section
{
    background:#f2edeb;
}
.system-section .col:first-child .col-inner:before
{
    content: "";
    position: absolute;
    width: 14rem;
    height: 14rem;
    background-image: url("assets/images/shape-3-2.png");
    background-repeat:no-repeat;
    right: 2rem;
    top: -2rem;
    z-index: -1;
    opacity: 1;
    transform: translate(0px, 0px);
}
.system-section .col:first-child .section-image-container
{
    width: 80%;
    margin-left:auto;
    padding-right:4rem;
}
.system-section .col:first-child .section-image-container:nth-child(2)
{
   width: 60%;
   position:absolute;
   bottom:0;
   left:0;
   padding: 0;
}
.system-section .col:first-child .section-title-container
{
    position:absolute;
    bottom: 1rem;
    right:5rem;
    width:20rem;
    background:url(assets/images/bg-1.jpg);
    padding: 1.25rem;
    padding-left: 7rem;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 4px 6.928px 40px 0px rgba(18, 14, 14, 0.06);
    animation: tp-pulse 1.7s infinite alternate;
}
.system-section .col:first-child .section-title-container .section-title-main
{
    text-transform: inherit;
    font-weight: 500;
    font-size:1rem;
    flex-direction:column;
    color:#727272;
}
.system-section .col:first-child .section-title-container .section-title-main b
{
    font-size:3rem;
    height: auto;
    opacity: 1;
    background: transparent;
    line-height: 1;
    color: #aa230a;
}
.system-section .col:first-child .section-title-container .section-title-main b:after
{
  content:'+';
}
@keyframes tp-pulse{
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
		box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
	}
	70% {
		-moz-box-shadow: 0 0 0 45px rgba(255,255,255, 0);
		box-shadow: 0 0 0 45px rgba(255,255,255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
		box-shadow: 0 0 0 0 rgba(255,255,255, 0);
		}
}
#main .system-section
{
    padding:6rem 0 4rem !important;
    z-index: 1;
    position: relative;
    background: #fff;
}
.system-section .dt-wrap
{
    margin:1.875rem 0;
    display:flex;
    justify-content:space-between;
    border-bottom: thin solid #ddd;
    padding-bottom: 1.5rem;
}
.system-section .dt-wrap .section-image-container
{
    width:calc((100% - 4rem)/2);
    margin-right:4rem;
    text-align: left;
}
.system-section .dt-wrap .section-image-container:last-child
{
    margin-right:0;
}
.system-section .dt-wrap .dt_image-content
{
    display:flex;
    flex-direction:row-reverse;
    justify-content: flex-end;
}
.system-section .dt-wrap .dt_image-content p
{
    font-size: 3.125rem;
    height: 4.6875rem;
    width:  4.6875rem;
    flex:none;
    background-color: #f3f3f3;
    margin-right: 1.25rem;
    transition: 0.3s;
    color:#aa230a;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:.5;
    margin-bottom: 0;
}
.system-section .dt-wrap .dt_image-content:hover p
{
    background:#aa230a;
    color:#fff;
}
.system-section .dt-wrap .dt_image-content>*:first-child
{
    font-weight:600;
    font-size:1.25rem;
    color:#000;
}
.system-section ul li
{
    position:relative;
    list-style-type:none;
    margin-left: 0;
    padding-left: 1.75rem;
}
.system-section ul li:before
{
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: url('assets/images/badge-svgrepo-com.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    top: .3125rem;
    filter: invert(12%) sepia(56%) saturate(6799%) hue-rotate(13deg) brightness(96%) contrast(92%);
}
.system-section .col-inner
{
    color:#727272;
}
.system-section .col:first-child .col-inner
{
    padding-bottom:7rem;
}
.btn
{
    padding: .75rem 2.5rem;
    font-size: .875rem;
     font-weight: 700;
      position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    display:flex !important;
    max-width:max-content;
    justify-content:center;

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

}
.btn.btn--outline:after
{
    border-radius:1.5rem;
}
.btn.btn--normal:hover:after
{
    left: 0%;
    right: auto;
    width: 100%;
   
}
.btn.btn--normal:hover
{
     color:#fff;
}
.btn.btn--normal:hover img
{
    filter:invert(1);
}
.system-section .btn.btn--normal
{
    margin-top:1rem;
}
.system-section .col:last-child .section-title-container
{
    margin-bottom:0;
}

.absolute-footer
{
    background:#1b1d1f;
    font-weight:300;
}
.absolute-footer .footer-primary
{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    width: 100%;
}
.absolute-footer.dark ul
{
    margin:0;
    padding: 0;
    line-height: 1;
    border: none;
}
.menu-footer-menu-container
{
    display:flex;
    align-items:center;
}
.absolute-footer.dark ul a
{
    text-transform:none;
    font-size: .85rem;
    font-weight:300;
}
#footer .footer-section
{
    padding-top:3rem;
    background:#aa230a !important;
}
.footer-section .stack
{
    justify-content:space-between;
}
.footer-section .dt-wrap
{
    width:25%;
}
.footer-section .dt-wrap:nth-child(2),
.footer-section .dt-wrap:nth-child(3)
{
    width:15%;
}
.footer-section .section-title-container .section-title-main
{
    color:#fff;
    font-size:1rem;
    font-weight:500;
}
.footer-section *
{
    color:#fff;
}
.footer-section .section-title-container
{
    margin-bottom:1rem;
}
.footer-section .dt-wrap:first-child a
{
    font-weight:600;
}
.footer-section .dt-wrap:first-child a:hover
{
   opacity:1;
   color:#8fb5d7;
}
.footer-section .btn.btn--outline
{
    border-color:#8fb5d7;
    color:#8fb5d7;
}
.footer-section .btn.btn--outline:hover
{
    border-color:#000;
}
.footer-section .menu-item .ux-menu-link__link
{
    border:none !important;
}
#footer .social-icons
{
    display:flex;
}
#footer .social-icons a
{
    background:transparent !important;
    border:transparent !important;
    min-width: auto;
    margin-right:.75rem;
    line-height:1;
    min-height: auto;
    padding: .25rem;
}
#footer .social-icons a img
{
    width:1.5rem;
    filter:invert(1);
}
.form-section .stack 
{
    background:#fff;
    align-items: stretch;
}
.form-section .stack .dt-wrap:first-child
{
    background:#aa230a;
    width: calc((100%/2.75));
    padding: 1.875rem 1.3125rem 1.875rem 1.875rem;
    flex: none;
}
.form-section .stack .dt-wrap:nth-child(2)
{
    flex-grow:1;
}
.form-section .sub-title:before
{
    content:none;
}
.shape
{
    display: inline-block;
    height: .1875rem;
    width: 2.5rem;
    background-color: #fff;
    border-radius: 2.5rem;
    position: relative;
    left:.5rem;
}
.shape .dots
{
    display: inline-block;
    width: .1875rem;
    height: .1875rem;
    background-color: inherit;
    border-radius: 2.5rem;
    position: absolute;
    top: 0;
    right: -.375rem;
}
.shape .dots:before, .shape .dots:after {
    content: '';
    height: inherit;
    width: inherit;
    background-color: inherit;
    border-radius: inherit;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -.375rem;
}
.shape .dots:after 
{
    right:-.75rem;
}
.form-section .shape
{
    bottom:.25rem;
}
.form-section .stack .dt-wrap:first-child,
.form-section .stack .dt-wrap:first-child .section-title-container *
{
    color:#fff;
    opacity: 1;
}
.form-section .section-title-main
{
    font-size: 1.75rem;
    font-weight: 700;
    padding-right:2rem;
    white-space: nowrap;
}
.form-section .section-image-container
{
    display:flex;
    margin: 4rem 0;
}
.form-section .dt_image-img
{
    width:2.8125rem;
    height:2.8125rem;
    display: flex;
    justify-content:center;
    align-items:center;
    position: relative;
    z-index: 1;
    margin-right: 1rem;
    background:#fff;
    border-radius:50%;
}
.form-section .dt_image-img img
{
    width: 1.25rem;
    filter: invert(12%) sepia(56%) saturate(6799%) hue-rotate(13deg) brightness(96%) contrast(92%);
}
.form-section .dt_image-img:after, .form-section .dt_image-img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

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

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

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

#footer .form-section .wpforms-field.wpforms-field-textarea:after
{
    top:1rem;
    transform:none;
    background-image:url('assets/images/chat-svgrepo-com (1).svg');
}

h1.section-title
{
    justify-content:center;
}
.contact-section .dt-wrap
{
    display:flex;
}
.contact-section .dt-wrap .section-image-container
{
    width:calc((100% - 2*1.5rem)/3);
    margin-right:1.5rem;
    border-radius: 0;
    border: 1px solid #ECF1F9;
    box-shadow: 0px 9px 14px 0px #FBFBFB;
    padding: 1.875rem;
    display:flex;
    align-items:flex-start;
}
.contact-section .dt-wrap .dt_image-img
{
    width:4.375rem;
    height:4.375rem;
    margin-right:1rem;
    flex:none;
    background: #aa230a;
    display:flex;
    align-items:center;
    justify-content:center;
    position: relative;
    z-index: 1;
}
.contact-section .dt-wrap .dt_image-img img
{
    filter:invert(1);
    width:2.25rem;
    z-index: 22;
    position: relative;
}
.contact-section .dt-wrap p
{
    margin:0;
    font-size:.875rem;
}
.contact-section .dt_image-content>*:first-child
{
    font-weight:500;
    font-size:1.125rem;
}
.contact-section iframe
{
    margin:2rem 0 0;
    width:100%;
}
.contact-section .dt-wrap .dt_image-img:after
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0%;
    height: 100%;
    content: "";
    background: #000;
    transition: all 500ms ease-in-out;
    z-index: 0;
}
.contact-section .dt-wrap .section-image-container:hover .dt_image-img:after
{
    left: 0%;
    right: auto;
    width: 100%;
   
}
.blog-single .post,
.post-sidebar .row .col-inner
{
    background:#f8f8f8;
    padding:2.5rem;
}
.post-sidebar .row .col-inner
{
    padding:1.5rem;
}
.blog-single .entry-header-text
{
    padding:0;
}
.blog-single .entry-title
{
    margin:1.5rem 0;
    text-align:left;
    color:#000;
    font-size:2rem;
    font-weight:600;
}
/* TOC */
.dt-toc
{
  margin: 1rem 0 2rem;
}
.dt-toc .toc-header
{
  position: relative;
  display:flex;
  align-items:center;
  color:#000;
  background:#fff;
  cursor: pointer;
  border-bottom: thin solid #eaeaea;
}
.toc-header h3
{
   margin: 0;
   font-weight: 600;
   padding: .5rem 0 .5rem 1rem;
   font-size: .9375rem;
   width: 100%;
   background: #aa230a;
   color: #fff;
   padding-left:2.5rem;
}
.toc-header h3:before
{
    content:'';
    position:absolute;
    left:1rem;
    top:50%;
    transform:translateY(-50%);
    width:1rem;
    height:1rem;
    background-image:url(assets/images/table-of-contents-com.svg);
    background-size:contain;
    filter:brightness(100);
    background-position:center;
    background-repeat:no-repeat;
}
.toc-item
{
   font-size:.875rem;
   font-weight:400;
}
.toc-content
{
    border: thin solid #ccc;
    border-top: none;
    padding-left: 1rem;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
}
.toc-content a *
{
    font-weight:400;
    font-style: normal;
}
.toc-item a
{
  padding: .5rem 2rem .5rem 0;
  display:inline-block;
  border-bottom: thin solid #D0D2D3;
  font-weight: 400;
}
.toc-item a:hover
{
    color:#f78f27;
}
.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:#aa230a;
  border-color:#aa230a;
  color:#fff;
  transition:all .2s;
}
.dt-toc.expand .toc-trigger:hover
{
  transition:none;
}
.toc-trigger:hover svg *
{
  color:#fff;
}


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

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

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

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

blockquote:after,
.wp-block-quote:after {
  content: "";
  position: absolute;
  top: -.625rem;
  left: 0;
  height: 1.25rem;
  width: 1.5rem;
  background-color: #aa230a;
  -webkit-clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");
          clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");
}
.blog-single.page-wrapper,
.blog-archive
{
    padding-top:0;
}
.post-sidebar .ux-search-submit
{
    background:#aa230a !important;
    font-size:.75rem !important;
    width:2.625rem;
}
.post-sidebar .ux-search-submit,
.post-sidebar .search-field
{
    height:2.625rem;
    box-shadow:none !important;
    font-size:.875rem;
}
.post-sidebar .section-title-normal
{
    border:none;
}
.post-sidebar .section-title-container .section-title-main
{
    display:block;
    width:100%;
    font-size:1.25rem;
    text-transform:uppercase;
    font-weight:500;
    color:#000;
    border-bottom: 3px solid #e4e4e4;
}
.post-sidebar .section-title-container .section-title-main:before
{
    content: '';
    height: .1875rem;
    width: 3.125rem;
    background-color: #aa230a;
    position: absolute;
    bottom: -.1875rem;
    left: 0;
    z-index: 1;
    -webkit-animation: lineMove 10s linear infinite;
    animation: lineMove 10s linear infinite;
}
@keyframes lineMove {
  0% {
    left: 0px;
  }
  50% {
    left: calc(100% - 3.125rem);
  }
  100% {
    left: 0px;
  }
}
.post-sidebar .post-item .col-inner
{
    padding:0;
}
.cat-nav__list .cat-nav__item  
{
    list-style-type:none;
    margin-left:0;
    padding-bottom:.5rem;
   border-bottom:thin solid #eee;
}
.cat-nav__list .cat-nav__item a
{
    color:#4D5765;
     display:flex;
    justify-content:space-between;
    position:relative;
    padding-left:1.5rem;
}
.cat-nav__list .cat-nav__item a:before
{
    content:'';
    position:absolute;
    left:0rem;
    top:50%;
    transform:translateY(-50%);
    width:1.25rem;
    height:1.25rem;
    background-image:url(assets/images/double-arrow-right-svgrepo-com.svg);
    background-size:contain;
    filter: invert(12%) sepia(56%) saturate(6799%) hue-rotate(13deg) brightness(96%) contrast(92%);
    background-position:center;
    background-repeat:no-repeat;
}
.blog-archive .breadcrumb
{
    display:none;
}
.blog-archive .archive-page-header .col
{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.blog-archive .archive-title-wrap
{
    margin:0;
}
.archive-page-header .btn img
{
    margin-bottom:0;
    filter:invert(1);
}
.blog-archive .shape
{
    background:#aa230a;
}
.blog-archive .archive-sub-title
{
    font-weight:500;
    display: block;
    text-align: left;
}
.blog-archive .page-title
{
    font-size: 2.25rem;
    margin:.5rem 0 0;
}
.dt-blog-featured__main .post-item .box-image a
{
    display:grid;
}
.dt-blog-featured__main .post-item .box-image img
{
    height:20rem;
    margin-bottom: 0;
}
.dt-blog-featured__main .post-item
{
    transition: 0.4s ease-in-out;
    box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
    border-radius: 10px;
    overflow: hidden;
}
.dt-blog-featured__main .post-item .box-text
{
    padding: 2.5rem;
    border-radius: 0px 0px 10px 10px;
}
.post-item .view-more
{
    text-transform:uppercase;
    font-weight:500;
    color:#4D5765;
    position:relative;
    display: flex;
    max-width: max-content;
}
.post-item .view-more img
{
    width:1rem;
    margin-left:.5rem;
    top:.125rem;
    position:relative;
}
.post-item .view-more:before
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 51px;
    height: 1px;
    background-color: #4D5765;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.post-item .view-more:hover
{
    color:#aa230a;
}
.post-item .view-more:hover:before
{
    background-color:#aa230a;
    width: 100%;
}
.post-item .view-more:hover img
{
  filter: invert(12%) sepia(56%) saturate(6799%) hue-rotate(13deg) brightness(96%) contrast(92%);
}
.bld-section .section-title-main
{
    text-align:center;
    display:block;
    width:100%;
    text-transform:uppercase;
}

.bld-section .slider .section
{
    width:calc((100% - 2*2rem)/3);
    margin-right:2rem;
    padding: 0 !important;
}
.bld-section .slider .dt_image-content
{
    display:flex;
    flex-direction:column-reverse;
    align-items:center;
    padding:1rem 0;
}
.bld-section .slider .dt_image-content p
{
    margin:0;
    color:#727272;
}
.bld-section .slider .dt_image-content>*:first-child
{
    font-weight:600;
    font-size:1.5rem;
    color:#aa230a;
}
.bld-section .slider .dt_image-img
{
    overflow:hidden;
}
.bld-section .slider .dt_image-img img
{
    transition:all .25s;
}
.bld-section .section-image-container:hover .dt_image-img img
{
    transform:scale(1.075);
}
.bld-section .col
{
    padding-bottom:0;
}
#main .sdtc-section,
#main .hsnl-section
{
    padding:0 !important;
}
.hsnl-section .ipgs-flipbook
{
    min-height:100vh;
    background: #fff;
}
/* .ipgs.ipgs-ready .ipgs-book-transform,
.ipgs-book-transform .ipgs-book-wrap
{
  min-width:100%;
} */
body .ipgs-page .ipgs-image
{
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position:center;
  background-color: #fff;
}
.hsnl-section .section-title-main
{
    text-align:center;
    display:block;
    width: 100%;
    margin: 2rem 0 0;
}
.hsnl-section p,
.hsnl-section p a
{
    color:#aa230a;
    text-align:center;
    font-size:2.5rem;
    font-weight:500;
    margin-bottom: 0;
}
#main .smnl-section
{
  padding:0 !important;
}
.smnl-section .section-title,
.profile-section .section-title
{
    justify-content:center;
    text-align:center;
}
.smnl-section .stack
{
    margin-top:5rem;
    margin-bottom:4rem;
}
.smnl-section .dt-wrap
{
    width:calc((100% - 3*2rem)/4);
    margin-right:2rem !important;
    position:relative;
    padding: 0 2rem;
    padding-top: 5rem;
    background-color: #fff;
    box-shadow: 2px 3.464px 40px 0px rgba(35, 35, 49, 0.08);
}
.smnl-section .dt-wrap:nth-child(2n+2)
{
    top:3rem !important;
}
.smnl-section .dt-wrap:nth-child(4n+4)
{
    margin-right:0 !important;
}
.smnl-section .dt_image-content p
{
    position:absolute;
    font-size: 2.75rem;
    width:5.75rem;
    height:5.75rem;
    background:#aa230a;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    color:#fff;
    top:calc(-5.75rem/2);
    left:50%;
    transform:translateX(-50%);
    transition: all .25s;
}
.smnl-section .dt_image-content p:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: #000;
    transform: scale(0);
    transition: 0.4s;
    z-index:-1;
}
@keyframes icon-bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
	  transform:translateY(0);
	}
	40% {
	  transform:translateY(-10px);
	}
	60% {
	  transform:translateY(-5px);
	}
  }
  
.smnl-section .dt-wrap:hover .dt_image-content p:after
{
        transform: scale(1);
}
.smnl-section .dt-wrap .dt_image-content p i
{
    position: relative;
    z-index: 2;
    display: inline-block;
}
.smnl-section .dt-wrap:hover .dt_image-content p i
{
    animation: icon-bounce 0.8s 1;
}
.smnl-section .dt_image-content>*:first-child
{
    text-align:center;
    text-transform:uppercase;
    color:#aa230a;
    font-size:1.5rem;
    line-height:1.2;
    margin-bottom:1rem;
    font-weight:500;
}
.smnl-section .section-image-container + p
{
    color:#727272;
    text-align:center;
}
.smnl-section .dt-wrap .section-title
{
    padding: .5rem 2.125rem;
    background-color: #aa230a;
    display: inline-block;
    position: relative;
    font-size:1rem;
    width: auto;
    position: absolute;
    bottom: -1.25rem;
    left: 50%;
    transform: translateX(-50%);
}
.smnl-section .dt-wrap .section-title-main
{
    font-size:1rem;
    font-weight:600;
    color:#fff;
    white-space: nowrap;
}
.smnl-section .dt-wrap .section-title:before
{
    position: absolute;
    content: "";
    bottom: 0;
    left: -1rem;
    height: 1.375rem;
    width: 1rem;
    background-color: #b90809;
    clip-path: polygon(100% 100%, 100% 0, 0 0);
}
.smnl-section .dt-wrap .section-title:after
{
    position: absolute;
    content: "";
    top: 0;
    right: -1rem;
    height: 1.375rem;
    width: 1rem;
    background-color: #b90809;
    clip-path: polygon(100% 100%, 0 0, 0 100%);
}
.profile-section .section-title-container .sub-title:before
{
    content:'';
    position:absolute;
    width:1rem;
    height:1rem;
    background-image:url('assets/images/flash-lightning-svgrepo-com.svg');
    background-size:contain;
    transform: translateX(-1.5rem) translateY(.1875rem);
    filter: invert(12%) sepia(56%) saturate(6799%) hue-rotate(13deg) brightness(96%) contrast(92%);
}
.profile-section .section-title-container .section-title-main
{
    font-weight:600;
    z-index:1;
    position:relative;
}
.profile-section .section-title-container .section-title-main:before
{
    content:'';
    position:absolute;
    width:calc(100% + 10rem);
    height:3rem;
    z-index:-1;
    background:#fff;
    left:-5rem;
    bottom:0;
}
.profile-section .dt-wrap
{
    border:thin solid #ccc;
    padding: 5rem 6.25rem;
    display:flex;
    margin: 0rem 0 2rem;
}
.profile-section .dt-wrap .section-image-container
{
    flex:none;
    width:40%;
    margin-right:4rem;
}
.profile-info h2
{
    font-size:2.25rem;
}
.profile-info h4
{
    font-size:1.125rem;
    color:#aa230a;
    font-weight:400;
    margin-bottom:2rem;
    margin-top:-.5rem;
}
.profile-info,
.profile-info p,
.profile-section p
{
    color:#727272;
    line-height: 2;
}
.profile-info strong
{
    color: #0e3631;
    margin-right: 25px;
    font-size: 1.125rem;
    font-weight: 700;
}
.profile-section h3
{
    font-size: 2rem;
    color: #0e3631;
    line-height: 1;
    margin-bottom: 20px;
}
.vhdn-section .sub-title:before
{
    content:none;
}
.vhdn-section .sub-title
{
    color:#000;
    opacity: 1;
}
.vhdn-section .sub-title .shape
{
    top:-.25rem;
}
.vhdn-section .shape
{
    background:#aa230a;
}
.vhdn-section .stack
{
    flex-wrap:wrap;
}
.vhdn-section .stack .dt-wrap
{
    width:calc((100% - 2rem)/2);
    margin-right:2rem !important;
     margin-bottom:2rem !important;
    background: #FFFFFF;
    box-shadow: 0px 6px 30px rgba(14, 18, 29, 0.06);
    border-radius: 10px;
    position: relative;
    padding: 1.5rem 1.875rem 1.5rem 7.5rem;
}
.vhdn-section .stack .dt-wrap:nth-child(2n+2)
{
    margin-right:0 !important;
}
.vhdn-section .dt-wrap .dt_image-img
{
    display: inline-block;
    width: 4.375rem;
    line-height: 5.625rem;
    background-color: #aa230a;
    position: absolute;
    top: 0;
    left: 1.875rem;
    text-align: center;
    border-radius: 0 0 99px 99px;
}
.vhdn-section .dt-wrap  .counter-value
{
    font-size:2.25rem;
    font-weight:700;
    color:#aa230a;
}
.vhdn-section .col:last-child .section-image-container,
.vhdn-section .col:last-child .section-image-container .dt_image-img,
.vhdn-section .col:last-child .section-image-container .dt_image-img a
{
    height:100%;
   
    display:block;
}
.vhdn-section .col:last-child .section-image-container .dt_image-img img
{
    height:100%;
    width:100%;
    object-fit:cover;
    object-position: right;
}
.intro-section .section-title
{
    justify-content:center;
    background-image:url('assets/images/khung.png');
    background-size:100% 100%;
    padding:.5rem;
    margin-bottom: 0;
    position: static;
}
.intro-section .section-title a
{
    position:absolute;
    opacity: 0;
    width:100%;
    height:100%;
    left: 0;
    top: 0;
}
.intro-section p
{
    text-align:center;
    font-size:1.125rem;
}
.intro-section .col .col-inner
{
    padding:3rem 1rem 2rem;
    transition:all .25s;
}
.intro-section .col:nth-child(2) .col-inner,
.intro-section .col .col-inner:hover
{
    background:#aa230a;
    color:#fff;
}
.intro-section .col:nth-child(2) .col-inner .section-title,
.intro-section .col .col-inner:hover .section-title
{
    color:#fff;
    background:transparent;
}
.intro-section .col:nth-child(2) .col-inner .section-title-main,
.intro-section .col .col-inner:hover .section-title-main
{
    color:#fff;
}
#main .intro-section
{
  padding-bottom:0 !important;  
}
#main .tt-section
{
    padding:0 !important;
}
.tt-section .col-inner
{
    display:flex;
    align-items:center;
    background:#fff;
    margin-top:-5rem;
    border: 1px solid #eee;
    padding: 5rem;
    position: relative;
}
.tt-section .col-inner>.dt-wrap
{
    flex:none;
    width:40%;
    margin-right:5rem;
}
.tt-section .btn img
{
    filter:invert(1);
}
.tt-section .dt_image-img img
{
    width:100%;
}
.tt-section .col-inner>.dt-wrap:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #f8f8f8;
    width: 46%;
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    z-index: 0;
}
.tt-section .stack
{
    flex-wrap:wrap;
    flex-grow: 1;
}
.tt-section .stack .dt-wrap
{
    width:calc((100% - 0rem)/2);
    display: flex;
    align-items: center;
}
.tt-section .stack .dt-wrap:nth-child(1),
.tt-section .stack .dt-wrap:nth-child(3)
{
     border-right:thin solid #ddd;
}
.tt-section .stack .dt-wrap:nth-child(1),
.tt-section .stack .dt-wrap:nth-child(2)
{
     border-bottom:thin solid #ddd;
     padding-bottom:2.5rem;
}
.tt-section .stack .dt-wrap:nth-child(2n+1)
{
    padding-right:3.75rem;
}
.tt-section .stack .dt-wrap:nth-child(2n+2)
{
    padding-left:3.75rem;
}
.tt-section .stack .dt-wrap:nth-child(n+3)
{
    padding-top:2.5rem;
}
.tt-section .stack .dt_image-img
{
    height: 5rem;
    width: 5rem;
    line-height: 5rem;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    flex: none;
    box-shadow: 0px 10px 50px rgba(30, 40, 58, 0.12);
}
.tt-section .stack .section-image-container
{
    margin-right:1.5rem;
}
.tt-section .stack .dt-wrap .dt_image-img img 
{
    transition:all .4s;
}
.tt-section .stack .dt-wrap:hover .dt_image-img img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.tt-section .section-title-container .sub-title
{
    display:none;
}
.tt-section .counter-value
{
    font-size:2.5rem;
    font-weight:600;
    line-height: 1.2;
}
.tt-section .counter-title
{
    color:#4D5765;
    padding-left:.25rem;
    display: block;
    white-space: nowrap;
    font-size: .95rem;
}
#main .gt-section
{
    padding-bottom:0 !important;
}
.gt-section p
{
    text-align:justify;
}
.gt-section .dt_image-img img
{
    transform:scale(1.1) translateY(-3rem);
}
#main .vision-section
{
    background:#aa230a;
}
.vision-section .section-title
{
    justify-content:center;
}
.vision-section .section-title-main
{
    color:#fff;
}
.vision-section .dt-wrap
{
    display:flex;
}
.vision-section .dt-wrap .section-image-container
{
    width:calc((100% - 2*2rem)/3);
    margin-right:2rem;
    background-color:#f0f0f0;
    padding:1.5rem;
    position:relative;
    z-index: 1;
}
.vision-section .dt-wrap .section-image-container:before
{
  content:'';
  position:absolute;
  left:0;
  top:0;
  background-image: url(assets/images/shape-3-1.png);
  background-position: top right;
  background-size: 55%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  filter: grayscale(1);
  opacity: .5;
  z-index: 0;
}
.vision-section .dt-wrap .dt_image-img img
{
  width:4.5rem;
  filter: invert(28%) sepia(10%) saturate(5415%) hue-rotate(200deg) brightness(89%) contrast(103%);
}
.vision-section .dt-wrap .dt_image-content>*:first-child
{
  text-align:center;
  font-size:2rem;
  font-weight:600;
  margin-top:.5rem;
  margin-bottom:.5rem;
}
.vision-section .dt-wrap .dt_image-content p
{
  text-align:justify;
}
.vision-section .dt-wrap .dt_image-img
{
  text-align:center;
}
.vision-section .dt-wrap .dt_image-content
{
  z-index:2;
  position:relative;
}
.blog-single h1.project-header__title
{
    font-size:2.25rem;
    font-weight:500;
    margin-top: 0;
    margin-bottom: 2rem;
}
.project-overview
{
    margin:3rem 0 2rem;
   
}
.project-overview__list
{
    display:flex;
    justify-content: flex-start;
    width: 100%;
}
.project-overview__item
{
    display:flex;
    align-items:center;
    padding-right: 6rem;
}
.project-overview__item__img
{
    width:3rem;
    display:none;
}
.project-overview__item__info
{
    color:#555;
}
.project-overview__item__info span
{
    color:#333;
    display:block;
    font-weight:600;
}
.project-content img
{
    width:100%;
}
.single-projects blockquote:before
{
    background:#fff;
}
.wp-caption
{
    margin-left:auto;
    margin-right:auto;
}
.project-archive-inner .section-title-container
{
    display:flex;
    align-items:center;
}
.project-archive-inner .section-title-container .section-title
{
    flex-grow:1;
    text-align:left;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.project-archive .archive-sub-title
{
    font-size:1rem;
    color:#aa230a;
    position: relative;
    z-index: 1;
}
.project-archive .archive-sub-title:before
{
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 50%;
    background: #FFEAE1;
    z-index: -1;
}
.project-archive .section-title-main
{
    text-transform:uppercase;
    font-weight:500;
    margin-top:.5rem;
}
.project-archive .btn.btn--normal
{
    white-space:nowrap;
}
.project-archive .btn img
{
    margin-bottom:0;
    filter:invert(1);
}
.projects-list
{
    display:flex;
    flex-wrap:wrap;
    margin:2.5rem 0 1rem;
}
.projects-list .post-item
{
    flex-basis:calc((100% - 2*1.875rem)/3);
    max-width:calc((100% - 2*1.875rem)/3);
    margin-right:1.875rem;
    margin-bottom:1.875rem;
    margin-left: 0;
}
/*.projects-list .post-item:nth-child(4)*/
/*{*/
/*  display:none;*/
/*}*/
.projects-list .post-item:nth-child(3n+3)
{
    margin-right:0;   
}
.projects-list .box-text
{
    padding: .875rem 1.5rem;
    box-shadow:none;
    background:#f8f8f8;
}
.projects-list .box-text .post-title a
{
    color:#aa230a;
}
.projects-list .box-image img
{
    margin-bottom:0;
}
.projects-list .post-title 
{
    margin-bottom:1rem;
}
.projects-list .post-title a
{
    text-transform:none;
    text-align:left;
    line-height:1.5;
    color: rgb(26, 84, 127);
    font-size: 1.125rem;
    font-weight: 600;
    width: 100%;
}
.projects-list .post-item .post-meta 
{
    color:#4D5765;
    justify-content: flex-start;
    margin-top:.25rem;
    font-size:.875rem;
}
.projects-list .post-item .post-meta a
{
    color:#4D5765;
}
.projects-list .post-meta>*
{
    margin-left:0;
    margin-right: 0;
}
.projects-list .post-cat
{
    margin-left: 1rem;
}
.projects-list .post-meta img
{
    filter: invert(12%) sepia(56%) saturate(6799%) hue-rotate(13deg) brightness(96%) contrast(92%);
    margin-right: .25rem;
}

.nav-section .ux-menu
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    margin-bottom:1rem;
}
.nav-section .ux-menu-link
{
   
    border:none;
}
.nav-section .ux-menu-link a
{
    border:none !important;
    padding: .25rem 1.875rem;
    border-right:.125rem solid #aa230a !important;
    font-size: 1.25rem;
    color:#aa230a;
    text-transform:uppercase;
    font-weight:600;
    min-height: unset;
    text-align: center;
    transition:all .25s;
}
.nav-section .ux-menu-link a.active
{
  background:#aa230a;
  color:#fff;
}
.page-id-9553 .nav-section .ux-menu-link a
{
    font-size:1.125rem;
    padding: .25rem 1rem;
}
.nav-section .ux-menu-link:last-child a
{
    border:none !important;
}
#main .nav-section
{
    padding:3rem 0 5rem!important;
    z-index: 999;
}
.nav-section .row
{
   transition: all 0.4s ease;
   left:50%;
   position:relative;
   transform:translateX(-50%);
   margin-left: 0;
}
.nav-section .row.sticky
{
  position:fixed;
  top: calc(4.375rem + 0rem);
  background:#fff;
  left:50%;
  transform:translateX(-50%);
  z-index:9999999;
  animation: stuckMoveDown2 .6s;
  border: thin solid #eee;
}
.logged-in .nav-section .row.sticky
{
    top: calc(4.375rem + 2.125rem);;
}
@keyframes stuckMoveDown2{
  0% {
    transform: translateY(-100%) translateX(-50%);
}
100% {
    transform: translateY(0) translateX(-50%);
}
}
.nav-section .row.sticky .col
{
  padding-bottom:0;
}
.nav-section .row.sticky .ux-menu
{
  margin-bottom:0;
}
.nav-section .dt_image-content
{
    margin-bottom:0;
}
 .nav-section .dt_image-img img
 {
     height: 45rem;
     width:100%;
     object-fit:cover;
     object-position: center -8rem;
 }
.nav-section .dt_image-content>*:first-child
{
    position:absolute;
    background:#aa230a;
    padding:2rem 3rem;
    font-size:2.5rem;
    text-transform:uppercase;
    color:#fff;
    max-width:42rem;
    border-radius:1.75rem;
    left:50%;
    transform:translateX(-50%);
    bottom:-4rem;
    margin-bottom:0;
    text-align:center;
}
.nav-section .dt_image-content>h2:first-child
{
    font-size:2rem;
}
.qt-section .row + .row
{
    padding-top:2rem;   
}
.qt-section .dots-img .dt_image-img
{
    padding-right: 4rem;
    position:relative;
}
.qt-section .dots-img .dt_image-img:before
{
    content:'';
    position:absolute;
    width:17rem;
    height:15rem;
    background-image:url('assets/images/dots001.png');
    right: 0rem;
    top:-2.5rem;
    z-index:-1;
}
.tc-section
{
    background:#aa230a;
}
.tc-section .section-title-main,
.tc-section .section-title-main *
{
    color:#fff;
}
.tc-section .dt-wrap
{
    padding-right:calc(50% + 2rem);
    color:#fff;
}
.tc-section .dt-wrap + .section-image-container
{
    position:absolute;
    width:50vw;
    right:calc((-100vw + 75.125rem - 1rem)/2);
    top: 50%;
    transform: translateY(-50%);
}
.tc-section .dt-wrap + .section-image-container .dt_image-img,
.tc-section .dt-wrap + .section-image-container .dt_image-img a,
.tc-section .dt-wrap + .section-image-container img
{
    object-fit:cover;
    min-height:calc(43.75rem + 2rem);
    display: block;
}
.tc-section .col
{
    padding-bottom:0;
}
.tc-section .stack
{
    flex-wrap:wrap;
}
.tc-section .stack .section-image-container
{
    width:calc((100% - 2rem)/2);
    margin-right:2rem !important;
    margin-top:2rem !important;
    background:#fff;;
    color:#aa230a;
   
}
.tc-section .stack .section-image-container:nth-child(2n+2)
{
    margin-right:0 !important;
}
.tc-section .stack .dt_image-content
{
    justify-content:center;
    align-items:center;
    display:flex;
    flex-direction:row-reverse;
    padding:.5rem 1rem;
}
.tc-section .stack .dt_image-content p
{
    width:3.75rem;
    height:3.75rem;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#aa230a;
    border-radius:50%;
    margin-right:1rem;
    margin-bottom: 0;
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    position:relative;
    z-index:1;
}
.tc-section .stack .dt_image-content p:before
{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(0);
    transition: 0.4s;
    border-radius: 50%;
    background-color:#000;
    z-index:-1;
}
.tc-section .stack .dt_image-content:hover p:before
{
    transform: scale(1);
}
.tc-section .stack .dt_image-content>*:first-child
{
    font-weight:600;
}


.product-single-inner
{
    display:flex;
    align-items:flex-start;
}
.product-main
{
    flex-grow:1;
}
.product-single .post-sidebar
{
    flex:none;
    width:40%;
    margin-left:2rem;
}
.product-title,
.price
{
    color:#ad0606;
    font-weight:600;
    font-size:1.875rem;
}
.price
{
     font-weight:600;
    font-size:1.5rem;
    margin-bottom:2.5rem;
}
.product-info__line
{
    display:flex;
    align-items:center;
}
.product-info__line label
{
    font-weight:600;
    font-size:1rem;
    color:#000;
    margin-right:1rem;
    flex:none;
    width:20%;
}
.warranty span
{
    height: 2.75rem;
    border-radius: .1875rem;
    padding: .5rem .75rem;
    padding-left:0;
    box-sizing: border-box;
    background:#F4F4F4;
    display:flex;
    align-items:center;
    text-transform:uppercase;
    font-size:.75rem;
    font-weight:600;
    position:relative;
}
.warranty span:before
{
    content:'';
    position:absolute;
    width:calc(100% + .5rem);
    height:calc(100% + .5rem);
    border-radius: .1875rem;
    border:thin solid #BBBBBB;
    left:-.25rem;
    top:-.25rem;
}
.warranty number
{
    width:2.75rem;
    height:2.75rem;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#433779;
    margin-right:.5rem;
    color:#fff;
    border-radius: .1875rem;
}
.color
{
    border-top:thin solid #ededed;
    margin-top:1.5rem;
    padding-top:1rem;
}
.color-list span
{
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    box-sizing: border-box;
    display: inline-block;
    margin-right: .5rem;
    position:relative;
    box-shadow: rgb(0 0 0 / 16%) 0 1px 1px;
    cursor: pointer;
}
.color-list span:before
{
    content:'';
    position:absolute;
    width:calc(100% + .5rem);
    height:calc(100% + .5rem);
    left:-.25rem;
    top:-.25rem;
    border:thin solid #ededed;
    border-radius:50%;
}
.product-single .contacnt-btn
{
    margin:2rem 0;
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:20rem;
    color:#fff;
    font-size:1rem;
    font-weight:600;
    background:#ad0606;
    padding:.55rem 1.5rem;

}
.product-sidebar .dt-image-container
{
    border-style: solid;
    border-color: #ededed;
    border-width: thin;
    border-radius: .25rem;
    margin-bottom: 0;
    padding:1.25rem;
    display: flex;
    align-items: flex-start;
    position: relative;
}
.product-sidebar .dt-image-container a:before
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.related-product-slider:not(.flickity-enabled)
{
    max-height: 31.25rem;
}
.product-gallery__thumbs-slider:not(.flickity-enabled)
{
    max-height: 12rem;
}
.product-gallery__main-slider:not(.flickity-enabled)
{
    max-height: 35rem;
}
.product-sidebar .dt_image-img img
{
    width:3rem;
}
.product-sidebar .dt_image-content
{
    font-size:1rem;
    font-weight:500;
    padding-left:1rem;
    text-align:left;
    font-size:1.125rem;
}
.product-sidebar .dt_image-content p
{
    font-weight:400;
    text-align:left;
    font-size: .875rem;
    margin-top: .5rem;
}
body .slider-nav-light .flickity-page-dots .dot,body .flickity-enabled .flickity-page-dots .dot {color: rgb(225,26,26);top: 6.5px;left: 6.5px;width: 8px;height: 8px;content: "";background-color: #ad0606;border-radius: 2px;transition: all 0.25s ease 0s;border: 2px solid #fff;}

body .slider-nav-light .flickity-page-dots .dot.is-selected,body .flickity-enabled .flickity-page-dots .dot.is-selected { color: rgb(225,26,26); content: ""; background-color: #ad0606; top: 3.5px; left: 3.5px; height: 13px; width: 13px; border-radius: 2px; }

.product-gallery__main
{
    padding-right: 4rem;
}
#main .product-gallery__thumbs .product-gallery__thumbs
{
    width:calc((100% - 4rem)/4) !important;
    margin-right: 1rem !important;
    border: thin solid #eee;
    padding: 1.5rem;
}
.product-content-wrap
{
    margin-top:2rem;
    padding-top: 4rem;
    padding-right: 8%;
    padding-left: 8%;
    border-style: solid;
    border-color: #ededed;
    border-width: thin;
    display: none;
}
.product-attr .product-attr__title
{
    font-size:1.5rem;
    font-weight:500;
    color:#113561;
    margin-bottom:1.25rem;
}
.product-attr
{
    margin-bottom:2rem;
}
.product-attr__line
{
    display:flex;
    justify-content:space-between;
    font-size:1rem;
}
.product-attr__line label
{
    font-weight:500;
    font-size:1rem;
    width:30%;

}
.product-attr__line span
{
    color:#113561;
    font-style:italic;
    position:relative;
    flex-grow: 1;
    text-align: right;
}
.product-attr__line span:before
{
    content:'';
    width:100%;
    height:1px;
    border-top:thin solid #eee;
    position:absolute;
    left:0;
    top:50%;
}
.product-attr__line span span:before
{
    content:none;
}
.product-attr__line span span
{
    background:#fff;
    padding:.5rem 0 .5rem 1rem;
}
.related-product
{
    margin:2rem 0 1rem;
}
.related-product .related-product__title
{
    text-align:center;
    text-transform:uppercase;
    font-size:1.75rem;
    color: #ad0606;
}
body .products-list .box
{
    width: calc((100% - 4.5rem)/3) !important;
    margin-right: 1.5rem !important;
    border: .1875rem solid #aa230a;
    padding: 0;
    margin-left: unset;
    margin-bottom: 1.5rem;
    overflow: hidden;
    border-radius: 1rem;
}
.related-product-slider
{
    width:100%
}
/* body .products-list .related-product-slider .box
{
    width: 100% !important;
} */
.products-list .box-image
{
    padding: 1rem;
}
.products-list .box-image img
{
    height:18.75rem;
    object-fit:cover;
}
.products-list .post-title
{
    text-transform:none;
    font-size:1.125rem;
    text-transform:uppercase;
    color:#aa230a;
}
body .slider-nav-light .flickity-prev-next-button
{
    opacity:1;
}
body .slider-nav-light .flickity-prev-next-button svg,
body .slider-nav-light .flickity-prev-next-button svg .arrow
{
    fill:#aa230a;
}
.product_sc_list .products-list
{
    display:flex;
    flex-wrap:wrap;
    margin:1rem 0;
}
.product-section .product_sc_list .products-list
{
    margin:2.5rem 0;
}
.product-section .box
{
    background-color: #fff;
    border-radius:1rem;
    border-color:#fff;
}
.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.035);
}
.product-section .section-title,
.price-section .section-title
{
    justify-content:center;
}
.product_cat_nav
{
    margin:0rem 0 2rem;
    display:flex;
    justify-content:center;
}
.product_cat_nav a
{
    color:#ad0606;
    font-weight:500;
    font-size:1.125rem;
    margin-right:3rem;
    position:relative;
    text-transform:uppercase;
}
.product_cat_nav a.active
{
    font-weight:700;
}
.product_cat_nav a:last-child
{
    margin-right:0;
}
.product_cat_nav a:not(:last-child):after
{
    content:'';
    position:absolute;
    height:calc(100% - .75rem);
    width:2px;
    top:50%;
    transform:translateY(-50%);
    background:#ad0606;
    right:-1.5rem;
}
.products-list
{
    display:flex;
    flex-wrap:wrap;
}
.products-list .box-text
{
    padding:1rem 1.5rem;
}
.products-list .btn.btn--normal
{
    margin:1rem 0 0;
    width:100%;
    max-width: unset;
}
.btn.btn--normal.viewall-btn
{
    margin:1rem 0 0;
    left:50%;
    transform:translateX(-50%);
}
.btn.btn--normal.viewall-btn img
{
    filter:invert(1);
}
#main .price-section
{
    padding:0 !important;
}
.price-section .wpforms-container
{
    max-width: 60rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 2rem 3rem;
    border-radius: 1rem;
}
.price-section div.wpforms-container-full .wpforms-form select
{
    appearance: auto;
    background: #fff !important;
    border-radius: .25rem !important;
}
#wpforms-9830-field_13
{
    display:flex;
    flex-wrap:wrap;
}
#wpforms-9830-field_13>li
{
    flex:none;
    width:50%;
    margin-bottom:0 !important;
}
#wpforms-9830-field_13>li label
{
    position:relative;
    top:-.125rem;
}
#wpforms-9830-field_13 *,
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select,
.wpforms-field input
{
    font-size:.875rem !important;
}
#wpforms-submit-9830
{
    max-width:max-content;
    padding: 0.875rem 1.5rem .85rem;
    left: 50%;
    transform: translateX(-50%);
}
.project2-section .section-title
{
    justify-content:center;
}
.project2-section .projects-list .box-image img
{
    aspect-ratio: 3/4;
    object-fit: cover;
}
.project2-section .projects-list .box-image:after
{
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(22, 23, 26, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
.project2-section .projects-list .box:hover .box-image:after
{
    opacity: 1;
    visibility: visible;
}
.project2-section .projects-list .box-text
{
    position:absolute;
    bottom:2rem;
    background:#aa230a;
    max-width:calc((100% - 4rem));
    left:50%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) scale(0.6);
    transition: 0.4s;
}
.project2-section .projects-list .box:hover .box-text
{
    transform: translateX(-50%) scale(1);
    opacity: 1;
    visibility: visible;
}
.project2-section .projects-list .post-title a
{
    color:#fff;
    text-transform:uppercase;
    text-align:center;
}
.project2-section .projects-list .post-cat,
.project2-section .projects-list .post-cat a
{
    color:#fff;
    text-align:center;
    display:block;
    width:100%;
    margin:0;
    font-size:1rem;
}
.project2-section .projects-list .view-more
{
    background:#fff;
    width:2.5rem;
    height:2.5rem;
    border-radius:50%;
    flex:none;
    max-width: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1.5rem;
    transition: 0.4s;
}
.project2-section .projects-list .view-more:before
{
    content:none;
}
.project2-section .projects-list .view-more img
{
    margin:0;
    transition: 0.4s;
    position: relative;
    top: -.0625rem;
}
.project2-section .projects-list .view-more:hover
{
    background:#000;
}
.project2-section .projects-list .view-more:hover img
{
    filter:invert(1);
}
.page-id-9551 .nav-section + .tc-section
{
    margin-top:4rem;
    margin-bottom:4rem;
}
.tc-section.tc-reserve-section .dt-wrap + .section-image-container
{
    right:auto;
    left: calc((-100vw + 75.125rem - 1rem)/2);
}
.tc-section.tc-reserve-section .dt-wrap
{
    padding-left: calc(50% + 2rem);
    padding-right:0;
}
.cc-section .section-image-container .dt_image-content
{
    max-width: 75.125rem;
    padding-right:45%;
    width: 100%;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom: 0;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    text-align:center;
}
.cc-section .section-image-container .dt_image-content b
{
    display:block;
}
.cc-section .section-image-container .dt_image-content>*:first-child
{
   background:#aa230a;
   padding:.5rem 5rem;
   text-align:center;
   text-transform:uppercase;
   border-radius:1rem;
   margin-bottom:1.5rem;
}
.cc-section .section-image-container .dt_image-img:before
{
    content:'';
    position:absolute;
    left:0;
    top:0;
    background:#0000004d;
    width:100%;
    height:100%;
}
.cc-section .section-title-container .section-title-main,
.bccc-section .section-title-container .section-title-main
{
    flex-direction:column;
}
.cc-section .section-title-container .section-title-main .sub-title,
.bccc-section .section-title-container .section-title-main .sub-title
{
    font-size:1.25rem;
    margin-top:1.5rem;
}
/* .tpcl-section .col-inner>.section-title-container .section-title
{
    justify-content:flex-end;
    transform:rotate(12.5deg);
   
} */
.page-id-9553 .reserve
{
    background:#aa230a;
}
.page-id-9553 .reserve .row
{
    flex-direction:row-reverse;
}
.tpcl-section .section-title-main
{
    font-size:3rem;
    position:relative;
}
/* .tpcl-section .col-inner>.section-title-container .section-title-main:before,
.tpcl-section .col-inner>.section-title-container .section-title-main:after
{
    content:'';
    position:absolute;
    width:5.5rem;
    height:5.5rem;
    left:-6rem;
    top:50%;
    transform:translateY(-50%);
    background-image:url('assets/images/4a6cdcaedce8994547b7a6e1559228be.png');
    background-size:contain;
    background-repeat:no-repeat;
}
.tpcl-section .col-inner>.section-title-container .section-title-main:after
{
    background-image:url('assets/images/36502572af3c2df1f98bd16f4349cc28.png');
    left:auto;
    right:-6rem;
} */
/* .tpcl-section .dt_image-img
{
    
    min-width:100vw;
    left:calc((-100vw + 75.125rem - 1rem)/2);
    position:relative;
} */
/* .tpcl-section .col-inner
{
    display:flex;
    flex-direction:column;
} */
/* .tpcl-section .section-image-container
{
    order:1;
    position: relative;
    z-index: 2;
} */
/* .tpcl-section .dt-wrap:before
{
    content:'';
    background:#aa230a;
    position:absolute;
    width:100vw;
    height:30rem;   
     left:calc((-100vw + 75.125rem - 1rem)/2);
     transform:rotate(12.5deg);
     z-index:-1;
}
.tpcl-section .dt-wrap
{
    color:#fff;
    padding-bottom:2rem;
} */
.tpcl-section .section-title-main,
.htdl-section .section-title-main
{
    color:#fff;
    font-weight:600;
    font-size:2.25rem;
    flex-direction: column;
}
.tpcl-section .sub-title,
.htdl-section .sub-title
{
   order:3;
   margin-top: 1.5rem;
   opacity: 1;
}
.tpcl-section .sub-title li,
.htdl-section .sub-title li
{
    margin-bottom:1rem;
    background:#fff;
    color:#aa230a;
    font-weight:600;
    font-size: 1.125rem;
    padding:.5rem 2rem;
    max-width: 24rem;
    text-align: left;
    margin-right:2rem !important;
    border-radius:1rem;
    list-style: none;
}
.tpcl-section .sub-title,
.htdl-section .sub-title
{
    color:#fff;
    font-size:1.25rem;
}
.tpcl-section .sub-title + p
{
    display:none;
}
#main .cc-section,
#main .tpcl-section,
#main .htbc-section
{
    /* padding-bottom:0 !important; */
}
#main .tpcl-section,
#main .htbc-section
{
    /* padding-top:0 !important; */
}
.htbc-section .section-title-container
{
    background:url('assets/images/7a9f53c26f38d76d15d1ee88052e768e.jpg');
    max-width: 100%;
    text-align: center;
    margin-bottom: 0;
    position: relative;
}
.htbc-section .section-title-container:after
{
     content: "";
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     position: absolute;
     background-color: rgb(0 0 0 / 35%);
     transition: 0.4s;
     z-index: 0;
}
.htbc-section .section-title-container .section-title
{
    justify-content:center;
    padding:2.5rem;
}
.htbc-section .section-title-container .section-title-main,
.htbc-section .section-title-container .section-title-main *
{
    color:#fff;
    opacity:1;
    font-size:3rem;
    z-index: 1;
}
.htbc-section .section-title-container .section-title-main *
{
    font-size:1.5rem;
}
.htbc-section .section-title-container .section-title-main .sub-title:before
{
    content:none;
}
#main .workshop-section
{
    padding-bottom: 5rem !important;
    background:#e02626;
    z-index: 0;
}
.workshop-section .col:first-child .col-inner
{
    padding-right:3rem;
   
}
.workshop-section .col:first-child .col-inner>p
{
    position:relative;
    padding-top:1.5rem;
    text-align:justify;
     color:#fff;
    font-size:1.25rem;
}
.workshop-section .col:first-child .col-inner>p:before
{
    content:'';
    position:absolute;
    width:6rem;
    height:.25rem;
    background:#fff;
    top:0;
}
.workshop-section .col:first-child .section-image-container
{
    display:flex;
    flex-direction:column-reverse;
}
.workshop-section .col:first-child .dt_image-content
{
    color:#fff;
    font-size:1.25rem;
    position:relative;
    padding-left:4rem;
    line-height:1.2;
    margin-bottom:3rem;
}
.workshop-section .col:first-child .dt_image-content>*:first-child
{
    font-weight:900;
}
.workshop-section .col:first-child .dt_image-content:before
{
    content:'';
    position:absolute;
    width:3rem;
    height:3rem;
    background-image:url('assets/images/circle-1.svg');
    left:0;
    background-repeat:no-repeat;
    background-position:center;
    top:50%;
    transform:translateY(-50%);
}
.workshop-section .col:first-child .dt_image-content p
{
    margin-bottom:0;
}
.workshop-section .btn
{
       background: rgb(173, 6, 6);
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 0.65rem 1.5rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    font-size: 0.875rem;
    max-width: max-content;
    position: relative;
    transition:all .25s;
}
.workshop-section .btn:hover
{
    background:#970606;
}
.workshop-section .video-button-wrapper
{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index: 2;
    opacity: 1;
   
}
.workshop-section .video-button-wrapper .button.icon
{
    margin-bottom:0;
    border-color: #fff;
    color: #fff;
   color:#fff;

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

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255,255,255, 0.1), 0 0 0 40px rgba(255,255,255, 0.1), 0 0 0 60px rgba(255,255,255, 0);
        box-shadow: 0 0 0 20px rgba(255,255,255, 0.1), 0 0 0 40px rgba(255,255,255, 0.1), 0 0 0 60px rgba(255,255,255, 0);
    }
}
.abs__icon.hcn-1
{
    width:9rem !important;
      height:9rem;
    left:-4rem;
    bottom:-8rem;
    transform:rotate(90deg);
}
.abs__icon.hcn-2
{
    width:9rem !important;
    height:9rem;
    left:30rem;
    top:-8rem;
    transform:rotate(270deg);
    z-index:-1;
}
.abs__icon.circle-2
{
    width:8rem !important;
      height:8rem;
    right:28rem;
    bottom:-8rem;
    z-index:-1;
}
.abs__icon.circle-1
{
    width:2rem !important;
    height:2rem;
    right:22rem;
    bottom:-4rem;
    z-index:-1;
}
.abs__icon.gach-1
{
    width:8rem !important;
    height:2rem;
    left:0rem;
    bottom:-5rem;
    z-index:-1;
}
.abs__icon.plus-1
{
    width:1.5rem !important;
    height:1.5rem;
    right:6rem;
    bottom:-3.5rem;
    z-index:-1;
}
.abs__icon.plus-2
{
    width:1.875rem !important;
    height:1.875rem;
    right:0rem;
    top:0rem;
    z-index:-1;
}
.abs__icon.gach-2
{
    width: 8rem !important;
    height:2rem;
    left: -1rem;
    top: 10rem;
    z-index:-1;
    transform:rotate(90deg);
}
.workshop-section .col:last-child
{
    padding-top:4rem;
}
.workshop-section .col:last-child .dt_image-img
{
    padding-left:5rem;
}
.workshop-section .col:last-child .dt_image-img img
{
    height:34rem;
    object-fit:cover;
}
.abs__icon.hcn-3
{
    width:9rem !important;
    height:9rem;
    left:.5rem;
    bottom:-4.5rem;
    z-index:1;
}
.abs__icon.hcn-4
{
    width: 24rem !important;
    height: 2.5rem;
    left: 2.5rem;
    top: -1.5rem;
    z-index:1;
    margin-bottom: 0 !important;
}
.abs__icon.hcn-5
{
    width: 24rem !important;
    height: 2.5rem;
    left: 50%;
    bottom: -1.5rem;
    z-index:1;
    margin-bottom: 0 !important;
}
.abs__icon.gach-4
{
    width: 16rem !important;
    height: 2.5rem;
    left: 90%;
    bottom: -6.5rem;
    z-index:1;
}
.abs__icon.gach-5
{
    width: 16rem !important;
    height: 2.5rem;
    left: 10%;
    top: -5.5rem;
    z-index:1;
    
}
.services-section .sub-title:before
{
    content:none;
}
.services-section .sub-title
{
     opacity:1;
     padding-bottom: 0;
}

.services-section .sub-title i
{
    color:#aa230a;
    opacity:1;
    font-size:.875rem;
    margin-right: .35rem;
}
.services-section .section-title
{
    justify-content:center;
}
.services-section .section-title-main
{
    font-weight:600;
    line-height: 1.5;
    text-align:center;
}
.services-section .slider .section
{
    width:calc((100% - 4rem)/3);
    padding: 0 !important;
    margin-right: 2rem !important;
  
}
.services-section .slider .section .section-content
{
    background:#fff;
    padding:2.5rem;
    padding-top:0;
}
.services-section .slider .section .dt_image-img
{
    min-width:calc((100% + 5rem));
    position:relative;
    left:-2.5rem;
    margin-bottom: 4.5rem;
}
.services-section .slider .section .dt_image-content
{
    position:relative;
}
.services-section .slider .section .dt_image-content p
{
    position:absolute;
    width:6rem;
    height:6rem;
    top: calc(-3rem - 4.5rem);
    background:#fff;
    border-radius:50%;
    box-shadow: 2px 3.464px 20px 0px rgba(18, 14, 14, 0.06);
    transition: 0.5s;
    display:flex;
    align-items:center;
    justify-content:center;
}
.services-section .slider .section .dt_image-content p:after
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-image:url('assets/images/shape-1-1.png');
    background-position:center .35rem;
    background-repeat:no-repeat;
    opacity:0;
    transition:.4s;
}
.services-section .slider .section:hover .dt_image-content p i
{
    color:#fff;
}
.services-section .slider .section:hover .dt_image-content p:after
{
    opacity:1;
}
.services-section .slider .section .dt_image-content p i
{
    font-size:2.5rem;
    margin:0;
    color:#aa230a;
    font-weight:700;
    line-height: 1;
    z-index:2;
     transition:.4s;
}
.services-section .slider .section .dt_image-content>*:first-child
{
    font-weight:500;
    font-size:1.375rem;
    color:#aa230a;
}
.services-section .slider .section .dt_image-img:after
{
    content: "";
    bottom: 0;
    left: 0;
    width: 0%;
    height: 6px;
    position: absolute;
    background-color: #dd0733;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    z-index: 0;
}
.services-section .slider .section:hover .dt_image-img:after
{
        opacity: 1;
    visibility: visible;
    width: 100%;
}
.services-section .slider .section p 
{
    overflow:hidden;
}
.services-section .slider .section p a
{
    color:#aa230a;
    text-transform:uppercase;
    font-size:.875rem;
    font-weight:500;
    width:5rem;
    position:relative;
    margin-left: -5rem;
    transition: 0.5s;
}
.services-section .slider .section:hover p a {
    margin-left: 0;
}
.services-section .slider .section p a:after
{
    content:'';
    position:absolute;
    right:-2rem;
    top:50%;
    transform:translateY(-50%);
    width:1.25rem;
    height:1.25rem;
    background-image:url(assets/images/arrow-right-alt-svgrepo-com.svg);
    background-size:contain;
    filter: invert(30%) sepia(56%) saturate(6799%) hue-rotate(13deg) brightness(96%) contrast(92%);
    background-position:center;
    background-repeat:no-repeat;

}
.services-section .slider .flickity-prev-next-button,
.clients-section .slider .flickity-prev-next-button
{
    display:none;
}
.home-project-section .section-title
{
    justify-content:center;   
}
.home-project-section .projects-list
{
    /* min-width:100vw; */
    /* position:relative; */
    /* left:calc((-100vw + 75.125rem - 1rem)/2); */
}
.home-project-section .projects-list .post-item
{
    flex-basis:calc((100% - 3*1.875rem)/4);
    max-width: calc((100% - 3*1.875rem)/4);
    margin-right:1.875rem;
}
.home-project-section .projects-list .post-item:nth-child(4n+4)
{
    margin-right:0;
}
.tes-section
{
    background:#f1edeb;
}
.tes-section .section-title,
.news-section .section-title
{
    justify-content:center;
    text-align:center;
}
.tes-section .section-title .sub-title,
.news-section .section-title .sub-title
{
    opacity:1;
    text-transform:uppercase;
}
.tes-section .bg
{
    background-size:75% !important;
    background-repeat:no-repeat !important;
    background-position:top right;
}
.tes-section .section .bg
{
    background:transparent !important;
} 
.tes-section .section
{
    width:calc((100% - 4rem)/3);
    padding: 0 !important;
    margin-right: 2rem !important;
}
.tes-section .slider .section .section-content
{
    background:#fff;
    padding:2.5rem;
    padding-bottom: 1.5rem;
    padding-top:0;
}
.tes-section .text
{
    margin-top:.5rem;
    margin-bottom:3rem;
}
.tes-section .text:after
{
    content:'';
    position:absolute;
    width:50%;
    height:2.5rem;
    background-image:url('../../uploads/2024/04/stars.jpg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    left:50%;
    transform:translateX(-50%);
    bottom:2rem;
}
.tes-section .readmore-btn
{
    display:inline-block;
    color:#ad0606;
}
.tes-section .full-text
{
    display:inline;
    padding-left: .15rem;
}
.tes-section .dt_image-img
{
    width:6.25rem;
    height:6.25rem;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    top:calc(-6.25rem/2);
    left:50%;
    transform:translateX(-50%);
}
.tes-section .dt_image-img img
{
  height:100%;
  object-fit:cover;
  width:100%;
}
.tes-section .dt_image-content>*:first-child
{
    font-weight:600;
    text-align:center;
    font-size:1.375rem;
    margin-top:-2rem;
}
.tes-section .dt_image-content
{
    text-align:center;
    color:#aa230a;

}
.tes-section p
{
    text-align:center;
    display: inline;
}
.tes-section p:last-child
{
    margin-bottom:0;
}
.tes-section p img
{
    width:42% !important;
    margin-top:-1rem;
}
.tes-section .section .section-content:before
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-image:url('assets/images/shape-3-1.png');
    background-position:top right;
    background-size: 35%;
    background-repeat:no-repeat;
    right: 0;
    top: 0;
    z-index: -1;
}
#main .tes-section,
#main .news-section
{
    padding-bottom:2rem !important;
}
.tes-section .col,
.news-section .col
{
    padding-bottom:0;
}
#main .clients-section
{
    /* background:#aa230a; */
    padding-bottom:0 !important;
}
.clients-section .slider img
{
    height: 4.5rem;
    width:auto;
}
.clients-section .flickity-page-dots
{
    bottom:-2.5rem;
}
.news-section .news-slider .post
{
     width:calc((100% - 4rem)/3);
    padding: 0 !important;
    margin-right: 2rem !important;
}
.news-section .news-slider .post .box-text
{
    position:relative;
    background:#aa230a;
    max-width:80%;
    left:50%;
    transform:translateX(-50%);
    top:-2rem;
    padding: 1.25rem;
}
.news-section .news-slider .post .box-text .view-more,
.news-section .news-slider .post .box-text .from_the_blog_excerpt
{
    display:none;
}
.news-section .news-slider .post .box-text *
{
    color:#fff;
}
.news-section .news-slider .post .box-text img
{
    filter:invert(1);
}
.news-section .news-slider .post .box-image img
{
    height:16rem;
    object-fit:cover;
}
.news-section .news-slider .post .post-title a
{
    margin: .5rem 0 0;
    text-transform:none;
    font-size: 1rem;
    font-weight:500;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.75rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.date-meta
{
    margin-left:0 !important;
}
.sticky-btn
{
    position: fixed;
    left: 6px;
    bottom: 25px;
    z-index: 1001;
    display:flex;
    flex-direction:column-reverse;
    align-items: flex-start;
}
.right-sticky-btn,
.sms-sticky-btn
{
    left: auto;
    right: 1.875rem;
    bottom: 6rem;
}
.right-sticky-btn.zalo
{
    bottom:10rem;
}
.sticky-btn
{
    background: #9a9a9a9c;
    border-radius: 50%;
    color: #fff;
    padding: .5rem;
    font-weight: bold;
    margin-top:10px;
    box-shadow: 2px 1px 1px 1px #9a9a9a9c;
    display: flex;
    align-items: center;
    -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;
}
@-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
    }
}
.sticky-btn img
{
    display: inline-block;
}
.right-sticky-btn img,
.sms-sticky-btn img
{
    width: 2.5rem;
    height: 2.5rem;
}
.sticky-btn span
{
     margin-left: 8px;
     padding-right: 20px;
}
@keyframes suntory-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@keyframes suntory-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}

.page-id-9922 #main .td-banner-section,
.parent-pageid-9922 #main .td-banner-section
{
    padding:0 !important;
}
.td-banner-section .dt_image-img img,
.page-id-9922 .post-content>.img img
{
    width:100%;
    height:31.5rem;
    object-fit:cover;
    position: static;
}
.page-id-9922 .post-content>.img img
{
  height:auto;
}
.page-id-9922 .post-content>.img .img-inner 
{
    padding:0 !important;
}
.td-banner-section .dt_image-content
{
    position:absolute;
    bottom:0;
    width:60%;
    left:50%;
    transform:translateX(-50%);
    background:#fff;
    border-bottom:thin solid #ccc;
}
.td-banner-section .dt_image-content>*:first-child
{
    background:#ad0606;
    text-align:center;
    font-size:1.25rem;
    color:#fff;
    padding:.35rem;
    font-weight:500;
}
.td-banner-section .dt_image-content p
{
    padding:1rem;
    font-size:1rem;
    font-weight:400;
}
.page-id-9922 .td-banner-section ~ .section .medium-6.col .section-title span,
.page-id-9922 .td-banner-section ~ .section .col .section-title span
{
    padding: .35rem 1.25rem;
    box-sizing: border-box;
    border-bottom: .3125rem solid #ad0606;
    position: relative;
    font-size: 1.35rem;
    color: #ad0606;
    font-weight: 600;
    text-transform:none;
    display:block;
    width: 100%;
}
.page-id-9922 .td-banner-section ~ .section .medium-6.col .section-title span:before,
.page-id-9922 .td-banner-section ~ .section .col .section-title span:before
{
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -.1875rem;
    right: 0;
    width: calc(100% - 1.25rem);
    height: .1875rem;
    background-color: #fff;
}
#main .recr-section .panel .dt-title-container .section-title span,
.parent-pageid-9922 #main .recr-section .dt-title-container .section-title span
{
    color:#fff;
    border-color:#fff;
    font-size: 1.25rem;
    text-transform:uppercase;
}
#main .recr-section .panel .dt-title-container .section-title span:before,
.parent-pageid-9922 #main .recr-section .dt-title-container .section-title span:before
{
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 2rem;
    background: #cacaca6e;
    z-index: -1;
}
#main .recr-section .panel .dt-title-container .section-title
{
    justify-content:center;
}
#main .recr-section .panel>.dt-title-container .section-title span
{
    display:inline-block;
    width: auto;
}
.recr-section .panel,
.parent-pageid-9922 .recr-section p
{
    color: #fefefe;
    font-size:1.0625rem;
}
.recr-section .panel>p
{
    text-align:center;
}
.recr-section .panel .col .dt_image-content>*:first-child
{
    font-size:1.125rem;
    margin-bottom:1rem;
    font-weight:600;
    margin-top:.5rem;
    color:#fff;
}
.recr-section .panel .col p,
.parent-pageid-9922 .recr-section .col p
{
    font-size:.875rem;
    text-align:justify;
    font-weight:400;
}
.recr-section .gallery-col .box-text,
.recr-section .gallery-col .fill
{
    display:none;
}
.recr-section .gallery-col img
{
    margin-bottom:0;
}
.recr-section .panel .col,
.parent-pageid-9922 .recr-section .col
{
    margin-bottom:1.5rem;
}
.recr-section .panel .col .dt_image-img
{
    justify-content:center;
    text-align:center;
}

.page-id-9922 .col p
{
    line-height:1.8;
    margin-bottom: .75rem;
}
#main .recr-section
{
    padding:0 !important;
    margin-top:-1rem !important;
    background:#ad0606;
}
.recr-section .nav
{
    background:#fff;
    position:relative;
}
.recr-section .nav:before
{
    content:'';
    position:absolute;
    min-width:100vw;
    left: 50%;
    top:0;
    height:100%;
    background: #f9f9f9;
    transform: translateX(-50%);
}
.parent-pageid-9922 #main .recr-section
{
    margin-top:0 !important;
    padding: 3.5rem 0 2.5rem !important;
}
.recr-section .section-content > .section-image-container
{
    margin-bottom: -2.75rem;
}
.recr-section .tabbed-content .nav-tabs>li
{
    margin:0;
}
.recr-section .tabbed-content .nav-tabs>li a
{
    background:#ffba00;
    color:#fff;
    font-size:.9375rem;
    font-weight:500;
    border:none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    height: 2.75rem;
    border-right: thin solid #ececec;
}
.recr-section .tabbed-content .nav-tabs>li:last-child a,
.recr-section .tabbed-content .nav-tabs>li.active a
{
    border:none;
}
.recr-section .tabbed-content .nav-tabs>li.active a
{
    background:#ad0606;
}
.recr-section .tab-panels
{
    background:#ad0606;
    border-color: #ad0606;
    padding-top: 3rem;
    padding-bottom: 4rem;
}
.recr-section .panel.active .col .col-inner
{
    opacity: 1;
}
.parent-pageid-9922 h1
{
    color:#fff;
    margin:2.5rem 0;
    font-weight:600;
    font-size:2rem;
}
.parent-pageid-9922 .recr-section .dt_image-img
{
    text-align:center;
}
.parent-pageid-9922 .recr-section .dt_image-img img
{
    width: 100%;
    max-width: 70%;
}
.recr-section .dt_image-img img
{
    max-height:14rem;
    width:auto;
}
.recr-section .row
{
    align-items:center;
}
.parent-pageid-9922 .recr-section .btn img
{
    width:1.5rem;
    margin-right: .5rem;
}
.parent-pageid-9922 .recr-section .btn
{
    background: #ffba00;
    color: #000;
    text-transform: uppercase;
    padding: 0.65rem 1.5rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    font-size: 0.9375rem;
    max-width: max-content;
    position: relative;
    font-weight: 500;
}
.rect-list
{
    display:flex;
    flex-wrap:wrap;
}
.rect-item
{
    flex-basis:calc((100% - 3rem)/3);
    margin-right:1.5rem;
    margin-bottom:1.5rem;
    background:#fff;
    padding:0;
}
.rect-item:nth-child(3n+3)
{
    margin-right:0;
}
.rect-title
{
    background:rgb(255, 186, 0);
    height:4rem;
    text-align:center;
    color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.5rem;
    text-transform:uppercase;
    font-size:.9375rem;
}
.rect-item .rect-content
{
    padding:1rem;
    color:#000;
    line-height:1.5;
    font-size:.9375rem;
}
.rect-item .rect-content>*
{
    margin-bottom:.5rem;
}
.rect-item .rect-content img
{
    width:1.5rem;
    margin-right:1rem;
}
.rect-item .rect-content a
{
    background: #ffba00;
    color: #000;
    text-transform: uppercase;
    padding: 0.25rem 1.5rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    font-size: 0.9375rem;
    max-width: max-content;
    position: relative;
    font-weight: 500;
    left:50%;
    transform:translateX(-50%);
}
.rect-item .rect-content a img
{
    width:1.25rem;
    margin-right:.5rem;
    position:relative;
    top:.25rem;
}
.contact-section div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li
{
    margin-top:.5rem !important;
}
.contact-section div.wpforms-container-full .wpforms-form select
{
    appearance: auto;
    background: #fff !important;
    border-radius: .25rem !important;
}
.why-section
{
    background:#f9f9f9;
}
#main .why-section .section-title .section-title-main,
#main .staff-section .section-title .section-title-main
{
    text-align:center;
    font-size:2rem !important;
    display:inline-block;
    width:auto;
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
#main .why-section .section-title .section-title-main:before
{
     background: #f9f9f9;
}
.why-section .section-image-container img
{
    height:4rem;
    width:auto;
}
.why-section .section-image-container .dt_image-img
{
    text-align:center;
    margin-bottom:1.5rem;
}
.why-section .section-image-container .dt_image-content> *:first-child
{
    font-size:1.25rem;
    text-align:center;
    font-weight:500;
    padding-bottom:.5rem;
    color:#ad0606;
}
.why-section .section-image-container .dt_image-content p
{
    font-weight:400;
    text-align:justify;
}
#main .gallery-section
{
    padding-bottom:0 !important;
    padding-top: 1rem !important;
}
.gallery-section .title-row .section-title span
{
    color:#aa230a;
    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% - 1.5rem)/4);
    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(4n+4)
{
    margin-right:0;
    
}
.gallery-section .box-text
{
    display:none;
}
.gallery-section .section-title-container + .row .col img
{
    height:11rem;
    object-fit:cover;
}
.cc-section .dt_image-img img,
.tpcl-section .dt_image-img img
{
/*     height:45rem; */
    width:100%;
    object-fit:cover;
}
.htdl-section + .price-section
{
    margin-top:2rem;
}

.page-id-10285 .tc-section .dt-wrap + .section-image-container img,
.page-id-10285 .tc-section .dt-wrap + .section-image-container .dt_image-img
{
      min-height: calc(36.75rem + 2rem);
      max-height: calc(36.75rem + 2rem);
}
.page-id-10285 .accordion-title
{
  text-transform:uppercase;
}
@media screen and (min-width: 1441px) {
    html {
      font-size: 16px;
    }
  }
@media screen and (min-width: 1920px) {
   .hsnl-section .ipgs-flipbook
   {
     min-height:40rem;
   }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    #logo img,
    body .stuck #logo img
    {
        width: 6rem !important;
    }
    body .stuck .header-main
    {
        height: auto !important;
    }
    body .header-main
    {
        height: auto;
        background: #fff;
        padding: .425rem 0;
    }
    html 
      {
        font-size: 3.7325vw;
      }
      *:not(.footer-wrapper)>.section:not(.banner-section)
      {
          padding-top:1.875rem !important;
          padding-bottom:1.875rem !important;
      }
      header .nav.mobile-nav > li > a
      {
          padding-left:0;
          color: #aa230a;
      }
      header .nav.mobile-nav > li.html > a
      {
          color:#fff;
          padding:.5rem 1rem;
          border-radius:1rem;
          font-size: .75rem;
          white-space: nowrap;
      }
    .header-main .nav>li>a>i
    {
        margin-left:0;
    }
     .off-canvas-left .mfp-content
    {
      background: #eee;
      border-right:3px solid #aa230a;
      background-image:url('../../uploads/2024/03/bg-1.png');
      background-size: cover;
      background-repeat:repeat;
    }

    body .mfp-wrap .searchform .button.icon
    {
      right:0;
    }
    body .mfp-wrap .form-flat input.search-field
    {
      color: #321616 !important;
      border-radius: 0;
      background-color: rgb(255 255 255 / 3%);
      border: thin solid #ddd;
    }
    .off-canvas .nav-vertical>li>a
    {
      color:#333;
      font-size:.9375rem;
      font-weight:600;
    }
    body .nav-sidebar.nav-vertical>li+li
    {
      border:none;
    }
    .off-canvas .nav-vertical li li>a
    {
        font-size:.875rem;
    }
    body .nav-sidebar.nav-vertical>li.menu-item.active,body .nav-sidebar.nav-vertical>li.menu-item:hover
    {
        background:#fff;
    }
    body .nav-sidebar.nav-vertical>li li a
    {
        padding-right:1rem;
        color:#333;
    }
    header .nav > li:hover > a:before,
     header .nav > li:hover > a:after
    {
        content:none;
    }
    .banner-section .img:not(.abs__icon) img
    {
        /* height:100vw; */
        object-fit:cover;
        object-position: left;
    }
    .section-title-container .section-title-main
    {
        font-size: 1.75rem;
    }
    .featured-section .dt-wrap
    {
        flex-wrap:wrap;
    }
    .featured-section .section-image-container
    {
        width: calc((100% - 1rem)/2);
        margin-right: 1rem;
        padding: .5rem;
        margin-bottom: 1.5rem;
        opacity: 1;
    }
    .featured-section .section-image-container:nth-child(2n+2)
    {
        margin-right:0;
    }
    .featured-section .dt_image-content:before
    {
        width:.35rem;
    }
    .featured-section .dt_image-content
    {
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
    }
    .featured-section .dt_image-content p
    {
        margin-bottom:0;
    }
    .featured-section .dt_image-content>*:first-child
    {
        text-align:center;
        font-size: 1rem;
        margin-top: 0;
    }
    .featured-section .dt_image-content i
    {
        font-size: 1.75rem;
        margin-right: .5rem;
    }
    .featured-section .section-image-container:last-child,
    .featured-section .section-image-container:nth-last-child(2)
    {
        margin-bottom:0;
    }
    .system-section .col:first-child .section-image-container
    {
        padding-right: 2rem;
    }
    .system-section .col:first-child .col-inner:before
    {
        right:0;
    }
    .system-section .dt-wrap .dt_image-content>*:first-child
    {
        font-size:1rem;
    }
    .system-section .dt-wrap .dt_image-content p
    {
        width:4rem;
        height:4rem;
        font-size: 2.75rem;
    }
    #main .system-section
    {
        padding:4rem 0 0rem !important;
    }
    .services-section .slider .section,
    .tes-section .section,
    .news-section .news-slider .post
    {
        width:100%;
        padding: 0 !important;
    }
    .tes-section .section
    {
        margin-top:2rem;
    }
    .home-project-section .projects-list
    {
        left:0;
        min-width: auto;
    }
    .home-project-section .projects-list .post-item,
    .projects-list .post-item
    {
        flex-basis: calc((100% - 1*1.5rem)/2);
        max-width: calc((100% - 1*1.5rem)/2);
        margin-right:1.5rem;
    }
    .projects-list .post-item:nth-child(3n+3)
    {
        margin-right:1.5rem;
    }
    .home-project-section .projects-list .post-item:nth-child(2n+2),
    .projects-list .post-item:nth-child(2n+2)
    {
        margin-right:0;
    }
    .project2-section .projects-list .box-text
    {
        max-width:100%;
        bottom: 0;
        height: 100%;
    }
    .projects-list .post-title a
    {
        font-size:1rem;
    }
    .tes-section .flickity-page-dots
    {
        bottom:0rem;
    }
    #main .clients-section .img
    {
        width:50% !important;
        max-width: 50% !important;
    }
    .clients-section .img-inner
    {
        text-align:center;
    }
    .news-section .news-slider .post .post-title a
    {
        font-size:1rem;
        height: 3.75rem;
    }
    .news-section .box-image img
    {
        height:15rem;
    }
    .news-section .news-slider .post
    {
        margin-bottom:0;
    }
    .form-section .stack
    {
        flex-wrap:wrap;
    }
    .form-section .stack .dt-wrap:first-child
    {
        width:100%;
    }
    .form-section .section-title-main
    {
        font-size: 1.5rem;
        text-align: left;
    }
    .form-section .dt-wrap:nth-child(2)
    {
        padding:1rem 1.5rem;
    }
    .form-section .section-image-container
    {
        margin:1rem 0;
    }
    .footer-section .stack
    {
        flex-wrap:wrap;
    }
    .footer-section .section-title-container .section-title
    {
        justify-content:flex-start;
    }
    .footer-section .section-title-container .section-title-main
    {
        text-align:left;
    }
    .footer-section .dt-wrap,
    .footer-section .dt-wrap:nth-child(2), .footer-section .dt-wrap:nth-child(3)
    {
        width:50%;
    }
    .absolute-footer .footer-primary
    {
        flex-direction:column;
        align-items:center;
    }
    .menu-footer-menu-container
    {
        margin-bottom: .75rem;
    }
    .blog-archive .archive-title-wrap + .btn.btn--normal
    {
        display: none !important;
    }
    .dt-blog-featured
    {
        flex-wrap:wrap;
    }
    .dt-blog-featured__main
    {
        width:100%;
        margin-bottom:1rem;
    }
    .dt-blog-featured .box-text .post-title a
    {
        font-size:1rem;
    }
    .dt-blog-featured__main .post-item .box-text
    {
        padding:1.5rem;
    }
    .dt-blog-featured__main .post-item .box-image img
    {
        height:auto;
    }
    .dt-blog-featured .box-text
    {
        padding:1rem;
    }
    .dt-blog-featured .post-meta
    {
        font-size:.75rem;
    }
    .dt-blog-featured__more .post-item .box-image
    {
        width: 8rem;
    }
    .dt-blog-featured__more .post-item .view-more
    {
        display:none;
    }
    .dt-blog-featured__more
    {
        padding-left:0;
    }
    .dt-blog-featured__more .post-item .from_the_blog_excerpt
    {
        margin-bottom:0;
        margin-top:.5rem;
    }
    .dt-blog-archive #post-list .post
    {
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .blog-single .post, .post-sidebar .row .col-inner
    {
        padding:0;
        margin-top:1rem;
        background:transparent;
    }
    .single-post .entry-image
    {
        min-width:100%;
        position:static !important;

    }
    .blog-single .entry-title,
    .blog-single h1.project-header__title
    {
        font-size:1.75rem;
    }
    .blog-single h1.project-header__title
    {
        margin-top:-1.5rem;
    }
    .post-sidebar .post-item .box
    {
        display:flex;
    }
    .post-sidebar .box-image
    {
        width:8rem !important;
    }
    .post-sidebar .post-title a
    {
        font-size:1.125rem;
        line-height:1.6;
    }
    .post-sidebar .box-text
    {
        padding-left:1rem;
    }
    .post-sidebar .col
    {
        padding-bottom:0;
    }
    .toc-trigger
    {
        left: 1rem !important;
    }
    .project-overview__list
    {
        flex-wrap:wrap;
    }
    .project-overview__item
    {
        width:50%;
        padding-right:2rem;
        margin-bottom:1rem;
    }
    blockquote, .wp-block-quote
    {
        padding:1rem 1.5rem;
        font-size: 1rem;
    }
    blockquote p:last-child, .wp-block-quote p:last-child
    {
        margin-bottom:0;
    }
   blockquote:after, .wp-block-quote:after
    {
        height: 2rem;
        width: 2rem;
        transform: scale(.7);
    }
    .project-archive-inner .section-title-container .section-title + .btn.btn--normal
    {
        display:none !important;
    }
    .projects-list .box-text
    {
        padding:.75rem 1rem;
    }
    .projects-list .post-cat
    {
        display:none;
    }
    .projects-list .post-meta img
    {
        margin-bottom:0;
    }
    .product-single-inner,
    .related-row
    {
        flex-wrap:wrap;
        padding-left: 15px;
        padding-right: 15px;
    }
    .product-gallery__main
    {
        padding-right:0;
    }
    #main .product-gallery__thumbs .product-gallery__thumbs
    {
        width: calc((100% - 1rem)/4) !important;
        padding: 1rem;
    }
    .product-content-wrap
    {
        padding-top:2rem;
        padding-bottom: 1rem;
    }
    .product-single .post-sidebar
    {
        margin-top:1rem;
        max-width:100%;
        width:100%;
        margin-left:0;
    }
    .product-single .product-main + .post-sidebar
    {
        display:none;
    }
    .product-des li
    {
        margin-left:1.25rem;
    }
    body .products-list .box
    {
        width: calc((100% - 0rem)/1) !important;
        margin-right: 0 !important;
    }
    .tt-section .col-inner
    {
        padding: 1rem;
        flex-wrap: wrap;
        margin-top: -2rem;
    }
    .tt-section .col-inner>.dt-wrap
    {
        width:100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .tt-section .section-title-container .section-title-main
    {
        font-size:1.75rem;
    }
    .tt-section .col-inner>.dt-wrap:before
    {
        width:100%;
        clip-path: none;
        z-index: -1;
    }
    .tt-section .stack .dt_image-img
    {
      width:3.5rem;
      height:3.5rem;
      align-items: center;
      display: flex;
      justify-content: center;
    }
    .tt-section .stack .dt_image-img img
    {
      width: 3rem;
    }
    .tt-section .stack .section-image-container
    {
      margin-right:.75rem;
    }
    .tt-section .counter-title
    {
      font-size:.9rem;
      white-space: normal;
    }
    .tt-section .stack .dt-wrap
    {
        width: calc(50%);
        border:none !important;
        padding-left:0 !important;
        padding-right:0 !important;
        padding-top:0 !important;
        padding-bottom:2rem !important;
    }
    .tt-section .counter-value
    {
        font-size:2rem;
    }
    .tt-section .section-content>.section-image-container img
    {
        min-height:12rem;
        object-fit:cover;
    }
    .gt-section .dt_image-img img
    {
        transform: translateY(-3rem);
    }
    .section .section-title
    {
        justify-content:center;
        text-align:center;
    }
     .vision-section .dt-wrap
     {
         flex-wrap:wrap;
        
     }
    .vision-section .dt-wrap .section-image-container
    {
        width:100%;
        margin-right:0;
        margin-bottom: 1rem;
    }
    .bld-section .slider .section
    {
        width: calc((100% - 0*1rem)/1);
        margin-right: 1rem;
        padding: 0 !important;
    }
    .bld-section .slider .dt_image-content>*:first-child
    {
        font-size: 1.5rem;
    }
    .hsnl-section .ipgs-flipbook
    {
        min-height:unset;
    }
    .hsnl-section p, .hsnl-section p a
    {
        font-size:2rem;
    }
    .smnl-section .stack
    {
        flex-wrap:wrap;
    }
    .smnl-section .dt-wrap
    {
        width:100%;
        margin-right: 0 !important;
        margin-bottom: 6rem !important;
    }
    .smnl-section .dt-wrap:nth-last-child(2)
    {
        margin-bottom:0 !important;
    }
    .smnl-section .dt-wrap:nth-child(2n+2)
    {
        top: 0 !important;
    }
    .vhdn-section .stack .dt-wrap
    {
        display:flex;
        flex-direction:column;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 6rem;
    }
    .vhdn-section .dt-wrap .dt_image-img
    {
        width:4rem;
        line-height: 5rem;
    }
    .profile-section .dt-wrap
    {
        padding:2rem;
        margin-top:1rem;
        flex-wrap:wrap;
        justify-content: center;
    }
    .profile-section .dt-wrap .section-image-container
    {
        margin-right:0;
        margin-bottom:1rem;
    }
    .profile-info h2
    {
        text-align:center;
        font-size:2rem;
    }
    .profile-info h4
    {
        text-align:center;
        margin-bottom: 1rem;
    }
    .profile-section p:last-child
    {
        margin-bottom:0;
    }
    .profile-section h3
    {
        font-size:1.5rem;
    }
    .nav-section .ux-menu
    {
        flex-wrap:wrap;
    }
    #main .nav-section .ux-menu-link a
    {
        padding-left:.75rem;
        padding-right:.75rem;
        border: none !important;
        padding-bottom: .35rem;
        padding-top: .35rem;
        font-size: 1rem;
        position:relative;
        border: thin solid #aa230a !important;
    }
    .nav-section .row.sticky
    {
      padding-top: 1rem;
    }
    .logged-in .nav-section .row.sticky
    {
      top: calc(4.375rem + 0rem);
    }
    .nav-section .ux-menu-link
    {
      margin-right:.5rem !important;
      margin-bottom:.5rem !important;
    }
     .nav-section .ux-menu-link a:before
     {
         content:none;
         position:absolute;
         width:.425rem;
         height:.425rem;
         background:#aa230a;
         border-radius:50%;
         left:-.25rem;
         top:50%;
         transform:translateY(-50%);
     }
    .page-id-9553 .nav-section .ux-menu-link a
    {
        font-size:1rem;
    }
    .nav-section .dt_image-img img
    {
        height:20rem;
        object-position: center 0rem;
    }
    .nav-section .dt_image-content>*:first-child
    {
        font-size:1.75rem;
        max-width: calc(100% - 30px);
        padding: 1.5rem;
        bottom: -3rem;
    }
    .qt-section .dots-img .dt_image-img
    {
        padding-right:0rem;
    }
    .qt-section .row + .row
    {
        padding-top:0;
    }
    .qt-section .dots-img .dt_image-img:before
    {
        width:14rem;
        height:12rem;
        top:-1.5rem;
        right:-1.5rem;
    }
    .tc-section .dt-wrap
    {
        padding-right:0;
    }
    .tc-section .dt-wrap + .section-image-container
    {
        position:static;
        width: 100%;
        transform: none;
        margin-top: 2rem;
    }
    .tc-section .dt-wrap + .section-image-container .dt_image-img, .tc-section .dt-wrap + .section-image-container .dt_image-img a, .tc-section .dt-wrap + .section-image-container img
    {
        min-height:auto;
    }
    .price-section .wpforms-container
    {
        padding:1.5rem;
    }
    #wpforms-9830-field_13>li
    {
        width:100%;
        margin-bottom:.25rem !important;
    }
    .tc-section.tc-reserve-section .dt-wrap
    {
        padding-left:0;
    }
    .tc-section .stack .dt_image-content
    {
        flex-wrap:wrap;
        flex-direction: row-reverse;
    }
    .tc-section .stack .dt_image-content>*:first-child
    {
        order:2;
        text-align:center;
        margin-top:.5rem;
    }
    .tc-section .stack .dt_image-content p
    {
        margin-right:0;
    }
    .nav-section .dt_image-content>h2:first-child
    {
        font-size:1.75rem;
    }
    .product_cat_nav
    {
        white-space: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .product_cat_nav a
    {
        /* font-size:1rem; */
        margin-right: 2rem;
    }
    .product_cat_nav a:not(:last-child):after
    {
        right:-1rem;
    }
    .cc-section .dt_image-img img, .tpcl-section .dt_image-img img,
     .bccc-section .dt_image-img img,
      .htdl-section .dt_image-img img
    {
        height: auto;
    }
     .cc-section .section-title-container, .tpcl-section .section-title-container,
     .bccc-section .section-title-container,
      .htdl-section .section-title-container
      {
          margin-bottom: 0;
      }
    .cc-section .section-image-container .dt_image-content
    {
        transform:none;
        padding-right: 0;
        z-index: 2;
        position: absolute;
        left: 0;
        font-size: 1.25rem;
    }
    .cc-section .section-image-container .dt_image-img:before
    {
        z-index:0;
    }
    .cc-section .section-image-container .dt_image-content>*:first-child
    {
        font-size:1.5rem;
    }
    .cc-section .section-image-container .dt_image-content b
    {
        display:inline;
    }
    .tpcl-section .dt-wrap:before
    {
        left:0;
        height: 16rem;
        transform: rotate(12.5deg) scale(1.1) translate(0,1rem);
    }
    .tpcl-section .dt-wrap .section-title
    {
        justify-content:flex-start;
        margin-top: 1rem;
    }
    .tpcl-section .dt-wrap .section-title-main
    {
        font-size:2rem;
        transform: translateX(1rem);
    }
    .tpcl-section .dt-wrap .ux-menu-link
    {
        font-size: 1.125rem;
        padding: .5rem 1rem;
        max-width: 48%;
        margin-right: 1rem !important;
    }
    .tpcl-section .section-title-main
    {
        font-size:1.5rem;
    }
    .tpcl-section .col-inner>.section-title-container .section-title-main:before, .tpcl-section .col-inner>.section-title-container .section-title-main:after
    {
        width: 3.5rem;
        height: 3.5rem;
        left: -4rem;
    }
    .tpcl-section .dt-wrap .ux-menu-link:last-child
    {
        margin-right:0 !important;
    }
    .tpcl-section .col-inner>.section-title-container .section-title-main:after
    {
        left:auto;
        right:-4rem;
    }
    .tpcl-section .col-inner>.section-title-container .section-title
    {
        margin-bottom: -.5rem;
        margin-top: 1rem;
    }
    .tpcl-section .dt_image-img
    {
        left: -15px;
    }
    .header-main li.html.custom
    {
        display:block;
    }
    .abs__icon.title
    {
        width: calc(80%) !important;
        left: 10%;
        top: 5.5rem;
        bottom:auto;
    }
    .abs__icon.hm
    {
        width: calc(80%) !important;
        left: 10%;
        bottom: 2.5rem;
        right: auto;
    }
    .workshop-section .col:first-child .col-inner
    {
        padding-right:0
    }
    .workshop-section .col:last-child .dt_image-img
    {
        padding-left:1rem;
    }
    .workshop-section .col:last-child .dt_image-img img
    {
        height:auto;
    }
    .abs__icon.hcn-3,
     .abs__icon.hcn-1,
      .abs__icon.hcn-2
    {
        width:5rem !important;
        height:5rem;
    }
    .abs__icon.hcn-1
    {
        bottom:-6rem;
        left:-3rem;
    }
    .abs__icon.hcn-4,
     .abs__icon.hcn-5
    {
        width:60% !important;
        height:2rem;
    }
    .abs__icon.gach-5
    {
        width:14rem !important;
        left: 50%;
    }
    .abs__icon.gach-4
    {
        left:70%;
    }
    .abs__icon.plus-1,
    .abs__icon.circle-1
    {
        display:none;
    }
     .gallery-section .title-row .section-title span,
    .gt-vision-section .title-row .section-title-container:first-child .section-title span
    {
        font-size: 1.7rem;
        white-space:nowrap;
    }
    .gt-vision-section .title-row .section-title-container .section-title span
    {
        font-size:1.25rem;
    }
    .gallery-section .section-title-container + .row .col
    {
        width: calc((100% - 1rem)/3);
    }
    .gallery-section .section-title-container + .row .col:nth-child(4n+4)
    {
        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;
    }
    .clients-section .section-title b
    {
      opacity:0;
    }
    #main .intro-section .col:nth-child(1),
    #main .intro-section  .col:nth-child(3)
    {
      display:none;
    }
    #main .gt-section
    {
      padding-top:0 !important;
    }
    #main .nav-section
    {
      padding-bottom: 3rem !important;
      display: flex;
      align-items: flex-end;
    }
    #main .smnl-section + .nav-section
    {
      padding-top:0 !important;
    }
    .projects-list .post-item:nth-child(4)
    {
      display:block;
    }
    .client-slider1
    {
      margin-bottom:1rem;
    }
    .clients-section .slider .flickity-prev-next-button
  {
      display:block;
  }
  body .clients-section .flickity-prev-next-button.previous {
    right: calc(100% - 1rem);
    bottom: -2rem;
    display: block;
    z-index: 2;
    left: auto;
  }
   body .clients-section .flickity-prev-next-button.next {
    left: calc(100% - 1rem);
    bottom: -2rem;
    display: block;
    z-index: 2;
  }
}


@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; }
}