@charset "UTF-8";

.cFixed,
.c-fixed_target {
position: absolute;
top: -100vh;
right: 0;
left: 0
}
.c-fixed_target {
bottom: -100vh
}
.c-fixed_wrapper {
height: 100vh
}
.header.stickyMain {
background: black;
position: relative;
width: 100%;
z-index: 999;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.header.stickyMain.showingUp {
position: fixed;
width: 100%;
z-index: 999;
background: black;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.header.stickyMain.showingUp .showForBlack {
opacity: 1 !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.header.stickyMain.showingUp .showFowTransparent {
opacity: 0 !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.header.stickyMain .middle-header {
background: unset;
border: unset
}
.header.stickyMain .middle-header .hamburger-inner,
.header.stickyMain .middle-header .hamburger-inner::before,
.header.stickyMain .middle-header .hamburger-inner::after {
background: white
} ul#main-menu {
position: relative;
z-index: 9;
text-align: left;
display: flex;
justify-content: space-between
}
ul#main-menu .current-menu-item>a {
color: #37699D;
font-weight: 600
}
ul#main-menu .current-menu-item:before {
transform: scaleX(0)
}
ul#main-menu ul.sub-menu {
-webkit-box-shadow: 0px 0px 5px -3px black;
-moz-box-shadow: 0px 0px 5px -3px black;
box-shadow: 0px 0px 5px -3px black;
font-weight: 600;
position: absolute;
z-index: 3;
top: 100%;
visibility: hidden;
width: 250px;
padding: 0;
opacity: 0;
background-color: transparent;
overflow: visible;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
ul#main-menu ul.sub-menu li a {
color: black !important
}
ul#main-menu ul.sub-menu .menu-item-has-children:before {
content: ""
}
ul#main-menu ul.sub-menu>li {
display: block;
background-color: white;
visibility: hidden;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
ul#main-menu ul.sub-menu>li:nth-child(1) {
transition-delay: 100ms
}
ul#main-menu ul.sub-menu>li:nth-child(2) {
transition-delay: 150ms
}
ul#main-menu ul.sub-menu>li:nth-child(3) {
transition-delay: 200ms
}
ul#main-menu ul.sub-menu>li:nth-child(4) {
transition-delay: 250ms
}
ul#main-menu ul.sub-menu>li:nth-child(5) {
transition-delay: 300ms
}
ul#main-menu ul.sub-menu>li:nth-child(6) {
transition-delay: 350ms
}
ul#main-menu ul.sub-menu>li:nth-child(7) {
transition-delay: 400ms
}
ul#main-menu ul.sub-menu>li:nth-child(8) {
transition-delay: 450ms
}
ul#main-menu ul.sub-menu>li:nth-child(9) {
transition-delay: 500ms
}
ul#main-menu ul.sub-menu>li:nth-child(10) {
transition-delay: 550ms
}
ul#main-menu ul.sub-menu>li:nth-child(11) {
transition-delay: 600ms
}
ul#main-menu ul.sub-menu>li:nth-child(12) {
transition-delay: 650ms
}
ul#main-menu ul.sub-menu>li:nth-child(13) {
transition-delay: 700ms
}
ul#main-menu ul.sub-menu>li:nth-child(14) {
transition-delay: 750ms
}
ul#main-menu ul.sub-menu>li:nth-child(15) {
transition-delay: 800ms
}
ul#main-menu ul.sub-menu ul.sub-menu {
top: 0px;
left: 100%
}
ul#main-menu li {
position: relative;
display: inline-block
}
ul#main-menu li ul.sub-menu li a {
padding: 10px 20px
}
ul#main-menu li a {
padding: 15px 10px;
color: black;
font-size: 14px;
text-transform: uppercase;
display: block;
font-weight: 600;
text-decoration: unset;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
ul#main-menu li a:before {
content: "";
width: 100%;
height: 2px;
background: #37699D;
position: absolute;
top: 0;
left: 0;
transform: scaleX(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
ul#main-menu li a:hover {
color: #37699D
}
ul#main-menu li a:hover:before {
transform: scaleX(1);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
ul#main-menu li.menu-item.menu-item-gtranslate a {
padding: 10px 15px
}
ul#main-menu .menu-item-has-children:before {
content: "";
font-family: 'Font Awesome 5 Pro';
top: 50%;
position: absolute;
right: -2px;
margin-top: -11px;
color: white;
font-size: 12px
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu {
visibility: visible;
max-height: 2000px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li {
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(1) {
transition-delay: 100ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(2) {
transition-delay: 150ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(3) {
transition-delay: 200ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(4) {
transition-delay: 250ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(5) {
transition-delay: 300ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(6) {
transition-delay: 350ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(7) {
transition-delay: 400ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(8) {
transition-delay: 450ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(9) {
transition-delay: 500ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(10) {
transition-delay: 550ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(11) {
transition-delay: 600ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(12) {
transition-delay: 650ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(13) {
transition-delay: 700ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(14) {
transition-delay: 750ms
}
ul#main-menu li.menu-item-has-children:hover>.sub-menu>li:nth-child(15) {
transition-delay: 800ms
}
ul#main-menu .sub-menu>li+li {
border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.hamburger {
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
padding: 0px 5px;
padding-top: 10px;
transform: scale(0.8)
}
.hamburger:hover {
opacity: 0.7
}
.hamburger.is-active:hover {
opacity: 0.7
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 27px;
height: 2px;
background-color: #55226a;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block
}
.hamburger-inner::before {
top: -10px
}
.hamburger-inner::after {
bottom: -10px
}
.hamburger--slider .hamburger-inner {
top: 2px
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s
}
.hamburger--slider .hamburger-inner::after {
top: 20px
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg)
}
.mobile__menu {
position: fixed;
right: 0px;
top: 0px;
z-index: 9999999999;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
height: calc(100%);
width: 400px;
padding: 15px 20px;
max-width: 100vw;
padding-top: 60px;
transform: translateX(100%);
transition: all 0.6s ease;
opacity: 0;
pointer-events: none
}
.mobile__menu.Showing_up {
opacity: 1;
pointer-events: all;
transform: translateX(0%);
transition: all 0.6s ease;
overflow-y: scroll
}
.mobile__menu ul#main-menu li {
width: 100%;
position: relative
}
.mobile__menu ul#main-menu li.current_page_item>i {
position: absolute;
right: 4px;
top: 9px;
width: 35px;
height: 35px;
background: #ff5959;
color: white;
text-align: center;
line-height: 35px
}
.mobile__menu ul#main-menu li.menu-item-has-children:before {
content: ""
}
#mobileMenuId a {
text-transform: uppercase
}
#mobileMenuId ul.dropdown-menu {
position: relative !important;
width: 100%;
display: block !important;
padding: 0;
max-height: 0px;
transition: all 0.3s ease-in-out;
overflow: hidden;
border: unset !important;
transform: unset !important;
border-radius: 0px;
background: #f5f5f578
}
#mobileMenuId ul.dropdown-menu.show {
position: relative !important;
width: 100%;
display: block !important;
padding: 0;
max-height: 999px;
transition: all 0.3s ease-in-out;
height: auto !important;
margin-bottom: 15px
}
.breadCums {
display: block;
padding: 20px 0px;
background: whitesmoke;
margin-bottom: 25px
}
.breadCums p {
margin: 0
}
.mobileClose {
position: absolute;
top: 0;
left: 0px;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.57);
z-index: 1
}
ul#mobileMenuId li a {
color: #373737;
font-weight: bold;
padding: 10px 5px;
font-size: 13px
}
.text-white * {
color: white !important
}
.wpml-ls-legacy-dropdown {
width: 60px;
max-width: 100%;
background: unset
}
.wpml-ls-legacy-dropdown a {
color: white !important;
background: #fff0 !important;
border: unset;
padding: 13px 10px;
text-decoration: unset !important
}
.wpml-ls-legacy-dropdown a:hover {
background: #fff0 !important
}
.tab_panel_content {
max-width: 800px;
margin: auto
}
.heightTaller {
display: block
}
.heightTaller img {
width: 100%;
height: auto
}
.col-12.single_content {
max-width: 860px;
margin: auto
}
.related ul li a {
color: black;
font-weight: bold
}
.related ul {
padding: 0px
}
.related ul li {
display: block;
padding: 0
}
a {
text-decoration: unset !important
}
.effectDecoration {
display: block;
position: absolute
}
.effectDecoration.style-1 {
top: 0;
right: -10%;
z-index: -1;
width: 90%;
height: 100%;
border: 25px solid whitesmoke
}
.effect-1 {
position: relative;
opacity: 0;
overflow: hidden;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out
}
.effect-1:before {
content: "";
background: white;
width: 100%;
height: 100%;
position: absolute;
opacity: 1;
top: 0;
left: 0;
transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out
}
.effect-1.effect-1-inview {
opacity: 1;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out
}
.effect-1.effect-1-inview:before {
transform: translateX(100%);
opacity: 0;
transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out
}
.dfProject {
overflow: hidden;
cursor: pointer
}
.dfProject:hover .dfProjectContent {
pointer-events: all !important;
opacity: 1 !important;
transform: translatey(0px) !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.dfProject:hover img {
transform: scale(1.2);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.dfProject img {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.dfProject .dfProjectContent {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
align-items: center;
padding-left: 40px;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(10px);
color: white;
pointer-events: none;
opacity: 0;
transform: translatey(10px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.dfProject .dfProjectContent a.projectReadmore {
border: 1px solid white;
display: inline-block;
padding: 5px 30px;
color: white
}
.dfProject .dfProjectThumbnail {
height: 300px;
width: 100%;
display: block
}
.dfProject .dfProjectThumbnail>div img {
height: 300px;
width: auto;
max-width: unset;
min-width: 100%
}
.dfProject .dfProjectThumbnail>a {
color: black;
position: absolute;
z-index: 1;
top: 35px;
left: 35px;
font-size: 20px
}
.dfProject .dfProjectThumbnail>a h3 {
font-size: 19px;
color: white
}
.dfProject .dfProjectThumbnail>a h3:after {
content: "";
width: 100px;
height: 2px;
background: white;
display: block;
margin: 10px 10px
}
.gallery-item img {
height: auto;
width: 100%
}
.innerLabel input,
.innerLabel textarea {
width: 100%;
background: white;
border: 1px solid white;
padding: 14px 10px;
border-radius: 0px !important;
overflow: hidden
}
.innerLabel input:focus,
.innerLabel textarea:focus {
border: unset;
outline: none
}
.vc_toggle_title {
background: white;
font-weight: 400;
padding: 10px 20px;
-webkit-box-shadow: 0px 0px 5px -3px black;
-moz-box-shadow: 0px 0px 5px -3px black;
box-shadow: 0px 0px 5px -3px black;
border-radius: 5px
}
.vc_toggle_title h4 {
font-size: 14px
}
.vc_toggle_content {
background: white;
padding: 15px;
margin: 0;
border-top: 1px solid #d6d6d6
}
.separatorIcon img {
width: 100%
}
.wt-separator-outer {
position: relative
}
@keyframes run {
0% {
transform: translatex(-100%)
}
100% {
transform: translatex(100%)
}
}
.wt-separator {
display: inline-block;
position: relative
}
.wt-separator [class^="separator-"] {
width: 90px;
height: 1px;
background: #37699D;
display: block;
position: absolute;
top: -30px;
overflow: hidden
}
.wt-separator [class^="separator-"]:before {
content: "";
height: 100%;
width: 100%;
display: block;
background: #00c4ff;
animation: run 2s infinite
}
.wt-separator span.separator-left {
left: 42px
}
.wt-separator span.separator-right {
right: 42px
}
.wt-separator-outer.text-left .wt-separator span.separator-right {
display: none
}
.wt-separator-outer.text-right .wt-separator span.separator-left {
display: none
}
.decoration:before {
content: "";
position: absolute;
z-index: 1;
background: url(//dhlvn.tech/wp-content/themes/southteam/img/CIRCLE.png.);
background-size: cover;
height: 350px;
width: 350px;
top: 25%;
right: 25%;
pointer-events: none;
opacity: 0.1;
animation: circle 25s linear infinite
}
@keyframes circle {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.grid-banner {
cursor: pointer;
background: white;
padding: 15px;
border: 1px solid #e8e8e8
}
.grid-banner:hover {
background: #2B518C;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.grid-banner:hover * {
color: white !important
}
.grid-banner:hover a {
border: 1px solid white !important
}
.grid-banner .bannerInfor {
font-size: 12px;
line-height: 16px;
display: block
}
.grid-banner .bannerContent h2 {
color: #37699D;
font-size: 24px;
position: relative;
line-height: 28px;
min-height: 75px;
display: flex;
align-items: center
}
.grid-banner .bannerContent h2:before {
content: "";
display: block;
position: absolute;
left: -15px;
height: calc(100% - 6px);
top: 3px;
width: 3px;
background: #37699D;
z-index: 1
}
.grid-banner .bannerContent>a {
color: #2B518C;
border: 1px solid #2B518C;
padding: 5px 10px;
display: block;
margin-top: 30px;
width: max-content
}
.imageEffect {
position: relative;
z-index: 1
}
.imageEffect img {
width: 100%
}
.product-cat-thumb .sepDecoration {
position: absolute;
width: 1px;
height: 30px;
background: black;
left: calc(50% - 1px);
bottom: 22px
}
.product-cat-thumb a {
height: 280px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 0;
margin-bottom: 20px;
position: relative
}
.product-cat-thumb a img {
height: 100% !important;
max-width: unset !important;
min-width: 100% !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
transform: scale(1)
}
.product-cat-thumb:hover img {
transform: scale(1.2);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.pro-cat-content h4 {
text-align: center;
font-size: 12px;
color: black
}
.pro-cat-content h4 a {
color: black;
margin-bottom: 41px;
display: block
}
.icon__box {
padding: 15px 10px;
background: #ffffff96;
position: relative;
z-index: 1
}
.icon__box h4 {
font-weight: 600;
margin-bottom: 5px;
font-size: 14px
}
.icon__box a {
color: black
}
.icon__box i {
margin: auto;
display: block;
text-align: center
}
.icon__box .icon__box__layout.left {
display: grid;
grid-auto-columns: auto;
grid-template-columns: 15% 82%;
grid-column-gap: 4%
}
.icon__box .icon__box__layout.right {
display: grid;
grid-auto-columns: auto;
grid-template-columns: 82% 15%;
grid-column-gap: 4%
}
.icon__box .icon__box__layout .iconTitleContent {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap
}
.icon__box.box-shadow {
background: white;
-webkit-box-shadow: 0px 0px 5px -3px black;
-moz-box-shadow: 0px 0px 5px -3px black;
box-shadow: 0px 0px 5px -3px black
}
.icon__box.bg-darken {
background: #f9f9f9;
-webkit-box-shadow: 0px 0px 5px -3px black;
-moz-box-shadow: 0px 0px 5px -3px black;
box-shadow: 0px 0px 5px -3px black
}
.chart {
margin: auto;
display: flex;
flex-wrap: wrap;
width: 100%
}
.chart>span {
width: 70px;
height: 70px;
text-align: center;
display: block;
background: radial-gradient(#31608e, #0a1928);
border-radius: 50%;
color: white;
line-height: 80px;
padding: 0px
}
.chart .chartContent {
width: calc(100% - 70px);
padding-left: 15px;
text-align: left
}
.chart .chartContent h3 {
font-size: 22px
}
.chart .chartContent .counter {
font-size: 50px;
line-height: 43px;
font-weight: bold;
display: block
}
.countBox {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: auto;
position: relative;
min-height: 235px;
padding: 15px;
background: white;
margin-bottom: 35px;
border-bottom: 4px solid #0f2655;
box-shadow: 0px 0px 5px -3px
}
ul.share-buttons {
list-style: none;
padding: 0
}
ul.share-buttons li {
display: inline
}
ul.share-buttons .sr-only {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden
}
.describesProject {
padding-top: 35px;
padding-bottom: 35px;
display: block
}
.single_du_an {
border-right: 1px solid #e5e5e5
}
.owl-nav {
position: absolute;
top: 50%;
width: 100%;
pointer-events: none
}
.owl-nav button {
width: 40px;
height: 40px;
background: #ffffffbd !important;
backdrop-filter: blur(5px);
pointer-events: all
}
.owl-nav button.owl-next {
float: right
}
.owl-nav button.owl-prev {
float: left
}
.dfProjectStyleList {
display: flex;
flex-wrap: wrap;
background: white;
padding: 5px
}
.dfProjectStyleList .dfProjectThumbnail {
width: 30%;
display: block
}
.dfProjectStyleList .dfProjectThumbnail>div {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden
}
.dfProjectStyleList .dfProjectThumbnail>div img {
height: 200px;
width: auto
}
.dfProjectStyleList .dfProjectContent {
width: 70%;
padding: 15px
}
.dfProjectStyleList .dfProjectContent h3 {
color: black;
font-size: 22px
}
.dfProjectStyleList .dfProjectContent p {
margin-bottom: 5px
}
div#home_wave {
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
z-index: 0;
pointer-events: none;
opacity: 0.2
}
div#big .item {
height: 640px;
display: flex;
align-items: center;
margin-bottom: 20px;
display: block
}
div#big .item img {
height: 640px;
width: auto;
max-width: unset
}
figure.effect img {
width: 100%;
height: auto
}
.businessBox {
margin-bottom: 35px;
box-shadow: 0px 0px 5px -3px;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
overflow: hidden
}
.businessBox .businessBoxTitle {
padding: 14px;
background: radial-gradient(#31608e, #0a1928);
color: white;
font-size: 18px;
line-height: 24px;
font-weight: bold;
text-align: center
}
.businessBox .businessBoxContent {
padding: 35px;
background: white;
font-size: 14px;
line-height: 20px
}
.icon__box__layout {
max-width: 600px;
margin: auto;
padding: 8px 0px;
align-items: center
}
.icon__box__layout:not(:last-child) .icon__tour:before {
content: "";
width: 2px;
background: #224567;
height: 150px;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: -1
}
.icon__box__layout .iconTourTitle {
width: 175px;
padding: 10px
}
.icon__box__layout .iconTourTitle h4 {
font-size: 16px;
color: black
}
.icon__box__layout .iconTourTitle h4 a {
color: black
}
.icon__box__layout .icon__tour {
display: block;
background: radial-gradient(#31608e, #0a1928);
border-radius: 50%;
padding: 28px;
width: 100px;
height: 100px;
position: relative;
z-index: 1
}
.icon__box__layout .icon__tour img {
max-width: 100%
}
.icon__box__layout .icon__tour__content {
width: 290px;
padding-left: 35px
}
.icon__box__layout .icon__tour__content a {
color: black
}
ul.stepCounter {
padding: 0;
margin: 0
}
ul.stepCounter li {
display: flex;
align-items: center;
padding: 5px 0px;
font-size: 12px;
position: relative
}
ul.stepCounter li .counterStep {
display: block;
background: radial-gradient(#31608e, #0a1928);
min-height: 30px !important;
min-width: 30px !important;
text-align: center;
line-height: 30px;
color: white;
border-radius: 50%;
left: 0px;
top: 3px;
margin-right: 9px
}
.container_project {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
width: 100%;
position: relative;
background: black
}
.reveal {
visibility: hidden;
position: relative;
width: 90%;
height: 98%;
max-width: 100vw;
overflow: hidden
}
.reveal img {
height: 100%;
width: 100%;
object-fit: cover;
transform-origin: left
}
* {
margin: 0;
padding: 0;
box-sizing: border-box
}
.projectThumbnails {
height: 500px;
overflow: hidden;
position: relative
}
.projectThumbnails img {
width: 100%;
height: 100%
}
.project_index {
position: absolute;
bottom: 0;
left: 0;
color: white;
padding: 40px;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.69), transparent)
}
.projectThumbnails .reveal {
visibility: hidden;
position: relative;
width: 100%;
height: 100%;
max-width: 100vw;
overflow: hidden
}
.projectThumbnails .container_project {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: relative;
padding: 0;
margin: 0
}
.headerTitle .container {
position: relative
}
.headerTitle:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.56), transparent);
z-index: 0
}
div#breadcum {
background: aliceblue;
padding: 20px 0px;
margin-bottom: 35px
}
div#breadcum p {
margin: 0
}
h3.widget-title {
font-size: 18px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 5px;
margin-bottom: 15px;
text-transform: uppercase
}
.postSidebar aside {
margin-bottom: 35px
}
.media>a {
width: 79px;
display: block;
overflow: hidden
}
.media>a>img {
width: 100%;
height: auto;
transition: all 0.3s ease-in-out
}
.media-body {
padding-left: 13px
}
.media-body a {
font-weight: bold;
color: black;
overflow: hidden
}
.media:hover>a>img {
transform: scale(1.2);
transition: all 0.3s ease-in-out
}
.postSidebar aside ul li {
display: block;
position: relative;
padding-left: 8px;
transform: translateX(0px);
transition: all 0.3s ease-in-out
}
.postSidebar aside ul li a {
color: black
}
.postSidebar aside ul li:before {
content: "";
font-family: 'Font Awesome 5 Pro';
font-size: 9px;
position: absolute;
left: 0;
font-weight: bold
}
.postSidebar aside ul li:hover {
transform: translateX(10px);
transition: all 0.3s ease-in-out
}
.contentDesign {
border: 1px solid #e8e8e8
}
.contentDesign.newSimple .designThumbnail .simpleTerm {
position: absolute;
z-index: 1;
right: 15px;
top: 10px
}
.contentDesign.newSimple .designThumbnail .designUiLink {
text-align: center;
padding: 9px 0px 0px 0px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px
}
.contentDesign.newSimple .designThumbnail .designUiLink li {
display: inline-block
}
.contentDesign.newSimple .designThumbnail .designUiLink li a {
color: white;
background: #37699D;
border-radius: 2px;
padding: 2px 5px
}
.contentDesign.newSimple .designMeta {
border: unset;
text-align: left
}
.contentDesign.newSimple .designMeta .authorDesign {
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
color: #666666;
border-top: 1px solid whitesmoke;
padding: 10px 0px
}
.contentDesign.newSimple .designMeta .authorDesign i {
display: inline-block;
background: whitesmoke;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 50%;
margin-right: 3px
}
.contentDesign .designThumbnail {
position: relative;
height: 250px;
overflow: hidden
}
.contentDesign .designThumbnail img {
height: 250px;
width: auto;
max-width: unset;
min-width: 100%;
transform: scale(1);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.contentDesign:hover .designThumbnail img {
transform: scale(1.2);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.contentDesign .designDate {
position: absolute;
z-index: 1;
top: 15px;
left: 15px;
display: flex;
flex-wrap: wrap;
border-radius: 0px;
background: white;
padding: 2px 11px;
width: 47px;
color: #333333;
-webkit-box-shadow: 0px 0px 5px -3px black;
-moz-box-shadow: 0px 0px 5px -3px black;
box-shadow: 0px 0px 5px -3px black
}
.contentDesign .designDate span {
width: 100%;
text-align: center
}
.contentDesign .designDate span.date {
font-weight: 600;
font-size: 19px;
line-height: 25px
}
.contentDesign .designDate span.month {
font-size: 11px;
border-top: 1px solid;
margin-top: -1px;
padding-top: 2px
}
.contentDesign .designMeta {
padding: 10px;
border-bottom: 1px solid #e8e8e8;
text-align: center
}
.contentDesign .designMeta .designUiLink {
text-align: center;
padding: 9px 0px 0px 0px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px
}
.contentDesign .designMeta .designUiLink li {
display: inline-block
}
.contentDesign .designMeta .designUiLink li a {
color: #f57d00
}
.contentDesign .designMeta h3 {
font-size: 16px;
font-weight: 600;
text-align: center
}
.contentDesign .designMeta h3 a {
color: black
}
.contentDesign .designMeta .authorDesign {
font-size: 9px;
text-transform: uppercase
}
.contentDesign .designExcerpt {
padding: 15px
}
.contentDesign .designExcerpt p {
font-size: 12px;
line-height: 16px;
color: #7d7d7d;
min-height: 16px;
}
.contentDesign .designExcerpt a {
padding: 5px;
display: block;
margin: auto;
width: 100%;
text-align: center;
background: #37699D;
color: white;
font-size: 12px
}
.nav-links {
margin-bottom: 35px
}
.nav-links span {
color: black;
border: 1px solid #dbdbdb;
padding: 6px 10px
}
.nav-links span a {
color: black
}
form#searchBlog input {
height: 40px;
border: 1px solid whitesmoke
}
form#searchBlog button {
width: 50px;
height: 40px;
border: unset;
background: #37699D;
color: white
}
.product-cat-item {
position: relative;
z-index: 1
}
ul.pagination .page-link {
border: 1px solid black;
border-radius: 0px !important;
color: black;
margin: 2px
}
ul.pagination .page-link.current {
background: black;
border: 1px solid black
}
.overflowDiv {
min-width: 50vw;
position: absolute;
overflow: hidden
}
.containerHalfLeft {
max-width: 685px;
float: right;
padding: 15px
}
.containerHalfRight {
max-width: 685px;
float: left;
padding: 15px
}
table#wp-calendar {
width: 100%
}
table#wp-calendar td,
table#wp-calendar th {
text-align: center;
padding: 5px
}
td#today {
background: black !important;
color: white
}
div#calendar_wrap {
border: 1px solid #e9e9e9;
padding: 10px
}
#wrapper-footer-full {
background-color: #2f333a;
color: white;
padding: 50px 0px;
position: relative;
z-index: 1
}
#wrapper-footer-full #menu-menu-chinh li {
position: relative;
padding-left: 15px
}
#wrapper-footer-full #menu-menu-chinh li:before {
content: "";
height: 5px;
width: 5px;
background: #585858;
display: inline-block;
margin-right: 5px;
position: absolute;
top: 6px;
left: 0
}
#wrapper-footer-full a {
color: white
}
#wrapper-footer-full div#nav_menu-2 {
max-width: 15%
}
#wrapper-footer-full div#custom_html-2 {
min-width: 35%
}
#wrapper-footer-full .emailMarketing input {
padding: 12px !important;
border: unset
}
ul.social_link_menu {
margin-top: 15px;
font-size: 0;
line-height: 0;
}
ul.social_link_menu li {
display: inline-flex !important;
align-items: center;
justify-content: center;
vertical-align: middle;
width: 40px;
height: 40px;
line-height: 1;
background: #29688d;
text-align: center;
padding: 0;
margin: 0;
border-radius: 3px;
}
ul.social_link_menu li a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0;
font-size: 18px;
line-height: 1;
color: #fff;
text-decoration: none;
}
ul.social_link_menu li a:before {
display: none
}
ul.social_link_menu li a i {
display: block;
font-size: 1em;
line-height: 1;
width: 1em;
height: 1em;
}
ul.social_link_menu li.issuu a .hl-soc-issuu-icon {
display: block;
width: 1em;
height: 1em;
flex-shrink: 0;
margin: 0;
background: url(//dhlvn.tech/wp-content/themes/halink.dhlvn/dev/enqueue/images/favicon.ico) center center / contain no-repeat;
filter: brightness(0) invert(1);
}
.footer ul.social_link_menu li.issuu a .hl-soc-issuu-icon {
display: block;
width: 1em;
height: 1em;
flex-shrink: 0;
margin: 0;
background: url(//dhlvn.tech/wp-content/themes/halink.dhlvn/dev/enqueue/images/favicon.ico) center center / contain no-repeat; filter: brightness(0);
}
ul.social_link_menu li.issuu a img.hl-soc-issuu-icon {
width: 1em;
height: 1em;
max-width: 1em;
object-fit: contain;
filter: brightness(0) invert(1);
}
section.footer ul li {
display: block;
margin-bottom: 10px
}
section.footer ul {
padding: 0
}
.textwidget.custom-html-widget h3 {
font-size: 15px;
text-transform: uppercase
}
#footer-full-content .widget-title {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.3px
}
#footer-full-content .widget-title:after {
content: "";
width: 35px;
height: 2px;
display: block;
background: white;
margin: 10px 0px;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
#footer-full-content .widget-title:hover:after {
width: 85px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
#footer-full-content ul#menu-menu-khach-hang {
padding: 0
}
#footer-full-content ul#menu-menu-khach-hang li {
display: block
}
#footer-full-content ul#menu-menu-khach-hang li a {
color: white;
margin-bottom: 10px;
display: block
}
#footer-full-content ul#menu-menu-khach-hang {
padding: 0
}
#footer-full-content ul#menu-menu-khach-hang li {
display: block
}
#footer-full-content ul#menu-menu-khach-hang li a {
color: white;
margin-bottom: 10px;
display: block
}
#footer-full-content .media>a {
width: 55px
}
#footer-full-content .media img {
width: 100%;
height: auto
}
#footer-full-content .media .media-body {
padding-left: 5px
}
#footer-full-content .media .media-body .authorDesign {
font-size: 9px;
font-style: italic
}
#footer-full-content .media .media-body a {
color: white;
font-size: 12px
}
#footer-full-content .iosAndroid {
width: 100px
}
#footer-full-content form.wpcf7-form input {
border-radius: 0px !important;
padding: 5px
}
#footer-full-content form.wpcf7-form .wpcf7-submit {
border: unset;
padding: 10px 20px !important;
display: block;
color: white !important;
background: #37699D
}
.social-icon a {
display: inline-block;
background: wheat;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 3px;
color: white
}
.social-icon .facebook {
background: #3b5999
}
.social-icon .google {
background: #dd4b39
}
.social-icon .youtube {
background: #cd201f
}
.social-icon .zalo {
background: #00AFF0
}
ul.footerInfor {
display: block;
padding: 0
}
ul.footerInfor li {
display: block;
margin-bottom: 10px;
position: relative;
padding-left: 40px;
line-height: 26px
}
ul.footerInfor li i {
display: inline-block;
margin-right: 5px;
width: 25px;
height: 25px;
text-align: center;
background: white;
line-height: 27px;
font-size: 12px;
color: black;
position: absolute;
left: 0;
top: 0
}
section.footer { background: #fff;
padding: 50px 0px
}
.footerContent {
border: 1px solid #4d4d4d
}
.footerContent .innerBorderLeft {
border-left: 1px solid #4d4d4d
}
.footerContent .innerBorderTop {
border-top: 1px solid #4d4d4d
}
.footerContent .innerBorderRight {
border-right: 1px solid #4d4d4d
}
.footerContent .innerBorderBottom {
border-bottom: 1px solid #4d4d4d
}
a.gotop {
background: #000000a1;
position: fixed;
z-index: 99;
bottom: 15px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
color: white
} html.has-scroll-smooth {
overflow: hidden
}
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.has-scroll-smooth body {
overflow: hidden
}
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh
}
[data-scroll-direction="horizontal"] [data-scroll-container] {
height: 100vh;
display: inline-block;
white-space: nowrap
}
[data-scroll-direction="horizontal"] [data-scroll-section] {
display: inline-block;
vertical-align: top;
white-space: nowrap;
height: 100%
}
.c-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 11px;
height: 100%;
transform-origin: center right;
transition: transform 0.3s, opacity 0.3s;
opacity: 0
}
.c-scrollbar:hover {
transform: scaleX(1.45)
}
.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
opacity: 1
}
[data-scroll-direction="horizontal"] .c-scrollbar {
width: 100%;
height: 10px;
top: auto;
bottom: 0;
transform: scaleY(1)
}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
transform: scaleY(1.3)
}
.c-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: black;
opacity: 0.5;
width: 7px;
border-radius: 10px;
margin: 2px;
cursor: -webkit-grab;
cursor: grab
}
.has-scroll-dragging .c-scrollbar_thumb {
cursor: -webkit-grabbing;
cursor: grabbing
}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
right: auto;
bottom: 0
}
*:focus {
border: unset !important;
outline: none !important
}
html {
overflow-x: hidden
}
body {
font-family: 'Work Sans', sans-serif;
line-height: 18px;
font-size: 13px;
padding: 0 !important;
margin: 0 !important
}
h1 {
font-size: 30px;
line-height: 34px
}
h2 {
font-size: 26px;
line-height: 30px
}
h3 {
font-size: 22px;
line-height: 24px
}
h4 {
font-size: 19px;
line-height: 22px
}
h5 {
font-size: 18px;
line-height: 20px
}
.container {
margin: auto !important
}
.bg-white-glass {
background-color: white;
width: 100vw;
z-index: 1;
}
h1 {
font-weight: 600
}
h2 {
font-weight: 600
}
h3 {
font-weight: 600
}
h4 {
font-weight: 600
}
h5 {
font-weight: 600
}
input {
border-radius: 0px !important
}
input.wpcf7-submit {
background: #37699D;
color: white !important;
border: unset;
padding: 10px 40px
}
b,
strong {
font-weight: 600
}
.roundedCollumn {
border-radius: 150px
}
.boxShadow {
-webkit-box-shadow: 0px 0px 5px -3px black;
-moz-box-shadow: 0px 0px 5px -3px black;
box-shadow: 0px 0px 5px -3px black
}
.btn-primary {
background: #37699D;
color: white !important
}
div#full-width-page-wrapper {
width: 100vw
}
#panels #panels-container {
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
overflow: hidden
}
#panels #panels-container .panel {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
color: #333;
text-align: left
}
#panels #panels-container .panel img {
width: 100%
}
.scrolling {
z-index: 2;
padding: 10px;
position: relative;
z-index: 1;
background: white
}
div#fixed_content {
position: relative;
width: 100%
}
span.des {
min-width: 35px;
height: 100vh;
display: block !important;
position: relative;
border-left: 1px solid #222222;
pointer-events: none
}
.lineDes {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
pointer-events: none
}
.cFixed,
.c-fixed_target {
position: absolute;
top: -100vh;
right: 0;
left: 0;
}
.c-fixed_target {
bottom: -100vh;
}
.c-fixed_wrapper {
height: 100vh;
} .header.stickyMain { background: #fff;
position: relative;
width: 100%;
z-index: 999;
transition: all 0.3s ease;
}
.header.stickyMain.showingUp {
position: fixed;
width: 100%;
z-index: 999;
background: #fff;
transition: all 0.3s ease;
box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2);
}
.header.stickyMain.showingUp .showForBlack {
opacity: 1 !important;
transition: all 0.3s ease;
}
.header.stickyMain.showingUp .showFowTransparent {
opacity: 0 !important;
transition: all 0.3s ease;
}
.header.stickyMain .middle-header {
background: unset;
border: unset;
}
.header.stickyMain .middle-header .hamburger-inner,
.header.stickyMain .middle-header .hamburger-inner::before,
.header.stickyMain .middle-header .hamburger-inner::after {
background: #000;
}
.header.stickyMain.showingUp .middle-header .hamburger-inner,
.header.stickyMain.showingUp .middle-header .hamburger-inner::before,
.header.stickyMain.showingUp .middle-header .hamburger-inner::after {
background: #000;
}
.header.stickyMain.hl-header-over-hero .middle-header .hamburger-inner,
.header.stickyMain.hl-header-over-hero .middle-header .hamburger-inner::before,
.header.stickyMain.hl-header-over-hero .middle-header .hamburger-inner::after {
background: #fff;
}
.header.stickyMain.hl-header-over-hero.showingUp .middle-header .hamburger-inner,
.header.stickyMain.hl-header-over-hero.showingUp .middle-header .hamburger-inner::before,
.header.stickyMain.hl-header-over-hero.showingUp .middle-header .hamburger-inner::after {
background: #000;
}  ul#main-menu {
position: relative;
z-index: 9;
text-align: left;
display: flex;
justify-content: space-between;
}
ul#main-menu .current-menu-item > a {
color: #ff5959;
font-weight: 600;
}
ul#main-menu .current-menu-item::before {
transform: scaleX(0);
} ul#main-menu ul.sub-menu {
font-weight: 600;
position: absolute;
z-index: 3;
top: 100%;
visibility: hidden;
width: 250px;
padding: 0;
opacity: 0;
background-color: transparent;
overflow: visible;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(0,0,0,.15);
}
ul#main-menu ul.sub-menu ul.sub-menu {
right: -250px;
margin-top: -3px;
top: 0;
}
ul#main-menu ul.sub-menu .menu-item-has-children::before {
content: "\f0da";
}
ul#main-menu ul.sub-menu li a {
color: black !important;
}
ul#main-menu ul.sub-menu > li {
display: block;
background-color: white;
visibility: hidden;
transform: translateY(100%);
opacity: 0;
transition: all 0.3s ease;
}
ul#main-menu ul.sub-menu > li:nth-child(1) { transition-delay: 100ms; }
ul#main-menu ul.sub-menu > li:nth-child(2) { transition-delay: 150ms; }
ul#main-menu ul.sub-menu > li:nth-child(3) { transition-delay: 200ms; }
ul#main-menu ul.sub-menu > li:nth-child(4) { transition-delay: 250ms; }
ul#main-menu ul.sub-menu > li:nth-child(5) { transition-delay: 300ms; }
ul#main-menu ul.sub-menu > li:nth-child(6) { transition-delay: 350ms; }
ul#main-menu ul.sub-menu > li:nth-child(7) { transition-delay: 400ms; }
ul#main-menu ul.sub-menu > li:nth-child(8) { transition-delay: 450ms; }
ul#main-menu ul.sub-menu > li:nth-child(9) { transition-delay: 500ms; }
ul#main-menu ul.sub-menu > li:nth-child(10) { transition-delay: 550ms; }
ul#main-menu ul.sub-menu > li:nth-child(11) { transition-delay: 600ms; }
ul#main-menu ul.sub-menu > li:nth-child(12) { transition-delay: 650ms; }
ul#main-menu ul.sub-menu > li:nth-child(13) { transition-delay: 700ms; }
ul#main-menu ul.sub-menu > li:nth-child(14) { transition-delay: 750ms; }
ul#main-menu ul.sub-menu > li:nth-child(15) { transition-delay: 800ms; }
ul#main-menu ul.sub-menu ul.sub-menu {
top: 0;
left: 100%;
} ul#main-menu li {
position: relative;
display: inline-block;
}
ul#main-menu li ul.sub-menu li a {
padding: 10px 20px;
}
ul#main-menu li a {
padding: 15px 10px;
color: black;
font-size: 14px;
text-transform: uppercase;
display: block;
font-weight: 600;
text-decoration: unset;
transition: all 0.3s ease;
position: relative;
}
ul#main-menu li a::before {
content: "";
width: 100%;
height: 2px;
background: #ff5959;
position: absolute;
top: 0;
left: 0;
transform: scaleX(0);
transition: all 0.3s ease;
}
ul#main-menu li a:hover {
color: #ff5959;
}
ul#main-menu li a:hover::before {
transform: scaleX(1);
}
ul#main-menu li.menu-item.menu-item-gtranslate a {
padding: 10px 15px;
} ul#main-menu .menu-item-has-children::before {
content: "\f0dd";
font-family: 'Font Awesome 5 Pro';
top: 50%;
position: absolute;
right: -2px;
margin-top: -11px;
color: white;
font-size: 12px;
}
ul#main-menu li.menu-item-has-children:hover > .sub-menu {
visibility: visible;
max-height: 2000px;
transform: none;
opacity: 1;
}
ul#main-menu li.menu-item-has-children:hover > .sub-menu > li {
visibility: visible;
transform: none;
opacity: 1;
transition: all 0.3s ease;
}
ul#main-menu .sub-menu > li + li {
border-top: 1px solid rgba(0,0,0,.1);
} .hamburger {
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
padding: 0px 5px;
padding-top: 10px;
transform: scale(.8);
}
.hamburger:hover,
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 27px;
height: 2px;
background-color: #55226a;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
} .hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
} .mobile__menu {
position: fixed;
right: 0;
top: 0;
z-index: 9999999999;
background: rgba(255,255,255,0.8);
backdrop-filter: blur(10px);
height: 100%;
width: 400px;
max-width: 100vw;
padding: 60px 20px 15px;
transform: translateX(100%);
transition: all 0.6s ease;
opacity: 0;
pointer-events: none;
}
.mobile__menu.Showing_up {
opacity: 1;
pointer-events: all;
transform: translateX(0%);
overflow-y: scroll;
}
.mobile__menu ul#main-menu li {
width: 100%;
position: relative;
}
.mobile__menu ul#main-menu li.current_page_item > i {
position: absolute;
right: 4px;
top: 9px;
width: 35px;
height: 35px;
background: #ff5959;
color: white;
text-align: center;
line-height: 35px;
}
.mobile__menu ul#main-menu li.menu-item-has-children::before {
content: "\f0da";
} #mobileMenuId a {
text-transform: uppercase;
}
#mobileMenuId ul.dropdown-menu {
position: relative !important;
width: 100%;
display: block !important;
padding: 0;
max-height: 0;
transition: all .3s ease-in-out;
overflow: hidden;
border: unset !important;
transform: unset !important;
border-radius: 0;
background: #f5f5f578;
}
#mobileMenuId ul.dropdown-menu.show {
max-height: 999px;
height: auto !important;
margin-bottom: 15px;
} .breadCums {
display: block;
padding: 20px 0;
background: whitesmoke;
margin-bottom: 25px;
}
.breadCums p {
margin: 0;
}
.mobileClose {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background: rgb(255 255 255 / 57%);
z-index: 1;
}
ul#mobileMenuId li a {
color: #373737;
font-weight: bold;
padding: 10px 5px;
font-size: 13px;
}
.text-white * {
color: white !important;
}
.wpml-ls-legacy-dropdown {
width: 60px;
max-width: 100%;
background: unset;
}
.wpml-ls-legacy-dropdown a {
color: white !important;
background: transparent !important;
border: unset;
padding: 13px 10px;
text-decoration: unset !important;
}
.wpml-ls-legacy-dropdown a:hover {
background: transparent !important;
}
.tab_panel_content {
max-width: 800px;
margin: auto;
}
.heightTaller {
display: block;
}
.heightTaller img {
width: 100%;
height: auto;
}
.col-12.single_content {
max-width: 860px;
margin: auto;
}
.related ul {
padding: 0;
}
.related ul li {
display: block;
padding: 0;
}
.related ul li a {
color: black;
font-weight: bold;
}
a {
text-decoration: unset !important;
} .effectDecoration {
display: block;
position: absolute;
}
.effectDecoration.style-1 {
top: 0;
right: -10%;
z-index: -1;
width: 90%;
height: 100%;
border: 25px solid whitesmoke;
} .effect-1 {
position: relative;
opacity: 0;
overflow: hidden;
transition: all 1s; }
.effect-1:before {
content: "";
background: white;
width: 100%;
height: 100%;
position: absolute;
opacity: 1;
top: 0;
left: 0;
transition: all 1.2s;
}
.effect-1.effect-1-inview {
opacity: 1;
transition: all 1s;
}
.effect-1.effect-1-inview:before {
transform: translateX(100%);
opacity: 0;
transition: all 1.2s;
} .dfProject {
overflow: hidden;
cursor: pointer;
}
.dfProject:hover .dfProjectContent {  transform: none;
opacity: 1;
}
.dfProject:hover img {
transform: scale(1.2);
transition: all 0.3s;
}
.dfProject img {
transition: all 0.3s;
}
.dfProject .dfProjectContent {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
padding-left: 40px;
background: rgb(0 0 0 / 60%);
backdrop-filter: blur(10px);
color: white; }
.dfProject .dfProjectContent a.projectReadmore {
border: 1px solid white;
display: inline-block;
padding: 5px 30px;
color: white;
}
.dfProject .dfProjectThumbnail {
height: 400px;
width: 100%;
display: block;
}
.dfProject .dfProjectThumbnail > div img {
height: 400px;
width: auto;
max-width: unset;
min-width: 100%;
}
.dfProject .dfProjectThumbnail > a {
color: black;
position: absolute;
z-index: 1;
top: 35px;
left: 35px;
font-size: 19px;
}
.dfProject .dfProjectThumbnail > a h3 {
font-size: 19px;
color: white;
}
.dfProject .dfProjectThumbnail > a h3:after {
content: "";
width: 100px;
height: 2px;
background: white;
display: block;
margin: 10px 10px;
} .gallery-item img {
height: auto;
width: 100%;
} .innerLabel input,
.innerLabel textarea {
width: 100%;
background: white;
border: 1px solid white;
padding: 14px 10px;
border-radius: 0px !important;
overflow: hidden;
}
.innerLabel input:focus,
.innerLabel textarea:focus {
border: unset;
outline: none;
} .vc_toggle_title {
background: white;
font-weight: 400;
padding: 10px 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-radius: 5px;
}
.vc_toggle_title h4 {
font-size: 14px;
}
.vc_toggle_content {
background: white;
padding: 15px;
margin: 0;
border-top: 1px solid #d6d6d6;
} .separatorIcon {
width: 30px;
height: 30px;
display: block;
background: url(//dhlvn.tech/wp-content/themes/southteam/img/optionlogo-01.svg);
}
.separatorIcon img {
width: 100%;
}
.wt-separator-outer {
position: relative;
}
@keyframes run {
0% { transform: translatex(-100%); }
100% { transform: translatex(100%); }
}
.wt-separator {
display: inline-block;
position: relative;
}
.wt-separator [class^="separator-"] {
width: 90px;
height: 1px;
background: #00c4ff; display: block;
position: absolute;
top: -30px;
overflow: hidden;
}
.wt-separator [class^="separator-"]:before {
content: "";
height: 100%;
width: 100%;
display: block;
background: #00c4ff;
animation: run 2s infinite;
}
.wt-separator span.separator-left {
left: 42px;
}
.wt-separator span.separator-right {
right: 42px;
}
.wt-separator-outer.text-left .wt-separator span.separator-right {
display: none;
}
.wt-separator-outer.text-right .wt-separator span.separator-left {
display: none;
} .decoration:before {
content: "";
position: absolute;
z-index: 1;
background: url(//dhlvn.tech/wp-content/themes/southteam/img/CIRCLE.png);
background-size: cover;
height: 350px;
width: 350px;
top: 25%;
right: 25%;
pointer-events: none;
opacity: 0.1;
animation: circle 25s linear infinite;
}
@keyframes circle {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .grid-banner {
cursor: pointer;
background: white;
padding: 15px;
border: 1px solid #e8e8e8;
}
.grid-banner:hover {
background: #2B518C;
transition: all 0.3s;
}
.grid-banner:hover * {
color: white !important;
}
.grid-banner:hover a {
border: 1px solid white !important;
}
.grid-banner .bannerInfor {
font-size: 12px;
line-height: 16px;
display: block;
}
.grid-banner .bannerContent h2 {
color: #00c4ff; font-size: 24px;
position: relative;
line-height: 28px;
min-height: 75px;
display: flex;
align-items: center;
}
.grid-banner .bannerContent h2:before {
content: "";
display: block;
position: absolute;
left: -15px;
height: calc(100% - 6px);
top: 3px;
width: 3px;
background: #00c4ff;
z-index: 1;
}
.grid-banner .bannerContent > a {
color: #2B518C;
border: 1px solid #2B518C;
padding: 5px 10px;
display: block;
margin-top: 30px;
width: max-content;
} .imageEffect {
position: relative;
z-index: 1;
}
.imageEffect img {
width: 100%;
} .product-cat-thumb .sepDecoration {
position: absolute;
width: 1px;
height: 30px;
background: black;
left: calc(50% - 1px);
bottom: 22px;
}
.product-cat-thumb a {
height: 280px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 0;
margin-bottom: 20px;
position: relative;
}
.product-cat-thumb a img {
height: 100% !important;
max-width: unset !important;
min-width: 100% !important;
transition: all 0.3s;
transform: scale(1);
}
.product-cat-thumb:hover img {
transform: scale(1.2);
transition: all 0.3s;
}
.pro-cat-content h4 {
text-align: center;
font-size: 12px;
color: black;
}
.pro-cat-content h4 a {
color: black;
margin-bottom: 41px;
display: block;
} .icon__box {
padding: 15px 10px;
background: #ffffff96;
position: relative;
z-index: 1;
}
.icon__box h4 {
font-weight: 600;
margin-bottom: 5px;
font-size: 14px;
}
.icon__box a {
color: black;
}
.icon__box i {
margin: auto;
display: block;
text-align: center;
}
.icon__box .icon__box__layout.left {
display: grid;
grid-auto-columns: auto;
grid-template-columns: 15% 82%;
grid-column-gap: 4%;
}
.icon__box .icon__box__layout.right {
display: grid;
grid-auto-columns: auto;
grid-template-columns: 82% 15%;
grid-column-gap: 4%;
}
.icon__box .icon__box__layout .iconTitleContent {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.icon__box.box-shadow,
.icon__box.bg-darken {
background: white;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.icon__box.bg-darken {
background: #f9f9f9;
} .chart {
margin: auto;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.chart > span {
width: 70px;
height: 70px;
text-align: center;
display: block;
background: radial-gradient(#31608e, #0a1928);
border-radius: 50%;
color: white;
line-height: 80px;
padding: 0;
}
.chart .chartContent {
width: calc(100% - 70px);
padding-left: 15px;
text-align: left;
}
.chart .chartContent h3 {
font-size: 22px;
}
.chart .chartContent .counter {
font-size: 50px;
line-height: 43px;
font-weight: bold;
display: block;
} .countBox {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: auto;
position: relative;
min-height: 235px;
padding: 15px;
background: white;
margin-bottom: 35px;
border-bottom: 4px solid #0f2655;
box-shadow: 0px 0px 5px -3px;
} ul.share-buttons {
list-style: none;
padding: 0;
}
ul.share-buttons li {
display: inline;
}
ul.share-buttons .sr-only {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
} .describesProject {
padding-top: 35px;
padding-bottom: 35px;
display: block;
}
.single_du_an {
border-right: 1px solid #e5e5e5;
} .owl-nav {
position: absolute;
top: 50%;
width: 100%;
pointer-events: none;
}
.owl-nav button {
width: 40px;
height: 40px;
background: #ffffffbd !important;
backdrop-filter: blur(5px);
pointer-events: all;
}
.owl-nav button.owl-next {
float: right;
}
.owl-nav button.owl-prev {
float: left;
} .dfProjectStyleList {
display: flex;
flex-wrap: wrap;
background: white;
padding: 5px;
}
.dfProjectStyleList .dfProjectThumbnail {
width: 30%;
display: block;
}
.dfProjectStyleList .dfProjectThumbnail > div {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.dfProjectStyleList .dfProjectThumbnail > div img {
height: 200px;
width: auto;
}
.dfProjectStyleList .dfProjectContent {
width: 70%;
padding: 15px;
}
.dfProjectStyleList .dfProjectContent h3 {
color: black;
font-size: 22px;
}
.dfProjectStyleList .dfProjectContent p {
margin-bottom: 5px;
} div#home_wave {
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
z-index: 0;
pointer-events: none;
opacity: 0.2;
}
div#big .item {
height: 640px;
display: flex;
align-items: center;
margin-bottom: 20px;
}
div#big .item img {
height: 640px;
width: auto;
max-width: unset;
}
figure.effect img {
width: 100%;
height: auto;
} .businessBox {
margin-bottom: 35px;
box-shadow: 0px 0px 5px -3px;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
overflow: hidden;
}
.businessBox .businessBoxTitle {
padding: 14px;
background: radial-gradient(#31608e, #0a1928);
color: white;
font-size: 18px;
line-height: 24px;
font-weight: bold;
text-align: center;
}
.businessBox .businessBoxContent {
padding: 35px;
background: white;
font-size: 14px;
line-height: 20px;
} .icon__box__layout {
max-width: 600px;
margin: auto;
padding: 8px 0px;
align-items: center;
}
.icon__box__layout:not(:last-child) .icon__tour:before {
content: "";
width: 2px;
background: #224567;
height: 150px;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.iconTourTitle {
width: 175px;
padding: 10px;
}
.iconTourTitle h4 {
font-size: 16px;
color: black;
}
.iconTourTitle h4 a {
color: black;
}
.icon__tour {
display: block;
background: radial-gradient(#31608e, #0a1928);
border-radius: 50%;
padding: 28px;
width: 100px;
height: 100px;
position: relative;
z-index: 1;
}
.icon__tour img {
max-width: 100%;
}
.icon__tour__content {
width: 290px;
padding-left: 35px;
}
.icon__tour__content a {
color: black;
} ul.stepCounter {
padding: 0;
margin: 0;
}
ul.stepCounter li {
display: flex;
align-items: center;
padding: 5px 0px;
font-size: 12px;
position: relative;
}
ul.stepCounter li .counterStep {
display: block;
background: radial-gradient(#31608e, #0a1928);
min-height: 30px !important;
min-width: 30px !important;
text-align: center;
line-height: 30px;
color: white;
border-radius: 50%;
margin-right: 9px;
} .container_project {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
width: 100%;
position: relative;
background: black;
}
.reveal {
visibility: hidden;
position: relative;
width: 90%;
height: 98%;
max-width: 100vw;
overflow: hidden;
}
.reveal img {
height: 100%;
width: 100%;
object-fit: cover;
transform-origin: left;
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.projectThumbnails {
height: 500px;
overflow: hidden;
position: relative;
}
.projectThumbnails img {
width: 100%;
height: 100%;
}
.project_index {
position: absolute;
bottom: 0;
left: 0;
color: white;
padding: 40px;
width: 100%;
background: linear-gradient(0deg, rgb(0 0 0 / 69%), transparent);
} .projectThumbnails .reveal {
width: 100%;
height: 100%;
}
.projectThumbnails .container_project {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
} .headerTitle .container {
position: relative;
}
.headerTitle:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
background: linear-gradient(0deg, rgb(0 0 0 / 56%), transparent);
z-index: 0;
} div#breadcum {
background: aliceblue;
padding: 20px 0px;
margin-bottom: 0px;
}
div#breadcum p {
margin: 0;
}
h3.widget-title {
font-size: 18px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 5px;
margin-bottom: 15px;
text-transform: uppercase;
} .postSidebar aside {
margin-bottom: 35px;
}
.media > a {
width: 79px;
display: block;
overflow: hidden;
}
.media > a > img {
width: 100%;
height: auto;
transition: all 0.3s ease-in-out;
}
.media-body {
padding-left: 13px;
}
.media-body a {
font-weight: bold;
color: black;
overflow: hidden;
}
.media:hover > a > img {
transform: scale(1.2);
transition: all 0.3s ease-in-out;
}
.postSidebar aside ul li {
display: block;
position: relative;
padding-left: 8px;
transform: translateX(0px);
transition: all 0.3s ease-in-out;
}
.postSidebar aside ul li a {
color: black;
}
.postSidebar aside ul li:before {
content: "\f054";
font-family: 'Font Awesome 5 Free';
font-size: 9px;
position: absolute;
left: 0;
font-weight: bold;
}
.postSidebar aside ul li:hover {
transform: translateX(10px);
transition: all 0.3s ease-in-out;
} .contentDesign {
border: 1px solid #e8e8e8;
} .contentDesign.newSimple .designThumbnail .simpleTerm {
position: absolute;
z-index: 1;
right: 15px;
top: 10px;
}
.contentDesign.newSimple .designThumbnail .designUiLink {
text-align: center;
padding: 9px 0px 0px 0px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
}
.contentDesign.newSimple .designThumbnail .designUiLink li {
display: inline-block;
}
.contentDesign.newSimple .designThumbnail .designUiLink li a {
color: white;
background: #00c4ff; border-radius: 2px;
padding: 2px 5px;
}
.contentDesign.newSimple .designMeta {
border: unset;
text-align: left;
}
.contentDesign.newSimple .designMeta .authorDesign {
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
color: #666666;
border-top: 1px solid whitesmoke;
padding: 10px 0px;
}
.contentDesign.newSimple .designMeta .authorDesign i {
display: inline-block;
background: whitesmoke;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 50%;
margin-right: 3px;
} .contentDesign .designThumbnail {
position: relative;
height: 250px;
overflow: hidden;
}
.contentDesign .designThumbnail img {
height: 250px;
width: auto;
max-width: unset;
min-width: 100%;
transform: scale(1);
transition: all 0.3s;
}
.contentDesign:hover .designThumbnail img {
transform: scale(1.2);
transition: all 0.3s;
} .contentDesign .designDate {
position: absolute;
z-index: 1;
top: 15px;
left: 15px;
display: flex;
flex-wrap: wrap;
border-radius: 0px;
background: rgba(255, 255, 255, 1);
padding: 2px 11px;
width: 47px;
color: #333333;
box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.contentDesign .designDate span {
width: 100%;
text-align: center;
}
.contentDesign .designDate span.date {
font-weight: 600;
font-size: 19px;
line-height: 25px;
}
.contentDesign .designDate span.month {
font-size: 11px;
border-top: 1px solid;
margin-top: -1px;
padding-top: 2px;
} .contentDesign .designMeta {
padding: 10px;
border-bottom: 1px solid #e8e8e8;
text-align: center;
}
.contentDesign .designMeta .designUiLink {
text-align: center;
padding: 9px 0px 0px 0px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
}
.contentDesign .designMeta .designUiLink li {
display: inline-block;
}
.contentDesign .designMeta .designUiLink li a {
color: #f57d00;
}
.contentDesign .designMeta h3 {
font-size: 16px;
font-weight: 600;
text-align: center;
}
.contentDesign .designMeta h3 a {
color: black;
}
.contentDesign .designMeta .authorDesign {
font-size: 9px;
text-transform: uppercase;
} .contentDesign .designExcerpt {
padding: 15px;
}
.contentDesign .designExcerpt p {
font-size: 12px;
line-height: 16px;
color: #7d7d7d;
}
.contentDesign .designExcerpt a {
padding: 5px;
display: block;
margin: auto;
width: 100%;
text-align: center;
background: #00c4ff; color: white;
font-size: 12px;
} .nav-links {
margin-bottom: 35px;
}
.nav-links span {
color: black;
border: 1px solid #dbdbdb;
padding: 6px 10px;
}
.nav-links span a {
color: black;
} form#searchBlog input {
height: 40px;
border: 1px solid whitesmoke;
}
form#searchBlog button {
width: 50px;
height: 40px;
border: unset;
background: #00c4ff; color: white;
} .product-cat-item {
position: relative;
z-index: 1;
} ul.pagination .page-link {
border: 1px solid black;
border-radius: 0px !important;
color: black;
margin: 2px;
}
ul.pagination .page-link.current {
background: black;
border: 1px solid black;
color: white;
} .overflowDiv {
min-width: 50vw;
position: absolute;
overflow: hidden;
}
.containerHalfLeft {
max-width: 685px;
float: right;
padding: 15px;
}
.containerHalfRight {
max-width: 685px;
float: left;
padding: 15px;
} table#wp-calendar {
width: 100%;
}
table#wp-calendar td,
table#wp-calendar th {
text-align: center;
padding: 5px;
}
td#today {
background: black !important;
color: white;
}
div#calendar_wrap {
border: 1px solid #e9e9e9;
padding: 10px;
} #wrapper-footer-full {
background-color: #2f333a;
color: white;
padding: 50px 0px;
position: relative;
z-index: 1;
}
#wrapper-footer-full a {
color: white;
}
#wrapper-footer-full #menu-menu-chinh li {
position: relative;
padding-left: 15px;
}
#wrapper-footer-full #menu-menu-chinh li:before {
content: "";
height: 5px;
width: 5px;
background: #585858;
display: inline-block;
margin-right: 5px;
position: absolute;
top: 6px;
left: 0;
}
#wrapper-footer-full div#nav_menu-2 {
max-width: 15%;
}
#wrapper-footer-full div#custom_html-2 {
min-width: 35%;
}
#wrapper-footer-full .emailMarketing input {
padding: 12px !important;
border: unset;
} ul.social_link_menu {
margin-top: 15px;
}  section.footer ul li {
display: block;
margin-bottom: 10px;
}
section.footer ul {
padding: 0;
} .textwidget.custom-html-widget h3 {
font-size: 15px;
text-transform: uppercase;
} #footer-full-content .widget-title {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.3px;
}
#footer-full-content .widget-title:after {
content: "";
width: 35px;
height: 2px;
display: block;
background: white;
margin: 10px 0px;
margin-bottom: 20px;
transition: all 0.3s;
}
#footer-full-content .widget-title:hover:after {
width: 85px;
transition: all 0.3s;
} #footer-full-content ul#menu-menu-khach-hang {
padding: 0;
}
#footer-full-content ul#menu-menu-khach-hang li {
display: block;
}
#footer-full-content ul#menu-menu-khach-hang li a {
color: white;
margin-bottom: 10px;
display: block;
} #footer-full-content .media > a {
width: 55px;
}
#footer-full-content .media img {
width: 100%;
height: auto;
}
#footer-full-content .media .media-body {
padding-left: 5px;
}
#footer-full-content .media .media-body .authorDesign {
font-size: 9px;
font-style: italic;
}
#footer-full-content .media .media-body a {
color: white;
font-size: 12px;
} #footer-full-content .iosAndroid {
width: 100px;
} #footer-full-content form.wpcf7-form input {
border-radius: 0px !important;
padding: 5px;
}
#footer-full-content form.wpcf7-form .wpcf7-submit {
border: unset;
padding: 10px 20px !important;
display: block;
color: white !important;
background: #00c4ff; } .social-icon a {
display: inline-block;
background: wheat;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 3px;
color: white;
}
.social-icon .facebook { background: #3b5999; }
.social-icon .google { background: #dd4b39; }
.social-icon .youtube { background: #cd201f; }
.social-icon .zalo { background: #00AFF0; } ul.footerInfor {
display: block;
padding: 0;
}
ul.footerInfor li {
display: block;
margin-bottom: 10px;
position: relative;
padding-left: 40px;
line-height: 26px;
}
ul.footerInfor li i {
display: inline-block;
margin-right: 5px;
width: 25px;
height: 25px;
text-align: center;
background: white;
line-height: 27px;
font-size: 12px;
color: black;
position: absolute;
left: 0;
top: 0;
} section.footer { background: #fff;
padding: 50px 0px;
} .footerContent { border: 1px solid #e5e5e5;
} .footerContent .innerBorderLeft   { border-left: 1px solid #e5e5e5; }
.footerContent .innerBorderTop    { border-top: 1px solid #e5e5e5; }
.footerContent .innerBorderRight  { border-right: 1px solid #e5e5e5; }
.footerContent .innerBorderBottom { border-bottom: 1px solid #e5e5e5; }
.footer .wpb_wrapper .vc_custom_heading{
border-color: #2d2d2d !important;
}
.footer .text-white *{
color: #000 !important;
} a.gotop {
background: #000000a1;
position: fixed;
z-index: 99;
bottom: 15px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
color: white;
}
*:focus {
border: unset !important;
outline: none !important;
}
html {
overflow-x: hidden;
}
body {
font-family: 'Work Sans', sans-serif;
line-height: 18px;
font-size: 13px;
padding: 0 !important;
margin: 0 !important;
}  h1 {
font-size: 30px;
line-height: 34px;
font-weight: 600;
}
h2 {
font-size: 26px;
line-height: 30px;
font-weight: 600;
}
h3 {
font-size: 22px;
line-height: 24px;
font-weight: 600;
}
h4 {
font-size: 19px;
line-height: 22px;
font-weight: 600;
}
h5 {
font-size: 18px;
line-height: 20px;
font-weight: 600;
} .container {
margin: auto !important;
}
.bg-white-glass {
background-color: white;
width: 100vw;
}
input {
border-radius: 0px !important;
}
input.wpcf7-submit {
background: #00c4ff; color: white !important;
border: unset;
padding: 10px 40px;
}
b, strong {
font-weight: 600;
}
.roundedCollumn {
border-radius: 150px;
}
.boxShadow {
box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.btn-primary {
background: #00c4ff; color: white !important;
} div#full-width-page-wrapper {
width: 100vw;
} #panels #panels-container {
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: nowrap;
padding: 0;
overflow: hidden;
}
#panels #panels-container .panel {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
color: #333;
text-align: left;
}
#panels #panels-container .panel img {
width: 100%;
} .scrolling {
z-index: 2;
padding: 10px;
position: relative;
background: white;
}
div#fixed_content {
position: relative;
width: 100%;
}
span.des {
min-width: 35px;
height: 100vh;
display: block !important;
position: relative;
border-left: 1px solid #222222;
pointer-events: none;
}
.lineDes {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
pointer-events: none;
}
html.has-scroll-smooth {
overflow: hidden;
}
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.has-scroll-smooth body {
overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh;
} [data-scroll-direction="horizontal"] [data-scroll-container] {
height: 100vh;
display: inline-block;
white-space: nowrap;
}
[data-scroll-direction="horizontal"] [data-scroll-section] {
display: inline-block;
vertical-align: top;
white-space: nowrap;
height: 100%;
} .c-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 11px;
height: 100%;
transform-origin: center right;
transition: transform 0.3s, opacity 0.3s;
opacity: 0;
}
.c-scrollbar:hover {
transform: scaleX(1.45);
}
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar,
.c-scrollbar:hover {
opacity: 1;
} [data-scroll-direction="horizontal"] .c-scrollbar {
width: 100%;
height: 10px;
top: auto;
bottom: 0;
transform: scaleY(1);
}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
transform: scaleY(1.3);
} .c-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: black;
opacity: 0.5;
width: 7px;
border-radius: 10px;
margin: 2px;
cursor: -webkit-grab;
cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
cursor: -webkit-grabbing;
cursor: grabbing;
}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
right: auto;
bottom: 0;
}
.contentDesign.newSimple .designThumbnail .designUiLink li a {
color: white;
background: #37699D;
border-radius: 2px;
padding: 2px 5px;
}
@media screen and (max-width: 767px){
.list__post{
margin: 0;
padding: 0;
}
} .hl-partner-carousel {
max-width: 1140px;
margin: 0 auto;
padding: 0 15px 10px;
}
.hl-partner-carousel .owl-carousel {
display: block;
}
.hl-partner-carousel__item {
padding: 8px 4px;
}
.hl-partner-carousel__link {
display: flex;
align-items: center;
justify-content: center;
min-height: 100px;
padding: 14px 18px;
background: #fff;
border: 1px solid #e8eaed;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.hl-partner-carousel__link:hover {
border-color: color-mix(in srgb, var(--maincolor, #c41230) 35%, #e8eaed);
box-shadow: 0 8px 22px rgba(17, 24, 39, 0.08);
transform: translateY(-2px);
}
.hl-partner-carousel__link img {
display: block;
width: auto;
max-width: 100%;
max-height: 64px;
margin: 0 auto;
object-fit: contain;
filter: grayscale(20%);
opacity: 0.92;
transition: filter 0.2s ease, opacity 0.2s ease;
}
.hl-partner-carousel__link:hover img {
filter: grayscale(0);
opacity: 1;
}
.hl-partner-carousel .owl-nav {
margin-top: 12px;
}
.hl-partner-carousel .owl-nav button.owl-prev,
.hl-partner-carousel .owl-nav button.owl-next {
width: 38px;
height: 38px;
border-radius: 999px;
background: #fff !important;
border: 1px solid #e8eaed !important;
color: #1a1d24 !important;
box-shadow: 0 2px 8px rgba(17, 24, 39, 0.08);
}
.hl-partner-carousel .owl-nav button.owl-prev:hover,
.hl-partner-carousel .owl-nav button.owl-next:hover {
border-color: var(--maincolor, #c41230) !important;
color: var(--maincolor, #c41230) !important;
}
.hl-partner-carousel .owl-dots {
margin-top: 10px;
}
.hl-partner-carousel .owl-dot span {
background: #d1d5db !important;
}
.hl-partner-carousel .owl-dot.active span,
.hl-partner-carousel .owl-dot:hover span {
background: var(--maincolor, #c41230) !important;
}
#wrapper-footer .text-white *{
color: #000 !important;
}
@media screen and (max-width: 767px){
.list__thongdiep{
padding: 0px 15px;
}
}