.admin-bar .main-header {
top: 32px !important;
}
@media screen and (max-width: 782px) {
.admin-bar .main-header {
top: 46px !important;
}
}
.main-header .hfe-nav-menu__layout-horizontal,
.main-header .hfe-nav-menu,
.main-header .hfe-nav-menu__align-right {
height: 100%;
}
.main-header .hfe-nav-menu {
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-header .hfe-nav-menu > li.menu-item {
display: flex;
align-items: center;
margin-right: 13px;
position: relative;
}
.main-header .hfe-nav-menu > li.menu-item:last-child {
margin-right: 10px;
}
.main-header .hfe-nav-menu > li.menu-item .hfe-menu-item {
height: 100%;
transition: all .3s ease;
display: flex;
align-items: center;
}
.main-header .hfe-nav-menu .sub-arrow {
margin-left: 10px;
}
.main-header .hfe-nav-menu > li:before {
content: '';
position: absolute;
left: 15px;
right: 15px;
top: 0;
height: 6px;
background: #09398e;
opacity: 0;
visibility: hidden;
transition: all .3s ease;
}
.main-header .hfe-nav-menu > li.current-menu-item:before,
.main-header .hfe-nav-menu > li:hover:before {
opacity: 1;
visibility: visible;
}
body:not(.menu-open) .main-header .menuToggle button {
align-items: flex-end;
height: auto;
}
body:not(.menu-open) .main-header .menuToggle span {
width: 26px;
height: 6px;
min-height: 6px;
margin-bottom: 8px;
}
body:not(.menu-open) .main-header .menuToggle span:first-child {
width: 34px;
}
body:not(.menu-open) .main-header .menuToggle span:last-child {
width: 17px;
margin-bottom: 0;
}
.menu-open .menuToggle button span {
width: 6px;
}
.main-header .menuBurger a {
font-family: "Poppins", Sans-serif;
font-size: 28px;
line-height: 1;
display: inline-block;
font-weight: 600;
transition: all .3s ease;
}
.main-header .menuBurger .sub-menu a {
font-size: 24px;
font-weight: 400;
}
.main-header #slideInMenu {
padding: 0;
}
.main-header .menuBurger ul {
list-style: none;
}
.main-header .menuBurger .menu {
padding-left: 0;
}
.main-header .menuBurger ul.sub-menu {
padding-left: 0;
padding-top: 30px;
}
.menuBurger li:not(:last-child) {
margin-bottom: 35px;
}
.main-header .menuBurger ul.sub-menu li:not(:last-child) {
margin-bottom: 25px;
}
.main-header .menuBurger-wrap {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow: auto;
padding-left: 12%;
padding-top: 10%;
padding-bottom: 10%;
padding-right: 8%;
}
.main-header .menuBurger-inner {
max-width: 1660px;
margin: 0 auto;
width: 100%;
}
.main-header .mobile-show {
border-bottom: solid 2px #fff;
padding-bottom: 30px;
margin-bottom: 30px;
}
.main-header .hfe-site-logo-set img {
max-width: 352px;
display: block;
width: 100%;
}
.main-header .hfe-nav-menu .sub-arrow {
display: block;
width: 24px;
height: 13px;
background: url(//together-vietnam.com/wp-content/themes/plaswire/images/menu-arrow-down.png) center center no-repeat;
background-size: cover;
}
.main-header .hfe-nav-menu .sub-arrow i {
display: none;
}
.main-header .hfe-nav-menu__toggle .hfe-nav-menu-icon {
display: none;
}
.main-header .hfe-nav-menu ul.sub-menu {
position: absolute;
left: 50%;
right: auto;
transform: translateX(-50%);
margin-top: -38px;
margin-left: -7px;
padding-bottom: 10px;
visibility: hidden;
opacity: 0;
}
.main-header .hfe-nav-menu ul.sub-menu .hfe-sub-menu-item {
text-align: center;
justify-content: center;
padding: 15px;
}
.menu-open .menuBurger-inner .menuToggle {
position: static;
margin-bottom: 25px;
margin-left: -10px;
}
.menu-open .menuBurger-inner .menuToggle button {
width: 30px;
height: 30px;
}
.menu-open .menuBurger-inner .menuToggle button span {
width: 4px;
background: #09398e;
} .main-footer .socials-footer {
width: auto;
}
.copyright ul {
list-style: none;
padding: 0;
display: flex;
gap: 42px;
}
.main-footer .opening-time {
max-width: 205px;
}
.main-footer .opening-time ul {
list-style: none;
padding: 0;
}
.main-footer .opening-time li {
display: flex;
justify-content: space-between;
margin-bottom: 23px;
}
.main-footer .stay-in-touch ul {
list-style: none;
padding: 0;
}
.main-footer .stay-in-touch li {
margin-bottom: 23px;
}
.main-footer .stay-in-touch a {
color: #fff;
}
.main-footer .stay-in-touch a:hover {
text-decoration: underline;
}
.copyright ul a {
color: #999;
}
.copyright ul a:hover {
text-decoration: underline;
}
.back-to-top a {
position: absolute;
width: 85px;
height: 72px;
background: url(//together-vietnam.com/wp-content/themes/plaswire/images/back-to-top.png) center center no-repeat;
background-size: cover;
right: 0;
top: 0;
margin-top: -48px;
}
.main-footer > .e-con-inner {
position: relative;
}
.main-footer .elementor-widget-html {
position: static;
}
.fb-icon .elementor-icon-wrapper {
position: relative;
bottom: 2px;
}
.q-icon svg {
transform: rotateY(180deg);
} .ceo-name:before {
content: '';
position: absolute;
right: 100%;
width: 100%;
height: 7px;
background: #09398e;
top: 10px;
margin-right: -50px;
}
.grid-img img {
object-fit: cover;
width: 100%;
height: 100%;
}
.btn-arrow .elementor-button {
display: inline-flex;
align-items: center;
}
.btn-arrow .elementor-button:after {
content: '';
display: block;
width: 40px;
height: 22px;
background: url(//together-vietnam.com/wp-content/themes/plaswire/images/icon-button.png) center center no-repeat;
margin-left: 20px;
transition: all .3s ease;
}
.btn-arrow .elementor-button:hover:after {
margin-left: 30px;
}
.solution-col .solution-col-inner {
align-items: flex-end;
}
.solution-col-inner > .e-con-inner,
.solution-2-col > .e-con-inner {
margin: 0;
}
.banner-scroll {
position: static;
}
.banner-scroll .elementor-heading-title {
position: absolute;
display: flex;
align-items: center;
gap: 14px;
bottom: 36px;
left: 50%;
transform: translateX(-50%) rotate(270deg);
}
.banner-scroll .elementor-heading-title:before {
content: '';
display: block;
width: 100px;
height: 3px;
background: #fff;
}
.banner-scroll .elementor-heading-title a {
text-decoration: none;
}
.fixed-icon-global .fixed-icon .elementor-image-box-wrapper {
display: flex;
}
.fixed-icon-list {
display: flex;
flex-direction: column;
align-items: flex-end;
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.fixed-icon-list .icon-inner {
display: flex;
background: #09398e;
position: relative;
align-items: center;
}
.fixed-icon-list .icon {
width: 80px;
height: 80px;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.fixed-icon-list .icons:not(:last-child) {
margin-bottom: 12px;
}
.fixed-icon-list .title {
font-size: 18px;
color: #fff;
font-weight: 500;
transition: all .3s ease;
max-width: 0;
}
.fixed-icon-list .icons:hover .title {
max-width: 250px;
transition: all .6s ease;
}
.fixed-icon-list .title span {
padding-right: 20px;
white-space: nowrap;
}
.fixed-icon-list .link-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
.h2-80 h2 {
font-size: 80px;
}
.wrap-box-service.new-style > .e-con-inner {
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1);
}
.elementor-element .counter-number h4 {
color: #F36914;
font-size: 52px;
font-weight: 700;
margin-bottom: 0;
}
.logo-slider .slide-inner {
padding: 15px 25px;
display: flex;
align-items: center;
justify-content: center;
}
.logo-slider .slide-inner img {
display: block;
max-height: 100px;
}
.logo-slider .swiper-wrapper {
display: flex;
align-items: center;
}
.logo-slider .swiper-slide {
width: 16.66%;
}
@media (min-width: 1025px) {
.main-header .mobile-show {
display: none;
}
}
@media (max-width: 1599px) {
.menu-open .menuBurger-inner .menuToggle {
margin-left: -8px;
}
.main-header .menuBurger ul.sub-menu li:not(:last-child) {
margin-bottom: 10px;
}
.main-header .menuBurger ul.sub-menu {
padding-top: 15px;
}
.main-header .menuBurger-wrap {
justify-content: center;
}
}
@media (max-width: 1366px) {
.main-header .menu-buger-menu-container {
display: block;
width: 100%;
height: auto;
}
.fixed-icon-list .icon {
width: 60px;
height: 60px;
}
.back-to-top a {
width: 80px;
height: 70px;
margin-top: -35px;
right: 50px;
}
.h2-80 h2 {
font-size: 60px;
}
.elementor-element .counter-number h4 {
font-size: 40px;
}
}
@media (max-width: 1200px) {
.main-header .hfe-nav-menu > li.menu-item {
margin-right: 15px;
}
}
@media (max-width: 1024.98px) {
.copyright ul {
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.ceo-name:before {
margin-right: -20px;
}
.fixed-icon-list .title {
font-size: 16px;
}
.fixed-icon-list .icon {
width: 50px;
height: 50px;
padding: 12px;
}
.h2-80 h2 {
font-size: 40px;
}
}
@media (max-width: 767px) {
.main-footer .f-logo {
width: auto;
}
.menu-open .main-header .menuToggle button {
margin-bottom: 0;
}
#page .grid-img {
display: flex;
flex-wrap: wrap;
gap: 0;
flex-direction: row;
}
.grid-img > .elementor-element {
width: 50%;
}
.back-to-top a {
width: 60px;
height: 54px;
margin-top: -27px;
right: 40px;
}
.banner-scroll .elementor-heading-title {
bottom: 10px;
}
.main-header .menuBurger-wrap {
width: 100%;
}
.elementor-element .counter-number h4 {
font-size: 32px;
}
.logo-slider .slide-inner {
padding: 15px;
}
}
@media (max-width: 639px) {
.fixed-icon-list .icons:not(:last-child) {
margin-bottom: 8px;
}
.fixed-icon-list .title {
font-size: 16px;
}
.fixed-icon-list .icon {
width: 40px;
height: 40px;
padding: 10px;
}
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 30px;
}
.swiper-pagination-bullet {
width: 14px;
height: 14px;
} .tab-slide .swiper-horizontal > .swiper-pagination-bullets,
.tab-slide .swiper-pagination-bullets.swiper-pagination-horizontal,
.tab-slide .swiper-pagination-custom, .swiper-pagination-fraction {
position: static;
margin-top: 30px;
}
.tab-slide {
text-align: center;
}
.tab-head .tab-link {
list-style: none;
padding: 0 0 50px;
text-align: center;
}
.tab-head .tab-link li {
display: inline-block;
padding: 0 12px 0 5px;
font-weight: 700;
line-height: 1.2;
}
.tab-head .tab-link li:not(:last-child) {
border-right: 3px solid #bdbdbd;
}
.tab-head .tab-link li a {
color: #000000;
}
.tab-head .tab-link li.active a {
color: #09398e;
}
.tab-container {
position: relative;
}
.tab-container .tab-panel {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
opacity: 0;
visibility: hidden;
height: 1px;
overflow: hidden;
}
.tab-container .tab-panel.active {
opacity: 1;
visibility: visible;
position: static;
height: auto;
overflow: inherit;
}
.tab-slide {
overflow: hidden;
} .banner-slide {
overflow: hidden;
}
.banner-slide .swiper-pagination-bullet {
background-color: #fff;
}
.banner-slide .banner-item {
position: relative;
height: auto;
background-size: cover;
background-repeat: no-repeat;
}
.banner-slide .banner-item::before {
content: '';
position: absolute;
top: 0;
left: -1px;
width: 110%;
height: 100%;
background-color: inherit;
}
.banner-slide .banner-inner {
max-width: 1260px;
margin-left: auto;
margin-right: auto;
padding: 200px 60px 230px;
text-align: center;
position: relative;
}
.banner-slide .title {
color: #FFFFFF;
font-weight: 700;
font-size: 70px;
}
.banner-slide .desc {
color: #fff;
}
@media (max-width: 1366px) {
.banner-slide .banner-inner {
padding: 150px 30px 180px;
}
.banner-slide .title {
font-size: 50px;
}
}
@media (max-width: 767px) {
.banner-slide .banner-inner {
padding: 100px 20px 130px;
}
.banner-slide .title {
font-size: 36px;
}
}
.login-submit .button {
background-color: #09398e;
border: 1px solid #09398e;
color: #fff;
display: inline-block;
padding: 0 25px;
height: 48px;
line-height: 48px;
font-size: 22px;
font-weight: 600;
text-decoration: none;
}
.login-submit .button:hover {
border: 1px solid #09398e;
background-color: #fff;
color: #09398e;
}
input:is(:-webkit-autofill, :autofill) {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}