﻿.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

.owl-controls {
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-carousel {
    margin: 0 !important;
}

.owl-carousel {
    margin-top: 10px;
    /*text-align: center;*/
}

.owl-pagination {
    display: none;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-carousel .owl-nav div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline:;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}

/*  .owl-carousel .owl-nav div.owl-prev, .owl-carousel .owl-nav div.owl-next {
        position: absolute;
        background: #ddd;
        border: 1px solid #ccc;
        border-radius: 0;
        margin-bottom: 15px;
        margin-top: 15px;
        opacity: 0.4;
        position: absolute;
        top: 0;
        bottom: -15px;
        width: 25px;
    }*/

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    /*width: 15px;*/
    /*height: 100px;*/
    position: absolute;
    top: 50%;
    /*transform: translateY(-50%);*/
    /*display: block !important;*/
    /*border: 0px solid black;*/
    margin: 0 .2em;
}

.icon-white {
    color: white;
    text-shadow: -1px -1px black,1px 1px black,-1px 1px black,1px -1px black;
    font-size: x-large;
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}


.owl-carousel .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline:;
}

    .owl-carousel .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }

    .owl-carousel .owl-page.active span, .owl-carousel.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        opacity: 1;
    }

.owl-carousel .owl-nav [class*=owl-]:hover {
    background: #bbbbbb;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
    float: left;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    transform: translate3d(0px, 0px, 0px);
}

    .owl-carousel .owl-wrapper::after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0px;
    }

.owl-carousel .item {
    /*margin: 0 15px;*/
}

    .owl-carousel .item > li {
        display: block;
        width: 100%;
        height: auto;
    }

.course-pic a {
    color: #fff;
    text-decoration: none;
}

.view-tenth .readmore a {
    color: #ecab2e;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.course-pic {
    min-height: 150px
}

.view img {
    display: block;
    position: relative;
}

.view-tenth img {
    transform: scaleY(1);
    transition: all 0.7s ease-in-out;
}

.home-courses-list .course-pic img {
    display: block;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.courses-section-title h5 {
    font-size: 1.5em;
    color: #666;
    position: relative;
    z-index: 2;
}

.courses-section-title a {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    font-size: 18px;
    font-weight: bold;
}

.courses-section-title i {
    position: absolute;
    top: 15px;
    left: 75px;
    width: 82%;
    height: 1px;
    background: #ddd;
    z-index: 1;
}

.home-page.new .drassa-courses .courses-section-title i {
    box-shadow: 0px 1px 0px #fff;
}
