html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}:focus{outline:0}table{border-collapse:collapse;border-spacing:0}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/css/fonts/RobotoCondensed-Medium.woff2') format('woff2'),
    url('/css/fonst/RobotoCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('/css/fonts/RobotoCondensed-Bold.woff2') format('woff2'), url('/css/fonts/RobotoCondensed-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('/css/fonts/RobotoCondensed-SemiBold.woff2') format('woff2'),
    url('/css/fonts/RobotoCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('/css/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
    url('/css/fonts/RobotoCondensed-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rubik';
    src: url('/css/fonts/Rubik-Medium.woff2') format('woff2'),
    url('/css/fonts/Rubik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rubik';
    src: url('/css/fonts/Rubik-Regular.woff2') format('woff2'),
    url('/css/fonts/Rubik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-base: "Rubik";
    --font-header: "Roboto Condensed";
    --color-base: #333333;
    --color-bright-cyan: rgba(0, 183, 198, 1);
    --color-light-cyan: rgb(230, 248, 250);
    --color-blue: rgb(25, 100, 126);
    --color-dark-blue: rgb(18, 70, 88);
    --btn-border-radius: 10px;
    --transition-duration: 0.2s;
    --max-content-length: 1200px;
    --color-href-on-white: var(--color-bright-cyan);
    --mob-default-radius: 32px;
}

a, button {
    transition: var(--transition-duration);
}
a {
    text-decoration: none;
    color: var(--color-bright-cyan);
}
a.href-on-white {
    color: var(--color-href-on-white);
}
a:hover {color: var(--color-blue);}

.a-bright {color: var(--color-bright-cyan);}
.a-bright:hover {color: var(--color-blue);}
.a-dark {color: var(--color-blue);}
.a-dark:hover {color: var(--color-dark-blue);}

.red-text {color: red;}

body {
    color: #333333;
    font-family: var(--font-base), sans-serif;
    font-size: 16px;
    /* cursor: url(/images/christmas_1.png), auto; */
}
button, input[type="button"] {cursor: pointer;}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-header), sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin: 10px 0 0 0;
}
h1 {
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 84px 0 0 0;
}
h2 {
    font-size: 48px;
    line-height: 56px;
    margin: 84px 0 0 0;
}
h3 {
    font-size: 36px;
    line-height: 40px;
}
h4 {
    font-size: 32px;
    line-height: 36px;
}
h5 {
    font-size: 28px;
    line-height: 32px;
}
h6 {
    font-size: 24px;
    line-height: 28px;
}

.content-main, .main-container {
    width: var(--max-content-length);
    margin: 0 auto;
}

.button {
    cursor: pointer;
    border-radius: var(--btn-border-radius);
    background-color: var(--color-bright-cyan);
    height: 56px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-header), sans-serif;
    font-weight: 500;
    font-size: 19px;
    border: none;
    box-sizing: border-box;
    transition: var(--transition-duration);
}
.button:hover, .button:focus {background-color: var(--color-blue);}
.button.btn-loading, .loading-icon-bg {
    color: transparent;
    background-image: url("/images/icons/btn_loading2.gif");
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.button.btn-after-response {
    background-color: transparent;
    color: var(--color-blue);
}


.pretty-scroll-y {
    overflow-y: scroll;
}
.pretty-scroll-y::-webkit-scrollbar {
    width: 3px;
    height: 8px;
    background-color: #ffffff;
}
.pretty-scroll-y::-webkit-scrollbar-thumb {
    background: rgb(193, 212, 229);
}
div.breads-container {
    margin: 10px auto;
    font-size: 16px;
    width: var(--max-content-length);
    text-align: center;
}
div.breads-container a {
    color: var(--color-bright-cyan);
}
div.breads-container a:hover {
    color: var(--color-blue);
}
p {
    font-family: var(--font-base), sans-serif;
    font-weight: 400;
    line-height: 23px;
    font-size: 16px;
}

ol.breads-schema {
    margin: 10px auto;
    font-size: 16px;
    width: var(--max-content-length);
    text-align: center;
    padding: 0;
}
ol.breads-schema li {
    display: inline-block;
    padding: 0;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.text-main-header {
    font-family: var(--font-header), sans-serif;
    color: #333333;
    font-size: 48px;
    line-height: 52px;
    font-weight: 500;
}


.base-input {
    box-sizing: border-box;
    height: 58px;
    border-radius: var(--btn-border-radius);
    font-family: var(--font-base), sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 58px;
    padding: 0 17px;
    border: none;
}


.cartrcolor0 {color: #000;}
.cartrcolor1 {color: #000;}
.cartrcolor2 {color: rgb(0, 196, 255);}
.cartrcolor3 {color: #FC0;}
.cartrcolor4 {color: rgb(255, 0, 188);}
.cartrcolor5 {color: rgb(5, 0, 87);}
.cartr-bg-color0 {background-color: #000;}
.cartr-bg-color1 {background-color: #000;}
.cartr-bg-color2 {background-color: rgb(0, 196, 255);}
.cartr-bg-color3 {background-color: #FC0;}
.cartr-bg-color4 {background-color: rgb(255, 0, 188);}
.cartr-bg-color5 {background-color: rgb(5, 0, 87);}
ul {
    list-style: square;
    padding: 12px 0 0 17px;
    font-size: 16px;
    font-family: var(--font-base), sans-serif;
    line-height: 18px;
}
ol {
    padding: 0 0 0 23px;
    font-size: 16px;
    font-family: var(--font-base), sans-serif;
    line-height: 22px;
    list-style-type: decimal;
}
li {
    padding: 4px 0 4px 6px;
}




.brand1 {background-image: url("/images/brands/brand-icon2025-brother.png");}
.brand2 {background-image: url("/images/brands/brand-icon2025-canon.png");}
.brand3 {background-image: url("/images/brands/brand-icon2025-dell.png");}
.brand4 {background-image: url("/images/brands/brand-icon2025-epson.png");}
.brand5 {background-image: url("/images/brands/brand-icon2025-hp.png");}
.brand6 {background-image: url("/images/brands/brand-icon2025-konica.png");}
.brand7 {background-image: url("/images/brands/brand-icon2025-kyocera.png");}
.brand8 {background-image: url("/images/brands/brand-icon2025-lexmark.png");}
.brand9 {background-image: url("/images/brands/brand-icon2025-oki.png");}
.brand10 {background-image: url("/images/brands/brand-icon2025-panasonic.png");}
.brand11 {background-image: url("/images/brands/brand-icon2025-pantum.png");}
.brand12 {background-image: url("/images/brands/brand-icon2025-philips.png");}
.brand13 {background-image: url("/images/brands/brand-icon2025-ricoh.png");}
.brand14 {background-image: url("/images/brands/brand-icon2025-samsung.png");}
.brand15 {background-image: url("/images/brands/brand-icon2025-sharp.png");}
.brand16 {background-image: url("/images/brands/brand-icon2025-toshiba.png");}
.brand17 {background-image: url("/images/brands/brand-icon2025-xerox.png");}
.brand18 {background-image: url("/images/brands/brand-icon2025-huawei.png");}
.brand19 {background-image: url("/images/brands/brand-icon2025-deli.png");}
.brand20 {background-image: url("/images/brands/brand-icon2025-hiper.png");}
.brand21 {background-image: url("/images/brands/brand-icon2025-avision.png");}
.brand22 {background-image: url("/images/brands/brand-icon2025-katusha.png");}

div.kw_id{font-size:11px;font-family:Verdana, "Tahoma", "Arial", "Helvetica CY", sans-serif;font-weight:normal;color:#ff9b9b;z-index:1100;position:fixed;top:0;right:0;padding:0;text-align:right;background-color:transparent;}

.form_close_button:after {
    content: "";
    display: block;
    width: 23px;
    height: 2px;
    background-color: var(--color-blue);
    position: absolute;
    top: -webkit-calc(50% - 1px);
    top: calc(50% - 1px);
    left: -webkit-calc(50% - 11px);
    left: calc(50% - 11px);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.form_close_button:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: block;
    width: 23px;
    height: 2px;
    background-color: var(--color-blue);
    position: absolute;
    top: -webkit-calc(50% - 1px);
    top: calc(50% - 1px);
    left: -webkit-calc(50% - 11px);
    left: calc(50% - 11px);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
.form_close_button:hover {opacity: 1}
.form_close_button {
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: none;
    border: none;
    outline: 0;
    opacity: .65;
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    padding: 0;
    line-height: 40;
    color: #ccc;
    cursor: pointer;
}


div.popup_message {
    display: none;
    position: absolute;
    z-index: 1002;
    max-width: 330px;
    font-size: 14px;
    line-height: 21px;
    top: 0;
    left: 0;
    background-color: rgb(255, 249, 242);
    padding: 20px;
    box-shadow: 1px 1px 4px 0px #adadad;
}
div.popup_close:hover {color: red;}
div.popup_close {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 18px;
    color: rgb(0, 135, 174);
    cursor: pointer;
}
span.popup_button:hover {
    border: 1px solid red;
    background-color: red;
    color: #fff;
}
span.popup_button {
    width: 17px;
    height: 17px;
    color: #ff0000;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    display: inline-block;
    font-family: var(--font-base), Arial, sans-serif;
    margin: 0 0 0 5px;
}

span.m-perezvon-main{display:block;width:180px;margin:15px auto 0;border:1px solid #0087a8;text-align:center;padding:10px 20px;color:#0087a8;font-size:20px;}
span.m-or-cntr{display:block;margin:10px auto;text-align:center;}
a.m-mtext-tel{display:block;text-align:center;margin:0 0 30px 0;font-size:20px;}
span.price_page_marker {
    border-bottom: 1px dashed;
    font-size: 20px;
    cursor: pointer;
    color: var(--color-bright-cyan);
}
span.price_page_marker:hover {
    color: var(--color-blue);
}
span.like-button {
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #999;
    background-color: #eee;
    border-radius: 6px;
    font-size: 14px;
    line-height: 16px;
}
.field-invalid-msg {
    background-color: rgb(255, 255, 255, 0.9);
    color: red;
    padding: 2px 7px;
    font-size: 14px;
    font-family: var(--font-base), sans-serif;
    border: 1px solid rgb(255, 0, 0, 0.3);
    border-radius: 5px;
    box-sizing: border-box;
}
.question-answer p:not(.question) {
    margin: 7px 0 0 0;
}
.question-answer p.question {
    background-color: var(--color-light-cyan);
    display: block;
    padding: 10px;
    box-sizing: border-box;
    font-size: 28px;
    color: var(--color-dark-blue);
    margin: 40px 0 0 0;
}
ol.rempages-prev-info {
    color: var(--color-blue);
    list-style-type: disc;
    margin: 30px 0 0 0;
}
ol.rempages-prev-info li {
    margin: 10px 0 0 0;
    font-size: 20px;
}

.article-new .publisher-date {
    font-size: 16px;
    opacity: 0.8;
    font-family: var(--font-base), sans-serif;
    margin: 10px 0 20px 0;
}
.article-new img {
    max-width: 100%;
    margin: 20px 0;
    width: 100%;
    max-height: 700px;
    object-fit: cover;
}
.publisher > div:not(.publisher-date) {display: none;}






@media (max-width: 2000px) {
    :root {
        --max-content-length: 1080px;
    }
}
@media (max-width: 1120px) {
    :root {
        --max-content-length: 96%;
    }
}
@media (max-width: 910px) {
    h1 {margin: 40px 0 0 0;}
    h1, h2 {
        font-weight: 500;
        font-size: 38px;
        line-height: 40px;
        text-transform: uppercase;
    }
    .article-new img {
        width: auto;
        max-height: unset;
        object-fit: unset;
    }
    .content-main {
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .main-container {
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
    div.breads-container {
        display: none;
    }
}