/** Generated by FG **/
@font-face {
	font-family: 'Conv_DINPro-Regular_13937';
	src: url('fonts/DINPro-Regular_13937.eot');
	src: local('☺'), url('fonts/DINPro-Regular_13937.woff') format('woff'), url('fonts/DINPro-Regular_13937.ttf') format('truetype'), url('fonts/DINPro-Regular_13937.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_DINPro-Bold_13934';
	src: url('fonts/DINPro-Bold_13934.eot');
	src: local('☺'), url('fonts/DINPro-Bold_13934.woff') format('woff'), url('fonts/DINPro-Bold_13934.ttf') format('truetype'), url('fonts/DINPro-Bold_13934.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*----====animation====----*/

.counter{ font-family: 'Conv_DINPro-Bold_13934';}





/*----====Common Classes====----*/

.font14{font-size:14px !important;}

.desktop-visible{ display:block !important;}

.tab-visible{ display:none !important;}

.mobile-visible{ display:none !important;}

.common-padding-section{ /*padding-top:45px;*/ padding-top: 80px;}

.common-page-title-heading{ text-transform:uppercase; font-size: 80px; font-weight: normal; margin-bottom:0; line-height: 1.1; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

.common-banner-heading{ text-transform:uppercase; font-size: 80px; font-weight: 700; margin-bottom:0; line-height: 1.1;}

.common-banner-sub-heading{ font-size: 28px; font-weight: 700; margin-bottom:0; line-height: normal;}

.common-heading{ text-transform:uppercase; font-size: 70px; font-weight: 700; margin-bottom:0; line-height: 1;}

.common-sub-heading{ font-size: 50px; text-transform:uppercase; font-weight: 700; margin-bottom:0; line-height: 1;}

.common-child-sub-heading{ font-size: 35px; text-transform:uppercase; font-weight: 700; margin-bottom:0; line-height: normal;}

.heading-border-top:before{ content:""; display:block; border-right:6px solid #FFC139; height:80px; width: 6px; margin-left: 50%; margin-bottom: 15px;}

.heading-border-left:before{ content:""; display: inline-block; border-left: 80px solid #FFC139; height: 6px; position:absolute; top:38px; left:0;}

.heading-border-left{ text-align: left; padding: 0 0 0 90px; position: relative;}

.heading-border-left-black:before{ content:""; display: inline-block; border-left: 80px solid #000; height: 6px; position:absolute; top:38px; left:0;}

.heading-border-left-black{ text-align: left; padding: 0 0 0 90px; position: relative;}

.heading-border-left-blue:before{ border-left-color:#164172;}

 
.web-button-yellow{ padding: 12px 26px; text-transform:uppercase; color:#000; font-weight: 800; font-size: 16px; display: inline-block; line-height: normal;
border:2px solid #FFC139; transition:all ease-in-out .4s;}
 
.web-button-yellow:hover{ background: #FFC139; color: #000; border-color:#FFC139;}

.web-button-white{ text-transform:uppercase; padding: 12px 50px; color: #fff; font-weight: 800; font-size: 16px; display: inline-block; border:2px solid #fff;
 line-height: normal; transition:all ease-in-out .4s;}
 
.web-button-white:hover{ background: #FFC139; color: #000 !important; border:2px solid #FFC139;}

.web-button-yellow-solid{ padding: 12px 26px; text-transform:uppercase; color:#000; font-weight: 800; font-size: 16px; display: inline-block; line-height: normal; background: #FFC139;
border:2px solid #FFC139; transition:all ease-in-out .4s; cursor:pointer;}

.web-button-yellow-solid:hover{ border:2px solid #fff; color:#fff; background: transparent;}

.web-button-black-solid{ padding: 12px 26px; text-transform:uppercase; color:#FFC139; font-weight: 800; font-size: 16px; display: inline-block; line-height: normal; background: #164172;
border:2px solid #164172; transition:all ease-in-out .4s; cursor:pointer;}

.web-button-black-solid:hover{ border:2px solid #fff; color:#fff; background: transparent;}

.row{ margin:0;}

.gray-bg{ background:#F5F2F2;}

.white{ color:#fff;}

.yellow{ color:#FFC139;}

.blue{ color:#164172;}

.yellow-bg{ background:#FFC139 !important;}

.blue-bg{ background:#164172 !important;}








/*-----=====Nav=====-----*/

#primary-menu ul li > a{ font-weight: 600; font-size: 14px; font-family: 'Conv_DINPro-Regular_13937'; color:#fff !important; transition:all ease-in-out .4s;}

#primary-menu ul li > a:hover{ color: rgba(255,193,57,1) !important;}

.special-nav li a{ color:#00A1E7 !important; text-transform:lowercase !important;}

.special-nav li a img{ padding-right: 8px;}

#primary-menu ul li > a i{ padding-top: 3px;}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a{ color:#fff;}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.current > a:hover{ color: rgba(255,193,57,1) !important;}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.current > a{ color: #fff;}

#header.transparent-header{ background: rgba(22, 65, 114, 0.9);/* background:#f00*/}

/*#header.sticky-header{ background:transparent !important;}*/

#header.sticky-header #header-wrap{ background: rgba(22, 65, 114, 0.7); /*background:#ff0;*/}


.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a{ color:#fff;}
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a{ color:#fff;}

.panalfa-list{ list-style-image:none !important; list-style-type:square !important; list-style:none !important;}

.panalfa-list li{ list-style-image:none !important; list-style-type:square !important; list-style:none !important;}

#primary-menu ul > li.current> a{color:rgba(255,193,57,1) !important;}
/*-----=====Page Title=====-----*/

.common-page-title{ background-image: url('../images/leadership-page-title.jpg') !important; background-repeat:no-repeat; background-size: cover; background-position:center; padding: 200px 0;
position:relative;}
.contact-page-title {background-image: url('../images/contact-us-banner.jpg') !important;}
.leadership-page-title {background-image: url('../images/leadership-banner.jpg') !important;}

/*.common-page-title h1{ padding-left: 260px;}*/



/*-----=====Banner=====-----*/

.slider-caption p{ /*margin-top: 0;*/ font-weight: bold; width: 50%; margin:15px auto 0; font-size:28px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); line-height: 1.2;}

.slider-caption h1{ letter-spacing:2px; font-weight: normal; text-shadow: 0px 3px 4px rgba(33, 64, 109, 0.6);}

.slider-caption, .flex-caption{ max-width:100%;}

.slider-caption.slider-caption-center{ max-width:100%;}

.slider-caption .web-button-white{ margin-top: 50px;}

.slider-arrow-left,
.slider-arrow-right,
.flex-prev,
.flex-next,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm{ background-color: transparent;}

.slider-arrow-left i,
.slider-arrow-right i,
.flex-prev i,
.flex-next i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i{ font-size: 60px;}

.slider-arrow-left{ left: 5%;}

.slider-arrow-left:hover{ background-color: rgba(0,0,0,0) !important;}

.slider-arrow-right{ right: 5%;}

.slider-arrow-right:hover{ background-color: rgba(0,0,0,0) !important;}

.one-page-arrow{ width:45px; height:45px; border: 2px solid #fff; border-radius: 50%; line-height: 1.3; animation:pulse linear 2s infinite;}

@keyframes pulse{
	
	0%{ opacity:0;}
	
	25%{ opacity:.5;}
	
	50%{ opacity:1;}
	
	75%{ opacity:.5;}
	
	100%{ opacity:0;}
	
}

.swiper-pagination{ bottom: 40px !important;}

.swiper-pagination span{ width: 90px; height: 6px; border-radius: 0; background-color: rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.1)}

.swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #FFC139 !important; border:1px solid #FFC139;}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px;}






/*-----=====Who we are=====-----*/

.who-we-bg{}

.who-we-bg .common-sub-heading{ text-align:center;}

.who-we-are-content{ padding-top: 45px;}

.we-are-content-left{ padding-top: 25px;}

.we-are-content-left label{ color: #000; font-size: 20px; line-height: normal; margin: 0; text-transform: initial; cursor:text;}

.we-are-content-left p{ font-size:18px; line-height: 1.3 !important; margin: 15px 0 0;}

.we-are-content-left ul{ margin: 25px 0 0; padding:0; list-style-type:none;}

.we-are-content-left ul li{ margin:0; padding: 0 30px 0 0; display:inline-block;}

.we-are-content-left ul li:last-child{ padding-right:0;}

.ul-child{}

.ul-child h5{ width:100% !important; font-size: 18px; font-weight:normal; margin: 0; line-height: normal; text-align:left;}

.ul-child span{ width:100% !important; font-size: 35px; font-weight:normal; margin: 0; line-height: normal; text-align:center; display: initial; color:#000 !important;}

.ul-child p{ font-size:18px; line-height: normal; color:#000; text-align: left; display: block; margin:0;}

.we-are-content-left .web-button-yellow{ margin: 35px 0 0;}

.are-content-carousel{ padding-left:40px;}

.are-content-carousel .owl-carousel .owl-nav [class*="owl-"]{ opacity: 1; border: none; font-size: 70px; left: 10px; background-color: transparent; color: #FFC139;}

.are-content-carousel .owl-carousel .owl-nav .owl-next{ left: auto; right: 10px;}

.are-content-carousel .owl-carousel .owl-nav [class*="owl-"]:hover{ background-color: transparent !important; color: #FFC139 !important;}




/*-----=====First in India=====-----*/

.first-in-india{ text-align: center;}

.first-in-india p{ font-size:18px; margin:0;}

.first-in-india ul{ margin: 45px 0 0; padding:0; list-style-type:none;}

.first-in-india ul li{ margin:0; padding:0; display:inline-block; width:20%; float: left;}

.first-india-child{ text-align:left; height:660px; padding: 85% 0 0 20px;}

.first-india-child img{ }

.first-india-child h4{ font-size:35px; font-weight:normal; line-height: 1; margin: 15px 0 0; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25)}

.first-india-child.one{ background-color: rgba(22, 65, 114, 0.6); transition:all ease-in-out .4s;}

.first-in-india ul li:first-child{ background-image:url(../images/one-bg-img.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

.first-india-child span{ font-size:25px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); display:block; padding-top: 5px; line-height: 1;}

.first-india-child.two{ background-color: rgba(22, 65, 114, 0.6); transition:all ease-in-out .4s;}

.first-in-india ul li:nth-of-type(2){ background-image:url(../images/two-bg-img.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

.first-india-child.three{ background-color: rgba(22, 65, 114, 0.6); transition:all ease-in-out .4s;}

.first-in-india ul li:nth-of-type(3){ background-image:url(../images/three-bg-img.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

.first-india-child.four{ background-color: rgba(22, 65, 114, 0.6); transition:all ease-in-out .4s;}

.first-in-india ul li:nth-of-type(4){ background-image:url(../images/four-bg-img.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

.first-india-child.five{ background-color: rgba(22, 65, 114, 0.6); transition:all ease-in-out .4s;}

.first-in-india ul li:last-child{ background-image:url(../images/five-bg-img.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}




/*-----=====Our Clients=====-----*/

.our-client{ padding:0 15px 0 80px;}

.our-client-text{ display: flex; align-items: center; height: 100%;}

.our-client-text .common-heading{ line-height: 0.8;}

.carousel-img-color{ filter: grayscale(100%); -webkit-filter: grayscale(100%);}




/*-----=====The Panalfa edge=====-----*/

.panalfa-edge-total{ text-align:center;}

.panalfa-edge-total p{ font-size:20px; line-height: normal !important; margin:0;}

.panalfa-edge-child{ padding: 0 0 0 80px;}

.panalfa-edge-child .common-heading{ font-weight: normal; margin: 65px 0;}

.panalfa-edge-child-total{}

.panalfa-edge-child-left{ margin-right: 45px;}

.panalfa-edge-child-right .panalfa-edge-child-left{ margin-right: 0;}

.panalfa-edge-child-box{ display:block; margin-bottom: 45px; height: 110px; cursor:text;}

.panalfa-edge-child-img{ float:left; padding-right: 45px; /*display: flex; align-items: center; */height: 100%;}

.panalfa-edge-child-text{ text-align:left; float: left;}

.panalfa-edge-child-text label{ text-transform:capitalize; color:#000; margin: 0 0 6px; display:block; font-size:30px; cursor:text;}

.panalfa-edge-child-text span{ font-family: 'Conv_DINPro-Regular_13937'; font-weight:normal; font-size:18px; color:#707070; line-height: 1.4;}


.panalfa-edge-child-carousel{}

.panalfa-edge-child-carousel .owl-carousel{ margin:0;}

.panalfa-edge-child-carousel .owl-carousel .owl-nav [class*="owl-"]{ opacity: 1; border: none; font-size: 70px; left: 10px; background-color: transparent; color:#FFC139; /*color:#164172;*/}

.panalfa-edge-child-carousel .owl-carousel .owl-nav .owl-next{ left: auto; right: 10px;}

.panalfa-edge-child-carousel .owl-carousel .owl-nav [class*="owl-"]:hover{ background-color: transparent !important; color:#FFC139 !important;}





/*-----=====Footer=====-----*/

.total-footer{ background-color: #164172 !important; margin-top: -1px;}

.footer-area{ padding-top: 0;}

.footer-area-left{}

.footer-area-left label{ font-size:16px; font-weight:700; line-height:normal; text-transform:uppercase; color:#fff; margin: 0 0 18px; cursor:text; display:block;}

.footer-area-left p{ font-size:17px; line-height:normal; color:#fff; width: 95%; margin:0;}

.footer-area-left ul{ margin: 0 0 5px; padding:0; list-style-type:none;}

.footer-area-left ul li{ margin:0; padding: 0 10px 0 0; display:inline-block;}

.footer-area-left ul li a{ font-size: 16px; color:#fff;}

.footer-area-left ul li a i{ font-size: 14px; padding-right: 5px;}

.footer-area-left ul li a i.at_icon{ font-size: 12px; padding-right: 0;}

.footer-area-left ul li:last-child{ padding-right:0;}

.footer-area-right .footer-area-left{ text-align:right;}

.footer-area-left a{ color:#fff; padding-left: 10px; transition:all ease-in-out .4s;}

.footer-area-left a:hover{ color:#FFC139;}

.footer-area-right .footer-area-left p{ width:100%;}



#footer .footer-widgets-wrap{ padding: 35px 0;}

#copyrights{ padding: 20px 0; background: #0E2948;}

.copyright-total{}

.copyright-total-left{}

.copyright-total-left span{ font-size: 14px;}

.copyright-total-right ul{ margin:0; padding:0; list-style-type:none; text-align: right;}

.copyright-total-right ul li{ margin:0; padding: 0 15px 0 0; display:inline-block; position:relative;}

.copyright-total-right ul li a{ font-size:14px; color:#fff; transition:all ease-in-out .4s;}

.copyright-total-right ul li a:hover{ color:#FFC139;}

.copyright-total-right ul li:after{ content:"|"; display:block; position: absolute; top: 2px; right: 4px; color: #fff;}

.copyright-total-right ul li:last-child:after{ display:none;}

.copyright-total-right ul li:last-child{ padding-right:0;}




/*-----=====Go to top=====-----*/

#gotoTop{ background-color: rgba(255,193,57,0.7); font-size: 26px; color:#000;}

#gotoTop:hover{ background-color: rgba(255,193,57,1);}




/*-----=====Our Leadership=====-----*/

.director-section{ padding-bottom: 70px;}

.director-section-img{ /*padding: 0 15px 5px 0;*/ padding: 0 20px 5px 0; float:left;}

.director-section-text{ /*padding: 6px 0 0; margin-left: 20px; */}

.director-section-text .common-sub-heading{/* width: 23%;*/}

.director-section-text span{  font-size:18px; font-weight:bold; display:inline-block; padding: 22px 0;}

.director-section-text p{ color: #636363; font-size: 18px; line-height:normal !important; margin:0 0 20px;}

.director-section p{ color: #636363; font-size: 18px; line-height:normal !important; margin:0 0 20px;}

.director-section-text .web-label{margin:15px 0 30px;}

/*.director-section p:last-child{ margin-bottom:0;}*/


/*-----=====Milestones=====-----*/

.milestone-page-title .common-page-title{ background-image: url('../images/milestone-page-title.jpg') !important;}

/*---===Timeline Start===---*/

/**, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}*/

@media only screen and (min-width: 1170px) {
  .cd-is-hidden {
    visibility: hidden;
  }
}

.cd-timeline {
  overflow: hidden;
  margin: 50px auto;
}

.cd-timeline__container {
  position: relative;
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 0 2em;
}

.cd-timeline__container::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 2px;
  background: #164172;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .cd-timeline__container::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline__block {
  position: relative;
  margin: 2em 0;
}

.cd-timeline__block:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-timeline__block:first-child {
  margin-top: 0;
}

.cd-timeline__block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline__block {
    margin: 4em 0;
  }
}

.cd-timeline__img {
  position: absolute;
  top: 30px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /*-webkit-box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
}

.cd-timeline__img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

.cd-timeline__img.cd-timeline__img--picture {
  background: #164172;
  box-shadow: 0 0 0 12px white, 0 0px 0 14px rgba(22, 65, 114, 1);
  -webkit-box-shadow: 0 0 0 12px white, 0 0px 0 14px rgba(22, 65, 114, 1);
}

.cd-timeline__img.cd-timeline__img--movie {
  background: #FFC139;
   box-shadow: 0 0 0 12px white, 0 0px 0 14px rgba(255, 193, 57, 1);
  -webkit-box-shadow: 0 0 0 12px white, 0 0px 0 14px rgba(255, 193, 57, 1);
}

/*.cd-timeline__img.cd-timeline__img--location {
  background: #f0ca45;
}*/

@media only screen and (min-width: 1170px) {
  .cd-timeline__img {
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -26px;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cd-timeline__img.cd-timeline__img--bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
            animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.cd-timeline__content {
  position: relative;
  margin-left: 60px;
  background: #164172;
  border-radius: 0;
  padding: 1em;
  min-height:180px;
  /*-webkit-box-shadow: 0 3px 0 #d7e4ed;
          box-shadow: 0 3px 0 #d7e4ed;*/
}

.cd-timeline__content:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-timeline__content::before {
  /* triangle next to content block */
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-right: 15px solid white;
}

.cd-timeline__content h2 {
  color: #fff;
  margin:0;
}

.cd-timeline__content p,
.cd-timeline__read-more,
.cd-timeline__date {
  font-size: 1.3rem;
}

.cd-timeline__content p {
  margin: 0;
  line-height: normal !important;
}

.cd-timeline__read-more,
.cd-timeline__date {
  display: inline-block;
}

.cd-timeline__read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}

.cd-timeline__read-more:hover {
  background-color: #bac4cb;
}

.cd-timeline__date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}

@media only screen and (min-width: 768px) {
  .cd-timeline__content h2 {
    font-size: 35px;
	text-align:center;
  }
  .cd-timeline__content p {
    font-size: 18px;
	text-align:center;
  }
  .cd-timeline__read-more,
  .cd-timeline__date {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-timeline__content {
    margin-left: 100px;
    padding: 1.6em;
    width: 35%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cd-timeline__content::before {
    top: 40px;
    left: 100%;
    border-color: transparent;
    border-left-color: #164172;
  }
  .cd-timeline__read-more {
    float: left;
  }
  .cd-timeline__date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 1.6rem;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content {
    float: right;
	margin:0 100px 0 0;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content::before {
    top: 40px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffc139;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__read-more {
    float: right;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cd-timeline__content.cd-timeline__content--bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
            animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
            animation: cd-bounce-2-inverse 0.6s;
  }
}

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.yellow-bg h2{color:#164172}
.yellow-bg p{color:#164172}

/*---===Timeline End===---*/




/*-----=====Milestones=====-----*/

.conatct-section{}

.conatct-section-text{ padding: 16% 0 16% 20%;}

.contact-address{ padding: 50px 0 20px 12%; color:#fff; transition:all ease-in-out .4s; display: inline-flex; width: 60%;}

.contact-address:hover span{ color:#ffc139;}

.contact-address:nth-of-type(2){ padding-top: 10px; padding-bottom:0;}

.contact-address:nth-of-type(3){ padding-top: 20px; padding-bottom:0;}

.contact-address:nth-of-type(4){ padding-top: 20px; padding-bottom:0;}

.contact-address:nth-of-type(4) span{margin-top:5px;}

.contact-address i{ font-size:25px; color:#ffc139; padding-right: 15px; font-weight: bold;}

.contact-address span{ display: inline-table; color:#fff;}

.contact-address i:hover span{ color:#ffc139;}

.contact-address span:hover{ color:#ffc139;}

/*.contact-address a{ }

.contact-address a:hover{ color:#ffc139;}*/

.conatct-section-map{ position:relative;}

.contact-height{ height: 850px;}

/*#google-map{ height:100%; position:relative; z-index:2;}

.gm-style-mtc div{ font-size:14px !important;}*/

.contact-map-overlay{ background:#FFC139 !important; width:100%; height:100%; padding: 16% 120px 40px; position:relative;}

	#session_msg{
		position: absolute; background: #fff; color: #FFC139; z-index: 2; padding:8px 30px; left:10%; bottom:7%; transition: all 1s ease-in; width:auto; display:none;}
		
		.view_thanks{display:block !important;}
		
		#session_msg p{margin:0 60px 0 0 ; font-weight:bold;}
		#close_msg{position:absolute; right:10px; top:7px; cursor:pointer;}
		#close_msg img{width:25px; }


/*.contact-map-overlay-two{ background:#FFC139 !important; width:100%; height:100%; padding: 51px 120px 40px; position: absolute; top: 0; left: 0; display:block;}*/

.contact-form-group{ margin: 0; /*padding: 0 90px 20px;*/ padding: 0 90px 15px;}

.contact-form-group:first-of-type{ padding-top:30px;}

.contact-form-group:last-of-type{ /*padding-top:30px;*/ padding-bottom:0; padding-top:0;}

.contact-form-input{ border:none; border-radius: 0; border-bottom: 3px solid #fff; background-color: transparent; padding: 0 0 20px; font-size:18px; font-weight:bold; color:#fff;}

.contact-form-input::-webkit-input-placeholder{ color:#fff; text-transform:uppercase; font-size:18px; font-weight:bold;}

.contact-form-input::-moz-input-placeholder{ color:#fff; text-transform:uppercase; font-size:18px; font-weight:bold;}

.contact-form-input:-ms-input-placeholder{ color:#fff; text-transform:uppercase; font-size:18px; font-weight:bold;}

.contact-form-input::-moz-placeholder{ color:#fff; text-transform:uppercase; font-size:18px; font-weight:bold;}

.contact-form-input:focus{ border-bottom-color: #fff; background-color: transparent; color:#fff;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  border-bottom: 3px solid #fff;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #FFC139 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.form-input-textarea{ resize:none; /*height: 115px;*/ height: 100px;}

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}



/*-----SOUMYA CSS------*/


.about-submenu{background:#FFC139; position:absolute; bottom:-38px; right:0; list-style-type:none;margin:0; z-index:2;}
.about-submenu li{display:inline-table} 
.about-submenu li a{padding:30px 60px 0; display:inline-block; font-size:16px; text-transform:uppercase; color:#000; line-height:1; font-weight:bold; position:relative;}
.active-nav-about:after{content:" "; display:block; width:100%; height:4px; background:#164172; margin-top:30px;}
.about-us-main h2{margin:0 0 30px -90px;}

.who-we-are-img{margin:10px 0 30px;}
.about-submenu li a:hover:after{content:" "; display:block; width:100%; height:4px; background:#164172; margin-top:30px;}


.services-scroller-menu{list-style-type:none; margin:50px auto; text-align:center; position:relative;}
.services-scroller-menu li{display:inline-table; text-align:center; position:relative}
.services-scroller-menu a{display:block; font-size:18px; line-height:1.2; font-weight:bold; padding:20px 40px; color:#fff; margin-left:-5px;
 position:relative;  text-transform:capitalize; transition: all 0.30s ease 0s; background:rgba(22, 65, 114, 1);}
.services-scroller-menu a:hover{color:#000; background:#FFC139}
.services-scroller-menu a:hover:after{ position:absolute; content:""; width: 0; height: 0;  border-left: 8px solid transparent; border-right: 8px solid transparent;
 border-top: 8px solid #FFC139; display:inline-block; margin-left:3px; bottom:-8px; left:48%; transition: all 0.30s ease 0s;}
.nav-active{background:#FFC139 !important; color:#000 !important;}
.nav-active:after{ position:absolute; content:""; width: 0; height: 0;  border-left: 8px solid transparent; border-right: 8px solid transparent;
 border-top: 8px solid #FFC139; display:inline-block; margin-left:3px; bottom:-8px; left:48%;}
 
.common-history-section{padding:0 0 40px; margin-bottom:40px; border-bottom:1px solid rgba(0,0,0,0.3); }
.web-h3{font-size:40px; margin-bottom:30px; text-transform:capitalize; line-height:1}
.client-logo-ul{list-style-type:none; margin:30px 0 ;}
.client-logo-ul li{display:inline-table; margin-bottom:5px;}
.web-h4{font-size:20px; font-weight:bold; text-transform:capitalize; margin-bottom:20px; line-height:1}
.about-us-main{margin-bottom:60px;}
.about-us-main p{margin-bottom:20px;}
.panalfa-dongwon-img{margin-bottom:30px;}
.yellow-link{color:#FFC139; text-transform:capitalize; transition: all 0.30s ease 0s; font-weight:600;}
.yellow-link:hover{color:#000;}
.web-label{font-size:16px; font-weight:bold; line-height:1.2; cursor:text; margin-bottom:20px; text-transform:capitalize; color:#000}
.yellow-arrow-ul{list-style-type:none; position:relative;}
.yellow-arrow-ul li{display:block; position:relative;  padding-left:40px; margin-bottom:10px;}
.yellow-arrow-ul li:before{content:" "; width: 0; height: 0;  border-top: 5px solid transparent; border-bottom: 5px solid transparent; 
border-left: 10px solid #FFC139; position:absolute; top:10px; left:0;}
.our-expertise-main .web-button-yellow{color:#FFC139 !important;}
.our-expertise-main .web-button-yellow:hover{background:#FFC139; color:#000 !important; border-color:#FFC139;}
.our-value-main  .common-sub-heading{text-align:center;}


.our-value-grid-main{position:relative}
.value-grid-unit{height:250px; width:100%; position:relative;  }
.grid-yellow-bg{background:#FFC139;}
.grid-blue-bg{background:#164172}
.grid-grey-bg{background:#F4F4F4;}
.value-grid-img{text-align:center; padding:60px 0 0}
.value-grid-unit h5{font-size:20px; text-transform:capitalize; margin-bottom:15px; line-height:1}
.value-grid-unit p{font-size:17px; }
.value-grid-text{padding:20px;}
.our-value-intro{font-size:20px; color:#000; font-weight:bold; text-align:center; width:75%; margin:0 auto 60px !important;}
.value-heading-margin{margin-top:50px;}
.value-heading-margin2{margin-top:10px;}
.arrow-right{width: 0; height: 0;  border-top: 8px solid transparent; border-bottom: 8px solid transparent;  position:absolute; top:20px; left:0; z-index:1}
.arrow-right-yellow {border-left: 12px solid #FFC139;}
.arrow-right-blue {border-left: 12px solid #164172;}
.arrow-left{width: 0; height: 0;  border-top: 8px solid transparent; border-bottom: 8px solid transparent;  position:absolute; top:20px; right:0; z-index:1}
.arrow-left-yellow {border-right: 12px solid #FFC139;}
.arrow-left-blue {border-right: 12px solid #164172;}

.about-us-main .owl-carousel .owl-nav [class*="owl-"]{ opacity: 1; border: none; font-size: 70px; left: 10px; background-color: transparent; color:#FFC139; /*color:#164172;*/}
.about-us-main .owl-carousel .owl-nav .owl-next{ left: auto; right: 10px;}
.about-us-main .owl-carousel .owl-nav [class*="owl-"]:hover{ background-color: transparent !important; color:#FFC139 !important;}



/*--===========TAB TO ACCORDI0N=========--->*/


.about-sticky-submenu{margin:-30px 0 0; z-index:2; transition:all ease-in-out .4s;}


ul.resp-tabs-list { margin:0; padding: 0px; float:right;}

.resp-tabs-list li {padding:20px 60px 0; display:inline-block; font-size:16px; text-transform:uppercase; color:#000; line-height:1; font-weight:bold; position:relative;
   list-style: none; cursor: pointer; float: left; background:rgba(255,193,57,0.9) !important;
}


.resp-tabs-list li:after{content:" "; display:block; width:100%; height:4px; background:transparent; margin-top:20px;}

/*.is_stuck{padding:15px 30px;}
.is_stuck li{background:rgba(255,193,57,0.7) !important;}*/
.resp-tabs-container { padding: 0px; background-color: #fff;  clear: left;}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
   /* padding: 15px;*/
}

.resp-tab-active:after {content:" "; display:block; width:100%; height:4px; background:transparent !important; margin-top:30px; padding-bottom: 0;
	/* border-bottom: 4px solid #164172 !important;
	margin-bottom: -1px !important;
	background:#FFC139 !important;
	padding: 12px 14px 14px 14px !important;*/
	
}

.resp-tabs-list li.resp-tab-active {
    border-bottom: none;
    background: rgba(22,65,114,0.9) !important;
	color:#fff;
	
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
   /* border: 1px solid #c1c1c1;
	border-top-color: #5AB1D0;*/
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}


/*----MY CSSS-----------*/



/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
	border:none;
}

h2.resp-accordion:first-child {
    /*border-top: 1px solid #c1c1c1; !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
		border:none; margin-bottom:10px; background:#FFC139 !important; font-size:18px; font-family:inherit; text-transform:capitalize
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}


.about-page-title {
	/*background-image: url('../images/leadership-page-title.jpg') !important;*/
	background-image: url('../images/panalfa-about-banner-bg.jpg') !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 200px 0;
	
}

.linkedin-footer-icon{position:relative;}
.linkedin-footer-icon a{padding-left:25px;}
.linkedin-footer-icon i{position:absolute; left:0; font-size:18px !important;}

.contact-link-icon{display:inline-block; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}




/*-----=====Panalfa Dongwon Success Story=====-----*/

.inner-page .common-page-title{ background-image: url('../images/inner-page-title.jpg') !important;}

.execution-area{ padding: 50px 0 80px; border-bottom: 1px solid rgba(0,0,0,.3);}

.panalfa-area{ padding: 50px 0 0;}

.dongwon-bg-area{ border-radius: 50%; padding: 39px; box-shadow: 0 0 6px 6px rgba(0,0,0,.2); text-align:center; width: 287px; height: 287px; margin: 50px auto 30px;}

.dongwon-bg-area p{ margin:0; font-size:13px; line-height:normal !important;}

.dongwon-bg-area img{ padding-bottom: 15px; overflow: hidden;}

.strategy-container{ position: relative; padding: 30px 0 0;}

.strategy-container img{ float: left; padding-right: 10px;}

.strategy-container p{ line-height:normal !important; margin:0; font-size:17px;}

.automotive-inner-page .common-heading{ font-size: 55px;}

.back-to-about{ position:relative; margin: 0 0 20px; display: inline-block; color:#000;}

.back-to-about i{ position:absolute; left:-25px; top: 5px; -webkit-text-stroke: 1px rgba(255,255,255,1); transition:all ease-in-out .4s;}

.back-to-about:hover i{ left:-35px;}


.electric-inner-carousel{}

.electric-inner-carousel .owl-carousel .owl-nav [class*="owl-"]{ color: #FFC139; background-color: transparent; opacity: 1; border: none; font-size: 70px; left: 25px;}

.electric-inner-carousel .owl-carousel .owl-nav .owl-next{ left: auto; right: 25px;}


/*.electric-inner-carousel h1{position:absolute; top:0; left:0}*/


.pioneer-inner-page{background-image:url('../images/auto-elektrik-31.jpg') !important;}
.automotivebg-inner-page{background-image:url('../images/auto-elektrik-33.jpg') !important;}
.dongwon-success-banner{background-image:url('../images/dongwon-success-banner.jpg') !important;}
.keihin-success-banner{background-image:url('../images/keihin-panalfa-success-banner.jpg') !important;}

.director-section-text h2.common-sub-heading{text-transform:capitalize;}

.zoom { background-color: green; transition: transform .8s; width: 70px; height: 70px; margin: 0 0 4px 0; display:inline-block;}
.zoom:hover {-ms-transform: scale(3.5); /* IE 9 */ -webkit-transform: scale(3.5); /* Safari 3-8 */ transform: scale(3.5); }


/*---DISCLAIMER---*/

.disclaimer-heading h1{text-shadow:none;}
.disclaimer-heading{padding:45px 0}
.disclaimer-main{margin-bottom:60px;}
.disclaimer-main p{margin-bottom:15px;}
.disclaimer-main ol{margin-left:30px;}
.disclaimer-main li{margin-bottom:15px;} 
.disclaimer-main label{margin-bottom:10px;}