/* 2.5 Slider style */
.slider-area{
	top: 40%;
	width: 100%;
}
.owl-item.active  p {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.owl-item.active h2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.owl-item.active .slider-img img{
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slider-height {
  height: 680px;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.fashion-2-header .header-login ul li a {
    color: #999999;
}
.fashion-2-header .header-login ul li a:hover {
    color: #333;
}
.fashion-2-header .header-login ul li::after {
    background-color: #999999;
}
.fashion-2-header .icon-cart i {
    color: #383838;
}
.fashion-2-header .shop-count {
    background-color: #02bffc;
}
.header-sticky-2 {
    left: 0;
    padding: 10px 0;
    position: relative;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
    z-index: 999;
}
.header-sticky-2.stick {
    background: #03bffc none repeat scroll 0 0;
    padding: 15px 0;
    position: fixed;
    top: 0;
}

h2.animated{
    color: #ab0f14;
    font-size: 125px;
    margin-bottom: 30px;
    font-weight: bold;
    position: relative;
    text-shadow: 4px 4px 5px rgb(255 255 255 / 70%);
}
.slider-img img {
    position: relative;
    z-index: 99;
}
p.animated {
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
    background: #0080d0;
    padding: 15px 25px;
    display: inline-block;
}

.slider-text{
	width: 100%;
	position: absolute;
	bottom: 50%;
	left: 0px;
	right: 0px;
	transform: translateY(70%);
	text-align: center;
}

/**** Blog Section ****/
.quote-bg{
	padding: 65px 0;
	background-image: url("../img/pattern-3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	
}

.quote-bg h3{
	color: #fff;
	font-size: 42px;
	font-weight: bold;
}
.whatsapp-btn{
	display: inline-block;
	background: #fff;
	border: 3px solid #55C264;
	padding: 10px 25px;
	margin: 5px 0;
	border-radius: 30px;
	font-size: 18px;
	color: #55C264;
}


/*******************
Process Timeline Section
******************/
.timeline-bg {
  background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
  padding: 65px 0;
}
.timeline {
  position: relative;
  padding: 0;
  width: 100%;
  max-width: 580px;
  margin: 20px auto 0;
  list-style-type: none;
}
@media (min-width: 1400px) {
  .timeline {
    max-width: 1172px;
    margin: 20px auto 0;
  }
}
.timeline:before {
  position: absolute;
  left: 0;
  top: 0;
  content: " ";
  display: block;
  width: 3px;
  height: 100%;
  background-image: linear-gradient(0deg, #A8CF45, transparent, transparent, #A8CF45);
  background-size: 3px 30px;
  z-index: 1;
}
@media (min-width: 1400px) {
  .timeline:before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.timeline li {
  padding: 2em 0;
}
.direction-l, .direction-r {
  float: none;
  width: 100%;
}
@media (min-width: 1400px) {
  .direction-l {
    position: relative;
    float: left;
    text-align: right;
    width: 536px;
  }
}
@media (min-width: 1400px) {
  .direction-r {
    position: relative;
    float: right;
    text-align: left;
    width: 536px;
  }
}
.event {
  position: relative;
  margin-left: 1em;
}
@media (min-width: 1400px) {
  .event {
    display: inline-block;
    margin-left: 0;
  }
}
.timepoint {
  position: absolute;
  background: #111;
  height: 30px;
  width: 30px;
  left: -26px;
  z-index: 1;
}
@media (min-width: 1400px) {
  .timepoint {
    top: 3px;
  }
}
@media (min-width: 1400px) {
  .direction-r .timepoint {
    left: -32px;
    right: auto;
  }
}
@media (min-width: 1400px) {
  .direction-l .timepoint {
    left: auto;
    right: -32px;
  }
}
.concircles {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 4px solid #d8eda6;
  background: #A8CF45;
}
@media (min-width: 768px) {
  .timeline .hexa {
    top: 5px;
  }
}
.date {
  position: relative;
  z-index: 10;
  margin: 4px 0 0 4px;
  line-height: 1em;
}
@media (min-width: 768px) {
  .date {
    margin: 0;
  }
}
.desc {
  position: relative;
  margin: 1em 1em 0;
  z-index: 15;
}
.block-process {
  position: relative;
  padding: 0;
}
.block-process .svg-container {
  display: table;
  position: relative;
  min-height: 2.8125em;
  width: 2.8125em;
  max-width: 2.8125em;
  float: left;
  transition: width 0.5s ease-in-out;
}
@media (min-width: 39em) {
  .block-process .svg-container {
    height: 8.5em;
    width: 7.5em;
    max-width: none;
  }
}
.block-process .b-icon {
  display: table-cell;
  vertical-align: middle;
}
.block-process .b-icon img {
  width: 100%;
}
@media (min-width: 39em) {
  .block-process .b-icon svg {
    max-width: 10em;
  }
}
@media (min-width: 39em) {
  .block-process .b-inner {
    float: left;
    width: 25em;
    padding: 0.5em 0 0 1em;
  }
}
.block-process .b-title {
  float: left;
  min-height: 2.8125em;
  width: 100%;
  margin: 0;
  padding: 0.75em 0 0 0.5em;
  font-size: 1em;
  line-height: 1.1;
  max-width: 20em;
  font-weight: bold;
  color: #ff3f3f;
  transition: font-size 0.5s ease-in-out;
}
@media (min-width: 21.5em) {
  .block-process .b-title {
    padding: 0.55em 0 0 0.5em;
    font-size: 1.4em;
    min-height: 2.2em;
  }
}
@media (min-width: 35.75em) {
  .block-process .b-title {
    min-height: 1.5em;
    margin-top: 0.25em;
    padding: 0 0 0 0.5em;
    font-size: 1.875em;
    line-height: 1;
  }
}
@media (min-width: 39em) {
  .block-process .b-title {
    float: none;
    min-height: 0;
    padding: 0;
    margin: 0 0 0.25em 0;
  }
}
.block-process .b-text {
  display: block;
  float: left;
  margin: 0.25em 0 0 0;
  font-size: 0.875em;
  max-width: 25em;
  transition: all 0.5s ease-in-out;
}
@media (min-width: 21.5em) {
  .block-process .b-text {
    font-size: 1em;
  }
}
.timeline--process .timepoint {
  top: 0.9em;
  transition: top 0.5s ease-in-out;
}
@media (min-width: 39em) {
  .timeline--process .timepoint {
    top: 3.6em;
  }
}
.cf:after, .timeline li:after, .b-inner:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}