/*-----------------------------------------------------------------------------------
  Template Name: Asbab eCommerce HTML5 Template.
  Description: Asbab is a unique website template designed in HTML with a simple & beautiful look.

-----------------------------------------------------------------------------------*/
/*
    font-family: 'Old Standard TT', serif;

    font-family: 'Poppins', sans-serif;
*/



/*-----------------------------------------
  Background variation Content
-------------------------------------------*/

/*-----------------------------------------
  Slider One
-------------------------------------------*/
.slide{
  height: 100%;
}
.slider {
  height: 100vh;
}
.slider-fixed-height {
  align-items: center;
  display: flex;
  height: 800px;
}
.slider-one .slide {
    align-items: center;
    display: flex;
}
 
.slider-inner h2 {
    color: #000000;
    font-size: 24px;
    letter-spacing: 4px;
    line-height: 19px;
    text-align: center;
}
.slider-inner h1 {
    color: #030303;
    font-size: 70px;
    margin-bottom: 14px;
    margin-top: 31px;
}
.cr__btn a {
    background: #c43b68 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    height: 50px;
    line-height: 49px;
    padding: 0 36px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
.cr__btn a:hover {
    background: #313131 none repeat scroll 0 0;
    color: #fff;
}
.slide-thumb {
    text-align: right;
}


.align-items_center{
    display: flex;
    justify-content: center;
}

/*Slider Style Two*/



.slider--two .slide {
  text-align: center;
}








/*----------------------
  Animation
-------------------------*/

.slider-activation-wrap{
    position: relative;
}
.slider-activation-wrap .owl-nav div {
    border-radius: 100%;
    color: #fff;
    font-size: 17px;
    height: 50px;
    left: 0;
    line-height: 53px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 0.5s ease 0s;
    width: 50px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.slider-activation-wrap .owl-nav div.owl-next {
    left: auto;
    right: 0;
}
.slider-activation-wrap:hover .owl-nav div {
    opacity: 1;
}

.owl-item.active .single-slide.animation-style-1 h2{
  -webkit-animation: 800ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 800ms ease-in-out 0s normal none 1 running bounceInDown;
} 
.owl-item.active .single-slide.animation-style-1 h1{
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1000ms ease-in-out 0s normal none 1 running zoomInUp;
} 

.owl-item.active .single-slide.animation-style-1 .cr__btn{
  -webkit-animation: 1600ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 1600ms ease-in-out 0s normal none 1 running bounceInDown;
} 


.owl-item.active .single-slide.animation-style-1 p{
  -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
} 

.owl-item.active .single-slide.animation-style-1 .slide-thumb{
    -webkit-animation: 1900ms ease-in-out 0s normal none 1 running bounceInRight;
            animation: 1900ms ease-in-out 0s normal none 1 running bounceInRight;
} 







/*---------------------
  cd-headline
------------------------*/

.cd-headline.loading-bar .cd-words-wrapper::after {
  background: #4c8bf5 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  transition: width 0.3s ease -0.1s;
  width: 0;
  z-index: 2;
}
.cd-headline.loading-bar span {
  display: inline-block;
  padding: 0;
}
.theme-color span.cd-words-wrapper b{
 color: #4c8bf5;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
  background: #4c8bf5 none repeat scroll 0 0;
}












/* Slider Activation */
.slider-activation-wrap .col-md-4 {
  width: 100% !important;
}
.arrow-down-long{
  position: relative;
}
.arrow-down-long:before {
    content: "";
    height: 90px;
    background: url(../../images/icons/arrow-down-long.png);
    width: 15px;
    display: inline-block;
    position: absolute;
    background-repeat: no-repeat;
}

.slider-activation-wrap--5 .single-slide{
  padding-left: 20px;
  padding-right: 20px;
}
.slider-activation-wrap--5 .single-slide:focus{
  outline: none;
}

.slider-activation-wrap--5.slick-initialized.slick-slider {
  margin-left: -20px;
  margin-right: -20px;
}