/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.row {
    margin: 0 auto;
    width: 100%;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0;
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0;
}

.row .row {
    margin: 0 -.9375rem;
    max-width: none;
    width: auto;
}

.row .row:before,
.row .row:after {
    content: " ";
    display: table;
}

.row .row:after {
    clear: both;
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table;
}

.row .row.collapse:after {
    clear: both;
}

.column,
.columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left;
}

.column+.column:last-child,
.columns+.column:last-child,
.column+.columns:last-child,
.columns+.columns:last-child {
    float: right;
}

.column+.column.end,
.columns+.column.end,
.column+.columns.end,
.columns+.columns.end {
    float: left;
}

.column,
.columns {
    position: relative;
    padding-left: .9375rem;
    padding-right: .9375rem;
    float: left;
}

.column.small-centered,
.columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.column.small-uncentered,
.columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.column.small-centered:last-child,
.columns.small-centered:last-child {
    float: none;
}

.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
    float: left;
}

.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
    float: right;
}

.row.small-collapse>.column,
.row.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0;
}

.row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
}

.row.small-uncollapse>.column,
.row.small-uncollapse>.columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    float: left;
}

@media only screen and (min-width: 40.0625em) {
    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }
    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .column.medium-uncentered,
    .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none;
    }
    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left;
    }
    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right;
    }
    .row.medium-collapse>.column,
    .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }
    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }
    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }
}

@media only screen and (min-width: 64.0625em) {
    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }
    .large-12 {
        width: 100%;
    }
    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none;
    }
    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left;
    }
    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right;
    }
    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }
    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left;
    }
}

.home-demo {
    padding: 2rem 0;
}

.home-demo .item {
    background: #ff3f4d;
}

.home-demo h3 {
    text-align: center;
    color: #808080;
    margin: 2rem;
}

.home-demo h2 {
    color: #FFF;
    text-align: center;
    padding: 5rem 0;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}

.home-demo .owl-dot.active span {
    background: #ff3f4d;
}

.home-demo {
    padding: 2rem 0;
    margin: 0 auto;
}

section.article-section {
    padding: 0 20px;
    overflow: hidden;
}

.home-demo {
    padding: 2rem 0;
}

.home-demo .item {
    background: #ff3f4d;
}

.home-demo h3 {
    text-align: center;
    color: #808080;
    margin: 2rem;
}

.home-demo h2 {
    color: #FFF;
    text-align: center;
    padding: 5rem 0;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}

.home-demo .owl-dot.active span {
    background: #ff3f4d;
}

.home-demo {
    padding: 2rem 0;
    margin: 0 auto;
}

section.article-section {
    padding: 0 20px;
    overflow: hidden;
}


/*arrow*/

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}

.owl-nav.disabled button.owl-prev span {
    font-size: 60px;
}

.owl-nav.disabled button.owl-next span {
    font-size: 60px;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    position: absolute;
    z-index: 999;
    top: 15%;
    width: 100%;
    max-width: 1440px;
}

button.owl-prev {
    left: 10px;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 0px;
    line-height: 33px !important;
    color:white !important;
}

button.owl-next {
    right: 15px;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 0px;
    line-height: 33px !important;
    color:white !important;
}


/* .home-demo {
margin: 0 auto;
max-width: 100%;
}
section.article-section {
padding: 0 20px;
overflow: hidden;
max-width: 1440px;
margin: 0 auto;
} */

.owl-carousel.owl-loaded.owl-drag:hover .owl-nav {
    display: block;
}

.owl-carousel .owl-stage-outer {
    transform: translate3d(-5px, 0px, 0px) !important;
}

button.owl-next {
    right: 20px;
}

@media screen and (max-width: 1280px) {
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        top: 13%;
        max-width: 89%;
    }
    button.owl-next {
        right: -20px;
    }
    button.owl-prev {
        left: 0px;
    }
}

@media screen and (max-width: 1024px) {
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        max-width: 936px;
        top: 15%;
    }
    button.owl-prev {
        left: 0px;
    }
    button.owl-next {
        right: -110px;
    }
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        max-width: 63%;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        max-width: 67%;
    }
    button.owl-next {
        right: 20px;
    }
}

@media screen and (max-width: 870px) {
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        max-width: 56%;
    }
}

@media screen and (max-width: 767px) {
    .owl-carousel .owl-stage-outer {
        overflow: unset !important;
    }
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none !important;
    }
    .owl-carousel.owl-loaded.owl-drag:hover .owl-nav.disabled {
        display: none !important;
    }
    .owl-carousel .owl-stage-outer {
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .owl-carousel.owl-loaded.owl-drag:hover .owl-nav.disabled {
        display: none !important;
    }
    .owl-carousel.owl-loaded.owl-drag:hover .owl-nav {
        display: none !important;
    }
    .articles h4 {
        font-size: 16px !important;
        line-height: normal !important;
        padding: 0 0px 23px;
        overflow: auto!important;
        display: block!important;
        -webkit-line-clamp: unset!important;
    }
}

@media screen and (max-width: 580px) {
    section.article-section.articles .column img {
        max-width: 320px !important;
        height: 180px !important;
        object-fit: cover !important;
        width: 100%;
    }
    .column,
    .columns {
        max-width: 320px !important;
    }
}

/*yb for bootstrap home carousel */
  .carousel-indicators li {

  width: 10px !important;
  height: 10px !important;
  border-radius: 100% !important;

  }

/*end yb for home carousel */