:root {--blueColor:#005aa9; --carousel-button-color:#fff; --fancybox-color:#fff}

::-webkit-scrollbar{width:7px;background-color:#aaa}
::-webkit-scrollbar-thumb{background-color:#000;border-radius:5px}
::selection{background:#222;color:#fff}
::-moz-selection{background:#222;color:#fff}
::-moz-placeholder{color:inherit;opacity:1}
::-ms-input-placeholder{color:inherit;opacity:1}
::-webkit-input-placeholder{color:inherit;opacity:1}
.form-control:focus, .form-select:focus {outline:none;box-shadow:none;border-color:inherit}

html {scroll-behavior:smooth;font-size:14px}
body {font-family:'Poppins',sans-serif;color:#646464;line-height:1.8;background:#fff}
p {line-height:1.8}
body * {color:inherit}
body.stopScroll {overflow:hidden}
a, a:hover, input, select, button, textarea, input:focus, select:focus, button:focus, textarea:focus, *:focus {text-decoration:none;outline:none;color:inherit}
ul, li {margin:0;padding:0;list-style:none}
@media (min-width:1600px) {
html {font-size:16px}
.container {max-width:1540px}
}
@media (min-width:1800px) {
.container {max-width:1740px}
html {font-size:18px}
}

.swiper-pagination-bullet-active {background:var(--blueColor)}
.modal-backdrop.show {opacity:.8;backdrop-filter:blur(30px)}
.fancybox__container {color:#fff}
.fancybox__container .carousel__button {background:rgba(0,0,0,.2)}
.fancybox__container .carousel__button:hover {background:var(--blueColor)}

.animateThis {position:relative;will-change:opacity transform}
.slideLeft {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-moz-transform: translate3d(50px, 0px, 0px);-webkit-transform: translate3d(50px, 0px, 0px);-o-transform: translate3d(50px, 0px, 0px);-ms-transform: translate3d(50px, 0px, 0px);transform: translate3d(50px, 0px, 0px)}
.slideLeft.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.slideRight {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-moz-transform: translate3d(-50px, 0px, 0px);-webkit-transform: translate3d(-50px, 0px, 0px);-o-transform: translate3d(-50px, 0px, 0px);-ms-transform: translate3d(-50px, 0px, 0px);transform: translate3d(-50px, 0px, 0px)}
.slideRight.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.slideTop {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-moz-transform: translate3d(0px, 50px, 0px);-webkit-transform: translate3d(0px, 50px, 0px);-o-transform: translate3d(0px, 50px, 0px);-ms-transform: translate3d(0px, 50px, 0px);transform: translate3d(0px, 50px, 0px)}
.slideTop.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.fadeGrow {opacity:0;-moz-transition: all .7s ease;-webkit-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;-moz-transform:scale(.5);-webkit-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
.fadeGrow.in-view {opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.fadeIn {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.fadeIn.in-view {opacity:0.9;}

.txtBlue {color:var(--blueColor)}

.ctaBtn {padding:10px 25px;position:relative;transition:all .3s ease;z-index:1;background:transparent;display:inline-block;color:inherit;border:0;font-size:.9rem;}
.ctaBtn.whiteBtn {color:#000}
.ctaBtn.whiteBtn:before {background:#fff}
.ctaBtn.blueBtn {color:var(--blueColor)}
.ctaBtn.blueBtn:before {border-color:var(--blueColor)}
.ctaBtn:hover {color:#fff !important}
.ctaBtn:before {content:'';width:100%;height:100%;display:block;background:transparent;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;transition:inherit;z-index:-1;border:1px solid #333;border-radius:50rem;transform:scale(1)}
.ctaBtn:hover:before {background:var(--blueColor);border:1px solid var(--blueColor);transform:scale(1.1)}

.pageHeader {padding:20px 0;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.15)}
.siteLogo {width:150px;height:auto}
.logo25yr {width:50px}
.searchBtn {width:22px;height:22px;border:0;background:transparent;color:#000;position:relative;padding:0}
.searchBtn span {transition:all .2s ease}
.searchBtn span.circle {width:19px;height:19px;display:block;border:2px solid #000;position:absolute;bottom:3px;left:0;border-radius:50%;transform:rotate(0deg);transform-origin:0% 50%}
.searchBtn span.line {width:8px;height:2px;display:block;background:#000;position:absolute;bottom:0;right:1px;transform:rotate(45deg);transform-origin:100% 50%;border-radius:2px}
.searchBtn.active span.circle {width:100%;height:2px;border-radius:0;border:0;background:#000;transform:rotate(-45deg);bottom:3px;left:3px}
.searchBtn.active span.line  {width:100%;bottom:3px;right:3px}

.menuBtn {width:30px;height:30px;position:relative;background:transparent;border:0}
.menuBtn span {width:100%;height:2px;display:block;background:#111;margin:auto;position:absolute;left:0;right:0;transition:all .25s ease-in-out;border-radius:2px}
.menuBtn span:nth-child(1) {top:15%}
.menuBtn span:nth-child(2), .menuBtn span:nth-child(3) {top:50%}
.menuBtn span:nth-child(4) {top:85%}
.menuBtn.active span:nth-child(1), .menuBtn.active span:nth-child(4) {width:0;top:50%}
.menuBtn.active span:nth-child(2) {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.menuBtn.active span:nth-child(3) {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg)}

.searchWrapper {width:100%;height:300px;position:absolute;top:100%;left:0;background:var(--blueColor);display:none;box-shadow:0 40px 40px rgba(0,0,0,.5)}
.searchWrapper .searchForm {width:100%;max-width:1400px;height:60px;border:0}
.searchWrapper .searchSubmit {width:40px;height:40px;background:#000;color:#fff;border:0;padding:10px}
.searchWrapper .searchSubmit svg {width:100%;height:auto}
.searchWrapper .searchSubmit:hover {background:#fff;color:var(--blueColor)}
.searchWrapper .form-control {padding:10px;height:100%;font-size:2rem;font-weight:700;color:#fff;background:transparent;border:0}
.searchWrapper .form-control:focus {outline:none;box-shadow:none}
.searchWrapper .form-control::-moz-placeholder{color:inherit;opacity:.6}
.searchWrapper .form-control::-ms-input-placeholder{color:inherit;opacity:.6}
.searchWrapper .form-control::-webkit-input-placeholder{color:inherit;opacity:.6}

.removehover {pointer-events:none}

@media (max-width:1199.98px) {
.searchBtn {width:30px;height:30px}
.searchBtn span.circle {width:24px;height:24px;bottom:5px}
.searchBtn span.line {width:11px}
.searchBtn.active span.circle {left:4px}
.searchBtn.active span.line {right:4px}

.navigHolder {max-width:600px;width:80%;height:100%;position:fixed;top:0;left:-120%;display:block;background:var(--blueColor);transition:all .5s ease;padding:40px 0;box-shadow:20px 0 40px rgba(0,0,0,.5);overflow:auto}
.navigHolder.open {left:0}

.menuList > li {position:relative;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.menuList > li > a {font-weight:700;font-size:1.2rem;color:#fff;padding:20px 15px;display:block}

.menuList > li > ul {display:none;background:#fff;padding:15px;position:relative;box-shadow:inset 0 15px 20px rgba(0,0,0,.1)}
.menuList > li > ul:before {content:'';border-top:7px solid var(--blueColor);border-left:8px solid transparent;border-right:8px solid transparent;display:block;position:absolute;top:0;left:20px}
.menuList > li > ul li {margin-left:0 !important}
.menuList > li > ul li a {padding:7px 15px;display:block;color:#000;font-size:1.1rem}
.menuList > li > ul li a:hover {background:#f6f6f6}

.menuList > li > a[role=button]:after {content:'+';float:right;font-size:1.4rem}
.menuList > li.open > a[role=button]:after {content:'-'}
}

@media (min-width:575px) {
.siteLogo {width:230px;height:auto}
.searchWrapper .searchSubmit {width:60px;height:60px;padding:15px}
}

@media (min-width:1200px) {
.siteLogo {width:180px;height:auto}
.logo25yr {width:70px;margin-top:3px}
.searchBtn {margin-left:10px;display:block}

.navigHolder {display:block;position:static}
.menuList > li {position:relative}
.menuList > li:not(:first-child) {margin-left:18px}
.menuList > li > a {font-weight:500;font-size:1rem;color: #111;padding:8px 0;display:block}
.menuList > li:hover > a, .menuList > li.active > a {color:var(--blueColor)}
.menuList > li.active > a {font-weight:600}

.menuList > li > ul {display:block;width:195px;position:absolute;top:100%;left:-15px;filter:drop-shadow(0 30px 20px rgba(0,0,0,.3));padding:10px 0 0 0;opacity:0;transition:all .2s ease;visibility: hidden}
.menuList > li:hover > ul {display:block;opacity:1;visibility:visible;top:100%}
.menuList > li > ul li {margin-left:0 !important;background:#fff}
.menuList > li > ul li a {padding:9px 15px;display:block;font-size:.9rem;transition:all .3s ease;color:#000;border-radius:4px}
.menuList > li > ul li a:hover {color:#fff;background:var(--blueColor)}
.menuList > li > ul li:last-child {border-radius:0 0 4px 4px}
}

@media (min-width:1400px) {
.siteLogo {width:200px;height:auto}
.logo25yr {width:70px;margin-top:3px}
.searchBtn {margin-left:15px}
.menuList > li > ul {padding:10px 0 0 0;}
.menuList li:not(:first-child) {margin-left:30px}
.menuList li a {font-size:1rem}
}
@media (min-width:1600px) {
.siteLogo {width:250px;height:auto}
.logo25yr {width:75px;margin-top:3px}
.searchBtn {margin-left:30px}
.menuList > li > ul {width:220px}
.menuList li:not(:first-child) {margin-left:40px}
}
@media (min-width:1800px) {
.searchBtn {margin-left:40px}
.menuList > li > ul {width:240px}
.menuList li:not(:first-child) {margin-left:50px}
}

.pageWrapper {width:100%;overflow:hidden;min-height:calc(100vh - 100px)}

.bannerSection {background:#222;position:relative}
.heroSwiper .swiper-slide {overflow:hidden}
.heroSwiper .swiper-slide img {width:100%;height:auto;max-height:100%;-moz-filter: blur(25px);-webkit-filter: blur(25px);filter: blur(25px);transform:scale(1.1);transition:all .1s .7s linear;}
.heroSwiper .swiper-slide.swiper-slide-active img {-moz-filter: blur(0px);-webkit-filter: blur(0px);filter: blur(0px);transform:scale(1);transition:all .5s .9s linear}

.heroSwiper .heroSlideText {width:100%;height:100%;padding-top:30px;padding-bottom:80px;position:relative;margin:auto;color:#fff;opacity:0;transition:all 1s 1.4s ease;z-index:2;-moz-filter: blur(30px);-webkit-filter: blur(30px);filter: blur(30px);transform:translateX(100px)}
.heroSwiper .swiper-slide-active .heroSlideText {opacity:1;-moz-filter: blur(0px);-webkit-filter: blur(0px);filter: blur(0px);transform:translateX(0)}
.heroSwiper .heroSlideText .bigText {font-size:2rem;font-weight:600;line-height:1.4;margin-bottom:1.2rem}
.heroSwiper .heroSlideText p {display:none}

.heroSwiper .heroNavBtns, .heroSwiper  .swiper-pagination-bullet {width:2.4rem;height:2.4rem;line-height:2.4rem;border:1px solid #fff;}

.heroSwiper .heroNavBtns {position:absolute;bottom:0;top:0;margin:0;border-radius:50%;z-index:3;transition:all .3s ease; color:#fff}
.heroSwiper .heroNavBtns:hover {background:var(--blueColor)}
.heroSwiper .heroNavBtns:after {font-size:1rem;color:#fff}
.heroSwiper .heroNavBtns svg {width: 15px; height: 15px;}

.heroSwiper .heroBullets {width:auto;height:auto;margin:0 .5rem;z-index:3;color:#fff;font-size:1rem}
.heroSwiper .swiper-pagination-bullets .swiper-pagination-bullet {display:none;margin:0;opacity:1;position:relative;}
.heroSwiper .swiper-pagination-bullets .swiper-pagination-bullet-active {display:block;background:transparent}

.swiperBtns {position:absolute;width:40px;height:40px;bottom:0;top:0;margin:auto;line-height:40px;text-align:center;border-radius:50%;border:1px solid #fff;z-index:3;transition:all .3s ease}
.swiperBtns:hover {background:#000}
.swiperBtns:after {font-size:16px;color:#fff}

.scrollBtn {position:absolute;bottom:25px;right:.75rem;transform:translate(-50%,-50%);background:unset;border:0;}
.scrollBtn span:nth-child(2) {animation-delay: -1.2s;}
.scrollBtn span:nth-child(3) {animation-delay: -1.4s;}
.scrollBtn span {display:block;width:1.3rem;height:1.3rem;border-bottom:2px solid #fff;border-right:2px solid #fff;margin: -10px;animation: arwPop 2s 1s infinite;}
@keyframes arwPop {
0% {opacity: 0;transform: rotate(45deg) translate(-20px,-20px) scale(50%);}
50% {opacity: 1;}
100% {opacity: 0;transform: rotate(45deg) translate(20px,20px) scale(100%);}
}

@media (min-width:576px) {
.heroSwiper .heroSlideText .bigText {font-size:2rem}
}
@media (min-width:768px) {
.heroSwiper .heroSlideText {height:100%;padding-top:0;padding-bottom:0;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;color:#fff;opacity:0;transition:all 1s 1.4s ease;z-index:2;-moz-filter: blur(30px);-webkit-filter: blur(30px);filter: blur(30px);transform:translateX(100px)}
.heroSwiper .heroSlideText p {font-size:1rem;font-weight:300;margin-bottom:30px;line-height:1.8;color:rgba(255,255,255,.8);display:block;}
}
@media (min-width:992px) {
.heroSwiper {max-height:calc(100vh - 100px)}
.heroSwiper .heroSlideText .bigText {font-size:2.5rem}
}

.sectionTitle .titleTag {color:var(--bs-black);font-weight:700}
.sectionTitle .titleHead {font-size:2rem;font-weight:600;line-height:1.4;}
@media (max-width: 575.98px) { 
.sectionTitle .titleHead {font-size: 1.8rem;}
}

.btBox {width:100%;float:left;margin-bottom:1.6rem}

.businBox {height:100%;position:relative;top:0;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .5s ease}
.businImg {width:100%;height:auto;display:block;object-fit:cover;object-position:center bottom;transform:scale(1);transition:all .3s ease;z-index:-1}
.businText {width:100%;height:100%;color:#fff;text-shadow:0 0 5px #fff;padding:1.2rem;position:absolute;top:0;left:0;}
.businHead {font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#fff}
.textLink {border-bottom:1px solid #333;transition:all .3s ease;padding:5px 0;border-radius:0}
.textLink:hover {background:var(--blueColor);color:#fff;padding:10px 15px;border-radius:50rem}
.textLink:before {content:'';width:auto;height:auto;display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
@media (min-width:576px) {
.businessTable {margin:-1%;}
.btBox {width:50%;padding:1%;margin-bottom:0;}
}
@media (min-width:992px) {
.businessTable {display: flex;flex-wrap: wrap; }
.btBox {width:33.33%;padding:1%;}
.btBox:nth-child(1), .btBox:nth-child(2) {width:50%;}
.businText {text-shadow:unset;padding:1.8rem;}
.businBox:hover {box-shadow:0 10px 30px rgba(0,0,0,.25);top:-5px}
.businBox:hover .businImg {transform:scale(1.1)}
}

.sectionGrayBG {background:#f9f9f7}

.shareMrktSection {background:#f9f9f7;}
.shareMrktBox {white-space:nowrap;color:var(--bs-black)}
.smbPrice {font-size:1.8rem;font-weight:700}
.smbDiff {font-weight:500}
.up .smbDiff {color:#00a200}
.down .smbDiff {color:#ff0000}
.smbItem.up .arrow {width:30px;height:30px;display:inline-block;background-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='%2300a200' d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z'/></svg>")}
.smbItem.down .arrow {width:30px;height:30px;display:inline-block;background-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='%23ff0000' d='M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z'/></svg>")}

@media (min-width:992px) {
.shareMrktBox {margin:0 60px}
}

.storyBigImg {width:100%;z-index:1;position:relative}
.storySmallImg {width:250px;height:330px}
.storyBigImg .stBImgBox {width:100%;padding-bottom:60%;position:relative;background:#eee}
.storyBigImg .stBImg, .storySmallImg .stSImg {width:100%;height:100%;display:block;object-fit:contain;object-position:center;position:absolute;top:0;left:0}

.storyContentSwiper .swiper-slide {background:#fff;height:auto;}

.strYear {opacity:0;transition:all .3s .3s ease}
.swiper-slide-thumb-active .strYear {opacity:1}
.storyYearSwiper .swiper-slide {padding-bottom:50px;position:relative;color:var(--bs-black)}
.storyYearSwiper .swiper-slide-thumb-active {font-weight:700}
.storyYearSwiper .swiper-slide:after {content:'';width:30px;height:30px;display:block;background:#fff;border:8px solid var(--blueColor);border-radius:50%;position:absolute;bottom:0;opacity:.5;margin-left:5px}
.storyYearSwiper .swiper-slide-thumb-active:after {opacity:1}

.storyNavBtn {width:45px;height:45px;border:1px solid #fff;background:var(--blueColor);color:#fff;border-radius:50%;padding:10px;position:relative}
.storyNavBtn svg {width:100%;height:auto}
.storyNavBtn.swiper-button-disabled {color:#7ab4e7}

.storyLine {position:relative}
.storyLineLeft {padding-right:110px}
.storyLineRight {float:right;margin-top:38px}
.storyLine:before {content:'';width:200vw;height:1px;display:block;background:#949494;position:absolute;bottom:15px;left:-50vw;z-index:-1}
.storyContentSwiper p {font-size:1.1rem}
.storyName {font-size:1.8rem;font-weight:700;color:var(--bs-black)}

.pluseBox {width:40px;height:40px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:1}
.pluseBox .pluses {position:absolute;width:100%;height:100%;z-index:-1}
.pluseBox .pluses span {width:100%;height:100%;display:block;border-radius:50%;border:1px solid #fff;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;animation: pulse-ring 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}
.pluseBox .pluses span:nth-child(2) {animation-delay:.8s}
.pluseBox .pluses span:nth-child(3) {animation-delay:1.5s}

.videoBtn {width:100%;height:100%;padding:0;background:var(--blueColor);position:relative;z-index:2;box-shadow:0 0 15px rgba(0,0,0,.8);transition:all .3s ease;transform:scale(1)}
.videoBtn:hover {transform:scale(1.1)}
.videoBtn:before {content:'';width:0;height:0;border-left:15px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform:translateX(2px)}

@keyframes pulse-ring {
0% {transform:scale(.1);opacity:1} 65%, 80% {transform:scale(3.5);opacity:0} 100% {opacity:0}
}

@media (min-width:768px) {
/*.storyBigImg {width:100%;height:550px}*/
.pluseBox {width:60px;height:60px}
.videoBtn:before {border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
}
@media (min-width:1200px) {
/*.storyBigImg {width:100%;max-width:600px;height:500px}*/
}
@media (min-width:1600px) {
.storyNavBtn {top:5px}
/*.storyBigImg {width:100%;max-width:600px;height:600px}*/
}

.instaSwiper {overflow:visible}
.instabox {width:100%;height:auto;padding-bottom:100%;position:relative;background:#000;overflow:hidden}
.instaImg {width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:cover;object-position:center;transition:all .4s ease;opacity:1}
.instaDescp {display:block;width:100%;height:100%;padding:2rem;padding-top:4.5rem;position:absolute;top:0;left:0;color:#fff;opacity:0;transform:scale(.9); transition:all .4s ease}
.instaDescp p {line-height:2}
.instabox:before {content:'';width:2rem;height:2rem;display:block;position:absolute;top:2rem;left:2rem;z-index:1;
  background-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z'/></svg>")}
.instaDescp .ctaBtn:before {border-color:#fff}

.instabox:hover .instaDescp {display:flex;opacity:1;transform:scale(1)}
.instabox:hover .instaImg {opacity:.2}

.instaBullets.swiper-pagination {bottom:-30px}
.instaBullets .swiper-pagination-bullet-active {background:#111}
.instaNavBtns {width:50px;height:50px;padding:10px;border:2px solid #111;border-radius:50rem;background:rgba(255,255,255,.4);color:#111;position:absolute;top:0;bottom:0;margin:auto;z-index:1;display:none}
.instaNavBtns svg {width:100%;height:100%;display:block}
.instaNavBtns:not(.disabled):hover {background:var(--blueColor);color:#fff;border-color:var(--blueColor)}
.instaNavBtns.instaPrev {left:-60px}
.instaNavBtns.instaNext {right:-60px}

@media (min-width:768px) {
.instaDescp {padding:3rem;padding-top:6.25rem;}
.instaNavBtns {display:flex}
.instabox:before {width:2.6rem;height:2.6rem;top:3rem;left:3rem;}
}

.homeTabs {font-weight:700}
.homeTabs .nav-item {border-left:1px solid #aaa;line-height:1;display:block;padding:0 30px}
.homeTabs .nav-item:first-child {border:0;padding-left:0}
.homeTabs .nav-item:last-child {padding-right:0}
.homeTabs .nav-item .nav-link {color:#111;padding:0;background:transparent;border:0}
.homeTabs .nav-item .nav-link.active, .homeTabs .nav-item .nav-link:hover {color:var(--blueColor)}

.insightList {position:relative;width:100%;}
.insightList li {border-bottom:1px solid #ddd;}
.insightList li a {font-weight:500}
.insightList li a:hover {color:#000}

.insightImgBox {position:relative;padding-bottom:60%;}
.insightImgBox img {width:100%;height:100%;object-fit:cover;object-position:center;position:absolute}

@media (max-width:991.98px) {
.insightList li {display:block;float:left;width:100%;}
.insightList li a {display:flex;margin:1rem 0;}
.insightImgwrap {width:30%;margin-right:1.5rem;}
.insightList li .insightTitle {width:70%;align-self:center;}
}
@media (min-width:992px) {
.insightList li {width:48%;}
.insightList li .insightTitle {padding:1rem 3rem 1rem 0;display:block;position:relative;}
.insightList li .insightTitle:after {content:'';width:2rem;height:2rem;display:block;border:1px solid #000;border-radius:50rem;position:absolute;right:10px;top:0;bottom:0;margin:auto;transition:all .5s ease;opacity:0;background-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='%23000' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/></svg>");background-size:15px auto;background-position:center;background-repeat:no-repeat}
.insightList li.active .insightTitle:after {right:0;opacity:1}
.insightImgwrap {width:48%;height:0;position:absolute;top:0;right:0;bottom:0;margin:auto;display:none;}
.insightList li.active .insightImgwrap {display:block;}
.insightImgBox {transform:translateY(-50%);}
}

.pageFooter {background:#212322;color:#fff;font-weight:300}
.footLogo {width:150px;height:auto}
.footAddress br {display:none}
.footBlock {display:none}

.footLinkBox {border-bottom:1px solid #2e2e2e}
.footLinkHead {font-size:1.2rem;font-weight:700;display:block;padding:10px 0;position:relative}
.footLinks {display:none}
.footLinks li {margin-bottom:15px}
.footLinks li a {transition:all .4s ease;position:relative;left:0}
.footLinks li a:hover {left:4px}

.footLinkHead[role=button]:after {content:'';width:10px;height:10px;display:block;border-right:1px solid #fff;border-bottom:1px solid #fff;position:absolute;right:0;top:0;bottom:0;margin:auto;transform:rotate(-45deg);transition:all .4s ease}
.open .footLinkHead[role=button]:after {transform:rotate(45deg)}

.socialLinks {font-size:18px}
.socialLinks li:not(:last-child) {margin:0 5px 0 0}
.socialLinks a {width:40px;height:40px;line-height:0;display:block;padding:10px;color:#fff;border-radius:50%;text-align:center;background:transparent;transition:all .4s ease}
.socialLinks a:hover {background:var(--blueColor)}
.socialLinks a svg {width:100%;height:auto}

.newsletterForm {border-bottom:1px solid #fff;width:100%;min-height:40px;padding:3px 0}
.newsletterForm .form-control {font-weight:300}
.newsletterForm ::-moz-placeholder {color:#fff;opacity:1}
.newsletterForm ::-ms-input-placeholder {color:#fff;opacity:1}
.newsletterForm ::-webkit-input-placeholder {color:#fff;opacity:1}
.nlfBtn {width:40px;height:40px;background:transparent;border:0;transition:all .4s ease}
.nlfBtn:hover, .newsletterForm .form-control:focus ~ .nlfBtn {background:var(--blueColor)} 

.footBotm {border-top:1px solid #666;font-size:.9rem;color:#999}
.footBotm a:hover {color:#fff}
.footHeart {width:20px;height:20px;animation:heartBeats 1.5s ease infinite}

.scToTop {background:transparent;border:0;color:#fff;position:absolute;right:0;top:-55px;transform:rotate(-90deg);transform-origin:100% 100%;white-space:nowrap}
.scToTop svg {display:inline-block;width:20px;height:20px;margin-left:15px}

.sideSocialBox {width:30px;height:136px;background:rgba(145,145,145,.6);border-radius:10px 0 0 10px;position:fixed;right:0;top:0;bottom:0;margin:auto;z-index:500;padding:0}
.sideSocialBox:hover {background:rgba(145,145,145,.9)}
.sideSocialBox li {padding:0;margin: 0 !important}
.sideSocialBox li a {width:100%;height:34px;padding:10px 8px;border-radius:0;line-height:0;display:block}
.sideSocialBox li a:hover {transform:scale(1.3) translateX(-4px);border-radius:5px 0 0 5px}

.footBtn {border:0;background:transparent}
.footBtnTxt {position:relative;font-size:.8rem}
.footBtnTxt:after {content:'';width:8px;height:8px;display:block;position:absolute;top:110%;left:0;right:0;margin:auto;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(-45deg);transition:all .4s ease}
.close .footBtnTxt:after {transform:rotate(135deg)}

.footVideo {width:90%;max-width:500px;height:auto;background:#111;border:7px solid #fff;position:fixed;bottom:2rem;right:2rem;z-index:501;box-shadow:0 20px 50px rgba(0,0,0,.3);}
.ftvideoHolder {width:100%;height:0;padding-bottom:56.25%;position:relative;}
.ftvideoHolder .ytIframe {width:100%;height:100%;display:block;position:absolute;top:0;left:0;}
.fvClose {width:40px;height:40px;display:block;background:#fff;color:#000;position:absolute;top:0;right:0;border:0;line-height:25px;box-shadow:inherit;font-size:1.4rem;transform:translateX(50%) translateY(-50%);}

@media (min-width:576px) {
.footLogo {width:230px}
.scToTop svg {width:30px;height:30px}
}
@media (min-width:768px) {
.footHeart {width:22px;height:22px}
.footAddress br {display:block}
.newsletterForm {max-width:400px}
.scToTop {transform-origin:100% 0;top:0;right:35px}
}
@media (min-width:1200px) {
.footLogo {width:180px}
.footLinkBox {border-bottom:unset}
.footLinks {display:block}
.footLinkHead {margin-bottom:20px;display:block;padding:0}
.footLinkHead[role=button]:after {display:none}
}
@media (min-width:1400px) {
.footLogo {width:200px}
}
@media (min-width:1600px) {
.footLogo {width:250px}
}

@keyframes heartBeats {
  0%, 20%, 40%, 60% {transform:scale(1)} 10%,30%,50% {transform:scale(1.1)}
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.breadcrumb {font-size:.8rem;color:#000;white-space:nowrap}
.breadcrumb .active {font-weight:600;color:#000;text-overflow:ellipsis;overflow:hidden}
.breadcrumb a:hover {color:var(--blueColor)}

.inbannerSection {position:relative;background:var(--blueColor);overflow:hidden}
.inbannerSection picture {width:100%;}
.inBannerImg {width:100%;height:100%;min-height:280px;display:block;object-fit:cover;object-position:center center}
.inbannerSection .container {position:absolute;top:0;left:0;right:0;margin:auto;}
.pageTitle {font-size:2.5rem;color:#fff;font-weight:600;letter-spacing:0.05rem;position:absolute;bottom:1rem;text-shadow:0 0 50px rgba(0,0,0,.5)}

.aboutImg {width:100%;height:100%;object-fit:cover;object-position:center}

.statsBox, .statsBox:hover {height:100%;background:#0061ae;color:#fff;padding:1rem}
.statsIcon img {max-width:60px;width:100%;height:auto;display:block;opacity:.8;margin-right:1.5rem}
.statsText {font-size:1.2rem;line-height:1.5;font-weight:500}
.statsText img{margin-left:20px;}
.statsCount {font-size:3.4rem;line-height:1;font-weight:600}
@media (max-width: 575.98px) {
.statsText {font-size: 1.1rem;}
.statsCount {font-size:2.4rem;}
}

.prodCTAList .statsBox:hover {background:#0397e1;transition:all .3s ease;}
.prodCTAList .swiper-slide {height:auto}

.whyBox {position:relative;}
.whyBgImg {width:100%;height:300px;display:block;object-fit:cover;object-position:center 90%;margin:0 0 1.5rem 0;}
.WhyContent {position:relative;z-index:1;color:#000;}
.WhyContent .whyHead {font-size:1.8rem;font-weight:700;text-transform:uppercase}
.WhyContent p {font-size:1.1rem}

.csrContainer {position:relative;color:#000}
.csrBg {width:100%;height:100%;min-height:300px;display:block;object-fit:cover;object-position:right center}
.csrContent {position:relative}

@media (min-width:576px) {
.pageTitle {position:static}
.whyBgImg {float:left;width:35%;height:200px;margin:0 1.4rem 0 0;object-position:center 75%;}
.WhyContent {vertical-align:middle;}
}
@media (min-width:768px) {
.whyBgImg {width:30%;height:170px;}
}
@media (min-width:992px) {
.whyBox {position:relative;top:0;background:#eee;padding:2rem;height:100%;box-shadow:0 5px 10px rgba(0,0,0,.2);transition:all .3s ease}
.whyBox:hover {box-shadow:0 30px 40px rgba(0,0,0,.3);top:-5px}
.whyBgImg {width:100%;height:100%;display:block;position:absolute;top:0;left:0;margin:0;object-fit:cover;object-position:center bottom}
.WhyContent {margin-bottom:80%}
.pgDescp .pgDescpImg {position:relative;width:47%;float:right;margin-left:3%;}
.pgDescp .sectionTitle {width:50%;float:left;}
}
@media (min-width:1200px) {
.pageTitle {font-size:3rem}
.statsIcon img {max-width:45px}
.csrContainer {padding:4rem}
.csrBg {position:absolute;top:0;left:0}
.csrContent {max-width:600px}
}
@media (min-width:1600px) {
.csrContent {max-width:800px}
.statsIcon img {max-width:80px;}
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.valueList {color:#000;position:relative;border-left:0px solid #000}
.valueList:before {content:'';width:1px;height:auto;display:block;position:absolute;left:0;top:0;bottom:0;margin:auto;background:#000;z-index:-1}
.vlDiv {position:relative;padding-left:30px}
.vlDiv:not(:last-child) {margin-bottom:2rem}
.vlDiv:first-child::before, .vlDiv:last-child::before {content:'';width:1px;height:50%;display:block;background:#fff;position:absolute;top:0;left:0}
.vlDiv:last-child::before {top:unset;bottom:0}
.valueItem {background:#e8f1f8;padding:1rem;position:relative}
.valueItem:before {content:'';width:10px;height:3px;display:block;background:#000;border-radius:50rem;position:absolute;right:100%;top:0;bottom:0;margin:auto}
.valueItem:after {content:'';width:30px;height:1px;display:block;border-bottom:1px dashed #000;position:absolute;right:100%;top:0;bottom:0;margin:auto}
.valueIcon {width:60px;height:60px;background:#fff;padding:10px;border-radius:50%}
.valueIcon .vIImg {width:100%;height:auto;display:block}
.valueText p {margin-bottom:.5rem}
.valueText p:last-child {margin-bottom:0}
.valueHead {font-size:1.3rem;font-weight:600}

@media (min-width:576px) {
.vlDiv {padding-left:80px}
.valueItem:before {width:30px;height:5px}
.valueItem:after {width:80px}
.valueItem {padding:1.5rem}
.valueIcon {width:80px;height:80px;padding:15px}
}
@media (min-width:768px) {
}
@media (min-width:992px) {
.vlDiv {padding-left:100px}
.valueItem:after {width:100px}
.valueIcon {width:100px;height:100px;padding:20px}
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.teamImg {box-shadow:0 10px 20px rgba(0,0,0,.3)}
.teamInfo p {font-weight:500}
.teamName {font-weight:600;font-size:2rem;margin-right:20px}
.teamDesig {vertical-align:baseline;display:inline-block}

.teamBigImg {width:100%;height:auto;float:left;margin:0 0 3rem 0;}

.leaderMsgBox {background-size:cover;background-position:center;position:relative}
.lmbItem {margin:1rem}
.lmbImgBox {position:relative;width:100%;height:100%;max-height:300px}
.lmbImg {width:100%;height:100%;object-fit:cover;object-position:center}
.lmbText {color:#fff}
.lmbText p {line-height:2}

.lmbNavBtns {width:50px;height:50px;padding:10px;border:2px solid #fff;border-radius:50rem;color:#fff;background:rgba(0,0,0,.3);position:absolute;top:150px;z-index:1}
.lmbNavBtns svg {width:100%;height:100%;display:block}
.lmbNavBtns:not(.disabled):hover {background:var(--blueColor);color:#fff;border-color:var(--blueColor)}
.lmbNavBtns.lmbPrev {left:.5rem}
.lmbNavBtns.lmbNext {right:.5rem}

.quoteTxt p {display:inline;position:relative;font-size:1rem;line-height:2;z-index:1}
.quoteTxt p:before, .quoteTxt p:after {content:'';width:1.6rem;height:1.6rem;display:inline-block;background:url(../images/comma.svg) no-repeat;background-size:cover;z-index:-1;position:absolute;margin-top:-.1rem;margin-left:-.5rem}
.quoteTxt p:after {transform:rotate(180deg)}

.teamBrief p {margin-bottom:1rem}
.teamBrief:after {content:'';width:15%;height:5px;background:var(--blueColor);margin:auto;display:block;border-radius:50rem;margin-top: 25px;}
.teamBrief h6 {color:var(--bs-black);font-size:1.2rem;font-weight:700;}

@media (min-width:992px) {
.lmbItem {margin:0 4rem}
.lmbNavBtns {top:0;bottom:0;margin:auto}
.lmbNavBtns.lmbPrev {left:1rem}
.lmbNavBtns.lmbNext {right:1rem}
.lmbImgBox {min-height:500px;max-height:unset}
.teamBigImg {width:45%;height:auto;float:right;margin:-10% 0 2rem 5rem;}
}
@media (min-width:1200px) {
.quoteTxt p {font-size:1.2rem}
}
@media (min-width:1600px) {
.lmbItem {margin:0 10rem}
.lmbNavBtns.lmbPrev {left:4rem}
.lmbNavBtns.lmbNext {right:4rem}
}

.meStatBox {font-weight:700}
.meStatNo {font-size:3.5rem;color:var(--blueColor)}
.meStatTxt {font-size:1.1rem;color:#222;line-height:1.4}

.plantSwiperWrapper {position:relative}
.plantSwiper {overflow:visible}
.plantImgBox {position:relative;padding-top:70%;width:100%;margin-bottom:1.3rem;background:#fafafa;border:1px solid #eee}
.plantImg {width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}
.plantTag {font-size:.8rem;color:#fff;position:absolute;left:0;bottom:0;padding:10px 25px;background:var(--blueColor)}
.plantTxt {font-size:1.1rem}
.plantDetail {color:var(--blueColor)}
.plantDetail span{color:#222}

.plntNavBtns {width:50px;height:50px;padding:10px;border:2px solid #fff;border-radius:50rem;background:var(--blueColor);color:#fff;position:absolute;top:0;bottom:0;margin:auto;z-index:1;transform:translateY(-35px);display:none}
.plntNavBtns svg {width:100%;height:100%;display:block}
.plntNavBtns.plntPrev, .plntNavBtns.strengthPrev, .plntNavBtns.prodPrev, .plntNavBtns.prMedPrev, .plntNavBtns.msPrev, .plntNavBtns.ppsPrev {left:-40px}
.plntNavBtns.plntNext, .plntNavBtns.strengthNext, .plntNavBtns.prodNext, .plntNavBtns.prMedNext, .plntNavBtns.msNext, .plntNavBtns.ppsNext {right:-40px}

@media (min-width:576px) {
.plantSwiper {overflow:hidden}
.plntNavBtns {display:block}
}

.strengthSwiper {overflow:visible}

.strengthImgBox {position:relative;border:1px solid #eee;background:#fafafa;margin-bottom:1.5rem}
.strengthImg {width:100%;height:100%;object-fit:cover;object-position:center}
.strengthSwiper .strengthText p {display: -webkit-box;overflow: hidden;-webkit-line-clamp:4;-webkit-box-orient: vertical;margin-bottom:0}
.strengthTitle {font-size:1.3rem;font-weight:700;line-height:1.6;color:#222}
.strengthText .strengthreadBtn {border:0;padding:0;background:transparent;color:var(--blueColor)}

.strengthModal .strengthImgBox {width:100%;height:auto}
.strengthModal .strengthImg {position:relative;height:auto}
.strengthModal .strengthBox {display:block}
.strengthModal .strengthText {padding:1.5rem 0 0 0!important}
.strengthModal .strengthreadBtn {display:none}
.strengthModal .strengthclose {position:absolute;right:0;margin:10px;background-color:#fff;z-index:2;padding:10px;border:1px solid #aaa}

@media (min-width:576px) {
.strengthSwiper {overflow:hidden}
}

@media (max-width: 767px) {
  /* Hide list and map initially */
  .mapTab:nth-of-type(2) .mapList,
  .mapTab:nth-of-type(2) .mapsvgHolder {
    display: none;
  }

  /* Add a caret or plus to show list exists */
  .mapTab:nth-of-type(2) .mapHead::after {
    content: "▼";      /* ▼ or "+" */
    font-size: 16px;
    padding: 0 5px;
    transition: transform 0.3s;
  }

}

@media (min-width:768px) {
.strengthImgBox {margin-bottom:0}
.strengthImg {position:absolute}
}

.mapHead {font-size:1.2rem;margin-bottom:.5rem;display: block;position: relative}
/* .mapList li {margin-bottom:.5rem;width:50%;vertical-align:top;float:left;cursor:pointer;} */
.mapList li {margin-bottom: .5rem; cursor: pointer;}
.mapList li:hover {color:var(--blueColor);}
.mapsvgHolder {width:100%;}
.mapsvgHolder svg {max-height:100%;width:100%;height:auto;}
.anim {animation:mmPop 1s infinite;}

@keyframes mmPop {
0%, 100% {transform: translate(0,0px);} 50% {transform: translate(0,-15px);}
}

@media (min-width:576px) {
.mapTab {width:100%;float:left;}
.mapTab:not(:last-child) {border-bottom:1px solid #eee}
.mapList {float:left;width:40%;}
.mapList li {width:100%;}
.mapsvgHolder {float:right;width:50%;margin-top:-35px;margin-bottom:1rem}
}

@media (min-width:992px) {
.mapTab {border-bottom:unset !important;}
.mapList {float:unset;width:unset;padding-left:1.8rem}
.mapsvgHolder {width:55%;height:100%;position:absolute;right:0;top:0;display:none;background:#fff;padding:0;margin:0}
.mapsvgHolder {display:block;opacity:0;z-index:-1;transition:all .5s ease;}
.mapTab.active > .mapsvgHolder {opacity:1;z-index:10;}
.mapTab.active .mapHead:before, .mapTab.active .mapHead {color:var(--blueColor) !important;border-left-color:var(--blueColor);}
.mapHead:before {content:'';border-left:.8rem solid #000;border-top:.5rem solid transparent;border-bottom:.5rem solid transparent;display:inline-block;width:0;margin-right:1rem}
}

.mapmarker {cursor:pointer;position:relative;transform-origin:50% 100%;z-index:1;}
.mapmarker:hover {z-index:10;}
.mapsvg {max-height:100%;max-width:100%;width:100%;height:auto;display:block;margin:auto}
.mapGP {opacity:1 !important;pointer-events:none;}
.mapGP .tooltip-arrow:before {border-bottom-color:#fff !important}
.mapGP .tooltip-inner {background-color:#fff;color:#000;font-size:.8rem;font-weight:600;box-shadow:0 5px 15px rgba(0,0,0,.5);text-align:left}
.mapGP img {width:100%;height:auto;display:block;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.LatestNewSwiper {background:#f9f9f7}
.latestItem {color:#000}
.lnsImgBox {width:100%;padding-bottom:60%;background:#f6f6f6;border:1px solid #eee;position:relative;left:0;transition:all .3s ease}
.lnsImg {width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:cover;object-position:center}
.lnsHead {font-size:2rem;font-weight:700}

.lnsBullets.swiper-pagination-bullets {background:#fff;position:relative;bottom:0}

.newsArchive .latestItem {border-bottom:1px solid #ccc;height:100%}
.newsArchive .latestItem:hover {background:var(--blueColor);color:#fff;transition:all .4s ease}
.newsArchive .lnsHead {font-size:1.4rem}
.newsArchive .latestItem:hover .lnsImgBox {left:1rem}


.galImgHolder {width:100%;padding-bottom:70%;display:block;position:relative;background:#ddd;border:1px solid #eee;transition:all .4s ease-in-out}
.galImgHolder:before {content:'';width:100%;height:100%;display:block;background:#f4f4f4;position:absolute;transform:rotate(-5deg);z-index:-1;transition:all .2s ease}
.galCoverImg {width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:cover;object-position:center;cursor:pointer}
.galImgHolder span {display:none}
.galTitle {text-align:center;font-size:1.2rem;font-weight:600;font-weight:600;color:#000;padding:1rem 0}
.galImgCount {width:100%;height:100%;position:absolute;top:0;left:0;background:var(--blueColor);opacity:0;transition:all .4s ease;pointer-events:none}
.galImgCount:before {content:'+';width:3.5rem;height:3.5rem;display:block;border:1px solid #fff;border-radius:50%;text-align:center;line-height:3.5rem;font-size:1.5rem}
.galleryItem:hover .galImgCount {opacity:.8}
.galleryItem:hover .galImgHolder {box-shadow:0 10px 20px rgba(0,0,0,.3)}

.galleryFilter .vr {background-color:#aaa}
.galleryFilter .vr:last-child {display:none;}
.galleryFilter .galBtn {padding:0;background:transparent;border:0;font-weight:inherit}
.galleryFilter .galBtn:not(.active) {color:#b7b7b7}
.galleryFilter .galBtn.active {color:var(--blueColor)}

@media (max-width:575.98px) {
.titleHead.galleryFilter {font-size:1.5rem}
}

.blogItem {background:#f4f4f6;transition:all .3s ease;color:#000;position:relative;top:0}
.blogImg {border:1px solid #efefef}
.blogTitle {font-size:1.5rem;font-weight:700;line-height:1.5}

.blogItem:hover {background:var(--blueColor);color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.4);top:-5px}
.blogItem:hover .ctaBtn {color:#000 !important}
.blogItem .ctaBtn:before {background:#fff}

.blogSearchWrap {background:var(--blueColor)}
.blogSideHead {font-size:1.2rem;font-weight:700;color:#000}
.blogSearchForm {background:#fff}
.blogSearchBtn {background:transparent;border:0;color:#222}

.blogSideWrap {background:#fff;border-top:.5rem solid var(--blueColor);box-shadow:0 5px 15px rgba(0,0,0,.15)}

.blogAside .blogItem {background:transparent}
.blogAside .blogItem:hover {background:transparent;color:var(--blueColor);box-shadow:unset;top:0}
.blogAside .blogItem:last-child {margin-bottom:0!important}
.blogAside .blogDate {color:#000;font-size:.8rem}
.blogAside .blogTitle {font-size:1rem}
.blogAside .ctaBtn {height:0;padding:0;border:0;font-size:0;opacity:0;position:static;display:block}
.blogAside .ctaBtn:before {content:'';width:100%;height:100%;position:absolute}

.blogCategoryList li {background:#f4f4f4}
.blogCategoryList li a {display:block;padding:1rem 1.6rem 1rem 1rem;margin-bottom:1rem;font-weight:700;color:#222;position:relative;transition:all .3s ease;overflow:hidden;z-index:1}
.blogCategoryList li a:hover {color:#fff;background:var(--blueColor)}
.blogCategoryList li a:after {content:'';width:1.4rem;height:1.4rem;display:block;background:var(--blueColor);border-radius:50%;position:absolute;right:1rem;top:0;bottom:0;margin:auto}

.blogArchiveList li {margin-bottom:.5rem;display:block}
.blogArchiveList li a {display:block}
.blogArchiveList li a:hover {color:var(--blueColor)}
.blogArchiveList li a:before {content:'\2022';margin-right:8px;font-size:1.5rem;float:left;line-height:1.2}

.blogArchiveList {max-height:280px;overflow:hidden}
.blogArchiveList.overScroll {overflow:auto;max-height:320px}
.archiveBtn {width:100%;background:#fff;text-align:center;color:var(--blueColor);border:0;font-weight:600}

.page-item {padding:0 5px}
.page-item .page-link {border:0;background:transparent;width:2.5rem;text-align:center}
.page-item:not(:first-child):not(:last-child):not(.active) .page-link {border-radius:50%;background:#e7f0f7;color:#333;font-weight:600}
.page-item.active .page-link {background:var(--blueColor);color:#fff;border-radius:50%}

.page-item:first-child .page-link, .page-item:last-child .page-link {color:#222;font-size:.9rem;width:auto;height:auto}
.page-item:first-child .bi, .page-item:last-child .bi {color:#222;border:1px solid #222;border-radius:50%;padding:5px;width:1.4rem;height:1.4rem}
.page-item:first-child.disabled > .page-link, .page-item:last-child.disabled > .page-link, .page-item.disabled .bi {color:#999;border-color:#999}

.blogDetailsText ul {margin-bottom:1rem}
.blogDetailsText ul li {position:relative;list-style:disc;list-style-position: inside}
.blogDetailsText a {color:var(--blueColor);text-decoration:underline}
.blogDetailsText a:hover {text-decoration:none}
.blogDetailsText .blogImg {float:right;width:100%}

@media (min-width:768px) {
.blogDetailsText .blogImg {width:auto}
}

.cfwHead {font-size:1.2rem}
.cfwHead small {font-size:75%}
.commentFormWrap .form-control {background:#f4f4f4;min-height:3rem}
.commentForm .errorMsg {color:#ff0000;font-size:.9rem;padding:.2rem .75rem;display:none}
.commentForm .ctaBtn {color:#fff}
.commentForm .ctaBtn:before {background:var(--blueColor);border-color:var(--blueColor)}

.tabAccdWrap .nav-link, .tabAccdWrap .accdBtn {border:0;background:transparent;color:#000;font-weight:600;line-height:3}
.tabAccdWrap .nav-link.active, .tabAccdWrap .accdBtn:not(.collapsed) {background:var(--blueColor);color:#fff}
.tabAccdWrap .nav-link svg, .tabAccdWrap .accdBtn svg {width:45px;height:45px;fill:currentColor;margin-right:15px}
.tabAccdWrap .accdBtn:not(.collapsed)::after {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}

.tabAccdWrap .tab-pane {display:block;opacity:1;border:1px solid #eee;transition:all .15s ease-in-out}

.accordion .collapse:after {content:'';width:100%;display:block;clear:both;}

@media (min-width:992px) {
.tabAccdWrap {min-height:300px;border-bottom:1px solid #eee;}
.tabAccdWrap .nav {background:#f8f8f8;}
.tabAccdWrap .nav, .tabAccdWrap .nav-link {border-radius:40px}
.tabAccdWrap .tab-pane {border:unset}
.tabAccdWrap .tab-pane:not(.show) {display:none;opacity:0}
}

ul.blueBullets li {position:relative;padding-left:20px;margin-bottom:1rem}
ul.blueBullets li:before {content:'';width:.35rem;height:.35rem;display:block;background:var(--blueColor);border-radius:50%;position:absolute;left:0;top:.7rem}
ul.dashBullets li:before {content:'';width:.4rem;height:2px;display:block;background:var(--blueColor);border-radius:50%;position:absolute;left:0;top:.8rem}

.sustImgBlock {width:100%;background:#f6f6f6;background:var(--blueColor);color:#fff;margin:0 0 2rem 0;}
.sustImgCaption {padding:1rem;}

@media (min-width:768px){
.sustImgBlock {float:right;margin:0 0 1.5rem 3rem;width:40%;max-width:600px}
}

.pdfListing li {border-bottom:1px solid #eee;padding:.3rem 0;position:relative}
.pdfListing li a {display:block;padding:.8rem 2rem .8rem .5rem;transition:all .3s ease;font-weight:500;border-radius:.25rem;transform:scale(1)}
.pdfListing li a:hover {background-color:#f4f4f4;color:#000;box-shadow:0 10px 15px rgba(0,0,0,.15);transform:scale(1.02)}
.pdfListing li a:after {content:'';width:1.2rem;height:1.2rem;display:block;position:absolute;right:.5rem;top:0;bottom:0;margin:auto;
  background-image:url("data:image/svg+xml,<svg viewBox='0 0 485 485' xmlns='http://www.w3.org/2000/svg' fill='%23005aa9' stroke='%23005aa9'><path d='M426.5,458h-368C51,458,45,464,45,471.5S51,485,58.5,485h368c7.5,0,13.5-6,13.5-13.5S434,458,426.5,458z'/><path d='M233,378.7c2.5,2.5,6,4,9.5,4s7-1.4,9.5-4l107.5-107.5c5.3-5.3,5.3-13.8,0-19.1c-5.3-5.3-13.8-5.3-19.1,0L256,336.5v-323 C256,6,250,0,242.5,0S229,6,229,13.5v323l-84.4-84.4c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1L233,378.7z'/></svg>")}

.pdfListing li.voice a:after {content:'';width:1.2rem;height:1.2rem;display:block;position:absolute;right:.5rem;top:0;bottom:0;margin:auto;
  background-image:url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23005aa9'><path d='M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z'/><path d='M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z'/><path d='M10.025 8a4.486 4.486 0 0 1-1.318 3.182L8 10.475A3.489 3.489 0 0 0 9.025 8c0-.966-.392-1.841-1.025-2.475l.707-.707A4.486 4.486 0 0 1 10.025 8zM7 4a.5.5 0 0 0-.812-.39L3.825 5.5H1.5A.5.5 0 0 0 1 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 7 12V4zM4.312 6.39 6 5.04v5.92L4.312 9.61A.5.5 0 0 0 4 9.5H2v-3h2a.5.5 0 0 0 .312-.11z'/></svg>")}


.pdfListing.nodwnld a:after, .pdfListing li.nodwnld a:after {display:none;}

.iframeHolder {height:600px;border:1px solid #ddd;background:#f4f4f4}

.safetyList .safetyItem {position:relative;transition:all .3s ease}
.safetyItem .safetyImg {width:100%;height:auto;display:block;transition:inherit;padding:10px}
.safetyItem .dottedCircle {display:none}

.safetyItem:hover .safetyImg  {filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))} 
.safetyItem .safetyText {font-weight:500;color:#000;line-height:1.4;padding:0 .5rem;margin-bottom:10px}

@media (min-width:992px) {
.safetyItem .safetyImg {padding:10px}
.safetyItem .dottedCircle {width:auto;height:50%;display:block;position:absolute;top:0;left:-2px;right:-2px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='205' height='100' viewPort='200 100'><circle class='circle' cx='103' cy='103' r='100' fill='none' stroke='%23005aa9' stroke-width='3.5' stroke-dasharray='20, 15' stroke-linecap='round' /></svg>");background-size:100% 100%}
.safetyItem:nth-child(odd) .dottedCircle {top:unset;bottom:0;transform:rotateX(180deg)}
.safetyItem .safetyText {width:auto;height:auto;background:rgba(0,90,169,.9);font-weight:500;color:#fff;position:absolute;top:0;left:0;bottom:0;right:0;margin:10px;border-radius:50%;transform:scale(.5);opacity:0;transition:all .3s ease}
.safetyItem:hover .safetyText {transform:scale(1);opacity:1}
}
@media (min-width:1200px) {
.safetyItem .safetyImg {padding:20px}
.safetyItem .safetyText {margin:20px}
}

.safetyVideoSection {background:#fafafa}
.safetyVideoSection:before {content:'';width:100%;height:0;display:block;background:#080c0f;position:absolute;top:0;left:0;transition:all 1s ease}
.safetyVideoSection.in-view:before {height:25%}
.safetyContainer {max-width:1500px}
.sftyVidTxtSwiper .swiper-slide {background:#fafafa;height:auto}
.sftyVidTxtSwiper .sftyTipHead {font-size:1.4rem;font-weight:700;color:#000}

.sftySwiperNav {width:120px}
.sftySwiperNav .instaNavBtns {position:static;float:left;display:block}
.sftySwiperNav .instaNavBtns.instaNext {float:right}

.sftyVideoSwiper .instaBullets.swiper-pagination {position:static}
.sftyVideoSwiper .instaBullets .swiper-pagination-bullet {background:#fff}
.sftyVideoSwiper .instaBullets .swiper-pagination-bullet-active {background:#fff}

@media (min-width:992px) {
.safetyVideoSection:before {width:0;height:100%}
.safetyVideoSection.in-view:before {width:33%;height:100%}
}

.tripodWrap {background:#176eb5}
.tripodImg {width:100%}
.tripodItem {text-align:left}
.tripodHead {font-size:1.2rem;font-weight:600}
.tripodBtn {text-align:center;font-size:1rem;line-height:25px;position:absolute}
.tripodBtn.tripodBtn_1 {top:55px;left:0}
.tripodBtn.tripodBtn_2 {top:30px;right:0}
.tripodBtn.tripodBtn_3 {bottom:-10px;left:0;right:0;margin:auto}

@media (min-width:576px) {
.tripodWrap {border-radius:2rem}
}

@media (min-width:992px) {
.tripodBtn {display:none}
.tripodImg {width:200px}
.tripodHead {font-size:1.5rem}
.tripodItem p {line-height:1.5;display:block}
.tripod_1 {max-width:400px;float:right;margin-top:0;text-align:right}
.tripod_2 {text-align:left;margin-top:0}
.tripod_3 {max-width:850px;text-align:center}
}

@media (min-width:1200px) {
.tripodImg {width:unset}
.tripodItem p {line-height:unset}
.tripod_1 {margin-top:70px}
.tripod_2 {margin-top:50px}
}

/* xxxxxxxxxxxxxxxxxxx */

.invsDetailBox {box-shadow:0 8px 20px rgba(0,0,0,.15);background:#fff}
.invsHead {font-size:1.2rem;font-weight:600;line-height:1.5}
.invsContNo {padding-left:2.5rem;position:relative}
.invsContNo .invsIcon {width:1.5rem;height:1.5rem;position:absolute;left:0;top:.1rem}
.invsDetailBox a {color:var(--blueColor)}
.invsDetailBox a:hover {text-decoration:underline}
.invsDetailBox a[href^="tel"] {color:inherit}

.invsItemList .invsItem {height:100%;min-height:5rem;position:relative; display:flex;align-items:center;padding:1.4rem;background-color:#fff;border-radius:.6rem;box-shadow:0 5px 20px rgba(0,0,0,.1);font-weight:600;transition:all .4s ease;top:0}
.invsItemList .invsItem:hover {background-color:var(--blueColor);color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.3);top:-5px} 
.invsItemList .invsItem:after {content:'';width:1.5rem;height:1.5rem;display:block;position:absolute;right:.7rem;top:0;bottom:0;margin:auto;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.invsItemList .invsItem:hover:after {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}

.invsHeadList {transition:none}
.invsHeadList > li {border-bottom:1px solid #eee;padding-right:2rem}
.invsHeadList .invsItem {display:block;position:relative;padding:1rem 0;background-color:#fff;font-weight:600;transition:all .4s ease}
.invsHeadList .invsItem:hover, .invsHeadList .invsItem.active {color:var(--blueColor)} 
.invsHeadList .invsItem:hover:after, .invsHeadList .invsItem.active:after {content:'';width:1.5rem;height:1.5rem;display:block;position:absolute;left:100%;top:0;bottom:0;margin:auto;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005aa9'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}

.invsPgTitle {border-bottom:2px solid var(--blueColor)}
.invsPgName {font-size:1.4rem;font-weight:600}

.accditem {border-bottom:1px solid #aaa}
.invsAccdWrap .accdBtn {background:unset;border:0;width:100%;padding:1rem 2rem 1rem 0;font-weight:600;position:relative;transition:all .2s ease}
.invsAccdWrap .accdBtn[aria-expanded="true"] {color:var(--blueColor);background:#fafafa;padding-left:1rem}

.invsAccdWrap .accdBtn:after {content:'';width:1.5rem;height:1.5rem;display:block;position:absolute;right:1rem;top:0;bottom:0;margin:auto;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23222' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>")}
.invsAccdWrap .accdBtn[aria-expanded="true"]:after {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23005aa9' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>")}

.invsAccdWrap .show > div {background:#fafafa}
.invsAccdWrap .pdfListing {max-width:90%}

.finResultList > li {background:#fafafa;display:block;margin-bottom:2px;text-align:center;position:relative;transition:all .3s ease;}
.frlItem .frlYear {text-align:center;font-size:1.1rem;}
.frlItem a {padding:.7rem .5rem;transition:all .3s ease;display:inline-block;}
.frlItem a:hover {color:var(--blueColor);text-decoration:underline;text-underline-position:under;}

@media (max-width:575.98px) {
.finResultList > li {margin-bottom:.5rem;border-top:1px solid #eee;}
.frlItem .frlYear {color:var(--blueColor);padding:.7rem .5rem;background:#fff;}
.frlItem .frlYear strong {padding:0;}
.frlItem a {border:1px solid #fff;display:block;}
}

@media (min-width:576px) {
.finResultList > li:nth-child(even) {background:#f6f6f6;}
.finResultList > li:hover {background:#fff;box-shadow:0 0 15px rgba(0,0,0,.2);z-index:1;}
.frlItem .frlYear strong {display:block;width:100%;padding:.7rem .5rem;}
.frlItem:hover .frlYear strong {background:var(--blueColor);color:#fff;}
}

/* xxxxxxxxxxxxxxxxxxxxxx */

.storyYrWrap {position:relative;}
.storyYrSwiper {margin:0 2rem;position:relative;z-index:1;}
.storyYrSwiper .swiper-slide {width:auto}
.storyYrSwiper .swiper-slide span {width:auto;text-align:center;font-weight:600;font-size:1.2rem;position:relative;cursor:pointer;padding:0 .5rem;display:block}
.storyYrSwiper .swiper-slide.swiper-slide-thumb-active span {color:var(--blueColor)}
.storyYrSwiper .swiper-slide.swiper-slide-thumb-active span:after {content:'';width:100%;height:4px;display:block;background:var(--blueColor);border-radius:4px}

.storyYrBtn {width:1.5rem;height:1.5rem;border:1px solid #000;color:#000;padding:4px;border-radius:50%;top:0;bottom:0;margin:auto;background:transparent;}
.storyYrBtn:after {font-size:.8rem;color:inherit;font-weight:700}
.storyYrBtn:hover {background:var(--blueColor);color:#fff;border-color:var(--blueColor)}
.storyYrPre {left:0}
.storyYrNxt {right:0}

.storyContSwiper {background:#fff;z-index:10;overflow:visible;position:relative;}
.storyContSwiper .swiper-slide {opacity:0;transition:opacity .5s ease;}
.storyContSwiper .swiper-slide.swiper-slide-active {opacity:1}

.storyTitle .titleTag {color:var(--bs-black);font-weight:600;font-size:1.4rem;}
.storyTitle .titleHead {font-size:2rem;font-weight:600;line-height:1.6}

.storyImgBox {position:relative;width:100%;float:right;margin:0 0 1rem 0;}
.storyImgBox .storyImgHolder {position:relative;width:100%;height:0;padding-bottom:60%;overflow:hidden;background:#f6f6f6}
.storyImgBox .storyImg {width:100%;height:100%;display:block;object-fit:contain;object-position:center;position:absolute;top:0;left:0;}

.storyContBrief {margin-left:3rem;margin-right:3rem}
.storyContBrief .swiper-slide {background:#fff}

.storyInSwiper {overflow:visible;padding-top:3rem;padding-bottom:1.5rem}
.storyInSwiper .swiper-slide {background:#fff}
.storyInBtn {width:2rem;height:2rem;margin:0;padding:.25rem;z-index:1;opacity:1;border:0;background-color:var(--blueColor);}
.storyInBtn:after {color:#fff;font-size:1.5rem;}
.storyInBtn.storyInPre {left:0;}
.storyInBtn.storyInNxt {right:0;}

@media (min-width:992px) {
.storyImgBox {position:relative;width:48%;float:right;margin:0 0 1.5rem 2%;}
.storyTitle {width:50%;float:left;}
.storyInSwiper {padding-bottom:0}
.storyInBullets {text-align:left;padding-left:3rem}
}

/* xxxxxxxxxxxxxxxxxxxxxx */

.productSwiper, .prodMediaSwiper, .productPPSwiper {overflow:visible}
.productItem, .prMedItem {position:relative;padding-bottom:100%;background:#eee;border:1px solid #ddd;overflow:hidden}
.prodItemImg, .prMedImg {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:center}
.prodItemTag {padding:1.5rem;padding-top:5rem;color:#fff;font-weight:500;font-size:1.2rem;position:absolute;bottom:0;left:0;right:0;
  background: rgb(0,0,0);background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 85%);background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 85%);background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 85%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}

.prMedItem {padding-bottom:60%}
.prodtSwiperWrapper .plntNavBtns, .prMediaSwiperWrapper .plntNavBtns {transform:unset}
.plntNavBtns.disabled {display:none}
.pipesProdWrap .plntNavBtns {transform:scale(.75) translateY(-20px);}
.productPPSwiper .ppsBullets {position:relative;margin-top:20px;bottom:0;}

@media (min-width:576px) {
.productSwiper, .prodMediaSwiper, .productPPSwiper {overflow:hidden}
}

.vvBox {background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;position:relative;color:#000}
.vvBox:before {content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:#edf7f9;transform:rotate(0deg);transform-origin:0 0;transition:all 1s .5s ease}
.in-view .vvBox:before {transform:rotate(45deg)}
.vvBox .vvHead {font-weight:600;font-size:1.4rem}
.vvBox ul li {margin-bottom:.5rem}
.vvBox * {position:relative}

.processTab {overflow:visible}
.processTab .swiper-slide {font-weight:600;padding-bottom:1.5rem;position:relative;cursor:pointer;border-bottom:2px solid #d1d1d1}
.processTab .swiper-slide:after, .processTab .swiper-slide.swiper-slide-thumb-active:after {content:'';width:.7rem;height:.7rem;display:block;border-radius:50%;background:var(--blueColor);position:absolute;bottom:0rem;left:0;transform:translateY(50%)}
.processTab .swiper-slide:before {content:'';width:100%;height:2px;display:block;position:absolute;bottom:0px;left:0;transition:all 0 ease;background:var(--blueColor);transform:translateY(50%)}
.processTab .swiper-slide.swiper-slide-thumb-active ~ .swiper-slide:before {width:0}
.processTab .swiper-slide.swiper-slide-thumb-active ~ .swiper-slide:after {background:#707070}
.processTab .swiper-slide.swiper-slide-thumb-active {color:var(--blueColor)}
.processTab .swiper-slide.swiper-slide-thumb-active:before {animation: processAnim 6s linear}

@keyframes processAnim {
0% {width:0} 100% {width:100%}
}

.processTabContent {background:#edf7f9;border-radius:.5rem}
.ptcBox h3 {color:#333;font-weight:600;font-size:1.2rem}
.ptcBox p {margin-bottom:0}

.coatingSwiper {overflow:visible}
.crImgBox {width:100%;display:block;padding-bottom:60%;margin-bottom:1.5rem;border-radius:.4rem;border:1px solid #eee;overflow:hidden;position:relative;background:#eee}
.crImg {width:100%;height:100%;display:block;position:absolute;object-fit:cover;object-position:center}
.coatingSwiper .crContent {display: -webkit-box;overflow: hidden;-webkit-line-clamp:3;-webkit-box-orient: vertical}
.coatingSwiper .crContent ul {display:none}
.crHead {font-size:1.4rem;font-weight:600;color:#000}
.crBtn {background:transparent;border:0;color:var(--blueColor);padding:0;border-bottom:1px solid var(--blueColor)}
.crBtn:hover {color:var(--blueColor);border-bottom:0}

.coatingModal .crItem {display:block}
.coatingModal .crBtn {display:none}
.coatingModal .coatingclose {position:absolute;right:0;margin:10px;background-color:#fff;z-index:2;padding:10px;border:1px solid #aaa}

@media (min-width:576px) {
.coatingSwiper {overflow:hidden}
}
@media (max-width:575.98px) {
.titleHead.coatingFilter {font-size:1.2rem}
}

.ftImgBox, .ftImgBox * {position:relative}
.ftImgBox:before {content:'';width:100%;height:100%;display:block;border:1px dashed #333;border-radius:50%;position:absolute;right:-0.8rem}
.ftImg {width:100%;height:auto;display:block;border-radius:50%}
.ftIcon {width:35%;height:auto;display:block;position:absolute;top:0;right:0}
.ftHead {font-weight:700;font-size:1.3rem;color:var(--bs-black)}
.ftText p {margin:0;line-height:1.5}
.ftHr {border:0;border-bottom:1px dashed #000;background:transparent;position:relative;right:.8rem}
.featureItem:hover .ftHead {color:var(--blueColor)}

.unqFeatSlider .ufsBullets {bottom:0}
.ufsNavBtns {width:2rem;height:2rem;padding:.4rem;border:2px solid #fff;border-radius:50rem;background:var(--blueColor);color:#fff;position:absolute;top:0;bottom:0;margin:auto;z-index:1;}
.ufsNavBtns svg {width:100%;height:100%;display:block}
.ufsNavBtns.ufsPrev {right:100%}
.ufsNavBtns.ufsNext {left:100%}
.ufsNavBtns.disabled {display:none}
@media (max-width:991.98px){
/*.unqFeatSlider {overflow:visible;}*/
.ufsNavBtns {display:none}
}

.bBrandItem {width:100%;height:100%;display:block;position:relative;transition:all .4s ease;background:#f6f6f6;padding:1.5rem;margin-top:20px;}
.bBrandBg {width:100%;height:auto;display:block;object-fit:cover;transition:inherit;margin-bottom:2rem}
.bBrandCont {position:relative;z-index:1;color:#000}
.bBrandLogo {width:100%;max-width:100%;height:50px;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #333;object-fit:contain;object-position:left}

@media (min-width:992px) {
.bBrandLogo {height:70px}
.bBrandItem {padding:10rem 4rem 4rem 4rem}
.bBrandItem:before {content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:#f6f6f6;transition:inherit}
.bBrandBg {width:100%;height:100%;display:block;position:absolute;top:0;left:0;opacity:0;object-fit:cover;transition:inherit}
.bBrandItem:hover {z-index:1}
.bBrandItem:hover:before {height:110%;top:-5%;background:#333;box-shadow:0 20px 30px rgba(0,0,0,.2)}
.bBrandItem:hover .bBrandBg {opacity:.35;height:110%;top:-5%}
.bBrandItem:hover .bBrandLogo {border-bottom:1px solid #fff;filter: drop-shadow(0 0 1px rgba(255,255,255,.5))}
.bBrandItem:hover .bBrandCont {color:#fff}
}

.milestoneSwiper {overflow:visible}
.msBox {width:auto;height:auto;background:#f4f4f4;color:#000;padding:1rem;display:flex;flex-direction:column;cursor:pointer;}
.msYear {height:50px;font-size:1.4rem;font-weight:600;border-bottom:1px solid #000;}
.msContent {position:relative;flex: 1 1 auto!important;flex-grow: 1!important;overflow:hidden;text-overflow:ellipsis}
.msContent h4 {margin:1rem 0 0 0;font-size:1.2rem;font-weight:400;line-height:1.5;}

.msBox.swiper-slide-active {color:#fff;background:var(--blueColor);transition:background 1s ease;padding:1rem;}
.msBox.swiper-slide-active .msYear {border-color:#fff}

.msBtns {width:40px;height:40px;padding:10px;border:2px solid #111;border-radius:50rem;background:rgba(255,255,255,.4);color:#111;position:absolute;top:0;bottom:0;margin:auto;z-index:1;display:none}
.msBtns svg {width:100%;height:100%;display:block}
.msBtns:not(.disabled):hover {background:var(--blueColor);color:#fff;border-color:var(--blueColor)}
.msBtns.msPrev {left:0}
.msBtns.msNext {right:0}

@media (min-width:576px) {
.milestoneSwiper {overflow:hidden}
.msBox {width:100px;height:300px;}
.msContent h4 {font-size:1.2rem}
.msBox.swiper-slide-active {width:80%}
.msBox.swiper-slide-active {width:40%;height:300px;color:#fff;background:var(--blueColor);transition:background 1s ease;padding:1rem 2rem;}
.msBox:not(.swiper-slide-active) .msYear {text-align:center}
.msBox:not(.swiper-slide-active) h4 {width:280%;font-size:1.2rem;margin:0;position:absolute;bottom:-10px;left:50%;transform:rotate(-90deg);transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
}
@media (min-width:768px) {
.milestonewrap {padding:0 55px;}
.msBox.swiper-slide-active {width:60%}
.msContent h4 {font-size:2rem}
.msBtns {display:block}
}
@media (min-width:992px) {
.msBox.swiper-slide-active {width:50%}
}

.invsDetailBox.contactBox {background:var(--blueColor);color:#fff;}
.invsDetailBox.contactBox a {color:#fff;}
.invsDetailBox.contactBox .invsHead {font-size:1.8rem;}

.contFormWrap {background:#f6f6f6;}

.contactForm .form-control, .contactForm .form-select {min-height:35px;border:0;color: #333 !important;border-radius:0;}
/* .contactForm textarea.form-control {min-height:6rem;} */
.contactForm ::-moz-placeholder{color:inherit;opacity:1}
.contactForm ::-ms-input-placeholder{color:inherit;opacity:1}
.contactForm ::-webkit-input-placeholder{color:inherit;opacity:1}
.contactForm .submitBtn {background:var(--blueColor);color:#fff;border:0;padding:.375rem .75rem;min-height:40px;transition:all .3s ease;}
.contactForm .submitBtn:hover {background:#003666;}

.custom-file-button {height:60px;}
.custom-file-button input[type=file] {margin-left:0px !important;padding-top:0;padding-bottom:0;line-height:60px;}
.custom-file-button input[type=file]::-webkit-file-upload-button {display: none;}
.custom-file-button input[type=file]::file-selector-button {display: none;}
.custom-file-button:hover label {background-color: #dde0e3;cursor: pointer;margin-right:0;}

.locAccordion .accordion-item {border:unset;box-shadow:0 10px 30px rgba(0,0,0,.15);position:relative;}
.locAccordion .accordion-button {min-height:4.5rem;outline:none;box-shadow:unset;font-weight:500;font-size:1.2rem;}
.locAccordion .accordion-button:not(.collapsed), .locAccordion .accordion-button:hover {background:var(--blueColor);color:#fff;}
.locAccordion .accordion-collapse {background:var(--blueColor);color:#fff;width:100%;margin-top:0;z-index:100;box-shadow:0 24px 20px rgba(0,0,0,.5)}

.locAccordion .accordion-button:hover:after {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>")}
.locAccordion .accordion-button[aria-expanded="true"]:after {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>")}

.contIconBX {padding-left:2rem;position:relative}
.contIconBX .contIcon {width:1.2rem;height:1.2rem;position:absolute;left:0;top:.1rem}

.newsletterBg {background:var(--blueColor);height:300px;}
.nlImg {width:100%;height:100%;opacity:.2;object-fit:cover;object-position:center top;position:absolute;top:0;left:0}
.nlHead {font-weight:700;color:#fff;font-size:1.4rem;}
.nlForm {height:3.5rem;border-radius:50rem;overflow:hidden;background:#fff;border:1px solid #fff;}
.nlForm .form-control {border-color:transparent;}
.nlForm .nlBtn {background:#000;color:#fff;border:0;transition:all .4s ease;}
.nlForm .nlBtn:hover {background:var(--blueColor);}

@media (min-width:768px) {
.locAccordion .accordion-collapse {position:relative;top:100%;}
}

.wwuWrap {background:#212322;}
.wwuIcon {width:2.5rem;height:auto;display:block;margin:auto;}
.wwuTab {color:#fff;opacity:.4;cursor:pointer;height:50%;text-align:center;}
.wwuTab.swiper-slide-thumb-active {opacity:1;}

.wwuContSwiper {max-width:500px;width:100%;}
.wwuCont {padding:20px 20px 0 20px;}
.wwuContImgBX {width:100%;padding-bottom:70%;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.25);}
.wwuContImg {width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;}
.wwuContText {border-top:4px solid var(--blueColor);}

@media (max-width:450px) {
.wwuTab {font-size:.8rem;}
}

@media (min-width:992px) {
.wwuContSwiper {margin-top:-130px;}
.wwuTab {text-align:left;}
.wwuIcon {width:4.5rem;margin:unset;}
.wwuContImgBX {width:100%;padding-bottom:100%;}
}
@media (min-width:1200px) {
.wwuContSwiper {margin-top:-180px;}
}

.verticalList {width:340px;}
.verticalList .vertBox:nth-child(odd) .vertItem {margin-top:-10px;}
.verticalList .vertBox:nth-child(even) .vertItem {margin-top:10px;}

.vertItem {width:150px;height:150px;background:#f6f6f6;position:relative;overflow:hidden;color:#000;transition:all .4s ease;border:1px solid #eee;top:0;}
.vertImg {width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:cover;object-position:center bottom;opacity:.2;}
.vertCont {width:100%;height:100%;position:relative;}
.vertIcon {width:2.5rem;height:2.5rem;padding:.5rem;background:#fff;}
.vertHead {font-weight:700;font-size:1rem;}
.vertBtn {font-weight:500;}
.vertItem:hover {background:var(--blueColor);color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.25);top:-7px;}

@media (min-width:576px) {
.verticalList {width:500px;}
.vertItem {width:200px;height:200px;}
.vertHead {font-size:1.2rem;}
.vertIcon {width:3rem;height:3rem;padding:.6rem;}
}
@media (min-width:768px) {
.verticalList {width:550px;}
.vertItem {width:250px;height:250px;}
.verticalList .vertBox:nth-child(odd) .vertItem {margin-top:-20px;}
.verticalList .vertBox:nth-child(even) .vertItem {margin-top:20px;}
}
@media (min-width:1200px) {
.verticalList {width:580px;}
}
@media (min-width:1600px) {
.verticalList {width:680px;}
.vertItem {width:300px;height:300px;}
}


.blueBox1{background-color:#0061ae;height:90%;padding:1.5rem;color:#fff;}
.blueBox1:hover {background:#006bc0;}
.blueBox1 ul {margin: 0;}
.blueBox1 ul.dashed {list-style-type: none;}
.blueBox1 ul.dashed > li {text-indent: 0px;}
.blueBox1 ul.dashed > li:before {content: "-";text-indent: -20px;padding-right: 2px;}

.blueBox2{background-color:#006bc0;height:100%;padding:2rem;color:#fff;}
.blueBox2:hover {background:#0272cb;}

.blueBox3{background-color:#0272cb;height:100%;padding:2rem;color:#fff;}
.blueBox3:hover {background:#0277d4;}

.blueBox4{background-color:#0277d4;height:100%;padding:2rem;color:#fff;}
.blueBox4:hover {background:#037dde;}

.statsIcon_1 img {max-width:60px;width:100%;height:auto;opacity:.8;margin-right:0rem; margin-bottom: 25px;}

@media (max-width: 575.98px) { 
.statsleft{margin-left: 70px;}
.heroSwiper .swiper-slide img{max-height:0}
}

@media (min-width: 1032px) {
    .instaSwiper .instaPrev {
        left: -47px !important;
    }
    .instaSwiper .instaNext {
        right: -23px !important;
    }
}

@media screen and (min-width: 1680px) and (max-width: 1920px) {
.msBox.swiper-slide-active h4{font-size:1rem;}
}

@media screen and (min-width: 1920px) and (min-height: 1080px) and (max-width: 1920px) and (max-height: 1080px){
.msBox.swiper-slide-active h4{font-size:1rem;}
}

@media screen and (max-width: 384px) and (max-height: 701px) {
.smbPrice{font-size:1.7rem;}
}

.productPPSwiper .swiper-autoheight, .swiper-autoheight .swiper-slide{height:auto;}
.prodCTAList .swiper-slide{height:200px;}


/* Trubuild page css */

.mainContent h2{color: #000; font-size: 25px;font-weight: 600; line-height: 20px; margin-bottom: 30px;}
.mainContent h6{color: #5E5C5C;font-weight:700 ; font-size: 14px; line-height: 20px; margin-bottom: 20px;}
.mainContent p{color: #5E5C5C; font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 20px;}
.bg-right-img {
background: url('../images/contentImg.jpg') no-repeat center center;
min-height: 500px;
}
.overlayImg {
top: 50%;
left: 150px;
transform: translate(-50%, -50%);
}
.visitSection{background-image: url('../images/visitbgImg.jpg'); background-repeat: no-repeat; background-size: cover; padding: 70px 0; }
.visitContent h2{color: #fff; font-size: 25px; font-weight: 600; line-height: 20px; margin-bottom: 35px;}
.visitBtn{background: #fff; color: #106BB4;font-size: 16px;font-weight: 400; border-radius: 50px; padding: 10px 30px;}
.visitBtn:hover{color: #106BB4;}
.solutionContent h2{color: #000; font-size: 25px;font-weight: 600; line-height: 30px;}
.solutionContent p{color: #5E5C5C;font-weight:400 ; font-size: 14px; line-height: 20px; margin-bottom: 20px;}
.solutionImg {
margin-bottom: 15px;
}
.solutionImg img {
width: 100%;
border-radius: 20px;
}
.solutionBox h5 {
color: #000;
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
.solutionBox p {
color: #5E5C5C;
font-size: 15px;
font-weight: 400;
margin-bottom: 0;
margin-top: auto; /* Pushes paragraph to bottom so all align */
}

@media(max-width:575px){
.visitContent h2{line-height: 30px;}
}

.footVideo {
  display: none;
}


@media (min-width: 576px) and (max-width: 768px) {
.inBannerImg {min-height: 220px;}
}

#VideoGallery .galImgCount {
  pointer-events: none;
}

.director-row{
border: 7px solid #f4f4f4;
}

.director-row:nth-child(odd) .director-right{
background:#f3f3f3;
}

.director-row:nth-child(even) .director-left{
background:#f3f3f3;
}


.director-name{
color:var(--blueColor);
font-size:24px;
font-weight:600;
margin-bottom:5px;
}

.director-designation{
font-size:14px;
color:#000;
margin-bottom:15px;
font-weight: 500;
}

.director-description{
font-size:14px;
line-height:1.7;
color:#646464;
}

.director-table h5{
font-size:16px;
margin-bottom:15px;
font-weight:600;
}

.director-table table{
width:100%;
border-collapse:collapse;
}

.director-table th{
background:var(--blueColor);
color:#fff;
padding:8px;
font-size:13px;
border:1px solid #ccc;
}

.director-table td{
border:1px solid #ccc;
padding:8px;
font-size:13px;
color: #000;
}

.director-table{
overflow-x:auto;
}

/* Mobile */

@media (max-width:767px){


.director-row:nth-child(odd) .director-right{
background:#ffffff;
}

.director-row:nth-child(even) .director-left{
background:#ffffff;
}


.director-left, .director-table {
  padding: 10px!important;
}

.director-right {
  padding: 0;
}

}

.director-left, .director-table {
  padding: 30px;
}

.director-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.achievement-list{
list-style:none;
padding:0;
margin:0;
}

.achievement-list > li{
position:relative;
padding: 8px 8px 8px 45px;
background:#F9F9F7;
font-size:14px;
margin-bottom: 10px;
color: #000;
}

/* Custom Arrow Icon */

.achievement-list > li:before{
content:"";
position:absolute;
left:5px;
top:2px;
width:38px;
height:38px;
background:url("/wp-content/themes/astral-theme/images/solar_arrow-right-broken.png") no-repeat center;
background-size:contain;
}

/* Sub list */

.sub-list{
padding-left:20px;
}

.sub-list li{
list-style:circle;
padding:4px 0;
background:none;
border:none;
}