footer { position: relative; } footer .footer-wrapper { background: var(--color-primary-3); padding-top: 124px; padding-bottom: 56px; } footer .footer-wrapper .footer-box-title p, footer .footer-wrapper .footer-box-titles p { font: 1.6rem var(--font-secondary-bold); line-height: 18px; letter-spacing: 0.05rem; text-transform: uppercase; margin-bottom: 30px; color: var(--color-primary-6); } footer .footer-wrapper .footer-box-title1 p{ font: 1.6rem var(--font-secondary-bold); line-height: 18px; letter-spacing: 0.05rem; text-transform: uppercase; margin-bottom: 30px; color: var(--color-primary-6); } footer .footer-wrapper .footer-logo { margin-top: 99px; display: flex; justify-content: center; margin-bottom: 40px; } footer .footer-wrapper .footer-logo img { min-width: 270px; } footer .footer-wrapper .report-image { max-width: 179px; margin-bottom: 19px; } footer .footer-wrapper .report-title p { color: var(--color-primary-6); font: 1.6rem var(--font-secondary-medium); } footer .footer-wrapper .report-box:last-child { margin-top: 34px; } footer .footer-wrapper ul li a { display: inline-block; font: 1.6rem var(--font-secondary-medium); color: var(--color-primary-6); line-height: 18px; } footer .footer-wrapper ul li { margin-bottom: 25px; line-height: 0; } footer .footer-wrapper ul li:last-child { margin-bottom: 0px; } footer .footer-wrapper ul { padding-left: 0; margin-bottom: 0; } footer .footer-wrapper .footer-box2 .footer-box-content ul li a { padding-bottom: 4px; background-repeat: no-repeat; background-image: linear-gradient(180deg, transparent 90%, var(--color-primary-4) 0); background-size: 0% 100%; -webkit-transition: var(--base-transition); transition: var(--base-transition); -moz-transition: var(--base-transition); -ms-transition: var(--base-transition); -o-transition: var(--base-transition); } footer .footer-wrapper .footer-box3 .footer-box-content a:hover, footer .footer-wrapper .footer-box3 .footer-box-content a:focus, footer .footer-wrapper .footer-box4 .footer-box-content1 ul a:hover, footer .footer-wrapper .footer-box4 .footer-box-content1 ul a:focus { color: var(--color-primary-4); } footer .footer-wrapper .footer-box4 .footer-box-content1 ul li a { max-width:230px; } a#add-to-basket-lang { display: flex; } footer .footer-wrapper .footer-box2 .footer-box-content ul li a:hover, footer .footer-wrapper .footer-box2 .footer-box-content ul li a:focus { text-decoration: none; background-repeat: no-repeat; background-size: 100% 100%; transition: var(--base-transition); -webkit-transition: var(--base-transition); -moz-transition: var(--base-transition); -ms-transition: var(--base-transition); -o-transition: var(--base-transition); } footer .footer-wrapper .footer-bottom-links ul li a { padding-bottom: 0; background-repeat: no-repeat; background-image: linear-gradient(180deg, transparent 92%, var(--color-primary-4) 0); background-size: 0% 100%; -webkit-transition: var(--base-transition); transition: var(--base-transition); -moz-transition: var(--base-transition); -ms-transition: var(--base-transition); -o-transition: var(--base-transition); } footer .footer-wrapper .footer-bottom-links ul li a:hover, footer .footer-wrapper .footer-bottom-links ul li a:focus { text-decoration: none; background-repeat: no-repeat; background-size: 100% 100%; transition: var(--base-transition); -webkit-transition: var(--base-transition); -moz-transition: var(--base-transition); -ms-transition: var(--base-transition); -o-transition: var(--base-transition); } footer .footer-wrapper .footer-box3 .footer-box-content .cta-white:before { background: var(--color-primary-4); } footer .footer-wrapper .footer-bottom-links ul li { display: inline-block; margin-bottom: 0; margin-right: 5px; margin-left: 5px; } footer .footer-wrapper .footer-bottom-links ul li:last-child { margin-right: 0; } footer .footer-wrapper .footer-box3 .footer-box-content { margin-bottom: 72px; } footer .footer-wrapper .footer-box3 .footer-box-content p { max-width: 250px; } footer .footer-wrapper .footer-box3 .footer-box-content.iframe-content { margin-bottom: 0; } footer .footer-wrapper .footer-box3 .footer-box-content p { font: 1.6rem var(--font-secondary-light); color: var(--color-primary-6); line-height: 22px; margin-bottom: 17px; } footer .footer-wrapper .footer-box3 .footer-box-content a { font: 1.6rem var(--font-secondary-semibold); line-height: 18px; color: var(--color-primary-6); position: relative; transition: all 0.3s ease-in-out; -webkit-transition:; -moz-transition:; -ms-transition:; -o-transition:; } footer .footer-wrapper .footer-box3 .footer-box-content a.cta-link:after {color:var(--color-primary-4);} footer .footer-wrapper .footer-share-box-content ul li a { position: relative; } footer .footer-wrapper .footer-box4 .footer-box-content1 p { font: 1.6rem var(--font-secondary-light); color: var(--color-primary-6); line-height: 22px; margin-bottom: 17px; } footer .footer-wrapper .footer-box4 .footer-box-content1 ul li { margin-bottom: 24px; } footer .footer-wrapper .footer-box4 .footer-box-content1 { margin-bottom: 79px; } footer .footer-wrapper .footer-box4 .footer-box-content1 p { max-width: 250px; } footer .footer-wrapper .footer-bottom-links ul li a { color: var(--color-primary-6); font: 1.4rem var(--font-secondary-regular); line-height: 26px; } footer .footer-wrapper .footer-bottom-links ul li { color: var(--color-primary-6); font: 1.4rem var(--font-secondary-regular); line-height: 26px; } footer .footer-wrapper .footer-bottom-links { margin: 0 auto; text-align: center; } footer .footer-wrapper .footer-box4 .footer-share-box-content ul li { display: inline-block; margin-bottom: 0; margin-right: 12px; } footer .footer-wrapper .footer-box4 .footer-share-box-content ul li:last-child { margin-right: 0; } footer .footer-wrapper .footer-box4 .footer-box-content1 ul li a { position: relative; } footer .footer-wrapper .footer-box4 .footer-box-content1 ul li a span { position: relative; z-index: 9; width: 16px; height: 16px; border-radius: 50%; color: var(--color-primary-4); display: inline-block; line-height: 16px; text-align: center; margin-left: 14px; font-size: 12px; top: 2px; } footer .footer-wrapper .report-image img {max-width: 179px;object-fit: cover;object-position: center;} /*footer .footer-wrapper .footer-box4 .footer-box-content1 ul li a:before { position: absolute; content: ''; background: var(--color-primary-7); width: 20px; height: 20px; border-radius: 20px; top: 7px; right: 3px; z-index: 1; }*/ footer .footer-wrapper .footer-box4 .footer-share-box-content ul li a span { color: var(--color-primary-4); font-size: 38px; z-index: 9; position: relative; } footer .footer-wrapper .footer-box4 .footer-share-box-content ul li a { position: relative;} footer .footer-wrapper .footer-box4 .footer-share-box-content ul li a span{-webkit-transition: var(--base-transition);transition: var(--base-transition);-moz-transition: var(--base-transition);-ms-transition: var(--base-transition);-o-transition: var(--base-transition); } footer .footer-wrapper .footer-box4 .footer-share-box-content ul li a:hover span, footer .footer-wrapper .footer-box4 .footer-share-box-content ul li a:focus-visible span{color:#92C900; transition: var(--base-transition);} footer .footer-wrapper .report-box {position:relative;} footer .footer-wrapper .report-box > a{position:absolute;width:100%; height:100%; top:0; left:0;z-index:99;content:'';} /*footer .footer-wrapper .footer-box4 .footer-share-box-content ul li a:before { position: absolute; content: ''; background: var(--color-primary-7); width: 30px; height: 30px; border-radius: 20px; top: 5px; left: 5px; z-index: 1; }*/ /* Media Quaries */ @media only screen and (max-width:1199px) { footer .footer-wrapper { padding-top: 92px; padding-bottom: 24px; } footer .footer-wrapper .footer-logo { margin-top: 87px; margin-bottom: 35px; } footer .footer-wrapper .footer-box3, footer .footer-wrapper .footer-box1 { margin-bottom: 60px; } footer .footer-wrapper .footer-box4 .footer-box-content1 { margin-bottom: 54px; } footer .footer-wrapper .footer-box4 .footer-box-content1 p { margin-bottom: 54px; max-width: 280px; } footer .footer-wrapper .footer-box3 .footer-box-content p { max-width: 282px; } footer .footer-wrapper ul li { margin-bottom: 22px; } footer .footer-wrapper .footer-box-title p, footer .footer-wrapper .footer-box-titles p { font: 1.3rem var(--font-secondary-semibold); line-height: 16px; } footer .footer-wrapper .footer-box-title1 p { font: 1.3rem var(--font-secondary-semibold); line-height: 16px; } footer .footer-wrapper .report-image { margin-bottom: 16px; } footer .footer-wrapper .footer-box3 .footer-box-content p { margin-bottom: 17px; } footer .footer-wrapper .footer-box3 .footer-box-content { margin-bottom: 49px; } footer .footer-wrapper .footer-box4 .footer-box-content1 p { margin-bottom: 16px; } } @media only screen and (max-width:767px) { footer .footer-wrapper .footer-logo img { min-width: 180px; max-width: 180px; } footer .footer-wrapper { padding-top: 45px; padding-bottom: 19px; } footer .footer-wrapper .footer-logo { margin-top: 43px; margin-bottom: 25px; } /*footer .footer-wrapper .footer-box-content { display: none; } footer .footer-wrapper .footer-box-content.active { display: block; }*/ footer .footer-wrapper .footer-box3, footer .footer-wrapper .footer-box1 { margin-bottom: 0; } footer .footer-wrapper .footer-box4 > .footer-box-titles { text-align: center; margin-top: 52px; border-bottom: none; transition:var(--base-transition);} footer .footer-wrapper .footer-box4 .footer-share-box-content { text-align: center; } footer .footer-wrapper .footer-box-title p { margin-bottom: 0; } footer .footer-wrapper .footer-box-title { padding: 27px 0 27px 0px; transition:var(--base-transition); } footer .footer-wrapper .footer-box-title1 p { margin-bottom: 0; } footer .footer-wrapper .footer-box-title1 { padding: 27px 0 27px 0px; transition:var(--base-transition); } footer .footer-wrapper .footer-box1 .footer-box-title { transition:var(--base-transition); } footer .footer-wrapper .footer-box-title.active { border: none; transition:var(--base-transition);} footer .footer-wrapper .footer-box-title.active+.footer-box-content { position: relative; } footer .footer-wrapper .footer-box-title1.active { border: none; transition:var(--base-transition);} footer .footer-wrapper .footer-box-title1.active+.footer-box-content { position: relative; } footer .footer-wrapper .footer-box1 { border-top: 1px solid var(--color-primary-10); } footer .footer-wrapper .footer-box1, footer .footer-wrapper .footer-box2, footer .footer--single-box { border-bottom: 1px solid var(--color-primary-10); } footer .footer-wrapper .footer-box3 .footer-box-content p {margin-bottom: 19px;} footer .footer-wrapper .footer-box-title.active+.footer-box-content { padding-bottom: 32px; margin-bottom: 0; } footer .footer-wrapper .footer-box-title span { position:relative;color: var(--color-primary-6); /*transform: rotate(45deg);*/ transition: all 0.3s ease-in-out; } footer .footer-wrapper .footer-box-title span:before{position:absolute; content:''; width:12px; height:1.5px; background:var(--color-primary-4); top:1px; left:-12px; } footer .footer-wrapper .footer-box-title span:after{position:absolute; content:''; width:1.5px; height:12px; background:var(--color-primary-4); top:-4px; left:-7px; } footer .footer-wrapper .footer-box-title.active span { transform: rotate(0deg); } footer .footer-wrapper .footer-box-titles p { margin-bottom: 23px; } footer .footer-wrapper .footer-box-title p, footer .footer-wrapper .footer-box-titles p { font: 1.2rem var(--font-secondary-semibold); line-height: 15px; } footer .footer-wrapper .footer-box-title1.active+.footer-box-content { padding-bottom: 32px; margin-bottom: 0; } footer .footer-wrapper .footer-box-title1 span { position:relative;color: var(--color-primary-6); /*transform: rotate(45deg);*/ transition: all 0.3s ease-in-out; } footer .footer-wrapper .footer-box-title1 span:before{position:absolute; content:''; width:12px; height:1.5px; background:var(--color-primary-4); top:1px; left:-12px; } footer .footer-wrapper .footer-box-title1 span:after{position:absolute; content:''; width:1.5px; height:12px; background:var(--color-primary-4); top:-4px; left:-7px; } footer .footer-wrapper .footer-box-title1.active span { transform: rotate(0deg); } footer .footer-wrapper .footer-box-title1 p{ font: 1.2rem var(--font-secondary-semibold); line-height: 15px; } footer .footer-wrapper .footer-box3 .footer-box-content { margin-bottom: 0; padding-bottom: 15px; } footer .footer-wrapper .footer-box4 .footer-box-content1 { padding-bottom: 45px; margin-bottom: 0; } footer .footer-wrapper .footer-box-content { padding-bottom: 15px; margin-bottom: 0; } footer .footer-wrapper .footer-bottom-links ul li:last-child { margin-right: 0; display: block; margin-top: 26px; } footer .footer-wrapper .footer-box-title.active span:after{content:none;} footer .footer-wrapper .footer-box-title1.active span:after{content:none;} } @media only screen and (max-width:359px) { footer .footer-wrapper .footer-box3 .footer-box-content, footer .footer-wrapper .footer-box4 .footer-box-content1 { max-width: 100%; } } .wrapper-tamnguyen { max-width: 1200px !important; } .wrapper-tamnguyen .row .item { padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 768px) { .wrapper-tamnguyen .row .item { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width:1200px){ footer .footer-wrapper .footer-box-title.d-flex.justify-content-between.align-items-center.twhite p{ color: var(--color-primary-7); } footer .footer-wrapper .footer-box-title1.d-flex.justify-content-between.align-items-center.twhite p{ color: var(--color-primary-7); } footer .footer-wrapper .report-title p { color: var(--color-primary-7);} } /* ==================== internal feedback ====================== */ footer .footer-wrapper .footer-box2 .footer-box-content ul li a:hover, footer .footer-wrapper .footer-box2 .footer-box-content ul li a:focus,footer .footer-wrapper .footer-bottom-links ul li a:hover, footer .footer-wrapper .footer-bottom-links ul li a:focus-visible{background:none;color:var(--color-primary-4);transition:var(--base-transition);} /* ==================== REN-1653 ====================== */ #ot-sdk-btn.ot-sdk-show-settings:hover { background: none; color: var(--color-primary-4) !important; transition: var(--base-transition); } footer .footer-wrapper .report-box a:hover ~ .report-title p, footer .footer-wrapper .report-box a:active ~ .report-title p, footer .footer-wrapper .report-box a:focus-visible ~ .report-title p{ background: none; color: var(--color-primary-4) !important; transition: var(--base-transition); } footer .footer-wrapper .report-box a ~ .report-title p{-webkit-transition: var(--base-transition);transition: var(--base-transition);-moz-transition: var(--base-transition);-ms-transition: var(--base-transition);-o-transition: var(--base-transition);} .hiddien_v {visibility:hidden;} /*----hide project items sitemap and main menu ----*/ .main-navigation #projects .nav-container, .sitemap-content-wrapper #section-beyond-engineering-level3, .sitemap-content-wrapper #section-projects-level2, #mobinav-nav-projects-level1 .mm-next, #mobinav-section-projects-level2 ,#beyond-engineering .icon.icon-right-arrow ,#beyond-engineering .last-sub-nav ,#mobinav-nav-beyond-engineering-level2 .mm-next, #mobinav-section-beyond-engineering-level3 { display: none !important;} #mmenu .language_swticher { top: 0;} .ip3-normal #onetrust-consent-sdk #onetrust-pc-btn-handler, .ip3-normal #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{color: var(--color-primary-3) !important;} /*--WO-92405--*/ .language_swticher.active .ddl_selected span { color: var(--color-primary-2); top: 0;} .language_swticher .ddl_selected span.icon { font-size: 1.4rem; margin-left: 10px; transform: rotate(90deg); display: inline-block; font-family: var(--font-secondary-semibold); transform-origin: center; position: relative; top: 2px;} .language_swticher.active .ddl_selected span.icon { transform: rotate(-90deg); top: 0;} .inner-banner.inner-banner_no-image .inner-banner-wrapper .inner-banner__heading{background: none !important; } /*--WO-92405--*/ .sktmain.invisible > a { opacity: 1 !important; color: rgba(0, 0, 0) !important; background-color: rgb(255, 255, 255) !important; }