/* Add here all your CSS customizations */

html {
    scroll-behavior: smooth;
}
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
    color: #48cc00;
}

#boss .section {
    padding: 0px 0;
    margin: 0px 0;
}
#performance .section {
    margin: 0px 0;
}

.featured-boxes-full .featured-box-full {
    text-align: left;
}

html .featured-boxes-full .featured-box-full .btn-dark {
    background-color: #e19994;
    border-color: #e19994 #e19994 #e19994;
    color: #ffffff;
}

#header .header-top {
    border-bottom: 2px solid rgba(255, 255, 255, 0.06) !important;
   /*background-image: linear-gradient(rgba(255,255,255,), rgba(255,0,0,0));*/
    /*background: linear-gradient(black,transparent);*/
    /*background: black;*/

}

#header .header-nav-top .dropdown-menu:before {
    right: 190px;
}

#header .header-nav-top .nav > li > a{
    border: solid 1px #ef8484;
    background: #f80808;
    color: #FFF;
}

.social-icons li a {
    background: #59595a;
    opacity: .6;
    color: #FFF !important;
}

.home-intro-blue {
    background-color: #2774c1;
    margin-bottom: 60px;
    overflow: hidden;
    padding: 38.4px 0;
    padding: 2.4rem 0;
    position: relative;
    text-align: left;
    color: #FFF !important;

}





 /*STORY*/


.timelineText {
    margin: 55px auto 0px;
    max-width: 600px;
    text-align: center
}

.timelineWrap {
    width: 100%;
    margin: 0 auto
}

.timelineWrap li {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding-top: 13vh
}

.timelineWrap li:last-child {
    margin-bottom: 30px
}

.timelineWrap li.adjstli {
    display: inline;
    padding: 0;
    margin: 0
}

.timelineWrap li.subli {
    margin: 0;
    padding: 0
}

.timelineWrap li>div {
    display: block;
    width: 50%;
    padding: 0 40px
}

.timelineWrap li>div.yearNtitle {
    margin-top: 7vh
}

.timelineWrap li>div.yearNtitle h2 {
    font-size: 32px;
    color: #f5a02d;
    padding: 0
}

.timelineWrap li>div.yearNtitle h3 {
    font-size: 284px;
    color: #f1f1f1;
    font-family: 'interFace';
    line-height: .5;
    padding-top: 90px
}

.timelineWrap li>div.imgConten {
    position: relative
}

.timelineWrap li>div.imgConten .icImgwrap {
    width: 100%;
    position: relative
}

.timelineWrap li>div.imgConten .icImgwrap i {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #fff
}

.timelineWrap li>div.imgConten img {
    width: 100%
}

.timelineWrap li>div.imgConten span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    background: #fff;
    color: #474747;
    font-size: 15px
}

.timelineWrap li>div.imgConten p {
    margin: 15px 0 10px
}

.timelineWrap li:nth-child(2n+1) .imgConten {
    float: right
}

.timelineWrap li:nth-child(2n+1) .yearNtitle {
    float: left
}

.timelineWrap li:nth-child(2n+2) .imgConten {
    float: left
}

.timelineWrap li:nth-child(2n+2) .yearNtitle {
    float: right;
    text-align: right
}

.timelineWrap li:nth-child(2n+2) .line-timeliner {
    right: 40px;
    left: auto
}

.timelineWrap li ul li:nth-child(2n+1) .imgConten {
    float: right
}

.timelineWrap li ul li:nth-child(2n+1) .yearNtitle {
    float: left
}

.timelineWrap li ul li:nth-child(2n+2) .imgConten {
    float: left
}

.timelineWrap li ul li:nth-child(2n+2) .yearNtitle {
    float: right;
    text-align: right
}

.timelineWrap li ul li:nth-child(2n+2) .line-timeliner {
    right: 40px;
    left: auto
}

.line-timeliner {
    position: absolute;
    top: 0;
    width: 2px;
    height: 20vh;
    left: 40px
}

.line-timeliner em {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #a31834
}

.timelineNavbar {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px
}

.timelineNavbar li {
    display: block
}

.timelineNavbar li a {
    display: block;
    width: 25px;
    height: 15px;
    position: relative;
    float: right;
    -webkit-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.timelineNavbar li a:after {
    position: absolute;
    top: 6px;
    right: 0;
    height: 2px;
    width: 100%;
    content: "";
    background: #ccc
}

.timelineNavbar li a strong {
    position: absolute;
    top: 0;
    right: 115%;
    opacity: 0
}

.timelineNavbar li a.nav-active,
.timelineNavbar li a:hover {
    width: 40px
}

.timelineNavbar li a.nav-active:after,
.timelineNavbar li a:hover:after {
    background: #a31834
}

.timelineNavbar li a.nav-active strong,
.timelineNavbar li a:hover strong {
    opacity: 1
}

.nmInnerpage {
    padding: 0 10px
}

.nmInnerpage h3 {
    color: #d72738;
    margin-bottom: 15px
}

.nmInnerpage h6 {
    color: #f5a02d;
    padding: 0 0 7px
}

.nmInnerpage .tagline {
    margin-top: 5px;
    color: #000;
    display: inline-block
}

.fpmobileBanner {
    float: left;
    width: 100%;
    position: relative;
    display: none
}

.fpmobileBanner .fpmslide {
    display: block;
    width: 100%;
    position: relative;
    height: 60vh;
    background-size: cover
}

.fpmobileBanner .fpmslide>div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px
}

.fpmobileBanner .fpmslide>div h6 {
    color: #fff
}

.fpmobileBanner .fpmslide>div h2 {
    color: #fff;
    margin-bottom: 20px
}

.page-node-19 #block-system-main {
    position: relative
}

.node-type-businesses.page-node-24 .businesListCate>li:first-child {
    margin-top: 100px
}

.node-type-businesses.page-node-24 .line-inbanbotomleft {
    height: 210px
}

.navbar.blackNavigation .navbar-brand em {
    max-height: 100% !important;
    height: auto !important
}

[data-aos=textanimation] .text {
    fill: #fff;
    stroke-width: 1;
    stroke-linejoin: round;
    stroke-dasharray: 0 400;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dasharray 3s ease 0s, fill .6s ease 0s;
    -o-transition: stroke-dasharray 3s ease 0s, fill .6s ease 0s;
    transition: stroke-dasharray 3s ease 0s, fill .6s ease 0s;
    stroke: #f5a02d
}

[data-aos=textanimation].aos-animate .text {
    -webkit-animation: stroke 2s linear;
    animation: stroke 2s linear;
    stroke-dasharray: 1070 400;
    fill: #f1f1f1;
    -webkit-transition: stroke-dasharray 3s ease 0s, fill .6s ease 1s;
    -o-transition: stroke-dasharray 3s ease 0s, fill .6s ease 1s;
    transition: stroke-dasharray 3s ease 0s, fill .6s ease 1s
}

.timelineWrap li>div.yearNtitle h3[data-aos=textanimation] {
    padding-top: 0
}

.timelineWrap li>div.yearNtitle h3 svg {
    width: 100%;
    text-align: right
}

.timelineWrap li>div.yearNtitle h3 svg svg {
    margin-right: -100px
}

.searchsocial li:last-child {
    display: none
}

.p0 {
    padding: 0 !important
}

.sustainbilityCategories .slick-dots {
    position: fixed;
    top: 0 !important;
    left: 0
}

.node_nid_hide {
    display: none
}

html.js input.form-autocomplete {
    background-image: none
}

.carousel-inner .item:not(:first-child) .banerLeft {
    padding-top: 11%
}

.otherbod {
    padding-left: 25px;
    position: relative;
    float: left;
    width: 100%
}

.line-otherbod {
    position: absolute;
    bottom: 100%;
    left: 27px;
    height: 60px;
    width: 2px;
    z-index: 11
}

.line-otherbod em {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #9c3647
}

.page-search-node .searchsocial {
    display: none
}

.bannerVideoPopup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120%;
    height: 100%;
    display: none;
    z-index: 111
}

.bannerVideoPopup iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.scrollstop {
    overflow: hidden !important
}

.careerBannerCenter {
    position: absolute;
    top: 50%;
    max-width: 740px;
    width: 90%;
    text-align: center;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.careerBannerCenter h2 {
    font-size: 70px;
    color: #fff;
    text-shadow: 0 0 50px #000, 0 0 70px rgba(0, 0, 0, 0.5)
}

.resizing-input {
    background: #fff;
    padding: 15px
}

.resizing-input input {
    border: none;
    background: none;
    font-size: 16px;
    min-width: 90px;
    max-width: 95%
}

.resizing-input span {
    font-size: 16px
}

.resizing-input .searchIcon {
    width: 20px
}

.carrerNavigation {
    background: #a31834;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-transition: all .3s ease-out .1s;
    transition: all .3s ease-out .1s;
    -webkit-transition: all .3s ease-out .1s;
    -moz-transition: all .3s ease-out .1s
}

.carrerNavigation .deskCareersMenu ul {
    float: left;
    display: block;
    padding: 20px 0
}

.carrerNavigation .deskCareersMenu ul li {
    display: block;
    float: left;
    position: relative
}

.carrerNavigation .deskCareersMenu ul li a {
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 2px 35px 0
}

.carrerNavigation .deskCareersMenu ul li a.active .line-carrerNavigation {
    display: block
}

.carrerNavigation .deskCareersMenu ul li+li {
    border-left: solid 1px #fff
}

.carrerNavigation .deskCareersMenu ul li .line-carrerNavigation {
    display: none
}

.carrerNavigation .rightBpositions {
    float: right;
    margin-top: 13px
}

.carrerNavigation.fixedCareers {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111
}

.carrerNavigation.fixedCareers .line-carrerNavigation {
    display: none !important
}

.carrerNavigation.fixedCareers.fixtopmar {
    top: 61px;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s
}

.overviewTopconten {
    text-align: center;
    margin: 140px auto 180px auto;
    position: relative
}

.overviewTopconten h2 {
    max-width: 500px;
    display: inline-block;
    margin: 0 auto;
    line-height: 1.2;
    margin-bottom: 20px;
    background: #fff
}

.overviewTopconten+.careerBannerCenter {
    position: static;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    margin: 0 auto;
    border: solid 1px #ccc
}

.otpWrap {
    max-width: 680px;
    margin: 0 auto
}

.line-careerTophead {
    width: 50%;
    position: absolute;
    top: 50%;
    right: 50%;
    height: 2px;
    z-index: -1
}

.line-careerTophead em {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #a31834;
    width: 100%
}

.line-carrerNavigation {
    width: 2px;
    position: absolute;
    top: 100%;
    left: 50%;
    height: 236px;
    z-index: -1
}

.line-carrerNavigation em {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #a31834;
    width: 100%
}

.line-overviewtop {
    width: 2px;
    position: absolute;
    top: 103%;
    left: 50%;
    height: 150px;
    z-index: -1
}

.line-overviewtop i {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f5a02d;
    width: 100%
}

.overviewSlidenav {
    width: 100%;
    max-width: 900px;
    background: #a31834;
    position: relative;
    margin: 10px auto;
    overflow: visible !important
}

.overviewSlidenav .slide {
    width: 20%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-family: 'SohoStd-ExtraLight';
    font-weight: 400;
    padding: 40px 0 30px
}

.overviewSlidenav .slide span {
    margin-bottom: 10px;
    display: block
}

.overviewSlidenav .slide.slick-current {
    color: #f5a02d
}

.slideConten {
    width: 100%;
    position: relative;
    max-width: 620px;
    margin: 0 auto
}

.wrapContenSlide {
    float: left;
    text-align: center;
    color: #f5a02d;
    width: 100%
}

.wrapContenSlide p {
    text-align: center
}

.ljoSlider {
    float: left;
    width: 100%
}

.ljoSlider.slick-slider {
    overflow: visible
}

.ljoSlider .slick-list {
    overflow: visible
}

.ljoSlide {
    display: block;
    float: left;
    margin: 0 10px;
    padding: 20px;
    background: #f5a02d;
    color: #fff;
    height: 260px;
    width: 260px;
    position: relative
}

.ljoSlide:hover a.btn-animation {
    max-height: 100px
}

.appplynowadd {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px)
}

.appplynowadd>a.btn-animation {
    max-height: 0;
    overflow: hidden;
    float: left;
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.ljotital {
    margin-bottom: 20px
}

.ljotital h4 {
    color: #a31834;
    float: left
}

.ljotital .navljo {
    float: left;
    margin: 7px
}

.ljotital .navljo a {
    display: block;
    float: left;
    width: 50px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center
}

.ljotital .navljo a+a {
    border-left: solid 1px #f7e8ea
}

.ljotital .navljo a.ljoPrev {
    background-image: url(../../../all/themes/arvind/images/arrowRedLeft.png)
}

.ljotital .navljo a.ljoNext {
    background-image: url(../../../all/themes/arvind/images/arrowRedRight.png)
}

.line-ljobg {
    width: 100%;
    position: absolute;
    top: 75%;
    left: 0;
    height: 2px;
    z-index: -1
}

.line-ljobg em {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #a31834;
    width: 100%
}

.ljoMainwrapper {
    margin-bottom: 90px
}

.pyfList {
    float: left;
    width: 100%;
    text-align: center;
    margin: 160px 0
}

.pyfList li {
    width: 24.5%;
    display: inline-block;
    padding: 15px 25px;
    margin: 10px 0;
    vertical-align: top
}

.pyfList li:nth-child(3),
.pyfList li:nth-child(5) {
    width: 24.5%
}

.pyfList li i {
    width: 35px;
    display: inline-block;
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.pyfList li h4 {
    display: block;
    color: #f5a02d;
    margin: 10px 0
}

.pyfList li .btn-animation.red .text {
    font-size: 15px;
    color: #aeaeae;
    padding-right: 50px;
    position: relative
}

.pyfList li .btn-animation.red .text i {
    top: 50%;
    left: 100%;
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
    height: 1px;
    width: 20px;
    background: #aeaeae;
    display: block;
    position: absolute
}

.pyfList li .btn-animation.red .text i:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 1px;
    height: 7px;
    width: 1px;
    background: #aeaeae;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.pyfList li .btn-animation.red .text i:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 1px;
    height: 7px;
    width: 1px;
    background: #aeaeae;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.pyfList li .btn-animation .text:after {
    background-image: none;
    width: 21px
}

.pyfList li.pyftitalc {
    width: 50%
}

.pyfList li:hover .btn-animation.red .text i {
    width: 30px;
    background: #a31834
}

.pyfList li:hover .btn-animation.red .text i:after {
    background: #a31834
}

.pyfList li:hover .btn-animation.red .text i:before {
    background: #a31834
}

.pyfList li:hover .btn-animation.red .text {
    color: #a31834
}

.pyfTitalWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff
}

.pyfTitalWrap h2.hclass {
    text-align: center
}

.pyfTitalWrap h2.hclass small {
    font-size: 15px;
    font-family: 'interFace';
    display: block
}

.line-pyftc {
    width: 2px;
    position: absolute;
    top: 0;
    left: 50%;
    height: 50%;
    z-index: -1
}

.line-pyftc em {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f5a02d;
    width: 100%
}

.pickYourFit {
    margin-top: 20px
}

.masonryWrap {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: solid 2px #a31834
}

.masonryWrap li {
    width: 33%;
    float: left;
    padding: 12px;
    position: relative
}

.masonryWrap li>img {
    width: 100%
}

.masonryWrap li:hover .mwOverly {
    opacity: 1;
    visibility: visible
}

.mwOverly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.mwOverly .mwConten {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 20px;
    max-height: 90%
}

.mwOverly .mwConten h4 {
    color: #a31834;
    margin-bottom: 5px
}

.mwOverly .mwConten h6 {
    color: #a31834;
    margin-bottom: 25px
}

.wrapmasonryBtn {
    padding: 42px 0 0;
    text-align: center
}

.line-msviewmoreline {
    width: 2px;
    left: 50%;
    height: 200px;
    position: relative;
    display: block;
    margin-top: 25px
}

.line-msviewmoreline em {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f5a02d;
    width: 100%
}

.wraphrstories p {
    max-width: 600px;
    margin: 0 auto
}

.srStorysWeaps {
    float: left;
    width: 100%;
    margin: 20px 0 50px
}

.srStorysWeaps li {
    width: 24%;
    margin: 0 .5%;
    float: left;
    background: #f2f2f1;
    position: relative;
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.srStorysWeaps li .imgwraphr {
    width: 100%;
    loat: left;
    text-align: center;
    position: relative;
    z-index: 22
}

.srStorysWeaps li .imgwraphr img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.srStorysWeaps li .hrconten {
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    padding: 40px 20px 40px 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.srStorysWeaps li .hrconten h3 {
    margin-bottom: 15px
}

.srStorysWeaps li .hrconten .btn-animation .text {
    padding-left: 0
}

.srStorysWeaps li.active {
    width: 49%
}

.srStorysWeaps li.active .imgwraphr img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.srStorysWeaps li.active .hrconten {
    float: left;
    width: 48%;
    padding: 40px 20px 40px 0;
    opacity: 1;
    visibility: visible
}

.peopleListWrap {
    float: left;
    width: 100%;
    margin-bottom: 190px;
    position: relative
}

.peopleListWrap li {
    float: left;
    display: block;
    width: 50%;
    padding: 55px 0
}

.peopleListWrap li:first-child {
    padding-top: 0
}

.peopleListWrap li:nth-child(2) {
    padding-top: 190px;
    float: right
}

.peopleListWrap li:nth-child(2n+2) {
    float: right
}

.peopleListWrap li>div {
    display: table;
    vertical-align: middle;
    width: 100%;
    background: #f2f2f1;
    position: relative
}

.peopleListWrap li>div span {
    display: table-cell;
    width: 40%;
    padding: 5px;
    margin-bottom: -10px
}

.peopleListWrap li>div span img {
    margin-bottom: -20px;
    width: 100%;
    max-width: 320px;
    width: 100%
}

.peopleListWrap li>div .ppconten {
    display: table-cell;
    width: 1;
    padding: 20px;
    vertical-align: middle
}

.peopleListWrap li>div .ppconten .text {
    padding-left: 0
}

.line-peopleBottom {
    position: absolute;
    top: 100%;
    right: 50%;
    width: 50%;
    height: 2px
}

.line-peopleBottom>em {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #f5a02d
}

.line-peopleBottom strong {
    right: 100%;
    height: 190px;
    width: 2px;
    position: absolute;
    top: 0
}

.line-peopleBottom strong>i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f5a02d
}

.allpeopleSlider {
    width: 100%;
    float: left;
    margin-bottom: 50px
}

.allpeopleSlider.slick-slider {
    overflow: visible
}

.allpeopleSlider .pplslide {
    float: left;
    width: 273px;
    background: #f2f2f1;
    margin-right: 20px
}

.allpeopleSlider .pplslide span {
    display: block;
    float: left;
    width: 100%
}

.allpeopleSlider .pplslide span img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 165px;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.pplText {
    padding: 20px;
    float: left
}

.opinnerTital {
    margin: 80px 0 30px;
    position: relative
}

.opinnerTital h2 {
    max-width: 730px
}

.opinnerTital>div {
    display: inline-block;
    padding: 0 15px;
    background: #fff;
    position: relative;
    z-index: 1
}

.line-opitLeft {
    width: 50%;
    top: 50%;
    left: 0;
    height: 2px;
    position: absolute
}

.line-opitLeft em {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #a31834
}

.pplincontenwrap {
    max-width: 990px;
    margin: 0 auto;
    text-align: center
}

.pplincontenwrap p+p {
    margin-top: 20px
}

.pplvideoWrap {
    margin: 60px 0;
    position: relative
}

.pplVideoPlay {
    display: block;
    width: 85px;
    height: 85px;
    border: solid 2px #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pplVideoPlay:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 58%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 20px solid transparent;
    border-left: 30px solid #fff;
    border-bottom: 20px solid transparent
}

.pplyellowtext {
    padding: 30px 0;
    border-top: solid 1px #f5a02d;
    border-bottom: solid 1px #f5a02d;
    color: #f5a02d;
    margin: 60px 0
}

.ourppllist {
    margin: 145px 0 155px
}

.ourppllist .ourppllistslider {
    margin: 25px 0
}

.ourppllist .ourpplslid {
    display: block;
    float: left;
    padding: 15px
}

.ourppllist .ourpplslid span {
    display: block
}

.ourppllist .ourpplslid strong {
    font-size: 20px;
    margin-top: 15px;
    display: block;
    font-weight: 400
}

.ourppllist h2 {
    text-align: center
}

.line-ourpplTop {
    position: absolute;
    bottom: 100%;
    right: 50%;
    width: 2px;
    height: 100px
}

.line-ourpplTop>em {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #f5a02d
}

.line-ourpplBottom {
    position: absolute;
    top: 100%;
    right: 50%;
    width: 2px;
    height: 100px
}

.line-ourpplBottom>em {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #f5a02d
}

.fpsText p {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    margin-bottom: 40px
}

.careersBrowsePositionForm {
    float: left;
    width: 100%;
    margin: 30px 0 50px
}

.careersBrowsePositionForm>li {
    width: 26.66%;
    float: left;
    padding: 10px 20px
}

.careersBrowsePositionForm>li:last-child {
    width: 20%
}

.careersBrowsePositionForm>li .btn-animation {
    width: 100%;
    text-align: center
}

.jsResult h2 {
    text-align: center;
    color: #a31834
}

.jsResult h2 span {
    color: #a7a7a7
}

.jobResultList {
    float: left;
    width: 100%;
    margin-top: 20px
}

.jobResultList li {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 45px
}

.jobResultList li h3 {
    color: #f5a02d
}

.jobResultList li p {
    font-size: 20px;
    color: #a7a7a7;
    margin: 10px 0
}

.jobResultList li strong {
    font-weight: 400;
    margin: 0 10px
}

.jobResultList li .btn-animation .text {
    padding-top: 0;
    padding-bottom: 0;
    color: #f5a02d
}

.jobResultList li .btn-animation.red .text:after {
    background: url(../../../all/themes/arvind/images/arrowR-.html#ff0.png) no-repeat center center
}

.page-node-16 .timelineText {
    margin-bottom: 0
}

.csrinnerpagetital h1 {
    display: none
}

.btnspace {
    margin: 10px 0 40px
}

.preview .action>span:after {
    -webkit-box-shadow: 0 0 83px 30px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 83px 30px rgba(0, 0, 0, 0.4);
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1
}

.previewNav:after {
    -webkit-box-shadow: 0 0 43px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 43px 10px rgba(0, 0, 0, 0.7);
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1
}

.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

/*LOADER*/



.preLoader>* {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 1rem;
    z-index: 9999;
}

.preLoader:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle
}

.o-loader_line {
    position: relative;
    z-index: 2;
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 2px;
    transition: -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.o-loader_line:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    background-color: #fff;
    content: "";
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-animation: loading 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
    animation: loading 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards
}

.is-loading .o-loader_line:after,
.is-loaded .o-loader_line:after {
    opacity: 0
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: translate(0%) scaleX(0);
        transform: translate(0%) scaleX(0)
    }
    30% {
        -webkit-transform: translate(0%) scaleX(1);
        transform: translate(0%) scaleX(1)
    }
    80% {
        -webkit-transform: translate(100%) scaleX(0);
        transform: translate(100%) scaleX(0)
    }
    100% {
        -webkit-transform: translate(100%) scaleX(0);
        transform: translate(100%) scaleX(0)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: translate(0%) scaleX(0);
        transform: translate(0%) scaleX(0)
    }
    30% {
        -webkit-transform: translate(0%) scaleX(1);
        transform: translate(0%) scaleX(1)
    }
    80% {
        -webkit-transform: translate(100%) scaleX(0);
        transform: translate(100%) scaleX(0)
    }
    100% {
        -webkit-transform: translate(100%) scaleX(0);
        transform: translate(100%) scaleX(0)
    }
}

.preLoader {
    white-space: nowrap;
    font-size: 0;
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: visibility 0s;
    -o-transition: visibility 0s;
    transition: visibility 0s;
    overflow: hidden
}

.preLoader.white:after {
    background: #fff
}

.preLoader:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1063A0;
    content: "";
    transition: -webkit-transform .6s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: -webkit-transform .6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform .6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform .6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform .6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .6s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.is-loaded.preLoader:after {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.is-loading.preLoader:after {
    display: none
}

.is-loaded.preLoader {
    visibility: hidden;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}





.welcomeScreen {
    display: inline-block;
    width: 370px;
    max-width: 80%;
    height: 150px;
    position: relative;
    z-index: 111
}

.welcomeScreen .logowrap {
    max-width: 400px;
    z-index: 1
}

.welcomeScreen .logowrap span {
    display: block;
    position: relative;
    overflow: hidden
}

.welcomeScreen .logowrap span i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1063A0;
    -webkit-box-shadow: 0 0 100px 80px #1063A0;
    box-shadow: 0 0 100px 80px #1063A0;
    -webkit-transition: all 2s ease-in 0s;
    -o-transition: all 2s ease-in 0s;
    transition: all 2s ease-in 0s
}

.welcomeScreen .logowrap span:nth-child(2) i {
    -webkit-transition: all 2s ease-in 1.2s;
    -o-transition: all 2s ease-in 1.2s;
    transition: all 2s ease-in 1.2s
}

.welcomeScreen.welcomeActive+.o-loader_line {
    display: none
}

.welcomeScreen.welcomeActive .logowrap span i {
    left: 150%
}

.btn-animation,
.wrapNaviforslider a,
.mobileSearch,
.navbar-toggle {
    overflow: hidden !important
}

.waves-effect {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, 0.2)
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4)
}

.waves-notransition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    color: inherit;
    background-color: transparent;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper.waves-button {
    padding: 0
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.waves-float:active {
    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3)
}

.waves-block {
    display: block
}

.navbar-default .navbar-nav>li>a.dropDownArrow {
    display: none
}

.dinswap.boddetailbox .imgconten {
    width: 100%;
    height: 100%;
    max-height: 70vh;
    padding-left: 30px
}

.dinswap img {
    margin-right: 30px;
    margin-bottom: 30px
}

.img404wrap {
    margin: 100px 0 50px;
    padding: 0 50px
}

.msg404page {
    display: inline-block;
    position: relative;
    background: #fff;
    padding: 0 50px;
    margin-bottom: 50px
}

.line-404left {
    width: 50vw;
    height: 2px;
    position: absolute;
    top: 22px;
    left: 0
}

.line-404left>i {
    height: 100%;
    width: 100%;
    background: #a31834;
    display: block
}



.bg-extra-dark-gray {
    background-color: #0088cc;
}
.bg-extra-dark-red {
    background-color: #cd2122;
}
.height-100 {
    height: 100% !important;
}
.width-100 {
    width: 100%;
}
.display-table {
    display: table !important;
}
.display-table-cell {

    display: table-cell !important;

}
.padding-fifteen-all {

    padding: 15%;

}
.vertical-align-middle {

    vertical-align: middle;

}
.margin-10px-bottom {

    margin-bottom: 10px;

}
.text-medium-gray {

    color: #939393;

}
.alt-font {

    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

#header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active {
    background-color: #e75016;
}
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a {
    color: #e75016;
}
#header .header-nav-main nav > ul > li > a {

    color: #e75016;

}


.diamonds {
    font-size: 0;
    margin: 40px auto 85px;
    position: relative;
    text-align: center;
    padding: 50px 0 0 57px;
}
.diamonds > li {
    display: inline-block;
    font-size: 18px;
    margin-right: 135px;
}
.diamonds .diamond {
    background: #f7f7f7;
    display: block;
    height: 255px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 255px;
    overflow: hidden;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.diamonds .diamond:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 100;
}
.diamonds .diamond:hover:after {
    opacity: 0.3;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.diamonds .diamond:hover .content:after {
    opacity: 0.8;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.diamonds .content {
    display: table-cell;
    height: 255px;
    padding: 0 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    vertical-align: middle;
    width: 255px;
    position: relative;
}
.diamonds .content:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff;
    content: "\e091";
    font-family: "simple-line-icons";
    font-size: 28px;
    left: 27%;
    margin: -6px -12px;
    opacity: 0;
    position: absolute;
    top: 50%;
    z-index: 1000;
    -webkit-transform: scale(2);
    transform: scale(2);
}
.diamonds .content img {
    max-width: 375px;
    margin-left: -50%;
}
.diamonds .diamond-sm .content:after {
    left: 24%;
    top: 48%;
}

@media (min-width: 1199px) {
    .diamonds > li:nth-child(3) {
        margin-right: 0;
    }
    .diamonds > li:nth-child(4) {
        right: 132px;
        top: 9px;
        position: absolute;
    }
    .diamonds > li:nth-child(5) {
        margin-left: 527px;
        margin-top: -70px;
    }
    .diamonds > li:nth-child(6) {
        position: absolute;
        margin: -6px 0 0 -27px;
        right: -32px;
    }
    .diamonds > li:nth-child(7) {
        position: absolute;
        margin: 97px 0 0 -133px;
        right: 73px;
    }
    .diamonds .diamond-sm {
        height: 128px;
        width: 128px;
    }
    .diamonds .diamond-sm .content {
        height: 128px;
        width: 128px;
    }
    .diamonds .diamond-sm .content img {
        max-width: 195px;
    }

    .row-diamonds-description {
        margin-top: -150px;
    }
}
@media (max-width: 1198px) {
    .diamonds {
        text-align: center;
        width: 748px;
        margin: 0 auto;
        padding: 75px 0 75px 75px;
    }
    .diamonds::after {
        clear: both;
        content: "";
        display: block;
    }
    .diamonds > li {
        margin: 0;
        position: static;
        float: left;
    }
    .diamonds > li:nth-child(2n+2) {
        margin-bottom: -50px;
        margin-left: 55px;
        margin-top: 200px;
    }
    .diamonds > li:nth-child(2n+1) {
        clear: both;
    }
}
@media (max-width: 748px) {
    .diamonds {
        margin: 0 auto;
        padding: 25px 0 0 0;
        text-align: center;
        width: 445px;
    }
    .diamonds > li {
        float: none !important;
        clear: both !important;
        margin: 45px 0 115px 95px !important;
        display: block;
    }
}
@media (max-width: 575px) {
    .diamonds-wrapper {
        min-height: 2650px;
    }
    .diamonds-wrapper .diamonds {
        margin: 0 auto;
        padding: 25px 0 0;
        text-align: center;
        width: 445px;
        position: absolute;
        left: 50%;
        margin-left: -222px;
    }
    .diamonds-wrapper .diamonds > li {
        text-align: center;
    }
}


section.section.parallax {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

section.section.parallax-fabrics-about {
    height: 500px;
}

section.section.lungi-background{
    height: 550px;
}
section.section.sharee-background{
    height: 500px;
}

/*section.section.parallax h1 {*/
    /*color: rgba(255, 255, 255, 0.8);*/
    /*font-size: 48px;*/
    /*line-height: 600px;*/
    /*font-weight: 700;*/
    /*text-align: center;*/
    /*text-transform: uppercase;*/
    /*text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
/*}*/
section.section.parallax-fabrics-about {
    background-image: url("../img/fabrics/about-us-background.jpg");
}
section.section.chairman-msg-background {
    background-image: url("../img/fabrics/chairman-msg-background.jpg");
}

section.section.lungi-background {
    background-image: url("../img/hellal&brothers/paralax-lungi-background.jpg");
}

section.section.sharee-background {
    background-image: url("../img/hellal&brothers/sharee.jpg");
}

section.section.salwar-background {
    background-image: url("../img/hellal&brothers/3pc.jpg");
}

section.section.spinning-background-1 {
    background-image: url("../img/spinning/spinning-background1.jpg");
}

section.section.fabrics-background-1 {
    background-image: url("../img/fabrics/fabrics-background-1.png");
}

section.section.fabrics-background-2 {
    background-image: url("../img/fabrics/fabrics-background-2.png");
}

section.section.parallax-2 {
    background-image: url("../img/2.jpg");
}
section.section.parallax-3 {
    background-image: url("../img/3.jpg");
}


/*.sister-concern .company {*/
    /*opacity: 0.4;*/
/*}*/

.sister-concern .company img {
    transition: 300ms;
}

#sister-concern .company img:hover {
  max-width: 100%;
 -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

/* ===== custom css ====== */

@media (max-width: 768px) {
	.counters.counters-sm strong {
    font-size: 25px !important;
    }
    .counters.counters-sm label{
        font-size: 15px !important;
    }
    h2,
    .text-9 {
        font-size: 1.5em !important;
    } 
    .feature-box-info h4{
        font-size: 1.1em !important;
    }
    
    #boss .text-6 {
        font-size: 1.2em !important;
    }
    .our-idea a{
        margin-top: 3px !important;
        margin-bottom: 30px !important;
    }
    #NationalTrophy .text-8,
    #NationalTrophy h4 {
        font-size: 1.2rem !important;
    }
    #home-intro h3{
        font-size: 1.7em !important;
    } 
    #largeModal h4{
        font-size: 1.2em !important;
    } 
}