/*-----------------------------------------------------------------------------------
  Template Name: Asbab eCommerce HTML5 Template.
  Template URI: #
  Description: Asbab is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
-----------------------------------------------------------------------------------*/
/*
    font-family: 'Old Standard TT', serif;

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


.slider__bg--1 {
  background: rgba(0, 0, 0, 0) url("../../images/slider/bg/1.jpg") no-repeat scroll 0 0 / cover ;
}
.slider__bg--2 {
  background: rgba(0, 0, 0, 0) url("../../images/slider/bg/2.jpg") no-repeat scroll 0 0 / cover ;
}


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

/*-----------------------------------------
  Slider One
-------------------------------------------*/
.slide{
  height: 100%;
}
.slider {
   min-height: 100vh;
  height: auto;
}
.slider__fixed--height {
  align-items: center;
  display: flex;
  min-height: 600px;
  height: auto;
}

.slider__container {
  overflow: hidden;
}

.slider--one .slide {
    align-items: center;
    display: flex;
}

.slider__inner h2 {
    color: #000000;
    font-size: 24px;
    letter-spacing: 4px;
    line-height: 19px;
    text-transform: uppercase;
}
.slider__inner h1 {
    color: #030303;
    font-family: Old Standard TT;
    font-size: 89px;
    margin-bottom: 14px;
    margin-top: 31px;
    text-transform: uppercase;
}
.cr__btn a {
    background: #ff0 none repeat scroll 0 0;
    color: #000;
    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 {
    /* background: #ff0 none repeat scroll 0 0; */
    border-radius: 100%;
    color: #000;
    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__style01 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__style01 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__style01 .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__style01 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__style01 .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;}
}