/*! CONTENT CSS - common for page and tinymce */


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
:root { --font-size: 14px; }

.mceTmpl { border: 0 !important; padding: 0 !important; }
.ibs { display: block; font-size: 0.000001px; letter-spacing: initial; margin: -10px; overflow: hidden; position: relative; }
    .ibs.justify { text-align: justify; }
    .tinymce .ibs { font-size: 14px; font-size: var(--font-size); margin: 10px 0 !important; /*min-height: 25px;*/ outline: 1px dashed #CCC; padding: 3px; }
.ibs:after { content: ''; display: inline-block; height: 0; width: 100%; }
    .tinymce .ibs:after { display: none; }
.ibs .ib { direction: initial; display: inline-block; font-size: 14px; font-size: var(--font-size); letter-spacing: 0.09em; margin: 0; max-width: 100%; padding: 10px; position: relative; vertical-align: top; }
    .tinymce .ib { min-height: 25px; outline: 1px dashed #CCC; outline-offset: -3px; }
.ibs .ib-12 { width: 100%; }
.ibs .ib-11 { width: 91.66%; }
.ibs .ib-10 { width: 83.33%; }
.ibs .ib-9 { width: 75%; }
.ibs .ib-8 { width: 66.66%; }
.ibs .ib-7 { width: 58.33%; }
.ibs .ib-6 { width: 50%; }
.ibs .ib-5 { width: 41.66%; }
.ibs .ib-4 { width: 33.33%; }
.ibs .ib-3 { width: 25%; }
.ibs .ib-2 { width: 16.66%; }
.ibs .ib-1 { width: 8.33%; }
@media only screen and (max-width: 480px) {
    .ibs { direction: initial !important; }
    .ibs .ib { width: 100%; }
}

.table-wrapper { overflow-x: auto; width: 100%; }
@media only screen and (max-width: 600px) {
    table.flip { clear: both; display: block; white-space: nowrap; width: 100%; }
    table.flip thead { display: block; float: left; }
    table.flip thead tr { display: block; }
    table.flip tbody { display: block; overflow-x: auto; position: relative; width: auto; }
    table.flip tbody tr { display: inline-block; vertical-align: top; }
    table.flip th, table.flip td { display: block; }
}

h1, .h1 { font-size: 34px; font-weight: bold; line-height: 1.2; margin: 0; padding: 8px 0; text-transform: none; }
h2, .h2 { font-size: 28px; font-weight: bold; line-height: 1.2; margin: 0; padding: 8px 0; text-transform: none; } 
h3, .h3 { font-size: 24px; font-weight: bold; line-height: 1.2; margin: 0; padding: 8px 0; text-transform: none; } 
h4, .h4 { font-size: 18px; font-weight: bold; line-height: 1.2; margin: 0; padding: 8px 0; text-transform: none; }
h5, .h5 { font-size: 16px; font-weight: bold; line-height: 1.2; margin: 0; padding: 8px 0; text-transform: none; } 

.con {}

.con ol > li {
    list-style-type: decimal;
    padding: 8px 0;
}
.con ul > li {
    list-style-type: none;
    padding: 8px 0 8px 36px;
    position: relative;
}
.con ul > li:before {
    background: #cf0101;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 7px;
    margin: 6px 13px 0 -20px;
    position: relative;
    vertical-align: top;
    width: 7px;
}

.con .justify {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
    text-align: justify;
}
.con .justify:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.con .download {
    background: url('../images/download.png') no-repeat 11px center;
    color: #cf0101;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 8px 38px;
}

.gallery {
    padding: 25px 0;
}
.gallery .ibs .ib {
    font-size: 0.00001px;
    vertical-align: middle;
}
.gallery .records a {
    display: inline-block;
    overflow: hidden;
}
.gallery .records img {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    will-change: transform;
}
    .gallery .records a:hover img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
.gallery .records span {
    display: block;
    padding: 3px 0;
    text-align: center;
}

.table { 
    display: table;
}
.table .tr {
    display: table-row;
}
.table .td {
    display: table-cell;
}

.shadow {
    display: block;
    padding: 40px 0;
    position: relative;
    z-index: 1;
}
.shadow-t:before,
.shadow-b:after {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
    .shadow-t:before {
        background: url('../images/shadow-b.png') no-repeat center top;
        background-size: contain;
    }
    .shadow-b:after {
        background: url('../images/shadow-t.png') no-repeat center bottom;
        background-size: contain;
    }