@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@font-face {
    font-family: 'bebas_neue';
    src: url('../font/bebasneue_regular-webfont.eot');
    src: url('../font/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebasneue_regular-webfont.woff') format('woff'),
         url('../font/bebasneue_regular-webfont.ttf') format('truetype'),
         url('../font/bebasneue_regular-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-display: swap; font-display: swap;
}
@font-face {
    font-family: 'bebas_neue';
    src: url('bebasneue_bold-webfont.eot');
    src: url('../font/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebasneue_bold-webfont.woff') format('woff'),
         url('../font/bebasneue_bold-webfont.ttf') format('truetype'),
         url('../font/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: bold;
    font-style: normal;
	-webkit-font-display: swap; font-display: swap;
}
@font-face {
    font-family: 'centrale_sans';
    src: url('centrale_sans_light-webfont.eot');
    src: url('../font/centrale_sans_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/centrale_sans_light-webfont.woff') format('woff'),
         url('../font/centrale_sans_light-webfont.ttf') format('truetype'),
         url('../font/centrale_sans_light-webfont.svg#centrale_sans_lightlight') format('svg');
    font-weight: 300;
    font-style: normal;
	-webkit-font-display: swap; font-display: swap;
}
@font-face {
    font-family: 'centrale_sans';
    src: url('centrale_sans_regular-webfont.eot');
    src: url('../font/centrale_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/centrale_sans_regular-webfont.woff') format('woff'),
         url('../font/centrale_sans_regular-webfont.ttf') format('truetype'),
         url('../font/centrale_sans_regular-webfont.svg#centrale_sans_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-display: swap; font-display: swap;
}
@font-face {
    font-family: 'centrale_sans';
    src: url('centrale_sans_medium-webfont.eot');
    src: url('../font/centrale_sans_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/centrale_sans_medium-webfont.woff') format('woff'),
         url('../font/centrale_sans_medium-webfont.ttf') format('truetype'),
         url('../font/centrale_sans_medium-webfont.svg#centrale_sans_mediummedium') format('svg');
    font-weight: 500;
    font-style: normal;
	-webkit-font-display: swap; font-display: swap;
}
@font-face {
    font-family: 'centrale_sans';
    src: url('centrale_sans_bold-webfont.eot');
    src: url('../font/centrale_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/centrale_sans_bold-webfont.woff') format('woff'),
         url('../font/centrale_sans_bold-webfont.ttf') format('truetype'),
         url('../font/centrale_sans_bold-webfont.svg#centrale_sans_boldbold') format('svg');
    font-weight: bold;
    font-style: normal;
	-webkit-font-display: swap; font-display: swap;
}

:root{--color-primary:#ed1651;--color-secondary:#1a1a18;}

html,body {overflow-x: hidden;}

body {font:normal 18px centrale_sans; color:#1a1a18;line-height: 1.5;}

a {color:var(--color-secondary);}
a:hover {color:var(--color-primary);text-decoration:none;}

a,#mainmenu,.years .slick-slide,.style_arrows i,li a:after,.hover,.verticals a:after,.slick-arrow,.verticals_popout:before, .navbar-toggler span, h2, .carousel-item, .carousel-item img{
-webkit-transition:ease all 0.3s;
-o-transition:ease all 0.3s;
-ms-transition:ease all 0.3s;
transition:ease all 0.3s;
}

ul{margin: 0;padding: 0;}

@media screen and (min-width:1300px){.container{max-width:1240px;}}
@media screen and (min-width:1349px){.container{max-width:1280px;}}
@media screen and (min-width:1400px){.container{max-width:1340px;}}
@media screen and (min-width:1500px){.container{max-width:1400px;}}
@media screen and (min-width:1600px){.container{max-width:1470px;}}
@media screen and (min-width:1700px){.container{max-width:1530px;}}
@media screen and (min-width:1850px){.container{max-width:1600px;}}

h1,h2{
z-index: 2;
position: relative;
font-family: 'bebas_neue', cursive;
font-weight:bold;
}

h1,.h2{font-size:90px;text-transform:uppercase;font-weight:bold;}
h2{font-size:80px;text-transform:uppercase;margin-bottom:20px;font-weight: bold;}
h2 span,.h2 span{color:var(--color-primary)}

.bg-primary{background:var(--color-primary) !important}
.bg-secondary{background:var(--color-secondary) !important}

.pt-10{padding-top: 10px;}
.pt-12{padding-top: 12px;}
.mt-100{margin-top:100px;}
.mb-30{margin-bottom: 30px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.p-fit{padding: 0px 8px;}

.banner h1{color:#fff;}

/* Sticky Wrapper 
header{
  width: 100%;
}
/*

.sticky-wrapper {
  position: absolute;
  z-index: 100;
  width: 100%;
}
.site-navbar{
  background-color: white;
  border-radius: 0px 0px 0px 109px;
}

.sticky-wrapper .site-navbar {
  transition: .3s all ease;
}

.sticky-wrapper .site-navbar .site-menu-toggle {
  color: #fff;
}

.sticky-wrapper .site-navbar .site-logo a {
  color: #fff;
}

.sticky-wrapper .site-navbar .site-menu > li > a {
  color: rgba(237, 22, 81) !important;
}

.sticky-wrapper .site-navbar .site-menu > li > a:hover,
.sticky-wrapper .site-navbar .site-menu > li > a.active {
  color: #000000 !important;
}

.sticky-wrapper.is-sticky .burger:before,
.sticky-wrapper.is-sticky .burger span,
.sticky-wrapper.is-sticky .burger:after {
  background: #e40045;
  transition: .0s all ease;
}

.sticky-wrapper.is-sticky .site-navbar {
  background: #fff;
  border-bottom: 1px solid transparent;
  box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
}

.sticky-wrapper.is-sticky .site-navbar .site-logo a {
  color: #000000 !important;
}

.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {
  color: #ed1651 !important;
}

.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover,
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {
  color: #000000 !important;
}

.sticky-wrapper .shrink {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.site-navbar{

}
*/

/*--------------------------------------------------------------
# Header Section
--------------------------------------------------------------*/
.header-wrapper {
    overflow: hidden;
    width: 100%;
	position: relative;
}
.hero-zoom {
	top: 0;bottom: 0;right: 0;left: 0;
	position:absolute;
    background:url(../images/banner.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    /* background-size: auto; */
    background-attachment: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 50s ease-in infinite;
    animation: zoomin 50s ease-in infinite;
    transition: all 50s ease-in-out;
    overflow: hidden;
}
.hero-section .container{
    width: 100%;
/*
    -webkit-animation: zoomout 50s ease-in infinite;
    animation: zoomout 50s ease-in infinite;
    transition: all 50s ease-in-out;  
*/
}
.hero-section h1{line-height:1;}

#journey_section .hero-zoom { background:url(../images/timeline.jpg);}
#journey_section .hero-zoom:before{content:''; display: block;position: absolute;top: 0;bottom: 0;right: 0;left: 0;background: #000; opacity:0.9}

.banner5{
      background:url(../images/banner.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-size: auto;
    background-attachment: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
 -webkit-animation: zoomin 50s ease-in infinite;
    animation: zoomin 50s ease-in infinite;
    transition: all 50s ease-in-out;
    overflow: hidden;
}

.banner5 .container{
    width: 100%;
    -webkit-animation: zoomout 50s ease-in infinite;
    animation: zoomout 50s ease-in infinite;
    transition: all 50s ease-in-out;
    overflow: hidden;
}
.banner7{
  background:url(../images/banner.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-size: auto;
    background-attachment: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 50s ease-in infinite;
    animation: zoomin 50s ease-in infinite;
    transition: all 50s ease-in-out;
    overflow: hidden;
}
.banner7 .container{
    width: 100%;
-webkit-animation: zoomout 50s ease-in infinite;
    animation: zoomout 50s ease-in infinite;
    transition: all 50s ease-in-out;
    overflow: hidden;
}
.hero-section,
.hero-section > .container > .row {
  height: 110vh;
	min-height:800px;
  padding: 60px 10px 60px !important;
}

.hero-section.inner-page .hero-text {
  -webkit-transform: translateY(-150px);
  transform: translateY(-150px);
  margin-top: -120px;
}



.hero-section p {
  font-size: 18px;
  color: #fff;
}
.banner5{
  background:url(../images/about-banner.jpg);
  position: relative;
  background-repeat: no-repeat;
}
.banner5,
.banner5 > .container > .row {
  height: 100vh;
  padding: 60px 10px !important;
}

.banner7{
  background:url(../images/brands-banner.jpg);
  position: relative;
  background-repeat: no-repeat;
}
.banner7,
.banner7 > .container > .row {
  height: 100vh;
  padding: 60px 10px !important;
}

/* Burger */
/*

.burger {
  width: 28px;
  height: 32px;
  cursor: pointer;
  position: relative;
  z-index: 99;
  float: right;
}

.burger:before,
.burger span,
.burger:after {
  width: 100%;
  height: 2px;
  display: block;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  opacity: 1;
}

.burger:before,
.burger:after {
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  content: "";
}

.burger:before {
  top: 4px;
}

.burger span {
  top: 15px;
}

.burger:after {
  top: 26px;
}

.burger:hover:before {
  top: 7px;
}

.burger:hover:after {
  top: 23px;
}

.burger.active span {
  opacity: 0;
}

.burger.active:before,
.burger.active:after {
  top: 40%;
}

.burger.active:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
}

.burger.active:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
}

.burger:focus {
  outline: none;
}
*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {
  padding: 5rem 0 2.5rem 0;
  background-color: #303030;
  color: #fff;
}

.footer h3 {font:bold 26px 'centrale_sans';}
.footer h3:after{content:'';display: block;width: 35px;height: 3px;background:var(--color-primary);margin-top:12px;}

.flinks li {margin-bottom: 10px;}
.flinks li a{display:inline-block;padding-right:10px;}
/*.flinks li a:hover{background:var(--color-primary)}*/

.address li{margin-bottom:8px;}
.flinks li a,.address li a{position:relative;display: inline-block;}
.flinks li a:after,.address li a:after{content:'';display: block;width:0;background:var(--color-primary);height:1px;}
.flinks li a:hover:after,.address li a:hover:after{width:100%;}

.footer a {color:#fff;}

.footer .copyright {
  margin:50px 0 10px;
  font-size: 14px;
}

.footer .footer-brief{
    color: #ffffff;
    margin-top: 16px;
    font-size: 15px;
	width:400px;
	max-width:100%;
}

.social{margin-top:20px;}
.social a {
  display: inline-block;
  width: 40px;
  height: 40px;
	line-height: 2;
	margin-right:10px;
  border-radius: 50%;
  /* background: #f8f9fa; */
  position: relative;
  text-align: center;
  transition: .3s background ease;
  color: #ffffff;
  border: 2px solid var(--color-primary);
}

.social a span {
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.social a:hover {
  color: #fff;
  background: #e40045;
}

/***more custom***/
/*
.text-lg-left h1{
    font-size: 80px;
}
*/
/*
.founder-section .f-img{
  padding: 0px;
}
*/
.founder-section{position: relative;}
.founder-section:before{content:'';display:block;width:50%;position:absolute; top: 0;bottom:0;left:0; background:url(../images/founder.jpg) no-repeat center center; background-size:cover}
.founder-section:after{content:'';display:block;width:50%;position:absolute; top: 0;bottom:0;right:0; background:url(../images/leaf.svg) no-repeat left bottom;z-index:-1; -webkit-transform: scaleX(-1); transform: scaleX(-1); background-size:120%}

.relative{position:relative;}
.founder-section .note{
    padding: 70px 0 70px 35px;
}

.note_txt{border-left:2px solid black;padding:8px 0 1px 25px;}
.founder-section .note p{}

.btn{border-radius:0 20px;font-weight:500;font-size:19px;padding:9px 38px;margin-top:35px;}
.btn-dark{background:var(--color-secondary);border-color:var(--color-secondary)}
.btn-light{font-family: 'bebas_neue', cursive;font-size:26px;background: #fff;}
.btn-dark:hover,.btn-light:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;}
.btn-dark.focus, .btn-dark:focus{box-shadow: 0 0 0 0.2rem rgba(237, 22, 81, 0.25);}

.indark.btn-dark{border:2px solid var(--color-secondary)}
.indark.btn-dark:hover{background:none;border-color:#fff;}

/*.hero-section .build-2 img{box-shadow: 10px 20px 50px -9px #0000004f;}*/
/*
.graph ul li{
      text-decoration: none;
    list-style: none;
    font-family: 'bebas_neuebold';
    font-size: 40px;
    font-weight: 600;
}
.graph .vl {
  border-left: 2px solid #fff;
  height: 50px;
}

.hero-section .graph .years span{
  color: #fff;
  padding: 0px 35px;
}

.hero-section .text{
  padding: 100px 50px;
  left: 124px;
  bottom: 139px;
  text-align: left;
}
*/

.years .splide__slide, .yeardata .splide__slide {display:flex; align-items: center;}
.splide--nav>.splide__track>.splide__list>.splide__slide{border:none}
.yeardata, .splide__track, .splide__list{width:100%;}
.splide--draggable>.splide__track>.splide__list>.splide__slide:focus{outline:none;}

.years h6,.hero-section h3{font-family: 'bebas_neue';}
.hero-section h2{color:#fff;}
.hero-section h3{font-size: 60px;color: #fcbc00;margin-bottom:20px;font-weight: bold}
#journey_section{position:relative;height:850px;}
.journey_pic {text-align:center;}
#journey{display:flex;align-items: center;}
#journey .years{width:66px;color: #fff;text-align:center;padding:70px 0;}
/*.slick-prev:before,.slick-next:before {color: black;}*/
.years .is-active,.years .slick-slide:hover {color:#fcbc00}
.yeardata .row{width:100%;}
.years .splide__arrow {background:none;font-size:30px;cursor:pointer;position: absolute;line-height:1;-webkit-transform:translateX(-50%); transform:translateX(-50%);left:50%;}
.years .slick-disabled{cursor:default;}
.years .slick-disabled:before{content:'\f111';font-size:13px;}
.years h6{font-weight:normal;font-size:40px;margin: 0}
/*.years .slick-slide{margin:35px 0;cursor:pointer;}*/
.years .splide__arrow--prev{top:0 !important;}
.years .splide__arrow--next{bottom:0 !important;}

.years .splide__track:before, .years .splide__track:after, .years .splide__arrow:after { content:'';display:block;width:1px;height:65px;background:#fff;left:50%;position:absolute;top:85px;}
.years .splide__track:after{top:auto;bottom:85px;}
.years .splide__arrow:after{left:calc(50% - 1px)}
.years .splide__arrow--prev:after{top:38px;}
.years .splide__arrow--next:after{bottom:38px;top:auto}

.yeardata {display: flex;align-items: center;padding-left: 40px;}
.yeardata .slick-list{padding:0 !important;}
.yeardata .slick-slide {transition: all ease-in-out .3s;opacity:0;}
.yeardata .slick-active {opacity: .5;}
.yeardata .slick-current {opacity: 1;}
.yeardata  p {font-size: 19px;font-weight:500;}

@media all and (min-width:768px){
/*	.yeardata .slick-list{height:250px !important;}*/
	.gallery .row{border-radius: 0 170px;overflow: hidden; justify-content:space-between}
	.gallery .gal1{padding-left:0 !important;}
	.gallery .gal2{padding-right:0 !important;}
	.gallery .col-md-4{padding:0 !important; -ms-flex:0 0 31.8%; flex:0 0 31.8%; max-width:31.8%;}
	.gallery .col-md-6{margin-bottom:20px;}
}
@media all and (min-width:992px){
	.gallery .col-md-4{padding:0 !important; -ms-flex:0 0 32%; flex:0 0 32%; max-width:32%;}
	.gallery .col-md-6{margin-bottom:20px;}
}
@media all and (min-width:1200px){
	.gallery .col-md-6{margin-bottom:25px;}
	.banner5 .headertxt{margin-left: 100px;}
}
.gallery{position:relative;}
.gallery .row{background:#eee;margin:0;}
.gallery:before,.gallery:after{content:'';display:block;background:url(../images/leaf.svg) no-repeat top right;position:absolute;height:100%;width:45%;z-index:-1;}
.gallery:before{top:10px;right:-50px;}
.gallery:after{bottom:-130px;left:0; background-position:bottom left}
.gallery img{max-width:100%}
.gallery .col-md-6{position:relative;}
.gallery .ghover{position: absolute;bottom:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;}
.video-btn {
    display: inline-block;
    color: #fff;
    font-size: 70px;
    width: 144px;
    height: 144px;
    border: 5px solid #fff;
    border-radius: 50%;
    line-height: 1.9;
    padding-left:16px;
}
.video-btn:hover{background:var(--color-primary);color:#fff;opacity:0.8;}
.gallery .btn{
  display: inline-block;
  font-weight: bold;
  margin-top:40px;
min-width:210px;
	padding:9px;
} 

/*
.gal2 img{border-radius:0 180px 0 0}
.gal3 img{border-radius:0 0 0 180px}
*/

.stylemeets .style-text{
  margin: 0px auto;
  padding: 100px;
  width: 40%;
}
.stylemeets .style-text h1{
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}
.stylemeets .style-text .sub-text{
  font-family: 'centrale_sans_mediummedium';
  font-size: 35px;
  color: #ffffff;
  padding: 0px 0px 0px 300px;
  text-transform: uppercase;
}
.stylemeets .style-text .sub-text-2{
  border-left: 2px solid white;
}
.stylemeets .style-text p{
  color:#ffffff;
  padding: 4px 20px;
}
.brands{
	padding-top:60px;
   background: url(../images/leaf.svg) no-repeat left top;
	background-size:48% auto;
}
.brands h1{
  padding: 37px 0px 20px;
}
/*
.brands .row{
  padding: 10px 130px;
}
*/
.brands .imgtype1{
  background-image: url(../images/vaibhav-bg.png);
  border-radius: 0px 0px 0px 120px;
  background-repeat: no-repeat;
  background-size: cover;
  border-right: 3px solid black;
}
.brands .imgtype2{
  background-image: url(../images/kumar-bg.png);
  border-radius: 0px 120px 0px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.brands .brand-section{
  padding: 0px;
}
.brands .brand-section p{
  padding: 20px;
  font-size: 16px;
  font-weight:500;
	margin:15px 0 40px
}
.footer .hl{
  border-bottom: 3px solid #e40045;
  width: 28px;
  padding: 0px;
  margin-bottom: 20px;
}

.banner5 h1 {
  font-size: 4.5rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  background-color: #ed1651;
  padding: 5px 30px;
}
.banner5 .block-text{
  background-color: #000000;
  width: 80%;
}
.banner7 h1 {
  font-size: 4.5rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: 'bebas_neuebold';
  background-color: #ed1651;
  padding: 10px 0px 0px 20px;
}
.banner7 .block-text{
  background-color: #000000;
  width: 80%;
}

.header-wrapper {
  overflow: hidden;
  width:100%;
}

/* .zoominheader {
  width:400px;
  height:200px;
  text-align:center;
  background: url("https://2.bp.blogspot.com/-jV7dJqJnzAQ/V1tLFVCPw_I/AAAAAAAAJhk/EH40vG3VTZ4t7gn38pHKA0nW9RyI84OZwCK4B/s400-p/sts-min.jpg");
  background-size: auto;
  background-attachment: fixed;
  background-repeat: repeat;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-animation: zoomin 10s ease-in infinite;
  animation: zoomin 10s ease-in infinite;
  transition: all .5s ease-in-out;
  overflow: hidden;
} */

/* The innermost element*/
.zoomoutheader {
  width:400px;
  height:200px;
  text-align:center;
  background: none;
  -webkit-animation: zoomout 10s ease-in infinite;
  animation: zoomout 10s ease-in infinite;
  transition: all .5s ease-in-out;
  overflow: hidden;
}



/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
  0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}
@keyframes zoomout {
    0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}/*End of Zoom out Keyframes */

/*Style for the text*/
.text{
  color:red;
  font-weight:bold; 
}
.card-body{
    width: 1077px;
    border: 0px;
    background-color: #f3f4f4;
    color: #000000;
    border-radius: 88px 0px;
    margin-top: 12px;
}

.card-body .b-para{
  background-color: white;
   background-color: #f3f4f4;
   padding: 20px 10px;
   font-size: 18px;
   font-weight:500;
}
.card-body a{
  background-color: #000000;
  border-radius: 0px 10px;
}
.visit-next{
   padding: 10px 16px;
    background-color: #000000;
    border-radius: 0px 20px;
    color: #ffffff;
    margin: 10px;
    text-decoration: none;
    width: 149px;
    text-align: center;
    color: #ffffff;
    margin: 27px 0px 20px;
}
.visit-next a{
  color: #ffffff;
}
.visit-next a:hover{
  text-decoration: none;
  color: #ffffff;
}
.b-para span{
   font-size: 25px;
   font-family: 'centrale_sans_mediummedium';
   color: #000000;
   text-transform: uppercase;
   display: inline-block;
 }
 .head-style{
   margin: 40px 0px;
 }
/* .f-section .overlay h2{
  top: 350px;
  left: 150px;
 } */
 /* .mission .overlay-a h2{
  bottom: 102px;
  left: 234px;
 } */
 /* .vision .overlay-b h2{
  bottom: 124px;
  left: 234px;
 } */
.mv-section, .mv-section-a{text-align: center;}

#stylemeet {
  background: url(../images/stylemeets/stylemeets-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 680px;
	padding-top: 130px;
	color: #fff;
	position: relative;
}

#stylemeet .style-text h4 {
	display: inline-block;
  font:bold 75px centrale_sans;
	text-transform: uppercase;
}
#stylemeet .style-text h4.longttl{font-size:60px;}
#stylemeet .sub-text{
	display: block;
	text-align: right;
  font-weight:500;
  font-size: 35px;
  text-transform: uppercase;
}
#stylemeet .sub-text-2:before{content:'';display: block;width:2px;height:40px;background:#fff;position:absolute;top:10px;left:0;}
#stylemeet .sub-text-2{
  padding: 4px 20px;
  font-weight:500;
	position: relative;
	font-size:16px;
	text-align:justify;
	margin-top:10px;
}
.style-wrapper{padding:0 140px 0 0;position:relative;width:1040px;max-width:100%;margin:auto}
.style-wrapper li{padding-top:30px;}
.long_img{margin-top:-25px;}
/*.style{width:480px;max-width:100%;}*/
.style_arrows{display:flex;flex-direction:column;border-radius:0 30px;border:3px solid #fff;text-align:center;font-size:22px;margin-left:50px;overflow:hidden; position:absolute;top:44px;right:0;}
.style_arrows i{cursor:pointer;}
.style_arrows i:hover{color:var(--color-primary)}
.style_arrows>*{width:78px;height:78px;display: flex;justify-content: center;align-items: center;}
.pagingInfo{border-top:3px solid #fff;border-bottom:3px solid #fff;font-size:21px;}

#mainslider .carousel-nav{position:absolute;background:rgba(243,176,7,0.8);color:#000; width:60px;height:60px;bottom:30px;opacity:1;top:auto;font-size:34px;}
#mainslider .carousel-item{background-size:cover;}
#mainslider .carousel-item img{max-width:100%;}
#mainslider .carousel-control-prev{left:20px;}
#mainslider .carousel-control-next{left:90px;right:auto;}
#mainslider .active .caption{bottom:30%;opacity:1;}

@media all and (max-width:991px){
	#testimonials li{display: block;}
	#testimonials figure{border-radius:50px 10px;width:250px; margin:20px 0 5px 20px;}
	#testimonials .oh{flex:0 0 100%;}
	#testimonials figure{width:100%; margin:0;}
}
/*#testimonials li{box-shadow:0 -5px 15px rgba(0,0,0,0.1); padding:10px; display:flex;align-items:flex-start; border:1px solid #eee; margin-bottom:50px;}
#testimonials li:after{content:'';display:block;clear:both;}*/
#testimonials img{width:100%; border:1px solid #fff; box-shadow:2px 5px 10px rgba(0,0,0,0.2);margin:10px;}
#testimonials .visitor_name{color:#6c6d6b; font-size:20px;}
#testimonials .visitor_name span{color:#000;}
#testimonials .visitor_name:before {content: '';display: block;background:#ccc;width:30px;height:4px; margin:30px auto 10px;}
/*#testimonials h2{margin-bottom:0;}*/
/*#testimonials h4{font-size:28px; color:#888;margin-bottom:30px;}*/
/*#testimonials p{font-size:16px; margin-top:15px;}*/
/*#testimonials:after{content:'\f10e';display:block;position:absolute;right:0;bottom:150px;font-size:250px;line-height:1;font-family:'fontello';color:rgba(187, 133, 37, 0.12);z-index:-1;}*/
#testimonials h5{color:#e41e26;font-size:18px;margin:20px 0 5px;}
#testimonials h5 + p{font-size:14px;margin-top:0;}

.carousel_nav{font-size:40px;}
.carousel_nav a{width:50px;height:50px;border:1px solid #ddd;display: block;display:inline-block;line-height:1.15;}
.carousel_nav i:before{margin:0;}

#stylemeet .h2{position:relative;left:25%;top:60px;padding-left:5px;}
#stylemeet .carousel-indicators img {width:100%;margin:0;}
#stylemeet .carousel-indicators li {
  height:70px;
  width: 70px;
  border: none;
  text-indent:0;opacity:0.8;
	background:none;
	position: absolute;
  transform-origin:center center;
  border: 2px solid white;
}
#stylemeet .carousel-inner{margin-top:51px;}
#stylemeet .carousel-indicators li:first-child{ left: -5px; top: -157px;border-radius: 0px 37px 0px 0px;}
#stylemeet .carousel-indicators li:nth-child(2){ left: -5px; bottom: 11px;}
#stylemeet .carousel-indicators li:nth-child(3){left: -5px; top: -13px;border-radius: 0px 0px 0px 37px;}

#stylemeet .carousel-indicators li:nth-child(4){left: 50px;top: 130px;}
#stylemeet .carousel-indicators li:nth-child(5){left: 130px;top: -9px;}
#stylemeet .carousel-indicators li:nth-child(6){left: 190px;top: 50px;}
#stylemeet .carousel-indicators li:nth-child(7){left: 130px;top: 110px;}

#stylemeet .carousel-indicators li.active img {border-color: #ffffff;}
#stylemeet .carousel-indicators i{
  color: #ffffff;

}
#stylemeet .carousel-indicators i.r-1{
  position: absolute;
  top: 21px;
  left: 27px;
}
#stylemeet .carousel-indicators li:nth-child(2) img{
  width: 50px;
  border: 0px;
  box-shadow: none;
  text-align: center;
  padding: 5px;
  margin: 10px;
}

/* * {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;} */

/* Slideshow container */
/* .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
} */

/* Caption text */
/* .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
} */


/* Fading animation */
/* .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
} */

/* * {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;} */

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  /* transition: background-color 0.6s ease; */
  transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}

/* Fading animation */
/*
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 10.5s;
  animation-name: fade;
  animation-duration: 10.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 1} 
  to {opacity: 1}
}
.numbertext{
  font-size: 18px;
  font-weight: bold;
  font-family: 'centrale_sans_boldbold';
  margin: 10px;
  margin: 15px 0px 15px 3px;
}
.slide-num{
  color: #e40045;
}

*/

/* Style the tab */
.tab {
  float: left;
    width: 30%;
    height: 466px;
    overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: #ffffff;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 37px;
  font-weight: 400;
}

/* Create an active/current "tab button" class */
/* .tab button.active {
  background-color: #ccc;
} */

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 45px 12px;
  width: 70%;
  border-left: none;
  height: 300px;
}
.tab button:hover{
  color: #fcbc00;
}
.tab button.active{
  color: #fcbc00;
}
.timeline{
  height: 56px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  width: 1px;
  margin: 0px 62px;
}
/*
.carousel-control-next, .carousel-control-prev{
  width: 10%;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: 50px;
  height: 50px;
}
.carousel-control-prev-icon {
  background-image: url(../images/slider-button-1.png);
}
.carousel-control-next-icon {
  background-image: url(../images/slider-button.png);
}

*/

.headertxt{max-width:60%}
.headertxt>div{font-size:45px;font-weight: bold;color: #fff;text-transform: uppercase;padding:0 20px;display: inline-block;}
.headertxt>div:first-child{margin-bottom:10px;}

/*---------------------- About Page ------------------------------*/

.mv-section h2,.mv-section-a h2{line-height:1;font-size:70px;margin-bottom:10px;}
.mv-section .btn-dark,.mv-section-a .btn-dark{margin-top:0;}
.card-inside{
  width: 100%;
  color: #ffffff;
  background-color:transparent;
  font-size:16px;
  padding: 0px;
}

.pgbanner{border-bottom-right-radius:100px;}
.pgbanner > div{background-size:cover;}

.blocks_title{position:absolute;bottom:10px;left:50px;transition: all ease 1200ms;}

.about{position:relative;padding: 100px 0 50px;}
.about:before{content:'';display:block;background:url(../images/leaf.svg) no-repeat top left;position:absolute;height:100%;width:45%;z-index:-1; top:0;left:0;}

.about a{
  text-decoration: none;
  border:0px;
}
.about .f-section{
  position: relative;
  background: url(../images/founder-about.jpg) no-repeat center center;
  min-height: 800px;
	overflow: hidden;
  background-size: cover;
  border-radius: 0px 0px 0px 100px;
  padding: 10px;
}
.about .f-section:after, .about .mission:after, .about .vision:after{
	content:'';display: block;
	position: absolute;bottom: 0;left: 0;right: 0;height:30%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

.about .hover {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 3;
	background:#ed1651c4;
	transition: all 900ms ease 100ms;
	opacity: 0;
}
.about .f-section .hover {
/*  border-radius: 0px 0px 0px 100px;*/
}
.f-section:hover .blocks_title, .mission:hover .blocks_title, .vision:hover .blocks_title {bottom: -100px;opacity:0;transition: all ease 200ms;}

.about .f-section:hover .hover {
  opacity: 1;
}
.about .hover {
	display: flex;
    align-items: center;
    justify-content: center;
	padding:0 60px;
}
.about .mission .hover {
/*	border-radius: 0px 100px 0px 0px;*/
}
.about .mission:hover .hover {
  opacity: 1;
}
.about .vision:hover .hover {
  opacity: 1;
}

.about .mission{
  background-image: url(../images/mission.png);
  background-repeat: no-repeat;
  min-height: 400px;
  background-size: cover;
  border-radius: 0px  100px 0px 0px;
	overflow: hidden;
}
.about .vision{
  background-image: url(../images/vision.jpg);
  background-repeat: no-repeat;
  min-height: 400px;
  background-size: cover;
	overflow: hidden;
}
.about h2{
  font-size: 4.5rem;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}


.team-mgmt{position: relative;}
.team-mgmt:before{content:'';display: block;position: absolute;top:-200px;bottom: 0;right:-23%; background:url(../images/leaf.svg) no-repeat left top; width:30%; z-index: -1;-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.team-mgmt p{
    width: 80%;
    margin: 0px auto;
    padding: 0px;
    font-size: 18px;
    margin-bottom: 30px;
	font-weight:500;
}
/*

.team-config .hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.85);
  transition: all 900ms ease 100ms;
  opacity: 0;
  transform-style: preserve-3d;
  transform: perspective(1200px) rotateX(90deg) translateZ(-32px);
}

.team-config .overlay p{
    font-size: 18px;
    padding: 100px 50px;
    text-align: center;
    color: #ffffff;
    width: 80%;
}
*/

.members{justify-content:center}
.members article{margin:40px;text-align: center;}
.members .member_wrap{border-radius:30% 0;overflow: hidden;position: relative;margin-bottom:25px;}
.members .member_wrap img{width:100%;}
.members .hover{position:absolute;top:60%;bottom: 0;right: 0;left: 0;display:flex;align-items:center;padding:20px;opacity:0}
.members .hover:before{content:'';display:block; position:absolute;top: 0;bottom: 0;right: 0;left: 0; background:var(--color-primary); opacity: 0.7;}
.members .hover>*{position:relative;color:#fff;}
.members .hover p{margin:0;width:100%;}
.members article:hover .hover{opacity:1;top:0;}
/*.members article:hover .hover:before{opacity:1;top:0;}*/

.members h4, .members h6,.value-tag h4{font-family:'centrale_sans';}
.members h4{font-size: 30px;font-weight: 500;text-transform: uppercase;color:var(--color-primary)}
.members h6{font-size: 22px;font-weight: 300;}

.members .btn{font-size:16px;padding:7px 20px; margin-top: 20px;}
.members .modal p{width: 100%;font-weight:normal;font-size: 16px;}
.modal-header, .modal-body{padding-left: 25px;padding-right: 25px;}

.milestones .m-tag{
  padding: 50px 100px;
}
.milestones .m-tag h3:before{
	content:'';display: block;height: 2px;width: 100px;background:var(--color-primary);margin-bottom:30px;
}
/*.milestones .m-tag h3,.milestones .work-brief h5{font-family: 'centrale_sans';}*/
.milestones .m-tag h3{
    font-size: 30px;
	font-weight:500;
}
.milestones .m-tag .brief-para{
   padding-top: 20px;
    font-weight:normal;
    margin-bottom: 50px;
	line-height: 1.8;
}

.milestones{position: relative;padding-bottom:50px;}
.milestones:before{
	width:466px;
    content: '';
    display: block;
    position: absolute;
    top: 47px;
    bottom: 0;
    left:-367px;
    background: url(../images/leaf.svg) no-repeat left top;
	z-index: -1;-webkit-transform: scaleX(-1);transform: scaleX(-1);
}

.milestones:after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    bottom: 0;
    right: -23%;
    background: url(../images/leaf.svg) no-repeat left bottom;
    width: 30%;
    z-index: -1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.years-brief{padding-right:80px;}
.stats{background:#f3f4f4;padding:20px 30px 20px 80px;border-radius:0 100px}

.milestones .work-brief{
  margin:70px 0;
}
.milestones .work-brief h5{
  color: #ed1651;
  font-size: 30px;
  font-weight: 500;
  padding: 0;
  margin-bottom:0;
  line-height:0.7;
}
.milestones .work-brief p{
  font-size: 50px;
  font-weight: bold;
  padding: 0px;
}
.vertical-tag{display:flex;}
.vertical-tag img{margin-top:9px;}

.vertical-tag .m-view{
  font-size: 25px;
  font-weight: bold;
  display: inline-block;
	width: 60px;
	text-align: center;position: relative;
}
.vertical-tag .m-view:after{content:'';display: block;height:3px;width:46px; margin-left:-23px; left:50%; background:var(--color-primary);position: relative;}
.vertical-tag .m-view:before{content:'';display: block;height:85%;width:1px;top:47px; left:50%; background:var(--color-secondary); position:absolute;}

.vertical-tag:last-child .m-view:before{display: none;}
.vertical-tag:last-child .vertical-brief p{padding-bottom:0;}

.vertical-brief{margin-left: 23px;}
.vertical-brief p{padding:25px 20px 70px 5px;}
.vertical-brief p:first-child{padding-top:0;}

.values{
  background-image: url(../images/banner6.jpg);
  margin-bottom:80px;
}
.value-tag{
 	padding: 40px 80px;
	color: #fff;
	font-size: 60px;
}
.value-tag .innovate i{font-size:110%;}
.value-tag i{
	color: #fff;
	vertical-align:top;
	display: inline-block;
}
.value-tag h4{
  font-size:33px;font-weight: 500;
  padding-bottom: 20px;
  padding-top: 30px;
}
.value-tag h4:after {
    content: '';
    display: block;
    height:2px;
    width:94px;
    background:#fff;
	margin-top:30px;
}
.value-tag .value-div{
  padding: 40px 50px 40px 0px;
}
.value-div span{
  font-size:25px;
  font-weight:normal;
}

/*--------------- Brands Page ---------------------*/
#brand-diff {
  	margin:70px 0 100px;
	position: relative;
}
#brand-diff:before {
    content: '';
    display: block;
    position: absolute;
    top:-450px;
    bottom: 0;
    right: -5%;
    background: url(../images/leaf_flip.svg) no-repeat left top;
    width: 30%;
    z-index: -1;
}
#brand-diff:after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    bottom:-80px;
    right:20px;
    background: url(../images/leaf.svg) no-repeat left bottom;
    width:40%;
    z-index: -1;
}
#brand_tabs{margin-bottom:60px;}
#brand_tabs .nav-item{border-bottom:2px solid var(--color-secondary);}
#brand_tabs .nav-item a{border-bottom:6px solid transparent;margin-bottom:-4px;}
#brand_tabs .nav-item a.active{border-color:var(--color-primary);}

.image_btns{display:flex;justify-content: center;}
.image_btns a{display:inline-block; margin:0 10px; border:2px solid rgba(255,255,255,0.5); padding:13px 20px 10px; border-radius:20px 0; background:rgba(255,255,255,1); -webkit-transform:scale(1);transform:scale(1);}
.image_btns a img{max-width:100%;}
.image_btns a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
	
#brand-diff .brands-style{}
.brands-style ul{
    display: flex;
    justify-content: center;
}
.brands-style .tab-pane{
    background-color:var(--color-primary);
    color: #ffffff;
    border-radius: 0px 160px;
   	padding: 65px 50px 70px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: #007bff00;
}
.nav-pills .nav-link.active{
   border-bottom: 2px solid #ed1651;
    border-radius: 0px;
}
.brands-style .brand-text{
  font-size: 30px;
  text-transform: uppercase;
  margin-top: 20px;
}
.brands-style .brand-sub-text{
  font-weight: 300;
  padding: 25px 0px;
	line-height:1.8;
	margin-bottom:50px;
}
#brand-diff .visit{
    margin-top:-50px;
}
#brand-diff .visit a:last-child{
	margin-left:50px;
}

.ventures{
	background:url(../images/venture-bg.jpg) no-repeat center center;
	background-size:cover;
	padding:70px 0;
	margin:30px 0 50px;
	text-align: center;
	position: relative;
}
.ventures:after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    bottom:-100px;
    left:0;
    background: url(../images/leaf_flip.svg) no-repeat left bottom;
    width:50%;
    z-index: -1;
}

#business_verticals{padding-bottom:50px;position: relative;}
#business_verticals:after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    bottom:0;
    right:-30%;
    background: url(../images/leaf_flip.svg) no-repeat right bottom;
    width:40%;
    z-index: -1;
}
#business_verticals.verticals_active:after{right:-33%;}
.verticals .slick-list{margin:0 80px;}
.verticals ul{margin:0;padding: 0;list-style:none;}
.verticals li{padding:50px;position:relative;}
.verticals li a{display: block;overflow: hidden;border-radius:30% 0;position:relative;}
.verticals img:first-child{width:100%;}
.verticals .vlogo{max-width:100%;position:absolute;bottom:45px;margin:0 auto;-webkit-transform:translateX(-50%); transform:translateX(-50%);left:50%;z-index: 3;}
.verticals a:focus,.slick-slide:focus{outline:none}
.verticals .slick-arrow{position:absolute;top:50%;width:50px;height:50px;border:2px solid #bbb;color:var(--color-primary);font-size: 30px;border-radius:30% 0;-webkit-transform:translateY(-50%); transform:translateY(-50%);cursor:pointer;text-align: center;line-height:1.6; margin-bottom:0;}
.verticals .slick-arrow:hover{border-color:var(--color-primary)}
.verticals .slick-prev{left: 0;}
.verticals .slick-next{right: 0;}

.verticals li a:hover:after,.verticals a:focus:after{height:60%;}
.verticals li a:after{
  content:'';display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height:0;
  width:100%;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

.verticals li.selected_store:after {opacity:1;}
.verticals li:after{content:'';display: block; width:55px;height:55px; background:#f3f4f4; transform:rotate(45deg); margin-top:23px;left:50%;margin-left:-28px;position:absolute;opacity:0}

.verticals_popout{background:#f3f4f4;padding:60px 90px;border-radius:80px 0;position: relative; margin-bottom:50px; display: none;}
.verticals_popout img{width:auto !important}

.verticals_popout .close:hover{color:var(--color-primary);}
.verticals_popout p{line-height:1.6; margin:40px 0 40px;}
.poput_footer{display:flex;justify-content:space-between;align-items:center}
.poput_footer>div{font-size: 25px;font-weight: 500;text-transform:uppercase;line-height:1}
.poput_footer>div a{color:var(--color-primary);font-size:30px;vertical-align:text-top}
.poput_footer>div a i:before{margin:0;}
.poput_footer>div a:first-child{margin-left:10px;font-size:31px;}
.poput_footer>div a:hover{color:var(--color-secondary);}


/*--------------- Contact Page CSS ---------------------*/
.contact_page{
  	padding: 100px 0 0;
	position: relative;
}
.contact_page h1>div{position: relative;}
.contact_page h1>div:after{
	content: '';
    display: block;
    background: url(../images/leaf.svg) no-repeat bottom right;
    width: 500px;
    height: 500px;
    position: absolute;
    bottom: 20px;
    right: 0;
    z-index: -1;
}
.contact_banner{background:url(../images/contact-banner.jpg) no-repeat;background-size:cover; padding:190px 50px;margin-top:20px; border-radius:0 150px}
.contact_banner .banner_txt{font-size:50px;font-weight:bold;text-transform: uppercase;display: flex;justify-content: center;}
.contact_banner .banner_txt span{color:var(--color-primary)}

.form_area{padding: 0 50px 0 100px;}
.form_area textarea{height: 140px !important;}
.form_area .form-control {
  border: 2px solid #ed1651;
  border-radius: 0px 20px;
  padding: 5px 20px;
  height: 50px;
}
.form_area .form-control:focus{box-shadow:none}
.form_area .form-control::-webkit-input-placeholder {color:#cfcfcf;font-size:15px;}
.form_area .form-control::-ms-input-placeholder {color:#cfcfcf;font-size:15px;}
.form_area .form-control::placeholder {color:#cfcfcf;font-size:15px;}

.contact-details{
  margin-top:70px;
}
.contact-details .personal-details{
  line-height:1.8;
  margin-bottom: 35px;
}
.form-group{margin-bottom: 25px;}
button:focus{outline:none;}
.valid_error{color:#ccc;font-style:italic;text-align:right;font-size:13px;position:absolute;right:18px;}
.has-error .valid_error, .has-success .valid_error{display:block;}
.has-success .valid_error{font-size:18px;line-height:1.8;background:var(--color-secondary)}
.valid_error {
    display: none;
    color: #fff;
    background:var(--color-primary);
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 0.7;
    position: absolute;
    right:4px;
    bottom:15px;
    z-index: 2;
    padding-left: 2px;
}
form .btn{position:relative;height:50px;width:190px;}

.imgloader{width:50px;height:50px;vertical-align:middle;display:none;position:absolute;right:-51px;top:-1px; background:var(--color-primary);border-radius: 20px 0;}


.info_area .add_sec{
	display:flex;align-items:center;margin-bottom: 30px;
}
.info_area i{
  color: #050505;
  font-size:28px;
	margin-right:30px;
	flex:0 0 50px;
	max-width:50px;
	text-align: center;
	display: inline-block;
}
.info_area .icon-location:before{font-size:110%;}
.info_area .icon-mail:before{font-size:77%;}
.info_area i:before{margin:0;width:auto}
.info_area p{margin:0;}
	
.franchise{font-size:22px; padding-left:15px;}
.inline-bock{display:inline-block;}
.menu li a i{font-size:12px; vertical-align:text-bottom;}
.submenu li a i{float:right;}

.address-map{
  padding:70px 0 140px;
/*	position: relative;*/
}
.address-map:before{
	content: '';
    display: block;
    position: absolute;
    bottom: 30px;
    right: -50px;
    background: url(../images/leaf.svg) no-repeat right bottom;
    background-size: 100% auto;
    width: 41.5%;
    height: 800px;
    z-index: -1;
}
	
.gmap{height:500px;}


.modal-header{padding:8px 15px 5px; background:var(--color-primary); color: #fff;border: none;}
.modal-header h2{font-size:40px; margin:0;}
.modal-body{padding:0;}
.modal-header .close{font-size: 44px; line-height:1;padding: 0 10px;margin: 0 -10px;color: #fff;text-shadow:none; opacity:1}
.modal-backdrop{background-color: #fff}
.modal-backdrop.show{opacity:.9;}
.modal-xl{max-width:1000px}



.gallery_modal .close{
	position: fixed;
    right: 10px;
    top: 10px; z-index: 888;
    font-size: 60px;
    line-height: 0.3;
    padding: 10px 10px 15px;
    border-radius: 50%;
    background:var(--color-primary);
    text-shadow: none;
    opacity: 1;
    color: #fff;
	width: 50px;height: 50px;
}
.gallery_modal .carousel-control-next, .gallery_modal .carousel-control-prev{
    top: 50%;
    bottom: auto;
	font-size: 21px;
    opacity: 1;
    width: 40px;
    height: 40px;
    background: #ed1651;
    border-radius: 50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.gallery_modal .carousel-control-prev{position: fixed; left:10px;}
.gallery_modal .carousel-control-next{position: fixed; right:10px;}

.gallery_modal .modal-xl{max-width:1200px;}
.modal-content{background: none;border: none;}
.gallery_modal img{display: block;max-width:100%; max-height:600px; margin:auto}
video{background: #000;}
video:focus{outline:none}

/*--------------- Responsive CSS ---------------------*/

@media all and (max-width:1600px){
	.address-map:before{bottom: 60px;right: -110px;width: 45%;}
	#brand-diff:before{top:-430px;}
}
@media all and (max-width:1550px){
	#brand-diff:after{right:-5px;}
}
@media all and (max-width:1450px){
	.hero-section, .hero-section > .container > .row{height:750px;}
	.milestones .m-tag{padding-left: 0;padding-right: 0;}
	.value-tag .value-div{padding-right:0;}
	.value-tag{padding-left: 15px;padding-right: 15px;}
	.address-map:before{bottom:34px;right:-232px;width:55%;}
	.milestones:before{left:-410px;}
	#brand-diff:after{right:-22px;bottom:-68px;}
}

@media all and (max-width:1399px){
	#journey_section .hero-section{height:750px;}
	#stylemeet{min-height:600px;}
	.form_area{padding-left:30px;}
	.address-map{padding-bottom:100px;}
	.address-map:before{bottom:-5px;right:-292px;width:58%;}
	.verticals li{padding:30px;}
	.verticals li:after{margin-top:14px;}
/*	.verticals ul{margin-bottom:10px;}*/
	#brand-diff:before{top:-380px;}
	.milestones:before{left:-422px;}
	#brand-diff:after{right:0;bottom:-60px;}
	#journey_section{height:750px;}
}
@media all and (max-width:1199px){
	#stylemeet{min-height:0;padding:80px 0}
	.style-wrapper{width:100%;}
	.stymeet_imgwrapper img {width:320px;}
	#stylemeet .style-text h4.longttl{font-size:55px;}
	.banner.hero-section, .banner.hero-section > .container > .row{height:630px;}
	#journey_section{height:auto;}
	h1,.h2{font-size:70px;}
	h2{font-size:60px;}
	.gallery .row{border-radius:0 100px}
	.gallery .btn{min-width:160px;font-size:22px;margin-top:20px;}
	.gal2 img{border-radius:0 100px 0 0}
	.gal3 img{border-radius:0 0 0 100px}
	.gallery:before{right:-230px;}
	.gallery .ghover{bottom:25px;}
	.video-btn{width:100px;height:100px;border-width:3px;font-size:45px;line-height:2.1;}
	#stylemeet .style-text h4{font-size:70px;}
	.brands .imgtype1{border-radius:0 0 0 120px;padding:0 30px;}
	.brands .imgtype2{border-radius:0 120px 0 0;padding:0 30px;}
	.headertxt{max-width:80%}
	.team-mgmt:before,.milestones:after{width:40%;}
	.members article{margin:30px 10px;}
	.members h4{font-size:25px;}
	.members h6{font-size:20px}
	.years-brief{padding-right:25px;}
	.stats{padding-left:50px;}
	.value-tag{padding-bottom:60px;}
	.value-tag .value-div{padding:0 0 0 0;}
	.contact_banner .banner_txt{line-height:1.3;font-size: 40px;}
	.address-map:before{right: -162px;bottom:40px;}
	.address-map{padding-bottom: 70px;}
	#brand-diff:before{top:-400px;width:40%;}
	.milestones:before{left:-430px;}
	.contact_page h1>div:after{bottom:15px;width:400px;}
}
@media all and (max-width:991px){
	.banner.hero-section, .banner.hero-section > .container > .row{height:auto;text-align: center;}
	.banner.hero-section h1{margin-bottom:30px;}
	.founder-section:before{display:none;}
	.navbar-brand img{width:200px;}
	#siteheader{border-radius:0 0 0 60px}
	.sitenav{display: flex;justify-content:space-between;}
	.banner .row.align-items-center{padding:80px 0 10px !important}
/*	#journey_section .row.align-items-center{padding:0 0 10px !important}*/
	.gallery .row{margin:0 -7px;}
	.video-btn{width:80px;height:80px;font-size:35px;padding-left:8px;}
	.style-wrapper{padding-right:90px;}
	.stymeet_imgwrapper img{width:250px;}
	#stylemeet .style-text h4.longttl{font-size:39px;}
	#stylemeet .style-text h4{font-size:48px;}
	#stylemeet .sub-text{font-size:25px;}
	.long_img{margin-top:0;}
	.brands .imgtype1{border-radius:0 0 0 100px;}
	.brands .imgtype2{border-radius:0 100px 0 0;}
	.social a{margin-right:4px;}
	.footer .footer-brief{width:100%;}
	.founder-section:after{background-position:right bottom 150px}
	.headertxt{max-width:80%}
	.pgbanner{padding-top:150px !important;}
	.pgbanner, .pgbanner > .container > .row{height:auto}
	.about{padding:25px 0 50px;background:none;}
	.milestones .work-brief{margin:50px 0;}
	.years-graph{margin-top:70px;}
	.years-graph h2{margin-bottom:40px;}
	.vertical-brief p{padding-bottom:40px;}
	.value-div span{font-size:20px;}
	.headertxt>div{font-size:35px;}
	.info_area{margin-top: 50px;}
	.gmap{height:400px;}
	.address-map:before{right: -92px;bottom: 30px;width: 70%;}
	.contact_page .pgbanner{padding-top:0 !important;}
	.contact_banner .banner_txt{line-height:1.1;}
	.form_area{padding:0 15px;}
	.pgbanner {padding-top:0 !important;}
	.pgbanner>div, .pgbanner >div > .container > .row{height:auto;padding-top:100px !important;}
	.contact_page{padding-top:54px;}
	.contact_page .pgbanner>div{padding-top:0 !important;}
	#brand_tabs img{width:250px;}
	.brands-style .tab-pane{padding-top:40px;}
	#brand-diff:before{top:-300px;}
	.verticals_popout{padding:50px;}
	.poput_footer>div{font-size: 23px;}
	.verticals_popout:before{margin-top:-75px;}
	.mission, .vision{margin-top:25px;}
	.about .f-section{min-height:650px;border-radius:0 100px 0 0}
	.about .mission{border-radius:0}
	.about .vision{border-radius:0 0 0 100px}
	.gallery .row{border-radius:0 80px}
	.yeardata p{max-width:270px}
	.journey_pic{text-align:left}
	.journey_pic img{max-height:300px}
	.image_btns a{padding:8px 10px 6px;}
	.gallery_modal .carousel-item{height:600px;}
	.gallery_modal .carousel-item img{top: 50%;position: relative;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
	.hero-zoom{background-attachment: inherit;}
	.headertxt{margin: auto}
	#siteheader{top:-200px}
	#siteheader.fixheader{top:0}
}
@media all and (min-width:768px) and (max-width:991px){
	.gallery [class*="col-"]{padding:0 7px;}
	.gallery .col-md-6{margin-bottom:14px;}
	.gallery .btn{padding: 5px 9px;}
	.gal2 img{border-radius:0 60px 0 0}
	.gal3 img{border-radius:0 0 0 60px}
}
@media all and (max-width:767px){
	body{font-size:17px;}
	.navbar-brand{padding-left:30px;}
	.navbar-brand img{width:170px;}
	h1,.h2{font-size:50px;}
	h2{font-size:43px;}
	.hero-section, .hero-section > .container > .row{min-height:0;}
	.founder-section .note{padding:50px 15px;}
	.note_txt{padding-left:16px;}
	#journey_section{padding-left: 0;padding-right: 0;}
	#journey_section .hero-section{padding-top: 60px !important;}
	#journey_section h2{font-size:43px;}
	/*	years horizotnal Start*
	#journey{display:block}
	#journey .years{width: 100%;}
	.yeardata{padding-left:0;}
	.yeardata .slick-list{height: auto !important;padding: 0 !important;}
	.years .slick-list:before, .years .slick-list:after{display:none;}
	.years .slick-arrow{top: 0;position: relative;left: 0;transform:translate(0,0);}
	#journey .years{padding:0;display:flex;align-items:center}
	.years .slick-slide{margin:0;}
	.years .slick-arrow:after{height:1px;width:60px;left:auto}
	.years .slick-prev:after{top: 15px;left:40px;}
	.years .slick-next:after{bottom: 15px;right:40px;}
	.yeardata .slick-list{height:250px !important}
	.yeardata .slick-track{transition:none !important}*/
	
	/*Years Vertical CSS*/
	.years h6{font-size:33px;}
	.yeardata{padding-left:20px;}
	.hero-section h3{font-size:40px;}
	.yeardata p{font-size:16px;}
	.years .slick-list:before{top:77px;}
	.yeardata .slick-track .slick-current:nth-last-child(1){margin-top:40px;}

/*
	.years .slick-list:after{display:none;}
	.years .slick-list:before, .years .slick-list:after, .years .slick-arrow:after{height:40px;}
	.years .slick-slide{margin:22px 0}
	#journey .years{padding:60px 0}
*/
	.founder-section:after{width:100%;background-position:left -100px top 300px}
	.gallery [class*="col-"]{padding:0; margin-bottom:20px;}
	.gallery [class*="col-"]:last-child{margin-bottom:0;}
	.gallery img{width:100%;}
	.gallery .ghover{bottom:15px;}
	.gallery .btn{padding:3px 9px;}
	.video-btn{width: 60px;height: 60px;font-size:26px;}
	.gal1 img{border-radius: 0 70px 0 0;}
	.gal2 img{border-radius: 0;}
	.gal3 img{border-radius: 0;}
	.gal4 img{border-radius: 0;}
	.gal5 img{border-radius: 0 0 0 70px;}
	.gallery:before{width:100%;}
	.gallery:after{width:100%;background-position:left -70px bottom 20px}
	#stylemeet .style-text h4{font-size:40px;display:block;}
	#stylemeet .sub-text{font-size:22px;text-align:left;}
	#stylemeet .sub-text-2{text-align:left}
	.stymeet_imgwrapper img{margin-bottom:20px;}
	
	.brands{background-size:80% auto;background-position:left -100px top;}
	.style_arrows{margin-left:50px;}
	.brands .imgtype1, .brands .imgtype2{border-right:none;border-radius:0 140px}
	.brands .brand-section{padding-left: 15px;padding-right: 15px;}
	.footer{padding:40px 0 30px 10px;}
	.footer h3{margin-top:20px;}
	.footer .copyright{margin-top:30px;}
	.copyright span{display:inline-block;}
	.headertxt{max-width:100%;text-align:center;margin: auto}
	.team-mgmt p{width: 100%;}
	.team-mgmt h1{line-height:1;}
	.member_wrap img{width:100%;}
	.members article{margin:20px 50px;}
	.values{background-size:cover}
	.value-tag{text-align: center;}
	.value-tag h4:after{margin-left: auto;margin-right: auto;}
	.value-tag i{display:block;}
	.value-div span{display:block;}
	.value-tag .value-div{margin-bottom:50px;}
	.headertxt>div{font-size:25px;}
	.team-mgmt:before,.milestones:after{width:100%;right:-73%;}
	.milestones:before{width:100%;left:-80%;}
	.stats{border-radius:0 60px}
	.milestones .work-brief h5{line-height:1;}
	.contact_banner .banner_txt{font-size:30px;text-align: center;line-height: 1.3; margin-bottom:40px;}
	#brand_tabs img{width:100%;}
	.pgbanner>div, .pgbanner >div > .container > .row{padding:90px 15px 60px !important;justify-content:center}
	.brands-style .tab-pane{border-radius:0px 80px}
	#brand-diff:before{width:50%;}
	#brand_tabs{margin-bottom:30px;}
	.brands-style .brand-sub-text{line-height:1.5;}
	#brand-diff .visit a.btn{padding:9px 25px;}
	#brand-diff .visit a:last-child{margin-left: 20px;}
	.ventures{margin:70px 0 50px;}
	.ventures:after{bottom:-60px;}
	.verticals li{padding:30px 10px;}
	.verticals .slick-list{margin:0 60px;}
	.poput_footer{flex-wrap:wrap;justify-content:center}
	.poput_footer>div{margin-top:30px;}
	.verticals .vlogo{bottom:25px;}
	.about .f-section{min-height:500px;}
	.mission, .vision{margin-top:15px;}
	.about .blocks_title{font-size:40px;bottom: 0;left: 30px;}
	.about .hover h2{font-size:40px;}
	.about .hover{padding:0 15px;}
	.contact_page{padding-top:25px;}
	.contact_page .pgbanner>div{padding-bottom:0 !important;}
	.mg-indicator{display: none !important;}
	.mg-row{margin-bottom:0 !important;}
	.image_btns{flex-wrap:wrap;}
	.image_btns a{flex:0 0 46%; max-width:46%; margin:0 2% 10px; padding:4px 8px}
	.gallery_modal .carousel-item{height:500px;}
	.modal-header h2{font-size: 30px;}
}
@media all and (max-width:575px){
	.style-wrapper{padding:100px 0 0;}
	.style-wrapper .col-auto{flex:0 0 100%;width:100%}
	.stymeet_imgwrapper img{margin-left:auto;margin-right:auto;width:250px;}
	.style_arrows{flex-direction:row;top:0;left: 50%;right: auto;margin-left: -120px;}
	.pagingInfo{border:3px solid #fff;border-width:0 3px}
	.brands .imgtype1, .brands .imgtype2{border-radius:0 80px}
	.members article{margin:20px 0;}
	.years-brief{padding-right:15px;}
	.stats{padding:1px 15px 1px 30px;}
	.milestones .work-brief h5{font-size: 22px;}
	.contact_banner{border-radius:0 100px; padding:50px 20px;}
	.info_area i{max-width: 10px;}
	.headertxt>div{font-size:20px;}
	.brands-style .tab-pane{padding:15px 20px 30px;border-radius:0px 60px;}
	.brands-style .brand-sub-text{margin-bottom:20px;padding-top:15px;}
	.brands-style .brand-text{font-size:27px;}
	#brand_tabs .nav-item a{padding:.5rem;}
	#brand-diff:before{width:60%;top:-210px;}
	#brand-diff .visit a.btn{width:100%;}
	#brand-diff .visit a:last-child{margin:10px 0 0;}
	.verticals .slick-list{margin:0 50px;}
	.verticals_popout{padding:45px 25px 35px;border-radius:50px 0}
	.verticals_popout:before{width: 40px;height: 40px;margin-top:-55px;}
	.poput_footer>a{width: 100%;}
	.poput_footer>div{font-size: 19px;text-align: center;}
	.poput_footer>div a{margin:20px 0 !important;display: inline-block;}
	.poput_footer>div span{display: block;}
	.about > .container > .row{margin:0;}
	.about .f-section, .about .mission, .about .vision{min-height:300px}
	.about .f-section{border-radius:0 70px 0 0}
	.about .vision{border-radius:0 0 0 70px}
	.gallery .container{padding:0 25px;}
	.f-section .hover{position: relative;padding: 40px 20px;}
/*	.about .hover .btn{display:none;}*/
}
@media all and (max-width:400px){
	#stylemeet_section h2{font-size: 33px;}
	#stylemeet{background-size: cover;background-position: center top;padding:50px 0;}

}