@font-face {font-family: 'titlelighttwonormal'; src: url('../fonts/titl___-webfont.woff2') format('woff2'), url('../fonts/titl___-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

body {margin: 0; padding: 0;}
body, table, input, textarea, select, html {font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; color: #000;}

a {color:#000;}
a:hover, a:focus {color: #da2128; text-decoration: none; outline:none;}
a, input, textarea, button,.tra {transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline:none !important;}

.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0;}
.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}

.container {max-width: 1170px !important;}
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

textarea {resize: none;}

.overlay{ visibility: hidden; position: fixed; right: 0; top:0; bottom:0; height:100%; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 11; transition: all 0.4s ease; }
.overlay.active{display: block;}

#wrapper1{position: relative; overflow: hidden;}
#wrapper.active{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fff; height: 100%;}


header {height: 88px; position: fixed; left: 0; right: 0; top: 0; background-color: #fff; z-index: 999; transition: all 0.4s; padding: 1.5rem 0;}
#home header {position1: absolute;}
header.shadow, .no-banner header {box-shadow: 0px 2px 42.32px 3.68px rgba(0, 0, 0, 0.16);}
header .container {width: 100%; max-width: 1770px !important;}
header .row {display: flex; align-items: center;}
header .row [class^='col'] {float: none;}

/* #logo {margin-top: 33.5px;} */
#logo a {display: inline-block; vertical-align: middle;}

#top-menu ul {margin:0; padding: 0; list-style: none;  }
#top-menu ul li {float: left; margin-left:45px; transition: all 0.4s;}
#top-menu ul li a {display: block; transition: all 0.5s; position: relative; font-weight: 500; text-transform: uppercase;}
#top-menu ul li:hover > a, #top-menu ul li a:focus, #top-menu ul li.active > a {text-decoration: none; color: #da2128; background-color: transparent;}

/*#top-menu ul li#t-social a{border: 1px solid #da2128; color: #da2128; padding: 10px 30px; border-radius: 45px; margin-top: 20px;}
#top-menu ul li#t-social:hover a{color: #fff; background-color:#da2128;}*/

#top-menu ul li#t-call-action,#t-call-action{margin: 24px 0 0 40px;}
#top-menu ul li#t-call-action a,#t-call-action a{position: relative; white-space: nowrap; overflow: hidden; display: block; width: 42px; height: 40px; background-color: #fff; color: #000; border-radius: 30px; transition: all 0.5s linear; border: 1px solid #d7d7d7; padding: 0;}
#top-menu ul li#t-call-action .icon,#t-call-action .icon{display: inline-block; vertical-align: middle; width: 40px; line-height: 40px; height: 40px; overflow: hidden; position: absolute; right: 0; z-index: 9; background-color: #fff;}
#top-menu ul li#t-call-action .icon i,#t-call-action .icon i{position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto; background-image: url(../images/phone.png); background-repeat: no-repeat; width: 20px; height: 20px; }
#top-menu ul li#t-call-action a .text,#t-call-action a .text{padding: 0 50px 0 20px; vertical-align: middle; line-height: 40px;}
#top-menu ul li#t-call-action a:hover,#t-call-action a:hover{width:200px;}

#top-menu ul li ul {margin:0; opacity:0; visibility:hidden; position:absolute; z-index:10; width:200px; left: 0; top:88px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 15px 0;}
#top-menu ul li.submenu-one:hover>ul {opacity:1; visibility:visible;}
#top-menu ul li ul li {margin:0; padding: 0; float:none; position:relative; font-size: 93%; border-bottom: 1px solid rgba(255,255,255,0.1);}
#top-menu ul li ul li:before {display: none;}
#top-menu ul li ul li a, #top-menu ul li ul li a:focus {border-radius: 0; color:#000; padding:10px 15px; margin:0; height: auto; line-height: normal; display: block;}
#top-menu ul li ul li:hover > a, #top-menu ul li ul li a:focus {color: #f37021;}

#header .search-box {position: absolute;left: 0;height: 100%;-webkit-transform: translateX(20%);transform: translateX(20%);opacity: 0;transition: all 0.4s 0.3s;background-color: #fff;width: 0px;}
#header .search-box .search-input {border: 0; width: 100%; height: 100%; background-color: transparent;}
#header .search-box .search-toggle {width: 14px; height: 14px; padding: 0; position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#header.show .search-box {width: calc(100% - 3em); -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; background-color: #fff;}
.search-button { position: absolute; right: 15px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.search-toggle {position: relative; display: block; height: 30px; width: 30px;}
.search-toggle .search-icon{background-position: 0 0; width: 22px; height: 22px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.search-input:focus {outline: none;}

#mobile-menu-icon {display:none; position:absolute; right:15px; top: 3px; width:24px; height:17px; z-index: 9999;}
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after {width: 24px; height: 2px; background-color: #000; display: block; position: absolute; top: 7px; transition: all 0.3s;}
#mobile-menu-icon span:before {content: ''; top: -7px;}
#mobile-menu-icon span:after {content: ''; top: 7px;}
#mobile-menu-icon.active span {background-color: transparent;}
#mobile-menu-icon.active span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
#mobile-menu-icon.active span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}

#number-icon{display: none; position: absolute; right: 55px; top:-5px; width: 30px; height: 30px; z-index: 99; border: 1px solid #d7d7d7; border-radius: 50%; }
#number-icon .icon{ position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto; background-image: url(../images/phone.png); background-repeat: no-repeat; width: 20px; height: 20px; }

/* Mobile Menu */
#mobile-menu {display: none; position: fixed; width: 250px; top: 51px; height:100%; z-index:99; overflow-y: scroll; right: -250px; background-color: #fff;}
#mobile-menu ul {margin:0; padding: 0; list-style: none; float: none !important;}
#mobile-menu ul li {float: none; padding:0; margin:0; border:none; position:relative; border-bottom:1px solid #ccc;}
#mobile-menu ul li a {padding:12px 20px; display:block; color:#4d4d57; font-weight:300; text-decoration: none; font-weight: 300;}
#mobile-menu ul li ul li a {color: #4d4d57; font-size:90%; text-decoration:none;}
#mobile-menu ul li.active ul li a {color: #818285;}
#mobile-menu ul li ul li a:hover {color: #244372;}
#mobile-menu ul li > a:hover, #mobile-menu ul li.active > a, #mobile-menu ul li a:hover {color:#000; border-bottom:none; background: none;}
#mobile-menu ul li a:focus {background-color: transparent;}
#mobile-menu ul li.changebg > a {background-color: #1992ff; color:#fff !important;}
#mobile-menu ul li.has-ul.active > a {background-color: #000; color:#fff !important;}
#mobile-menu ul li:hover > a {border-bottom:none;}
#mobile-menu ul li a .submenu {position:absolute; height: 20px; right:15px; top:10px; display:block; cursor:pointer; -moz-transition:transform 0.3s ease-in-out; -webkit-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before {content:"\f105"; font-family: 'FontAwesome'; font-size: x-large; color:#4d4d57; display:block; -moz-transition:transform 0.3s ease-in-out; -webkit-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out;}
#mobile-menu ul li.has-ul>a:before {content:"\f105"; font-family: 'FontAwesome'; font-size1: x-large; font-weight: bold; color:#aeb2b7; display:block; -moz-transition:transform 0.3s ease-in-out; -webkit-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out; position: absolute; right: 20px; }
#mobile-menu ul li a:hover .submenu:before {color: #fff;}
#mobile-menu ul li.changebg>a>.submenu:before {content:"\f107";}
#mobile-menu ul li.has-ul.active>a:before {content:"\f107"; color: #fff;}
#mobile-menu ul li ul li a .submenu {top: 2px;}

#mobile-menu ul li > ul{ padding:0; border:none;}
#mobile-menu ul li.submenu-one:hover > ul {top:0;}
#mobile-menu ul li.submenu-one ul {margin: 0;}
#mobile-menu ul li ul,#mobile-menu ul li:hover>ul,#mobile-menu ul li ul li ul,#mobile-menu ul li ul li:hover>ul{ width:auto; display:none; opacity:1; position:relative; left:0; top:0; visibility:visible; transition:none; box-shadow:none;}
#mobile-menu ul li ul li a {background-color: #fff;}
#mobile-menu ul li ul li ul li a{padding:10px 45px;}

/* 23-05-2023 */
.menu-btn {position: relative; cursor: pointer; height: 42px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin-left: 30px; font-weight: 500;}
.menu-btn > div {width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: #DA2128; border-radius: 50%; margin-left: 10px; position: relative;}
#burger-menu span, #burger-menu span:before, #burger-menu span:after {width: 18px; height: 2px; background-color: #fff; display: block; position: relative; transition: all 0.3s;}
#burger-menu span:before {content: ''; top: -6px;}
#burger-menu span:after {content: ''; top: 4px;}

#menu {width: 100%; height: 100vh; background-color: #000; overflow: hidden; position: fixed; left: 0; top: 0; transition: all 0.4s; z-index: 1000; transform: translateX(-100%); /*clip-path: circle(40px at 90% 40px); display: none;*/}
#menu header {background: none; position: relative;}
#menu header #logo img {filter: brightness(100) invert(1);}
#menu.active {transform: translateX(0);}
#menu.active .menu-btn {color: #fff;}
#menu .container {width: 100%; max-width: 1770px !important;}
#menu .menu-wrapper {display: flex; align-items: center;}
#menu ul {margin: 0; padding: 0; list-style: none; float: none;}
#menu ul li {visibility: hidden; opacity: 0; transform: translateX(-250px); transition: 0.5s calc(0.1s * var(--i));}
#menu ul li a {font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem); font-weight: 600; color: #7c7c7c; text-decoration:none; display: block; padding: 5px 0 10px; position: relative; text-transform: uppercase;}
#menu ul li.active > a, #menu ul li:hover > a, #menu ul li > a:focus {color: #fff;}
#menu ul li ul {background: none; box-shadow: none; border: 0; position: relative; margin-left: 1.5rem;}
#menu ul li ul li a {font-size: 186%; color: #7c7c7c;}
#menu .dropdown-menu > li > a:hover, #menu .dropdown-menu > li > a:focus {background-color: transparent;}
#menu.animation ul li {visibility: visible; opacity: 1; transform: translateX(0);}
#menu.animation ul li#t-contact{position: relative;}
#menu.animation ul li#t-contact #social-links{padding: 0;}
#menu.animation ul li#t-contact #social-links:after{display: none;}
#menu.animation ul li#t-contact #social-links{position: absolute; right: 0; top: 0;}
#menu.animation ul li#t-contact #social-links a{font-size: inherit; border: 1px solid #7c7c7c; border-radius: 50%; text-align: center; display: flex; justify-content: center; line-height: normal; padding: 0; font-size: 1.4rem;}
#menu.animation ul li#t-contact #social-links a i{display: flex; justify-content: center; align-items: center; height: auto; width: auto; line-height: normal;}
#menu.animation ul li#t-contact #social-links a:hover{border-color: #fff; color: #fff;}


#cross-icon span {background-color: transparent; width: 40px; height: 40px;}
#cross-icon span:before {content: 'X'; display: block; transition: all 0.3s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

/*--*/

.bg-gray{background-color: #f6f6f6;}
/* typography */
h2.title,.b2b-title{ font-size: 262%; font-weight: 800; color: #000; position: relative; text-transform: uppercase; padding-left: 60px; margin: 0 0 30px;}
h2.title:before,.b2b-title:before{content: ""; background-color: #da2128; width: 10px; height: 95%; position: absolute; left: 0; top: 5%; }
h2.title small,.b2b-title small{color: #000; font-weight: 800; display: block; margin-top: 25px;}

h1.sub-text,.sub-text{ font-size: 157%; line-height: 28px; font-weight: 700; color: #000; margin:0 0 30px;}
h1.sub-text{padding: 0; text-transform: none;}
h1.sub-text::before{display: none;}
.text-red{color: #da2128 !important;}
section.padding{padding: 50px 0;}
#home section.padding{padding: 100px 0;}
.padding-top{padding-top: 50px;}
.padding-bottom{padding-bottom: 50px;}
.padding-left{padding-left: 60px;}

.mt70{margin-top: 70px !important;}
.mb100{margin-bottom: 100px !important;}
.mb50{margin-bottom: 50px !important;}
.mbt30 {margin-bottom: 30px !important;}
.mbt50 {margin-bottom: 50px !important;}

/*****/
.table-outer1{display: table; height: 100%; width: 100%;}
.table-outer .table-data1 {display: table-cell; vertical-align: middle; width: 100%; height: calc(100vh - 88px); position: relative;}

#home section.about-us h2.title{margin-top: 100px;}

/* our-work */
#home .our-work .item{margin-bottom: 30px;} 
.our-work .item{margin-bottom: 50px;}
.our-work .item .img-wrap{ height1: 200px; overflow: hidden; margin-bottom: 15px; text-decoration: none; display: block;}
#home .our-work .item .img-wrap{height1: 170px;}
.our-work .item .img-wrap img{transition: all .3s linear;}
.our-work .item .img-wrap:hover img{transform: scale(1.1);}
.our-work .item .info{padding-right: 30px;}
.our-work.v-brand .item .info{padding-right: 0;}
.our-work .item .info .case-study{font-size: 88%; font-weight: 600; color: #7d7d7d; text-transform: uppercase; margin-bottom: 5px;}
.our-work .item .info .title{font-size: 134%; line-height: normal; font-weight: 800; color: #000; text-transform: uppercase; margin-bottom: 15px; min-height1: 80px;}
#home .our-work .item .info .title{margin-bottom1: 0;}
.our-work .item .info .title span{display: block; font-size: 70%; line-height: normal;}
.our-work .item .info p{font-size: 112%; font-weight: 700;}
.our-work .item .info .btn-cust{color: #7d7d7d; margin-top: 0;}
.our-work .item .info .btn-cust:hover{color: #da2128;}
.our-work .btn-cust{margin-top: 10px;}
#main-container .our-work .item .info p {margin-bottom: 20px;}
#main-container .our-work .portfolio .item .info p{margin-bottom: 5px;}
#main-container .our-work .portfolio .item .info p:last-child{margin-bottom: 0; line-height: normal;}
#main-container .our-work .portfolio .p-item .item .info p{font-size: 110%;}


/* insight */
#home .insight h2.title{margin-bottom: 70px;}
#home .insight .item {margin-bottom: 0;}
#home .insight .date-detail{color:#da2128;}
#home .insight .date-detail .sep{color: #da2128;}
#home .insight .date-detail a{color: #da2128;}
.insight .item {margin-bottom: 70px;}
.insight .date-detail{font-weight: 500; color: #909090; text-transform: uppercase; margin-bottom: 30px;}
.insight .date-detail .sep{color: #909090;}
.insight .date-detail a{color: #909090;}
.insight .item a.title{font-size: 225%; line-height: normal; font-weight: 700; color: #000; display: block; margin-bottom: 10px;}
.insight .item a.title:hover{color: #da2128; text-decoration: underline;}
.insight .item p{font-size: 112%; color: #000; margin-bottom: 30px;}
.insight .item:hover .date-detail{color: #da2128;}
.insight .item:hover .sep{color: #da2128;}
.insight .item:hover .date-detail a{color: #da2128;}
.insight .item .text-gray{color: #333333; display: inline-block; font-weight: 600;}
.insight .btn-cust{margin-top: 70px;}

.uphillemg .para{ font-size: 110%; margin-bottom: 50px; line-height: 28px; color: #000; font-weight: 700;}

/* social-links */
#social-links{position: relative; float: right;}
#social-links:after{content: ""; width: 100px; height: 1px; background-color: #da2128; vertical-align: middle; display: block; position: absolute; left: -120px; top: 50%;}
#social-links a {float: left; width:40px; height:40px; line-height:40px; display: block; margin-left: 15px; position: relative;}
#social-links a i{width: 40px; height: 40px;}
#social-links a.fb .fb-icon{background-position:-31px -2px;}
#social-links a.yt .yt-icon{background-position:-75px -2px;}
#social-links a.li .li-icon{background-position:-119px -2px;}
#social-links a.insta .insta-icon{background-position:-163px -1px;}
#social-links a.fb:hover .fb-icon{background-position:-31px -47px;}
#social-links a.yt:hover .yt-icon{background-position:-75px -47px;}
#social-links a.li:hover .li-icon{background-position:-119px -47px;}
#social-links a.insta:hover .insta-icon{background-position:-163px -46px;}
#social-links a i {position: relative;}

/* social-share */
#social-share{margin-bottom: 45px;}
#social-share a {width:30px; height:30px; line-height:30px; display: block; float: left; margin-right: 12px; position: relative;}
#social-share a i{width: 30px; height: 30px;}
#social-share a.fb .fb-icon{background-position:-36px -91px;}
#social-share a.tw .tw-icon{background-position:-71px -91px;}
#social-share a.li .li-icon{background-position:-104px -91px;}
#social-share a.wa .wa-icon{background-position:-137px -91px; width: 31px;}
#social-share a.fb:hover .fb-icon{background-position:-36px -125px;}
#social-share a.tw:hover .tw-icon{background-position:-71px -125px;}
#social-share a.li:hover .li-icon{background-position:-104px -125px;}
#social-share a.wa:hover .wa-icon{background-position:-137px -125px;}

/* share-buttons */

#share-buttons{margin-bottom: 45px;}
#share-buttons a {width:30px; height:30px; line-height:30px; display: block; float: left; margin-right: 12px; position: relative;}
#share-buttons .a2a_default_style a .a2a_svg{background-color: #000 !important; border-radius: 50%;}
#share-buttons .a2a_default_style a .a2a_svg svg{transform: scale(0.7);}
#share-buttons .a2a_default_style a:hover .a2a_svg{opacity: 1; background-color: #d82128 !important;}



.owl-dots, .owl-nav {text-align:center; -webkit-tap-highlight-color:transparent;}
.owl-nav {margin-top:10px;}
.owl-nav [class*=owl-] {color:#FFF; font-size:88%; margin:5px; padding:4px 7px; background:#D6D6D6; display:inline-block; cursor:pointer; border-radius:3px;}
.owl-nav [class*=owl-]:hover {background:#869791; color:#FFF; text-decoration:none;}
.owl-nav .disabled {opacity:.5; cursor:default;}
.owl-nav.disabled+.owl-dots {margin-top:18px;}
.owl-dots {margin-top: 0 !important; position: absolute; right: -50px; top:50%; transform: translateY(-50%);}
.owl-dots .owl-dot {display:block; zoom:1; cursor: pointer; margin:10px 0;}
.owl-dots .owl-dot span {width:16px; height:16px; margin: 0 5px; background:transparent; border: 1px solid #959595; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:50%;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background:#959595;}

/* footer */
#home footer{background: #fff; }
#home .f-padding{background: #fff; }
footer{padding1: 100px 0;background-color: #f6f6f6; position: relative;}
footer .sub-text{margin-bottom: 80px;}
footer ul {margin:8px 0 0 0; padding: 0; list-style: none;}
footer ul li {display: inline-block; vertical-align: middle; margin: 0;}
footer ul li a {display: block; padding:0; font-size: 130%; position: relative;}
footer ul li:first-child a{padding-right: 50px;}
footer ul li a:before {content: ''; width: 2px; height: 20px; background-color: #000; position: absolute; left: -25px; top: 3px;transition: all 0.4s;}
footer ul li:first-child a:before{display: none;}

.copyright{position: relative; left: 0; right: 0; margin: 0 auto; bottom1: 30px; margin-top: 40px;}
.copyright a{text-decoration: underline;}
.copyright .copy-text{margin-left: 60px; float: left;}
.copyright .uphill-emg{float: right;}

.sprite{background-image:url('../images/sprite.png');background-repeat:no-repeat;display:inline-block;vertical-align:middle;}

/*15-10-2020*/
.wrapper{height: 100% !important; height: 100%; margin: 0 auto; overflow: hidden;}
.wrapper.active{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fff; height: 100%;}
/*end 15-10-2020*/

/* totop */
#totop {bottom: 30px; cursor: pointer; display: block; height: 40px; line-height: 40px; padding: 0; position: fixed; right: 30px; width: 40px; z-index:999; background-color: #d82128; text-align: center; border-radius:50%; transition: background-color .2s linear; opacity: 0;}
#totop .arrow-up {background-position: -2px -44px; width: 13px; height: 8px; position: relative; top: -2px;}
#totop:hover {background-color: #000;}

/* btn-cust */
.btn-cust{font-size: 100%; position: relative; border: none; font-weight: 600; height: 40px; line-height: 40px; color:#000000; text-decoration: none;  padding: 0; text-transform: uppercase;}
.btn-cust .icon{position: relative; display: inline-block; vertical-align: bottom; right: 0; top: 0; height: 40px; width: 40px; background-color: #da2128; border-radius: 50%; margin-left: 20px; transition: all .3s linear;}
.btn-cust .icon .arrow{background-position:-3px -27px;;width: 9px;height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;transition: all .3s linear;}
.btn-cust:hover,.btn-cust:focus{background-color: transparent;color: #da2128; box-shadow: none;}
.btn-cust:hover .icon .arrow,.btn-cust:focus .icon .arrow{transform1: rotateY(360deg);}
.btn-cust:hover .icon{right: -10px;}

.button-set{ margin-top: 80px;}
.button-set .icon{margin-left: 15px;}
.button-set .btn-cust{color:#a7a7a7; line-height: normal; vertical-align: middle; height: auto;}
.button-set .btn-cust .icon{background-color: #a7a7a7;}
.button-set .btn-cust:hover .icon{background-color: #da2128;}
.button-set .btn-cust:hover{color: #da2128;}
.button-set .btn-cust.inactive{color: #a7a7a7;}
.button-set .btn-cust.inactive:hover .icon{background-color: #a7a7a7;}
.button-set .next-btn .icon{margin:0 15px 0 10px;}
.button-set .prev-btn .icon .arrow{background-position: -3px -97px;}
.prev-arrow{background-position: -29px -207px; width: 38px; height: 14px; margin-right: 10px; position: relative; top: -2px;}
.next-arrow{background-position: -157px -207px; width: 37px; height: 14px; margin-left: 10px; position: relative; top: -2px;}
.next-btn{margin-left: 30px;}

.button-set .prev-btn:hover .prev-arrow{background-position:  -71px -207px;}
.button-set .next-btn:hover .next-arrow{background-position: -115px -207px;}

.director-info{margin-top: 60px; text-transform: uppercase;}
.director-info .name{font-size: 160%; font-weight: 600; float: left;}
.director-info .post{font-weight: 500;}
.director-info .btn-cust{float: right; height: auto; line-height: 40px; color: #7d7d7d}
.director-info .btn-cust:hover{color: #da2128;}
.data-modal {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: 99; padding: 50px; text-transform: none;}
.data-modal .close {width: 40px; height: 40px; position: relative; top: 20px; z-index: 2;}
.data-modal .director-content {height: calc(100vh - 320px); max-width: 100vw; margin: 0 auto; }
.data-modal .director-content .box {text-align: left; margin: 0 auto; max-width: 770px; }
.director-pic{margin: 0 0 30px 0;}
#directors-profile.data-modal h2.title{ max-width: 770px; margin: 70px auto 30px;}
#directors-profile.data-modal {max-width1: 1770px; margin: 0 auto; padding-top: 100px;}
#directors-profile.data-modal .close {float: none; position: absolute; right: 5%; top: 182px;}

body1{overflow-y: scroll;}
body.active{overflow: hidden;}

.mCSB_scrollTools {opacity: 0 !important; visibility: hidden !important;}

.bottom-link .sep{color: #7d7d7d; margin:0 8px 0 3px; display: inline-block; vertical-align: top;}
.ref-link{color: #7d7d7d; text-transform: none; margin: 0 !important; position: relative; padding-left: 30px; line-height: normal; font-weight: 600; display: inline-block; vertical-align: top;}
.ref-link .icon{position: absolute; left: 0; top: 0; background-position: -216px -11px; width: 18px; height: 18px;}
.ref-link:hover .icon{background-position: -216px -41px;}
.ref-link:hover .sep{color: #7d7d7d;}

.d-flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}

.video-container {position: relative; width: 100%; height: 0; padding-bottom: 56%; margin-bottom: 50px; display: block; text-decoration: none;}
.video-container video {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
/* #home section.f-padding{background-color: #fff !important;} 
#home footer{background-color: #fff !important;}*/

/* 28-04-2022 */
#top-menu{display: flex; align-items: center; justify-content: flex-end;}
#top-menu #social-links{margin-left: 30px; display: flex; align-items: center; justify-content: center;}
#top-menu #social-links:after{display: none; }
#top-menu #social-links a{width: 30px; height: 30px; line-height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; float: none; border: 1px solid #7d7d7d; color: #7d7d7d;}
#top-menu #social-links a i {width: auto; height: auto;}
#top-menu #social-links a:hover{background-color: #da2128; border-color: #da2128; color: #fff;}


.award-text{display: flex; flex-wrap: wrap; width: 100%; margin-top: 50px;}
.award-text a{height: auto; color: #7d7d7d; width: 33.33%; line-height: 1.3;}
.award-text a em{font-style: normal;}

#footer-links{margin: 130px 0 0; padding: 0 0 24px; list-style: none; display: flex; justify-content: space-between; border-bottom: 1px solid #dddddd;}
#home #footer-links{border-color: #f6f6f6;}
#footer-links li a{display: block; font-size: 100%;
    font-weight: 500;
    color: #7d7d7d;
    text-transform: uppercase;
    margin: 0; padding: 0;}
    #footer-links li a:before{display: none;}
    #footer-links li a:hover{color: #da2128;}
    
    .infographic-text{ font-size: 225%; line-height: normal; font-weight: 700; color: #000; margin:0; padding: 0 40px 0 50px; text-transform: none;}
    .infographic-text:before{display: none;}

    #accessbility-tools {display: none;}

.guj-text {font-family: 'titlelighttwonormal';}

.contact-form,.career-form{position: relative;}
#contact_loader,#career_loader,#stall_loader{
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pl-0{padding-left: 0 !important;}

#myModal{background-color: rgba(0,0,0,.7);}
.modal-dialog-centered {display1: flex; align-items1: center; min-height1: calc(100% - 56px); 
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    margin: auto;
}
.modal-dialog-centered iframe{
    height: 100% !important;
}
.modal-lg{width: 1000px;}

.portfolio-gallery .carousel-inner .item{margin-bottom: 0;}

.our-work .item.placeholder-glow .img-wrap svg{position: absolute; inset: 0; margin: auto; color: #d9d9d9; animation: animateImg 1s ease-in forwards infinite}
.our-work .item.placeholder-glow .placeholder{ height: 1rem; margin-bottom: 1rem !important; background-color: #d9d9d9;}
.our-work .item.placeholder-glow .placeholder.title{height: 3rem; margin-bottom: 1rem !important; animation: animateOne 1s ease-in forwards infinite;}
.our-work .item.placeholder-glow .info p:nth-child(2){width: 50%; animation: animateTwo 1s ease-in forwards infinite;}
.our-work .item.placeholder-glow .info p:nth-child(3){width: 70%; animation: animateThree 1s ease-in forwards infinite;}
.our-work .item.placeholder-glow .info p:nth-child(4){width: 90%; animation: animateFour 1s ease-in forwards infinite;}
@-webkit-keyframes animateImg {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes animateOne {
    0% {
        width: 10px;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes animateTwo {
    0% {
        width: 10px;
    }
    100% {
        width: 50%;
    }
}
@-webkit-keyframes animateThree {
    0% {
        width: 10px;
    }
    100% {
        width: 70%;
    }
}
@-webkit-keyframes animateFour {
    0% {
        width: 10px;
    }
    100% {
        width: 90%;
    }
}

.iframe-outer{
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
.iframe-outer iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}