/* Landing main slider */
.slider.landing-main-slider{
    position: relative;
}

.slider.landing-main-slider .slider-init {
    margin-bottom: 30px;
}

.slider.landing-main-slider .item {
    padding: 0;
}

.slider.landing-main-slider .item .content {
    position: absolute;
    top: 100px;
    left: 100px;
    bottom: 100px;

    /* vazno je odvojiti za impementaciju sass-a moze biti i helper, ima funkciju animacije */
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    -ms-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s;
    width: 420px;
}

.slider.landing-main-slider .item .text-wrapper {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(0,0,0,.25);
}

.slider.landing-main-slider .item .mobile-img {
    display: none;
}

.slider.landing-main-slider .item .text-wrapper .title {
    text-transform: uppercase;
    display: block;
    font-size: 30px;
    line-height: 40px;
}

.slider.landing-main-slider .item .text-wrapper .description {
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.slider.landing-main-slider .item .btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
}

.slider.landing-main-slider .item .btn-wrapper a {
    border: 1px solid #ffffff;
}

.slider.landing-main-slider .slider-arrows {
    opacity: 0;

    /* vazno je odvojiti za impementaciju sass-a moze biti i helper, ima funkciju animacije */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.slider.landing-main-slider:hover .slider-arrows {
    opacity: 1;
    padding: 15px;
}

.slider.landing-main-slider .slider-arrow .slider-prev {
    margin-left: 0;
}

.slider.landing-main-slider .slider-arrow .slider-next {
    margin-right: 0;
}

.landing-main-slider .slider-arrow i {
    color: #ffffff;
}

.slider.landing-main-slider .slick-dots {
    bottom: 0px;
}