@charset "UTF-8";

/*
Theme Name: Tripi
Theme URI: 
Author: Tripi WordPress team
Author URI: 
Description:
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.0
License: 
License URI:
Text Domain:tripi
Tags: 

 */
/*.col-footer {
    max-width: 240px;
}*/

/*poup header*/


/**********************/
.wp_video_section iframe{
    max-width: 1400px;
    margin: auto;
    overflow: hidden;
    height: 700px;
    display: flex;
}
.wp_fancybox:hover .image_youtube > img {
    transform: scale(1.05);
}
img.icon_video_youtube {
    
    position: absolute;
    z-index: 9999;
}
.image_youtube {
     overflow: hidden;
}
.image_youtube > img{
    transition: 0.7s all;
}
.wp_fancybox a{
    display: block;
}
.wp_fancybox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
section.video_home {
    padding-top: 120px;
    position: relative;
}
#popmake-738 button.pum-close.popmake-close {
    background: transparent;
    right: 13px;
    top: 35px;
    color: #677072;
    border: none;
    border-radius: inherit;
    box-shadow: initial;
    font-size: 30px;
}
#luu-y:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("/wp-content/uploads/2021/05/Icon.svg");
    position: absolute;
    left: -40px;
}
#luu-y h2 {
    font-size: 16px;
}
#luu-y p {
    font-size: 14px;
}
#luu-y a {
    color: #0066ff;
}
#popmake-738 {
    box-shadow: 0px 3px 9px rgb(0 0 0 / 15%), 0px 7px 18px rgb(0 0 0 / 20%);
    border-radius: 4px;
    border: none;
    padding: 16px 56px 22px 56px;
    max-width: 400px !important;
    transform: translate(-50%,-50%);
    top: 50% !important;
}

#pum-738 p > button {
    background: #FFB30F;
    border: none;
    padding: 4px 24px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-top: 20px;
}

/****************************/
a#popu-window span {font-weight: 500;font-size: 16px;}

#box-up-window-home h3 {
    font-size: 20px;
    color: #3F4445;
}
.from-registration span.wpcf7-not-valid-tip {
    margin-top: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
   border-color: #dc3232 !important;
}
.wpcf7 form .wpcf7-response-output{
    margin: 2em 0px !important;
}
#box-up-window-home {
    padding: 0px 65px;
}

#box-up-window-home p {
    font-size: 14px;
    margin-bottom: 0px;
}
#box-up-window-home h3 {
    font-size: 20px;
    color: #3F4445;
}
#popmake-686 {border: 0px solid #00836d;}

#box-up-window-home a {
    color: #0066bd;
    outline: none;
    display: inline-block;
    margin-bottom: 15px;
}
#popu-window {
    margin-top: 24px;
    margin-bottom: 0px !important;
}
.aligncenter {
    margin: auto;
    display: block;
}
#box-up-window-home p {
    font-size: 14px;
}
a.su-button.su-button-style-default span {
    background-color: #00836d;
    border: none;
    font-size: 16px !important;
    padding: 0px !important;
}

a.su-button.su-button-style-default {
    border: none;
    padding: 4px 24px;
    background: #00836d !important;
    font-size: 15px !important;
}
@media only screen and (min-width: 1024px){
    .pum-container.pum-responsive.pum-responsive-medium {
        transform: translate(-50%,0);
        width: 560px !important;
        margin-left:0 !important;
    }
}
*:focus ,a:focus {
    outline: none;
}
/* end poup header*/

/*page footer*/
.content-contact-us .wpcf7-response-output {
    text-align: center;overflow: hidden;
    padding: 10px 20px !important;
    border: none !important;
}
.content-contact-us h2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 34px;
    line-height: 24px;
}
.content-contact-us label {
    display: flex;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #3F4445;
}
.content-contact-us textarea {
    width: 100%;
    background: #F2F3F3;
    border-radius: 4px;
    padding: 15px 15px;
    border: none;
    margin-bottom: 24px;
}
.content-contact-us .wpcf7-form-control-wrap {
    margin-bottom:10px !important;
    display: block;
}
.content-contact-us input {
    width: 100%;
    background: #F2F3F3;
    border-radius: 4px;
    height: 40px;
    padding: 0px 15px;
    border: none;
    margin-bottom:10px;
}
#submit-contacts {
    width: initial;
    background: #00836D;
    border-radius: 4px;
    color: #fff;
    outline: none;
    border: none;
    font-size: 16px;
    padding: 10px 42px;
    display: flex;
    margin:0 auto 20px;
}
.content-contact-us {
    overflow: hidden;
    margin-bottom:39px;
}
.content-contact-us form br {
    display: none;
}
.content-contact-us form label span{
    color: red;
    padding-left: 5px;
}
.wp-col-contact.col-one {
    width: 55%;
    float: left;
}

.wp-col-contact.col-two {
    width: 40%;
    float: right;
}
.wp-col-contact-all {float: left;width: 100%;}
.box-contact-us {
    border: 0.5px solid #BDBDBD;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 36px 40px;
}

.box-contact-us h2 {
    color: #00836D;
    font-size: 20px;
}

.box-contact-us h3 {
    color: #00836d;
    font-size: 16px;
    margin: 40px 0px 15px;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450 !important;
}

/*end page footer*/

.milestone button.slick-next {
    background: #1eaa92;
    right:-3px;
    top: 50%;
    transform: translateY(-29px);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    height: 18px;
    width: 27px;
}

.milestone .slick-prev {
    transform: translateY(-29px);
    left: -3px;
    background: #00836d;
    z-index: 9;
    height: 18px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.milestone button.slick-prev.slick-arrow.slick-disabled{
    display: none !important;
}
.milestone button.slick-prev:before {
    content: "";
    background: url(/wp-content/uploads/2021/03/Vector-2.3.png);
    width: 10px;
    height: 15px;
    position: absolute;
    top: 3px;
    left:14px;
    background-size: auto;
    background-repeat: no-repeat;opacity: 1;
    display: none;
}
.milestone button.slick-prev.slick-arrow::before {
    display: block;
}
.milestone button.slick-next.slick-arrow.slick-disabled {
    display: none;
}
.milestone button.slick-next:before {
    content: "";
    background: url(/wp-content/uploads/2021/03/Vector-2.2.png);
    width: 10px;
    height: 15px;
    position: absolute;
    top: 3px;
    left: 7px;
    background-size: auto;
    background-repeat: no-repeat;opacity: 1;
}

.col-footer.col-two-footer{
    padding-left: 10px;
}
.col-footer.footer-contact {
    padding-left:20px;
}
#content-single-post li {
    margin-bottom: 15px;
}
 .box-list-product {
    transition: 0.7s all;
    cursor: pointer;
    background: #FFFFFF;
    border: 0.5px solid #BDBDBD;
    border-radius: 32px;
    padding: 56px 40px 0px;
    margin-bottom: 40px;
    box-sizing: border-box;
    min-height: 370px;
    border: 0.5px solid rgb(189 189 189 / 45%);
}

.box-list-product p {margin-top: 32px;font-size: 16px;}
 .title-product-single h2 {
    font-weight: 500;
    margin-bottom: 52px;
    font-size: 36px;
}
.content-product-single p {
    margin-bottom: 20px;
}
.certifications_slider .slick-active { 
  padding: 20px 0; 
}

.certifications_slider .slick-center { 
  transform: scale(1.08) 
}

.certifications_slider .slick-slide:not(.slick-active) { 
  margin: 20px 0; 
}

.certifications_slider .child { 
  width:100%; 
}

.certifications_slider .slide:not(.slick-active) { 
  cursor: pointer; 
}
 /* end slider đối tác*/
body{
	font-family: 'Roboto', sans-serif;
    color: #212121;
    margin: 0;
    padding: 0;
}
header {
    padding-left:40px;
    padding-right:40px;
    display: flex;
    height: 140px;
  /*  transition: 1s all;*/

    width: 100%;
    z-index: 9999;
    background: #fff;
    top: 0px;
}
img {
    max-width: 100%;
}
a:hover{
    text-decoration: none;
}
a{
	text-decoration: none;
	color: #000000;
}
p{
    font-size: 16px;
    line-height: 24px;
    color: #212121;
}
h2.title-page-post.no_tim_kiem {
    text-align: center;
    padding: 100px;
    font-size: 26px;
    color: #00836d;
}
ul.sub-menu-header-mobi{
    display: none;
    margin-top: 15px;
    background: #fff;
    padding-top: 20px;
}
.flex-box {
   position: relative;
   z-index: 9;
}
.why-tripi-text-box {
    display: block;
}

.why-tripi-box-image {
    float: left;
    padding-right: 22px;
}

section.why-tripi-new h2 {
    margin-bottom:37px;
    margin-top:50px;
}
section.why-tripi-new:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background: url(/wp-content/uploads/2021/01/line-bottom-index-2-1.png);
    background-position-y:1000px;
}
span.box-nubmer-one {
    font-weight: bold;
    font-size: 198px;
    line-height: 200px;
}
.in .collapse-content-single {
    display: block;
}

.collapse-content-single {
    display: none;
}
.wp-customer-container {
    padding-top: 60px;
}
.collapse-content--body {
    font-size: 16px;
    line-height: 24px;
    color: #757575;
}
.collapse-box {
    margin-bottom: 16px;
}
.tab-collapse.in{
    transition: 0.3s all;
    background: #00836D;
    color: #fff;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px;
}
.tab-collapse {
    padding: 11px 32px;
    border-radius: 8px;
    border: 1px solid #BDBDBD;
}

.tab-collapse h4 {
    cursor: pointer;
    font-size: 24px;
    font-weight: normal;
    margin: 0px;
}
.tab-collapse i {
    float: right;
    font-size: 28px;
}
.collapse-content-single {
    padding: 16px 32px;
    border: 1px solid #BDBDBD;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.nubmer-about-us-box-left span {
    color: #FF6A39;
}

span.box-nubmer-tow {
    font-weight: bold;
    font-size: 120px;
    line-height: 141px;
}

p.text-about-us-box-left {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
}
.nubmer-box-left-abouts {
    display: flex;
}
.nubmer-about-us-box-left .text-section-pex {
    color: #757575;
}
.why-tripi-box-content-single h4 {
    margin-bottom: 12px;
    margin-top: 0px;
}

.why-tripi-box-content-single {
    margin-bottom: 56px;
    padding-top: 5px;
}
section.section_mission {
    text-align: center;
}

section.section_mission h2 {
    margin-bottom: 20px;
}

section.section_mission p {
   padding: 0px 85px;
   margin-bottom:52px;
}
section.section-about-us {
    text-align: center;
}

section.section-about-us h2 {margin-bottom: 40px;margin-top: 0px;}

.box-about-us p {
    margin-top: 40px;
    padding: 0px 30px;
}

.box-about-us {
    margin-bottom: 85px;
}
#menu ul.sub-menu-header li a {
    padding: 18px 26px;
    width: 220px;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}
.image-post ,.post-rand{
    overflow: hidden;
}

.image-post:hover img ,.image-single-post:hover img , .post-rand:hover img{
    transform: scale(1.2);
}

.image-post img ,{
    transition: 0.6s;
}
#menu li.menu-sub-v2:hover .sub-menu-header {
    visibility: visible;
}
#menu ul.sub-menu-header li:hover {
    background: #FAFAFA;
}
.certifications_slider .slick-center{
    outline: none;
    transform: scale(1.8) !important;
    position: relative;
    z-index: 7;
    transition:1s all;
}
.item-tab-product:last-child {
    margin: 0px;
}
.certifications-box {
    opacity: 0.5;
}
section.certifications button::before {
    color: transparent;
}
.certifications_slider .slick-list{
    padding-top:80px !important;
    height: 500px;
}

header.sticky .logo img {
    transform: scale(0.7);
}
header.sticky .logo{
    transition: 1s all;
    line-height: 10px;
}
header.sticky #menu ul li a{
    line-height: 15px
}
header.sticky{
    animation: headerTop 1s;
    height: inherit;
    position: fixed;
    box-shadow: 0px 0 8px #888888;
}
header.sticky #menu ul{
    line-height: 85px;
}
@keyframes headerTop {
  from {transform: translateY(-150px);}
  to {transform: translateY(-0px);}
}
.logo img {
    max-width: inherit;
}
#slider-couple .slick-slide img {
    margin: auto;
}
.certifications_slider .slick-next ,#news-post-tripi-slider .slick-next{  
    background: url('/wp-content/uploads/2021/02/Caret-right.png');
    background-size: contain;
    width: 64px;
    height: 64px;
}
.certifications_slider .slick-prev ,#news-post-tripi-slider .slick-prev {
    background: url(/wp-content/uploads/2021/02/Caret-left.png);
    background-size: contain;
    width: 64px;
    height: 64px;
}
#news-post-tripi-slider .slick-next{
    right: -137px;
}
#news-post-tripi-slider .slick-prev {
    left: -137px;
}
#news-post-tripi-slider button::before {
    color: transparent;
}
.certifications_slider .slick-next:before, .slick-prev:before{
    color: transparent;
}
#menu ul.sub-menu-header li {
    padding-left: 0px;
}
#menu li.menu-sub-v2 {
    position: relative;
}
.slick-slide:not(.slick-active){
    outline: none;
}
.certifications_slider .slick-center .certifications-box {
    opacity:1;
    background: #FFFFFF;
    box-shadow: 0px 10px 10px rgb(117 117 117 / 24%);
    border-radius: 27.0303px;
}
#menu ul.sub-menu-header {
    transition: 0.6s all;
    visibility: hidden;
    z-index: 99;
    position: absolute;
    padding-left: 0px;
    background: #FFFFFF;
    line-height: initial;
    transform: translate(-25%,0%);
    top: 80px;
    left: 50%;
}
.menu-mobi ul li.menu-sub-v2_mobi > a:after{
    background: url(/wp-content/uploads/2021/02/Vector-78-1.png);
    height: 10px;
    width: 10px;
    content: "";
    background-repeat: no-repeat; 
    transform: translate(8px, 6px);
    position: absolute;         
}
.sticky li.menu-sub-v2:after {
    top: 3px;
}
li.menu-sub-v2:after {
    cursor: pointer;
    content: "";
    background: url(/wp-content/uploads/2021/02/Vector-78-1.png);
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
    right: -8px;
}
.image-logo-single-product {
    margin-bottom: 40px;
}

.content-product-single {
    padding-bottom: 50px;
}
section.core-value-tripi h2 {
    margin-bottom: 52px;
    margin-top:100px;
}
section.milestone {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}
.milestone-box-class {
    display: flex !important;
    flex-direction: column-reverse;
/*    padding-top: 43px;*/
}
section.certifications {
    background: #FAFAFA;
    padding-top: 100px;
/*    padding-bottom: 100px;*/
    text-align: center;
}
#wp-milestone {
    position: relative;
}

#wp-milestone .slick-track:before {
    content: "";
    height: 18px;
    width: 100%;
    background: linear-gradient(107.82deg, #00836D 21.92%, #30C2A8 112.61%);
    border-radius: 4px;
    position: absolute;
    top: 42%;
    left: 0px;
    z-index: 0;
}

section.certifications h2 {
    margin-bottom: 24px;
}

section.certifications p {
    margin-bottom: 64px;
}
section.milestone h2 {
    margin-bottom: 50px;
}
.milestone-box-slider img {
    margin: auto;
}
.milestone-time {
    position: relative;
    z-index: 9;
   /* background: #00836D;*/
    color: #fff;
    margin: 15px 0px 20px;
}
.milestone-content h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 0px;
}
.core-value-tripi-box {
    transition: 0.7s all;
    cursor: pointer;
    background: #FFFFFF;
    border: 0.5px solid #BDBDBD;
    border-radius: 32px;
    padding:40px 40px 0px;
    margin-bottom: 40px;
    box-sizing: border-box;
    min-height: 388px;
    border: 0.5px solid rgb(189 189 189 / 45%);
}
.core-value-tripi-box:hover ,.box-list-product:hover {
    transform: translate(0px, -10px);
    box-shadow: 0px 10px 10px rgb(117 117 117 / 24%);
}
.row.flex-row-center {
    display: flex;
    align-items: center;
}
.single-product-link {
    display: block;
    text-align: center;
}

.single-product-link a {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 17px 53px;
    color: #00836D;
    font-size: 24px;
}
.single-product-footer {
    background: linear-gradient(107.82deg, #00836D 21.92%, #30C2A8 112.61%);
    color: #fff;
    padding-top: 85px;
    padding-bottom: 85px;
}

.single-product-footer p {color: #fff;}

.single-product-footer h3 {
    font-weight: 500;
    font-size: 40px;
    line-height: 60px;
}
.wp-content {
    padding-bottom: 60px;
}
.wp_section_mission {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

section.section_mission {
    position: relative;
    height: 444px;
}
section.core-value-tripi {
    padding-top: 305px;
    text-align: center;
}
section.nubmer-about-us {
    margin-bottom: 88px;
}
.icon-why-box img {
    max-width: inherit;
}
h2.title-page {
    font-weight: 500;
    font-size: 40px;
    line-height:60px;
    color: #212121;
    letter-spacing: 1px;
    margin: 0;
}
/*end wp */
.logo{
    line-height: 140px;
} 
#menu ul{
    line-height: 145px;
    margin-bottom:0px;
}
.logo a {
    display: block;
}
#menu {
    /*overflow: hidden;*/
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#menu ul li {
    display: inline-flex;
    padding-left: 66px;
}

#menu ul li a {
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}
#menu ul li a:hover{
    color: #00836D;
/*    border-bottom: solid 4px #00836D;
    padding-bottom: 8px;*/
}
#menu ul li a.active {
    color: #00836D;
    border-bottom: solid 4px #00836D;
    padding-bottom: 8px;
}
.why-tripi-image-single img {
    max-width: initial;
    transform: translate(-32%, 0px);
}
section.why-tripi-new {
    position: relative;
    padding-top: 88px;
    padding-bottom:37px;
    background: #F5F5F5;
}
li.item-av a {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
  /*  color: #00836D;*/
}
img.icon-menu {
    padding-left: 10px;
}
#menu ul li.item-av {
    padding-right:87px;
}

/*end menu*/

footer {
    padding-top:45px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    background: #fff;
}
footer p{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
h3.title-footer {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #00836D;
}
.col-footer ul {
    margin-left:-37px;
}
.col-footer ul li img {
    position: absolute;
    left: -4px;
}
.col-footer ul li {
    position: relative;
    margin-bottom: 8px;
    list-style: none;
}
.col-footer.footer-contact ul li{
    padding-left: 18px;
}
.item-mxh a {
    display: block;
}
.wp-item {
    display: flex;
    margin-top: 70px;
}

.item-mxh {
    padding-right: 20px;
}
.wp-industry {
    margin-top: 30px;
    display: flex;
}

.item-industry {
    padding-right: 30px;
}
.row-edit-padding {
    height: 1px;
    width:100%;
    background: #BDBDBD;
    margin:30px auto;
   /* border: 1px solid #BDBDBD;*/
}
.footer-bottom {
    text-align: center;
}

.footer-bottom p {
    margin-bottom: 0px;
}

/*.footer-bottom img {
    margin: 30px 0px;
}*/

.copyright {
    background:#D9DBDC;
    padding: 7px 0px;
    text-align: center;
}
.from-registration input {
    width: 100%;
    border: 0.5px solid rgb(189 189 189 / 37%);
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    padding: 8px;
    top: 2px;
}
.from-registration p{
    position: relative;
    width: 100%;
    max-width: 240px;
}
.wpcf7 .ajax-loader{
    display: none !important;
}
input#gui-email-dang-ki {
    border: none;
    position: absolute;
    width: 50px;
    right: 0px;
    background: transparent;
    background: url(/wp-content/uploads/2021/02/Vector-2-1.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    /*outline: none;*/
}
.wpcf7-response-output {
    background: #dc3232;
    border-radius: 3px;
    color: #ffff;
}

/*end footer */

.bg-slider {
    width: 71%;
    padding-top: 118px;
}
.bg-slider img {
    width: 100%;
}
.item-slider-image img {
    width: 100%;
}
.item-slider {
    position: relative;
}
.item-slider-image {
    width: 71%;
    position: absolute;
    right: 0px;
}
.box-text-banner {
    color: #fff;
    position: absolute;
    top: 50%;
    width: 1170px;
    transform: translate(-50%,-50%);
    left: 50%;
}
.text-banner h3 ,.text-banner h3 p{
    font-weight: 500;
    font-size: 80px;
    line-height: 87px;
    text-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15), 0px 7px 18px rgba(0, 0, 0, 0.2);
    
    color: #fff;
}
.text-banner h3 {
    margin-top: 0px;
    margin-bottom:40px;
}
.text-banner h2 {
    margin: 0px;
    font-size: 80px;
    line-height: 60px;
    text-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15), 0px 7px 18px rgba(0, 0, 0, 0.2);
}
section#slider-home {
    overflow: hidden;
}
span.tex-p-couple {
    margin-top:62px;
    text-align: center;
    display: flex;
    justify-content: center;
  /*  font-weight: 500;*/
    font-size: 24px;
    line-height: 24px;
}
#slider-home ul.slick-dots {
    position: absolute;
    bottom: 57px;
    display: flex;
    justify-content: flex-start;
    width: 25%;
    right: 0;
}
#slider-home .slick-dots li button:before{
    width: 16px;
    height: 16px;
    line-height: 17px;
    color: transparent;
    border-radius: 50%;
    border: 1px solid #017865;
    font-size: 10px;
    opacity: 1;
    padding: 0px 3px 0px 1.2px;
}
#slider-home .slick-dots li.slick-active button:before{
    color: #017865;
}

#slider-home .slick-dots li:after {
    content: "";
    height: 1px;
    width: 23px;
    background: #BDBDBD;
    position: absolute;
    top: 8px;
    left: 22px;
}

#slider-home .slick-dots li {
    margin-right: 25px;
}
#slider-home .slick-dots li:last-child:after {
    display: none;
}   
/*end slider home page */
#slider-customer-text-content h2 {
    font-weight: 900;
    font-size: 300px;
    color: #FFFFFF;
    opacity: 0.1;
    text-transform: uppercase;
}
section.products-tripi {
   padding-top:59px;
   padding-bottom: 134px;
}

.wp-item-products {
    display: flex;
}

.item-tab-product {
    transition: all 0.5s;
    cursor: pointer;
    margin-right: 98px;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
}
/*img.logo-tripi {
    padding-top: 5px;
}*/
img.logo-dingo {
    padding-top: 5px;
}
/*img.logo-mytour {
    padding-top: 5px;
}*/
main.home-page {
    overflow: hidden;
}
.item-tab-product.active {
    color: #00836D;
    border-bottom: 4px solid;
    padding-bottom: 4px;
}

.wp-list-logo {
    align-items: center;
    margin-top:30px;
    margin-bottom:30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.list-item-logo.avc{
    border-right: 1px solid #757575;
}
.list-item-logo {
    position: relative;
/*    padding-left:30px;
    padding-right:30px;*/
}
.content-tab {
    display: none;
    overflow: hidden;
    margin-top: 54px;
}
a.link-btn {
    background: #00836D;
    border-radius: 4px;
    font-size: 24px;
    color: #fff;
    padding: 17px 53px;
    display: inline-block;
}

a.btn-top-single.link-btn {
    margin-top:44px;
}
a.btn-top-single.link-btn:hover{
    color: #fff;
}
.post-rand {
    width:37%;
    height: 120px;
    float: left;
}
.active-content {
    display: block !important;
}

/*end product */

section.why-tripi {
    position: relative;
/*    padding-top: 66px;*/
}

.bg-left {
    width: 75%;
    height: 100%;
    background: #F5F5F5;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.container_why_tripi {
    position: relative;
    z-index: 3;
}
.bg-right {
    position: absolute;
    width: 100%;
    height: 106.5%;
    background: #FAFAFA;
    top: 0px;
    /* left: 15%; */
    z-index: 2;
    transform: translate(15%, 66px);
}
.wp-why-tripi-contaner {
    position: relative;
    z-index: 3;
    padding-top: 75px
}
.wp-why-tripi-contaner h2 {
    margin-bottom:25px;
}

.row-why-tripi {
/*    overflow: hidden;*/
    /*padding: 66px 0px 0px;*/
    transform: translate(0px, 66px);
}
.box-why {
  display: flex;
  margin-top: 33px;  
  margin-bottom:33px;
}

.icon-why-box {
    padding-right: 32px;
}

.box-why-title-text h3 {
    margin: 0px;
    color: #00836D;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
}
.row-wp-list-single-why {
    overflow: hidden;
    position: relative;
    padding-left:95px;
}
.class_why_left {
    padding-right:83px;
}

.class_why_right {
    padding-left: 45px;
}
.class_why_left{
    padding-left: 0px;
}
.col-md-6.class_why_right {
    padding-left:75px;
}


/*end why tripi*/
.item-tab-product:hover {
    color: #00836d;
}
section.authors-tripi {
    padding-top:100px;
    padding-bottom: 37px;
    text-align: center;
    background: #fff;
}
section.authors-tripi h2 {
    margin-bottom:24px;
}
section.authors-tripi p {
    margin-bottom: 74px;
    padding: 0px 5%;
}
section.couple-tripi {
    text-align: center;
    background: #F5F5F5;
    padding-top: 110px;
    padding-bottom: 78px;
}
.detail-content a {
    color: #00836d;
}
section.couple-tripi h2 {
    margin-bottom: 33px;
}
.logo-authors-tripi {
    margin-bottom: 70px;
}
.logo-authors-tripi a{
    display: block;
}
.logo-authors-tripi img {
    width: 100%;
    object-fit: contain;
    height: 100%;
    transition: 0.6s;
}
section.couple-tripi ul.slick-dots {
    display: none !important;
}

#slider-couple .slick-next:before {
    background: url(/wp-content/uploads/2021/01/Vector-2.2-1.png);
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
}
#slider-couple .slick-prev:before {
    color: transparent;
    background: url(/wp-content/uploads/2021/01/Vector-2.3-1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#slider-couple .slick-prev{
    left: -100px;
}
#slider-couple .slick-next{
    right: -100px;
}
#slider-couple .slick-next:before, .slick-prev:before{
    font-size: 32px
}

/*Khách hàng tiêu biểu*/

section.customer-section {
    position: relative;
    background: linear-gradient(107.82deg, #00836D 21.92%, #30C2A8 112.61%);
    padding-top: 40px;
    padding-bottom: 100px;
    color: #fff;
}

section.customer-section h2 {
    margin-bottom: 60px;
    float: left;
    color: #fff;
}
.wp-txt-box-slider {
    position: absolute;
    top: 0;
}
/*section.customer-section:before {
    content: "CONNECT";
    font-weight: 900;
    font-size: 300px;
    line-height: 24px;
    opacity: 0.1;
    position: absolute;
    padding-top: 39px;
    z-index: 1;
}*/
.customer-product-title {
    font-weight: 900;
    font-size: 300px;
    color:#fff;
    opacity: 0.1;
    position: absolute;
    top:-100px;
  /*  padding-top: 95px;*/
  text-transform: uppercase;
}
section.customer-section p {
    color: #fff;
}
/*.wp-customer-section {
    position: relative;
    z-index: 2;
}*/
.slider-customer-text:before {
    content: "";
    background: url(/wp-content/uploads/2021/01/dauphay.png);
    width: 30px;
    height: 24.42px;
    position: absolute;
    left: -60px;
}

.slider-customer-text {
    position: relative;
}

.image-slider-item-customer {
    position: relative;
}
section.news-post-tripi {
    background: #F5F5F5;
    padding-top: 66px;
    padding-bottom: 27px;
}
section.news-post-tripi h2 {
    margin-bottom: 40px;
}    
#news-post-tripi-slider .row.wp-post-news {
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

span.title-text-customer {
    margin-top: 30px;
    display: block;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
}
.slider-customer-text {
    margin-left: 33%;
}
.box-customer-lr {
    width: 38%;
    float: left;
}

.box-customer-ri {
    width: 62%;
    float: left;
}
.logo-authors-tripi img:hover {
    transform: scale(1.1);
}
.bg-customer {
    height: 225px;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
    margin-top: 39px;
    background: #EAFDF7;
    opacity: 10%;
}
section.new-post {
    padding-top: 100px;
    padding-bottom: 58px;
}
section.new-post h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 12px;
}

section.new-post h2 {
    margin-bottom: 30px;
}
a.category-list {
    color: #00836d;
}
.edit-col-lf {
    width:50%;
    float: left;
}

.edit-col-ri {
    float: left;
    width: 50%;
    padding-left:30px;
}
.edit-row-post {
    margin-bottom: 42px;
    overflow: hidden;
}
.col-edit-4 {
    float: left;
    width: 32%;
}

.image-single-post{
    overflow: hidden;
/*    width: 200px;*/
    height: 120px;
}

.image-single-post img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.image-single-post a {
    display: block;
    height: 100%;
    width: 100%;
}

.col-edit-8 {
    float: left;
    width: 68%;
}

.news-single-post h3 {
    margin: 0px 0px 0px 30px;
}
a.see-more {
    float: right;
    border: 1px solid #00836D;
    box-sizing: border-box;
    padding: 8px 23px 6px;
    border-radius: 4px;
    color: #00836D;
    font-weight: 400;
    font-size: 16px;
}
img.icon-see-more-next {
    padding-left: 20px;
}
.container-wp {
    background-size: cover;
    top: -114px;
    width: 1400px;
    margin: auto;
    padding-top: 140px;
    padding-bottom: 146px;
    text-align: center;
    position: relative;
}

section.register-now {
    margin-top: 114px;
    background: linear-gradient(107.82deg, #00836D 21.92%, #30C2A8 112.61%);
    color: #fff;
}

section.register-now p {
    font-size: 24px;
    color: #fff;
    line-height: 34px;
    padding-bottom: 6px;
}

.container-wp:after {
    content: "";
    background: #007864;
    opacity: 0.4;
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0px;
}
.box-register {
    position: relative;
    z-index: 2;
    padding: 0px 15px;
}

.box-register h2 {
    margin: 0px 0px 20px 0px;
    font-weight: 500;
    font-size: 40px;
    line-height: 60px;
}

.box-register p {
    margin-bottom: 46px;
}

a.register-now-bnt {
    display: inline-block;
    border-radius: 8px;
    padding: 14px 48px;
    font-size: 24px;
    line-height: 32px;
    background: #FFFFFF;
    color: #007864;
    margin-top:25px;
}
.image-post img {
    transition: 0.8s all;
    height: auto;
    object-fit: cover;
    width: 100%;
    height: 300px;
}
.content-text-all {
    margin-top: -15px;
}
.image-slider-item-customer img {
    object-fit: contain;
    position: absolute;
    z-index: 2;
    max-width: 100%;
    transform: translate(35px, -37px);
}
.title-page-news:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    content: "";
    background: #00836D;
    opacity: 0.6;
}

main#doi-tac section.authors-tripi.page-authors-tripi {
    background: transparent;
    padding-top: 0px;
}
.paginator-customer ul li {
    cursor: pointer;
    display: flex;
    display: inline-block;
    padding-left: 10px;
}
.paginator-customer{
    position: relative;
    z-index: 9;
    float: right;
}
/*menu mobi*/

.wp-menu-mobi {
    display: none;
    overflow: hidden;
    padding: 15px;
}
.list-bt {
    background: #017865;
    height: 2px;
    width:27px;
    margin-bottom: 8px;
    float: right;
}

.nav-menu-mobi {
    float: right;
    width: 35px;
    height: 25px;
}
.logo-mobi{
    float: left;
    width:150px;
}
.logo-mobi img {
    width: 100%;
    object-fit: contain;
}
.nav-menu-mobi{
    margin-top: 15px;
}
.menu-mobi ul li {
    list-style: none;
    padding-bottom: 20px;
}

.menu-mobi > ul {
    margin-bottom: 0px;
    display: none;
    background: #eee;
    padding: 25px;
}
.menu-mobi ul li a {
    font-size: 15px;
    padding-bottom: 15px;
}

/*single post*/
.wp-caption-text {
    text-align: center;
    font-size: 16px;
    color: #757575;
    margin-bottom: 20px;
    display: block;
}
/*section.authors-tripi{
    padding-top: 0px;
}*/
#content-single-post p{
    margin-bottom:15px;
}
#content-single-post {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
}

#content-single-post img {
    max-width: 100%;
    margin-bottom:8px;
    height: auto;
}

ul#crumbs li {
    float: left;
    list-style: none;
    color: #00836D;
}
small.time-single-post {
    margin-bottom: 20px;
    display: block;
}
ul#crumbs {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

ul#crumbs li a:after {
    content: "•";
    padding: 0px 12px;
    color: #757575;
}

ul#crumbs span {
    display: none;
}
.box-single-left span a {
    padding-right: 5px;
}
ul#crumbs li a {
    color: #757575;
}
h1.title-single-post {
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 16px;
}
img.icon-mxh {
    padding: 0px 5px;
}

span.text-mxh-post {
    padding-right: 14px;
}
.box-single-left {
    display: flex;
}
.single-mxl-wp {
    display: flex;
    display: -webkit-box; 
    display: -moz-box;  
    display: -ms-flexbox; 
    display: -webkit-flex;
    justify-content: flex-end;
}
.box-single-left span {
    display: -webkit-box; 
    display: -moz-box;  
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;   
    align-items: center;
    font-size: 16px;
    line-height: 25px;
    color: #757575;
    padding-left: 13px;
}
#content-single-post {
    margin-bottom: 40px;
}
.wp-post-random {
    background: #F5F5F5;
    padding: 66px 0px;
}
.title-page h2 {
    position: relative;
    z-index:3;
    font-weight: 500;
    font-size: 80px;
    line-height: 90px;
    color: #fff;
    margin-top: 199px;
    margin-bottom: 88px;
}

img.banner-image-banner-right {
    min-height:244px;
    position: absolute;
    top: 0;
    width: 70%;
    right: 0;
}

.title-banner {
    position: relative;
    overflow: hidden;
    margin-bottom:90px;
}
.wp-caption{
    width: 100% !important;
}
img.banner-image-banner-left {
    min-height:244px;
    position: absolute;
    bottom: 0px;
    width: 70%;
    z-index: 1;
}
.wp-pro-random-single-post {
    margin-bottom: 40px;
    overflow: hidden;
}
.post-rand img {
    transition: 0.6s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp-single-post-random {
    overflow: hidden;
}
.content-post-rand {
    padding-left: 30px;
    width: 63%;
    float: left;
}

.content-post-rand h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 0px 0px 16px;
}
/*end single*/

/*start sidebar */
#sidebar-wp {
    padding-left: 35px;
}
.widget_recent_entries ul{
    padding: 0px;
    bottom: 0px;
}
form#searchform input::placeholder {
    font-weight: 500;
    font-size: 20px;
}
.from-registration input::placeholder {
    color: rgb(189 189 189 / 67%);
}
.widget_recent_entries li:nth-child(1){
    border: none;
}
.widget_recent_entries li{
    margin-left: 40px;
    list-style: none;
    position: relative;
    font-weight: 500;
    padding-bottom: 16px;
    border-top: 0.5px solid #BDBDBD;
    padding-top: 16px;
}
.widget_recent_entries li:before {
    content: "";
    background: url(/wp-content/uploads/2021/02/Arow-right-1.png);
    width:25px;
    height:25px;
    position: absolute;
    background-size:contain;
    left:-40px;
}
.widget_recent_entries li a{
    font-size: 16px;
    line-height: 26px;
    color: #757575;
}
h2.widget-title ,h1.widget-title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 8px;
}
button.from-tim-kiem-widget-button {
    background: transparent;
    border: none;
    position: absolute;
    outline: none;
    height: 100%;
    right: 18px;
}

.wp-search-widget {
    position: relative;
}

button.from-tim-kiem-widget-button img {
    width: 23px;
    object-fit: contain;
}
form#searchform input {
    background: #F5F5F5;
    border-radius: 8px;
    border: none;
    padding: 14px 55px 10px 20px;
    position: relative;
    outline: none;
    width: 100%;
}

form#searchform label {
    display: none;
}

form#searchform {
    margin-bottom: 40px;
}
.su-dummy-text {
    padding-left: 20px;
}

.su-dummy-text.text-name {
    border-left: solid #00836D 4px;
    font-weight: 500;
    line-height: 24px;
    margin:20px 0px !important;
}
.su-note {
    font-weight: 500;
    line-height: 24px;
    margin: 30px 0px;
    border: none !important;
    border-color: #00836D !important;
    border-left: solid #00836D 4px !important;
}

.su-note-inner.su-u-clearfix.su-u-trim {
    background-color: transparent !important;
    padding: 0px 0px 0px 20px;
}

.su-note-inner.su-u-clearfix.su-u-trim p:nth-child(0) {
    margin-bottom: 10px !important;
    margin-top: 10px;
}

.su-note-inner.su-u-clearfix.su-u-trim p:last-child {
    margin-bottom: 0px !important;
}
/*end sidebar*/
/*tin tức*/
h1.page-title-one {
    padding: 85px 15px;
    text-align: center;
    margin: 0px;
    font-weight: 300;
    font-size: 60px;
    color: #fff;
    line-height: 80px;
    position: relative;
    z-index: 1;
}

.title-page-news {
    margin-bottom: 85px;
    position: relative;
}

.pagenavi {
    text-align: center;
    margin-bottom:34px;
}

.pagenavi a {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #757575;
    margin: 0px 13px;
}

span.page-numbers.current {
    background: #f5f5f5;
    display: inline-block;  
    border-radius: 8px;
        
    padding: 14px 23px 10px;
        
    font-weight: 500;
        
    font-size: 24px;
        
    line-height: 36px;
        
    color: #00836D;
        
    margin: 0px 12px;
}
.wp-post-news.wp-post-border{
    border-top:none; 
}
.wp-post-news {
    padding-bottom: 66px;
    border-top: 1px solid #757575;
    padding-top: 66px;
}
a.bnt-post {
    background: #00836D;
    border-radius: 8px;
    padding: 14px 65px;
    display: inline-block;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #ffff;
    margin-top: 26px;
}
h2.title-page-post {
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    margin-top: 0px;
}
small.get_time_out {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    display: block;
}
.contents-post h3 {
    margin: 0px;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 16px;
}
.contents-post{
    padding-left: 32px;
}
@media (max-width: 1780px) {
    section.why-tripi-new h2 {
        margin-bottom: 47px;
        margin-top: 20px;
    }
    .why-tripi-image-single img {
        max-width: initial;
        transform: translate(-25%, 0px);
        width: 125%;
    }
}
@media (max-width: 1490px) {
    .flex-box{
        display: flex;
        align-self: center;
    }
    section.why-tripi-new h2 {
        margin-bottom: 47px;
        margin-top: 20px;
    }
    .why-tripi-image-single img {
        max-width: initial;
        transform: translate(-15%, 0px);
        width: 120%;
    }
}
@media (min-width: 1400px) {
    .container-wp {
        width: 1400px;
    }
  /*  #slider-home ul.slick-dots{
        right: 15%;
        right: 19%;
    }*/
}
@media (max-width: 1400px) {
    .bg-right {
        transform: translate(5%,66px);
    }
     section.why-tripi-new h2{
        margin-top: 0px;
    }
    .why-tripi-image-single img {
        transform: translate(-15%, 0px);
        width: 115%;
    }
}
@media (max-width:1399px) {
    .container-wp {
        width:90%;
    }
 /*   #slider-home ul.slick-dots{
        right: 15%;
    }*/
}
@media (max-width:1366px) {
    section.customer-section:before{
        font-size: 190px;
    }
    #slider-couple .slick-next{
        right: -50px;
    }
    #slider-couple .slick-prev{
         left: -50px;
    }
}

@media (max-width: 1281px) {
    .bg-right{transform: inherit;}
    .box-text-banner{
        width: 80%;
    }
    #slider-home .slick-dots li button:before{
        padding: 0px 2px 0px 1.5px;
    }
    #slider-couple .slick-next{
        right: -20px;
    }
    #slider-couple .slick-prev{
         left: -20px;
    }
    .text-banner h3 p {
        font-size:65px;
        line-height: 70px;
    }
    .text-banner h2{
        font-size: 70px;
        line-height: 50px;
    }
    .why-tripi-image-single img {
        transform: translate(-5%, 0px);
        width: 100%;
    }
    section.why-tripi-new:after{
        background-position-y: 95%;
        background-position-x: 44%;
    }
    .flex-box{
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1025px) {
    .wp_video_section iframe{
        height: 432px;
    }
    img.icon_video_youtube{
        width: 10vh;
    }
    section.video_home{
        padding-top: inherit;
    }
    .milestone-content{
        padding-top: 35px !important;
    }
    h1.page-title-one{
        font-size: 50px;
    }
    .logo img{
        max-width: 140px;
    }
    .box-list-product img {
        width: 90px;
    }

    .box-list-product {
        padding: 40px 25px;
        min-height: inherit;
        min-height: 300px;
    }
    .core-value-tripi-box{
        min-height: 355px;
    }
    .certifications_slider .slick-list{
        height:450px;
    }
    .item-tab-product{
        margin-right: 55px;
    }
    .box-register h2{
        font-size: 35px;
        line-height: 50px;
    }
    section.register-now p{
            font-size: 18px;
    }
    #menu ul li a{
        font-size: 15px;
    }
    a.bnt-post{
        font-size: 20px;
        margin-top: 15px;
        padding: 8px 55px;
    }
   .contents-post h3{
      font-size: 26px;
      line-height: 35px;
      margin-bottom: 10px;
   }
    img.banner-image-banner-right ,img.banner-image-banner-left{
        min-height: 200px;
    }
    .title-page h2{
        line-height: 35px;
        font-size: 60px;
    }
    .widget_recent_entries li a{
        font-size: 15px;
    }
    h2.widget-title, h1.widget-title{
        font-size: 20px;
    }
    h1.title-single-post{
        font-size: 27px;
        line-height: 38px;
    }
    /*.box-register h2{
        line-height: 35px;
    }*/
    a.register-now-bnt {
        padding: 12px 25px;
        font-size: 17px;
    }
    a.link-btn {
        font-size: 18px;
        padding: 13px 25px 11px 20px;
    }
    .logo-authors-tripi a {
        display: block;
    }

    .logo-authors-tripi img {
        object-fit: contain;
    }
    #slider-home .slick-dots li button:before{
        padding: 0px 2px 0px 2.1px;
    }
    section.new-post h3{
        line-height: 25px;
    }
    .edit-row-post{
        margin-bottom: 15px;
    }
    .edit-col-ri{
        padding-left: 20px;
    }
    section.customer-section:before{
        font-size: 125px;
    }
    .row-wp-list-single-why {
        margin-top: 25px;
    }
    .col-md-6.class_why_right{
         padding-left: 0px;
         padding-right:0px;
    }
    .col-md-6.class_why_right{
        padding-left: 30px;
    }
    .class_why_left{
        padding-left:0px;
        padding-right: 30px;
    }
    .container-wp{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .bg-customer{
        height: 185px;
    }
    .slick-next, .slick-prev{
        display: none;
    }
    section.new-post h3{
        font-size: 16px;
    }
    .box-why{
        margin-top: 25px;
    }
    .row-wp-list-single-why{
        padding-left:inherit;
    }
    .bg-right{
        height: 110%;
    }
    .bg-slider{
        padding-top: 70px;
    }
    #menu ul li.item-av{
        padding-left: 35px;
    }
    #menu ul li{
        padding-left: 35px;
    }
    .text-banner h2{
        font-size:55px;
        line-height: 0;
    }
    #slider-home ul.slick-dots{
        bottom: 25px;
    }
    .text-banner h3 p {
        font-size: 45px;
        line-height: 55px;
    }
   /* section.authors-tripi{
        padding-top: 0px;
    }*/
    h2.title-page{
        font-size: 30px;
    }
    p{
        font-size: 15px;
    }
    .item-tab-product{
        font-size: 18px;
    }
    a.btn-top-single.link-btn{
        margin-top: 45px;
    }
    .flex-box{
        display:inherit;
    }
    .why-tripi-image-single img{
        width: 600px;
        margin: auto;
        display: block;
        transform: inherit;
        width: 500px;   
    }
    .why-tripi-image-single {
        margin-bottom: 50px;
    }
    .customer-product-title{
        top: -50px;
        font-size: 200px;
    }
    #slider-home .slick-dots li button:before{
        padding: 0px;
    }
}
@media (max-width: 988px) {

    header{
        display: none;
    }
     .wp-menu-mobi {
        display: block;
    }
    section.milestone{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    #wp-milestone .slick-track:before{
        top: 39.5% !important;
    }
    section.core-value-tripi{
        padding-top: 90px;
    }
    .contents-post{
        margin-top: 15px;
        padding-left: 0px;
    }
    .box-contact-us{
        margin-bottom: 65px;
    }
}

@media (max-width: 768px) {
    #wp-milestone .slick-track:before{
        top: 42% !important;
    }
    h3.title-footer{
        font-size: 15px;
    }
    .from-registration p{
      max-width: inherit;
    }
    .col-footer.footer-contact,.col-footer.col-two-footer{
        padding-left: 0px;
    }
    .single-product-footer  {
        text-align: center;
    }
    .single-product-footer h3{
        font-size: 35px;
    }
    .single-product-link a{
        display: inline-block;
        margin-top: 15px;
        padding: 10px 30px;
        font-size:20px;
    }
    .row.flex-row-center{
        display: inherit;
    }
    .single-box-content-prouct{
        background-position: bottom !important;
    }
    .image-logo-single-product{
        margin-bottom: 25px;
    }
    .content-product-single {
        padding-bottom: 15px;
    }
    h1.page-title-one{
        font-size: 45px;
    }
    section.authors-tripi{
        padding-top: 55px;
    }
    .customer-product-title{
        top: -5px;
        font-size: 145px;
    }
    img.banner-image-banner-right, img.banner-image-banner-left{
        object-fit: cover;
        min-height: 180px;
    }
    .title-page h2{
        font-size: 50px;
        line-height: 0px;
    }
    .row-why-tripi h2 {
        padding-left: 15px;
    }
    .wp-why-tripi-contaner{
        padding-top:inherit;
    }
    #slider-customer{
        text-align: center;
    }
    .bg-customer {
        display: none;
    }
    .image-slider-item-customer img{
        display: flex;
        margin: auto;
        position: inherit;
        transform:inherit;
    }
    .logo-authors-tripi img{
        object-fit: none;
    }
    
    section.couple-tripi{
        padding-top: 70px;
        padding-bottom: 78px
    }
    .container-wp{
        top:-70px;
    }
    .slider-customer-text:before{
        display:  none;
    }
    .slider-customer-text{
        margin-top: 25px;
    }
    .bg-customer{
        height: 250px;
        width: 465px
    }
    .box-customer-lr ,.box-customer-ri{
        width: 100%;
    }
    .slider-customer-text{
        margin-left:inherit;
    }
    footer {
        padding-top: 30px;
    }
    .wp-item{
        margin-top: 25px;
    }
    .box-register p {
        margin-bottom: 20px;
    }
    a.register-now-bnt {
        padding: 11px 25px;
        font-size: 15px;
    }
    .box-register h2 {
        margin: 0px 0px 15px 0px;
    }
    .container-wp {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    section.new-post {
        padding-top: 60px;
        padding-bottom:0px;
    }
    img.icon-see-more-next {
        padding-left: 8px;
    }
    a.see-more{
        padding: 8px 13px 6px;
    }
    .image-single-post{
        height: 100px;
    }
    section.authors-tripi p {
        margin-bottom: 25px;
    }
    .logo-authors-tripi {
        margin-bottom: 15px;
    }
    p{
        font-size: 15px;
    }
    section.authors-tripi h2 {
        margin-bottom: 15px;
    }
    .icon-why-box img {
        width: 50px;
    }
    .box-why-title-text h3{
        line-height: 15px;
        margin-bottom: 15px;
        font-size: 17px;
    }
    .row-wp-list-single-why{
        padding:0px 15px; 
    }
    .col-md-6.class_why_right{
        padding-left:0px;
    }
    .class_why_left{
        padding-right:0px;
    }
    a.link-btn {
        font-size:17px;
        padding: 8px 25px;
    }
    a.btn-top-single.link-btn {
        margin-top: 30px;
    }
    .content-text-all{
        margin-top:inherit;
    }
    .logo-product-single {
        margin-bottom: 20px;
    }
    .content-tab{
        margin-top: 40px;
    }
    .item-tab-product{
       font-size: 17px;     
    }
    header {
        display: none;
    }
    .text-banner h3 p {
        font-size:35px  ;
        line-height:45px;
    }
    .text-banner h3 {
        margin-bottom: 35px;
    }
    .text-banner h2 {
        font-size: 45px;
    }
    section.products-tripi {
        padding-top: 25px;
        padding-bottom: 65px;
    }    
    section.products-tripi h2 {
        margin-bottom: 15px;
    }
    h2.title-page{
        font-size: 30px;
    }
}

@media (max-width: 767px) {
     #slider-home ul.slick-dots{
        width: 100%;
        justify-content: center;
    }
    section.section_mission{
        height:375px;
    }
    .wp_section_mission{
        width: 100%;
    }
    section.section_mission p{
        padding:inherit;
    }
    h2.title-page-contacts {
        font-size: 21px;
    }
    .box-about-us{
            margin-bottom: 45px;
     }
    .box-about-us p{
        margin-top: 15px;
    }
    .box-list-product{
        min-height: inherit;
    }
    .box-list-product{
        text-align: center;
    }
    .image-post img{
        height: inherit;
    }
    .logo-authors-tripi{
        padding: 15px;
        background: rgb(238 238 238 / 73%);
    }
    .why-tripi-box-image{
        float: inherit;
        margin: auto;
    }
    .why-tripi-text-box{
        text-align: center;
    }
    .why-tripi-box-content-single{
        display:inline-block;
    }
    .item-tab-product.active{
        background: #00836d;
        color: #fff;
        border: 1px solid #00836d;
    }
    .item-tab-product{
       margin-right: 0px;
       font-size: 16px;
       margin-bottom:10px;
       border: 1px solid #00836d;
       padding: 5px 15px;
       border-radius: 5px;
    }
    .wp-item-products{
        display: inherit;
    }
    .single-mxl-wp{
        padding-top: 15px;
        justify-content: center;
    }
    #sidebar-wp{
        padding-left: 0px;
    }
   
    h2.title-page{
        font-size: 26px;
    }
    .item-slider-image img{
        height: 330px;
        object-fit: cover;
    }
    .footer-bottom img{
        max-width: 100%;
    }
    .item-slider-image{
        width:100%;
        position: relative;
    }
    .bg-slider {
        display: none;
    }

    .text-banner h3 p {
        font-size: 30px;
        line-height: 35px;
    }
    #slider-home .slick-dots li button:before{
        border: 1px solid #ffffff;
    }
    section.products-tripi{
        padding-top:35px;
    }
    #slider-home .slick-dotted.slick-slider{
        margin-bottom: 0px;
    }
    .footer-bottom img{
        padding: 0px 15px;
    }
  
    .row-why-tripi{
       padding-left: 15px;
       padding-right: 15px;
    }
    .wp-customer-section {
        padding: 0px 15px;
    }
    section.customer-section:before {
        font-size: 75px;
        top: 150px;
    }
    section.couple-tripi .slick-slide img{
        max-width:100%;
    }
    .paginator-customer,.bg-customer {
        display: none;
    }
    section.customer-section{
        padding-top: 55px;
        padding-bottom: 50px
    }
    section.customer-section h2{
        float:inherit;
        margin-bottom: 25px;
        padding: 0px 15px;
    }

    .image-slider-item-customer img{
        object-fit:contain;
        position: relative;
        transform:inherit;
    }
    .edit-col-lf{
        width: 100%;
        margin-bottom: 25px;
    }
    .edit-col-ri{
        width: 100%;
        padding-left:0px
    }
    a.see-more {
        margin-top: 15px;
        padding: 5px 8px 5px;
        font-size: 15px;
    }
    img.icon-see-more-next {
        width: 15px;
    }    
}

@media(max-width: 480px) {
    .wp_video_section iframe{
        height: 320px;
    }
    #box-up-window-home{
        padding: 0px 10px;
    }
    #map-contact iframe.lazyloaded {
        height: 350px;
    }
    .box-contact-us h3{
        margin: 36px 0px 5px;
    }
    .box-contact-us {
        margin-bottom: 20px;
        padding: 0px 20px 15px;
    }
    .contact-page-fix-rev {
        display: flex;
        flex-direction: column-reverse;
    }
    ul.sub-menu-header-mobi > li {
        padding-bottom: 0px;
    }

    ul.sub-menu-header-mobi > li >a {
        padding-bottom: 20px;
        display: block;
    }
    .container-wp{
        top: -60px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #slider-couple {
        margin-bottom: 0px;
    }
    .logo-authors-tripi img{
        object-fit: contain;
    }
    #content-single-post p{
        text-align: justify;
    }
    .box-list-product p{
        font-size: 15px;
    }
    .box-list-product img {
        width: 70px;
    }
    .copyright{
        padding: 7px 10px;
    }
    .single-product-footer h3{
        line-height: 45px;
        font-size: 28px;
    }
    .single-product-link a{
        font-size: 15px;
    }
    .title-product-single h2{
        margin-bottom: 35px;
        line-height: 24px;
        font-size:18px;
    }
    /*    .image-logo-single-product img {
            width:140px;
        }*/
    section.core-value-tripi h2{
        margin-bottom: 30px;
        margin-top:100px;
    }
    section.core-value-tripi{
        padding-top:70px;
/*        padding-bottom:70px;*/
    }
    section.certifications{
        padding-top: 66px;
    }

    section.milestone{
        padding-top: 48px;
        padding-bottom: 60px;     
    }
    section.certifications p{
        margin-bottom: 30px;
        padding:0px 15px;
    }
    .certifications_slider .slick-list{
        height:inherit;
        padding-bottom:30px !important;
        padding-top: 0px !important;
    }
    .certifications_slider .slick-center{
        transform: scale(1) !important;
    }
    .milestone-time{
        background: #00836D;
    }
    #wp-milestone .slick-track:before{
        display: none;
    }
    a.register-now-bnt{
        padding: 4px 20px;
    }
    span.tex-p-couple{
        font-size: 20px;
       margin-top: 0px;
    }
    section.couple-tripi h2{
        margin-bottom: 0px;
    }
    .customer-product-title{
        left: 50%;
        transform: translate(-50%, 0px);
    }
    .customer-product-title{
        top: -5px;
        font-size: 65px
    }
    section.customer-section p ,section.authors-tripi p,.why-tripi-box-content-single p {
        text-align: justify;
        text-align-last: center;
    }
    section.why-tripi-new h2{
        margin-bottom: 0px;
        text-align: center;
    }
    .why-tripi-image-single img{
        max-width: 100%;
    }
    .title-page-news{
        margin-bottom: 35px;
    }
    h1.page-title-one{
        line-height: inherit;
        padding: 40px 15px;
        font-size:30px
    }
    span.page-numbers.current{
        font-size: 15px;
        padding: 5px 15px 5px;
    }
    .pagenavi a{
        font-size: 15px;
    }
    .wp-post-news{
        padding-bottom: 40px; 
        padding-top: 40px;
    }
    a.bnt-post{
        font-size: 15px;
        margin-top: 15px;
        padding: 3px 27px;
    }
    .contents-post h3{
        font-size: 20px;
        line-height: 26px;
    }
    h2.title-page-post{
        font-size: 27px;
    }
    .row.wp-post-news.wp-post-border {
        padding-top: 15px;
    }
    h1.title-single-post{
        font-size: 21px;
        line-height: 30px;
    }
    .wp-post-random{
        padding:60px 0px 36px;
    }
    .wp-single-post-random{
        margin-bottom: 25px;
    }
    .post-rand img{
        width: 100%;
        height: 100%;
    }
    .content-post-rand{
        padding-left: 15px;
    }
    .content-post-rand h3{
        margin-bottom: 5px;
        font-size: 15px;
    }
    form#searchform input::placeholder{
        font-size: 15px;
    }
    h2.widget-title, h1.widget-title{
        font-size: 18px;
    }
    img.banner-image-banner-right, img.banner-image-banner-left{
        min-height: 150px;
    }
    .title-page h2{
        font-size: 45px;
        margin-top: 105px;
        margin-bottom: 76px    
    }
    .title-banner{
        margin-bottom: 25px;
    }
    .item-slider-image:after {
        content: "";
        background: rgb(51 51 51 / 2%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
    }
    .list-bt{
        background: #017865;
        height: 2px;
        width: 26px;
        margin-bottom: 6px;
    }
    .text-banner h3{text-align: center;}
    .text-banner h2{
        font-size: 38px;
        text-align: center;
    }
    p,span.title-text-customer{
        font-size: 15px;
    }
    .box-register h2 {
        line-height: 28px;
       font-size: 21px;
    }
    section.register-now p {
        font-size: 13px;
        line-height: 19px;
    }
    .list-item-logo{
        padding-left: inherit;
        padding-right:inherit;
    }
    .logo-mobi{
       width: 115px;
    }
    .nav-menu-mobi {
        margin-top: 15px;
    }
    .nav-menu-mobi {
        float: right;
        width: 30px;
        height: 25px;
    }
    #content-single-post ol {
        padding-left: 15px;
        font-size: 15px;
    }

    #content-single-post ul {
        padding-left: 15px;
    }
    .box-single-left span{
        font-size: 15px;
    }
}
@media(max-width: 280px) {
    .box-contact-us{
        padding: 0px 25px 15px;
    }
    #submit-contacts{
        padding: 6px 30px;
    }
}
a:hover {
    color: #00836d;
}