<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(../css.html);

html,
body {
    padding   : 0;
    margin    : 0;
    background: #ececec;
}

header.header {
    position     : fixed !important;
    top          : 0;
    left         : 0;
    width        : 100%;
    background   : #fff;
    border-bottom: 3px solid #95b;
    z-index      : 10001;
    padding      : 3px 0
}

.menu {
    -webkit-box-flex : 1;
    -ms-flex-positive: 1;
    flex-grow        : 1;
    margin-right     : 60px
}

.menu ul li a {
    font-size         : 14.7px;
    line-height       : 1.36;
    letter-spacing    : .29px;
    color             : #5b5b5b;
    -webkit-transition: color .25s ease;
    transition        : color .25s ease;
    font-family       : Raleway;
    -moz-transition   : color .25s ease;
    -ms-transition    : color .25s ease;
    -o-transition     : color .25s ease;
}

.logo-sabah {
    display: block
}

header.header nav {
    padding: 8px 0
}

.header-content {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between
}

.logo-sabah i {
    width              : 52px;
    height             : 21px;
    background-position: -3px -2px
}

.search a {
    display: block
}

.search a.active i {
    background-position: -82px -60px
}

.header-search a.logo-sabah {
    display      : block;
    margin-right : 20px;
    padding-right: 18px;
    border-right : 1px solid rgb(91 91 91/.7)
}

.menu ul li a:hover {
    color: #95b
}

.header-content .hamburger-menu {
    display            : block;
    z-index            : 1;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
    position           : relative;
    margin-right       : 30px
}

.header-content .hamburger-menu input {
    display              : block;
    width                : 27px;
    height               : 32px;
    position             : absolute;
    top                  : -7px;
    left                 : -5px;
    cursor               : pointer;
    opacity              : 0;
    z-index              : 2;
    -webkit-touch-callout: none
}

.header-content .hamburger-menu span {
    display                 : block;
    width                   : 27px;
    height                  : 3px;
    margin-bottom           : 5px;
    position                : relative;
    background              : rgb(153 85 187);
    border-radius           : 3px;
    z-index                 : 1;
    -webkit-transform-origin: 4px 0;
    transform-origin        : 4px 0;
    -webkit-transition      : background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition              : background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition              : transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;
    transition              : transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
}

.header-content .hamburger-menu span:first-child {
    -webkit-transform-origin: 0 0;
    transform-origin        : 0 0
}

.header-content .hamburger-menu span:nth-last-child(2) {
    -webkit-transform-origin: 0 100%;
    transform-origin        : 0 100%;
    background              : rgb(153 85 187/68%)
}

.header-content .hamburger-menu span:nth-last-child(3) {
    background: rgb(153 85 187/43%)
}

.header-content .hamburger-menu.show span {
    opacity          : 1;
    -webkit-transform: rotate(45deg) translate(-6px, -10px);
    transform        : rotate(45deg) translate(-6px, -10px)
}

.header-content .hamburger-menu.show span:nth-last-child(3) {
    opacity          : 0;
    -webkit-transform: rotate(0deg) scale(.2);
    transform        : rotate(0deg) scale(.2)
}

.header-content .hamburger-menu.show span:nth-last-child(2) {
    -webkit-transform: rotate(-45deg) translate(-6px, 11px);
    transform        : rotate(-45deg) translate(-6px, 11px)
}

.header-content .hamburger-menu.show ul {
    -webkit-transform: none;
    transform        : none
}

.header-content .mediaShare {
    bottom           : 0;
    -webkit-box-flex : 1;
    -ms-flex-positive: 1;
    flex-grow        : 1;
    max-width        : 70px
}

.header-content .mediaShare.custom {
    overflow          : hidden;
    -webkit-box-shadow: 0 -2px 9px 0 rgba(0, 0, 0, .3);
    box-shadow        : 0 -2px 9px 0 rgba(0, 0, 0, .3)
}

.header-content .mediaShare ul {
    width         : 100%;
    display       : inline-block;
    vertical-align: top;
    padding       : 0;
}

.header-content .mediaShare ul li {
    width: calc(33.33% - 7px);
    float: left
}

.header-content .mediaShare ul li a {
    display           : block;
    text-align        : center;
    -webkit-transition: all .25s ease-in-out;
    transition        : all .25s ease-in-out
}

.header-content .mediaShare ul li+li {
    margin-left: 10px
}

.header-content .mediaShare ul li a.flipboard {
    background-position: -120px 0
}

.header-content .mediaShare ul li a.youtube {
    background-position: -160px 0
}

.header-content .mediaShare ul li a.rss {
    background-position: -200px 0
}

.header-content .mediaShare ul li a.flipboard:hover {
    background-position: -120px -40px
}

.header-content .mediaShare ul li a.youtube:hover {
    background-position: -160px -40px
}

.header-content .mediaShare ul li a.rss:hover {
    background-position: -200px -40px
}

.mediaShare a.ytb {
    background: red !important
}

.mediaShare a.ytb:hover {
    color     : red !important;
    background: #fff !important
}

.logo {
    margin-right     : 20px;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
}

.header-search {
    margin-left: 20px
}

.header-search-container {
    opacity           : 0;
    visibility        : hidden;
    position          : absolute;
    left              : 0;
    bottom            : -63px;
    width             : 100%;
    height            : 60px;
    background        : #95b;
    -webkit-transition: .2s linear;
    transition        : .2s linear
}

.header-search-container.active {
    opacity   : 1;
    visibility: visible
}

.header-search-content {
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    height            : 40px;
    margin            : 10px 0;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .4);
    box-shadow        : 0 0 7px 0 rgba(0, 0, 0, .4)
}

.header-search-content input {
    width      : 100%;
    height     : 100%;
    background : #fff;
    padding    : 5px 10px;
    font-size  : 15px;
    line-height: 40px;
    color      : #95b
}

.header-search-content input::-webkit-input-placeholder {
    color: #95b
}

.header-search-content input::-moz-placeholder {
    color: #95b
}

.header-search-content input::-ms-input-placeholder {
    color: #95b
}

.header-search-content button {
    width     : 50px;
    height    : 100%;
    background: #ba8cd1;
    position  : relative
}

.header-search-content button:before {
    content          : "";
    position         : absolute;
    top              : 50%;
    left             : 50%;
    width            : 30px;
    height           : 30px;
    background       : url(../images/sprite.png) no-repeat 0 -90px;
    -webkit-transform: translate(-50%, -50%) scale(.8);
    transform        : translate(-50%, -50%) scale(.8)
}

.header-sub-menu {
    background-color: #fff;
    margin-top      : -20px;
    position        : relative;
    margin-bottom   : 10px
}

.header-sub-menu:before {
    content         : "";
    width           : 50%;
    height          : 100%;
    background-color: #95b;
    position        : absolute;
    top             : 0;
    left            : 0;
    z-index         : 1
}

.header-sub-menu .container {
    position: relative;
    z-index : 2
}

.header-sub-menu-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height : 60px
}

.header-sub-menu-content h1,
.header-sub-menu-content h2,
.header-sub-menu-content h3 {
    min-width        : 100px;
    max-width        : 250px;
    height           : 100%;
    padding-right    : 10px;
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    background-color : #95b;
    font-size        : 17px;
    color            : #fff
}

.header-sub-menu-content ul {
    background-color : #fff;
    -webkit-box-flex : 1;
    -ms-flex-positive: 1;
    flex-grow        : 1;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex
}

.header-sub-menu-content ul li {
    -webkit-box-flex : 0;
    -ms-flex-positive: 0;
    flex-grow        : 0;
    -ms-flex         : 1 1 auto;
    flex             : 1 1 auto
}

.header-sub-menu-content ul li a {
    height            : 100%;
    position          : relative;
    font-size         : 15px;
    line-height       : 1;
    color             : #95b;
    padding           : 0 10px;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    text-align        : center;
    -webkit-transition: .2s linear;
    transition        : .2s linear;
    font-family       : Raleway;
    font-weight       : 600;
}

.header-sub-menu-content ul li a:hover {
    background-color: #95b;
    color           : #fff
}

.header-sub-menu-content ul li.selected a:after {
    content      : "";
    width        : calc(100% - 20px);
    height       : 0;
    border-bottom: 2px solid #95b;
    position     : absolute;
    bottom       : 8px;
    left         : 10px
}

.header-sub-menu-content ul li.selected h1,
.header-sub-menu-content ul li.selected h2,
.header-sub-menu-content ul li.selected h3 {
    width           : auto;
    -webkit-box-flex: 1;
    -ms-flex        : auto;
    flex            : auto;
    display         : block;
    font-size       : inherit;
    background      : none
}

.header-sub-menu.type-02 {
    background-color: #95b
}

.header-sub-menu.type-02:before {
    display: none
}

.header-sub-menu.type-02 .header-sub-menu-content {
    height: 50px
}

.header-sub-menu.type-02 .header-sub-menu-content ul {
    background: transparent
}

.header-sub-menu.type-02 .header-sub-menu-content ul li a {
    color: #fff
}

@media (max-width: 1440px) {
    .menu ul li a {
        font-size: 13px
    }

    .menu {
        margin-right: 10px
    }
}

@media (max-width: 1200px) {
    .logo {
        margin-right: 20px
    }

    .header-search {
        margin-left: 20px
    }
}

@media (max-width: 992px) {
    .header-content {
        position      : relative;
        padding-bottom: 50px
    }

    .header-content .hamburger-menu,
    .logo {
        margin-right: 0
    }

    .header-search {
        margin-left: 0
    }

    .menu {
        position: absolute;
        left    : 0;
        bottom  : 0;
        width   : 100%
    }

    .menu ul li {
        -webkit-box-flex: 1;
        -ms-flex        : 1 1 auto;
        flex            : 1 1 auto;
        text-align      : center
    }

    .menu ul li a {
        display: block;
        padding: 10px 0
    }

    .header-sub-menu-content h1 {
        font-size: 15px;
        width    : 140px
    }

    .header-sub-menu-content ul li a {
        font-size: 12px
    }

    .header-content .mediaShare {
        margin-left : auto;
        margin-right: 10px
    }

    .logo {
        position         : absolute;
        left             : 50%;
        -webkit-transform: translate(-50%);
        transform        : translate(-50%)
    }
}

@media (max-width: 767px) {
    header.header {
        padding: 0
    }

    .logo img {
        width: 93px
    }

    .header-content {
        height          : 54px;
        -webkit-box-pack: center;
        -ms-flex-pack   : center;
        justify-content : center
    }

    .header-search,
    .menu {
        display: none
    }

    .header-content {
        padding-bottom: 0
    }

    .header-search a.logo-sabah {
        margin-right : 15px;
        padding-right: 15px
    }

    .header-content .hamburger-menu {
        display            : block;
        z-index            : 1;
        -webkit-user-select: none;
        -moz-user-select   : none;
        -ms-user-select    : none;
        user-select        : none;
        position           : relative;
        margin-right       : 30px;
        position           : absolute;
        top                : 16px;
        left               : 20px
    }

    .header-sub-menu-content h1 {
        font-size  : 14px;
        width      : 86px;
        text-align : center;
        line-height: 1.5
    }

    .header-sub-menu-content ul {
        display   : -webkit-box;
        display   : -ms-flexbox;
        display   : flex;
        overflow-x: scroll
    }

    .header-sub-menu-content ul li {
        -ms-flex-negative: 0;
        flex-shrink      : 0
    }
}

.sprite {
    background: url(../img/sprite.png) no-repeat;
    display   : block
}

.search-icon {
    width              : 17px;
    height             : 17px;
    background-position: -61px -4px
}

.header-container {
    max-width    : 1160px;
    margin       : 0 auto;
    padding-left : 10px;
    padding-right: 10px;
}

.menu-ul {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    padding        : 0;
}

header li {
    list-style-type: none;
}

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

header a {
    text-decoration: none;
}


.container {
    max-width : 1000px;
    margin    : 0 auto;
    padding   : 60px 15px 15px;
    background: #fff;
}

.container {
    font-family: Raleway, Helvetica, sans-serif;
    font-weight: 400;
    font-size  : 19px;
    line-height: 1.5;
}

h1 {
    font-size  : 40px;
    line-height: 1.2;
    margin     : 20px 0 20px;
    font-weight: 600;
}

.red-txt {
    color: red;
}

p {
    margin: 0 0 20px;

}

.container&gt;div {
    margin-bottom: 20px;
}

.doc-block {
    display    : flex;
    align-items: center;
}

.doc-block div {
    padding-left: 20px;
}

.container img {
    max-width: 100%;
}

.container&gt;img {
    display: block;
    margin : 0 auto 20px;
}

.bold-txt,
.bold-txt * {
    font-weight: 700;
}

.i-txt {
    font-style: italic;
}

.color-2 {
    color: #cc0000;
}

.h2 {
    font-size  : 1.2em;
    line-height: 1.3;
}

.container ul {
    padding: 0 0 0 20px;
    margin : 0 0 20px;
}

.container li:not(:last-child) {
    padding-bottom: 10px;
}

figure {
    margin    : 0 auto 20px;
    max-width : 700px;
    text-align: center;
}

figure img {
    margin-bottom: 0;
}

.slick-prev:before,
.slick-next:before {
    color: #9955bb;
}

.slick-slider {
    max-width: 530px;
    margin   : 0 auto 20px;
}

.slick-prev:before,
.slick-next:before {
    font-size: 40px;
}

.slick-prev,
.slick-next {
    width  : 40px;
    height : 40px;
    z-index: 1;
}

.slick-prev {
    left: -40px;
}

.slick-next {
    right: -40px;
}

.slick-slide img {
    margin: 0 auto;
}

.green-bg {
    background: #13a2132b;
    border    : 1px green solid;
}

.green-bg p {
    padding: 10px;
    margin : 0;
}

.green-bg p:not(:last-child) {
    border-bottom: 1px green solid;
}

.green-bg-2 {
    padding   : 10px;
    background: #13a2132b;
    border    : 3px red dotted;
    font-size : 1.1em;
}

table {
    border    : 1px green solid;
    background: #2eaa2e2b;
}

table tr:nth-child(2n) {
    background: #13a2132b;
}

table tr:nth-child(2n) td,
table tr:nth-child(2n)+tr td {
    border-top: 1px green solid;
}

table td:first-child {
    border-right: 1px green solid;
}

table td {
    padding: 10px;
}

.container ol {
    padding-left: 20px;
}

.imp-block {
    padding: 10px;
    border : 4px red dashed;
}

.single-item-2 {
    background: #9955bb26;
}

.single-item-2 .slick-slide {
    padding: 10px;
}

.single-item-2 .slick-slide img:not(:last-child) {
    margin-bottom: 20px;
}

.upper {
    text-transform: uppercase;
}

.prod_left_val-block {
    background : red;
    color      : #fff;
    font-weight: 700;
    font-size  : 40px;
    display    : inline-block;
    padding    : 0 10px 3px;
}

.price-block {
    font-size    : 24px;
    text-align   : center;
    margin-bottom: 20px;
    font-family  : Arial, Helvetica, sans-serif;
}

.price-block b {
    padding-left: 8px;
    color       : #9955bb;
}

.order_form {
    max-width: 350px;
    margin   : 0 auto;
}

.inp {
    -moz-appearance: none;
    appearance     : none;
    width          : 100%;
    margin-bottom  : 10px;
    border         : 1px #9955bb solid;
    padding        : 0 10px;
    height         : 46px;
    font-size      : 19px;
    box-sizing     : border-box;
}

.btn {
    width : 100%;
    color : #fff;
    height: 46px;
    cursor: pointer;
    background: linear-gradient(93.06deg,
            #3277b9 8.35%,
            #6968ce 34.63%,
            #b500ff 83.13%);
    border     : 0;
    font-weight: 700;
    font-size  : 24px;
}

.prod-block {
    display : inline-block;
    position: relative;
}

.prod-circle {
    position             : absolute;
    width                : 100px;
    height               : 100px;
    font-size            : 22px;
    color                : #fff;
    text-align           : center;
    background           : rgb(190, 143, 213);
    background           : radial-gradient(circle, rgba(190, 143, 213, 1) 0%, rgba(153, 85, 187, 1) 54%);
    border-radius        : 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius   : 100%;
    -ms-border-radius    : 100%;
    -o-border-radius     : 100%;
    font-weight          : 600;
    padding-top          : 20px;
    box-sizing           : border-box;
    top                  : 1%;
    right                : 2%
}

.comm-ttl {
    font-weight: 600;
    font-size  : 1.3em;
    margin-top : 30px;
}

.comm-block {
    padding      : 10px;
    border-bottom: 1px solid #fff;
    background   : #edeff4;
    display      : flex;
    align-items  : flex-start;
    font-size    : 15px;
}

.comm-block p {
    margin: 0 0 2px;
}

.add-links {
    font-size: 13px;
}

.ava-img {
    width : 50px;
    height: 50px;
}

.comm-txt {
    width      : 100%;
    margin-left: 10px;
    position   : relative;
    margin-top : -3px;
}

.comm-txt img {
    display   : block;
    margin-top: 6px;
    width     : 80%;
    max-width : 350px;
}

.reply {
    padding-left: 30px;
}

.add-comm {
    height  : 100%;
    overflow: hidden;
}

.textbox {
    width        : 100%;
    font-size    : 16px;
    padding      : 4px 5px;
    border       : 1px #bbb solid;
    margin-bottom: 10px;
    box-sizing   : border-box;
}

.error {
    color       : red;
    font-size   : 13px;
    position    : relative;
    margin-top  : -10px;
    display     : none;
    padding-left: 5px;
}

.sendcomment {
    text-decoration: underline;
    cursor         : pointer;
}

.add-comm .comm-txt {
    margin-top: 0;
}

#first-comment {
    display: none;
}


@media screen and (max-width: 992px) {
    .container {
        padding-top: 100px;
    }
}

@media screen and (max-width: 768px) {
    .container {
        padding-top: 60px;
    }
}

@media screen and (max-width: 640px) {
    .slick-slider {
        max-width: 80%;
    }
}

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

    .header-search,
    .mediaShare {
        display: none;
    }

    h1 {
        font-size: 32px;
    }

    .doc-block {
        display: block;
    }

    .doc-block img {
        display: block;
        margin : 0 auto 20px;
    }

    .doc-block div {
        padding: 0;
    }

    table {
        font-size: 16px;
    }

    .prod-circle {
        width      : 80px;
        height     : 80px;
        font-size  : 20px;
        padding-top: 12px;
    }
}

.blur {
    filter        : blur(15px);
    -webkit-filter: blur(15px);
    cursor        : pointer;
}


@import url('../css_1.html');


.snipcss-Kd1fp {
    background-color: #c00;

}

.snipcss-Kd1fp .header__top {
    background-color: #c00;

}

.snipcss-Kd1fp .header {
    box-shadow   : 0 0.3em 0.6em rgba(0, 0, 0, 0.07);
    margin-bottom: 20px;
}

.snipcss-Kd1fp {
    max-width   : 1030px;
    margin-left : auto;
    margin-right: auto;
    width       : 1030px;
    padding     : 20px 0;
}

.snipcss-Kd1fp {
    display: flex;

    padding    : 0;
    align-items: center;
    position   : relative;


    display        : flex;
    justify-content: space-between;
}



.header__logo {
    width : 80px;
    margin: 5px 0;
}

.header__icons {
    display    : flex;
    align-items: center;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}


.snipcss-Kd1fp:after {
    display: mome;
}

.snipcss-Kd1fp a {
    text-decoration   : none;
    color             : #303030;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
}

.snipcss-Kd1fp a:hover {
    color: var(--site-primary-color);
}

.header__icons&gt;span {
    margin-left: 10px;
}

.header__icons span {
    padding: 5px;
    cursor : pointer;
}

.header__icons .icon-user {
    position: relative;
}

.snipcss-Kd1fp .search {
    position             : absolute;
    top                  : 14px;
    right                : 133px;
    background           : rgba(0, 0, 0, 0.15);
    border-radius        : 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius   : 6px;
    -ms-border-radius    : 6px;
    -o-border-radius     : 6px;
    overflow             : hidden;
    height               : 40px;
    width                : 300px;
    display              : -webkit-box;
    display              : -webkit-flex;
    display              : -moz-flex;
    display              : -ms-flexbox;
    display              : flex;
}

.snipcss-Kd1fp .header__icons span&gt;span {
    margin : 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.snipcss-Kd1fp button {
    background: transparent;
}

.snipcss-Kd1fp .search button {
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : -moz-flex;
    display        : -ms-flexbox;
    display        : flex;
    align-items    : center;
    justify-content: center;
    height         : 40px;
    width          : 54px;
    cursor         : pointer;
}

.snipcss-Kd1fp input {
    border: 0;
}

.snipcss-Kd1fp button {
    border: none;
}

.snipcss-Kd1fp input::placeholder {
    color: white;
}

.search input {
    height      : 40px;
    width       : calc(100% - 54px);
    padding-left: 10px;
    background  : transparent;
    color       : #FFFFFF;
    font-size   : 16px;
}

.snipcss-Kd1fp img {
    width  : 100%;
    height : auto;
    display: block;
}

.header__logo img {
    position: relative;
    z-index : 1;
}

.snipcss-Kd1fp .icon {
    width  : 16px;
    height : 16px;
    display: inline-block;
}

.header__icons svg {
    color: #FFFFFF;
    fill : #FFFFFF;
}

.header__icons .icon-weather svg {
    width   : 20px;
    height  : 20px;
    position: relative;
    top     : -1px;
    margin  : 0 -6px;
}</pre></body></html>