.hfe-nav-menu li.menu-item {
margin-right: 30px;
}
.hfe-nav-menu {
width: 100%;
}
.hfe-nav-menu li.menu-item.contact-menu {
margin-right: 0;
margin-left: auto;
}
.hfe-nav-menu li.menu-item.contact-menu:before {
content: '';
width: 52px;
height: 30px;
background: url(//together-vietnam.com/wp-content/themes/plaswire/images/contact-icon.png) no-repeat left top;
display: inline-block;
position: absolute;
top: 8px;
left: -52px;
}
.site-footer {
display: none;
}
.menuToggle button:hover,
.menuToggle button:focus,
.menuToggle button:active {
background: none;
border: none;
outline: none;
}
.menuToggle button:hover span {
background: #f32905;
}
.menuToggle span {
height: 4px;
margin-bottom: 9px;
width: 40px;
background: #fff;
border-radius: 30px;
display: block;
}
.menuToggle span:last-child {
margin-bottom: 0;
}
.menuToggle {
top: 20px;
left: 20px;
z-index: 9;
}
body.menu-open {
overflow: hidden;
}
.menuToggle button {
background: none;
border: none;
cursor: pointer;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 24px;
margin-left: auto;
}
#slideInMenu {
position: fixed;
top: 0;
right: -100%;
width: 380px;
height: 100%;
background-color: #000;
padding: 200px 155px 15px 100px;
transition: right 0.5s ease;
z-index: 99;
overflow-y: auto;
}
.menu-open header {
position: fixed;
width: 100%;
top: 0;
}
.menu-open header {
position: fixed;
}
.menu-open .header-logo {
z-index: 12;
}
.menu-open .menuToggle {
position: sticky;
}
.menu-open .menuToggle button {
width: 40px;
height: 40px;
position: relative;
}
.menu-open .menuToggle button span:nth-last-child(3) {
transform: rotate(45deg);
}
.menu-open .menuToggle button span:nth-last-child(2) {
opacity: 0;
-webkit-transform: rotate(0deg) scale(.2);
transform: rotate(0deg) scale(.2);
}
.menu-open .menuToggle button span {
transform: rotate(-45deg);
position: absolute;
content: "";
width: 2px;
height: 100%;
background-color: #fff;
top: 0;
left: 50%;
}
.menu-open .menuToggle button:hover span {
background: #f32905;
}
.menuBurger a {
color: #fff;
font-size: 22.68px;
font-weight: 400;
font-family: "Helvetica", Sans-serif;
}
.menuBurger a:hover {
color: #f32905;
}
.menu-buger-menu-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
justify-content: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.home-trust .slider-trust .slick-track {
display: flex;
align-items: center;
}
.home-trust .slider-trust .elementor-widget-container {
display: flex;
justify-content: center;
}
.contact-menu .elementor-button-link {
position: relative;
}
.contact-menu .elementor-button-link:before {
content: '';
width: 30px;
height: 17px;
background: url(//together-vietnam.com/wp-content/themes/plaswire/images/contact-icon.png) no-repeat left top;
display: inline-block;
position: absolute;
top: 19px;
left: 17px;
background-size: cover;
}
.contact-menu .elementor-button-link:hover:before {
background: url(//together-vietnam.com/wp-content/themes/plaswire/images/contact-icon_white.png) no-repeat left top;
background-size: cover;
}
.home-polymer:before {
content: '';
border: 1px solid #1c2028;
position: absolute;
height: 95%;
width: 80%;
z-index: 0;
left: -2%;
top: -2%;
display: block !important;
}
.footer-icon .elementor-icon {
width: 40px;
height: 40px;
border: 2px solid;
border-radius: 50%;
margin-left: 3px;
display: flex;
align-items: center;
justify-content: center;
}
.footer-phone a {
color: #09398e;
}
.footer-social a {
border: 2px solid #aaa;
color: #aaa;
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
.footer-social a:hover {
border: 2px solid #09398e !important;
color: #09398e;
}
.footer-social a:hover svg {
filter: #09398e;
}
footer .wpcf7 input[type=text],
footer .wpcf7 input[type=email] {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border: none;
border-radius: 0;
outline: none;
margin-bottom: 16px;
padding: 9px 4%;
}
footer .wpcf7 input[type=email] {
margin-bottom: 2px;
}
::-ms-input-placeholder {
color: #fff;
}
::placeholder {
color: #fff;
}
footer .wpcf7 input[type=submit] {
width: 100%;
background: #000;
border: none;
border-radius: 0;
color: #fff;
padding: 10px 30px;
}
.home-trust {
overflow: hidden;
}
.animated-item--move-down .elementor-widget-heading,
.animated-item--move-down .move-down-1,
.animated-item--move-down .move-down-2,
.animated-item--move-down .move-down-3 {
transition-duration: 1000ms;
}
.animated-item--move-down:hover .elementor-widget-heading,
.animated-item--move-down:hover .move-down-1,
.animated-item--move-down:hover .move-down-2,
.animated-item--move-down:hover .move-down-3 {
transform: translateY(30px);
}
.animated-item--move-down .e-con-inner .elementor-widget-heading:nth-child(2),
.animated-item--move-down .e-con-inner .move-down-2 {
transition-delay: calc(1000ms / 3);
}
.animated-item--move-down .e-con-inner .elementor-widget-heading:last-child,
.animated-item--move-down .e-con-inner .move-down-3 {
transition-delay: calc((1000ms / 3) * 2);
}
footer .wpcf7-response-output {
color: #fff;
}
footer .elementor-heading-title a:hover {
color: #E3A83D !important;
}
.hfe-nav-menu .sub-menu li.menu-item {
margin-right: 0;
}
@media (min-width: 1921px) {
.home-content {
background-size: cover;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.hfe-nav-menu li.menu-item {
margin-right: 0;
}
}
@media (max-width: 1024px) {
.hfe-nav-menu-icon {
display: none;
}
.menuToggle span {
width: 30px;
}
.hfe-nav-menu li.menu-item {
margin-right: 0;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
left: auto !important;
right: 0;
width: calc(100vw - 20px) !important;
top: calc(100% + 78px);
}
.hfe-nav-menu__layout-horizontal {
overflow-x: hidden;
}
}
@media (max-width: 880px) {
.home-content {
background-position-y: -60px;
background-repeat: no-repeat;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
top: calc(100% + 73px);
}
}
@media (max-width: 767px) {
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
top: calc(100% + 56px);
right: 10px;
}
#slideInMenu {
padding: 150px 55px 15px 0;
width: 100%;
}
.menu-open .menuToggle button {
margin-bottom: 20px;
}
}
@media (max-width: 639px) {
.home-content {
background-position-y: -80px;
}
}
@media (max-width: 459px) {
.home-content {
background-position-y: -130px;
padding-bottom: 20px;
}
}
@media (max-width: 394px) {
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
top: calc(100% + 41px);
}
}
@media (max-width: 330px) {
.home-content {
background-position-y: -230px;
}
} .about-plasswire__learn-more .elementor-tab-title {
display: flex;
flex-direction: row-reverse;
justify-content: start;
}
.about-plasswire__learn-more .elementor-tab-title > span {
margin-left: 12px;
}
.about-plasswire__learn-more .elementor-accordion-item > div {
padding: unset;
}
.about-plasswire__learn-more .elementor-accordion-item a {
text-decoration: none;
}
.about-plasswire__learn-more .elementor-accordion-item > div:last-child {
padding-bottom: 125px;
}
.team-person__description p {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 4;
transition: -webkit-line-clamp 0.3s ease;
}
.team-person__read-more a {
border: unset !important;
padding: unset;
}
.team-person__content.expanded .elementor-align-icon-right {
transform: rotate(-90deg);
}
.team-person__content.expanded p {
-webkit-line-clamp: unset;
}
.team-person__content .elementor-button-link svg {
transition: .5s;
}
.team-person__content .elementor-button-link svg path,
.about-plasswire__read-more svg path {
fill: #09398e;
}
.about-plasswire__read-more a {
padding: unset;
}
.about-us__meet-our-team .team-person__read-more .elementor-button-content-wrapper > span.elementor-button-icon {
display: flex;
align-items: center;
}
.team-person__content h3, .team-person__content p {
margin-bottom: unset;
}
.about-us__meet-our-team .team-person__read-more .elementor-button-content-wrapper,
.about-plasswire__learn-more .elementor-accordion-item > div.elementor-tab-title {
display: flex;
align-items: center;
}
.about-plasswire__read-more a span.elementor-align-icon-right,
.about-us__meet-our-team .team-person__read-more .elementor-button-content-wrapper span.elementor-align-icon-right {
transition: .3s;
display: flex;
align-items: center;
}
.about-plasswire__read-more a:hover span.elementor-align-icon-right,
.about-us__meet-our-team .team-person__read-more a:hover span.elementor-align-icon-right {
margin-left: 17px !important;
}
@media screen and (max-width: 1440px) {
.team-person__position h3 {
font-size: 32px;
}
}
@media screen and (max-width: 1200px) {
.team-person__position h3 {
font-size: 20px;
}
.about-plasswire__learn-more .elementor-accordion-item > div:last-child {
padding-bottom: 5px;
}
}
.about-us-banner__description p a {
color: #fff !important;
text-decoration: none !important;
}
.about-us-banner__description p a:hover {
text-decoration: underline !important;
}
.about-plasswire__read-more .elementor-align-icon-right::before,
.about-us__meet-our-team .team-person__read-more .elementor-button-content-wrapper .elementor-align-icon-right::before {
content: '';
background: url(//together-vietnam.com/wp-content/themes/plaswire/images/icon-button.png);
background-repeat: no-repeat;
width: 38px;
height: 21px;
}
.about-plasswire__read-more .elementor-align-icon-right svg,
.about-us__meet-our-team .team-person__read-more .elementor-button-content-wrapper > span.elementor-button-icon svg {
display: none;
}