/*========================
Service Slider
========================*/


#service-slider { /*padding:2%;*/ }
#service-slider .service-slider-wrap { background: #d5dae0; padding:2.5%; border-radius:8px; float: left; width: 100%; }
#service-slider .wrap {}
#service-slider .section-header a { background:#FFF; color: #2c85c6;   border-radius:8px; font-size: 18px; float: right; padding:10px 20px; margin-top: 0px; }
#service-slider .section-header a:hover { background: #c7cace; }
body #service-slider .section-header h2 { border:none; width:auto; }


#service-slider .service-carousel { float: left; width: 100%; }
#service-slider ul li { padding:3%; }
#service-slider ul li a { float: left; width: 100%; background: #FFF; border-radius:8px; }
#service-slider ul li a img { border-top-right-radius: 8px; border-top-left-radius: 8px; }
#service-slider ul li a .youtube-holder { border-top-right-radius: 8px; border-top-left-radius: 8px; width: 100%; height: auto; vertical-align: top; overflow: hidden; position: relative; }
#service-slider ul li a .youtube-holder iframe { width: 100%; height: auto; vertical-align: top; }
#service-slider ul li a .youtube-holder img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; opacity: 1 !important; }
#service-slider ul li a .youtube-holder svg { width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 3; }
#service-slider ul li .service-title { float: left; width: 100%; padding-left: 15px; color: #FFF; font-size:16px; font-family: din_next; }
#service-slider ul li .service-title i { float: left; padding:3px 10px 0 0; }
#service-slider ul li .service-title img { width: 10px; float: right; margin-right:20px; margin-top: 1px; }
#service-slider .service-carousel .owl-wrapper .owl-item:nth-child(1) .service-title { background-image: url("../images/blue-background.jpg"); background-size: cover; }
#service-slider .service-carousel .owl-wrapper .owl-item:nth-child(2) .service-title { background-image: url("../images/turq-background.jpg"); background-size: cover;}
#service-slider .service-carousel .owl-wrapper .owl-item:nth-child(3) .service-title { background-image: url("../images/purple-background.jpg"); background-size: cover;}
#service-slider .service-carousel .owl-wrapper .owl-item:nth-child(4) .service-title { background-image: url("../images/red-background.jpg"); background-size: cover;}
#service-slider .service-carousel .owl-wrapper .owl-item:nth-child(5) .service-title { background-image: url("../images/blue-background.jpg"); background-size: cover; }
/*#service-slider .service-carousel li:nth-child(2) .service-title {  }*/
#service-slider ul li a .service-text { padding:15px; font-size: 15px; }
#service-slider ul li a .dumby-button { margin-left: 15px; float: left; margin-bottom: 15px; padding:10px 20px; font-size: 15px; line-height: 22px; }
#service-slider ul li a .dumby-button img { width: 10px; float: left; margin-right: 10px; }



#service-slider .owl-buttons div { height: 40px; width: 40px; line-height: 45px; opacity: 1; background: none; padding:0;  }
#service-slider .owl-buttons div img { width: 100%; line-height: 55px; position: relative; opacity: 1; }
#service-slider .owl-buttons .owl-prev {}
#service-slider .owl-buttons .owl-next {}

#service-slider .owl-buttons div:hover img { opacity: 0.5; }

@media only screen and (max-width: 771px) {

    #service-slider {margin-bottom: 20px;}

}

#service-slider.new-layout .assets {
    padding: 16px 0 0;
    border: none;
}
#service-slider.new-layout .assets .note,
body #service-slider.new-layout .section-header h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 32px;
    padding: 0;
}
#service-slider.new-layout .assets .service-slider-wrap {
    border-radius: 0;
    padding-bottom: 32px;
    position: relative;
}
#service-slider.new-layout .assets .service-slider-wrap a.button {
    background: #2c85c6;
    color: #fff;
}
#service-slider.new-layout .assets .service-slider-wrap a.button:hover {
    background: #05538c !important;
}
#service-slider.new-layout .assets .service-slider-wrap > div,
#service-slider.new-layout .assets .service-slider-wrap > ul {
    z-index: 2;
    position: relative;
}
#service-slider.new-layout .assets .service-slider-wrap:before,
#service-slider.new-layout .assets .service-slider-wrap:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 30px;
    background: #d5dae0;
    z-index: 1;
}
#service-slider.new-layout .assets .service-slider-wrap:after {
    right: auto;
    left: 100%;
}

@media only screen and (min-width: 1200px) {
    #service-slider.new-layout .assets .service-slider-wrap:before,
    #service-slider.new-layout .assets .service-slider-wrap:after {
        width: calc((var(--document-width) - 1200px) / 2);
    }
}