.hljs{display:block;overflow-x:auto;padding:.5em;color:#2f3337;background:#f5f5f5}.hljs-comment{color:#656e77}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta,.hljs-meta-keyword,.hljs-section,.hljs-selector-class,.hljs-selector-pseudo,.hljs-selector-tag{color:#015692}.hljs-attribute{color:#803378}.hljs-built_in,.hljs-literal,.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-title,.hljs-type{color:#b75501}.hljs-link,.hljs-meta-string,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#54790d}.hljs-bullet,.hljs-code{color:#535a60}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}

.btn{
    background:0 0;
    border:1px solid rgba(0,0,0,.1);
    font-family:'Open Sans';
    box-sizing:border-box;
    cursor:pointer;
    font-size:14px;
    font-weight:400;
    line-height: 1;
    /* margin: 18px; */
    padding: 12px 15px;
    text-align: center;
    text-decoration: none;
	display:inline-block;
	outline:none;
	position:relative;
	top:0;
	/* text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); */
    -webkit-transition:.2s ease-in-out;
    -moz-transition:.2s ease-in-out;
    -ms-transition:all .2s ease-in-out 0s;
    transition:.2s ease-in-out
}
.grey{background:#4c4c4c;color:#fff;box-shadow:0 3px 0 #333}
.grey:hover{color:#fff;background:#747373}
.grey:active,.grey:focus{background:#444}
/*
.ash-grey{
    background:rgba(255,255,255,0);
    border-color: rgba(255,255,255,0.5);
    color:rgba(255,255,255,0.9)
}
.ash-grey:hover{
    background:rgba(255,255,255, 0.3);

}
.ash-grey:active,.ash-grey:focus{
    background:rgba(255,255,255,0);

}
*/
.ash-grey{
	
    background:rgb(225, 225, 225,0.9);

}
.ash-grey:hover{
	background:rgba(225, 225, 225,0.8);

}
.ash-grey:active, .ash-grey:focus{
	background:rgb(225, 225, 225);

}




.btn:active{transform:scale(.9)}
.rounded{border-radius:5px}
.full-rounded{border-radius:20em}
pre{
    margin:0;
    background-color:#f5f5f5;
    padding:10px;
    border-radius:5px
}
code{
    font-family:Courier New;
    background-color:#f5f5f5;
    display:block
}
pre code{
    display:block;
    font-size:12px
}
::-webkit-scrollbar{
    width:20px
}
::-webkit-scrollbar-track{
    background-color:transparent
}
::-webkit-scrollbar-thumb{
    background-color:#dfdfdf;
    border-radius:20px;
    border:6px solid transparent;
    background-clip:content-box
}
::-webkit-scrollbar-thumb:hover{
    background-color:#bdbdbd
}
.fluid{
    position:relative;
    width:90%;
    padding:0 18px;
    margin-bottom:-20px;
    font-size:13px
}
.quat{
    display:inline-block;
    position:relative;
    width:24%;
    padding-left:8px;
    margin-bottom:-20px;
    padding-bottom:0;
    font-size:13px
}
.half{
    display:inline-block;
    position:relative;
    width:49%;
    padding-left:18px;
    margin-bottom:-20px;
    padding-bottom:0;
    font-size:13px
}
.tri{
    display:inline-block;
    position:relative;
    width:32%;
    padding-left:8px;
    margin-bottom:-20px;
    padding-bottom:0;
    font-size:13px
}

@media (max-width:576px){
    .fluid{position:relative;width:100%;padding:0 19px;margin-bottom:0;font-size:13px}.quat-left{display:inline-block;position:relative;width:49%;padding-left:10px;margin-bottom:-20px;padding-bottom:0;font-size:13px}.quat-right{display:inline-block;position:relative;width:49%;padding-right:10px;margin-bottom:-20px;padding-bottom:0;font-size:13px}.half{position:relative;width:90%;padding:0 10px;margin-bottom:-20px;font-size:13px}.tri{display:inline-block;position:relative;width:90%;padding:0 10px;margin-bottom:-20px;font-size:13px}
}

.image{border:0;display:inline-block;position:relative}
.image img{display:block}.image.left,.image.right{max-width:40%}
.image.fit img,.image.left img,.image.main img,.image.right img{width:100%}
.image.left{float:left;margin:0 1.5em 1em 0;top:.25em}
.image.right{float:right;margin:0 0 1em 1.5em;top:.25em}
.image.fit{display:block;margin:0 0 2em;width:100%}
.image.main{display:block;margin:0 0 3em;width:100%}

.video-container{position:relative;padding-bottom:53%;padding-top:30px;height:0;margin-left:0;margin-right:0;overflow:hidden}
.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}

/* Image */

.image {
    /*border-radius: 8px;*/
    border: 0;
    display: inline-block;
    position: relative;

}

    .image img {
        /*border-radius: 8px;*/
        display: block;
    }

    .image.left, .image.right {
        max-width: 40%;
    }

        .image.left img, .image.right img {
            width: 100%;
        }

    .image.left {
        float: left;
        margin: 0 1.5em 1em 0;
        top: 0.25em;
    }

    .image.right {
        float: right;
        margin: 0 0 1em 1.5em;
        top: 0.25em;
    }

    .image.fit {
        display: block;
        margin: 0 0 2em 0;
        width: 100%;
    }

        .image.fit img {
            width: 100%;
        }

    .image.main {
        display: block;
        margin: 0 0 3em 0;
        width: 100%;
    }

        .image.main img {
            width: 100%;
        }


.rtable {
    /*!
    // IE needs inline-block to position scrolling shadows otherwise use:
    // display: block;
    // max-width: min-content;
    */
    /* display: inline-block; */
    table-layout:auto;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px;
    text-align:center;
    padding: 0;
    }
    
    .rtable,
    .rtable--flip tbody {
    -webkit-overflow-scrolling: touch;
    
    background: radial-gradient(left, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 0 center,
                radial-gradient(right, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 100% center;
    background-size: 10px 100%, 10px 100%;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat;
    }
    
    .rtable td:first-child,
    .rtable--flip tbody tr:first-child {
    background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
    background-repeat: no-repeat;
    background-size: 20px 100%;
    }
    
    .rtable td:last-child,
    .rtable--flip tbody tr:last-child {
    background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 20px 100%;
    }
    
    .rtable th {
    font-size: 12px;
    text-align: center;
    background: #f5f5f5; 
    }
    
    .rtable th,
    .rtable td {
    padding: 6px 8px;
    border: 1px solid #e4e4e4; 
    }
    
    .rtable--flip {
    display: flex;
    overflow: hidden;
    background: none;
    }
    
    .rtable--flip thead {
    display: flex;
    flex-shrink: 0;
    min-width: min-content;
    }
    
    .rtable--flip tbody {
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    }
    
    .rtable--flip tr {
    display: flex;
    flex-direction: column;
    min-width: min-content;
    flex-shrink: 0;
    }
    
    .rtable--flip td,
    .rtable--flip th {
    display: block;
    }
    
    .rtable--flip td {
    background-image: none !important;
    border-left: 0;
    }
    
    .rtable--flip th:not(:last-child),
    .rtable--flip td:not(:last-child) {
    border-bottom: 0;
    }