/* ------------------------------------------------------------ *\
    Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
    display: block;
}

html {
    tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
}

iframe,
video,
audio,
object {
    max-width: 100%;
}

iframe {
    border: 0 none;
    width: 100%;
    max-width: 100%;
    height: auto;
}

b,
strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

svg:not(:root) {
    overflow: hidden;
}

a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
    cursor: pointer;
}

    a[href^=tel],
    button[disabled],
    input[disabled],
    textarea[disabled],
    select[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    input[type=text],
    input[type=password],
    input[type=date],
    input[type=datetime],
    input[type=datetime-local],
    input[type=month],
    input[type=week],
    input[type=email],
    input[type=number],
    input[type=search],
    input[type=tel],
    input[type=time],
    input[type=url],
    input[type=color],
    textarea,
    a[href^=tel] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        input[type=search]::-webkit-search-cancel-button,
        input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

button,
select {
    text-transform: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

nav ul,
nav ol {
    list-style: none outside none;
}

/* ------------------------------------------------------------ *\
    Base
\* ------------------------------------------------------------ */

body {
    height: 100%;
}

body {
    color: #828282;
    background: #F5F6F8 url('../img/cherti_body.png');
    height: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

h1 {
    font-size: 18px;
    color: #109CF1;
    line-height: 1.2;
    letter-spacing: 0.005em;
}

h2 {
    font-size: 15px;
    color: #192A3E;
    line-height: 1.24;
    letter-spacing: 0.005em;
}

h3 {
    font-size: 14px;
    color: #0a1e58;
    line-height: 1;
    letter-spacing: 0.005em;
}

h4 {
    font-size: 13px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 11px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: 'Caros', sans-serif;
}

p {
    margin-bottom: 0;
}

    p + p {
        margin-top: 10px;
    }

ul,
ol {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

/*a {
    color: inherit;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #109CF1;
    }

    a:focus,
    a:active {
        outline: 0;
    }*/

.table:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
ol:last-child,
ul:last-child,
p:last-child {
    margin-bottom: 0;
}


/* ------------------------------------------------------------ *\
    Wrapper
\* ------------------------------------------------------------ */

.wrapper {
    position: relative;
    min-height: 100%;
    overflow: hidden;
}

/* ------------------------------------------------------------ *\
    Shell
\* ------------------------------------------------------------ */

.shell {
    max-width: 1900px;
    margin: 0 auto;
}

/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */

.header {
}

    .header .container {
        max-width: 1900px;
    }

    .header .header__outer {
        background: url('../img/header.png') no-repeat 0 0;
        background-size: cover;
        background-position: center top;
        background-size: cover;
    }

    .header .header__inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .header .header__content {
        position: relative;
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .header .header__utils {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
    }

    .header .header__widgets {
        padding-top: 6px;
    }

    .header .header__widget {
        padding-bottom: 6px;
    }

        .header .header__widget ul {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
        }

        .header .header__widget li {
            margin-right: 20px;
        }

            .header .header__widget li:last-child {
                margin-right: 0;
            }

    .header .header__login {
        margin-right: 20px;
        padding: 6px 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border: 1px solid #afe1f2;
        border-radius: 7px;
        background: #f4f3f3;
        font-size: 12px;
        font-family: Tahoman, sans-serif;
        color: #009AD9;
    }

        .header .header__login img {
            margin-right: 5px;
        }

        .header .header__login a {
            font-weight: 700;
            text-decoration: underline;
        }

    .header .header__translators {
        position: absolute;
        bottom: -27px;
        right: 10px;
        font-weight: 700;
        text-align: right;
        color: #F29000;
    }

        .header .header__translators a {
            margin: 0 7px;
            text-decoration: none;
        }

            .header .header__translators a:hover {
                text-decoration: underline;
                color: #F29000;
            }

    .header .header__bar {
        margin-top: 1px;
        border-top: 1px solid #e8e6e6;
        border-bottom: 1px solid #e8e6e6;
        background: #fff;
    }

    .header .header__actions {
        display: none;
    }

        .header .header__actions a + a {
            margin-left: 10px;
        }

    .header .header__actions-secondary {
        display: none;
    }

        .header .header__actions-secondary a {
            width: 51px;
            height: 38px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 3px solid #737373;
            border-radius: 5px;
            background: #fff;
        }

@media(max-width: 1023px) {
    .header {
        position: relative;
    }

        .header .header__content {
            position: static;
            width: 100%;
            padding-bottom: 15px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }

        .header .header__translators {
            position: static;
        }

        .header .header__actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        .header .header__actions-secondary {
            display: block;
        }

        .header .header__widgets {
            position: absolute;
            top: 100%;
            left: -15px;
            right: -15px;
            padding: 6px 30px;
            z-index: 1;
            background: #fff;
            opacity: 0;
            transform: translateY(-100%);
            pointer-events: none;
            transition: opacity .3s, transform .3s;
        }

            .header .header__widgets.is-active {
                opacity: 1;
                transform: translateY(0);
                pointer-events: all;
            }

        .header .header__utils {
            flex-direction: column;
        }

        .header .header__login {
            margin-bottom: 10px;
        }
}

@media(max-width: 767px) {
    .header .header__content {
        width: auto;
        margin: 0 -12px;
        padding: 15px 12px;
        background: #fff;
    }

    .header .header__utils {
        width: 100%;
        padding-bottom: 15px;
        order: 0;
    }

    .header .header__login {
        width: 100%;
        margin-right: 0;
    }

    .header .header__search {
        width: 100%;
    }

    .header .header__widgets {
        padding: 10px 30px;
    }

    .header .header__widget li {
        width: 100%;
        margin-right: 0;
    }

    .header__language-select {
        text-align: right;
        margin-top: 10px;
    }

    .header .header__actions {
        order: 1;
    }

    .header .header__actions-secondary {
        order: 1;
    }
}

/* ------------------------------------------------------------ *\
    Logo
\* ------------------------------------------------------------ */

.logo img {
    max-width: 100%;
    height: auto;
}

/* ------------------------------------------------------------ *\
    Search
\* ------------------------------------------------------------ */

.search .search__outer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.search .search__inner {
    position: relative;
    margin-right: 10px;
}

.search .search__field {
    width: 100%;
    height: 30px;
    padding: 0 30px 0 10px;
    border: 1px solid #afe1f2;
    border-radius: 7px;
    background: #fff;
}

.search .search__btn {
    position: absolute;
    top: 48%;
    right: 10px;
    border: 0;
    transform: translateY(-50%);
    background: transparent;
    transition: opacity .3s;
}

    .search .search__btn:hover {
        opacity: .7;
    }

.search label {
    display: none;
}

.search .search__actions button {
    background: transparent;
    border: 0;
    transition: opacity .3s;
}

    .search .search__actions button:hover {
        opacity: .7;
    }

@media(max-width: 767px) {
    .search .search__inner {
        flex: 1;
    }
}

/* ------------------------------------------------------------ *\
    Form Langs
\* ------------------------------------------------------------ */

.form-langs {
    font-size: 12px;
}

    .form-langs .form__controls {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .form-langs span {
        display: inline-block;
        margin: 0 5px;
        color: #000066;
    }

    .form-langs select {
        color: #000;
    }

@media(max-width: 767px) {
    .form-langs .form__controls {
        justify-content: flex-end;
    }
}

/* ------------------------------------------------------------ *\
    Nav
\* ------------------------------------------------------------ */

.nav {
    padding: 6px 0;
}

    .nav ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .nav li {
        border-right: 1px solid #F0EFEF;
    }

    .nav a {
        padding: 0 12px;
        display: flex;
        align-items: center;
        font-weight: 700;
        color: #0077B1;
    }

        .nav a:hover {
            text-decoration: underline;
        }

        .nav a img {
            margin-right: 5px;
        }

@media(max-width: 1023px) {
    .nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1;
        background: #fff;
        opacity: 0;
        transform: translateY(-100%);
        transition: transform .3s, opacity .3s;
        pointer-events: none;
    }

        .nav.is-active {
            opacity: 1;
            transform: translateY(0);
            pointer-events: all;
        }
}

@media(max-width: 767px) {
    .nav ul {
        display: block;
    }

    .nav li {
        width: 100%;
        margin-bottom: 10px;
        border-right: 0;
    }
}

/* ------------------------------------------------------------ *\
    Nav Toggler
\* ------------------------------------------------------------ */

.nav-toggler {
    width: 51px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #737373;
    border-radius: 5px;
    background: #fff;
}

/* ------------------------------------------------------------ *\
    Categories Toggler
\* ------------------------------------------------------------ */


.categories-toggler {
    position: relative;
    width: 51px;
    height: 38px;
    border: 3px solid #737373;
    border-radius: 5px;
    background: #fff;
}

    .categories-toggler span {
        position: absolute;
        left: 0;
        right: 0;
        display: block;
        height: 1px;
        margin: 0 10px;
        border-radius: 9px;
        background: #737373;
        opacity: 1;
        transform: rotate(0deg);
        transition: .2s ease-in-out;
    }

        .categories-toggler span:nth-child(1) {
            top: 8px;
        }

        .categories-toggler span:nth-child(2) {
            top: 14px;
        }

        .categories-toggler span:nth-child(3) {
            top: 20px;
        }

    .categories-toggler.is-active span:nth-child(1) {
        top: 15px;
        transform: rotate(135deg);
    }

    .categories-toggler.is-active span:nth-child(2) {
        opacity: 0;
    }

    .categories-toggler.is-active span:nth-child(3) {
        top: 15px;
        transform: rotate(-135deg);
    }

/* ------------------------------------------------------------ *\
    Section
\* ------------------------------------------------------------ */

.section {
    padding-top: 3px;
}

    .section .container {
        max-width: 1920px;
        padding: 0 3px;
    }

    .section .section__col--size1 {
        flex: 0 0 193px;
    }

    .section .section__col--size2 {
        flex: 0 0 280px;
    }

    .section .section__inner {
        display: flex;
        flex-wrap: wrap;
    }

    .section .section__content {
        flex: 1;
        margin-left: 5px;
        margin-right: 5px;
        border: #D7D7D7 solid 1px;
    }

    .section .section__head {
        padding: 4px 0px 3px 0px;
        border-bottom: #FFFFFF solid 1px;
        background: #EEEEEE url(../img/bg_curent.png) no-repeat center bottom;
        text-align: center;
    }

        .section .section__head h2 {
            margin: 0;
            font-size: 13px;
            font-weight: bold;
            color: #0077B1;
        }

    .section .section__body {
        padding: 10px;
        border: #EEEEEE solid 1px;
        background: #FFFFFF;
    }

    .section .section__entry p {
        margin-bottom: 15px;
    }

@media(max-width: 1023px) {
    .section .section__content {
        margin-left: 0;
    }
}

@media(max-width: 767px) {
    .section {
        padding: 15px 0;
    }

        .section .container {
            padding: 0 15px;
        }

        .section .section__content {
            margin-right: 0;
        }

        .section .section__col--size1,
        .section .section__col--size2 {
            flex: 0 0 100%;
        }
}

/* ------------------------------------------------------------ *\
    Sidebar
\* ------------------------------------------------------------ */

.sidebar {
    padding: 10px 5px 10px;
    border: 1px solid #D7D7D7;
    background: url('../img/bg_left_side_photo.png') no-repeat 0 0;
    background-size: 100% 100%;
}

@media(max-width: 767px) {
    .sidebar {
        margin-top: 15px;
        flex: 0 0 100%;
    }
}

/* ------------------------------------------------------------ *\
    Aside
\* ------------------------------------------------------------ */

.aside {
    height: 100%;
    border: 1px solid #A6D0DE;
    background-size: 100% 100%;
    background: url('../img/bg_left_side.png') left top repeat-y;
}

    .aside .aside__inner {
        height: 100%;
        background: url('../img/bg_left_side_photo.png') left bottom no-repeat;
    }

@media(max-width: 1023px) {
    .aside {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1;
        opacity: 0;
        transform: translateY(-100%);
        pointer-events: none;
        transition: opacity .3s, transform .3s;
    }

        .aside.is-active {
            opacity: 1;
            transform: translateY(0);
            pointer-events: all;
        }
}

/* ------------------------------------------------------------ *\
    Nav Secondary
\* ------------------------------------------------------------ */

.nav-secondary {
    border: 1px solid #7496ce;
}

    .nav-secondary > ul > li > a {
        position: relative;
        padding: 4px 3px;
        display: flex;
        align-items: center;
        background-color: #33cbff;
        background-image: url(../img/blue-bg.png);
        background-repeat: repeat;
        background-size: contain;
        background-position: 50% 50%;
        font: bolder 12px/31px "Segoe UI", Arial, sans-serif;
        color: #fff;
        transition: background .3s, color .3s;
    }

        .nav-secondary > ul > li > a:hover {
            background-image: url(../img/yellow-bg.png);
            background-position: 50% 50%;
            color: #0f3789;
        }

        .nav-secondary > ul > li > a img {
            margin-top: -3px;
            margin-right: 3px;
        }

    .nav-secondary a i {
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #8ba7d3;
        border-radius: 3px;
    }

        .nav-secondary a i svg {
            transition: transform .3s;
        }

    .nav-secondary a[aria-expanded="true"] i svg {
        transform: rotate(180deg);
    }

    .nav-secondary .dropdown-menu-outer {
        background: #7dd7fb;
        color: #fff;
    }

    .nav-secondary .dropdown-menu-primary {
        padding: 1px;
    }

        .nav-secondary .dropdown-menu-primary a {
            position: relative;
            padding: 3px 6px 3px 15px;
            display: flex;
            align-items: flex-start;
            border: 1px solid transparent;
            font-size: 12px;
            font-family: "Segoe UI", Arial, sans-serif;
            font-weight: 700;
            color: #fff;
            transition: background .3s, color .3s, border .3s;
        }

            .nav-secondary .dropdown-menu-primary a:hover {
                background: #fed000;
                color: #0f3789;
                border-color: #fea733;
            }

            .nav-secondary .dropdown-menu-primary a img {
                margin-right: 3px;
            }

            .nav-secondary .dropdown-menu-primary a i {
                border: 0;
            }

        .nav-secondary .dropdown-menu-primary .dropdown-menu-primary a {
            padding-left: 30px;
        }

/* ------------------------------------------------------------ *\
    Widget
\* ------------------------------------------------------------ */


.widget {
    margin-bottom: 20px;
    padding: 1px;
    border: 1px solid #b7d4e5;
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 0 5px 7px rgba(222, 233, 241, .8);
}

    .widget .widget__head {
        padding: 9px 20px;
        border-bottom: 1px solid #e7eff5;
    }

    .widget .widget__title {
        font-weight: 700;
        color: #0E4097;
    }

        .widget .widget__title img {
            margin-right: 10px;
        }

    .widget .widget__body {
        padding: 10px 12px 10px 18px;
    }

/* ------------------------------------------------------------ *\
    Event
\* ------------------------------------------------------------ */

.event {
    margin-bottom: 10px;
    font-size: 13px;
    color: #828282;
}

    .event h4 {
        font-weight: 700;
        color: #828282;
    }

    .event .event__body img {
        display: block;
        margin: 3px auto;
        text-align: center;
    }

    .event .event__body a {
        text-decoration: underline;
    }

        .event .event__body a:hover {
            text-decoration: none;
        }

    .event .event__actions {
        padding-top: 5px;
        text-align: right;
    }

        .event .event__actions a {
            transition: opacity .3s;
        }

            .event .event__actions a:hover {
                opacity: .7;
            }

/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */

.footer {
    margin-top: 3px;
    padding-top: 1px;
    border-top: 1px solid #D2D4D4;
    background: #fff;
    color: #000;
}

    .footer .container {
        max-width: 990px;
    }

    .footer .footer__outer {
        padding: 10px 0;
        background-image: url(../img/cherti_footer.png);
    }

    .footer .footer__nav {
        height: 100%;
    }

        .footer .footer__nav li {
            position: relative;
            margin-top: 2px;
            padding-left: 25px;
        }

            .footer .footer__nav li:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 6px;
                height: 6px;
                background-image: url(../img/bullet.png);
                background-position: 50% 50%;
                background-repeat: no-repeat;
                background-size: cover;
            }

        .footer .footer__nav a {
            color: #000;
        }

            .footer .footer__nav a:hover {
                text-decoration: underline;
            }

    .footer .footer__subscribe input {
        padding: 1px 6px;
    }

    .footer .footer__logo {
        margin-top: 20px;
    }

        .footer .footer__logo img {
            max-width: 100%;
            height: auto;
        }

    .footer .footer__border--left {
        border-left: 1px solid #D8D9D9;
    }

    .footer .footer__border--right {
        border-right: 1px solid #FCFCFC;
    }

    .footer .footer__bar {
        padding: 15px 0;
        background: #CED1D2;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }

@media(max-width: 767px) {
    .footer .footer__outer {
        padding-bottom: 25px;
    }
}

/* ------------------------------------------------------------ *\
    Socials
\* ------------------------------------------------------------ */

.socials {
    margin-bottom: 15px;
}

    .socials strong {
        display: block;
        margin-bottom: 15px;
    }

    .socials ul {
        padding: 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border: 1px solid #8a8a8a;
        border-radius: 3px;
        background: #fff;
        font-size: 12px;
        list-style: none;
    }

    .socials li {
        margin-right: 4px;
    }

        .socials li:last-child {
            margin-right: 0;
        }

@media(max-width: 767px) {
    .socials {
        margin-top: 20px;
    }
}







/*.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            background-color: #eeeeee;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager:before,
    .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager:before,
    .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
    }*/