l,    @charset 'UTF-8';
    /* Slider */
    .slick-loading .slick-list
    {
        background: #fff url('../images/ajax-loader.gif') center center no-repeat;
    }
    /* Arrows */
    .slick-prev,
    .slick-next
    {
        font-size: 0;
        line-height: 0;
        position: absolute;
        bottom: 11px;
        display: block;
        width: 10px;
        height: 10px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);

        cursor: pointer;

        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }

    .cms-gallery .slick-prev, .cms-gallery-tabs .slick-prev,
    .cms-gallery .slick-next, .cms-gallery-tabs .slick-next {
        bottom:50%;
        top:50%;
    }
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus
    {
        color: transparent;
        outline: none;
        background: transparent;
        border:none;
    }
    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before
    {
        opacity: .75;
        color: #444;
    }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before
    {
        opacity: .25;
    }

    .slick-prev:before,
    .slick-next:before
    {
        font-size: 10px;
        line-height: 1;
        opacity: .75;
        color: #000;

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .cms-gallery .slick-prev:before, .cms-gallery-tabs .slick-prev:before,
    .cms-gallery .slick-next:before, .cms-gallery-tabs .slick-next:before{
        font-size: 50px;
    }

    .slick-prev
    {
        left: 22px;
        z-index: 1;
    }
    [dir='rtl'] .slick-prev
    {
        right: 25px;
        left: auto;
    }
    .slick-prev:before
    {
        font-family: "Font Awesome 5 Free";
        content: "\f053";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
    }
    [dir='rtl'] .slick-prev:before
    {
        font-family: "Font Awesome 5 Free";
        content: "\f053";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
    }

    .slick-next
    {
        left: 163px;
    }
    .cms-gallery .slick-next, .cms-gallery-tabs .slick-next
    {
        right: 25px;
        left: unset;
    }
    [dir='rtl'] .slick-next
    {
        right: auto;
        left: 25px;
    }
    .slick-next:before
    {
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
    }
    [dir='rtl'] .slick-next:before
    {
        font-family: "Font Awesome 5 Free";
        content: "\f053";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
    }

    /* Dots */
    .cms-index-index .slick-dotted.slick-slider
    {
        margin-bottom: 30px;
    }

    .slick-dots
    {
        position: absolute;
        bottom: 10px;
        display: block;
        left:10px;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }
    .slick-dots li
    {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0 5px;
        padding: 0;

        cursor: pointer;
    }
    .slick-dots li button
    {
        font-size: 0;
        line-height: 0;

        display: block;

        width: 20px;
        height: 20px;
        padding: 5px;

        cursor: pointer;

        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }
    .slick-dots li button:hover,
    .slick-dots li button:focus
    {
        outline: none;
    }
    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before
    {
        opacity: 1;
    }
    .slick-dots li button:before
    {
        font-size: 10px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        font-weight: bold;
        font-family: "Font Awesome 5 Free"; content: "\f0c8";
        text-align: center;
        /* opacity: .25; */
        color: #000;

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .slick-dots li.slick-active button:before
    {
        opacity: .75;
        color: #444;
    }

    .slick-prev::before, .slick-next::before {
        display: none;
    }
    @media all and (min-width: 768px), print {
        .slick-prev::before, .slick-next::before {
            display: block;
        }
    }


    /* QMP Categories Slider */

    .qmpCategoriesSlider .slick-slide, .slider .slick-slide {
        margin:0 15px;
        text-align: center;
    }
    .qmpCategoriesSlider img, .slider img{
        display: inline-block;
        border: 5px solid #ddd;
        padding:5px;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }
    .gallerySlider .slick-slide img{
        border: none;
        border-radius:0;
        max-width:1000px;
        max-height: 700px;
        margin: 0 auto;
    }
    .gallerySliderNav .slick-slide img{
        border-radius:0;
    }
    .slick-slide {
        position: relative;
        width: 50%;
    }

    .qmpCategoriesSlider img, .slider img {

        opacity: 1;
        display: block;
        width: 100%;
        height: auto;
        backface-visibility: hidden;
    }



    .qmpCategoriesSlider .slick-slide:hover .middle, .slider .slick-slide:hover .middle {
        opacity: 0.8;

    }


    .middle {
        transition: 0.5s ;
        opacity: 0.75;
        width:99%;
        height:99%;
        border-radius:50%;
        background-color: #0874ba;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;


    }
    .middle a:hover, .middle .alink:hover {
        text-decoration: none;
    }





    .overlay {
        vertical-align: middle;
        color: white;
        font-size: 1.8rem;
        line-height: 2rem;
        width:100%;
        height:100%;
        text-align: center;
        opacity: 0.7;
        display: table;
        width: 100%;

    }
    .overlay span {
        position: relative;
        vertical-align:middle;
        display: table-cell;
    }


    .sliderOverlay {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        box-sizing:border-box;
        padding: 5px;
    }
    .sliderOverlay .sliderOContent {

    }
    .sliderTextContent {
        width: 32%
        /* width:19%; for 5 slides */
    }
    .sliderTextContent h3 {
        float: right;
        width: 60%;
        text-align: right;
        display: block;
        border-bottom: 3px solid #fff;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .sliderContentLeft .sliderTextContent h3 {
        float: left !important;
        text-align: left !important;
    }
    .sliderOverlay h3
    {
        font-size: 1.4rem;
        color: #fff !important;
        text-transform: uppercase;
        margin:0;
        font-weight: 600;
    }

    .sliderOverlay p
    {
        font-size: 1.2rem;
        color: #fff !important;
        width: 100%;
        display: block;
        float: right;
        clear: both;
        text-align: right;
        padding-top: 10px;
    }
    .sliderContentLeft.sliderOverlay p {
        float: left !important;;
        text-align: left !important;;
    }

    .bannerButtons {
        background-color:#fff;
        color: #0874ba;
        border-radius:0;
        margin: 0;
        font-size: 1.2rem;
        box-sizing:border-box;
        border: none;
        text-transform: uppercase;

    }
    .bannerButtonsWrapper a.bannerButtons:hover {
        background-color: #eee !important;
    }
    .bannerButtonsWrapper a.bannerButtons2:hover {
        background-color: #054671 !important;
        opacity: .8
    }
    .bannerButtonsWrapper  {
        float: right;
        clear: both;
    }

    .sliderContentLeft .bannerButtonsWrapper {
        float: left !important;
    }
    .bannerButtonsWrapper a.bannerButtons {
        display: table;
        color: #0874ba;
        padding: 4px 20px 4px;
        font-weight: 600;
        margin: 0 10px 0 0;

    }

.bannerButtonsWrapper a, .bannerButtonsWrapper a:visited, .bannerButtonsWrapper alink:visited {
        color: #0874ba;
        text-decoration: none;
    }

    .bannerButtons2 {
        color: #fff;
        float: left;
        background: none;
        border: 1px solid #fff;
        border-radius:0;
        margin: 10px 0 0;
        font-size: 1.2rem;
        box-sizing:border-box;
        padding: 1px 4px 0;
    }
    .bannerButtonsWrapper.catalogueButtons a {
        min-width: 76px;
        text-align: center;
        padding: 4px 4px 2px;
    }
    @media all and (min-width: 310px) {
        .sliderOverlay h3 {
            margin-top: 20px;
        }
    }
    @media all and (min-width: 400px) {
        .sliderOverlay h3 {
            font-size: 4.2rem;
            width: 88%;
        }
        .sliderOverlay p {
            font-size: 1.6rem
        }
    }
    @media all and (min-width: 491px) {
        .sliderOverlay .sliderOContent {
            margin-top: 0.1%;
            width:60%;
            margin-left: 2%;
        }
        .sliderContentLeft.sliderOverlay .sliderOContent {
            margin-left: 0.9% !important;
            /* remove for 5 slides */
        }
        .sliderTextContent {
            width: 50%;
            /* width: 30%; for 5 slides */
        }
        .sliderOverlay p
        {
            margin-bottom: 1rem;
            max-width:70%
        }
        .sliderOverlay h3 {
            font-size: 3.6rem;
            width:60%;
        }
        .bannerButtonsWrapper {
            display: block;
            left:unset;
            bottom: 25%;
            position: relative;
        }
        .bannerButtonsWrapper a.bannerButtons {
            font-size: 1.6rem;
        }
        .bannerButtonsWrapper a.bannerButtons2 {
            font-size: 1.2rem;
            padding: 6px 40px 4px;
            margin-top:10px
        }
        .bannerButtonsWrapper.catalogueButtons a {
            min-width: 148px;
            text-align: center;
            padding: 6px 30px 4px;
            display: inline-block;
            margin: 0;
        }
        .bannerButtonsWrapper.catalogueButtons a.bannerButtons2 {
            margin-top:10px;
        }
    }
    @media all and (min-width: 565px) {
        .sliderOverlay h3 {
            margin-top:40px;
            width: 56%
        }
    }

    @media all and (min-width: 768px) {
        .slick-dots {
            bottom: 15px;
            left:30px;
        }
        .sliderOverlay {
            padding:30px;
        }
        .sliderOverlay .sliderOContent {
            bottom: 10%;
            width: 50%;
            margin-left: 6.3%;
            /* margin-left: 1%; for 5 slides */
        }
        .sliderContentLeft.sliderOverlay .sliderOContent {
            margin-left: 0.1% !important;
            /* margin-left: 2% !important; for 5 slides */
        }
        .sliderOverlay h3
        {
            font-size: 4.2rem;
            margin-top:0px;
        }
        .sliderTextContent {
            width:50%;
            /* width:36%; for 5 slides */
        }
        .sliderOverlay p
        {
            font-size: 1.8rem;
            line-height: 2.4rem;
            float: right;
            clear: both;
            text-align: right;
        }
        .bannerButtons {
            border: none;
        }


        .bannerButtonsWrapper a {
            padding: 4px 80px 1px 80px
        }
        .bannerButtonsWrapper a.bannerButtons {
            font-size: 1.6rem;
            margin: 0 10px 0 0;

        }
        .bannerButtonsWrapper a.bannerButtons2 {
            font-size: 2rem;
            padding: 10px 78px 8px;
        }
        .bannerButtonsWrapper.catalogueButtons a {
            min-width: 278px;
            text-align: center;
            padding: 10px 60px 8px;
            display: table;
            margin: 5px 0;
        }

    }
    @media all and (min-width: 850px) {
        .sliderOverlay h3 {
            margin-top:20px;
        }
    }
    @media all and (min-width: 1002px) {

        .sliderOverlay {

        }
        .sliderOverlay .sliderOContent {
            bottom: 10%;
        }
        .sliderOverlay h3
        {
            font-size: 5.4rem;

        }
        .sliderTextContent h3 {
            width: 48%;
        }

        .bannerButtonsWrapper a.bannerButtons {
            padding: 4px 20px 4px;
            margin: 20px 0 0;
            font-size: 2.2rem;
        }
        .bannerButtonsWrapper a.bannerButtons2 {
            font-size: 2.4rem;
            border-radius: 5px;
        }
        .sliderOverlay .sliderOContent {
            bottom: 10%;
            width: 50%;
            margin-left:6.8%;
            /* margin-left: 1%; for 5 slides */
        }
    }
@media all and (min-width: 1281px) {
    .sliderTextContent {
        width: 50%
        /* width: 34%  for 5 slides */
    }
    .bannerButtonsWrapper a.bannerButtons {
        font-size: 2rem;
    }
    .sliderOverlay h3 {
         font-size: 4.4rem;
        margin-top: 0px;
    }
    .sliderOverlay p {
        font-size: 2.1rem;
        line-height: 2.5rem;
        max-width: 50%;
        /* max-width: 36%;  for 5 slides */
    }
    .sliderOverlay .sliderOContent  {
        margin-left: 7%
    }

    .sliderContentLeft.sliderOverlay .sliderOContent {
        margin-left: 0.1% !important;
        /* margin-left: 2% !important; for 5 slides */
    }
}

@media all and (min-width: 1414px) {
    .sliderTextContent {
        width: 50%
       /* width: 33%; for 5 slides */
    }
    .sliderOverlay h3 {

        margin-top: 10px;
    }
    .sliderOverlay .sliderOContent  {
        margin-left: 4.6%
    }

    .sliderContentLeft.sliderOverlay .sliderOContent {
        margin-left: 1.7% !important;
        /* margin-left: 2% !important; for 5 slides */
    }
}

@media all and (min-width: 1594px) {
    .sliderTextContent {
        width: 50%
        /* width: 32%; !important; for 5 slides */
    }
    .sliderOverlay h3 {
        font-size: 5.4rem;
        margin-top: 20px;
    }
    .sliderOverlay p {
        font-size: 2.5rem;
        line-height: 3.1rem;
    }
    .sliderOverlay .sliderOContent {
        margin-left: 3.7%;
        /* remove for 5 slides */
    }
    .sliderContentLeft.sliderOverlay .sliderOContent {
        margin-left: 3.3% !important;
        /* margin-left: 2% !important; for 5 slides */
    }

}

@media all and (min-width: 1714px) {
    .sliderTextContent {
        width: 50%
        /* width: 31% for 5 slides */
    }
    .sliderContentLeft.sliderOverlay .sliderOContent {
        margin-left: 3.4% !important;
        /* margin-left: 3% !important; for 5 slides */
    }
}
@media all and (min-width: 1764px) {

        .sliderTextContent {
            width: 50%
    }
    .sliderContentLeft.sliderOverlay .sliderOContent {
        margin-left: 4.7% !important;
        /* margin-left: 3% !important; for 5 slides */
    }
    .sliderOverlay .sliderOContent {
        margin-left: 2.7% !important;
        /* remove for 5 slides */
    }
}

@media all and (min-width: 1870px) {

    .sliderContentLeft.sliderOverlay .sliderOContent {
        margin-left: 5.2% !important;
        /* margin-remove for 5 slides */
    }
    .sliderOverlay .sliderOContent {
        margin-left: 2.2% !important;
        /* remove for 5 slides */
    }
}
@media all and (max-width: 490px) {
    .sliderOverlay.sliderContentLeft {
        padding-left: 1%;
    }
}