@charset "utf-8";

/* font-family: "Wix Madefor Text", sans-serif;
font-weight
100: thin
300: light
400: regular
500: medium
600: semibold
700: bold*/

/* @-moz-document url-prefix() {
html{ scrollbar-width: none; }
} */
body { margin: 0; scrollbar-width: none; -ms-overflow-style: none; overflow-y: scroll; }
body::-webkit-scrollbar { width: 0px; background: transparent; }
:root { scroll-behavior: initial; }
*:focus { outline: none; }
body { margin: 0px; padding: 0px; font-family: "Wix Madefor Text", sans-serif; font-weight: 400; font-size: 20px; color: #555555; line-height: 30px; background-color: #fff; }
p { margin-bottom: 20px; }
b, strong { font-weight: 700; }
a,.hm-tapeline-it-icon,.hm-tapeline-it-icon  h5,.hm-tapeline-it-icon svg path{-o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
a { color: #665573; text-decoration: none; outline: none;  }
a:hover { color: #555555; text-decoration: none; }
h1, h2, h3, h4, h5, h6, .th3, .th2 { color: #333333; font-family: "Wix Madefor Text", sans-serif; font-weight: 400; line-height: 1.1; margin: 0px; padding: 0px; letter-spacing: -2px; }
h1, h2, .th2 { font-size: 80px; margin-bottom: 20px; letter-spacing:-2px;}
h3, .th3 { font-size: 50px; margin-bottom: 20px; }
h4 { font-size: 30px; margin-bottom: 20px; letter-spacing: -1px; line-height: 1.3}
h5 { font-size: 24px; margin-bottom: 10px; }
h6 { font-size: 16px; margin-bottom: 10px; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .th3 strong, .th2 strong { font-weight: 700; }
.text-red { color: #e1000b; }
.rightminus { margin-right: -196px; }
.text-red strong { color: #e1000b; }
/* common css end */

/*form start*/
input[type="submit"], input[type="button"], button[type="submit"], button[type="button"] { outline: none; }
label { display: inline-block; max-width: 100%; }
textarea { resize: none; height: 110px; border-radius: 20px; }
.form-control { font-family: "Wix Madefor Text", sans-serif; display: block; width: 100%; height: auto; padding: 14px 25px; font-size: 16px; line-height: 1; color: #555555; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; background-color: #fff; border-radius: 7px; }
.form-control:focus, .input-text:focus { border-color: #e1000b; background-color: transparent; outline: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.form-control::-webkit-input-placeholder { color: #555555; font-weight: 400; }
.form-control::-moz-placeholder { color: #555555; opacity: 1; font-weight: 400; }
.form-control::-ms-input-placeholder { color: #555555; font-weight: 400; }
textarea.form-control, textarea { height: 150px; }
select.form-control, select { background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: right center; background-size: 14px; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { appearance: none; -moz-appearance: textfield; -webkit-appearance: none; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; background-image: none; background: transparent; }
input[type="radio"], input[type="checkbox"] { cursor: pointer; }
img { max-width: 100%; height: auto; }
.form-group { margin-bottom: 50px; }
.form-check-input[type="checkbox"] { border-radius: 0px; }
.form-check-input { margin-top: 8px; border-radius: 0px; border-color: #000; }
.form-check-input:focus { border-color: #000; box-shadow: none; }
.form-check-input:checked:focus { border-color: #0d6efd; }
.img-scale { overflow: hidden; }
.img-scale img { transition: all 0.3s ease; transform: scale(1); }
.img-scale:hover img { transition: all 0.3s ease; transform: scale(1.1); }

/*form end*/

/*bullet start*/
ul, ol { margin: 0; padding: 0; list-style: none; }
.bullet-list ul > li { position: relative; padding-left: 20px; }
.bullet-list ul > li::before {content: "";background-color:#e1000b; height: 7px; width: 7px;left: 0px; position: absolute; top: 12px; background-size: 100%; }

/*bullet end*/

/*button start*/
ins { text-decoration: none; }
button:focus { outline: none; }
.btn-theme { background-color: #e1000b; color: #fff; border: 1px solid #e1000b; display: inline-flex; align-items: center; font-size: 18px; font-weight: 600; outline: 0px; padding: 15px 20px; position: relative; border-radius: 7px; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: 1; line-height: 1; }
.btn-theme:hover { color: #fff; background-color: #626061; border: 1px solid #626061; padding: 15px 30px; }
.btn-theme:after { background: url(../images/btn-arrow-white.svg) no-repeat center; margin-left: 15px; display: inline-block; vertical-align: mi; width: 16px; height: 16px; content: ""; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.btn-border-hover { background-color: #e1000b; color: #fff; display: inline-flex; align-items: center; font-size: 18px; font-weight: 600; outline: 0px; padding: 15px 20px; position: relative; border-radius: 7px; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: 1; line-height: 1; }
.btn-border-hover:hover { color: #e1000b; background-color: #fff; padding: 15px 30px; }
.btn-border-hover:after { background: url(../images/btn-arrow-white.svg) no-repeat center; margin-left: 15px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; content: ""; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.btn-border-hover:hover:after { background: url(../images/btn-arrow-red.svg) no-repeat center; }
.btn-theme-submit { position: relative; display: inline-block; }
.btn-theme-submit input[type="submit"] { background-image: url(../images/btn-arrow-white.svg); background-repeat: no-repeat; background-color: #e1000b; background-position: right 16px center; color: #fff; border: 1px solid transparent; display: inline-block; font-size: 18px; font-weight: 600; outline: 0px; padding: 15px 45px 15px 20px; position: relative; text-transform: capitalize; border-radius: 7px; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: 0; line-height: 1; }
.btn-theme-submit input[type="submit"]:hover { color: #fff; background-color: #626061; padding: 15px 50px 15px 30px; }
.footerfrmrow .btn-theme-submit input[type="submit"]:hover { color: #e1000b; background-color: #fff; background-image: url(../images/btn-arrow-red.svg); }
.btn-outline { background-color: transparent; color: #333333; border: 1px solid #e1000b; display: inline-flex;font-size: 18px; font-weight: 600; outline: 0px; padding: 15px 20px; position: relative; border-radius: 7px; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: 1; line-height: 1; }
.btn-outline:hover, .btn-outline.active { color: #fff; background-color: #e1000b;}


/* typography css */
.title-130, .title-130 h1, .title-130 h2 { font-size: 130px; line-height: 1; letter-spacing: -3px; }
.title-70, .title-70 h1, .title-70 h2{ font-size: 70px; line-height: 1.1; }
.title-40, .title-40 h3, .title-40 h4, .title-40 h5 { font-size: 40px; line-height: 1.3; }
.title-50 { font-size: 50px; line-height: 1.3; }
.text-30 { font-size: 30px; line-height: 1.3; }
.fw-black, .fw-black h1, .fw-black h2 { font-weight: 900; }

/* section margin Top */
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }
.mt-50 { margin-top: 50px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-150 { margin-top: 150px; }

/* Section margin bottom */
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-50 { margin-bottom: 50px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-150 { margin-bottom: 150px; }
.mb-180 { margin-bottom: 180px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 { margin-bottom: 250px; }
.mb-270 { margin-bottom: 270px; }
.mb-300 { margin-bottom: 300px; }
.mb-400 { margin-bottom: 400px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }
.pb-50 { padding-bottom: 50px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-120 { padding-bottom: 120px; }
.pb-150 { padding-bottom: 150px; }
.pb-180 { padding-bottom: 180px; }
.pb-200 { padding-bottom: 200px; }
.pb-250 { padding-bottom: 250px; }
.ptb-250 { padding-top: 250px; padding-bottom: 250px; }
section.d-inline-block { vertical-align: top; }
.bg-gray-dark { background-color: #626061; color: #fff; }
.bg-gray-dark h1, .bg-gray-dark h2, .bg-gray-dark h3, .bg-gray-dark h4, .bg-gray-dark h5 { color: #fff; }
.bg-red { background-color: #e1000b; color: #fff; }
.bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5 { color: #fff; }
.border-radius-15 { border-radius: 15px; }

/* header css start */
.mainheader { position: fixed; top: 0px; width: 100%; z-index: 10; transition: all 0.5s ease; padding: 30px 0px; background-color: #fff; }
.mainheader.sticky { padding: 10px 0px; }
.logo a { display: block; }
.logo a img { transition: all 0.5s ease; width: 135px; }
.mainheader.sticky .logo a img { width: 100px; }
a.menuMobie { display: inline-flex; flex-wrap: wrap; width: 30px; margin-left: 20px; justify-content: flex-end; }
.icnline { background-color: #e1000b; transition: all 0.2s ease; width: 30px; height: 2px; margin-bottom: 6px; line-height: 1; }
a.menuMobie .icnline:last-child { margin: 0px; width: 20px; }
a.menuMobie:hover .icnline { width: 26px; }
a.menuMobie:hover .icnline:first-child { width: 20px; }
a.menuMobie:hover .icnline:last-child { width: 100%; }
.menuoffcanvas { overflow: auto; padding: 200px 0px 0px; border-radius: 0px; z-index: 50; position: fixed; height: 100vh; width: 100%; background: #626061; right: -100%; top: 0px; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.menuoffcanvas.slide { right: 0px; }
.menuitem > ul { margin: 0px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.menuitem > ul > li { width: 100%; position: relative; list-style: none; margin-bottom: 50px; transform: translate3d(1, 1, 1, 5deg); }
.menuitem > ul > li a { font-size: 36px; color: #a7a7a7; display: inline-block; text-transform: uppercase; vertical-align: middle; font-weight: 400; }
.menuitem > ul > li a:hover, .menuitem > ul > li.current-menu-item > a { color: #fff; }
.menuitem > ul > li > ul { display: none; margin-top: 30px; }
.menuitem > ul > li > ul > li a { color: #a7a7a7; font-size: 24px; text-transform: uppercase; }
.menuitem > ul > li > ul > li a:hover { color: #fff; }
.menuitem > ul > li > ul > li { margin-bottom: 10px; }
.menuitem > ul > li > ul > li:last-child { margin-bottom: 0px; }
.menuarrow { display: inline-block; vertical-align: top; }
.menuarrow::before { background-image: url(../images/chevron-down.svg); background-repeat: no-repeat; display: inline-block; vertical-align: top; content: ""; width: 14px; height: 9px; transition: all 0.3s ease-in-out; background-size: 14px; }
.menuobject { left: 0px; bottom: 0px; position: absolute; width: 350px; }
.menuoffcanvas .closebtn { width: 40px; height: 40px; padding: 10px; border-radius: 100%; right: 40px; top: 40px; }
.menuoffcanvas .closebtn::before { height: 18px; background-color: #fff; }
.menuoffcanvas .closebtn::after { width: 18px; background-color: #fff; }
.closebtn { z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0px; transform: rotate(45deg); display: inline-flex; align-items: center; justify-content: center; }
.closebtn::after, .closebtn::before { background-color: #333333; width: 100%; height: 2px; content: ""; }
.closebtn::before { height: 100%; width: 2px; position: absolute; }
.sub-menu-arrow { text-align: center; overflow: hidden; display: inline-block; vertical-align: middle; line-height: 1; cursor: pointer; margin-left: 20px; }
.navarrow { display: inline-block; vertical-align: top; position: relative; width: 18px; height: 15px; }
.navarrow::before { content: ""; width: 18px; height: 15px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/chevron-down-black.svg) no-repeat; background-position: left center; left: 0px; background-size: 100%; }
.navarup::before { transform: rotate(180deg); }
.socialcontantinfo { margin-bottom: 50px; }
.menucontact h5 { color: #fff; letter-spacing: -0.7px; }
.menucontact { margin-bottom: 100px; color: #a7a7a7; }
.menucontact span { margin-bottom: 10px; }
.menucontact a { color: #a7a7a7; display: block; }
.menucontact a:hover { color: #fff; }
.socialcontantinfo .socialfooter ul li a:hover svg { fill: #ffffff; }
.socialcontantinfo .socialfooter { margin-bottom: 0px; }
.rightbtn { line-height: 1; display: inline-flex; align-items: flex-start; }
/* header css end */

/* Homepage css start */
.brandleftobject { position: absolute; left: 0px; }
.brandrightobject { position: absolute; right: 0px; }
.brandobjectcetner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.brandleftbottom { position: absolute; left: 0px; bottom: 0px; }
.fliptrans { transform: rotateY(-180deg); }
.topherosecrow h1 { letter-spacing: -5px; }

/* .videoimgmask{clip-path: polygon(0 100%, 100% 0%, 100% 100%, 0% 100%);overflow: hidden;display: inline-block;vertical-align: top;} */
.videoimgmask video { object-fit: cover; display: inline-block; vertical-align: top; }
.graytextrow { margin-bottom: 270px; }
.infrahomerow { color: #bbb; padding-bottom: 250px; }
.stickyimgfill { position: sticky; top: 0px; height: 100vh; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.fullwidhcanvas { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 65vw; height: 46vw; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.canvasimgvid { display: inline-block; vertical-align: middle; width: 100vw; height: 100vh; max-width: none; min-height: 100vh; min-width: 100vw; -o-object-fit: cover; object-fit: cover; }
.imgcontaintofull .h-spacer { height: 70vh; }
.threadstext { margin-bottom: 50px; }
.circleclipath { clip-path: circle(7% at 50% 50%); position: sticky; top: 0px; height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; }
.textanimation1, .textanimation2 { opacity: 0; transform: translate(-50%, -50%) scale(0.5); transition: none; position: absolute; left: 50%; top: 50%; width: 100%; }
.h-100vh { height: 100vh; }

/* .circleobject{width: 100%;height: 100vh;background-color: #c41414;} */
.clipathredbg{clip-path: circle(5% at 50% 33%);top: 100px;width: 100%;overflow: hidden; position: sticky; display: flex;align-items: center;justify-content: center;flex-direction: column;}
.clipredsection .h-100vh{height: 70vh;}
.circleobject {transform: scale(0.95);}


/* footer css start */
.footermain { padding: 150px 0px;overflow: hidden;vertical-align: top; }
.footermain .rightbottom{right: -2px;bottom: -2px;}
.footermain a { color: #fff; }
.footermain a:hover { color: #ffffff; }
.socialfooter ul { display: flex; }
.socialfooter ul li { margin-right: 25px; }
.footermain address, .footermain a, .copyright { color: #a7a7a7; }
.footerlink ul li + li { margin-left: 40px; }
.footerlink ul { display: flex; }
.footermenu { padding-bottom: 50px; border-bottom: 1px solid #a7a7a7; }
.footermenu .row { align-items: center; }
.socialfooter ul li a svg { fill: #a7a7a7; transition: all 0.3s ease; }
.socialfooter ul li a:hover svg { fill: #ffffff; transition: all 0.3s ease; }
.footerbottom { margin-top: 30px; display: flex; justify-content: space-between; z-index: 1;position: relative;}
.footermain span.wpcf7-not-valid-tip { color: #fff; }
.footerfrmrow .form-control { color: #bebebe; border: 1px solid transparent; background-color: #797879; }
.footerfrmrow .form-control:focus { color: #fff; border-color: #a7a7a7; background-color: transparent; }
.footerfrmrow .form-control::-webkit-input-placeholder { color: #bebebe; font-weight: 400; }
.footerfrmrow .form-control::-moz-placeholder { color: #bebebe; opacity: 1; font-weight: 400; }
.footerfrmrow .form-control::-ms-input-placeholder { color: #bebebe; font-weight: 400; }

/* 404 & thankyou page css start */
.sectionrowpage { padding-top: 250px; }
.toppageoffset { margin-top: 150px; }
.bannertopoffset { margin-top: 110px; }

/*310525 start*/
.changeText span { display: none; }
.changeText span.active { display: inline-block; }
.pmb0 > p:last-of-type { margin-bottom: 0px; }
.leftradius { overflow: hidden; border-radius: 15px 0px 0px 15px; }
.hmpr-bottomchangetext > span { padding-right: 10px; }
.hmpr-bottomchangetext .th3 { margin-bottom: 0px; }
.rightbottom { right: 0px; bottom: 0px; position: absolute; }
.br15 { border-radius: 15px; overflow: hidden; }
.btn-line { position: relative; display: inline-block; padding-bottom: 8px; color: #e1000b; font-size: 18px; font-weight: 600; line-height: 1; }
.btn-line:after, .btn-line:before { position: absolute; left: 0; bottom: 0px; height: 1px; width: 100%; content: ""; transform-origin: left center; transition: transform 0.4s ease, opacity 0.4s ease; }
.btn-line:after { background: #e1000b; }
.btn-line:before { background: #626061; transform: scaleX(0); z-index: 1; }
.btn-line:hover:before { transform: scaleX(1); }
.btn-line:hover { color: #626061; }
.datecol a { color: #333333; font-weight: 700; }
.datecol a:hover { color: #e1000b; }
.hm-innovation-content { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; padding-top: 150px; }
.hm-innovation-wrap { padding: 0px 100px; height: 230vh; }
.hm-innovation-img { position: sticky; top: 60px; }
.innovationsticky { border-radius: 15px; overflow: hidden; }
.innovationsticky .brandleftbottom { left: -5px; bottom: -5px; }
.hm-innovation-img img { width: 100%; object-fit: cover; }
.innovatetilesticky { position: sticky; top: 200px; margin-bottom: 180px; }
.innovatetilesticky h4 { color: #ffffff;line-height:1.2 }
.hm-innovation-content { color: #fff; }
.rightinnovatecol { margin-bottom: 150px; }
.rightinnovatecol a{margin-top: 10px}
.innovatebgcol { padding: 50px; border-radius: 15px; display: flex; justify-content: space-between; }
.innovatebgcol i { flex-shrink: 0; margin-right: 50px; }
.inotitleriht{flex-grow: 1;}
.inotitleriht span { margin-bottom: 20px; display: block; }
.inotitleriht h5 { letter-spacing: -0.5px; margin-bottom: 0px; line-height: 1.3;}
.hmpr-img .rightbottom { right: -5px; bottom: -5px; }
.hm-generations .rightbottom { width: 250px; }
/*310525 end*/

/* about page css start */
.z-index-1 { z-index: 1; }
.pagetopbanner { overflow: hidden; }
.bannerimgrow { position: relative; }
.bannerimgrow::before { content: ""; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1; }
.bannercaption { position: absolute; bottom: 0px; padding-bottom: 150px; width: 100%; z-index: 1; }
.bannercaption h1 { color: #fff; }
.pagetopbanner .rightbottom { right: -3px; bottom: -3px; }
.imgslider .slick-list { border-radius: 15px; }
.imgslider .brandleftbottom { left: -5px; bottom: -5px; }
.imgflag { position: relative; }
.imgflag::after { content: ""; width: 80px; height: 50px; background: url(../images/austrian-flag-vector.png) center; margin-left: 10px; display: inline-block; vertical-align: middle; }
.textwidth { width: 70%; margin-bottom: 50px; }
.leftpad-100 { padding-left: 100px; }
.paraimgrow { overflow: hidden; }
.paraimgrow.bannerimgrow::before { background-color: rgba(0, 0, 0, 0.6); z-index: 1; }
.fullscrcaption { position: absolute; top: 50%; width: 100%; left: 0px; transform: translateY(-50%); z-index: 2; }
.fullimgcontentrow { overflow: hidden; }
.fullimgcontentrow .brandleftbottom { left: -5px; bottom: -5px; }
.tab-nav-custom li:first-child { padding-top: 0px; }
.tab-nav-custom li:first-child .contentshow { display: block; }
.tab-nav-custom li { position: relative; transition: all 0.3s ease; margin-bottom: 100px; list-style: none; color: #fff; opacity: 0.25; }
.tab-nav-custom li.active { opacity: 1; }
.rightabcontent p strong { color: #fff; }
.rightabcontent { color: #bbbbbb; position: relative; }
.vismisimg { margin-bottom: 50px; }
.rightabcontent .tab-img:first-child { position: relative; }
.tab-img { position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.3s ease; }
.tab-img.active { opacity: 1; }
.roundmisvission { position: sticky; top: 0px; padding: 150px 0px; clip-path: circle(7% at 50% 50%); }
.vismissionrow .h-100vh { height: 70vh; }
.teamimg { margin-bottom: 20px; }
.squerbtn { background-color: #e1000b; border: 1px solid #e1000b; width: 42px; height: 42px; position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; transition: all 0.3s ease; }
.squerbtn::before { content: ""; position: absolute; background-image: url(../images/btn-arrow-white.svg); background-repeat: no-repeat; width: 16px; height: 14px; }
.squerbtn:hover { background-color: transparent; }
.squerbtn:hover::before { background-image: url(../images/btn-arrow-red.svg); }
.teamimg .squerbtn { position: absolute; top: 30px; right: 30px; opacity: 0; }
.teamcol a:hover .squerbtn { opacity: 1; }
.offcanvas.offcanvas-end { width: 850px; }
.offcanvas-body { padding: 100px; flex-grow: inherit; }
.teamnamedesi { margin-bottom: 20px; }
.teamnamedesi h3 { margin-bottom: 0px; }

/* Product page css start */
.prodpagebanner .bannercaption { padding-bottom: 100px; }
.prodpagebanner img { object-fit: cover; height: 100%; width: 100%; }
.productimg { text-align: center; }
.galleryitems .row { margin-bottom: 100px; align-items: center; }
.galleryitems .row:last-child { margin-bottom: 0px; }
.galleryitems .row:nth-child(odd) { align-items: flex-end; }
.galleryitems .row:nth-child(odd) [class*="col-"]:last-child { margin-bottom: 150px; }
.servimgcol .leftimgboxcol:first-child { position: relative; }
.leftimgboxcol { position: absolute; top: 0px; left: 0px; transition: all 0.3s ease; opacity: 0; }
.leftimgboxcol.active, .textitemcol.active { opacity: 1; }
.textitemcol { padding: 70px 0px; border-bottom: 1px solid #ddd; opacity: 0.3; transition: all 0.3s ease; }
.textitemcol span { margin-bottom: 10px; display: block; color: #e1000b; }
.textitemcol .title-40 { line-height: 1.5; }
.textrightItem { margin-top: 100px; }
.leftstickycol { position: sticky; top: 150px; }
.servimgcol { overflow: hidden; }
.servimgcol .rightbottom { bottom: -1px; right: -1px; }
.tablecol { margin-bottom: 50px; }
.table { background-color: transparent; margin-bottom: 50px; border-spacing: 0; border-collapse: separate; border-radius: 15px; }
.table-bordered >:not(caption) > * > * { border-color: #ddd; background-color: transparent; border-width: 1px; color: #555555; }
.table tr th, .table tr td { padding: 10px 20px; }
.table > thead > tr { background-color: #e1000b; }
.table > thead > tr > th { color: #fff; border-top-color: #e1000b; border-left-color: #e1000b; }
.table > thead > tr > th:last-child { border-right-color: #e1000b; }
.table > tbody > tr:nth-of-type(even) { background-color: #f5f5f5; }
.table > thead > tr > th:first-child { border-radius: 15px 0px 0px 0px; }
.table > thead > tr > th:last-child { border-radius: 0px 15px 0px 0px; }
.table > tbody > tr:last-child > td:first-child { border-radius: 0px 0px 0px 15px; }
.table > tbody > tr:last-child > td:last-child { border-radius: 0px 0px 15px 0px; }
.table > tbody > tr > td { border-bottom: 0px; font-weight: 500; }
.table > tbody > tr > td:first-child { font-weight: 700; }
.table > tbody > tr > td:last-child { border-left: 0px; }
.table > tbody > tr:last-child > td { border-bottom: 1px solid #ddd; }
.stickyhrwrapper { will-change: transform; position: sticky; top: 15vh; display: flex; overflow: hidden; flex-direction: column; align-items: start; }
.stickymainwrapper { width: 100%; display: inline-flex; position: relative; flex-wrap: wrap; }
.horizontawrapper { display: flex; flex-direction: row; padding-right: 192px; margin-bottom: 100px; padding-left: 190px; }
.horizontalcontent { padding: 0px 12px; position: relative; }
.horizontawrapper .slick-dots { text-align: left; padding: 0px 45px; left: 0px; text-align: center; }
/* .horizontawrapper .slick-dots li button:before { background-color: #fff; } */
.iconitemcol { width: 380px; padding: 30px 25px; min-height: 100%;background-color:#f5f5f5; }
.iconitemcol h5 { letter-spacing: -0.7px; line-height: 1.3; margin-bottom: 0px; }
.iconitemcol i { margin-bottom: 30px; display: block; }
.stickytitle { margin-bottom: 50px; }
.h-spacer { height: 130vh; }
.gray-text { color: #bbbbbb; }
.appitems { position: relative; overflow: hidden; }
.applislider { margin: 0px -12px; }
.applislider .slick-slide { padding: 0px 12px; }
.appcaption { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 85px 30px 50px; opacity: 0.75; display: flex; align-items: start; background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%); min-height: 200px; }
.appcaption h4 { color: #fff; margin-bottom: 0px; }
.nav-pills .nav-link { border-radius: 0px; }
.nav-link { display: flex; align-items: center; font-size: 40px; padding: 40px 0px; border-bottom: 1px solid #ddd; color: #555555; line-height: 1.1; justify-content: flex-start; text-align: left; }
/*.nav-pills .nav-link:last-child { border-bottom: 0px; }*/
.nav-link span { font-size: 20px; margin-right: 20px; }
.nav-link strong { font-weight: 400; }
.nav-link:focus, .nav-link:hover { color: #e1000b; border-color: #e1000b; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: transparent; color: #e1000b; border-color: #e1000b; }
.mobileimg { display: none; }
.applicationrow .row h4{font-size: 40px;color: #555555;}

/* Blog & Blog Detail page css start*/
.blogrightcol { margin-top: 100px; }
.trandingslider .slick-arrow { margin-top: -100px; }
.trandingslider .slick-slide { padding: 0px 12px; }
.catagoryrow a{margin: 0px 10px 20px;}
.paginav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.paginav a, .paginav span { text-decoration: none; margin: 0px; border-radius: 7px; margin-right: 10px; text-align: center;width: 40px; height: 40px; line-height: 40px;}
.paginav span.arrow-previous, .paginav span.arrow-next { position: relative; display: inline-block; margin-right: 0px; }
.paginav a { border: 1px solid #DDDDDD }
.paginav span.current, .paginav a:hover { border-color: #e1000b; background-color: #e1000b; color: #fff; }
.arrow-previous::before, .arrow-next::before { height: 14px; width: 16px; content: ""; transition: all 0.3s ease; display: inline-block; }
.arrow-previous::before { background: url(../images/slider-arrow-left.svg) center center no-repeat; }
.arrow-next::before { background: url(../images/slider-arrow-right.svg) center center no-repeat; }
.paginav a:hover .arrow-next::before { background: url(../images/slider-arrow-right-white.svg) center center no-repeat;}
.paginav a:hover .arrow-previous::before { background: url(../images/slider-arrow-left-white.svg) center center no-repeat;}
.loadmorebtn{text-align: center;}
.blogdetailcontent h2, .blogdetailcontent h3, .blogdetailcontent h4 { padding-top: 5px;font-weight: 800; }
.blogdetailcontent h2 { font-size: 50px; }
.blogdetailcontent h3 { font-size: 30px; line-height: 1.2; }
.blogdetailcontent h4 { font-size: 24px; }
.blogdetailcontent ul { margin-bottom: 20px; }
.blogdetailcontent ul li, .blogdetailcontent ol li { margin-bottom: 5px; }
.blogdetailcontent ol > li:last-child { margin-bottom: 0px; }
.blogdetailcontent ol { margin-bottom: 20px; counter-reset: item; display: inline-block; width: 100%; }
.blogdetailcontent ol li { margin-bottom: 10px; }
.blogdetailcontent ol ol, .blogdetailcontent ol li ul { padding-left: 20px; margin: 10px 0px 5px; }
.blogdetailcontent ol li::before { content: counters(item, ".") ". "; counter-increment: item; }
.blogdetailcontent ol li ul li::before { content: ""; }
.blognavibtn {margin-top: 10px; justify-content: space-between; display: flex; }
.lastmbnone :last-child { margin-bottom: 0px; }
/* Blog & Blog Detail page css end*/

/* contact page and careers page */
.contactinfo{width: 50%;padding-right: 10px;}
.contactinfo h5{letter-spacing: -0.5px;color: #000;}
.contactinfo i{margin-right: 25px;flex-shrink: 0;}
.contactinfo a:hover {color: #e1000b;}
.careersiconbg { position: sticky; top: 0px; clip-path: circle(7% at 50% 50%);overflow: hidden; }
.careersiconbg .brandleftbottom{left: -3px;bottom: -3px;z-index: -1;}
.iconslide{padding:40px 30px;text-align: center;background: #f5f5f5;}
.iconslide h5{letter-spacing: -0.5px;color: #333;margin-bottom: 0px;}
.iconslide i{margin-bottom: 30px;display: block;}
.iconslider .slick-slide{padding: 0px 12px;}
.iconslider {margin: 0px -12px;}
.careersbenefitsrow .h-100vh{height: 70vh;}
.accordion-item{background-color: transparent;border: none;border-radius: 0px !important;color: #555555;margin-bottom: 20px;}
.accordion-button{padding: 20px 30px;border-radius: 15px; font-size: 30px;font-weight: 700;border:1px solid #ddd; color: #333333;
  line-height: 1;background-color: transparent;transition: all 0.3s ease;justify-content: space-between;letter-spacing: -0.5px;}
.accordion-button:not(.collapsed){background-color: #E1000B;border-color:#E1000B; box-shadow: none;color: #fff;border-radius: 15px 15px 0px 0px;}
.accordion-button:focus{box-shadow: none;}
.accordion-body{padding: 30px;border: 1px solid #ddd;border-top: 0px;border-radius: 0px 0px 15px 15px ;}
.accordion-body ul{margin-bottom: 20px;}
.accordion-body ul li{margin-bottom: 5px;}
.accordion-button::after{background-image: url(../images/plus-black.svg);width: 16px;height: 16px;background-position: center; background-size: 16px;margin-left: 20px;}
.accordion-button:not(.collapsed)::after{background-image: url(../images/minus-black.svg);}
.accordion-body h4, .accordion-body h5, .accordion-body h6{font-size: 20px;margin-bottom: 20px;font-weight: 800;letter-spacing: -0.5px;}
.careersidebar{transition: all 0.5s linear; width: 50%;position: fixed;top: 0px;right: -100%;height: 100%;padding:100px;background-color: #fff;z-index: 100;overflow: auto;}
.careersidebar.slide{right: 0%;}
.OverlayCareers{z-index: 100;position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.6);display: none;}
.uploadBox input[type="file"] {display: none;}
.uploadBox label { width: 100%;border-radius: 7px;background-color: #fff; display: flex;justify-content: space-between;padding: 14px 25px;border: 1px solid #ddd;white-space: nowrap;cursor: pointer;font-size: 16px;line-height: 20px;}
.uploadBox label span{font-size:16px;font-weight: 600;}
.uploadBox label span.filename{color: #555555;font-size: 16px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-transform: none;width: 70%;letter-spacing: 0px;font-weight: 400;}
.uploadBox label.selected span.filename{color: #333;}
.leftimgrigtcontent h4{font-size: 40px;color: #555555;line-height: 1.4;}

.tabcontentrow{align-items: flex-start;}

.modal-body { padding: 70px; }
.modal-dialog { max-width: 616px; }
.modal-content { box-shadow: none; border-radius: 15px; border: none; }
.modal-content h3 { margin-bottom: 30px; }
.wpcf7-spinner { position: absolute; margin-top: 15px; }
.wpcf7 form.sent .wpcf7-response-output { line-height: 24px; background: #dff0d8; border: 1px solid #c3e6cb; margin: 20px 0 0; padding: 7px 12px; color: #155724; position: relative; z-index: 1; border-radius: 5px; font-size: 16px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { line-height: 24px; background: #f8d7da; border: 1px solid #f5c6cb; margin: 20px 0 0; padding: 7px 15px; color: #721c24; position: relative; z-index: 1; border-radius: 5px; font-size: 16px; }
span.wpcf7-not-valid-tip { color: #ed1c24; position: relative; text-align: left; font-size: 14px; }
.vc_row { margin: 0px !important; }
.vc_column_container > .vc_column-inner { padding: 0px !important; }
.line { display: block; overflow: hidden; line-height: 1.2; }
@-webkit-keyframes menuFade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes menuFade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


@media only screen and (min-width:767px){
  .stickycolumn{position: sticky;top: 100px}
}




/* Animation css  */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
  0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
  0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes slideInLeft {
  from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInLeft {
  from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
  from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInRight {
  from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
@keyframes zoomOut {
  from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; }
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
@-webkit-keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); }
  50% { opacity: 1; }
}
@keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); }
  50% { opacity: 1; }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }


/*homepage-re-desing-111125-start*/
.imgclippath { overflow: hidden; clip-path: polygon(50% 0%, 50% 0, 50% 100%, 50% 100%); }
.hm-tapeline-tci-img { padding: 0px 50px }
.hm-tapeline-it-icon { background-color: #F5F5F5; padding: 30px; }
.hm-tapeline-it-icon:hover { background-color: #E1000B; }
.hm-tapeline-it-icon h5 { letter-spacing: -1px; }
.hm-tapeline-it-icon:hover h5 { color: #fff; }
.hm-tapeline-it-icon:hover svg path { stroke: #ffffff; }
.hm-vertical-image .hm-vertical-image-wrap { display: flex; flex-wrap: wrap; padding: 0px 100px; }
.hm-vertical-image .hm-vertical-image-box { width: 33.33%; display: flex; flex-wrap: wrap; }
.hm-vertical-image .img-box { width: 100%; padding: 12px; }
.hm-vertical-image .img-box img { width: 100%; }
.hm-vertical-image .hm-vertical-image-wrap { height: 100vh; overflow: hidden; }

.track { display: flex; flex-direction: column; animation: scrollUp 22s linear infinite; will-change: transform; }

.hm-vertical-image-box.reverse .track { animation-name: scrollDown; }


.hm-vertical-image-box:hover .track { animation-play-state: paused; }
@keyframes scrollUp {
	from { transform: translateY(0); }
	to { transform: translateY(-50%); }
}
@keyframes scrollDown {
	from { transform: translateY(-50%); }
	to { transform: translateY(0); }
}
.hm-tapeline-it-icon {
    min-height: 100%;
}
.hm-tapeline-it  .slick-slide {
    margin: 0px 12px;
}

.hm-tapeline-it  .slick-list.draggable {
    margin: 0px -12px;
}
/*homepage-re-desing-111125-end*/