body.scrolled.post-type-archive-demo #amcharts {
    opacity: 1;
}

body.post-type-archive-demo .offset-target {
    margin-top: -110px;
}

body.admin-bar.post-type-archive-demo .offset-target {
    margin-top: -140px;
}

.cp.thumbnail {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px -5px #000000;
    box-shadow: 0px 2px 10px -5px #000000;
    height: 245px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

    .cp.thumbnail:hover {
        -webkit-box-shadow: 0 5px 20px -5px #000000;
        box-shadow: 0 5px 20px -5px #000000;
    }

    .cp.thumbnail .entry-title {
        display: block;
        border-bottom: 1px solid #f2f2f2;
        padding: 15px;
        color: #5fb3f3;
    }

    .cp.thumbnail:hover .entry-title {
        color: #000;
    }

    .cp.thumbnail .entry-thumbnail {
        width: 100%;
        height: 100%;
        padding: 20px;
        position: absolute;
        left: 0;
        text-align: center;
    }

        .cp.thumbnail .entry-thumbnail img {
            max-width: 100%;
            display: none;
            border: none;
        }

.demo-theme-none .cp.thumbnail .entry-thumbnail img.demo-theme-none, .demo-theme-light .cp.thumbnail .entry-thumbnail img.demo-theme-light, .demo-theme-dark .cp.thumbnail .entry-thumbnail img.demo-theme-dark, .demo-theme-black .cp.thumbnail .entry-thumbnail img.demo-theme-black, .demo-theme-chalk .cp.thumbnail .entry-thumbnail img.demo-theme-chalk, .demo-theme-patterns .cp.thumbnail .entry-thumbnail img.demo-theme-patterns {
    display: block;
}

.demo-theme-dark .demo-background {
    background: #3f3f4f;
    color: #fff;
}

.demo-theme-dark .section-header.demo-background {
    background: #30303d;
}

.demo-theme-black .demo-background {
    background: #000;
    color: #fff;
}

.demo-theme-black .section-header.demo-background {
    background: #36312f;
}

.demo-theme-chalk .demo-background {
    background: #3f3e3b url(img/chalk-bg.jpg);
    background-size: cover;
    color: #fff;
}

.demo-theme-chalk.archive .demo-background, .demo-theme-chalk .carousel-item .demo-background {
    background-image: none;
}

.demo-theme-chalk .section-header.demo-background {
    background: #36312f;
}

@media (max-width: 1136px) {
    .cp.thumbnail .entry-thumbnail {
        position: relative;
    }
}

.demo-header {
    color: #474758;
    font-size: 1.2em;
    height: 110px;
    text-align: center;
    -webkit-box-shadow: 0px 2px 10px -5px #000000;
    box-shadow: 0px 2px 10px -5px #000000;
    padding-bottom: 0;
    line-height: 100%;
    border-bottom: #e8e8e9;
    padding: 60px 0 40px 0;
}

.demo-header, .demo-category-header {
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 95;
    background: #f6f6f7;
    background: rgba(246,246,247,0.95);
}

body.admin-bar .demo-header {
    top: 32px;
}

body.admin-bar .demo-category-header {
    top: 42px;
}

.demo-category-header {
    top: 93px;
    height: 90px;
    z-index: 90;
    padding: 20px 0;
}

    .demo-category-header #demo-category {
        float: left;
        font-family: Roboto;
        font-weight: 300;
        font-size: 1.7em;
    }

body.admin-bar .demo-category-header {
    top: 125px;
}

.demo-category-header:after {
    clear: all;
}

body.post-type-archive-demo .content-demos {
    padding-top: 150px;
}

@media (max-width: 1136px) {
    .demo-header {
        display: none;
    }

    .demo-category-header {
        float: none;
        height: auto;
        padding: 0;
    }

        .demo-category-header #demo-category {
            display: none;
        }

    .demo-header, .demo-category-header, body.admin-bar .demo-category-header {
        top: auto;
    }

    body.post-type-archive-demo .content-demos {
        padding-top: 0;
    }
}

.demo-header ul.menu.product-switcher {
    display: inline-block;
}

    .demo-header ul.menu.product-switcher li.menu-item a {
        padding: 15px 0;
        text-decoration: none;
        margin: 0 20px;
        border-bottom: 2px solid transparent;
    }

        .demo-header ul.menu.product-switcher li.menu-item a:hover {
            color: #000;
            border-bottom: 2px solid #5fb3f3;
        }

.demo-carousel {
    height: 122px;
}

    .demo-carousel .thumbnail {
        width: 120px;
        height: 80px;
        min-height: 80px;
        position: relative;
        float: left;
        margin: 0 5px;
        border-radius: 3px;
        border: solid 1px #fff;
        background: #fff;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
        padding: 0;
        list-style: none;
    }

    .demo-carousel .carousel-nav {
        top: 15px;
        height: 80px;
        margin-top: 0;
    }

.demo-theme-dark .demo-carousel .thumbnail {
    border-color: #3f3f4f;
    background: #3f3f4f;
}

.demo-theme-black .demo-carousel .thumbnail {
    border-color: #000;
    background: #000;
}

.demo-theme-chalk .demo-carousel .thumbnail {
    border-color: #3f3e3b;
    background: #3f3e3b;
}

.demo-carousel .cp.thumbnail .entry-thumbnail {
    padding: 0;
}

.demo-carousel .demo-thumbnail {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0;
}

    .demo-carousel .demo-thumbnail a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        position: relative;
        width: 100%;
        height: 100%;
    }

.demo-carousel .thumbnail:hover, .demo-carousel .thumbnail.active {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    border-color: #3cabff;
}

.demo-theme-dark .demo-carousel .thumbnail:hover, .demo-theme-dark .demo-carousel .thumbnail.active, .demo-theme-black .demo-carousel .thumbnail:hover, .demo-theme-black .demo-carousel .thumbnail.active, .demo-theme-chalk .demo-carousel .thumbnail:hover, .demo-theme-chalk .demo-carousel .thumbnail.active {
    border-color: #59596b;
}

.demo-carousel .thumbnail img {
    max-width: 100%;
    max-height: 100%;
}

.demo-carousel .thumbnail.category, .demo-carousel .thumbnail.category:hover, .demo-carousel .thumbnail.category.active {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    font-size: 1em;
    line-height: 1.2;
    color: #444;
    font-family: Roboto;
    font-weight: 300;
    padding: 10px;
}

.demo-theme-dark .demo-carousel .thumbnail.category, .demo-theme-black .demo-carousel .thumbnail.category, .demo-theme-chalk .demo-carousel .thumbnail.category {
    color: #fff;
}

.demo-carousel .thumbnail.category .icon {
    display: block;
    margin-bottom: 4px;
}

.demo-body {
    background: #fff;
    position: relative;
    overflow: hidden;
    font-size: 0.9em;
}

.demo-code-html {
    margin: 0 40px;
    position: relative;
}

    .demo-code-html select {
        appearance: menulist;
        -moz-appearance: menulist;
        -webkit-appearance: menulist;
        padding: 4px;
    }

.demo-codecode input[type="button"] {
    background: transparent;
    border: 1px solid #c6e4f2;
    color: #069ddf;
    padding: 4px;
    margin: 2px;
}

.demo-body input[type="button"].amChartsButtonSelected {
    font-weight: 700;
}

.amcharts-compare-item-div {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

select::-ms-expand {
    display: none;
}

@media (max-width: 1136px) {
    .demo-code-html {
        margin: 0;
    }
}

.theme-switcher {
    display: block;
}

.demo-category-header .theme-switcher {
    float: right;
    overflow: hidden;
    padding: 0;
}

.theme-switcher ul {
    list-style: none;
}

.theme-switcher li {
    float: left;
    margin: 0 5px 0 0;
    list-style: none;
    display: block;
}

    .theme-switcher li a {
        display: block;
        cursor: pointer;
        width: 38px;
        height: 38px;
        text-indent: -9999px;
        opacity: 0.3;
    }

        .theme-switcher li a:hover {
            opacity: 1;
        }

    .theme-switcher li.theme-text {
        margin: 10px 20px 0 0;
        color: #aaa;
    }

    .theme-switcher li.theme-button-none a {
        background: url("img/theme-none.png") no-repeat center;
        background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNpcmNsZSBpZD0iYiIgY3g9IjE3IiBjeT0iMTciIHI9IjE3Ii8+PGZpbHRlciB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDcgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDEpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNiIi8+PC9nPjxwYXRoIGQ9Ik0xMC41MTUgOS41MTVjNC42ODYtNC42ODcgMTIuMjg0LTQuNjg3IDE2Ljk3IDAgNC42ODYgNC42ODYgNC42ODYgMTIuMjg0IDAgMTYuOTdsLTE2Ljk3LTE2Ljk3eiIgZmlsbD0iI0ZBNjUwMSIvPjxwYXRoIGQ9Ik0yNy40ODUgMjYuNDg1Yy00LjY4NiA0LjY4Ny0xMi4yODQgNC42ODctMTYuOTcgMC00LjY4Ni00LjY4Ni00LjY4Ni0xMi4yODQgMC0xNi45N2wxNi45NyAxNi45N3oiIGZpbGw9IiNGQUQ2MDAiLz48L2c+PC9zdmc+") no-repeat center,linear-gradient(transparent,transparent);
    }

    .theme-switcher li.theme-button-light a {
        background: url("img/theme-light.png") no-repeat center;
        background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNpcmNsZSBpZD0iYiIgY3g9IjE3IiBjeT0iMTciIHI9IjE3Ii8+PGZpbHRlciB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDcgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDEpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNiIi8+PC9nPjxwYXRoIGQ9Ik0xMC41MTUgOS41MTVjNC42ODYtNC42ODcgMTIuMjg0LTQuNjg3IDE2Ljk3IDAgNC42ODYgNC42ODYgNC42ODYgMTIuMjg0IDAgMTYuOTdsLTE2Ljk3LTE2Ljk3eiIgZmlsbD0iIzYyOUFDRCIvPjxwYXRoIGQ9Ik0yNy40ODUgMjYuNDg1Yy00LjY4NiA0LjY4Ny0xMi4yODQgNC42ODctMTYuOTcgMC00LjY4Ni00LjY4Ni00LjY4Ni0xMi4yODQgMC0xNi45N2wxNi45NyAxNi45N3oiIGZpbGw9IiM1RENDREYiLz48L2c+PC9zdmc+") no-repeat center,linear-gradient(transparent,transparent);
    }

    .theme-switcher li.theme-button-dark a {
        background: url("img/theme-dark.png") no-repeat center;
        background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNpcmNsZSBpZD0iYiIgY3g9IjE3IiBjeT0iMTciIHI9IjE3Ii8+PGZpbHRlciB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDcgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDEpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiM0NzQ3NTgiIHhsaW5rOmhyZWY9IiNiIi8+PC9nPjxwYXRoIGQ9Ik0xMC41MTUgOS41MTVjNC42ODYtNC42ODcgMTIuMjg0LTQuNjg3IDE2Ljk3IDAgNC42ODYgNC42ODYgNC42ODYgMTIuMjg0IDAgMTYuOTdsLTE2Ljk3LTE2Ljk3eiIgZmlsbD0iIzYyOUFDRCIvPjxwYXRoIGQ9Ik0yNy40ODUgMjYuNDg1Yy00LjY4NiA0LjY4Ny0xMi4yODQgNC42ODctMTYuOTcgMC00LjY4Ni00LjY4Ni00LjY4Ni0xMi4yODQgMC0xNi45N2wxNi45NyAxNi45N3oiIGZpbGw9IiM1RENDREYiLz48L2c+PC9zdmc+") no-repeat center,linear-gradient(transparent,transparent);
    }

    .theme-switcher li.theme-button-black a {
        background: url("img/theme-black.png") no-repeat center;
        background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNpcmNsZSBpZD0iYiIgY3g9IjE3IiBjeT0iMTciIHI9IjE3Ii8+PGZpbHRlciB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDcgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDEpIj48dXNlIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIHhsaW5rOmhyZWY9IiNiIi8+PC9nPjxwYXRoIGQ9Ik0xMC41MTUgOS41MTVjNC42ODYtNC42ODcgMTIuMjg0LTQuNjg3IDE2Ljk3IDAgNC42ODYgNC42ODYgNC42ODYgMTIuMjg0IDAgMTYuOTdsLTE2Ljk3LTE2Ljk3eiIgZmlsbD0iIzdGN0Y3RiIvPjxwYXRoIGQ9Ik0yNy40ODUgMjYuNDg1Yy00LjY4NiA0LjY4Ny0xMi4yODQgNC42ODctMTYuOTcgMC00LjY4Ni00LjY4Ni00LjY4Ni0xMi4yODQgMC0xNi45N2wxNi45NyAxNi45N3oiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+") no-repeat center,linear-gradient(transparent,transparent);
    }

    .theme-switcher li.theme-button-chalk a {
        background: url("img/theme-chalk.png") no-repeat center;
        background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNpcmNsZSBpZD0iYiIgY3g9IjE3IiBjeT0iMTciIHI9IjE3Ii8+PGZpbHRlciB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDcgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDEpIj48dXNlIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIHhsaW5rOmhyZWY9IiNiIi8+PC9nPjxwYXRoIGQ9Ik0xMC41MTUgOS41MTVjNC42ODYtNC42ODcgMTIuMjg0LTQuNjg3IDE2Ljk3IDAgNC42ODYgNC42ODYgNC42ODYgMTIuMjg0IDAgMTYuOTdsLTE2Ljk3LTE2Ljk3eiIgZmlsbD0iI0NGN0E5OCIvPjxwYXRoIGQ9Ik0yNy40ODUgMjYuNDg1Yy00LjY4NiA0LjY4Ny0xMi4yODQgNC42ODctMTYuOTcgMC00LjY4Ni00LjY4Ni00LjY4Ni0xMi4yODQgMC0xNi45N2wxNi45NyAxNi45N3oiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+") no-repeat center,linear-gradient(transparent,transparent);
    }

    .theme-switcher li.theme-button-patterns a {
        background: url("img/theme-patterns.png") no-repeat center;
        background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNpcmNsZSBpZD0iYiIgY3g9IjE3IiBjeT0iMTciIHI9IjE3Ii8+PGZpbHRlciB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDcgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDEpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNiIi8+PC9nPjxnIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjMDAwIj48cGF0aCBkPSJNNy44MzYgMTQuNTE2bDE0LjM2NiAxNC4zNjZNMjQuODQ3IDI3LjY4N0w5LjAzIDExLjg3TTE4Ljg2IDI5LjM4TDcuMzQgMTcuODZNOC40ODcgMjIuODQ3bDUuMzg0IDUuMzg0TTEyLjg3MiA4LjAzMmwxNS44MTYgMTUuODE2TTI5Ljg4MyAyMS4yMDNMMTUuNTE2IDYuODM2TTEwLjcxNCA5LjcxM2wxNi4yOTIgMTYuMjkzTTMwLjM4IDE3Ljg2TDE4Ljg2IDYuMzRNMjMuODQ3IDcuNDg3bDUuMzg0IDUuMzg0Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center,linear-gradient(transparent,transparent);
    }

body.demo-theme-none .theme-switcher li.theme-button-none a {
    opacity: 1;
}

body.demo-theme-light .theme-switcher li.theme-button-light a {
    opacity: 1;
}

body.demo-theme-dark .theme-switcher li.theme-button-dark a {
    opacity: 1;
}

body.demo-theme-black .theme-switcher li.theme-button-black a {
    opacity: 1;
}

body.demo-theme-chalk .theme-switcher li.theme-button-chalk a {
    opacity: 1;
}

body.demo-theme-patterns .theme-switcher li.theme-button-patterns a {
    opacity: 1;
}

@media (max-width: 1136px) {
    .demo-category-header .theme-switcher {
        float: none;
    }
}

.demo-controls {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

#demo-control-holder {
    border-left: 1px solid #e5e5e5;
}

.demo-control {
    border-right: 1px solid #e5e5e5;
    padding: 15px 24px;
    min-height: 120px;
}

.demo-control-category {
    text-transform: uppercase;
    color: #b6b6b6;
    font-size: 0.8em;
}

.demo-control-title {
}

.demo-control-value {
    color: #61a2e2;
    font-size: 1.2em;
    float: right;
}

.demo-control .select {
    margin-top: 10px;
}

.demo-control select {
    width: 100%;
}

@media (max-width: 1136px) {
    .demo-controls {
        border-bottom: none;
    }

    #demo-control-holder {
        border-left: none;
    }

    .demo-control {
        border-right: none;
        padding: 15px;
        min-height: auto;
    }
}

.ui-slider {
    position: relative;
    height: 2px;
    background: #eeeef0;
    margin-top: 30px;
    margin-bottom: 10px;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 42px;
        height: 42px;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
        background: url("img/slider.png") no-repeat center;
        background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgNDIgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNpcmNsZSBpZD0icGF0aC0xIiBjeD0iMTciIGN5PSIxNyIgcj0iMTciPjwvY2lyY2xlPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPjxmZU9mZnNldCBkeD0iMCIgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjMxNjQ2Mjg2MiAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+PC9maWx0ZXI+PC9kZWZzPjxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iRHJhZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2NC4wMDAwMDAsIDMuMDAwMDAwKSI+PGcgaWQ9InNsaWRlcl9pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjguMDAwMDAwLCAwLjAwMDAwMCkiPjxnIGlkPSJiIj48dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPjx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT48L2c+PGNpcmNsZSBpZD0iYiIgZmlsbD0iIzNDQUJGRiIgY3g9IjE3LjUiIGN5PSIxNy41IiByPSIyLjUiPjwvY2lyY2xlPjwvZz48L2c+PC9nPjwvc3ZnPg==") no-repeat,linear-gradient(transparent,transparent);
        background-size: cover;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        display: block;
        border: 0;
        background: #515162;
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: 2px;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -19px;
        margin-left: -21px;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.demo-source-control {
    position: absolute;
    right: 15px;
    bottom: 15px;
    border-radius: 3px;
    border: 1px solid #444;
    background-color: #444;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.26);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.26);
    font-family: Roboto;
    color: #fff;
    padding: 0;
    z-index: 10;
}

    .demo-source-control:hover {
        background-color: #ffffff;
        color: #3cabff;
        border: rgba(0,0,0,0);
    }

    .demo-source-control li {
        margin: 0;
        list-style: none;
        padding: 0 20px 0 15px;
        display: none;
    }

        .demo-source-control li.title, .demo-source-control:hover li {
            display: block;
        }

            .demo-source-control:hover li.title {
                display: none;
            }

    .demo-source-control a {
        display: block;
        color: inherit;
        cursor: pointer;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .demo-source-control li:first-child a {
        border-bottom: none;
    }

@media (max-width: 1136px) {
    .demo-source-control {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 15px;
    }
}

.demo-source-control .icon {
    width: 1.5em;
    height: 1.5em;
    margin-top: -3px;
    margin-right: 10px;
}

.icon.icon-code1 {
    background: url(img/icon-code1.png) no-repeat;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMyAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4zIDE0LjgyNWMtLjE4NSAwLS4zNTQtLjA3LS40OS0uMjA4TC4yMSA5LjAyNUMuMDcgOC44OSAwIDguNzIgMCA4LjUzOGMwLS4xODQuMDctLjM1My4yMDgtLjQ4OEw1LjgxIDIuNDU4Yy4xMzYtLjEzNy4zMDUtLjIwOC40OS0uMjA4LjE4MyAwIC4zNTIuMDcuNDg3LjIwOGwuNjAyLjZjLjEzNi4xMzYuMjA3LjMwNS4yMDcuNDg4cy0uMDcuMzUyLS4yMDguNDg4TDIuODc2IDguNTM4bDQuNTEyIDQuNTA0Yy4xMzUuMTM0LjIwNy4zMDMuMjA3LjQ4NyAwIC4xODMtLjA3LjM1Mi0uMjA4LjQ4N2wtLjYwMy42Yy0uMTM1LjEzNy0uMzA0LjIwOC0uNDg4LjIwOG0xMCAwYy0uMTggMC0uMzUtLjA3LS40ODYtLjIwNmwtLjYwMi0uNjAzYy0uMTM3LS4xMzUtLjIwOC0uMzA0LS4yMDgtLjQ4OCAwLS4xODUuMDcyLS4zNTQuMjEtLjQ5bDQuNTEtNC41MDItNC41MTItNC41MDRjLS4xMzctLjEzNi0uMjA4LS4zMDUtLjIwOC0uNDg4IDAtLjE4NC4wNy0uMzUzLjIwOC0uNDlsLjYtLjU5OGMuMTM4LS4xMzcuMzA3LS4yMDguNDktLjIwOHMuMzUuMDcuNDg3LjIwOEwyMi4zOSA4LjA1Yy4xMzYuMTM1LjIwOC4zMDQuMjA4LjQ4NyAwIC4xODQtLjA3Mi4zNTItLjIwOC40ODhsLTUuNjAzIDUuNTkyYy0uMTM3LjEzNy0uMzA1LjIwOC0uNDkuMjA4bS02Ljg2IDIuMjVjLS4wNyAwLS4xNC0uMDEtLjIwNi0uMDM0bC0uNzMtLjE5OGMtLjE4NC0uMDU1LS4zMjYtLjE2Ny0uNDE3LS4zMjgtLjA5My0uMTY1LS4xMS0uMzQ4LS4wNTUtLjUzTDEyLjUxNS41Yy4wNTYtLjE4NC4xNy0uMzI0LjMyNy0uNDEzLjEtLjA1Ny4yMS0uMDg3LjMyLS4wODcuMDcgMCAuMTM4LjAxLjIwNS4wMzRsLjczLjJjLjE4My4wNTQuMzI0LjE2Ni40MTUuMzI0LjA5NC4xNjYuMTEzLjM1LjA1Ni41MzNsLTQuNDgzIDE1LjQ4NmMtLjA1NC4xOC0uMTY1LjMyLS4zMjQuNDEtLjEwNS4wNi0uMjEyLjA5LS4zMi4wOSIgZmlsbD0iIzNjYWJmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center no-repeat,linear-gradient(transparent,transparent);
    background-size: contain;
}

.icon.icon-code2 {
    background: url(img/icon-code2.png) no-repeat;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMyAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4zIDE0LjgyNWMtLjE4NSAwLS4zNTQtLjA3LS40OS0uMjA4TC4yMSA5LjAyNUMuMDcgOC44OSAwIDguNzIgMCA4LjUzOGMwLS4xODQuMDctLjM1My4yMDgtLjQ4OEw1LjgxIDIuNDU4Yy4xMzYtLjEzNy4zMDUtLjIwOC40OS0uMjA4LjE4MyAwIC4zNTIuMDcuNDg3LjIwOGwuNjAyLjZjLjEzNi4xMzYuMjA3LjMwNS4yMDcuNDg4cy0uMDcuMzUyLS4yMDguNDg4TDIuODc2IDguNTM4bDQuNTEyIDQuNTA0Yy4xMzUuMTM0LjIwNy4zMDMuMjA3LjQ4NyAwIC4xODMtLjA3LjM1Mi0uMjA4LjQ4N2wtLjYwMy42Yy0uMTM1LjEzNy0uMzA0LjIwOC0uNDg4LjIwOG0xMCAwYy0uMTggMC0uMzUtLjA3LS40ODYtLjIwNmwtLjYwMi0uNjAzYy0uMTM3LS4xMzUtLjIwOC0uMzA0LS4yMDgtLjQ4OCAwLS4xODUuMDcyLS4zNTQuMjEtLjQ5bDQuNTEtNC41MDItNC41MTItNC41MDRjLS4xMzctLjEzNi0uMjA4LS4zMDUtLjIwOC0uNDg4IDAtLjE4NC4wNy0uMzUzLjIwOC0uNDlsLjYtLjU5OGMuMTM4LS4xMzcuMzA3LS4yMDguNDktLjIwOHMuMzUuMDcuNDg3LjIwOEwyMi4zOSA4LjA1Yy4xMzYuMTM1LjIwOC4zMDQuMjA4LjQ4NyAwIC4xODQtLjA3Mi4zNTItLjIwOC40ODhsLTUuNjAzIDUuNTkyYy0uMTM3LjEzNy0uMzA1LjIwOC0uNDkuMjA4bS02Ljg2IDIuMjVjLS4wNyAwLS4xNC0uMDEtLjIwNi0uMDM0bC0uNzMtLjE5OGMtLjE4NC0uMDU1LS4zMjYtLjE2Ny0uNDE3LS4zMjgtLjA5My0uMTY1LS4xMS0uMzQ4LS4wNTUtLjUzTDEyLjUxNS41Yy4wNTYtLjE4NC4xNy0uMzI0LjMyNy0uNDEzLjEtLjA1Ny4yMS0uMDg3LjMyLS4wODcuMDcgMCAuMTM4LjAxLjIwNS4wMzRsLjczLjJjLjE4My4wNTQuMzI0LjE2Ni40MTUuMzI0LjA5NC4xNjYuMTEzLjM1LjA1Ni41MzNsLTQuNDgzIDE1LjQ4NmMtLjA1NC4xOC0uMTY1LjMyLS4zMjQuNDEtLjEwNS4wNi0uMjEyLjA5LS4zMi4wOSIgZmlsbD0iIzQ0NCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center no-repeat,linear-gradient(transparent,transparent);
    background-size: contain;
}

.icon.icon-codepen {
    background: url(img/icon-codepen.png) no-repeat;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkuMTg0IDYuMzg3bC0uMDE1LS4wNjctLjAxNC0uMDQtLjAyLS4wNmMtLjAwNy0uMDEyLS4wMTItLjAyNS0uMDItLjAzOGwtLjAyNy0uMDU0Yy0uMDEtLjAxMi0uMDE3LS4wMjQtLjAyNS0uMDM3LS4wMS0uMDE2LS4wMjMtLjAzLS4wMzQtLjA0N2wtLjAyOC0uMDM1LS4wNC0uMDQ0LS4wMzQtLjAzYy0uMDE0LS4wMTUtLjAzLS4wMjctLjA0Ni0uMDQtLjAxMi0uMDEtLjAyNS0uMDItLjAzNy0uMDI3bC0uMDE0LS4wMS04Ljc3My01LjcyYy0uMjc4LS4xODItLjYzOC0uMTgyLS45MTUgMEwuMzY3IDUuODU2bC0uMDE0LjAwOC0uMDM3LjAyOGMtLjAxNi4wMS0uMDMyLjAyNS0uMDQ3LjAzOC0uMDEyLjAxLS4wMjMuMDIyLS4wMzMuMDMyLS4wMTUuMDE0LS4wMjguMDMtLjA0Mi4wNDUtLjAxLjAxLS4wMi4wMjMtLjAyOC4wMzRsLS4wMzUuMDUtLjAyMy4wMzctLjAzLjA1M2MtLjAwNi4wMTQtLjAxLjAyNy0uMDE4LjA0LS4wMDguMDItLjAxNC4wNC0uMDIuMDYtLjAwNS4wMTItLjAxLjAyNi0uMDEzLjA0LS4wMDcuMDItLjAxLjA0NC0uMDE2LjA2NmwtLjAwNi4wMzVDLjAwMyA2LjQ1NyAwIDYuNDkgMCA2LjUyN3Y1LjcyMmMwIC4wMzQuMDAzLjA3LjAwOC4xMDUgMCAuMDEuMDA0LjAyMy4wMDYuMDM0bC4wMTUuMDY3Yy4wMDIuMDE0LjAwNy4wMjYuMDEuMDRsLjAyMi4wNi4wMi4wNC4wMjcuMDUzLjAyMi4wMzcuMDM1LjA1Yy4wMS4wMS4wMi4wMjIuMDI4LjAzM2wuMDQyLjA0NS4wMzIuMDNjLjAxNC4wMTQuMDMuMDI3LjA0Ni4wNGwuMDM3LjAyNi4wMTQuMDEgOC43NzQgNS43MmMuMTQuMDkyLjMuMTM3LjQ1OC4xMzcuMTYgMCAuMzItLjA0NS40NTgtLjEzNmw4Ljc3NC01LjcyMi4wMTQtLjAxYy4wMTItLjAxLjAyNS0uMDE4LjAzNy0uMDI3LjAxNy0uMDEuMDMzLS4wMjQuMDQ3LS4wMzdsLjAzNC0uMDNjLjAxNC0uMDE2LjAyOC0uMDMuMDQtLjA0NmwuMDMtLjAzNGMuMDEyLS4wMTcuMDI0LS4wMzIuMDM0LS4wNS4wMS0uMDEuMDE2LS4wMjQuMDI0LS4wMzYuMDEtLjAxOC4wMi0uMDM2LjAyOC0uMDU0bC4wMi0uMDQuMDItLjA2Yy4wMDQtLjAxMy4wMS0uMDI1LjAxMi0uMDQuMDA2LS4wMi4wMS0uMDQzLjAxNS0uMDY2bC4wMDctLjAzNGMuMDA0LS4wMzUuMDA3LS4wNy4wMDctLjEwNXYtNS43MmMwLS4wMzctLjAwMy0uMDcyLS4wMDctLjEwN2wtLjAwNi0uMDMzem0tOS41ODYgNC45MUw2LjY4IDkuMzkgOS42IDcuNDhsMi45MTggMS45MS0yLjkxOCAxLjkwN3ptLS44MjQtNS4yMmwtMy41NzcgMi4zNEwyLjMxIDYuNTNsNi40NjQtNC4yMTZ2My43NjR6TTMuNzE0IDkuMzlsLTIuMDY1IDEuMzQ4di0yLjdsMi4wNjMgMS4zNXptMS40ODMuOTdsMy41NzcgMi4zMzh2My43NjRMMi4zMSAxMi4yNDdsMi44ODctMS44ODh6bTUuMjI2IDIuMzM4TDE0IDEwLjM1OGwyLjg4NyAxLjg5LTYuNDY0IDQuMjE0di0zLjc2NHptNS4wNi0zLjMxbDIuMDY1LTEuMzV2Mi43bC0yLjA2NC0xLjM1ek0xNCA4LjQybC0zLjU3Ny0yLjM0VjIuMzE1bDYuNDY0IDQuMjE0TDE0IDguNDE2eiIgZmlsbD0iIzQ0NCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center no-repeat,linear-gradient(transparent,transparent);
    background-size: contain;
}

.icon.icon-jsfiddle {
    background: url(img/icon-jsfiddle.png) no-repeat;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyNCAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4zNTIgMy42NWMuMTc1LS4yNy4zMy0uNTQ2LjUyLS44QzkuMDg4IDEuMjM3IDEwLjc0My4yOSAxMi44NC4wNWMzLjA3NC0uMzU0IDYuMDM3IDEuMjMgNy4yNTQgMy44NjIuNDA4Ljg4LjYgMS44MDIuNTQyIDIuNzYzLS4wMDcuMTEuMDMuMTU0LjEzNC4xOTggMS43Ny43MzggMi44NDcgMi40MiAyLjY5OCA0LjIwNi0uMTU0IDEuODQtMS42MyAzLjQxMi0zLjU4MiAzLjgxMi0uNDIuMDg2LS44NDYuMTMtMS4yNzguMDk3LS4wNjMtLjAwNi0uMTI2LS4wMDMtLjE5LS4wMDMtNC41MjQgMC05LjA1LS4wMDItMTMuNTc1IDAtLjgxNSAwLTEuNTktLjE1LTIuMzE1LS41Qy0uNjcgMTIuOTQtLjg3OCA4LjgwNCAyLjE1NiA2Ljk4OGMuMTIyLS4wNzQuMTUzLS4xMy4xMTUtLjI2NC0uNDctMS42NzIuNzgzLTMuNDEzIDIuNjE1LTMuNjQ3Ljg3NS0uMTEzIDEuNjc2LjA1NSAyLjQuNTMuMDIzLjAxNi4wNDguMDMuMDY3LjA0em0zLjA2NSA2LjY0M2MtLjExLjA4OC0uMjAyLjE2Ni0uMy4yNC0uNTE4LjM4LTEuMDk4LjUzNi0xLjc1LjQxLS41OS0uMTE0LTEuMDQzLS41NzgtMS4xMDQtMS4xMTQtLjA2My0uNTUyLjI1LTEuMDcyLjc5Ny0xLjMxLjM4LS4xNjMuNzc1LS4xNzMgMS4xNzMtLjA3LjY5LjE3NyAxLjIwNC41ODQgMS42NSAxLjA4Ny40ODQuNTQ1Ljk2IDEuMDk2IDEuNDcyIDEuNjE2IDEuMTMgMS4xNSAyLjUzIDEuNiA0LjE2MyAxLjIxOCAxLjE1My0uMjY4IDEuOTUtLjk1NiAyLjE5My0yLjA3LjI1LTEuMTMzLS4wOS0yLjEwNS0xLjExLTIuODItLjU3OC0uNDEtMS4yNDYtLjU3LTEuOTYtLjYtMS4wOTItLjA0Ny0yLjA1OC4yMjgtMi44Ni45NDUtLjAzNC4wMy0uMDg4LjA0LS4xMy4wNTdsLjU2LjYxNS41MTYuNTY2Yy4wMjMtLjAwNi4wMy0uMDA2LjAzMi0uMDA4bC4xODctLjE1Yy40OTItLjM4NSAxLjA1LS41NzUgMS43LS41LjY0NS4wNzQgMS4xNy41NjYgMS4yNDIgMS4xNzQuMDY4LjU3OC0uMzMyIDEuMTQtLjk1NCAxLjMzLS4zOTUuMTItLjc5LjEtMS4xNzgtLjAzMi0uNjQ4LS4yMi0xLjEyNi0uNjQtMS41NTYtMS4xMjgtLjQ5Ny0uNTY0LS45ODgtMS4xMzUtMS41MzQtMS42NTUtMS4wOC0xLjAyNy0yLjM5Mi0xLjQzMi0zLjkyLTEuMTItMS4xNi4yMzYtMi4zODIgMS4xNTUtMi4zOCAyLjY2MiAwIDEuMDUyLjQ2NCAxLjg1OCAxLjQyNyAyLjQwNi40Ny4yNjcuOTkuMzk0IDEuNTM2LjQzMi44MS4wNTcgMS41ODctLjA0MyAyLjI5OC0uNDQyLjMwMi0uMTcuNTc4LS4zNjcuODMtLjYwNWwtMS4wNC0xLjEzNXoiIGZpbGw9IiM0NDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") center no-repeat,linear-gradient(transparent,transparent);
    background-size: contain;
}

.demo-body:hover .carousel-nav {
    opacity: 0.8;
}