﻿@font-face {
    font-family: "slider";
    src: url('../../fonts/SLIDER.TTF');
}

/*****************************
        Slider CSS
        *****************************/
.singleSlide {
    background: #ddd none repeat scroll 0 0;
    background-size:cover;
    display: table;
    height: 40vh;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 1;
}

/*.singleSlide::before {
          content: '';
          width: 100%;
          height: 100%;
          opacity: .5;
          left: 0;
          top: 0;
          z-index: -1;
          position: absolute;
          background: #304FFE;
        }*/

.singleSlideCell {
    display: table-cell;
    vertical-align: middle;
}

.slide_capton {
    margin-top: 30px;
}

.singleSlide h1 {
    font-family: "slider",Georgia,sans-serif;
    font-size: 30px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    line-height: 88px;
}

.singleSlide p {
    color: #000;
    font-size: 20px;
}

.owl-prev {
    height: 36px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 44px;
    background-size: cover;
    transition: .3s;
    font-size: 10px;
}

.owl-next {
    height: 36px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 44px;
    right: 0;
    background-size: cover;
    transition: .3s;
}

    .owl-prev i,
    .owl-next i {
        font-size: 15px;
        color: #fff;
    }

    .owl-prev:focus,
    .owl-prev:active,
    .owl-prev:visited,
    .owl-next:hover,
    .owl-prev:focus,
    .owl-prev:active,
    .owl-prev:visited,
    .owl-prev:hover {
        width: 50px;
        border: 0;
    }

.homeslider .owl-dots {
    display: none;
}

.itemBg {
    display: none;
}

.homeslider .singleSlide h1.animated {
    animation-duration: 1.3s ease-in-out;
    transform: translate(-50%, -50%);
}

.homeslider .singleSlide p.animated {
    animation-duration: 1.4s ease-in-out;
}

.homeslider .singleSlide .btn.animated {
    animation-duration: 1.5s ease-in-out;
}

.ml-auto {
    float: right;
    right: 0px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #f9f9f9;
    padding-left: 18px;
}

/*-- slider animations css--*/

.active .slider_wrapper .slider-text-animation * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.active .slider_wrapper .slide_capton * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*.owl-item.active .slide_capton h2 {
          -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
          -webkit-animation-name: rollIn;
          animation-name: rollIn;
        }

        .owl-item.active .slide_capton h3 {
          -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
          -webkit-animation-name: rollIn;
          animation-name: rollIn;
        }*/

.owl-item.active .slide_capton h1 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

.owl-item.active .slide_captons p {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-name: rollIn;
    animation-name: fadeInUp;
}
