/* product -----------------page */










/* .owl-carousel .owl-stage-outer---------------------strt */

.owl-carousel .owl-stage-outer #show-img {
    height: 450px;
    width: 400px;
}



.product-tab-bar .tab-content {
    background: #f2f2f2;
}

/* .owl-carousel .owl-stage-outer---------------------end */


































/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/

figure {
    margin: 0;
}

/*--------------------------------------------------------------
  Accessibility
  --------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


/*--------------------------------------------------------------
  Typography
  --------------------------------------------------------------*/


/* cx styles start */

h3.filter-title {
    font-family: "Work Sans", sans-serif;
    -webkit-font-feature-settings: "lnum" 1;
    font-feature-settings: "lnum" 1;
    font-variant-numeric: lining-nums;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 0.6em;
    margin-top: 0.65em;
    word-break: break-word;
}

.left-side-bar h3.filter-title {
    color: #fff !important;
}



/* cx style end */


/*--------------------------------------------------------------
  Header styles
  --------------------------------------------------------------*/

.masthead {
    padding-bottom: 1em;
    background: #eee;
    text-align: center;
}

.site-title {
    margin: 0;
    padding: 1em 0 0;
    font-size: 2em;
    font-weight: 300;
    color: black;
}

/*--------------------------------------------------------------
  Layout
  --------------------------------------------------------------*/
.main-area {
    /* padding: 1em;
    background-color: #eee; */
}

/*--------------------------------------------------------------
  Filter buttons
  --------------------------------------------------------------*/
.filters {
    justify-content: flex-start !important;
}

.filters ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.left-side-bar .filters a {
    margin: 0px !important;
}

.left-side-bar .filters ul li {
    padding: 10px 0 10px 5px;
    font-size: 20px;
    border-bottom: 1px solid #ffffff52;
}

.left-side-bar .filters ul.filter-list li a {
    /* padding: 20px 0 0px 0px !important; */
    padding: 10px 0 10px 0px !important;

}

.left-side-bar .filters a {
    border: none !important;
}


.filters ul.filter-list li a {
    padding: 10px 0 10px 0 !important;
}

.left-side-bar .filters a:hover {
    background: none !important;
    border: none;
    color: #1e41ce;
    padding: 12px 29px;
}

.left-side-bar .filters a.checked {
    background: none !important;
    color: #2e8cbe;
}


.left-side-bar .filters a {
    display: block;
    padding: 0.5em 1em;
    font-size: 80%;
    border: solid 1px hsl(0, 0%, 50%);
    color: #333;
    text-decoration: none;
    /* background: white; */
}

.left-side-bar .filters a:hover {
    border: 1px solid orange;
}

.left-side-bar a.checked {
    background: hsl(0, 0%, 50%);
    color: white;
}

/*--------------------------------------------------------------
  Courses
  --------------------------------------------------------------*/

  
.info {
    padding: 0 2em 1em;
}

.author {
    margin-top: -0.5em;
    margin-bottom: 1.5em;
    padding-top: 1em;
    font-weight: 700;
    font-size: 0.8em;
    border-top: 1px solid #ededed;
}

.by {
    font-weight: 100;
}

.description {
    line-height: 1.3em;
}

/* ------------------------------------------------------------ side bar */
.left-side-bar {
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}



/* --------------------------------------------- product  */


/* flex-slider-cx  */



.product-category {
    text-align: center;
    padding: 15px 0;
}


.product-category a {
    color: #042b3d;
    font-weight: 500;
}

.product-category a:hover {
    color: #1e41ce;
}


h4.slide-name {
    margin: 0px !important;
}

a.arrow-lnik:after {
    background: #09445a;
    color: #fff;
    content: ">";
    display: inline-block;
    font: bold 11px "Georgia";
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    text-align: center;
    width: 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


/* 
.product {
    box-shadow: 0 0 20px #cdcddd;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
} */





.product-container .product .slide:hover {
    background-color: #ffbc43;
}

/* 
.product-container .product:hover .slide-name,
.product-container .product:hover .custom-line,
.product-container .product:hover .row,
.product-container .product:hover .row strong,
.product-container .product:hover .row.custom-row>p {
    color: #fff;
}

.product-container .product:hover .row.custom-row>a {
    background-color: #fff;
    color: #ffbc43;
} */



.product-container .product .slide .slide-name {
    font-size: 25px;
    margin-top: -20px;
    max-width: 60%;
    text-align: center;
    line-height: 26px;
    color: #8d8d8d;
    font-weight: 100;
}

.product-container .product .slide .custom-line {
    width: 80%;
    height: 1px;
    margin: 10px 0;
    border: 1px solid #efefef;
}

.product-container .product .slide .row {
    width: 80%;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    color: #aaa;
}

.product-container .product .slide .row strong {
    color: #fca60c;
}

.product-container .product .slide .row.custom-row {
    font-weight: bold;
    align-items: center;
}

.product-container .product .slide .row.custom-row>p {
    color: #222;
    font-size: 25px;
}

.product-container .product .slide .row.custom-row>a {
    text-decoration: none;
    color: #fff;
    width: 30px;
    height: 30px;
    background-color: orange;
    text-align: center;
    line-height: 24px;
    border-radius: 10px;
    font-size: 20px;
}

.slider-btn {
    width: 50px;
    height: 50px;
    border-radius: 20px;
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 10px #ddd;
    position: absolute;
    top: 50%;
    transform: translateY(0%);
    font-size: 16px;
    padding-bottom: 5px;
    cursor: pointer;
}

.slider-btn:active {
    transform: translateY(0%) scale(0.9);
}

.slider-btn.btn-right {
    right: 0;
}

.slider-btn.btn-left {
    left: 0;
}


@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
    .filters ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center !important;
    }

    .left-side-bar {
        box-shadow: none;
    }

}


@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */
    .filters ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center !important;
    }

    .left-side-bar {
        box-shadow: none;
    }

}

.left-side-bar .filters ul.filter-list li a:link {
    color: #fff !important;
}

/* mouse over link */
.left-side-bar .filters ul.filter-list li a:hover {
    color: #212529 !important;
}

/* selected link */
.left-side-bar .filters ul.filter-list li a:active {
    color: #2e8cbe !important;
}

.left-side-bar .filters ul.filter-list li a.checked {
    color: blue !important;
}