@charset "utf-8";
/*  font-family: "Wix Madefor Text", sans-serif;
font-weight
100 : thin
200: Extra light
300: light
400: regular
500: medium
600: semibold
700: bold
800 : Extra bold
900 : Black */

:root { scroll-behavior: initial;}
*:focus { outline: none;}
figure{margin-bottom: 0px;}
body { margin: 0px; padding: 0px;  font-family: "Wix Madefor Text", sans-serif;  font-weight: 400; font-size: 20px; color: #333333;
line-height: 26px;background-color: #EDE9E3;}
p { margin-bottom: 20px; }
b, strong { font-weight: 700; }
a { color: #f26623; text-decoration: none; outline: none; -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;cursor: pointer; }
a:hover { color: #000; text-decoration: none; }
h1,h2,h3,h4,h5,h6 {color: #000;  font-family: "Wix Madefor Text", sans-serif;  font-weight: 600; line-height: 1.1; margin: 0px; padding: 0px; }
h1, h2 { font-size:70px; margin-bottom: 20px;letter-spacing: -3.5px;}
h3 { font-size: 50px; margin-bottom: 20px;letter-spacing: -2.5px;}
h4 { font-size: 30px; margin-bottom: 15px; letter-spacing: -1.5px;line-height: 1.2;}
h5 { font-size: 24px; margin-bottom: 10px; }
h6 { font-size: 24px; margin-bottom: 10px; }
/* 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: 17px 25px; font-size: 18px; line-height: 1;
  color: #333333;border:1px solid #C2BBB1; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border-radius: 0px;font-weight: 400; }
.form-control:focus,
.input-text:focus { color: #333; border-color: #F26623; 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: #777777;font-weight: 400; }
.form-control::-moz-placeholder { color: #777777; opacity: 1;font-weight: 400; }
.form-control::-ms-input-placeholder { color: #777777;font-weight: 400; }
.form-control:focus::-webkit-input-placeholder { color: #333333;font-weight: 400; }
.form-control:focus::-moz-placeholder { color: #333333; opacity: 1;font-weight: 400; }
.form-control:focus::-ms-input-placeholder { color: #333333;font-weight: 400; }
textarea.form-control, textarea{height: 100px;}
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: 20px;z-index: 1;}
.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;vertical-align: top;}
.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: 25px; }
.bullet-list ul li::before {content: '';height: 10px;width: 14px; left: 0px; position: absolute; top: 10px; background-image: url(../images/bullet-arrow.svg);background-position: left;background-repeat: no-repeat;}

/*bullet end*/
/*button start*/
ins{text-decoration: none;}
button:focus { outline: none; }
.btn-theme{ background-color: #f26623;color: #fff;border:none;display: inline-flex;align-items: center; font-size: 16px;font-weight: 500;text-transform: uppercase; outline: 0px;position: relative;text-transform: uppercase; -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; line-height: 1;padding: 17px 25px;letter-spacing: 1.5px; }
.btn-theme:hover{color: #fff;background-color: #826D5B;border-color: #fff;}
.btn-theme::after{content: '';background-image:url(../images/btn-arrow-white.svg);background-repeat: no-repeat; width: 12px;height: 12px;margin-left: 10px;}
.btn-theme-submit{background-color: #f26623;color: #fff;border:none;display: inline-flex;align-items: center; font-size: 16px;font-weight: 500;text-transform: uppercase; outline: 0px;position: relative;text-transform: uppercase; -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; line-height: 1;padding: 17px 40px 17px 25px;letter-spacing: 1.5px;background-image:url(../images/btn-arrow-white.svg);background-repeat: no-repeat;background-position: right 20px center; }
.btn-theme-submit:hover{color: #fff;background-color: #826D5B;border-color: #fff;}



/* typography css */
.text-400{font-size: 400px;line-height: 1;letter-spacing: -20px;}
.text-300{font-size: 300px;line-height: 1;letter-spacing: -15px;}
.text-130, .text-130 h1, .text-130 h2, .text-130 h3{font-size: 130px;line-height: 1;}
.text-100, .text-100 h1, .text-100 h2, .text-100 h3{font-size: 100px;line-height: 1;}
.text-70, .text-70 h3, .text-70 h4{font-size: 70px;line-height: 1.2;}
.text-48,.text-48 h2, .text-48 h3, .text-48 h4{font-size: 48px;}
.text-40, .text-40 h2{font-size: 40px;line-height: 1.2;}
.text-30, .text-30 h2, .text-30 h1{font-size: 30px;line-height: 1.2;}
.text-24{font-size: 24px;line-height: 1.2;}
.border-radius-15{border-radius: 15px;}
.fw-400, .fw-400 h1, .fw-400 h2, .fw-400 h3, .fw-400 h4{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.text-black{color: #000;}
.text-white{color: #000;}
.borderbottom{border-bottom: 1px solid #C2BBB1;}

/* 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-24 { margin-bottom: 24px; }
.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; }
section.d-inline-block{vertical-align: top;}
.lastmbnone :last-child{margin-bottom: 0px;}

/* homepage css start */
.rightvectorbottom{right: 0px;bottom: 0px;position: absolute;}
.rightvectontop{right: 0px;top: 0px;position: absolute;}
.leftvectontop {left: 0px;top: 0px;position: absolute;}
.brandbottomright{right: 0px;bottom: 0px;position: absolute;}
.brandbottomleft{left: 0px;bottom: 0px;position: absolute;}
.bordeboxcol{border: 1px solid #C2BBB1;}
a.bordeboxcol:hover{border: 1px solid #f26623;}
.bgsectionrow{background-color: #826D5B;color: #fff;}
.bgsectionrow h2,.bgsectionrow h1, .bgsectionrow h3, .bgsectionrow h4{color: #fff;}
.logo{padding: 20px 0px;}
.logo a{position: relative;display: inline-flex;align-items: center;}
.logo span{color: #f26623;font-size: 16px;margin-top: 20px;margin-left: 10px;white-space: nowrap;font-weight: 500;}
.logo a img, .logo{transition: all 0.3s ease;}
.sticky .logo{padding: 10px 0px;}
.mainheader{position: fixed;top: 0px;width: 100%;z-index: 30;transition: all 0.3s ease;background-color: #EDE9E3;}
/* .mainheader.sticky{background-color: #fff;} */
.navigatemain{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;z-index: 1;color: #fff;}
a.menu-toggle {width: 24px;display: none;flex-wrap: wrap;align-items: center;justify-content: end;}
.icnline { background-color: #f26623; transition: all 0.3s ease; width: 100%; height: 2px; margin-bottom: 5px;vertical-align: middle; line-height: 1; }
.icnline:last-child{margin-bottom: 0px;}
.navmenu >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; }
.navmenu > ul > li { position: relative; list-style: none; padding:37px 15px; margin-bottom: 0px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; width: initial; }
.mainheader.sticky .navmenu > ul > li{padding: 26px 15px}
.navmenu > ul > li.menu-item-has-children,.mainheader.sticky .navmenu > ul > li.menu-item-has-children {padding-right: 30px;}
.navmenu > ul > li.menu-item-has-children::before {margin-top: 10px; content: ''; width: 10px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top;right: 10px; position: absolute; background-image: url(../images/chevron-down-black.svg);background-repeat: no-repeat; background-position: left center;}
.navmenu > ul > li > a {color: #333333; display: inline-block; font-size: 20px; position: relative;}
.navmenu > ul > li ul { left: 0%; display: none; position: absolute; top: 100%; width: 250px; margin: 0px; background: #EDE9E3; padding:10px 20px; box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.2) }
.navmenu > ul > li:hover ul{display: block;}
.navmenu > ul > li ul li ul { top: 0px; left: 100%;}
.navmenu > ul > li > ul > li { padding: 10px 0px 10px 0px;margin-bottom: 0px; position: relative;border-bottom:1px solid #C2BBB1}
.navmenu > ul > li > ul li:last-child { border: none; }
.navmenu > ul > li > ul li::before { top: 25px; }
.navmenu > ul > li > ul li a { display: block; color: #000; position: relative;text-transform:capitalize;font-size:16px; }
.navmenu > ul > li > ul li a:hover{padding-left: 10px;}
.navmenu > ul > li > a:hover,
.navmenu > ul li.current-menu-item > a,
.navmenu > ul li.current-menu-ancestor > a,
.navmenu > ul > li > ul li a:hover{ color: #f26623; }
.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 { background-color: #333333; width: 100%; height: 2px; content: ''; display: inline-block; vertical-align: middle; transition:all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
.closebtn::before { background-color: #333333; height: 100%; width: 2px; position: absolute; top: 0px; content: '';transition:all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.sub-menu-arrow {text-align: center; overflow: hidden;padding: 8px 10px;margin-left: 0px;display: inline-block;vertical-align: top;line-height: 1;cursor: pointer;position: absolute;right: -20px; }
.navarrow { display: inline-block; vertical-align: top; position: relative; width: 14px; height: 14px;}
.navarrow::before { content: ''; width: 14px; height: 14px;background-size: 14px; display: inline-block; transition: all 0.2s ease;
    vertical-align: top; position: absolute; background-image: url(../images/chevron-down-white.svg);background-repeat:  no-repeat; background-position: left center; left: 0px; }
.navarup::before { transform: rotate(180deg); }
.MenuClose{display: none;}
.menuright .btn-theme{margin-left: 10px;}
.black-overlay, .overlayproduct{background-color: rgba(0, 0, 0, 0.5);bottom: 0px;left: 0px;right: 0px;top: 0px;position: fixed;display: none;}
.borderbox{border: 1px solid #D0D0CE;padding:50px;text-align: center;}
.topherosection{height: 100vh;overflow: hidden;padding: 100px 50px 0px;}
.topvideosfull{width: 100%;overflow: hidden;position: relative;}
.topvideosfull img, .topvideosfull video{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;}
.topvideosfull::before{content: '';bottom: 0px;left: 0px;right: 0px;top: 0px;position: absolute;background-color: rgba(0, 0, 0, 0.40);}
.topbannercaption{position: absolute;top: 0px;width: 100%;left: 0px;padding-top: 250px;}
.boxcaption{position: absolute;bottom: 0px;right: 50px;max-width: 642px;width: 100%;background-color: #EDE9E3;padding: 50px;}
.advrollerelem .rightvectontop{top: 50px;right: -50px;}
.rollerslider{margin: 0px -12px;}
.rollerslider .slick-slide{padding: 0px 12px;}
.rollerslider .bordeboxcol{padding: 40px;}
.rollerslider .bordeboxcol img{margin-bottom: 20px;}
.rollerslider h4{margin-bottom: 0px;position: relative;transition: all  0.3s ease;padding-right: 30px;}
.rollerslider h4::before{content: '';background-image: url(../images/btn-arrow-orange.svg);background-repeat: no-repeat;background-position: center;width: 20px;height: 20px;position: absolute;right: 0px;top: 10px;opacity: 0;transition: all  0.3s ease;}
.rollerslider a:hover h4{color: #f26623;}
.rollerslider a:hover h4::before{opacity: 1;}
.rollercontent{margin-top: 50px;}
.tabsectionrow{padding: 250px 0px;}
.hovertextrow{align-items: flex-start;}
.imgslider{position: relative;}
.imgslider h4{margin-bottom: 20px;min-height: 110px;}
.hoverpro:first-child{position: relative;}
.hoverpro{position: absolute;top: 0px;width:100%;height: 100%; opacity: 0;left: 0px;overflow: hidden;
    transition:opacity 1s cubic-bezier(.165,.84,.44,1);}
.hoverpro.hoverselected {opacity: 1;z-index: 5;}
.imglistinghover {justify-content: space-between;margin-bottom: 150px;}
.mobileimg{display: none;}
.tabvertical ul{width: 100%;display: block;}
.tabvertical ul li{width: 100%;border-bottom: 1px solid #fff;position: relative;cursor: pointer;transition: all 0.3s ease;color: #999;transition: all 0.3s ease;padding: 30px 0px;}
.tabvertical ul li:last-child{margin-bottom: 0px;}
.tabvertical ul li::before{content: '';position: absolute;right: 0px;top: 48px;background-image: url(../images/btn-arrow-white-md.svg);width: 16px;height: 16px;background-repeat: no-repeat;transition: all 0.3s ease;}
.tabvertical ul > li a{color: #fff;display: inline-flex;align-items: center;}
.tabvertical ul > li strong{font-size: 48px;margin-left: 30px;line-height: 1;font-weight: 600;}
.blogsingletop h1{font-size: 48px;line-height: 1;font-weight: 600;color: #333333; letter-spacing: -2.4px;}
.tabvertical ul > li span{font-weight: 700;}
.tabvertical ul li.hoverselected, .tabvertical ul li:hover {color: #333;border-bottom:1px solid #f26623;background-color: #f26623;padding: 30px;}
.tabvertical ul li:hover::before,.tabvertical ul li.hoverselected::before{right: 30px;}
.tabsectionrow .rightvectontop, .aboutelement .leftvectontop{top: 50px;}
.maskingstickyrow{position: sticky;top: 0px;height: 100vh;overflow: hidden;}
.triangelmasking { position: relative; width: 100%;height: 100%;-webkit-mask-image: url(../images/triangelmaskimg.svg);
    mask-image: url(../images/triangelmaskimg.svg);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;    mask-position: center;z-index: 2;mask-size: 20%;}
.triangelmasking::before{content: '';background-color: rgba(0, 0, 0, 0.60);top: 0px;left: 0px;position: absolute;width: 100%;height: 100%;}
.triangelmasking img {width: 100%; height: 100%;-o-object-fit: cover;object-fit: cover;}
.maskimgcaption{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;padding: 200px 0px;text-align: left;opacity: 0;}
.h-spacer{height: 100vh;}
.textsticky{top: 45vh;position: sticky;}
.minusimgcol{margin-right: -323px;}
.leftminusimgcol{margin-left: -205px;}
.aboutelement h4{margin-bottom: 30px;}
.bloghomerow .rightvectontop {top: 100px;right: -100px;}
.bloghomerow .bordeboxcol{padding: 0px;min-height: 100%;transition: all 0.5s ease;}
.bloghomerow .bordeboxcol:hover{background-color: #f26623;}
.blogthmubimg{overflow: hidden;display: block;}
.blogcolbox a img{transform: scale(1);transition: all 0.3s ease;}
.blogcolbox a:hover img{transform: scale(1.1);}
.blogtitlecontent{padding: 30px;}
.blogtitlecontent h4{margin-bottom:0px;position: relative;padding-right: 25px;}
.blogtitlecontent h4::before{content: '';background-image: url(../images/btn-arrow-white-md.svg);background-repeat: no-repeat;background-size: 22px; width: 22px;height: 22px;position: absolute;top: 10px;right: 0px;opacity: 0;transition: all 0.3s ease;}
.blogtitlecontent .link-btn{display: block;}
.datecol span{color: #333;font-size: 18px;}
.datecol{margin-bottom: 50px;}

.blogcolbox a:hover .datecol span,.blogcolbox a:hover h4 {transition: all 0.3s ease;}
.blogcolbox a:hover .datecol span,.blogcolbox a:hover h4 {color: #fff;}
.blogcolbox a:hover .blogtitlecontent h4::before{opacity: 1;}
.panarollartext{color: #D9D3CA;}
.partnerelem h2, .partnerelem p{margin-bottom: 0px;}
.logocol{width: 20%;text-align: center;padding: 70px 20px;transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);overflow: hidden;margin-bottom: 20px;}
.logocol:hover{background-color:#D9D3CA;}
.logocol img{filter: grayscale(1);transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);}
.logorow{margin-top: 50px;}
.toplogo{transform: translateY(0);}
.bottomlogo{position: absolute;top:0px;left: 0px;opacity: 0;transform: translateY(230%);}
.logocol:hover .bottomlogo{transform: translateY(0);opacity: 1;}
.logocol:hover .toplogo{transform: translateY(-230%);}
.careershome .boxcaption{right: 0px;max-width: 714px;}
.careershome .boxcaption p{margin-bottom: 30px;}
.careershome h2{margin-bottom: 15px;}
.careershome .leftvectontop{left: -100px;top: -30px;}
.stickyshapecontent {
    overflow: hidden;
    clip-path: polygon(50% 0%, 50% 0, 50% 100%, 50% 100%);
}
/* homepage css end */

/* footer start*/
.footermain{color:#D9D3CA;font-size: 16px;background-color: #826D5B;padding: 150px 0px;}
.footermain .rightvectontop{top: 70px;right: 70px;}
.footermain h3{color: #fff;margin-bottom: 30px;font-size: 40px;}
.calltoaction{margin-bottom:180px;}
.calltoaction a{letter-spacing: -5px;font-weight: 600;display: inline-flex;align-items: center; position: relative;color: #fff !important;}
.calltoaction a::after{content: '';transition: all 0.3s ease; min-width: 36px;height: 36px;background-size: 36px; background-image: url(../images/btn-arrow-white-md.svg);background-repeat: no-repeat;}
.calltoaction a:hover::after{transform: translate(10px,-10px);}
.footermain a, .copyright a{color:#D9D3CA;}
.footermain a:hover, .copyright a:hover{color: #fff;}
.footerlinkcol{display: flex;justify-content: space-between;}
.footerlinkcol ul li{margin-bottom: 20px;font-size: 24px;line-height: 1;}
.footerlinkcol ul li:last-child{margin-bottom: 0px;}
.footermenu1, .footermenu2{width: 50%;}
.contactinfo{margin-bottom: 30px;}
.copyright{font-size:18px;}
.socailinfocol{display: flex;justify-content: space-between;margin-top: 100px;width: 100%;flex-wrap: wrap;align-items: center;}
.socialicon a{margin-right: 20px;line-height: 1;display: inline-block;}
.socialicon a svg{fill: #D9D3CA;width: 20px;height: 20px;}
.socialicon a:hover svg{fill: #fff;}
.addresscol{font-size: 20px;line-height: 30px;}
/* footer end */

/* 404 page & thakyou page css start */
.thankyoupage{padding-top: 250px;}
/* 404 page & thakyou page css end */




/* blog page css */
.bloglistingrow .bordeboxcol{padding: 0px;}
.loadmorebtn{width: 100%;text-align: center;display: inline-block;padding-top: 50px;}
.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;padding-top: 20px;}
.paginav a, .paginav span {text-decoration: none; margin: 0px; margin-right: 10px; text-align: center; font-size: 18px;
     width: 50px; height: 50px; line-height: 50px;}
.paginav span.arrow-previous, .paginav span.arrow-next {position: relative; display: inline-block; margin-right: 0px; }
.paginav a { border: 1px solid #F26623;}
.paginav span.current, .paginav a:hover {border-color: #F26623;background-color: #F26623;color: #fff;}
.arrow-previous::before, .arrow-next::before{height: 15px; width: 17px; content: ''; transition: all 0.3s ease;display: inline-block; }
.arrow-previous::before {background: url(../images/blog-left-arrow-orange.svg) center center no-repeat;background-size: 100%;}
.arrow-next::before {background: url(../images/blog-right-arrow-orange.svg) center center no-repeat;background-size: 100%;}
.arrow-previous:hover:before { background: url(../images/blog-left-arrow-white.svg) center center no-repeat; background-size: 100%; }
.arrow-next:hover:before { background: url(../images/blog-right-arrow-white.svg) center center no-repeat; background-size: 100%; }
.blogdetailrow .datecol{margin-bottom: 10px;}
.blogimgcontent{margin-bottom: 50px;}
.blogdetail{margin-top: -80px;position: relative;}
.blogdetailcontent{padding: 100px 100px 80px;background-color: #EDE9E3;}
.blogdetailcontent h2{font-size: 48px;}
.blogdetailcontent h3{font-size: 30px;}
.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 li ol, .blogdetailcontent ol li ul { padding-left: 20px; margin: 10px 0px; }
.blogdetailcontent > ol li::before { content: counters(item, ".") ". "; counter-increment: item; }
.blogdetailcontent ol li ul li::before { content: ''; }
.blogdetailnav{display: inline-flex;justify-content: space-between;border-top: 1px solid #C2BBB1;padding-top: 30px;width: 100%;}
.blogdetailnav a{text-transform: uppercase;color: #F26623;display: inline-block;font-size: 16px;font-weight: 600;}
.nxt-arrow:hover, .pre-arrow:hover{color: #333333;}
.pre-arrow{background-image: url(../images/blog-arrow-left-detail.svg);background-repeat: no-repeat;background-position: left center;padding-left: 20px;}
.nxt-arrow{background-image: url(../images/blog-arrow-right-detail.svg);background-repeat: no-repeat;background-position: right center;padding-right: 20px;}
.otherblog a:hover{background-color: #f26623;display: block;}
.otherblog a:hover .datecol span, .otherblog a:hover h4,  .otherblog a {transition: all 0.3s ease;}
.otherblog a:hover .datecol span, .otherblog a:hover h4 {color: #fff;}
.otherblog a:hover .blogtitlecontent h4::before{opacity: 1;}
/* blog page css end */



.bdlist .blogcolbox {margin-bottom: 30px;}
.toppageoffset {margin-top: 250px;}

/* contact & Careers page css start */
.pageoffsetbanner{margin-top: 120px;}
.frmcntbg{padding: 100px 0px 0px;background-color: #EDE9E3;margin-top: -100px;}
.infodetail{display: flex;flex-wrap: wrap; margin-bottom: 40px;}
.cntdetail{display: inline-flex;align-items: center;margin-right: 50px;font-size: 30px;}
.addresscontact{display: inline-flex;align-items: flex-start;font-size: 30px;line-height: 1.3;}
.addresscontact i{flex-shrink: 0;margin-right: 20px;}
.cntdetail a{color: #333333;}
.cntdetail a:hover{color: #F26623;}
.cntdetail i{margin-right: 20px;}
.gbtn{text-transform: uppercase;font-size: 16px;letter-spacing: 2px;font-weight: 600;}
.gbtn::after{content: '';background-image: url(../images/btn-arrow-orange.svg);background-position: center;background-size: 10px;width: 10px;height: 10px;display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: -2px;}
.jointitle{color: #D9D3CA;}
.careerstoprow .rightvectorbottom{bottom: -150px;right: -50px;}
.gallerytitle{justify-content: space-between;align-items: flex-end;}
.whychoosrow .bordeboxcol {padding: 40px;}
.whychoosrow .bordeboxcol img{margin-bottom: 20px;}
.gallerytitle{margin-bottom: 30px;}
.accordion-item{background-color: transparent;border: none;border-radius: 0px !important;color: #000;border-bottom:1px solid #C2BBB1}
.accordion-button{padding: 50px 0px;font-size: 48px;color: #000;line-height: 1;background-color: transparent;border-radius: 0px;transition: all 0.3s ease;letter-spacing: -2px;}
.accordion-button strong{font-weight: 600;flex-grow: 1;}
.accordion-button span{font-size: 20px;margin-right: 100px;color: #F26623;font-weight: 700;}
.accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;color: #F26623;}
.accordion-button:focus{background-color: transparent;box-shadow: none;}
.accordion-item:first-of-type .accordion-button{border-radius: 0px;}
.accordion-body{padding: 0px 0px 50px 125px;font-size: 20px;}
.accordion-body ul{margin-bottom: 25px;}
.accordion-body ul li{margin-bottom: 10px;}
.accordion-body ul li::before{top: 8px;}
.accordion-button::after{background-image: url(../images/plus-black.svg);width: 36px;height: 36px;background-position: center; background-size: 18px;border:1px solid #F26623;transform: none;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;margin-left: 20px;}
.accordion-button:not(.collapsed)::after{background-image: url(../images/minus-black.svg);background-color:#F26623;transform: none;}
.accordion-body h4, .accordion-body h5, .accordion-body h6{font-size: 24px;margin-bottom: 20px;}
.careerspostrow .leftvectontop{left: -100px;}
.careersidebar{transition: all 0.5s linear; max-width: 820px;width: 100%;position: fixed;top: 0px;right: -100%;height: 100%;padding:150px 100px;background-color: #EDE9E3;z-index: 100;overflow: auto;}
.careersidebar.slide{right: 0%;}
.OverlayCareers{z-index: 100;}
.careersidebar .form-control{font-size: 16px;padding: 14px 15px;}
/* contact & Careers page css end */

/* faqs page css start */
.stickytitle{top: 150px;position: sticky;padding-bottom: 180px;}
.faqsaccrow .brandbottomleft{bottom: 0px;left: 12px;}
.faqsaccrow .accordion-button{font-size: 30px;letter-spacing: -1px;padding: 30px 0px;}
.faqsaccrow .accordion-body{padding-bottom: 30px;}
.faqsaccrow .accordion-body ul li {margin-bottom: 5px;}
/* faqs page css end */

/* abput page css end */
.aboutherosection h1{color: #fff;}
.aboutherosection .boxcaption{width: 57%;max-width: inherit;}
.aboutcompanyrow .leftvectontop{left: -100px;top: 150px;}
.missionrow{padding: 250px 0px;}
.missionrow .rightvectontop{right: 100px;top: 250px;}
.missionimgrow{margin-bottom: 100px;}
.missionimgrow .borderbottom{padding-bottom: 50px;margin-bottom: 50px;letter-spacing: -1.5px;}
.aboutprodrow h3{margin-bottom: 40px;}
.rightimgfloat{padding-left: calc(((100% - 1512px) - 24px) / 2);}
.misleftcontent{width: 36%;padding: 0px 12px;}
.missrightimg{width: 55%;}
.stickyhrwrapper {will-change: transform; position: sticky; top: 15vh;display: flex;flex-direction: column; align-items: start; overflow: hidden;}
.stickymainwrapper{width: 100%;display: inline-flex;position: relative;flex-wrap: wrap;}
.stickymainwrapper .h-spacer{height: 140vh;}
.horizontawrapper{display: flex;flex-direction: row; padding-left: calc(((100% - 1512px) - 24px) / 2);padding-right: calc(((100% - 1512px) - 24px) / 2);}
.horizontalcontent {min-width: 488px;margin-right: 24px;position: relative;}
.yearcol{padding-bottom: 50px;color: #F26623;}
.infradevlopecol{padding: 50px 0px 0px 50px;display: flex;justify-content: space-between;}
.nuberbox{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;position: relative;}
.nuberbox::before{height: 51px;width: 1px;background-color: #C2BBB1;content: '';position: absolute;top: -51px;left: 24px;}
.yearimgcontent {flex-grow: 1;padding-left: 30px;}
.yearimgcontent img{margin-bottom: 15px;}
.yearimgcontent p{margin-bottom: 0px;}
.supportstepacc .accordion-body{padding-right: 110px;}
.supportrow .leftvectontop{top: 150px;padding: 0px;left: 12px;}
.maplocationrow video{display: inline-block;vertical-align: top;}
.text-30-con-h4 h4{color: #333333;}
/* abput page css end */

/* Product listing page css start */
.topbannercaption .text-130 {letter-spacing: -5px;}
.offeringcol .borderbottom{margin-bottom: 30px;padding-bottom: 30px;}
.offeringcol .borderbottom:last-child{margin-bottom: 50px;}
.ouroffering .rightvectontop{right: -100px;}
/* Product listing page css end */

/* project css start */
.titlecontentrow .rightvectorbottom{right: -100px;}
.titleproject{padding: 40px;}
.projectlisting .bordeboxcol{min-height: 100%;}
.projectlisting h4{margin-bottom: 0px;position: relative;transition: all  0.3s ease;padding-right: 30px;}
.projectlisting h4::before{content: '';background-image: url(../images/btn-arrow-orange.svg);background-repeat: no-repeat;
    background-position: center;width: 20px;height: 20px;position: absolute;right: 0px;top: 10px;opacity: 0;transition: all  0.3s ease;}
.projectlisting a:hover h4{color: #f26623;}
.projectlisting a:hover h4::before{opacity: 1;}
.productcol{margin-bottom: 24px;}
.productcol .bordeboxcol{padding: 40px; min-height: 100%;}
.productcol .bordeboxcol img{margin-bottom: 20px;}
.productcol h4{margin-bottom: 0px;position: relative;transition: all  0.3s ease;padding-right: 30px;}
.productcol h4::before{content: '';background-image: url(../images/btn-arrow-orange.svg);background-repeat: no-repeat;background-position: center;width: 20px;height: 20px;position: absolute;right: 0px;top: 10px;opacity: 0;transition: all  0.3s ease;}
.productcol a:hover h4{color: #f26623;}
.productcol a:hover h4::before{opacity: 1;}
.keyfeaturecol{position: relative;}
.imgcaption{color: #fff; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);position: absolute;bottom: 0px;left: 0px;width: 100%;padding: 150px 30px 30px;}
.imgcaption h4{color: #fff;}
.rightslider .slick-arrow {top: -70px;transform: none;left: auto;right: 0px;}
.rightslider .slick-prev{right: 60px;}
/* project css end */

/* product detail page css start */
.aboutelement .brandbottomleft{left: -100px;}
.table{background-color: transparent;}
.table-responsive{padding-right: 2px;}
table.dataTable th{padding: 10px 15px;}
.table th,  .table td, table.dataTable td{padding:5px 15px;}
.table thead th, table.dataTable thead th, table.dataTable thead td, 
table.dataTable tfoot th, table.dataTable tfoot td{background-color: #f26623;color: #fff;}
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, 
table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc{background-color: #f26623;color: #fff;}
.table td, .table th{font-size: 14px;line-height: 18px;}
.table-bordered>:not(caption)>*>*, table.table.dataTable > :not(caption) > * > *{border-color: #C2BBB1;background-color: transparent;border-width: 1px;}
.protopbanner{background-color: #A39285;padding-bottom: 100px;}
.protopoffset{margin-top: 120px;}
.protopbanner .boxcaption{height: 100px;padding: 0px;max-width: inherit;width: initial;left: 100px;right: 100px;}
.prodimgrow{margin-bottom: 100px;}
table.dataTable th.dt-type-numeric div.dt-column-header{flex-direction: row;text-align: left;}
table.dataTable th.dt-type-numeric, 
table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, 
table.dataTable td.dt-type-date{text-align: left;}
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after{opacity: 1;font-size: 14px;line-height: 12px;}
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before{bottom: 12px;}
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after{top: 8px;}
table.table.dataTable > tbody > tr{background-color: #fff;}
table.table.dataTable > tbody > tr:nth-child(even){background-color: #F6F3EE;}
.page-link:focus{box-shadow: none;}
.page-link{min-width: 38px;height: 38px;border: 1px solid #C2BBB1;background-color: transparent;color: #333333;}
.active>.page-link, .page-link.active, .page-link:hover, .page-link:focus{background-color: #f26623;border-color: #f26623;color: #fff;}
.page-item:last-child .page-link, .page-item:first-child .page-link{border-radius: 0px;}
.disabled>.page-link, .page-link.disabled{display: none;}
.dt-bootstrap5 .row:first-child{display: none;}
.dt-info{font-size: 16px;}
.dt-layout-table{margin-bottom: 20px;}
.rollerslider .bordeboxcol{min-height: 100%;}
div.dt-container div.dt-layout-full{overflow-x: auto;}
/* product detail page css end */


/* Modal popup css */
.modal-content{border: none;border-radius: 0px;box-shadow: none;}
.modal-body{padding: 50px;}
.modal-body h4, .offcanvas-body h4{margin-bottom: 10px;}
.fromlineicon{position: absolute;bottom: 0px;right: 0px;width: 80px;}
.offcanvas.offcanvas-end{width: 50%;}
.offcanvas-body{padding: 100px;flex-grow: inherit;}
.offcanvas-body .fromlineicon{width: 180px;}
.uploadBox input[type="file"] {display: none;}
.uploadBox label { width: 100%; display: flex;justify-content: space-between;padding: 14px 15px;border: 1px solid #C2BBB1;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: #777;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;}

.wpcf7-spinner{margin-top: 13px;vertical-align: top;position: absolute;}
.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 { position: relative; text-align: left; font-size: 14px;}
.frmcntbg .wpcf7 form.invalid .wpcf7-response-output,
.frmcntbg .wpcf7 form.unaccepted .wpcf7-response-output{margin: 20px auto 0px;max-width: 1256px;}

.vc_row{margin: 0px !important}
.vc_column_container>.vc_column-inner{padding: 0px !important}
@keyframes textMarqRight {
  0% { transform: translate3d(0, 0, 0); }
   100% { transform: translate3d(-50%, 0, 0); }
}

@keyframes scrolldown {
	0% { transform: translateY(0px) }
	50% { transform:translateY(5px) }
  100% { transform:translateY(0px) }
}

.ploader {
    width: 100%;
    text-align: center;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#pageloader {
    top: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #FFFFFF;
}

/* 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; }

#pageloader {top: 0px; position: fixed; width: 100%; height: 100%; z-index: 9999; background: #FFFFFF; }
.ploader {width: 100%; text-align: center; top: 50%; position: absolute; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }