* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}
a {
  text-decoration: none;
}
p,h1,h2,h3,h4,h5,h6{
    font-family: 'Proxima Nova Rg';
}
p{
    text-align: justify;
}

@media only screen and (min-width:1199px){
    ::-webkit-scrollbar {
      width: 7px;
      border-radius: 10px;background: rgba(0, 0, 0, 0.0); 
    }

    /* Track */
    ::-webkit-scrollbar-track {
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.0); 

    }
     
    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: #ccc; 
      border-radius: 10px;
      width: 7px;
      position: absolute;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: #111; 
    }
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('../fonts/ProximaNova-Black.woff2') format('woff2'),
        url('../fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova Th';
    src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('../fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'),
        url('../fonts/ProximaNovaT-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


.chat-icon {
    position: fixed;
    right: 68px;
    bottom: 65px;
    z-index: 111;
}
.chat-icon a{
    background:#b5212a;
    width: 65px;
    height:65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content:center;
    border: 1px solid #000;
    transition: opacity .25s ease-in-out;
}
.chat-icon a:hover{
   opacity:0.8; 
}

.menu-icon{
    position: absolute;
    left: 68px;
    bottom: 68px;
    z-index: 11;
}

/*.menu-chat-top{
    position: relative;
}
.menu-chat-top .menu-main{
    position: absolute;
    bottom: unset;
    top:200px;
}
.menu-chat-top .chat-icon{
    position: absolute;
    bottom: unset;
    top:288px;
}
*/

html:not(.scroll-window),
body:not(.scroll-window) {
    height: 100%;
    overflow: hidden;
}


.hed {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 700;
    padding-top: 70px;
    padding-left: 65px;
    /*background: url(../images/hed-bg.png) repeat-x center -35px;*/
}

.hed img {
    display: block;
}

.hed .container {
    max-width: 100%;
}
.mob-logo{
	display:none;
	visibility:hidden;
	opacity:0;
}
@media(max-width: 1440px) {
    .hed .container {
        max-width: 1280px;
    }
}

/*.text-reveal-container.reveal .text-reveal span[style] sub,
.text-reveal.reveal span[style] sub {
    animation: text-reveal 1s forwards cubic-bezier(0.25, 1, 0.5, 1) var(--transition-delay);
    will-change: transform;
}

.text-reveal:not(.concurrent) span[style] sub {
    --transition-delay: calc(var(--animation-delay) + (var(--index) * .08s));
}


.text-reveal{opacity:0;position:relative;--animation-delay: 0s}
.text-reveal.set{opacity:1}

@keyframes text-reveal
{
  0%{opacity:1;transform:translate3d(0, 100%, 0)}
  100%{opacity:1;transform:translate3d(0, 0, 0)}
}
@-webkit-keyframes text-reveal{
  0%{opacity:1;-webkit-transform:translate3d(0, 100%, 0)}
  100%{opacity:1;-webkit-transform:translate3d(0, 0, 0)}
}*/

.bg-video {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: none !important;
}

.bg-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}





.listing-page-bg {
    background: url(../images/bg.jpg) #2c503d no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.title-container {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    transition: all ease 1s;
}

.title-container img{
    display: block;
    margin: 0 auto;
    transition: all ease 1s;
    height: 102px;
    transform: translate3d(0, 140%, 0);
}
.title-container h1,
.detail-banner-inner h1{
    display: block;
    margin: 0 auto;
    transition: all ease 1s;
    height: auto;
    transform: translate3d(0, 140%, 0);
}

.animate-heading .title-container img,
.animate-heading .title-container h1,
.animate-heading .detail-banner-inner h1{
    transform: translate3d(0, 0, 0);
}

.title-container .title-1,
.title-container .title-2,
.title-container .title-3 {
    overflow: hidden;
    margin-bottom: 10px
}
.title-container .title-3 img {
    height: 20px;
}

.title-container .title-3 {
    margin-bottom: 30px;
}

.title-container .title-1 img,
.title-container .title-1 h1,
.detail-banner-inner h1 {
    transition-delay: .3s;
}
.title-container .title-2 img {
    transition-delay: .5s;
}

.title-container .title-3 img {
    transition-delay: .7s;
}

/* padding-top: 100vh; */
.listing-page {
    font-size: 0;
    max-width: 1660px;
    margin: 0 auto;
    transition: all ease 1s;
    will-change: transform;
}

/* margin-bottom: 30px; */
.listing-page .each {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    transition: all ease 1.5s;
}

.listing-page .each:nth-child(4n+1) {
    margin-top: 50px;
}

.listing-page .each:nth-child(4n+2) {
    margin-top: 250px;
}

.listing-page .each:nth-child(4n+3) {
    margin-top: 400px;
}

.listing-page .each:nth-child(4n+4) {
    margin-top: 650px;
}

.listing-page .each .thumbnail {
    margin-bottom: 45px;
    height: 210px; 
    position: relative;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listing-page .each .content img {
    display: block;
    margin: 0 auto
}

.listing-page .each .thumbnail img {
    display: block;
    /*animation-name: rotate;
    animation-duration: 305s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;*/

    -webkit-animation:spin 200s linear infinite;
    -moz-animation:spin 200s linear infinite;
    animation:spin 200s linear infinite;
}

/*.listing-page .each:nth-child(even) .thumbnail img {

    -webkit-animation:spin 200s linear infinite;
    -moz-animation:spin 200s linear infinite;
    animation:spin 200s linear infinite;
}*/

.listing-page.listing-items .each:nth-of-type(2) .thumbnail img{
    transform: rotate(15deg);
}
.listing-page.listing-items .each:nth-of-type(3) .thumbnail img{
    transform: rotate(30deg);
}
.listing-page.listing-items .each:nth-of-type(4) .thumbnail img{
    transform: rotate(45deg);
}
.listing-page.listing-items .each:nth-of-type(5) .thumbnail img{
    transform: rotate(60deg);
}
.listing-page.listing-items .each:nth-of-type(6) .thumbnail img{
    transform: rotate(75deg);
}
.listing-page.listing-items .each:nth-of-type(7) .thumbnail img{
    transform: rotate(90deg);
}
.listing-page.listing-items .each:nth-of-type(8) .thumbnail img{
    transform: rotate(105deg);
}

.listing-page .each {
    text-align: center;
}

.listing-page .each a {
    display: inline-block;
    padding:20px 4%;
    max-width: 308px;
    width: 100%;
    position: relative;
    z-index: 0;
}

.listing-page .each a,
.listing-page .each a::after,
.listing-page .each a::before {
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.listing-page .each a::after,
.listing-page .each a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .35s all;
    z-index: -1;
}

 /*.listing-page .each a::after {
    background: url(../images/grd-strock.png) no-repeat;
    background-size: cover;
} */

.listing-page .each a::before {
    background: url(../images/grd-background.png) no-repeat;
    background-size: cover;
}

.red-color.listing-page .each a::after {
    background: url(../images/red-grd-strock.png) no-repeat;
    background-size: cover;
}

.red-color.listing-page .each a::before {
    background: url(../images/red-grd-background.png) no-repeat center;
    background-size:contain;
}

/* .blue-color.listing-page .each a::after {
    background: url(../images/blue-grd-strock.png) no-repeat;
    background-size: cover;
} */

.blue-color.listing-page .each a::before {
    background: url(../images/blue-grd-background.png) no-repeat;
    background-size:contain;
    background-position:center;
}

.listing-page .each a:hover::after,
.listing-page .each a:hover::before {
    visibility: visible;
    opacity: 1;
}


.listing-page .each a:hover {
    /* background-image: -moz-linear-gradient(132.57deg, rgb(0, 36, 17) 0%, rgb(92, 124, 106) 100%);
    background-image: -webkit-linear-gradient(132.57deg, rgb(0, 36, 17) 0%, rgb(92, 124, 106) 100%);
    background-image: -ms-linear-gradient(132.57deg, rgb(0, 36, 17) 0%, rgb(92, 124, 106) 100%);
    border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
    border: 1px solid;
    border-image-slice: 1; */
    box-sizing: border-box;

}
.listing-page .each a::after{display: none;}

@keyframes rotate {
    from {
        transform: rotate(-360deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@keyframes rotate-r {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

/*.title-container img {
    transform: translate3d(0, 0, 0);
}*/

.listing-page {
    padding-top:170px;
}

.title-container {
    top: 110px;
}

.title-container img {
    height: 34px;
}

/*.animation-end .title-container .title-1,
.animation-end .title-container .title-2,
.animation-end .title-container .title-3 {
    margin-bottom: 10px;
}*/

.title-container .title-3 {
    opacity: 0;
}

.animation-end .listing-page .each {
    margin-top: 0;
    opacity: 1;
}

/*.animation-end .title-container .title-1 img,
.animation-end .title-container .title-2 img,
.animation-end .title-container .title-3 img {
    transition-delay: 0s;
}*/

.bg-video,
.animation-end .bg-video {
    opacity: 0 !important;
}

.listing-page-bg-3 .listing-page,
.listing-page-bg-2 .listing-page {
    padding-top: 320px !important;
}


.menu-main {
    width: auto;
    position: fixed;
    left: 68px;
    bottom: 65px;
    z-index: 111;
    max-width: 500px;
}

.menu-hover{
    cursor: pointer; 
    display:flex;
    align-items: center;
    width:120px;
}
.menu-text{
    font-size:15px;
    line-height: normal;
    color:#fff;
    margin-left: 12px;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    /*text-shadow: 1px 1px 10px #000;*/
}
.listing-case-page-bg .menu-text,
.detail-cs-sol .menu-text{
    color:#000;
}
.listing-case-page-bg .menu-round,
.detail-cs-sol .menu-round
{
    background:#000;
}
.listing-case-page-bg .menu-round .animated-icon1 span,
.detail-cs-sol .menu-round .animated-icon1 span{
    background:#fff;
}
.product-page-bg .menu-text{
    color:#fff;
}
.menu-round{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #000;
}
.animated-icon1 {
  width: 32px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.animated-icon1 span {
  display: block;
  position: absolute;
  height:2px;
  width: 100%;
  border-radius:0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.animated-icon1 span {
  background: #000;
}
.animated-icon1 span:nth-child(1) {
  top: 0px;
}
.animated-icon1 span:nth-child(2) {
  top: 8px;
}
.animated-icon1 span:nth-child(3) {
  top: 16px;
}
.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.menu-main-second {
    width: max-content;
    background-color: #fff;
    height: 68px;
    border-radius: 15px;
    padding: 0px 25px;
    opacity: 0;
    visibility: hidden;
    /*-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;*/
    transition: all 0.3s linear;
    /*transition-delay: 1s;*/
    position: relative;
    margin-bottom: 20px;
    margin-left: -7px;
    box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
    
}

.menu-main-second ul {
    padding-top: 25px;
}

.menu-main-second:after {
    content: "";
    margin: 0 0.5em;
    display: inline-block;
    border: 7px solid transparent;
    border-top: 8px solid #fff;
    border-bottom: 0 none;
    position: absolute;
    z-index: 2;
    bottom: -7px;
    left: 25px;
    ;
}

.menu-main-second ul li {
    display: inline-block;
    list-style: none;
    font-family: 'Proxima Nova Lt';
    font-weight: 600;
}

.menu-main-second ul li a {
    padding: 0px 15px;
    color: #000000;
    font-size: 15px;
    text-decoration: none;
    overflow: hidden;
    display: block;
}

.menu-main-second ul li a:hover{
    color: rgb(181, 33, 42);
    transition-delay: 0s !important;
}
.menu-main-second ul li a.active span{
    color: rgb(181, 33, 42);
}
.menu-main-second ul li.current-menu-item a{
    color: rgb(181, 33, 42);
}
.menu-main-second ul li a{
    transform: translate3d(0, 140%, 0);
    transition: all ease 1s;
    display: block;
}

.menu-main .menu-main-second.active {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}



.menu-main .menu-main-second.active ul li a{
    transform: translate3d(0, 0, 0);
    transition: all ease .3s;
}

.menu-main .menu-main-second ul li:nth-child(2) a{
    transition-delay: .1s;
}

.menu-main .menu-main-second ul li:nth-child(3) a{
    transition-delay: .2s;
}

.menu-main .menu-main-second ul li:nth-child(4) a{
    transition-delay: .3s;
}

.menu-main .menu-main-second ul li:nth-child(5) a{
    transition-delay: .4s;
}

.menu-main .menu-main-second ul li:nth-child(6) a{
    transition-delay: .5s;
}

.menu-main .menu-main-second ul li:nth-child(7) a{
    transition-delay: .6s;
}



.tp-bullet::after {
    position: absolute;
    left: 64px;
    width: 30px;
    height: 1px;
    background: #fff;
    top: 26px;
    content: "";
}

.tp-bullet:last-child::after {
    display: none;
}




/*----------listing list--------*/
.listing-page-bg-2 {
    background: url(../images/bg-high-temp.jpg) #60262b no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.listing-page-bg-3 {
    background: url(../images/bg-leak.jpg) #04253a no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.listing-page-bg-3.listing-page-solution-bg{
    background: url(../images/solutions-bg.jpg) top left no-repeat; 
    background-size:100% 100%; 
    background-position:100%;
}

.listing-page .each.each1 {
    width: 33.33%;
    text-align: center;
}

.listing-page .each.each1 .thumbnail img {
    animation: unset;
}

.listing-page .each1 .thumbnail {
    height: 300px;
    position: relative;
}

.bubble-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.listing-page-bg-3 .listing-page {
    max-width: 1250px;
}

.listing-page-bg-3.listing-page,
.listing-page-bg-2.listing-page {
    padding-top: 320px;
}

.listing-case-page-bg {
    background: url(../images/listing-case-page-bg-img.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* .listing-case-page-bg{ background: url(../images/case-study-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;} */

.view-all-cas {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.view-all-cas a {
    display: flex;
    align-items: center;
    justify-content: center;
    background:#000;
    color:#fff;
    width:225px;
    height:45px;
    cursor: pointer;
    border-radius:30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    font-family: 'Proxima Nova Rg';
    margin: auto;
    transition: all 0.3s ease-in-out;
}
.view-all-cas a:hover{
    background:#b5212a;
}



.case-studies-slider-wrap {
    padding-top: 220px;
}

.case-study-heading {
    text-align: center;
    margin-bottom:50px;
}
.case-study-heading h1{
    font-size: 46px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-family: 'Proxima Nova Rg';
}
.slider-image{
    width:100%;
    height:495px;
    background-size: cover !important;
}
.slider-image .case-txt-slide{
    min-width:160px;
    text-align: center;
    font-size:12px;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    text-transform: uppercase;
    color:#000;
    background:#fff;
    display: inline-block;
    padding:9px 13px;
    border-radius:8px;
    margin:40px 30px 35px;
}
.slider-image h4{
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    color:#fff;
    font-size:26px;
    line-height: normal;
    margin-bottom: 15px;
}
.slider-image p{
    font-family: 'Proxima Nova Rg';
    font-size: 15px;
    line-height:23px;
    color:#fff;
}
.slider-image h4,
.slider-image p{
    padding:0px 30px;
}
.text-active-slide {
    opacity: 0;
}
.readmore-active-slide{
    display: flex;
    align-items: center;
    justify-content:center;
    width: 65px;
    height: 65px;
    border-radius:50%;
    background:#fff;
    border: 1px solid #000;
    font-size: 12px;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    color:#000;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.readmore-active-slide {
    position: absolute;
    bottom: 20px;
    left:50px;
    opacity: 0;
}
.slider-image:hover .readmore-active-slide{
    background-color:rgba(255,255,255,0.40);
    color:#fff;
}
.slide-clr-image{
    display: flex;
    align-items: center;
    justify-content: center;
    width:209px;
    height:175px;
    position: absolute;
    bottom: 15px;
    right:30px;
}

.swiper-slide{
    position: relative;
}

.swiper-slide-active .text-active-slide,
.swiper-slide-active .readmore-active-slide {
    opacity: 1;
}

.swiper-container {
    width: 100%;
}

.swiper-slide img {
    display: block;
    margin: auto;
    width: 100%;
}

.swiper-slide {
    width: 700px;
    height: auto;
    padding: 0 15px;
}

.case-study .swiper-slide {
    width: 600px;
}


.swiper-button-outer {
    position: relative;
    max-width: 800px;
}

.case-study .swiper-button-next,
.case-study .swiper-button-prev {
    width: 66px;
    height: 66px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

.case-study .swiper-button-next:after,
.case-study .swiper-button-prev:after {
    font-size: 22px;
    color: #000;
}

.case-study .swiper-button-next:hover,
.case-study .swiper-button-prev:hover{
	background:#000;
}
.case-study .swiper-button-next:hover:after,
.case-study .swiper-button-prev:hover:after{
	 color: #fff;
}
.case-study .swiper-button-prev {
    left: 7%;
}

.case-study .swiper-button-next {
    right: 7%;
}

/*--------------Solution--------------*/
.sol-list.each a{
    text-decoration: none;
    padding:0px;
}
.rel-inner{
    position: relative;
}
.rel-inner h3{
    width:100%;
    font-size: 40px;
    line-height: 35px;
    text-decoration: none;
    color:#e2e2e2;
    text-transform: uppercase;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.solutions-list{
    display: flex;
    align-items: center;
}
.listing-page.solutions-list{
    max-width: unset;
    padding-right:4%;
    padding-left:4%;
}
.sol-list.each{
    width:33.33%;
}
.sol-list.each a{
    max-width:423px;
}
.sol-list.each a:hover .bg-img {
    -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9);
   }
.sol-list.each a:before{ display: none;}
.sol-list.each:first-child .bg-img{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top: 50px;
}
.sol-list.each:first-child a{
    margin-left:-150px;
}
.sol-list.each:last-child a{
    margin-right:-150px;
}
.sol-list.each:last-child .bg-img{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top:-360px;
}
.sol-list.each a .bg-img{
   -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); 
    z-index: 5;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.solutions-list.listing-page .sol-list.each:first-child a:hover .bg-img,
.solutions-list.listing-page .sol-list.each:last-child a:hover .bg-img{
    -webkit-transform: scale3d(.9, .9, .9) translateX(-50%);
    transform: scale3d(.9, .9, .9) translateX(-50%);
}
.title-1 h1{
    font-family: 'Proxima Nova Th';
    font-weight: bold;
    font-size: 46px;
    line-height: normal;
    color:#e2e2e2;
}
.title-1 h1 span{
    font-style: italic;
    margin-right:30px;
}
.title-1 h1 span sup{
    font-size:26px;
}
.title-1 h1 strong{
    color:#dc1e2a;
}
.each .content h4{
    font-size: 16px;
    font-family: 'Proxima Nova Lt';
    font-weight:600;
    color:rgba(255,255,255,1);
    min-height: 32px;
    margin-bottom: 15px;
    transition: .35s all;
}
.each .content span{
    display: flex;
    align-items:center;
    justify-content:center;
    text-decoration: none;
    width:145px;
    height:40px;
    border-radius: 30px;
    color:#fff;
    background:#b5212a;
    text-transform: uppercase;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    margin:auto;
    transition: .35s all;
}
.listing-page .each a:hover span{
    background-color:#fff;
    color:#000;
}
.listing-page .each a:hover h4{
    color:rgba(255,255,255,1);
}
.listing-items{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    row-gap: 10px;
}
.listing-page.listing-items .each a{
    max-width: 330px;
    padding:20px 4%;
}
.listing-page.listing-items .each .thumbnail{
    height:185px;
    display: flex;
    align-items: center;
    justify-content:center;
}
.bubble-listing{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap:15px;
}
.bubble-listing .each{
    width:33.33%;
}
.bubble-listing .each a{
    padding:30px 4% 30px;
}
.listing-page.red-color .each a{
    padding:45px 4%;
    max-width:330px;
}
.bubble-listing .each .thumbnail{
    height:215px;
    width:215px;
    margin:0px auto 25px;
    position: relative;
}
.bubble-listing .each .thumbnail img{
    animation: unset;
    width:100%;
    height:100%;
    object-fit: cover;
}
.bubble-listing .each:nth-child(even) .thumbnail img{
    animation: unset;
}
.bubble-listing .each .thumbnail h4{
    font-size: 16px;
    font-family: 'Proxima Nova Lt';
    font-weight:600;
    color:rgba(255,255,255,1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:100%;
    padding:0px 30px;
}
.listing-page-bubble-bg .listing-page{
    padding-top: 185px !important;
}
.listing-page.red-color{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/* ----------------------------------------------------- */

.split-section ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}

.split-section li{
    width: calc(100% / 3);
    height: 100vh;
    display: flex;
    align-items:flex-start;
    justify-content: center;
    flex-direction: column;
    padding-top: 50px;
}
.split-section li h3{
    width:100%;
    font-size: 32px;
    font-weight: bold;
    font-family: 'Proxima Nova Rg';
    color:#e2e2e2;
    text-transform: uppercase;
    margin-bottom:20px;
    text-align: center;
}
.split-section li h3,
.case-std-listing-wrap{
    padding:0px 70px;
}

.case-std-item{
    border-bottom:1px solid rgba(255,255,255,0.20);
    position: relative;
    z-index: 1;
}
.case-std-item a{
    display: flex;
    align-items: center;
    padding:28px 0px;
}
.case-std-item a h4{
    font-size:20px;
    line-height: 24px;
    color:#e2e2e2;
    font-family: 'Proxima Nova Rg';
    font-weight: normal;
    text-align: left;
	margin-right:20px;
    z-index: 1;
    transition: .35s all;
}
.case-std-item a span{
    margin-left: auto;
    width:53px;
    min-width:53px;
    height:53px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #fff;
    background: rgba(226,226,226,0.20);
    border-radius:50%;
    font-family: 'Proxima Nova Lt';
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    z-index: 1;
    transition: all .2s ease-in-out;
}
.case-std-item a:before{
    content:"";
    position: absolute;
    top: 0px;
    left:50%;
    transform:translateX(-50%);
    width:200%;
    height:100%;
    background: linear-gradient(to top, rgba(122,154,136,0.40), rgba(255,255,255,0.25));
    opacity: 0;
    visibility: hidden;
    transition: .35s all;
}
.split-section li:nth-of-type(2) .case-std-item a:before{
    background: linear-gradient(to top, rgba(48,96,127,0.40), rgba(255,255,255,0.25));
}
.split-section li:nth-of-type(3) .case-std-item a:before{
    background: linear-gradient(to top, rgba(83,43,46,0.40), rgba(255,255,255,0.25));
}
.case-std-item a:hover:before{
    opacity: 1;
    visibility: visible;
}
.case-std-item a:hover h4{
    -webkit-text-stroke: 0.7px #e2e2e2;
}
.case-std-item a:hover span{
    transform:scale(1.12);
    background-color:#fff;
    color:#000;
}
.split-section .outer {
    width:100%;
    height: 550px;
    overflow: auto;
}

.hed .container a{display:block; float: left;}

/* ----------------------detail pages------------------------------- */

body.scroll-enable{
    overflow-y:auto;
    position: relative;
}
.detail-banner-wrap{
    width:100%;
    height:260px;
    display: flex;
    justify-content: center;
    position: relative;
    align-items:flex-start;
}
.detail-cs-sol .hed,
.detail-banner-wrap{
    padding-top: 110px;
}

.detail-banner-inner{
    overflow: hidden;
    height:auto;
    padding:0px 350px;
    width:100%;
    text-align: center;
}
.detail-banner-inner h1{
    color:#e2e2e2;
    font-size:48px;
    line-height:normal;
    font-weight: bold;
    font-family: 'Proxima Nova Rg';
}
.detail-banner-wrap .container{
    position: absolute;
    left:65px;
    top: 70px;
}
.detail-banner-clr-img{
    width:209px;
    height:170px;
    overflow:hidden;
    display: flex;
    align-items: center;
    justify-content:center;
    position: absolute;
    right:65px;
    top:50%;
    transform: translateY(-50%);
}
.detail-content-wrap{
    background:#f2f3f5;
    position: relative;
}
.detail-content-inner{
    max-width:1180px;
    margin:0 auto;
    background:#fff;
    padding:75px 53px 50px;
    box-shadow:-5px 5px 30px 1px rgb(151 151 151 / 10%);
}
.detail-content-inner h3{
    font-size: 36px;
    color:#000;
    font-weight: bold;
    font-family: 'Proxima Nova Rg';
    text-transform: uppercase;
    margin-bottom:25px;
}
.detail-content-inner h5{
	font-size: 22px;
    color:#000;
    font-weight: bold;
    font-family: 'Proxima Nova Rg';
    text-transform: uppercase;
    margin-bottom:25px;
}
.detail-content-inner ul{
    list-style-type: none;
    display: inline-block;
    width:100%;
    margin-bottom:50px;
}

.detail-content-inner ul li{
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-family: 'Proxima Nova Rg';
    position: relative;
    padding-left:30px;
}
.detail-content-inner ul li:before{
    content: "";
    position: absolute;
    top:5px;
    left: 0px;
    background: url('../images/tick.png') no-repeat;
    width:12px;
    height:12px;
}
.detail-content-inner p{
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-family: 'Proxima Nova Rg';
    margin-bottom: 50px;
}
.detail-content-inner p strong{
    font-size: 20px;
    font-weight: normal;
}
.detail-content-inner h3 + p{
    margin-bottom: 50px;
}
.detail-content-inner p:last-child{
    margin-bottom:50px;
}
.four-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 70px;
}

.image-container{
    position: relative;
    overflow: hidden;
    margin-bottom:50px;
    text-align: center;
}
.image-container img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.image-container:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    background:rgba(6,38,58,21%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
}
.image-container:after{
    content: "";
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    background: url('../images/zoom-icon.png') no-repeat center;
    width:150px;
    height:150px;
    background-size:100%;
    z-index:1;
    opacity: 0;
    transition: opacity 0.5s;
}
.image-container:hover:before,
.image-container:hover:after{
    opacity:1;
    visibility: visible;
}
.image-container a{
    position:absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    z-index:11;
}

.detail-share-download-bar{
    width:100%;
    position: fixed;
    bottom: -75px;
    z-index: 11;
    background:#fff;
    box-shadow:5px 5px 30px 5px rgba(151, 151, 151, 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    height:60px;
    transition: bottom 0.3s ease-in-out;
}
.detail-share-download-bar.sticky{
    bottom: 0px;
} 
.detail-share-inner{
    max-width:1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.detail-socail-media{
    display: flex;
    align-items: center;
}
.detail-socail-media span,
.detail-download-pdf span{
    font-size:16px;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    margin-right: 30px;
}
.detail-socail-media ul{
    display: flex;
    align-items: center;
    list-style-type: none;
    column-gap: 20px;
}
.detail-socail-media ul li a{
    width:40px;
    height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#f2f3f5;
    border-radius: 50%;
    color:#000;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
}
.detail-download-pdf{
    display: flex;
    align-items: center;
    margin-left: 80px;
}
.detail-download-pdf a{
    display: flex;
    align-items: center;
    font-family: 'Proxima Nova Lt';
    font-weight: 600;
    font-size: 14px;
    color:#000;
}
.detail-download-pdf a i{
    width:40px;
    height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#f2f3f5;
    border-radius: 50%;
    color:#000;
    margin-right: 15px;
    transition: all 0.3s ease-in-out;
}
.detail-download-pdf a:hover i,
.detail-socail-media ul li a:hover{
    background-color:#000;
    color:#fff;
}
.detail-case-study-wrap{
    background:url('../images/case-study-bg.jpg') no-repeat;
    background-size: cover;
    padding:135px 0px 100px;
}
.detail-case-study-wrap h3{
    text-align: center;
    text-transform: uppercase;
    color:#000;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    font-size:46px;
    margin-bottom: 50px;
}
.detail-case-study-content{
    text-align: center;
    margin-top: 120px;
    padding:0px 20px;
}
.detail-case-study-content h3{
    font-size:43px;
    margin-bottom:10px;
   
}
.detail-case-study-content p{
    font-family: 'Proxima Nova Rg';
    font-size: 17px;
    color:#000;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center;
}
.btn-link{
    background:#b5212a;
    width:185px;
    height:45px;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color:#fff;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.btn-link:hover{
    background-color:#000;
    color:#fff;
}
.detail-case-study-content .btn-link{
    margin: auto;
}
/* ----------------------product-start------------------------------- */
.product-main-ul{margin: 0; width: 100%; display: flex; flex-wrap: wrap; height: 100%;}
.product-main-ul li{ overflow: hidden;   text-align: center; list-style: none; width: 50%; height: 50%; background: #000; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
/* .product-main-ul li:hover{transform: scale(1.05, 1.05);} */
/* transform: scale(1, 1); transition: transform 0.4s; */
.pro-det-box{width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.title-txt-pro{ position: absolute; bottom: 30px;}
.pop-a-tag{width: 100%; height: 100%; justify-content: center;  align-items: center;  display: flex;  flex-wrap: wrap;}
/* .pro-list-play{transform: translate3d(0, 0, 0);} */
.pro-list-play{transform: translate3d(0, 140%, 0); transition-delay: .1s; transition: all ease 0.3s; height: 0;}
.pop-a-tag:hover .pro-list-play{transform: translate3d(0, 0, 0); height: 114px;}
.play-but-block{ overflow: hidden;}
.product-main-ul li h3{
    font-size:38px;
    font-family: 'Proxima Nova Lt';
    font-weight:600;
    margin-bottom: 0px;
    color:#fff;
    text-transform: uppercase;
}
.fancybox-active{height: 100% !important;}
/* -------------------------product-end---------------------------- */

/*--------------------About page---------------------*/
.wrapper{
    width:100%;
    max-width:1440px;
    margin:0 auto;
}
.about-banner-wrap{
    width:100%;
    height:100vh;
}
.about-banner{
    display: flex;
    align-items: center;
    height:54vh;
}
.about-banner-inner{
    padding-top:65px;
}
.about-banner-inner .heading-h{
    margin-bottom: 15px;
}
.about-banner-inner .content-editor p{
	max-width:600px;
	text-shadow: 2px 2px 20px #000;
}
.heading-h{
    font-size:45px;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    text-transform: uppercase;
    color:#fff;
    line-height: normal;
    margin-bottom: 25px;
}
.p-text{
    font-size:20px;
    line-height: 27px;
    color: #fff;
    font-family: 'Proxima Nova Rg';
    margin-bottom: 0px;
    font-weight: normal;
}
.content-editor p{
    font-size:20px;
    line-height: 27px;
    color: #fff;
    font-family: 'Proxima Nova Rg';
    margin-bottom: 0px;
    font-weight: normal;
}
.abt-content-wrap{
    background: url('../images/abt-about-bg.png') no-repeat;
    background-size: cover;
    height:46vh;
    display: flex;
    align-items: center;
}
/*.abt-content-inner{
    position: relative;
    z-index: 111;
}*/
.scroll-down-btn{
    display:inline-flex;
    align-items: center;
    color:#fff;
    font-size:16px;
    font-family: 'Proxima Nova Rg';
    margin-top: 50px;
    transition: all 0.3s ease-in-out;
    float: right;
}
.scroll-down-btn span{
    margin-right: 15px;
    background:#879cc7;
    width:50px;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:50%;
    transition: all 0.3s ease-in-out;
}
.scroll-down-btn i{
    color:#fff;
    font-size: 20px;
    -webkit-animation: fade_move_down 2s ease-in-out infinite;
    -moz-animation:fade_move_down 2s ease-in-out infinite;
    animation:fade_move_down 2s ease-in-out infinite;
}
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}
.menu-main.active{
    z-index: 111;
}
.scroll-down-btn:hover span{
    background:#000;
}
.abt-what-do-wrap{
    width:100%;
    background:#262a3f;
    padding:135px 0px;
}
.abt-what-inner p{
    margin-bottom: 25px;
    text-align: justify;
}
.abt-what-inner p:last-child{
    margin-bottom: 0px;
}
.abt-what-inner .btn-link{
    width:255px;
	margin-top:30px;
}
.abt-vision-wrap{
    width:100%;
    background: url('../images/abt-vision-bg.png') no-repeat;
    background-size: cover;
    padding:145px 0px;
}
.abt-vision-inner .p-text{
    margin-bottom: 65px;
}
.values-points{
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin-top:45px;
    margin-bottom: 0px;
    column-gap: 28px;
    row-gap: 28px;
}
.values-points li{
    display: flex;
    align-items: center;
    justify-content: center;
    width:182px;
    height:182px;
    border-radius: 50%;
    border: 1px solid #788ab5;
    color:#fff;
    line-height:19px;
    font-size: 16px;
    font-family: 'Proxima Nova Rg';
    font-weight: normal;
    padding:0px 20px;
    text-align: center;
}
.abt-more-content{
    background:#262a3f;
    width:100%;
    padding:130px 0px;
    min-height: 370px;
    display: flex;
    align-items: center;
}
.heading-btn-abt{
    display: flex;
    align-items: center;
    margin-bottom:30px;
}
.heading-btn-abt h3{
    margin-bottom: 0px;
}
.heading-btn-abt .btn-link{
    margin-left: auto;
    width:225px;
    height:48px;
}
.abt-story-wrap{
    background:url('../images/history-bg.png') no-repeat;
    background-size: cover;
    padding:140px 0px 300px;
}
.abt-year-heading{
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    padding-right: 30px;
}
.abt-year-heading h3{
    margin-bottom: 0px;
}
.abt-year-heading span{
    margin-left: auto;
    font-size:70px;
    font-family: 'Proxima Nova Lt';
    font-weight: 300;
    color: #fff;
}
.story-slider-wrap{
    padding-top: 100px;
    position: relative;
}
.nav-line{
    width:100%;
    height:20px;
    display: inline-block;
    position: relative;
}
.nav-line:before{
    content: '';
    position: absolute;
    top:50%;
    left:0px;
    width:100%;
    border-bottom:1px solid #fff;
}
.nav-line:after{
    content: "";
    position: absolute;
    top:0px;
    left:7px;
    background:#7787bd;
    width:20px;
    height:20px;
    border-radius:50%;
    transform: scale(0);
    transition: 0.2s;
}
.timeline-nav .slick-slide.slick-current .nav-line:after{
    transform: scale(1);
}
.timeline-nav .slick-slide{
    margin: 0px 23px;
}
.timeline-nav:before{
    content: "";
    position: absolute;
    top:-13px;
    left:-15px;
    background: url('../images/time-line-left.png') no-repeat;
    width:87px;
    height:45px;
    z-index: 1;
}
.timeline-nav:after{
    content: "";
    position: absolute;
    top:-8px;
    right:0px;
    background: url('../images/time-line-right.png') no-repeat;
    width:69px;
    height:38px;
    z-index: 1;
}
.timeline-nav .slick-arrow{
    background:#fff;
    width:50px;
    height:50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content:center;
    transition: all 0.15s ease-in-out;
}
.timeline-nav .slick-arrow:hover,
.timeline-nav .slick-arrow:focus{
    background:rgba(0,0,0,0.80);
}
.timeline-nav .slick-prev{
    left:-15px;
}
.timeline-nav .slick-next{
    right:-15px;
}
.timeline-nav .slick-prev:before{
    content: "";
    border-bottom: 2px solid rgba(0, 0, 0, 0.70);
    border-right: 2px solid rgba(0, 0, 0, 0.70);
    width: 8px;
    height: 8px;
    display: block;
    transform: rotate(135deg);
    margin-right:-5px;
    opacity: 1 !important;
}
.timeline-nav .slick-next:before{
    content: "";
    border-bottom: 2px solid rgba(0, 0, 0, 0.70);
    border-right: 2px solid rgba(0, 0, 0, 0.70);
    width: 8px;
    height: 8px;
    display: block;
    transform: rotate(-45deg);
    opacity: 1 !important;
    margin-left: -5px;
}
.timeline-nav .slick-arrow:hover:before,
.timeline-nav .slick-arrow:focus:before{
    border-bottom: 2px solid rgba(255, 255, 255, 0.70);
    border-right: 2px solid rgba(255, 255, 255, 0.70);
}
.timeline-slider{
    margin-bottom: 40px;
}
.timeline-slide{
    width:600px;
    margin-left: auto;
    margin-right:95px;
    height:280px;
    display: flex;
    justify-content:flex-end;
    flex-direction: column;
}
.timeline-slide span{
    color:#7787bd;
    font-size: 47px;
    font-weight:bold;
    font-family: 'Proxima Nova Th';
    margin-bottom: 25px;
    display:block;
}
.timeline-slide h4{
    color:#fff;
    font-size: 47px;
    font-weight: bold;
    font-family: 'Proxima Nova Rg';
    line-height: normal;
    color:#fff;
    margin-bottom: 15px;
}
.timeline-slide p{
    display: none;
    font-size: 18px;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    color:#646a8a;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: left;
}
.animated {
    transition: all .5s ease;
  }
  .timeline-slider [data-animation-in] {
    opacity: 0;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.timeline-nav-content{
    opacity:1;
}


.slick-active.prevdiv .timeline-nav-content{
    opacity: 1;
}

.prevdiv.works.slick-active .timeline-nav-content{
    opacity:0;
}

/*
.prevdiv.slick-active .timeline-nav-content{
    opacity: 1;
}*/
.timeline-nav-content span{
    font-size: 24px;
    line-height: normal;
    font-family: 'Proxima Nova Th';
    font-weight: bold;
    margin-bottom: 15px;
    color:rgba(119,135,189,28%);
    display: block;
    text-align: center;
}
.timeline-nav-content h4{
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    font-size:22px;
    color:rgba(255,255,255,20%);
    margin-bottom:7px;
}
.timeline-nav-content p{
    font-family: 'Proxima Nova Rg';
    color: rgba(100,106,138,40%);
    font-size:12px;
}
.left-year,
.right-year{
    font-size: 18px;
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    color:#fff;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    transform: rotate(180deg) !important;
    position: absolute;
    bottom:82px;
}
.left-year{
    left:60px;
}
.right-year{
    right:48px;
}
/*-----*/
.timeline-nav{
    padding: 0px 50px;
}
/*.slick-active.slick-cloned.slick-slide .timeline-nav-content{
    opacity: 0;
}
.slick-active.nextdiv .timeline-nav-content{
    opacity: 1;
}*/
.slick-current.slick-active .timeline-nav-content{
    opacity: 0;
}
.timeline-nav.slick-slider{
    height:370px;
    display: flex;
    align-items: flex-end;
}
.timeline-slider.slick-slider{
    position: absolute;
    width:100%;
}
.timeline-nav:before{
    top: unset;
    bottom:36px;
}
.timeline-nav:after{
    top: unset;
    bottom:38px;
    right: 2px;
}
.timeline-nav .slick-arrow{
    top: unset;
    bottom:60px;
    z-index: 11;
}
.timeline-slide{
    margin-right:auto;
}

/*----*/
/*--------------------Contact us---------------------*/
.contact-bg-page{
    background: url(../images/contact-bg.jpg) center top; 
    background-size: cover;
}
.contact-sec{
    padding-top: 200px;
    padding-bottom: 100px;
}

.contact-inner{
    width:100%;
    max-width:1020px;
    margin: 0 auto;
}
.contact-inner h1,
.contact-inner h2{
    color:#e2e2e2;
    font-size: 36px;
    font-family: 'Proxima Nova Lt';
    font-weight:300;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 25px;
}
.adress-area-wrap > span{
    display:block;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Proxima Nova Rg';
    color:#e2e2e2;
    margin-bottom: 25px;
}
.adress-area-wrap p,
.adress-area-wrap ul li{
    color:#e2e2e2;
    font-size:20px;
    line-height: normal;
    font-family: 'Proxima Nova Rg';
}
.adress-area-wrap ul{
    display: flex;
    margin-bottom:25px;
    list-style: none;
    margin-top: 10px;
}
.adress-area-wrap ul li{
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 5px;
    margin-right: 5px;
}
.adress-area-wrap ul li:after{
    content: "";
    position: absolute;
    top:50%;
    right: 0px;
    transform: translateY(-50%);
    height:15px;
    width:1px;
    background:#e2e2e2;

}
.adress-area-wrap ul li span{
    margin-right: 10px;
}
.adress-area-wrap ul li a{
    color:#e2e2e2;
    transition: all 0.3s ease-in-out;
}
.adress-area-wrap ul li a:hover{
    color:#fff;
    text-decoration: underline;
}
.adress-area-wrap ul li:last-child{
    padding-right: 0px;
    margin-right: 0px;
}
.adress-area-wrap ul li:last-child:after{
    content:none;
}
.contact-social-media{
    display: flex;
    align-items: center;
}
.contact-social-media span{
    width:240px;
    height:50px;
    display: flex;
    align-items: center;
    justify-content:center;
    background:#260e0e;
    color: #e2e2e2;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Proxima Nova Rg';
    text-transform: uppercase;
    border-radius: 30px;
    margin-right: 15px;
}
.contact-social-media ul{
    display: flex;
    list-style: none;
    margin: 0px;
}
.contact-social-media ul li a{
    width:50px;
    height:50px;
    border-radius: 50%;
    border: 2px solid #fff;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content:center;
    transition: all 0.3s ease-in-out;
}
.contact-social-media ul li a:hover{
    background:#fff;
    color:#000;
    text-decoration: none;
}
.contact-inquiry-wrap{
    border-top: 1px solid rgba(255,255,255,0.16);
    padding-top:40px;
    margin-top: 40px;
}
.inquiry-form-box,
.inquiry-form-box form{
    display: flex;
    flex-wrap:wrap;
    align-items: flex-end;
}
.inquiry-field input,
.inquiry-field textarea{
    width:100%;
    border: 1px solid rgba(255,255,255,0.16);
    height:50px;
    background: transparent;
    border-radius: 30px;
    padding:0px 30px;
    color:rgba(266, 266, 266, 50%);
    font-size: 16px;
    font-family: 'Proxima Nova Lt';
    font-weight: 300;
}
.inquiry-field input::placeholder,
.inquiry-field textarea::placeholder{
    color:rgba(266, 266, 266, 50%);
}
.inquiry-field input:focus,
.inquiry-field textarea:focus{
    outline: none;
}
.inquiry-field textarea{
    resize: none;
    height:125px;
    padding-top:15px;
}
.inquiry-field{
    width:49%;
    display: inline-block;
    float: left;
    margin-left:2%;
    margin-bottom: 20px;
}
.inquiry-field:nth-child(2n+2){
    margin-left: 0px;
}
.inquiry-field:nth-of-type(6){
    margin-bottom: 0px;
    margin-right:2%;
}
.inquiry-field-submit{
    display: inline-block;
    float: left;
    width:49%;
	position:relative;
}
.inquiry-field-submit input{
    display:flex;
    width:225px;
    height:45px;
    border-radius: 30px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    background:#b5212a;
    color: #fff;
    text-align: center;
    border: 0px;
    font-size:13px;
    font-family: 'Proxima Nova Rg';
    font-weight:bold;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.inquiry-field-submit input:hover{
    background-color:#000;
}
.inquiry-field-submit input:focus{
    outline: none;
}
.wpcf7-not-valid-tip{
	position:absolute;
}
.inquiry-field-submit .wpcf7-spinner{
	position:absolute;
	top:10px;
	left:70px;
}
.wpcf7-response-output {
    font-family: 'Proxima Nova Rg';
    font-size: 13px;
    padding: 5px 10px !important;
    border: 1px solid #D8000C !important;
    color: #D8000C;
    background: #FFBABA;
    text-align: center;
	width:100%;
}
.wpcf7 form.sent .wpcf7-response-output{
  color: #46b450;
  background: #fff;
  border: 1px solid #6f9b41;
  text-align:center;
}
/*--------------------Media Center---------------------*/
.media-center-bg{
    background:url(../images/media-center-bg.jpg) no-repeat; 
    background-size: cover;
}
.media-center-wrap{
    padding-top: 230px;
    padding-bottom: 230px;
}
.mdc-list-box{
    display: flex;
    background:#000;
    width:100%;
    height:370px;
    align-items: center;
    border-radius:22px;
    overflow: hidden;
    margin-bottom:30px;
    position: relative;
    padding-right:60px;
}
.mdc-list-box:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background:url(../images/mdc-line.png) no-repeat;
    background-size: cover;
    width:100%;
    height:100%;
}
.mdc-list-image-box{
    width:450px;
    min-width:450px;
    height:100%;
    margin-right: 60px;
}
.mdc-list-image-box img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.mdc-list-content-box{
    /*max-width:650px;*/
    z-index: 1;
}
.mdc-list-content-box span{
    display: inline-flex;
    background:#fff;
    height:25px;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width:65px;
    border-radius: 30px;
    padding:3px 10px 0px;
    color:#000;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Proxima Nova Rg';
    text-transform: uppercase;
    margin-bottom: 35px;
}
.mdc-list-content-box h4{
    color:#e2e2e2;
    font-weight: normal;
    font-size: 20px;
    line-height:26px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.mdc-list-content-box p{
    color:#e2e2e2;
    font-size: 16px;
    line-height:24px;
    margin-bottom:25px;
}
.mdc-list-content-box ul{
    display: flex;
    margin-bottom: 0px;
    list-style: none;
}
.mdc-list-content-box ul li{
    display: flex;
    align-items: center;
    color: #e2e2e2;
    font-family: 'Proxima Nova Rg';
    font-size: 14px;
    position: relative;
    padding-right:12px;
    margin-right: 12px;
}
.mdc-list-content-box ul li.event{
    font-size: 16px;
}
.mdc-list-content-box ul li i{
    margin-right:10px;
    font-size: 16px;
}
.mdc-list-content-box ul li:after{
    content: "";
    position: absolute;
    top:50%;
    right: 0px;
    transform: translateY(-50%);
    height:20px;
    width:1px;
    background:#e2e2e2;
}
.mdc-list-content-box ul li.event:after{
    height:12px;
}
.mdc-list-content-box ul li:last-child{
    margin-right: 0px;
    padding-right: 0px;
}
.mdc-list-content-box ul li:last-child:after{
    content: none;
}
.mdc-list-content-box a{
    background: rgba(255,255,255,0.20);
    display:flex;
    align-items: center;
    justify-content: center;
    width:55px;
    height:55px;
    font-family: 'Proxima Nova Rg';
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    border:1px solid rgba(255,255,255,0.80);
    position: absolute;
    bottom:60px;
    right:55px;
    transition: all 0.3s ease-in-out;
}

.mdc-list-content-box a:hover{
    background:#fff;
    color:#000;
}
.profile-pic{
    width:39px;
    height:39px;
    border-radius:50%;
    overflow: hidden;
    margin-right: 10px;
}
.load-more-mdc{
    margin:70px auto 0px;
    width:145px;
    height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background:#b5212a;
    border-radius: 30px;
    color:#fff;
    font-family: 'Proxima Nova Rg';
    text-transform: uppercase;
    font-weight:bold;
    font-size:12px;
    padding-top: 3px;
    transition: all 0.3s ease-in-out;
}
.load-more-mdc:hover{
    background-color:#000;
}
.fancybox-slide--image{
    padding:40px !important;
}


/*-----solution sub menu---*/
.sub-menu-wrap{
    position: absolute;
    top:50px;
    left:40px;
    width:300px;
    z-index:1;
}
.solutions-sub-menu{
    width:300px;
    background:#1a3c2b;
    padding:15px 0px;
    border-radius:12px;
}
.solutions-sub-menu.blue-bg{
    background: #06253a;
}
.solutions-sub-menu.red-bg{
    background:#37141a;
}
.solutions-sub-menu li{
    width:100%;
    list-style: none;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,0.20);
    padding-left:0px !important;
}
.solutions-sub-menu li:before{
    content: none !important;
}
.solutions-sub-menu li:last-child{
    border-bottom:0px;
}
.solutions-sub-menu li a{
    font-family: 'Proxima Nova Rg';
    font-weight:normal;
    font-size: 14px;
    position: relative;
    display: block;
    padding:12px 10px;
    line-height:20px;
    text-transform: capitalize;
    color:#DFDBD9;
    z-index:1;
    transition: .45s ease color;
}
.solutions-sub-menu li a:before{
    content: '';
    display: block;
    z-index: -1;
    position: absolute;
    left: -100%; 
    top: 0;
    width: 100%; 
    height: 100%;
    background: #8aa999;
    transition: .45s ease left;
}
.solutions-sub-menu li a:hover:before{
    left:0px;
}
.solutions-sub-menu li a:hover{
    color:#fff;
}
.solutions-sub-menu li.active a:before{
    background:#8aa999;
    left:0px;
}
.solutions-sub-menu li.active a{
    color:#fff;
}
.solutions-sub-menu.blue-bg li a:before,
.solutions-sub-menu.blue-bg li.active a:before{
    background:#80abcb;
}
.solutions-sub-menu.red-bg li a:before,
.solutions-sub-menu.red-bg li.active a:before{
    background:#e4acb7;
}
.sub-menu-text-area{
    display: none;
}
.back-to-case{
    width:100%;
}

.back-to-case a{
    color:#fff;
    font-family: 'Proxima Nova Rg';
    font-size:16px;
    background:#000;
    display:inline-block;
    padding:15px;
    border:1px solid #000;
    transition: all 0.3s ease-in-out;
    border-radius:12px;
}
.back-to-case a i{
    margin-right: 5px;
}
.back-to-case a:hover{
    color:#000;
    background:#fff;
}
.green-btn a{
    background:#1a3c2b;
}
.green-btn a:hover{
    color:#fff;
    background:#8aa999;
    border:1px solid #8aa999;
}
.blue-btn a{
    background:#06253a;
}
.blue-btn a:hover{
    color:#fff;
    background:#80abcb;
    border:1px solid #80abcb;
}
.red-btn a{
    background:#37141a;
}
.red-btn a:hover{
    color:#fff;
    background:#e4acb7;
    border:1px solid #e4acb7;
}
.vrs-prouct-box{
    margin-top: -50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
}
.vrs-prouct-box a img{
    width:78px;
    height:90px;
    margin-bottom: 15px;
}
.vrs-prouct-box span{
    display:block;
    width:100%;
    text-align: center;
    font-family: 'Proxima Nova Lt';
    font-weight: 600;
    color:#fff;
    font-size: 16px;
    margin-bottom: 30px;
}
.split-section .vrs-proucts-list li{
    align-items: center;
    position: relative;
}
.split-section .vrs-proucts-list li h3{
    font-size: 36px;
    margin-bottom: 0px;
}
.product-clr-related-img{
    position: absolute;
    bottom: 0px;
    right: 30px;
    width: 209px;
    height:170px;
}
.banner-section{
	height:300px;
	background:#a9afbd;
	display:flex;
	align-items:flex-end;
}
.banner-image{
	width:100%;
}
.banner-heading h1{
	margin-bottom:50px;
}
.header-page-other{
	padding:70px 0px;
}
.header-page-other .heading-h{
	color:#000;
	font-size:30px;
}
.header-page-other p{
	margin-bottom:20px;
}
.wrap-page-inside{
	padding:70px 0px;
}
.wrap-page-inside h1,
.wrap-page-inside h2,
.wrap-page-inside h3,
.wrap-page-inside h4,
.wrap-page-inside h5,
.wrap-page-inside p{
	margin-bottom:20px;
}
.heateor_sss_sharing_ul{
	display:flex;
	column-gap:20px;
}
.heateor_sss_sharing_ul span.heateor_sss_svg{
	margin-right:0px;
}


/*-----image animation*/
.image-anime{
   position: relative;
    -webkit-animation: floatBubble 2s  normal ease-out;
    animation: floatBubble 2s normal ease-out;
}
@-webkit-keyframes floatBubble {
    0% {
        top:900px;
		right:-100px;
    }
	
    100% {
        top: 0px;
		right:0px;
    }
}
@keyframes floatBubble {
    0% {
        top:900px;
        right:-100px;
    }
	
    100% {
        top: 0px;
        right:0px;
    }
}


@-webkit-keyframes floatImage {
  from {
    opacity: 0;
     top:900px;
	 right:-100px;
  }

  to {
    opacity: 1;
    top:0px;
	right:0px;
  }
}
.animate {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay:1.5s;	
}
@keyframes floatImage {
  from {
    opacity: 0;
    top:900px;
	right:-150px;
  }

  to {
    opacity: 1;
	top:0px;
	right:0px;  
  }
}

.floatImage {
  -webkit-animation-name: floatImage;
  animation-name: floatImage;
}


#rev_slider_2_2_forcefullwidth{
	display:none;
	opacity:0;
	visibility:hidden;
}


.single-media .detail-banner-inner h1{
	text-transform:uppercase;
}
.media-detail-content-wrap .detail-content-inner{
	padding:0px;
}
.media-detail-image{
	height:400px;
	width:100%;
}
.media-detail-image img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.media-detail-content-inner{
	padding:30px 50px 130px;
}
.dtl-event-date-type{
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.dtl-event-date-type ul{
	display:flex;
	margin-bottom:0px !important;
}
.dtl-event-date-type ul li:before{
	content:none;
}
.dtl-event-date-type ul li{
	display: flex;
    align-items: center;
    color: #000;
    font-family: 'Proxima Nova Rg';
    font-size: 14px;
    position: relative;
    padding-right: 12px;
    margin-right: 12px;
	padding-left:0px;
}
.dtl-event-date-type ul li i{
    margin-right: 10px;
    font-size: 14px;
}
.dtl-event-date-type ul li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    height: 12px;
    width: 1px;
    background: #000;
}
.dtl-event-date-type ul li:last-child{
	margin-right:0px;
	padding-right:0px;
}
.dtl-event-date-type ul li:last-child:after{
	content:none;
}
.dtl-event-date-type span{
	display: inline-flex;
    background: #000;
    height: 25px;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 65px;
    border-radius: 30px;
    padding: 3px 10px 0px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Proxima Nova Rg';
    text-transform: uppercase;
    margin-bottom: 0px;
	margin-right:15px;
}
.media-detail-content-inner p{
	margin-bottom:20px;
}
.media-detail-content-inner p:last-child{
	margin-bottom:20px;
}
.media-detail-content-inner h3 + p {
    margin-bottom: 20px;
}
.media-detail-content-inner .btn-link{
	width:215px;
	margin-top:50px;
}
.media-detail-content-wrap .detail-share-download-bar{
	bottom:0px;
}
.single-media .menu-main{
	max-width:340px
}

/*----gallery----*/
.media-gallery-wrap{
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;
	column-gap:10px;
	row-gap:10px;
}
.gallery-image{
	width:24.3%;
	height:250px;
}
.gallery-image img{
	width:100%;
	height:100%;
	object-fit:cover;
}