/* Minification failed. Returning unminified contents.
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(365,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(441,32): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(470,35): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(471,34): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(472,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(473,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(487,32): run-time error CSS1039: Token not allowed after unary operator: '-rollover-color'
(711,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(815,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(840,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(858,22): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(909,22): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(1045,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1054,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1180,30): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(1209,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1278,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1449,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1491,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1503,36): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(1707,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1726,30): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(1772,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1864,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1907,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1928,26): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(1955,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2009,22): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(2036,24): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2054,22): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(2068,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2130,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2311,22): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(2449,40): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(2471,33): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2480,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2501,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2571,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2605,44): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2710,36): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3161,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3337,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3418,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3424,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3587,36): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3614,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3631,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3665,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3807,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3815,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3820,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3928,26): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(3995,28): run-time error CSS1039: Token not allowed after unary operator: '-logo'
(4527,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(4539,44): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(4582,36): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5129,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5275,43): run-time error CSS1039: Token not allowed after unary operator: '-rollover-color'
(5276,42): run-time error CSS1039: Token not allowed after unary operator: '-rollover-color'
(5277,40): run-time error CSS1039: Token not allowed after unary operator: '-rollover-color'
(5278,41): run-time error CSS1039: Token not allowed after unary operator: '-rollover-color'
(5279,36): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5288,28): run-time error CSS1039: Token not allowed after unary operator: '-rollover-color'
(5299,28): run-time error CSS1039: Token not allowed after unary operator: '-rollover-color'
(5708,48): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5794,36): run-time error CSS1039: Token not allowed after unary operator: '-svg__phone'
(5798,36): run-time error CSS1039: Token not allowed after unary operator: '-svg__mail'
(5809,32): run-time error CSS1039: Token not allowed after unary operator: '-svg__headset'
(5813,32): run-time error CSS1039: Token not allowed after unary operator: '-svg__close'
(5863,40): run-time error CSS1039: Token not allowed after unary operator: '-svg__play'
(5878,40): run-time error CSS1039: Token not allowed after unary operator: '-svg__play'
(6058,22): run-time error CSS1039: Token not allowed after unary operator: '-sprite'
(6107,36): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
 */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

:root {
    --main-color: #c00;
    --rollover-color: #b10202;
    --sprite: url(/img/sprite.png);
    --svg__play: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M19.376 12.4159L8.777 19.4819C8.70171 19.5321 8.61423 19.5608 8.52389 19.5651C8.43355 19.5694 8.34373 19.5492 8.264 19.5065C8.18427 19.4638 8.1176 19.4003 8.07111 19.3227C8.02462 19.2451 8.00005 19.1564 8 19.0659V4.93395C8.00005 4.8435 8.02462 4.75477 8.07111 4.67719C8.1176 4.59961 8.18427 4.53609 8.264 4.49341C8.34373 4.45072 8.43355 4.43045 8.52389 4.43478C8.61423 4.4391 8.70171 4.46784 8.777 4.51795L19.376 11.5839C19.4445 11.6296 19.5006 11.6915 19.5395 11.764C19.5783 11.8366 19.5986 11.9176 19.5986 11.9999C19.5986 12.0823 19.5783 12.1633 19.5395 12.2359C19.5006 12.3084 19.4445 12.3703 19.376 12.4159Z' fill='%23CC0000'/%3E%3C/g%3E%3C/svg%3E%0A");
    --svg__headset: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 800 800' style='enable-background:new 0 0 800 800;' xml:space='preserve'%3E%3Cg %3E%3Cpath fill='%23CC0000' d='M417.7,800.1c0.5,0,0.9,0,1.4-0.1c2.6-0.1,5.3-0.3,7.9-0.4c0.4,0,0.9-0.1,1.3-0.1c2.7-0.2,5.4-0.4,8-0.6 c0.3,0,0.6-0.1,0.8-0.1c2.7-0.3,5.5-0.5,8.2-0.8c0.1,0,0.2,0,0.4,0c2.7-0.3,5.4-0.7,8.2-1c0.4-0.1,0.8-0.1,1.1-0.2 c2.6-0.4,5.2-0.7,7.8-1.2c0.4-0.1,0.9-0.1,1.3-0.2c2.6-0.4,5.2-0.9,7.7-1.3c0.4-0.1,0.8-0.1,1.1-0.2c2.7-0.5,5.3-1,7.9-1.5 c0.2,0,0.3-0.1,0.5-0.1c2.7-0.6,5.3-1.1,8-1.7c0.2,0,0.3-0.1,0.5-0.1c2.6-0.6,5.2-1.2,7.9-1.9c0.3-0.1,0.7-0.2,1-0.3 c2.5-0.6,5.1-1.3,7.6-2c0.4-0.1,0.7-0.2,1.1-0.3c2.5-0.7,5.1-1.4,7.6-2.2c0.3-0.1,0.5-0.2,0.8-0.2c5.3-1.6,10.6-3.3,15.9-5.2 c0.2-0.1,0.3-0.1,0.5-0.2c2.5-0.9,5.1-1.8,7.6-2.8c0.3-0.1,0.6-0.2,0.8-0.3c2.5-0.9,5-1.9,7.4-2.9c0.3-0.1,0.5-0.2,0.8-0.3 c2.5-1,5-2,7.5-3.1c0.1,0,0.2-0.1,0.3-0.1c5.2-2.2,10.4-4.5,15.4-7c0.1,0,0.2-0.1,0.3-0.1c2.5-1.2,4.9-2.4,7.4-3.6 c0.2-0.1,0.4-0.2,0.5-0.3c2.4-1.2,4.9-2.5,7.3-3.8c0.1-0.1,0.2-0.1,0.4-0.2c7.6-4,15-8.3,22.2-12.8c0,0,0,0,0,0 c2.4-1.5,4.8-3,7.2-4.6c0,0,0.1-0.1,0.1-0.1C727.4,664.8,800,541.1,800,400.5c0-220.9-179.1-400-400-400S0,179.6,0,400.5 C0,618.7,174.7,796,391.8,800.4c0.5,0,1,0,1.5,0c2.2,0,4.5,0.1,6.7,0.1c2.9,0,5.7,0,8.5-0.1c0.4,0,0.7,0,1.1,0 C412.3,800.3,415,800.2,417.7,800.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M692.1,385.7c0-44.6-24.6-83.4-60.9-103.9C609,178.3,509,100,389.3,100c-126.6,0-231.2,87.7-245,200.1 c-22.4,21.7-36.4,52.1-36.4,85.7c0,65.7,53.5,119.1,119.1,119.1c4.6,0,8.3-3.7,8.3-8.3V274.9c0-4.6-3.7-8.3-8.3-8.3 c-5.6,0-11.1,0.4-16.5,1.2c26.6-64.9,96.7-111.4,178.8-111.4c82.2,0,152.4,46.6,178.9,111.7c-2.2,1.5-3.6,4-3.6,6.9v221.6 c0,4.6,3.7,8.3,8.3,8.3c2.8,0,5.5-0.1,8.2-0.3C562.7,562,512.7,607.7,449,625.6c-7.6-12.3-21.3-20.5-36.8-20.5h-45.7 c-23.9,0-43.3,19.4-43.3,43.3v8.4c0,23.9,19.4,43.3,43.3,43.3h45.7c21.8,0,39.8-16.1,42.8-37.1c85.6-22.5,151.5-87.9,167.6-168.9 C663.6,475.1,692.1,433.7,692.1,385.7z'/%3E%3C/g%3E%3C/svg%3E");
    --svg__close: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 800 800' style='enable-background:new 0 0 800 800;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23CC0000' d='M417.7,800.1c0.5,0,0.9,0,1.4-0.1c2.6-0.1,5.3-0.3,7.9-0.4c0.4,0,0.9-0.1,1.3-0.1c2.7-0.2,5.4-0.4,8-0.6 c0.3,0,0.6-0.1,0.8-0.1c2.7-0.3,5.5-0.5,8.2-0.8c0.1,0,0.2,0,0.4,0c2.7-0.3,5.4-0.7,8.2-1c0.4-0.1,0.8-0.1,1.1-0.2 c2.6-0.4,5.2-0.7,7.8-1.2c0.4-0.1,0.9-0.1,1.3-0.2c2.6-0.4,5.2-0.9,7.7-1.3c0.4-0.1,0.8-0.1,1.1-0.2c2.7-0.5,5.3-1,7.9-1.5 c0.2,0,0.3-0.1,0.5-0.1c2.7-0.6,5.3-1.1,8-1.7c0.2,0,0.3-0.1,0.5-0.1c2.6-0.6,5.2-1.2,7.9-1.9c0.3-0.1,0.7-0.2,1-0.3 c2.5-0.6,5.1-1.3,7.6-2c0.4-0.1,0.7-0.2,1.1-0.3c2.5-0.7,5.1-1.4,7.6-2.2c0.3-0.1,0.5-0.2,0.8-0.2c5.3-1.6,10.6-3.3,15.9-5.2 c0.2-0.1,0.3-0.1,0.5-0.2c2.5-0.9,5.1-1.8,7.6-2.8c0.3-0.1,0.6-0.2,0.8-0.3c2.5-0.9,5-1.9,7.4-2.9c0.3-0.1,0.5-0.2,0.8-0.3 c2.5-1,5-2,7.5-3.1c0.1,0,0.2-0.1,0.3-0.1c5.2-2.2,10.4-4.5,15.4-7c0.1,0,0.2-0.1,0.3-0.1c2.5-1.2,4.9-2.4,7.4-3.6 c0.2-0.1,0.4-0.2,0.5-0.3c2.4-1.2,4.9-2.5,7.3-3.8c0.1-0.1,0.2-0.1,0.4-0.2c7.6-4,15-8.3,22.2-12.8l0,0c2.4-1.5,4.8-3,7.2-4.6 l0.1-0.1C727.4,664.8,800,541.1,800,400.5c0-220.9-179.1-400-400-400S0,179.6,0,400.5C0,618.7,174.7,796,391.8,800.4 c0.5,0,1,0,1.5,0c2.2,0,4.5,0.1,6.7,0.1c2.9,0,5.7,0,8.5-0.1c0.4,0,0.7,0,1.1,0C412.3,800.3,415,800.2,417.7,800.1z'/%3E%3C/g%3E%3C/g%3E%3Cg %3E%3Cpath fill='%23FFF' d='M525,570c-11.5,0-23-4.4-31.8-13.2L400,463.6l-93.2,93.2c-17.6,17.6-46.1,17.6-63.6,0 c-17.6-17.6-17.6-46.1,0-63.6l93.2-93.2l-93.2-93.2c-17.6-17.6-17.6-46.1,0-63.6c17.6-17.6,46.1-17.6,63.6,0l93.2,93.2l93.2-93.2 c17.6-17.6,46.1-17.6,63.6,0c17.6,17.6,17.6,46.1,0,63.6L463.6,400l93.2,93.2c17.6,17.6,17.6,46.1,0,63.6 C548,565.6,536.5,570,525,570z'/%3E%3C/g%3E%3C/svg%3E%0A");
    --svg__phone: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 800 800' style='enable-background:new 0 0 800 800;' xml:space='preserve'%3E%3Cg %3E%3Cpath fill='%23CC0000' d='M417.7,800.1c0.5,0,0.9,0,1.4-0.1c2.6-0.1,5.3-0.3,7.9-0.4c0.4,0,0.9-0.1,1.3-0.1c2.7-0.2,5.4-0.4,8-0.6 c0.3,0,0.6-0.1,0.8-0.1c2.7-0.3,5.5-0.5,8.2-0.8c0.1,0,0.2,0,0.4,0c2.7-0.3,5.4-0.7,8.2-1c0.4-0.1,0.8-0.1,1.1-0.2 c2.6-0.4,5.2-0.7,7.8-1.2c0.4-0.1,0.9-0.1,1.3-0.2c2.6-0.4,5.2-0.9,7.7-1.3c0.4-0.1,0.8-0.1,1.1-0.2c2.7-0.5,5.3-1,7.9-1.5 c0.2,0,0.3-0.1,0.5-0.1c2.7-0.6,5.3-1.1,8-1.7c0.2,0,0.3-0.1,0.5-0.1c2.6-0.6,5.2-1.2,7.9-1.9c0.3-0.1,0.7-0.2,1-0.3 c2.5-0.6,5.1-1.3,7.6-2c0.4-0.1,0.7-0.2,1.1-0.3c2.5-0.7,5.1-1.4,7.6-2.2c0.3-0.1,0.5-0.2,0.8-0.2c5.3-1.6,10.6-3.3,15.9-5.2 c0.2-0.1,0.3-0.1,0.5-0.2c2.5-0.9,5.1-1.8,7.6-2.8c0.3-0.1,0.6-0.2,0.8-0.3c2.5-0.9,5-1.9,7.4-2.9c0.3-0.1,0.5-0.2,0.8-0.3 c2.5-1,5-2,7.5-3.1c0.1,0,0.2-0.1,0.3-0.1c5.2-2.2,10.4-4.5,15.4-7c0.1,0,0.2-0.1,0.3-0.1c2.5-1.2,4.9-2.4,7.4-3.6 c0.2-0.1,0.4-0.2,0.5-0.3c2.4-1.2,4.9-2.5,7.3-3.8c0.1-0.1,0.2-0.1,0.4-0.2c7.6-4,15-8.3,22.2-12.8c0,0,0,0,0,0 c2.4-1.5,4.8-3,7.2-4.6c0,0,0.1-0.1,0.1-0.1C727.4,664.8,800,541.1,800,400.5c0-220.9-179.1-400-400-400S0,179.6,0,400.5 C0,618.7,174.7,796,391.8,800.4c0.5,0,1,0,1.5,0c2.2,0,4.5,0.1,6.7,0.1c2.9,0,5.7,0,8.5-0.1c0.4,0,0.7,0,1.1,0 C412.3,800.3,415,800.2,417.7,800.1z'/%3E%3C/g%3E%3Cg %3E%3Cpath fill='%23FFFFFF' d='M562.5,650c-55.7,0-109.7-10.9-160.6-32.4c-49.1-20.8-93.2-50.5-131.1-88.4c-37.9-37.9-67.6-82-88.4-131.1 C160.9,347.2,150,293.2,150,237.5c0-10.2,0.4-20.4,1.1-30.5c0.9-12.8,1.6-22,7.3-31.9c4.9-8.5,12.8-15.8,21.6-20.1 c10.3-5,20.2-5,34-5h70.4c11.9,0,19.8,0,28.4,3.3c7.6,2.9,14.5,7.7,19.8,13.9c6.1,7,8.8,14.4,12.8,25.6l29.2,80.2 c4.7,13,7.8,21.5,7.1,32c-0.6,9.2-3.7,18.1-9.1,25.7c-6.1,8.6-13.9,13.2-25.7,20.3l-14.3,8.6c12.4,22.4,28,43,46.4,61.4 c18.4,18.4,39,33.9,61.4,46.4l8.6-14.3c7.1-11.8,11.8-19.6,20.3-25.7c7.6-5.4,16.4-8.5,25.7-9.1c10.5-0.7,19,2.4,31.9,7.1 l80.2,29.2c11.2,4.1,18.6,6.8,25.6,12.8c6.2,5.4,11,12.2,13.9,19.8c3.3,8.6,3.3,16.5,3.3,28.4V586c0,13.8,0,23.7-5,34 c-4.3,8.8-11.6,16.7-20.1,21.6c-9.9,5.7-19.1,6.4-31.9,7.3C583,649.6,572.7,650,562.5,650z M201.9,200.2c-0.3,2.2-0.7,6.5-0.9,10.4 c-0.7,8.9-1,17.9-1,26.9c0,48.9,9.6,96.4,28.5,141.1c18.3,43.2,44.4,81.9,77.7,115.2c33.3,33.3,72.1,59.4,115.2,77.7 c44.7,18.9,92.1,28.5,141.1,28.5c9,0,18-0.3,26.9-1c3.9-0.3,8.2-0.6,10.4-0.9c0.2-2.5,0.2-7.6,0.2-12.1v-70.4c0-4.1,0-8.3-0.2-10.4 c-1.9-0.9-5.9-2.3-9.7-3.7L510,472.3c-4.5-1.6-9.1-3.3-11.5-4c-1.5,2-4,6.3-6.4,10.3l-20.5,34.2c-6.5,10.9-20.2,15.1-31.8,9.9 c-35.7-16.2-68-38.5-95.9-66.5c-27.9-27.9-50.3-60.2-66.5-95.9c-5.2-11.6-1-25.2,9.9-31.8l34.2-20.5c4.1-2.5,8.3-5,10.4-6.5 c-0.7-2.4-2.3-7-4-11.5l-29.2-80.2c-1.4-3.8-2.8-7.8-3.7-9.7c-2.1-0.2-6.3-0.2-10.4-0.2h-70.4C209.5,200,204.5,200,201.9,200.2z M599.6,599.2C599.6,599.2,599.6,599.2,599.6,599.2C599.6,599.2,599.6,599.2,599.6,599.2z M599.7,598.4 C599.7,598.4,599.7,598.4,599.7,598.4C599.7,598.4,599.7,598.4,599.7,598.4z M600.2,597.9C600.2,597.9,600.2,597.9,600.2,597.9 C600.2,597.9,600.2,597.9,600.2,597.9z M600.7,505.6C600.7,505.6,600.7,505.6,600.7,505.6C600.7,505.6,600.7,505.6,600.7,505.6z M599.7,504.1C599.7,504.1,599.7,504.1,599.7,504.1C599.7,504.1,599.7,504.1,599.7,504.1z M497.2,468 C497.2,468,497.2,468,497.2,468C497.2,468,497.2,468,497.2,468z M332,302.8C332,302.8,332,302.8,332,302.8 C332,302.8,332,302.8,332,302.8z M332.7,300.8C332.7,300.8,332.7,300.8,332.7,300.8C332.7,300.8,332.7,300.8,332.7,300.8z M200.8,200.4C200.8,200.4,200.8,200.4,200.8,200.4C200.8,200.4,200.8,200.4,200.8,200.4z M201.6,200.3 C201.6,200.3,201.6,200.3,201.6,200.3C201.6,200.3,201.6,200.3,201.6,200.3z M202.1,199.8C202.1,199.8,202.1,199.8,202.1,199.8 C202.1,199.8,202.1,199.8,202.1,199.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
    --svg__mail: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 800 800' style='enable-background:new 0 0 800 800;' xml:space='preserve'%3E%3Cg %3E%3Cpath fill='%23CC0000' d='M417.7,800.1c0.5,0,0.9,0,1.4-0.1c2.6-0.1,5.3-0.3,7.9-0.4c0.4,0,0.9-0.1,1.3-0.1c2.7-0.2,5.4-0.4,8-0.6 c0.3,0,0.6-0.1,0.8-0.1c2.7-0.3,5.5-0.5,8.2-0.8c0.1,0,0.2,0,0.4,0c2.7-0.3,5.4-0.7,8.2-1c0.4-0.1,0.8-0.1,1.1-0.2 c2.6-0.4,5.2-0.7,7.8-1.2c0.4-0.1,0.9-0.1,1.3-0.2c2.6-0.4,5.2-0.9,7.7-1.3c0.4-0.1,0.8-0.1,1.1-0.2c2.7-0.5,5.3-1,7.9-1.5 c0.2,0,0.3-0.1,0.5-0.1c2.7-0.6,5.3-1.1,8-1.7c0.2,0,0.3-0.1,0.5-0.1c2.6-0.6,5.2-1.2,7.9-1.9c0.3-0.1,0.7-0.2,1-0.3 c2.5-0.6,5.1-1.3,7.6-2c0.4-0.1,0.7-0.2,1.1-0.3c2.5-0.7,5.1-1.4,7.6-2.2c0.3-0.1,0.5-0.2,0.8-0.2c5.3-1.6,10.6-3.3,15.9-5.2 c0.2-0.1,0.3-0.1,0.5-0.2c2.5-0.9,5.1-1.8,7.6-2.8c0.3-0.1,0.6-0.2,0.8-0.3c2.5-0.9,5-1.9,7.4-2.9c0.3-0.1,0.5-0.2,0.8-0.3 c2.5-1,5-2,7.5-3.1c0.1,0,0.2-0.1,0.3-0.1c5.2-2.2,10.4-4.5,15.4-7c0.1,0,0.2-0.1,0.3-0.1c2.5-1.2,4.9-2.4,7.4-3.6 c0.2-0.1,0.4-0.2,0.5-0.3c2.4-1.2,4.9-2.5,7.3-3.8c0.1-0.1,0.2-0.1,0.4-0.2c7.6-4,15-8.3,22.2-12.8c0,0,0,0,0,0 c2.4-1.5,4.8-3,7.2-4.6c0,0,0.1-0.1,0.1-0.1C727.4,664.8,800,541.1,800,400.5c0-220.9-179.1-400-400-400S0,179.6,0,400.5 C0,618.7,174.7,796,391.8,800.4c0.5,0,1,0,1.5,0c2.2,0,4.5,0.1,6.7,0.1c2.9,0,5.7,0,8.5-0.1c0.4,0,0.7,0,1.1,0 C412.3,800.3,415,800.2,417.7,800.1z'/%3E%3C/g%3E%3Cg %3E%3Cpath fill='%23FFFFFF' d='M451.7,658.3c-6.6,0-12.9-2.6-17.7-7.3c-5.9-5.9-8.5-14.4-6.8-22.6l10.1-50.6c1-5.1,1.8-8.8,3.4-12.9 c1.4-3.6,3.3-7.1,5.5-10.4c2.5-3.6,5-6.1,8.9-10L559,440.7c11.4-11.4,26.6-17.7,42.7-17.7s31.3,6.3,42.7,17.7 c11.4,11.4,17.7,26.6,17.7,42.7s-6.3,31.3-17.7,42.7L540.5,629.9c-3.8,3.8-6.3,6.3-10,8.9c-3.2,2.2-6.7,4.1-10.4,5.5 c-4.1,1.6-7.8,2.3-12.9,3.4l-50.6,10.1C455,658.2,453.4,658.3,451.7,658.3z M487.3,583.2c-0.2,0.9-0.6,2.8-0.9,4.4l-2.8,13.9 l13.9-2.8c1.7-0.3,3.5-0.7,4.4-0.9c0.7-0.6,2-1.9,3.2-3.2L609,490.7c2.6-2.6,3-5.7,3-7.3c0-1.6-0.4-4.7-3-7.3s-5.7-3-7.3-3 c-1.6,0-4.7,0.4-7.3,3L490.5,579.9C489.2,581.2,487.9,582.5,487.3,583.2z M501.6,598C501.6,598,501.6,598,501.6,598 C501.6,598,501.6,598,501.6,598z M502.3,597.7C502.3,597.7,502.3,597.7,502.3,597.7C502.3,597.7,502.3,597.7,502.3,597.7z M487,583.5C487,583.5,487,583.5,487,583.5C487,583.5,487,583.5,487,583.5z M351.7,608.3h-95c-31,0-48,0-64-8.2 c-14.2-7.2-25.5-18.6-32.8-32.8c-8.2-16-8.2-33.1-8.2-64.1v-190c0-31,0-48,8.2-64c7.2-14.2,18.6-25.5,32.8-32.8 c16-8.2,33.1-8.2,64-8.2h290c31,0,48,0,64.1,8.2c14.2,7.2,25.5,18.6,32.8,32.8c8.2,16,8.2,33.1,8.2,64v45c0,13.8-11.2,25-25,25 c-13.8,0-25-11.2-25-25V355L504.3,420c-33.4,22.3-51.8,34.5-73.5,39.7c-19.1,4.6-39.2,4.6-58.3,0c-21.7-5.2-40.1-17.5-73.5-39.7 l-97.4-64.9v148.3c0,21.7,0,36,2.7,41.4c2.4,4.7,6.2,8.5,10.9,10.9c5.4,2.7,19.7,2.7,41.4,2.7h95c13.8,0,25,11.2,25,25 S365.5,608.3,351.7,608.3z M201.8,295l125,83.4c29.6,19.7,44.4,29.6,57.4,32.7c11.4,2.7,23.5,2.7,35,0c13-3.1,27.8-13,57.4-32.7 l125-83.4c-0.2-11.5-0.8-19.4-2.6-23c-2.4-4.7-6.2-8.5-10.9-10.9c-5.3-2.7-19.7-2.7-41.4-2.7h-290c-21.7,0-36,0-41.3,2.7 c-4.7,2.4-8.5,6.2-10.9,10.9C202.6,275.6,202,283.5,201.8,295z'/%3E%3C/g%3E%3C/svg%3E%0A");
    --logo: url(/img/GrootformaatPrinterwinkel_logo.svg);
}

html, body {
    width: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-family: 'Karla', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #666666;
    min-width: 1010px;
}

p, ul, li {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    color: var(--main-color);
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4 {
    font-weight: 700;
    color: #393737;
    text-transform: uppercase;
}

textarea, input {
    outline: none;
    -webkit-appearance: none;
}

img {
    border: none;
    outline: none;
}

.clear {
    clear: both;
}

.clearfix:after, .pl-attributes:after, .pl-item ul:after, .usp-block:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


/* Main layout */

.button {
    display: inline-block;
    white-space: nowrap;
}

button.button {
    padding: 0;
    margin: 0;
    font-family: 'Karla', sans-serif;
    line-height: normal !important;
    cursor: pointer;
    border: none;
}

.button + .button {
    margin-left: 17px;
}

button.button, a.button, .button a {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    height: 37px;
    line-height: 38px;
    padding: 0 40px 0 20px;
    border-radius: 3px;
    position: relative;
}

    button.button:after, a.button:after, .button a:after {
        content: '';
        display: block;
        width: 5px;
        height: 8px;
        position: absolute;
        right: 14px;
        top: 15px;
        background-image: var(--sprite);
        background-repeat: no-repeat;
    }

    button.button:after {
        top: 14px !important;
    }

    button.button.gray, a.button.gray, .button.gray a {
        border-bottom: 1px solid #c2c2c2;
        border-right: 1px solid #d3d3d3;
        border-top: 1px solid #f4f4f4;
        background-color: #f0f0f0;
        color: #333333;
    }

.button.gray a {
    color: #333333;
}

    button.button.gray:after, a.button.gray:after, .button.gray a:after {
        background-position: 0 0;
    }

    button.button.gray:hover, a.button.gray:hover, .button.gray a:hover {
        background-color: #dcdcdc;
    }

button.button.red, a.button.red, .button.red a {
    border-bottom: 1px solid var(--main-color);
    border-right: 1px solid var(--main-color);
    border-top: 1px solid var(--main-color);
    background-color: var(--main-color);
    color: #FFF;
    transition: background 0.6s ease 0s;
}

.button.red a {
    color: #FFF;
}

    button.button.red:after, a.button.red:after, .button.red a:after {
        background-position: 0 -8px;
    }

    button.button.red:hover, a.button.red:hover, .button.red a:hover {
        background-color: var(--rollover-color);
    }

button.button.white, a.button.white, .button.white a {
    border-bottom: 1px solid #bababa;
    border-right: 1px solid #d3d3d3;
    border-top: 1px solid #ffffff;
    background-color: #ffffff;
    color: #333333;
    transition: background 0.6s ease 0s;
}

    button.button.white:after, a.button.white:after, .button.white a:after {
        background-position: 0 0;
    }

    button.button.white:hover, a.button.white:hover, .button.white a:hover {
        background-color: #f0f0f0;
    }

    a.button.white span {
        display: block;
        min-height: 37px;
    }

    a.button.white img {
        width: 100%;
        display: block;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    a.button.white:has(img) {
        height: auto;
        border-bottom: 0px;
        border-right: 0px;
    }

.content-wrapper {
    max-width: 966px;
    padding: 50px 0;
    margin: 0 auto;
}

.Home .content-wrapper {
    padding-bottom: 50px;
}

button.backward, a.button.backward, .button.backward a {
    padding: 0 20px 0 40px;
}

    button.button.backward:after, a.button.backward:after, .button.backward a:after {
        right: auto;
        left: 18px;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
/* Header */

header {
    position: relative;
    z-index: 6;
}

.header-top .usp-block {
    background-color: #f2f2f2;
    width: 100%;
    margin: auto;
    text-align: center;
    height: 50px;
}

    .header-top .usp-block .usp-item {
        display: inline-block;
        font-size: 13px;
        line-height: 2.15;
        letter-spacing: 0.4px;
        text-align: left;
        color: #666666;
        margin-right: 60px;
    }

        .header-top .usp-block .usp-item:last-child {
            margin-right: 0px;
        }




    .header-top .usp-block .usp-list {
        padding-top: 10px;
    }

.usp-item:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 5px;
    height: 17px;
    width: 17px;
    background-image: url(../img/icon_check.png);
    background-repeat: no-repeat;
    background-size: 17px;
    margin-right: 11px;
}

.header-top-wrapper {
    margin: auto;
    text-align: center;
    height: 82px;
    width: 966px;
    display: flex;
}



    .header-top-wrapper .logo-container {
        padding-top: 30px;
        float: left;
        width: 240px;
    }

        .header-top-wrapper .logo-container img {
            width: 100%;
        }

    .header-top-wrapper .search-container {
        padding-top: 26px;
        position: relative;
        margin-left: 97px;
        float: left;
    }

        .header-top-wrapper .search-container .search input {
            width: 390px;
            height: 42px;
            border-radius: 2px;
            background-color: #ffffff;
            border: solid 1px #eaeaea;
            padding-left: 16px;
            font-size: 14px;
            line-height: 1.71;
            letter-spacing: 0.4px;
            text-align: left;
            color: #999999;
        }

        .header-top-wrapper .search-container .search button {
            background-color: transparent;
            border: none;
            position: absolute;
            right: 5px;
            top: 38px;
            cursor: pointer;
        }

        .header-top-wrapper .search-container .search .i-search {
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            height: 18px;
            background-image: url(../img/forma-1.png);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

    .header-top-wrapper .partner-container {
        margin-left: 96px;
        float: left;
        width: 60px;
        height: 60px;
        z-index: 100;
        margin-top: 17px;
    }

        .header-top-wrapper .partner-container img {
            width: 100%;
            height: auto;
        }



.mm-item.search {
    display: none;
}

.main-menu {
    height: 51px;
    background-color: #ffffff;
    position: relative;
    z-index: 6;
}

.main-menu-wrapper {
    max-width: 966px;
    margin: 0 auto;
}

.mm-item {
    float: left;
    height: 51px;
    margin-right: 40px;
}



.mm-link {
    display: block;
    height: 51px;
    line-height: 51px;
    font-weight: 700;
    text-transform: uppercase;
    color: #393737;
    transition: color 0.6s ease 0s;
    font-size: 14px;
    letter-spacing: 0.4px;
}

a.mm-link:hover, .active .mm-link {
    color: var(--main-color);
}

.active .mm-link {
    position: relative;
}

li.mm-item.active {
    position: relative;
}

    li.mm-item.active:after {
        content: '';
        display: block;
        background: url(../img/el/menu_active.png) 0 0 no-repeat;
        width: 19px;
        height: 11px;
        position: absolute;
        bottom: -11px;
        left: 50%;
        margin-left: -5px;
    }

.open-search li.mm-item.active:after {
    display: none;
}
/* Footer */

.footer {
    background-color: #f2f2f2;
    font-size: 12px;
}

.footer-wrapper {
    max-width: 966px;
    margin: 0 auto;
}

.footer .usp-block {
    margin: 0;
    background-color: #f3f3f3;
    height: 60px;
    line-height: 62px;
    padding: 0;
}

.footer .usp-list {
    padding: 0 30px;
}

.footer .usp-item {
    width: 33.33%;
    float: left;
    text-align: center;
    color: #393737;
    margin: 0;
    font-size: 14px;
}

    .footer .usp-item a {
        color: #393737;
    }

.footer li.usp-item:nth-child(1):before {
    background-position: 0 -42px;
}

.footer li.usp-item:nth-child(2):before {
    background-position: -22px -42px;
}

.footer li.usp-item:nth-child(3):before {
    background-position: -51px -42px;
}

.footer-products-header {
    padding: 30px 0 1px 30px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 0.5px;
    text-align: left;
    color: #393737;
}

.footer-lists {
    padding: 0 30px;
}

.footer-products-list {
    float: left;
    width: 20%;
    line-height: 24px;
    margin-bottom: 39px;
}

.fpl-link {
    color: #666666;
    transition: color 0.6s ease 0s;
}

a.fpl-link:before {
    content: '›';
    display: inline-block;
    color: var(--main-color);
    margin-right: 4px;
    vertical-align: top;
    position: relative;
    top: -1px;
}

a.fpl-link:hover {
    color: #FFFFFF;
}

.copyright-container {
    padding-top: 25px;
    max-width: 966px;
    margin: auto;
}

.copyright {
    color: #999999;
    height: 60px;
    width: 100%;
    background-color: #FFFFFF;
}

    .copyright a {
        color: var(--main-color);
        text-decoration: underline;
        padding: 0 5px;
    }

.copyright-text {
    float: left;
}

.privacy-disclaimer {
    float: right;
}
/* Contact */

.close-contact {
    display: block;
    width: 9px;
    height: 9px;
    background: var(--sprite) -25px 0 no-repeat;
    position: absolute;
    right: 7px;
    top: 7px;
}





.cc-header {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
    padding-top: 15px;
}

.cc-img {
    display: block;
}

.cc-link {
    border-radius: inherit !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
}

a.cc-link:after {
    position: static;
    display: inline-block;
    margin-left: 20px;
}

.cc-tel {
    font-size: 13px;
    color: #333333;
    text-align: center;
    padding: 15px 0 14px 0;
}

div.cc-tel:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 10px;
    margin-right: 3px;
    position: relative;
    top: 1px;
    background: var(--sprite) -5px -5px no-repeat;
}
/* Home */

.top-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 680px;
    min-height: 161px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: visible;
    display: inline-block;
}

.Home .top-image {
    min-height: 520px;
}

.ti-img {
    width: 100%;
    display: block;
    min-height: 520px;
}

.top-image-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.Home .top-image-text,
.endOfLifePage .top-image-text {
    position: relative;
}


.tit-wrapper {
    max-width: 966px;
    margin: 0 auto;
    background-color: #FFFFFF;
    position: relative;
}

.Home .tit-wrapper,
.endOfLifePage .tit-wrapper {
    left: 0px;
    right: 0px;
    padding-bottom: 40px;
    z-index: 1;
    top: 270px;
    margin-bottom: -270px;
}

.top-image-text .tit-info .breadcrumbs:only-child {
    margin-bottom: -11px;
}

div.content-wrapper {
    position: relative;
}

.tit-header {
    font-size: 21px;
}

.tit-img {
    float: right;
}

.tit-info {
    padding: 0 0 0 30px;
}

.tit-description {
    line-height: 24px;
}

    .tit-description .right {
        max-width: 400px;
    }

    .tit-description img {
        float: right;
        margin-left: 40px;
    }

.inside .tit-description img {
    margin: 0;
}

.tit-description h1 {
    font-size: 31px;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 1px;
    text-align: left;
    color: #393737;
    padding: 0px;
    margin: 0px;
}

.tit-description ul {
    margin-top: 15px;
}

.tit-description li {
    position: relative;
    padding-left: 27px;
    font-size: 13px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0.4px;
    color: #1a1a1a;
    margin-bottom: 5px;
}

    .tit-description li:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        height: 17px;
        width: 17px;
        background-image: url(../img/icon_check.png);
        background-repeat: no-repeat;
        background-size: 17px;
        margin-right: 11px;
        left: 0px;
    }


.tit-description h1:nth-child(1) {
    color: var(--main-color);
    padding-top: 35px;
}

.endOfLifePage .tit-description h1:nth-child(1) {
    color: #393737;
}

.endOfLifePage .tit-description h1:nth-child(2) {
    color: var(--main-color);
}

.endOfLifePage .home-top .left {
    max-width: 575px;
}

.endOfLifePage .home-top .right {
    max-width: 375px;
}

.top-image {
    background-position: 0px -90px;
    min-height: 351px !important;
}


.endOfLifePage .top-image,
.Home .top-image {
    min-height: 520px !important;
    background-position: top center;
}



.endOfLifePage .breadcrumbs {
    padding-top: 30px;
    padding-bottom: 15px;
}


.endOfLifePage .tit-description h1 {
    display: inline;
}

    .endOfLifePage .tit-description h1:nth-child(3) {
        margin-left: 5px;
    }

.endOfLifePage .tit-wrapper {
    padding-bottom: 0px;
}

.endOfLifePage .eol-products-container {
    max-width: 916px;
    margin: auto;
    margin-top: 70px;
}

.endOfLifePage .eol-container {
    border-top: solid 1px #eaeaea;
}

.endOfLifePage .eol-products-container h2 {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 0.6px;
    color: #393737;
    padding-top: 30px;
    padding-bottom: 18px;
    margin: 0px;
}

.endOfLifePage .eol-products-container .html {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.4px;
    color: #666666;
    padding-bottom: 25px;
}

.endOfLifePage .eol-container {
    padding-bottom: 40px;
}

    .endOfLifePage .eol-container ul {
        display: inline-block;
        vertical-align: top;
        padding-bottom: 30px;
    }

        .endOfLifePage .eol-container ul:nth-of-type(1) {
            margin-right: 131px;
        }

        .endOfLifePage .eol-container ul:nth-of-type(2) {
            margin-right: 98px;
        }

        .endOfLifePage .eol-container ul li h4 {
            font-size: 16px;
            font-weight: bold;
            line-height: 2;
            letter-spacing: 0.5px;
            color: #393737;
            margin: 0px;
        }



.tit-description .button {
    margin: 25px 17px 0 0;
}

.inside .tit-description ul, .inside .tit-description ol {
    margin: 13px 0;
    padding: 0;
}

.inside .tit-description ul {
    margin-left: 13px;
}

    .inside .tit-description ul li {
        /*list-style: outside disc;*/
        margin-bottom: 4px;
    }

        .inside .tit-description ul li:before {
            content: '';
            display: block;
            position: absolute;
            top: 5px;
            width: 16px;
            height: 16px;
            background: var(--sprite) -34px 0;
            background-repeat: no-repeat;
            margin-right: 11px;
            left: 0px;
        }


.inside .tit-description ol li {
    list-style: inside decimal;
    margin-bottom: 4px;
}
/* Home content */

.tcc-left, .tcc-right {
    float: left;
    width: 438px;
    margin-left: 30px;
}

.ch-link {
    float: right;
    color: #666666;
    margin-top: 3px;
    transition: color 0.6s ease 0s;
}

a.ch-link:before {
    content: '›';
    display: inline-block;
    color: var(--main-color);
    margin-right: 4px;
    vertical-align: top;
    position: relative;
    top: -1px;
}

a.ch-link:hover {
    color: #000;
}

.ch-title {
    font-size: 16px;
    color: #393737;
    text-transform: uppercase;
    font-weight: 700;
}

.column-header {
    padding: 45px 0 30px 0;
}

.cb-header, .content-block h2, .content-block h3 {
    font-size: 16px;
    margin: 11px 0 12px 0;
}

    .cb-header a {
        color: #393737;
    }

.cb-short, .content-block p {
    line-height: 24px;
}

.tcc-right .cb-short {
    padding-top: 63px; /* 33px */
}

.cb-img, .content-block img {
    display: block;
    margin-bottom: 45px;
}

.Home .content-block.fade,
.Landing .content-block.fade,
.endOfLifePage .content-block.fade {
    height: 380px;
    overflow: hidden;
}

.Home .column .read-more,
.Landing .column .read-more,
.endOfLifePage .column .read-more {
}

    .Home .column .read-more a,
    .Landing .column .read-more a,
    .endOfLifePage .column .read-more a {
        font-weight: bold;
        line-height: 2;
        color: #393737;
    }

    .Home .column .read-more::before,
    .Landing .column .read-more::before,
    .endOfLifePage .column .read-more::before {
        content: '›';
        display: inline-block;
        color: var(--main-color);
        margin-right: 4px;
        vertical-align: top;
        position: relative;
        top: 4px;
    }

.Home .content-block .fade.active,
.Landing .content-block .fade.active,
.endOfLifePage .content-block .fade.active {
    height: 100px;
    overflow: hidden;
}

    .Home .content-block .fade.active:before,
    .Landing .content-block .fade.active:before,
    .endOfLifePage .content-block .fade.active:before {
        content: '';
        width: 100%;
        height: 100px;
        position: absolute;
        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 1)); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
        background-image: linear-gradient(rgba(255, 255, 255, 0) 10px,#fff); /* Standard syntax; must be last */
        z-index: 100;
    }

.second-intro-block {
    max-width: 966px;
    margin: auto;
    border-top: solid 1px #eaeaea;
    margin-top: 80px;
}

    .second-intro-block p:first-child {
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0.4px;
        color: #666666;
        padding-top: 40px;
        padding-bottom: 46px;
    }

/* Responsive iFrame */
.intrinsic-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
    padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
    padding-bottom: 75%;
}

.intrinsic-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.iframe-container-16x9 {
    padding-bottom: 56.25%;
}

.iframe-container-4x3 {
    padding-bottom: 75%;
}


.second-intro-block p {
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
}

.second-intro-block .labels {
    display: block;
    position: absolute;
    top: 30px;
    left: 25px;
    z-index: 100;
}


    .second-intro-block .labels .sub-title {
        display: table;
        margin-top: 10px;
        margin-left: -4px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        padding: 5px 15px;
        position: relative;
        box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .15);
        font-size: 21px;
        font-weight: bold;
        line-height: 1.33;
        letter-spacing: 0.6px;
    }

.second-intro-block .sub-title:before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 4px;
    height: 4px;
    box-sizing: border-box;
    background-color: inherit;
    border-style: solid;
    border-width: 2px;
    border-color: transparent transparent #fff #fff;
    box-shadow: inset -2px 2px 0 #000;
}


.printer-block {
    background-image: url(../img/printer-block.png);
    background-position-y: center;
    background-position-x: center;
    background-color: #EEE;
    background-repeat: no-repeat;
    max-width: 100%;
    padding: 0px;
    margin: auto;
}

.printer-block-container {
    max-width: 966px;
    margin: auto;
}

.printer-block .left {
    width: 390px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
    margin-bottom: 50px;
}

    .printer-block .left h2 {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 40px;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.33;
        letter-spacing: 0.6px;
        color: var(--main-color);
    }


    .printer-block .left .intro {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 19px;
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: 0.4px;
        color: #666666;
        margin-bottom: 26px;
    }

    .printer-block .left b, .printer-block .left strong {
        padding-top: 30px;
        color: #1a1a1a;
        display: inline-block;
    }

.printer-link-item {
    border-top: solid 1px #eaeaea;
    height: 50px;
    width: 100%;
    vertical-align: central;
}

    .printer-link-item a {
        font-size: 12px;
        font-weight: bold;
        line-height: 2.29;
        letter-spacing: 0.4px;
        color: #333333;
        margin-left: 30px;
        padding-top: 10px;
        display: inline-block;
        position: relative;
        width: 100%;
    }

        .printer-link-item a:hover {
            color: var(--main-color);
            transition: color 0.6s ease 0s;
        }

        .printer-link-item a::after {
            content: '';
            display: block;
            width: 5px;
            height: 8px;
            position: absolute;
            right: 67px;
            top: 15px;
            background-image: var(--sprite);
            background-repeat: no-repeat;
        }

.printer-block .right {
    width: 373px;
    display: inline-block;
    margin-left: 65px;
    vertical-align: top;
    margin-top: 105px;
    margin-bottom: 50px;
}

    .printer-block .right img {
        mix-blend-mode: multiply;
    }


.tcc-right img {
    margin-bottom: 45px;
}
/* Product overview */

.products-list.detail {
    height: auto !important;
}

.products-overview {
    background-color: #f3f3f3;
    padding: 40px 0 0 0;
}

.po-wrapper {
    padding: 0 30px 20px 30px;
}

.pl-header {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 21px;
    color: #393737;
}

.pl-description {
    line-height: 24px;
    padding-bottom: 25px;
}

    .pl-description > h2 {
        margin: 0;
    }

.products-grid {
    padding: 0 15px;
}

.pl-item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    margin: 0 0 30px 0;
}

    .pl-item .wrapper {
        padding: 0 15px 118px;
    }

        .pl-item .wrapper:after {
            content: '';
            display: block;
            height: 1px;
            left: 15px;
            right: 15px;
            bottom: 0;
            position: absolute;
            background-color: #dfdfdf;
        }

.detail .pl-item {
    position: relative;
}

.pl-item a.media {
    display: block;
    height: 219px;
    position: relative;
    background-color: #fff;
    background-image: url('/img/plotter_noImage.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 25px;
}

    .pl-item a.media > .labels {
        position: absolute;
        left: 0;
        bottom: 30px;
        max-width: 100%;
    }

        .pl-item a.media > .labels > .label {
            display: table;
            box-sizing: border-box;
            height: 30px;
            margin-top: 10px;
            line-height: 20px;
            text-transform: uppercase;
            font-style: normal;
            font-weight: bold;
            font-size: 16px;
            color: #fff;
            padding: 5px 15px;
            position: relative;
            box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .3);
            margin-left: -4px;
        }

            .pl-item a.media > .labels > .label:before {
                content: '';
                display: block;
                position: absolute;
                top: 100%;
                left: 0;
                width: 4px;
                height: 4px;
                box-sizing: border-box;
                background-color: inherit;
                border-style: solid;
                border-width: 2px;
                border-color: transparent transparent #f3f3f3 #f3f3f3;
                box-shadow: inset -4px 0 0 rgba(0, 0, 0, .4);
            }

.pl-item > .labels {
    position: absolute;
    left: 0;
    bottom: 30px;
    max-width: 100%;
}

.pl-item .labels > .label {
    display: table;
    box-sizing: border-box;
    height: 30px;
    margin-top: 10px;
    line-height: 20px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    padding: 5px 15px;
    position: relative;
    box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .3);
    margin-left: -4px;
}

    .pl-item .labels > .label:before {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 4px;
        height: 4px;
        box-sizing: border-box;
        background-color: inherit;
        border-style: solid;
        border-width: 2px;
        border-color: transparent transparent #f3f3f3 #f3f3f3;
        box-shadow: inset -4px 0 0 rgba(0, 0, 0, .4);
    }



.labelwap {
    position: absolute;
    top: 110px;
}

a.labellink {
    color: #FFF;
}

.pl-img {
    display: block;
    margin-bottom: 26px;
    height: 219px;
}

.pl-price {
    float: right;
    font-weight: 700;
    color: #222222;
    font-size: 16px;
}

.pl-name {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--main-color);
    padding-bottom: 7px;
}

.pl-item ul {
    min-height: 96px;
}

    .pla-item, .pl-item ul li {
        float: left;
        width: 50%;
        line-height: 24px;
    }

        li.pla-item:before, .pl-item ul li:before {
            content: '';
            display: inline-block;
            width: 4px;
            height: 4px;
            background: var(--sprite) -5px 0;
            margin-right: 6px;
            vertical-align: middle;
        }

.pl-controls {
    padding: 22px 15px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.more-button {
    position: relative;
    top: 10px;
    display: block;
    width: 100%;
    padding: 0 !important;
    text-align: center;
    padding: 0;
    border-radius: 0 0 3px 3px;
}

a.more-button:after {
    display: inline-block;
    position: static;
    width: 8px;
    height: 5px;
    background-position: -9px 0 !important;
    margin-left: 24px;
    vertical-align: middle;
}

.pl-controls .compare { /*display: none !important;*/
    padding-top: 21px;
}

    .pl-controls .compare a {
        text-decoration: none;
        cursor: default;
        color: #666;
    }

        .pl-controls .compare a.active {
            text-decoration: underline;
            cursor: pointer;
            color: var(--main-color);
        }

            .pl-controls .compare a.active:hover {
                text-decoration: none;
            }

    .pl-controls .compare input[type="checkbox"] {
        display: none;
    }

        .pl-controls .compare input[type="checkbox"] + i {
            display: inline-block;
            vertical-align: middle;
            width: 15px;
            height: 15px;
            border: solid 1px #bfbfbf;
            border-width: 1px 0 0 1px;
            background-color: #fff;
            margin: -2px 6px 0 0;
            cursor: default;
        }

        .pl-controls .compare input[type="checkbox"]:checked + i:before {
            content: '';
            display: block;
            width: 14px;
            height: 15px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAMAAABsDg4iAAAAsVBMVEXMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADn27MiAAAAOnRSTlMAAQIDBAYICgsPExkcHyEnKCwtNDlITl9pbXJ1f4+RlpynqrGyuLm9w8fLzNLU2dvf4ePq7vD09fz+zebA0AAAAItJREFUeF6N0LcSwjAQhOEDE2xyzsHknESw2fd/MMSOCsk0fMXN3F+u/CE7V7Vky68BVXFbsIV2TtutsMfX1Y7FE9uzwW9wqOtbvrDFbbY+8GhJ9QbqsXXfAKLwDpoIvWBZeEIjqx19McYwoEpiSCoEIWoKkTdjizvuDEtoQ3HlNsBUkvzdKiM/nPQBKaYbb97LeGMAAAAASUVORK5CYII=);
            background-position: center center;
            background-size: 10px 9px;
            background-repeat: no-repeat;
        }

.filters .custom-select {
    width: 33.333333%;
    float: left;
}

.filters select {
    width: 33.333333%;
}
/* Overview */

.tit-info.inside {
    padding-right: 30px;
    padding-bottom: 32px;
    padding-top: 21px;
}

.inside .tit-description {
    padding-bottom: 0;
    padding-top: 0;
}

    .inside .tit-description:after {
        content: '';
        display: block;
        clear: both;
    }

    .inside .tit-description h1, .inside .tit-description h2 {
        padding-top: 0;
    }

        .inside .tit-description h1:only-child, .inside .tit-description h2:only-child {
            margin-bottom: 0;
        }

.breadcrumbs {
    padding: 6px 0 7px 0;
}

.breadcrumb-link {
    color: #666666;
    transition: color 0.6s ease 0s;
}

a.breadcrumb-link:after {
    content: '›';
    display: inline-block;
    margin: 0 4px 0 9px;
    color: #666666 !important;
    position: relative;
    top: -1px;
}

a.breadcrumb-link:hover {
    color: #000;
}

.breadcrumb-current {
    color: var(--main-color);
}

.two-columns-content.inside .tcc-left {
    padding: 30px 0 0 0;
}

.two-columns-content.inside .tcc-right {
    padding: 14px 0 0 0;
}
/* Product detail */

.product-detail {
    position: relative;
    z-index: 5;
    margin: -260px 0 0 0;
    background-color: #ffffff;
    padding: 21px 0 16px 0;
}

.pd-wrapper {
    max-width: 906px;
    margin: 0 auto;
}

.pd-header {
    font-size: 21px;
}

.pd-left {
    float: left;
    width: 594px;
}

.pd-right {
    float: left;
    width: 282px;
    margin-left: 30px;
    padding-bottom: 40px;
}

.pda-header {
    font-size: 16px;
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: 700;
    padding: 19px 0 17px 0;
}

.pda-item, .pd-attributes li {
    font-size: 12px;
    line-height: 24px;
    padding: 0 0 7px 25px;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
}

    li.pda-item:before, .pd-attributes li:before {
        content: '';
        display: inline-block;
        width: 17px;
        height: 18px;
        background: var(--sprite) -33.2px 0px;
        position: absolute;
        top: 3px;
        left: 0;
    }

.pd-price {
    font-size: 32px;
    font-weight: 700;
    color: #222222;
    padding: 7px 0 30px 0;
    white-space: nowrap;
}

.vat-tip {
    float: right;
    font-size: 11px;
    color: #999999;
    font-weight: normal;
    padding: 19px 0 0 0;
}

    .vat-tip.exclusive-price {
        padding: 5px 0 0 0;
    }

.red-block {
    background-color: var(--main-color);
    color: #ffffff;
    padding: 23px 20px 20px 20px;
    margin-bottom: 30px;
}

    .red-block .button + .button {
        margin-left: 0;
    }

.rb-header {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 16px;
}

.rb-text {
    line-height: 24px;
    padding-bottom: 23px;
}

.red-block .button {
    text-align: center;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}

.pdg-main {
    width: 594px;
    min-height: 430px;
    margin: 10px 0;
}

    .pdg-main.video {
        cursor: pointer;
        position: relative;
    }

    .pdg-main iframe {
        display: block;
    }

div.pdg-main.video:before {
    content: '';
    display: block;
    width: 58px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -29px;
    z-index: 2;
    background: var(--sprite) 0 -68px no-repeat;
}

div.pdg-main.video-playing:before {
    display: none;
}

.pdg-main-img {
    display: block;
    max-width: 100%;
}

.video-playing .pdg-main-img {
    display: none;
}

.pdg-item {
    float: left;
    border: 1px solid #dfdfdf;
    margin-left: 10px;
}

li.pdg-item:first-child {
    margin-left: 0;
}

.pdg-item.active {
    border-color: var(--main-color);
}

.pdg-item.video .pdg-link {
    position: relative;
    display: block;
}

.pdg-item.video a.pdg-link:before {
    content: '';
    display: block;
    width: 40px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -14px 0 0 -20px;
    background: var(--sprite) 0 -108px no-repeat;
}

.pdg-thumbnail {
    display: block;
}

.product-information {
    line-height: 24px;
    padding: 35px 0 0 0;
}

.pi-header {
    font-size: 16px;
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 13px;
}

.product-information p {
    padding-bottom: 24px;
}

.product-information strong {
    color: #1a1a1a;
}

.product-detail + .products-overview {
    padding-top: 25px;
}

    .product-detail + .products-overview .pl-controls {
        border: none;
    }

    .product-detail + .products-overview .pl-item { /*    margin-bottom: 0;*/
    }

.product-detail + .two-columns-content.inside .tcc-right {
    padding-top: 0;
}

    .product-detail + .two-columns-content.inside .tcc-right .cb-short {
        padding-top: 30px;
    }

#map-canvas {
    width: 100%;
    height: 590px;
}

/* Events */

.events {
    margin: -20px 30px;
}

.event-item {
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 30px 0;
    margin-bottom: 30px;
}

.event-img {
    float: left;
}

.event-info {
    margin-left: 234px;
}

.event-title {
    margin: -4px 0 20px 0;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--main-color);
    font-weight: 700;
}

.event-description {
    line-height: 24px;
}

    .event-description strong {
        color: #1a1a1a;
    }

.event-info .button {
    margin: 20px 0 0 0;
}
/* Contact */

.contact {
    position: relative;
    z-index: 5;
    margin: -260px 0 0 0;
    background-color: #ffffff;
    padding: 21px 0 0 0;
}

.contact-wrapper {
    max-width: 906px;
    margin: 0 auto;
}

.ontact-header {
    font-size: 21px;
    padding-left: 30px;
}

.form-wrapper {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 30px 0 20px 0;
}

.form-line {
    padding-bottom: 10px;
    clear: both;
}

.form-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #666666;
    width: 155px;
}

    .form-label.v-top {
        vertical-align: top;
        margin-top: 13px;
    }

.form-input {
    background-color: #f3f3f3;
    font-size: 14px;
    color: #393737;
    font-family: 'Karla', sans-serif;
    border: none;
    border: 1px solid #f3f3f3;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    width: 360px;
    box-sizing: border-box;
}

.form-textarea {
    background-color: #f3f3f3;
    font-size: 14px;
    color: #393737;
    font-family: 'Karla', sans-serif;
    border: none;
    height: 78px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    width: 340px;
    resize: vertical;
}

.form-input.error {
    border: 1px solid #cb0100;
}

.form-label.error {
    color: #cb0100;
}

.error-text {
    color: #cb0100;
    padding-left: 20px;
}

.form-line select {
    width: 360px;
}

.form-line .custom-select {
    display: inline-block;
    width: 360px;
    vertical-align: middle;
}

.form-line .device-select {
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 360px;
}

.form-line .custom-select .custom-text {
    background-color: #f3f3f3;
    text-transform: none;
}

.form-line .custom-text, .form-line .ds-selected {
    border-color: #f3f3f3;
    margin: 0;
}

.form-line .custom-select span.custom-text:hover, .form-line .active span.custom-text {
    background-color: #ffffff;
}

.form-line .error-text {
    display: none !important;
    margin-top: 10px;
    padding-left: 0;
}

.form-line .error .error-text {
    display: block !important;
}

.fomr-controls {
    padding: 40px 0 20px 0;
}

    .fomr-controls input {
        display: none;
    }

.contact-description {
    padding-bottom: 27px;
}

.form-section {
    border-top: 1px solid #eaeaea;
    padding-top: 30px;
    margin-top: 20px;
}

.radio-list {
    display: block;
    padding: 0 0 0 157px;
}

.radio-list-item {
    padding: 25px 0 0 0;
}

.radio-label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    color: #393737;
    font-size: 14px;
}

.custom-radio {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: var(--sprite) 0 -136px no-repeat;
    cursor: pointer;
    vertical-align: middle;
}

    .custom-radio input {
        opacity: 0;
        margin: -5px 0 0 -3px;
        width: 20px;
        height: 20px;
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        cursor: pointer;
    }

    .custom-radio.checked {
        background-position: -14px -136px;
    }

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }
        /**** disabling Isotope CSS3 transitions ****/

        .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }
/* main navigation sub items / added by Maxim / 27-03-2015 */

.mm-item {
    position: relative;
}

    .mm-item ul {
        padding-left: 18px;
        padding-top: 10px;
    }

    .mm-item > ul {
        display: none;
        background-color: #f8f8f8;
        border: solid 1px #dfdfdf;
        border-width: 0 1px 1px;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 120px;
        padding-right: 18px;
        padding-bottom: 10px;
        box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .15);
    }

    .mm-item > .megamenu {
        display: none;
        background-color: #f8f8f8;
        border: solid 1px #dfdfdf;
        border-width: 0 1px 1px;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 573px;
        padding-right: 18px;
        padding-bottom: 22px;
        padding-left: 18px;
        padding-top: 26px;
        box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .15);
        flex-direction: column;
    }

        .mm-item > .megamenu .column-block {
            display: flex;
            flex-direction: row;
        }

        .mm-item > .megamenu .column {
            display: flex;
            flex: 0 0 50%;
            flex-direction: column;
            margin-bottom: 24px;
        }

        .mm-item > .megamenu .all-link {
            font-size: 13px;
            text-transform: uppercase;
            margin-left: 14px;
            font-weight: 700;
            position: relative;
            width: max-content;
            padding-right: 25px;
            margin-top: 10px
        }

            .mm-item > .megamenu .all-link::after {
                content: '';
                display: block;
                width: 5px;
                height: 8px;
                position: absolute;
                right: 14px;
                top: 0;
                bottom: 0;
                margin: auto;
                background-image: var(--sprite);
                background-repeat: no-repeat;
            }

        .mm-item > .megamenu .column-block .column-1 {
            border-right: 2px solid #D3D3D3;
            margin-right: 24px;
        }

        .mm-item > .megamenu .column ul {
            padding: 0;
            margin: 0;
            margin-left: 14px;
        }

            .mm-item > .megamenu .column ul li a {
                font-size: 14px;
                color: #666666;
                font-weight: 400;
            }

                .mm-item > .megamenu .column ul li a:hover {
                    color: var(--main-color);
                }

            .mm-item > .megamenu .column ul li:last-child {
                margin-bottom: 0;
            }

        .mm-item > .megamenu .column .heading {
            font-size: 14px;
            color: var(--main-color);
            margin-bottom: 8px;
            font-weight: 700;
            text-transform: uppercase;
            margin-left: 14px;
        }

    .mm-item li {
        font-weight: 400;
        font-size: 13px;
        line-height: normal;
        white-space: nowrap;
        padding-top: 10px;
        margin-bottom: 10px;
    }

        .mm-item li a {
            color: #666666;
        }

            .mm-item li a.active, .mm-item li a:hover {
                color: var(--main-color);
            }
/* landing page / added by Maxim / 27-03-2015 */

.top-image.landing {
    position: relative;
    height: 380px;
    overflow: hidden;
}

    .top-image.landing img {
        display: block;
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        top: -9999px;
        left: -9999px;
        right: -9999px;
        bottom: -9999px;
        margin: auto;
    }

.landing-cnt {
    position: relative;
    max-width: 906px;
    margin: -210px auto 0 auto;
    padding: 20px 30px 0;
    background-color: #fff;
}

    .landing-cnt + .content-wrapper:before {
        display: none;
    }

    .landing-cnt .breadcrumbs {
        padding: 7px 0;
    }

    .landing-cnt .columns {
        display: table;
        width: 100%;
    }

        .landing-cnt .columns > div {
            display: table-cell;
            vertical-align: top;
        }

        .landing-cnt .columns .main h2 + p {
            margin-top: 17px;
        }

        .landing-cnt .columns .main p {
            font-size: 13px;
            line-height: 24px;
            margin-top: 24px;
        }

        .landing-cnt .columns .main .iframe {
            display: block;
            position: relative;
            height: 0;
        }

        .landing-cnt .columns .side {
            width: 282px;
            padding-left: 30px;
        }

            .landing-cnt .columns .side .title {
                color: var(--main-color);
                font-weight: 700;
                font-size: 16px;
                text-transform: uppercase;
                margin-top: 19px;
                margin-bottom: 20px;
            }

            .landing-cnt .columns .side ul {
                margin-bottom: 32px;
            }

            .landing-cnt .columns .side .button {
                margin-top: 10px;
            }

            .landing-cnt .columns .side li {
                line-height: 18px;
                font-weight: 700;
                color: #1a1a1a;
                padding-left: 26px;
                margin-bottom: 12px;
                position: relative;
            }

                .landing-cnt .columns .side li:before {
                    content: '';
                    display: block;
                    width: 16px;
                    height: 16px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    border-radius: 50%;
                    background-color: var(--main-color);
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAMAAAD3JJ6EAAAAY1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Dm4mgAAAAIHRSTlMAS/wh6kntCc0dcckzncdF3vNjetb4sQERwNsPB6DoL9nbPa0AAABESURBVHheLYtHEsAgEMMWAum99+j/r8zsgC/WQZI478pISUobKMtxhZiqFmmwnUjPYEaY1JqxC+um3n7AeYXmft5P/wdrrgM76EDkdAAAAABJRU5ErkJggg==);
                }

    .landing-cnt .media-carousel {
        margin-top: 42px;
        padding-bottom: 0;
    }

    .landing-cnt .cnt {
        margin-bottom: 25px;
    }

.media-carousel .slider {
    display: block;
    position: relative;
    overflow: hidden;
    width: auto;
    margin-left: -4px;
    padding-left: 4px;
    height: 300px;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    transition: height .3s;
}

.media-carousel .slide {
    display: block;
    position: absolute;
    top: 0;
    left: 4px;
    right: 0;
    visibility: hidden;
}

    .media-carousel .slide.active {
        visibility: visible;
    }

    .media-carousel .slide img {
        display: block;
        width: 100%;
    }

    .media-carousel .slide .labels {
        display: block;
        position: absolute;
        top: 30px;
        left: 0;
    }

        .media-carousel .slide .labels .label, .media-carousel .slide .labels .sub-title {
            display: table;
            margin-top: 10px;
            margin-left: -4px;
            line-height: 20px;
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            padding: 5px 15px;
            position: relative;
            box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .15);
        }

            .media-carousel .slide .labels .label:before, .media-carousel .slide .labels .sub-title:before {
                content: '';
                display: block;
                position: absolute;
                top: 100%;
                left: 0;
                width: 4px;
                height: 4px;
                box-sizing: border-box;
                background-color: inherit;
                border-style: solid;
                border-width: 2px;
                border-color: transparent transparent #fff #fff;
                box-shadow: inset -2px 2px 0 #000;
            }

.media-carousel .pagination {
    padding-top: 26px;
    margin-left: -4px;
}

    .media-carousel .pagination a {
        display: block;
        float: left;
        width: 8px;
        height: 8px;
        padding: 4px;
    }

        .media-carousel .pagination a span {
            display: block;
            background-color: #aeaeae;
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }

        .media-carousel .pagination a.active span, .media-carousel .pagination a:hover span {
            background-color: var(--main-color);
        }

.product-detail-gallery .pdg-main {
    position: relative;
    border: solid 1px #dfdfdf;
}

    .product-detail-gallery .pdg-main .labels {
        display: block;
        position: absolute;
        bottom: 30px;
        left: 0;
    }

        .product-detail-gallery .pdg-main .labels .label {
            display: table;
            margin-top: 10px;
            margin-left: -4px;
            line-height: 20px;
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            padding: 5px 15px;
            position: relative;
            box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .15);
        }

            .product-detail-gallery .pdg-main .labels .label a {
                color: #fff;
            }

            .product-detail-gallery .pdg-main .labels .label:before {
                content: '';
                display: block;
                position: absolute;
                top: 100%;
                left: 0;
                width: 4px;
                height: 4px;
                box-sizing: border-box;
                background-color: inherit;
                border-style: solid;
                border-width: 2px;
                border-color: transparent transparent #fff #fff;
                box-shadow: inset -2px 2px 0 #000;
            }
/* animations */

.moveToLeft {
    -webkit-animation: moveToLeft .5s ease both;
    animation: moveToLeft .5s ease both;
}

.moveFromLeft {
    -webkit-animation: moveFromLeft .5s ease both;
    animation: moveFromLeft .5s ease both;
}

.moveToRight {
    -webkit-animation: moveToRight .5s ease both;
    animation: moveToRight .5s ease both;
}

.moveFromRight {
    -webkit-animation: moveFromRight .5s ease both;
    animation: moveFromRight .5s ease both;
}

.fadeout {
    -webkit-animation: fadeOut .5s ease both;
    animation: fadeOut .5s ease both;
}

.fadein {
    -webkit-animation: fadeIn .5s ease both;
    animation: fadeIn .5s ease both;
}

@-webkit-keyframes moveToLeft {
    from {
    }

    to {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes moveToLeft {
    from {
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveToRight {
    from {
    }

    to {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveToRight {
    from {
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* 2015-05-14 */

.columns-wrapper {
    width: auto;
    margin: 0 15px;
}

    .columns-wrapper > .wrapper {
        display: table;
        width: 100%;
    }

        .columns-wrapper > .wrapper > .column {
            display: table-cell;
            padding: 0 15px;
            width: 33.3333%;
            vertical-align: top;
        }

    .columns-wrapper .column .column-header {
        padding-top: 0;
    }

    .columns-wrapper .column img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 20px;
    }

    .columns-wrapper .column .content-block strong {
        color: #222;
    }

    .columns-wrapper .column > .controls {
        margin-top: 20px;
    }

.Landing .columns-wrapper {
    margin-top: 100px;
}

span[class^="rating-stars-"] {
    display: inline-block;
    vertical-align: middle;
    height: 12px;
    width: 76px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAMCAMAAADSz0aKAAAA3lBMVEXPz8/MAAD////MAADMAADPz8/Pz8/Pz8/MAADPz8/MAADMAADPz8/Pz8/Pz8/MAADMAADMAADPz8/MAADPz8/Pz8/MAADPz8/MAADPz8/Pz8/MAADPz8/MAADMAADMAADPz8/Pz8/Pz8/MAADMAADMAADPz8/Pz8/Pz8/MAADMAADPz8/Pz8/MAADPz8/MAADPz8/MAADMAADPz8/Pz8/MAADMAADMAADMAADPz8/MAADMAADPz8/MAADPz8/Pz8/MAADMAADPz8/Pz8/Pz8/Pz8/MAADMAADPz8/MAACGIuq1AAAASHRSTlMAAAD+hSP+6xTzauuFAxTzIwNqc+9z73x/ShIQEPjGfH/4xmzH+WyHxxJvcG+BgWlplZOVk76HSr2+SXC9y8VJjsWOy4z5jYyq8MMvAAAA80lEQVR4XqXRRY5FQQxDUdf7yMzQzMzMWLX/DbUi/2ygndkdHUtBsLvJBz+twdutg6d2lsGA/VZr5pbWBKaVypyA2D5wnNKqY1oTWItxREBrDuy0b2sp1R7aHRpSA2gUJqUYS6+FBgCpOXBrOy1vsWKe1sDed1ze+gYgtg3czDmQqxqoNbBTdKDYBbTmix8dOAh2WgM4dOAIgNYcGPIEjulpbUKdwAk9qTmwSuCUnNYGdAmckZOaA88JXJDT2oBLAlfkpObA6zTs9YbpjpzWBtzH/mDQj0/kpObA559yCOW3d3L/6F+2D/z8agLNjxdyWmfZHwMGv1oTH91uAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: -80px 0;
    margin-top: -2px;
    margin-right: 6px;
}

span.rating-stars-1 {
    background-position: -64px 0;
}

span.rating-stars-2 {
    background-position: -48px 0;
}

span.rating-stars-3 {
    background-position: -32px 0;
}

span.rating-stars-4 {
    background-position: -16px 0;
}

span.rating-stars-5 {
    background-position: 0 0;
}

.media-carousel.extended {
    padding: 0 30px;
}

    .media-carousel.extended .title h2 {
        margin: 7px 0 35px 0;
    }

    .media-carousel.extended .wrapper:after {
        content: '';
        display: block;
        clear: both;
    }

    .media-carousel.extended .media {
        display: block;
        float: left;
        width: 65.56%;
        overflow: hidden;
        position: relative;
    }

    .media-carousel.extended .text {
        float: left;
        box-sizing: border-box;
        width: 34.44%;
        padding: 0 0 0 30px;
        margin: 0;
        line-height: 24px;
    }

        .media-carousel.extended .text .extra-info {
            left: 30px;
            display: none;
            visibility: visible;
        }

        .media-carousel.extended .text .extra ul {
            margin-top: 33px;
            margin-bottom: 33px;
        }

        .media-carousel.extended .text .extra li {
            font-size: 14px;
            font-weight: bold;
            line-height: 1.71;
            letter-spacing: .4px;
            color: #1a1a1a;
            position: relative;
            padding-left: 27px;
            margin-bottom: 10px;
        }

            .media-carousel.extended .text .extra li:before {
                content: '';
                display: block;
                position: absolute;
                top: 5px;
                height: 17px;
                width: 17px;
                background-image: url(../img/icon_check.png);
                background-repeat: no-repeat;
                background-size: 17px;
                margin-right: 11px;
                left: 0px;
            }

        .media-carousel.extended .text .extra-info.active {
            display: block;
        }

        .media-carousel.extended .text h4 {
            text-transform: none;
            margin: -13px 0 0;
            line-height: 37px;
        }

        .media-carousel.extended .text p + p {
            margin-top: 30px;
        }

.content-section > .wrapper {
    margin: 0 auto;
    max-width: 900px;
    padding: 50px 30px;
}

.content-section.gray-bg {
    background-color: #f3f3f3;
}

.content-section > .wrapper > .title h2 {
    margin: 0;
}

.content-section + .content-wrapper:before {
    display: none;
}

.products-carousel {
    width: auto;
    margin: 25px -15px 0;
    position: relative;
    font-family: 'itemsOnView=2';
}

    .products-carousel > .wrapper {
        width: 100%;
        overflow: hidden;
        font-family: "Karla", sans-serif;
    }

        .products-carousel > .wrapper > ul {
            display: table;
            position: relative;
            left: 0;
        }

    .products-carousel .pl-item {
        display: table-cell;
        float: none;
        vertical-align: top;
        margin: 0;
        padding: 0 15px;
        border-bottom: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }

.awardlabel {
    display: block;
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 0px;
}

.products-carousel .pl-controls {
    position: static;
    padding-bottom: 0;
}

.products-carousel .btn-prev, .products-carousel .btn-next {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 66px;
    background-repeat: no-repeat;
    opacity: 0.5;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.products-carousel .btn-prev {
    left: -70px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAASCAMAAAC6q9RHAAAAgVBMVEU5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc1Xp51AAAAKnRSTlMA2+oPBje9AQOk4xWxnv4kHCujBxPLpfk7iZZbkFh49QQKwdTSI4ct77PSJD4rAAAAcklEQVR4XkXP1xKFIAwEUBUV7L3d3kv+/wNlY9Q8nZ0JsDgyQW9WVh4dhGVMRBdm4lpSDaoODH3LJgTd1tKkoFdY6gwcRixPYH4EnRP7zNYRwjXgcJOzHO4PhKfioF7y1t4hYztvdPtI0e+PIr395e87M1a6DSJqs8hAAAAAAElFTkSuQmCC);
    background-position: 44px 100px;
}

.products-carousel .btn-next {
    right: -70px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAASCAMAAAC6q9RHAAAAgVBMVEU5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc5Nzc1Xp51AAAAKnRSTlMABgMPN+oBvf4VpOMksduleBPaHMo6+Z2WWyqIV4/1o9XACtGfhyLuLbOHDoPFAAAAcUlEQVR4XlWPxxLCMBBD3WJDAKcXem/7/x8IUggz0em9w460SpnMqTG9JJsf5iKyqAY+yjflnKwDpLaUIkKCpiwTyMpQmhbSecp6BtmSd+Q90B2AqZ/e2hPwfPl3Xdl1A8Zhwx3bHorxqTxfAES/x18+W84NFHPIbfwAAAAASUVORK5CYII=);
    background-position: 17px 100px;
}

.products-carousel .btn-prev:hover {
    opacity: 1;
    background-position: 39px 100px;
}

.products-carousel .btn-next:hover {
    opacity: 1;
    background-position: 22px 100px;
}

.landing-cnt .columns .main .cnt ul li {
    margin-left: 13px;
    line-height: 21px;
    margin-bottom: 4px;
}

    .landing-cnt .columns .main .cnt ul li:before {
        content: '';
        display: block;
        float: left;
        margin-left: -13px;
        margin-top: 8px;
        border-radius: 50%;
        width: 4px;
        height: 4px;
        background-color: var(--main-color);
    }

.btn-call, .btn-menu {
    display: none;
}

.filters-controls {
    display: table;
    width: 100%;
    margin-top: 20px;
    direction: rtl;
    margin-bottom: -20px;
}

    .filters-controls > div {
        display: table-cell;
        vertical-align: middle;
        direction: ltr;
    }

    .filters-controls .right {
        text-align: right;
    }

.search-section {
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #f3f3f3;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transform: translateY(-100%) scaleY(0);
    -ms-transform: translateY(-100%) scaleY(0);
    -o-transform: translateY(-100%) scaleY(0);
    -webkit-transform: translateY(-100%) scaleY(0);
    transform: translateY(-100%) scaleY(0);
}

    .search-section > .wrapper {
        display: inline-block;
        vertical-align: middle;
        padding: 30px 20px;
        position: relative;
        text-align: left;
    }

.search-controls {
    display: table;
    margin: 0 auto;
}

    .search-controls > div {
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px;
    }

    .search-controls input {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 39px;
        min-width: 284px;
        display: block;
        padding: 0 10px;
        font-family: "Karla", sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #333;
        background-color: transparent;
        border: solid 1px #d0d1cf;
        -moz-transition: border-color .3s;
        -o-transition: border-color .3s;
        -webkit-transition: border-color .3s;
        transition: border-color .3s;
    }

        .search-controls input:focus {
            border-color: transparent transparent #d0d1cf transparent;
        }

.quick-search {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #f3f3f3;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    display: none;
}

    .quick-search > .wrapper {
        padding: 0 30px 20px;
        margin-top: -10px;
    }

    .quick-search .articles {
        border-bottom: solid 1px #d0d1cf;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

        .quick-search .articles:only-child {
            border-bottom: none;
            margin-bottom: -10px;
            padding-bottom: 0;
        }

        .quick-search .articles li {
            display: block;
            margin: 10px 0;
        }

        .quick-search .articles a {
            font-weight: bold;
        }

            .quick-search .articles a:hover {
                color: #333;
            }
    /*    .quick-search .products {        border-bottom: solid 1px #d0d1cf;        padding-bottom: 10px;        margin-bottom: 20px;    }*/

    .quick-search .products li {
        display: block;
        margin: 20px 0;
        width: auto;
    }

    .quick-search .products a {
        display: table;
        width: 100%;
    }

        .quick-search .products a > span {
            display: table-cell;
            vertical-align: top;
        }

        .quick-search .products a > .media {
            width: 120px;
            padding-right: 20px;
        }

    .quick-search .products .media span {
        display: block;
        width: 120px;
        height: 60px;
        background-image: url('/img/plotter_noImage.gif');
        background-position: center center;
        background-color: #fff;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .quick-search .products .cnt {
        letter-spacing: .04em;
        vertical-align: middle;
        line-height: 20px;
    }

        .quick-search .products .cnt .title {
            display: block;
            font-size: 14px;
            text-transform: uppercase;
            color: #5c5651;
            margin-bottom: 3px;
        }

    .quick-search .products a:hover .cnt .title {
        color: var(--main-color);
    }

    .quick-search .products .cnt .price {
        font-size: 16px;
        font-weight: bold;
        color: #48413c;
    }

    .quick-search .products-more {
        border-top: solid 1px #d0d1cf;
        padding-top: 20px;
    }

        .quick-search .products-more a {
            font-weight: bold;
        }

            .quick-search .products-more a:hover {
                color: #333;
            }

.open-search .search-section {
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    -webkit-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1);
}

.search-list {
    margin: -40px 30px 0;
}

.search-item {
    display: table;
    width: 100%;
    border-bottom: solid 1px #eaeaea;
}

    .search-item > div {
        display: table-cell;
        padding: 20px 0;
        vertical-align: top;
        font-size: 13px;
        line-height: 24px;
    }

    .search-item > .media {
        width: 214px;
        padding-right: 20px;
    }

        .search-item > .media a {
            display: block;
            width: 100%;
            height: 0;
            padding-bottom: 50%;
            background-image: url('/img/plotter_noImage.gif');
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

    .search-item .title {
        text-transform: uppercase;
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
    }

        .search-item .title a:hover {
            color: #1a1a1a;
        }

    .search-item .link a {
        font-weight: bold;
        color: #1a1a1a;
    }

        .search-item .link a:hover {
            color: var(--main-color);
        }

        .search-item .link a:before {
            content: '› ';
            font-weight: normal;
            color: var(--main-color);
        }

    .search-item .tizer {
        margin-bottom: 10px;
        max-height: 7em;
        overflow: hidden;
        position: relative;
    }

        .search-item .tizer:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 3em;
            background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        }

    .search-item .price {
        margin-bottom: 31px;
    }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* compare products */

.content-wrapper.no-border-top:before {
    display: none;
}

.nagative-gap {
    margin-bottom: -20px;
}

.content-wrapper > .breadcrumbs + .right-controls {
    float: right;
}

.compare-table {
    font-family: 'colsNumber=3,tableWidth=100'; /* responsiveness variables: number of columns in compare table */
}

    .compare-table > .wrapper {
        overflow: auto;
        border: solid 1px #eaeaea;
        border-width: 0 1px;
        font-family: 'Karla', sans-serif;
    }

    .compare-table .table, .table.specs {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%;
        font-size: 13px;
        position: relative;
    }

.table.specs {
    margin-bottom: 20px;
}

    .compare-table .row, .table.specs .row {
        display: table-row;
    }

    .compare-table .cell, .table.specs .cell {
        display: table-cell;
        vertical-align: top;
        width: 33.33%;
        border: solid 1px #eaeaea;
        padding: 17px 18px;
    }

        .compare-table .cell:first-child {
            border-left: none;
            font-weight: bold;
            color: #393737;
        }

        .compare-table .cell:last-child {
            border-right: none;
        }

        .table.specs .cell:first-child {
            font-weight: bold;
            color: #393737;
        }

    .compare-table .colspan, .table.specs .colspan {
        background-color: #f3f3f3;
        border: none;
        font-size: 16px;
        text-transform: uppercase;
        color: #222222;
        font-weight: bold;
        padding: 15px 18px;
    }

.compare-table .row:first-child .cell {
    text-align: center;
}

    .compare-table .row:first-child .cell:first-child {
        vertical-align: middle;
    }

.compare-table .compare-controls {
    text-align: left;
}

    .compare-table .compare-controls label {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #393737;
        padding: 12px 0 12px 16px;
    }

    .compare-table .compare-controls input {
        display: none;
    }

        .compare-table .compare-controls input + i {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            left: -16px;
            width: 14px;
            height: 14px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 50%;
            background-color: #f3f3f3;
            box-shadow: inset 1px 1px 0 #a0a0a0;
        }

        .compare-table .compare-controls input:checked + i:before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: var(--main-color);
            box-shadow: inset -1px -1px 0 #870a0a;
            margin: 2px;
        }

.compare-table .product-wrapper {
    position: relative;
    padding-bottom: 3px;
}

    .compare-table .product-wrapper > .remove {
        display: block;
        width: 12px;
        height: 12px;
        padding: 10px;
        position: absolute;
        top: -12px;
        right: -14px;
    }

        .compare-table .product-wrapper > .remove svg {
            display: block;
            width: 14px;
            height: 14px;
        }

            .compare-table .product-wrapper > .remove svg path {
                fill: var(--main-color);
            }

        .compare-table .product-wrapper > .remove:hover svg path {
            fill: #870a0a;
        }

    .compare-table .product-wrapper .product-image {
        height: 175px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .compare-table .product-wrapper .name {
        font-size: 16px;
        text-transform: uppercase;
        color: var(--main-color);
        font-weight: bold;
        margin-bottom: 15px;
    }

.compare-table .tooltip, .table.specs .tooltip {
    display: block;
    float: right;
    width: 17px;
    height: 20px;
    background-color: #f0f0f0;
    box-shadow: inset -1px -1px 0 #b7b7b7;
    border-radius: 50%;
    text-align: center;
    padding-right: 3px;
    margin-bottom: -4px;
    cursor: default;
}

    .compare-table .tooltip:before, .table.specs .tooltip:before {
        content: 'i';
        font-style: italic;
        font-weight: bold;
        font-size: 12px;
        color: #333;
        line-height: 20px;
    }

    .table.specs .tooltip:before {
        display: block;
    }

.ui-tooltip, .tooltip-arrow:after {
    background: #fff;
    border: 1px solid var(--main-color);
}

.ui-tooltip {
    box-sizing: border-box; /*padding: 10px 16px;*/
    color: #666;
    font-size: 13px;
    line-height: 20px;
    max-width: 400px;
    min-width: 170px;
    position: absolute;
    z-index: 9999;
    padding: 0;
}

    .ui-tooltip .innerwap {
        padding: 10px 16px;
    }

    .ui-tooltip .heading {
        width: 100%;
        padding: 5px 16px;
        background: #c80211;
        color: #FFF;
        box-sizing: border-box;
        position: relative;
    }

    .ui-tooltip h4 {
        text-transform: none;
        margin: 0;
        color: #393737;
        font-size: 13px;
        line-height: 20px;
    }

.tooltip-arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .tooltip-arrow.top {
        top: -16px;
        bottom: auto;
    }

    .tooltip-arrow.left {
        left: 20%;
    }

    .tooltip-arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .tooltip-arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.ui-helper-hidden-accessible {
    display: none;
}
/* tabs content */

.tabs-container .tab {
    display: none;
}

    .tabs-container .tab:first-child {
        display: block;
    }

.tabs-container.activated .tabs-labels {
    margin-bottom: 20px;
}

    .tabs-container.activated .tabs-labels:after {
        content: '';
        display: block;
        clear: both;
    }

    .tabs-container.activated .tabs-labels > .tab {
        display: block !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        float: left;
        text-align: center;
        position: relative;
        cursor: pointer;
        padding-top: 16px;
    }

        .tabs-container.activated .tabs-labels > .tab:before {
            content: '';
            display: block;
            position: absolute;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: solid 1px #dfdfdf;
            border-width: 1px 1px 0 1px;
            left: 0;
            right: 0;
            bottom: 0;
            height: 0px;
            -moz-transition: .3s;
            -o-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s;
        }

        .tabs-container.activated .tabs-labels > .tab .pi-header {
            position: relative;
            z-index: 1;
            color: #666666;
            -moz-transition: .3s;
            -o-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s;
        }

        .tabs-container.activated .tabs-labels > .tab.active:before {
            height: 100%;
        }

        .tabs-container.activated .tabs-labels > .tab:hover .pi-header, .tabs-container.activated .tabs-labels > .tab.active .pi-header {
            color: var(--main-color);
        }

.tabs-container.activated .tabs-content > .tab, .tabs-container.activated .tabs-content > .tab:first-child {
    display: none;
}

.products-overview .filters {
    background: var(--main-color);
    padding: 1px;
}

.filters-top {
    background: var(--main-color);
    padding: 10px;
    color: #FFF;
}


.Home .filters-top {
    background: #d4d4d4;
    color: #393737;
}

.Home .products-overview .filters {
    background: #d4d4d4;
}

.Home select-list li:hover, .Home .select-list li.selected {
    background: #d4d4d4;
}

.closebtn {
    background: url(../img/closebtn.png) no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    cursor: pointer;
}

.ui-tooltip .heading .close {
    background: url(../img/closebtn.png) no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 20;
}

#tempblock {
    position: relative;
    width: 345px;
    margin-top: 20px;
}

    #tempblock .partner-statuslogo {
        width: 53px;
        height: 53px;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 3;
    }

        #tempblock .partner-statuslogo img {
            width: 100%;
            height: 100%;
        }

    #tempblock .rr-images {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

.ui-tooltip-content ul {
    padding-left: 20px;
}

    .ui-tooltip-content ul li {
        list-style: inherit !important;
    }

.ui-tooltip-content ol {
    padding-left: 20px;
}

    .ui-tooltip-content ol li {
        list-style: inherit !important;
    }

.mce-content-body ul {
    padding-left: 20px;
    padding-bottom: 20px;
}

    .mce-content-body ul li {
        list-style: inherit !important;
    }

.mce-content-body ol {
    padding-left: 20px;
    padding-bottom: 20px;
}

    .mce-content-body ol li {
        list-style: inherit !important;
    }

.rr-time ul li {
    position: relative;
    padding-left: 22px;
    line-height: 26px;
}

    .rr-time ul li:before {
        background: var(--sprite) no-repeat -34px 5px;
        content: "";
        display: inline-block;
        width: 22px;
        height: 22px;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
    }

.rr-usp {
    border-bottom: 1px solid #dfdfdf;
}

.home-top .tit-description img {
    width: 50%;
    height: auto;
    float: right;
    margin-top: 50px;
    width: 50%;
}

.home-top .tit-description h2 {
    height: 60px;
    overflow: hidden;
    font-size: 18px;
}

    .home-top .tit-description h2 > :nth-child(n+2) {
        display: block;
        float: right;
        margin-top: 0;
    }

.home-top .tit-description p:last-child {
    display: block;
    float: left;
    width: 100%;
}

.home-top .tit-description p > :nth-child(n+3) {
    margin-left: 7%;
}

.home-top .left, .home-top .right {
    float: left;
}

.home-top .left {
    max-width: 535px;
}

.home-top .right {
    float: left;
    max-width: 400px;
}

    .home-top .right img {
        margin-left: 88px;
        padding-right: 42px;
        max-width: 270px;
    }

.logo-img {
    height: 47px;
    width: 240px; 
    background-image: var(--logo);
    background-repeat: no-repeat;
    background-size: contain;
}


@media (max-width: 1090px) {
    .header-top-wrapper {
        width: 100%;
    }

        .header-top-wrapper .logo-container {
            margin-left: 50px;
        }

    body {
        min-width: 100%;
    }
}

@media (max-width: 990px) {
    .header-top-wrapper .search-container {
        margin-left: 66px;
    }

    .header-top-wrapper .partner-container {
        margin-left: 66px;
    }
}

@media (max-width: 980px) {
    body {
        min-width: 760px;
    }

    .top-image {
        max-height: none;
    }

    .top-image-text {
        position: static;
    }

    .tit-info {
        padding: 0 20px;
    }

    .media-carousel.extended .media, .media-carousel.extended .text {
        width: 50%;
    }

    .pl-item a.media > .labels > .label,
    .media-carousel .slide .labels .label,
    .media-carousel .slide .labels .sub-title,
    .product-detail-gallery .pdg-main .labels .label,
    .second-intro-block .labels .sub-title {
        font-size: 13px;
        line-height: 16px;
        height: 26px;
    }

    .media-carousel .slide .labels .sub-title,
    .product-detail-gallery .pdg-main .labels .label {
        height: auto;
    }

    .second-intro-block .labels .sub-title {
        height: auto;
    }

    .second-intro-block .labels {
        top: 20px;
    }

    div.content-wrapper:before {
        left: 20px;
        right: 20px;
        margin-left: 0;
        width: auto;
    }


    .fpl-item {
        padding: 3px 0;
    }

    .fpl-link {
        line-height: 18px;
    }

    .media-carousel.extended {
        padding: 0;
    }

    .products-carousel .pl-controls {
        padding: 0;
    }

    .products-carousel .btn-prev {
        left: -15px;
        width: 40px;
        background-position: 10px 15px;
        top: 85px;
        bottom: auto;
        height: 48px;
        background-color: #fff;
        border-radius: 0 24px 24px 0;
        box-shadow: 0 0 8px rgba(0,0,0,.4);
    }

        .products-carousel .btn-prev:hover {
            background-position: 10px 15px;
            opacity: .5;
        }

    .products-carousel .btn-next {
        right: -15px;
        width: 40px;
        background-position: 17px 15px;
        top: 85px;
        bottom: auto;
        height: 48px;
        background-color: #fff;
        border-radius: 24px 0 0 24px;
        box-shadow: 0 0 8px rgba(0,0,0,.4);
    }

        .products-carousel .btn-next:hover {
            background-position: 17px 15px;
            opacity: .5;
        }

    .pl-item ul {
        padding-bottom: 10px;
    }

    .products-list.all-products .pl-item ul {
        min-height: 120px;
        padding-bottom: 40px;
    }

    .pl-name {
        margin-right: 40%;
    }

    .pla-item, .pl-item ul li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 10px;
    }

    .pl-controls:before {
        content: '';
        display: block;
        clear: both;
    }

    .pl-controls a + a {
        margin-left: 0 !important;
        margin-top: 10px;
    }

    .footer-cnt .columns-wrapper {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

        .footer-cnt .columns-wrapper > .wrapper {
            display: block;
        }

            .footer-cnt .columns-wrapper > .wrapper > .column {
                display: block;
                width: auto;
                padding: 0;
            }

                .footer-cnt .columns-wrapper > .wrapper > .column + .column {
                    margin-top: 60px;
                    position: relative;
                }

                    .footer-cnt .columns-wrapper > .wrapper > .column + .column:before {
                        content: '';
                        display: block;
                        height: 1px;
                        position: absolute;
                        top: -30px;
                        left: 0;
                        right: 0;
                        background-color: #eaeaea;
                    }

        .footer-cnt .columns-wrapper .column .column-header {
            padding-bottom: 10px;
        }

        .footer-cnt .columns-wrapper .column .content-block {
            margin-right: 260px;
        }

        .footer-cnt .columns-wrapper .column img {
            width: 240px !important;
            height: auto !important;
        }

    .footer-cnt .column .content-block > p:first-child {
        display: block;
        float: right;
        margin-right: -260px;
    }

    .po-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tcc-left, .tcc-right {
        width: auto;
        margin: 0;
        padding: 0 20px;
    }

    .landing-cnt .columns .side {
        width: auto;
    }

    .content-wrapper {
        padding: 40px 20px;
    }

    .product-detail {
        margin-top: -40px;
    }

    .pd-left {
        float: none;
        width: auto;
    }

    .pdg-main {
        margin: 10px auto;
    }

    .pdg-list {
        text-align: center;
    }

    .pdg-item {
        float: none;
        display: inline-block;
    }

    .pd-right {
        float: none;
        margin-left: 0;
        width: auto;
    }

        .pd-right > div {
            width: 50%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
        }

            .pd-right > div:first-child {
                padding-right: 30px;
            }

        .pd-right > .banner-block {
            clear: both;
        }

    .tcc-right .cb-short {
        padding-top: 20px;
    }

    #map-canvas {
        height: 360px;
    }



    .products-grid {
        padding: 0 5px;
    }

    .landing-cnt .columns .main p.iframe {
        position: relative;
        height: 0;
    }

        .landing-cnt .columns .main p.iframe iframe {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100% !important;
            height: 100% !important;
        }

    .content-wrapper .tit-info.inside {
        padding: 0;
    }

    .events {
        margin-left: 0;
        margin-right: 0;
    }

    .contact {
        margin-top: -20px;
        padding-top: 0;
    }

    .contact-form .device-select {
        display: inline-block;
        vertical-align: middle;
        float: none !important;
        width: 360px !important;
    }



    .inside .tit-description img {
        max-width: 40%;
        height: auto !important;
    }



    .home-top .tit-description.left {
        padding-bottom: 0px;
    }

    .home-top .tit-description p:last-child {
        margin-bottom: 0px;
    }

    .home-top .right {
        display: none;
    }

    .home-top .left {
        width: 100%;
        max-width: 100%;
    }

    .second-intro-block p:first-child {
        padding-left: 25px;
        padding-right: 25px;
    }

    .second-intro-block p {
        padding-left: 20px;
        padding-right: 20px;
    }

    .second-intro-block .labels .sub-title {
        left: -5px;
    }



    .media-carousel .slider {
        height: 820px;
    }

    .endOfLifePage .eol-products-container {
        max-width: 100%;
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 940px) {
    .printer-block-container {
        overflow: visible;
        display: inline-block;
        width: 100%;
    }

    .printer-block .left {
        margin: 50px auto;
        display: block;
    }

        .printer-block .left h2 {
            padding-top: 40px;
        }

    .printer-block .right {
        display: none;
    }
}

@media (max-width: 932px) {
    .header-top-wrapper .partner-container {
        display: none;
    }

    .main-menu-wrapper {
        margin-left: 15px;
        margin-right: 15px;
    }

    .main-menu .main-menu-wrapper {
        margin-right: 0;
    }
}

@media (max-width: 800px) {
    .header-top-wrapper .logo-container {
        float: none;
    }

    .header-top-wrapper .search-container {
        float: none;
        width: 100%;
        margin-left: 0px;
    }

    .header-top-wrapper {
        height: auto;
    }

        .header-top-wrapper .search {
            width: 390px;
            position: relative;
            margin: auto;
        }

        .header-top-wrapper .search-container .search button {
            right: -10px;
            top: 15px;
        }

    .header-top .usp-block .usp-item:first-child {
        margin-left: 0px;
    }
}

@media (max-width: 760px) {
    body {
        min-width: 100%;
    }
}

@media (max-width: 680px) {
    body {
        min-width: 0;
        overflow-x: hidden;
    }

        body > .wrapper {
            width: 100%;
            overflow: hidden;
        }

    .main-menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        height: auto;
        width: 85%;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        box-shadow: 0 0 20px rgba(0,0,0,.2);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .open-menu .main-menu {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    .main-menu-wrapper {
        padding-top: 0;
        padding-bottom: 10px;
    }

    header {
        position: relative;
    }

        header .btn-call {
            display: block;
            width: 22px;
            height: 22px;
            background: url(../img/icon-phone_red.png) center center / 22px 22px no-repeat;
            position: absolute;
            top: 67px;
            right: 52px;
        }

        header > .btn-menu {
            display: block;
            position: absolute;
            padding: 6px 0;
            top: 70px;
            right: 15px;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            -webkit-transition: all .3s;
            transition: all .3s;
        }

            header > .btn-menu i {
                display: block;
                width: 18px;
                height: 3px;
                position: relative;
                background-color: var(--main-color);
                -moz-transition: all .3s;
                -o-transition: all .3s;
                -webkit-transition: all .3s;
                transition: all .3s;
            }

                header > .btn-menu i:before, header > .btn-menu i:after {
                    content: '';
                    display: block;
                    width: 18px;
                    height: 3px;
                    background-color: var(--main-color);
                    position: absolute;
                    left: 0;
                    -moz-transition: all .3s;
                    -o-transition: all .3s;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                }

                header > .btn-menu i:before {
                    top: -6px;
                }

                header > .btn-menu i:after {
                    top: 6px;
                }

    .main-menu > .btn-menu {
        position: absolute;
        top: 132px;
        right: 20px;
        display: block;
        width: 18px;
        height: 18px;
    }

    .main-menu .mm-list {
        padding-top: 40px;
    }

    .main-menu > .btn-menu i {
        display: block;
        position: relative;
    }

        .main-menu > .btn-menu i:before, .main-menu > .btn-menu i:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 3px;
            width: 22px;
            background-color: var(--main-color);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .main-menu .btn-menu i:after {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .header-top-wrapper {
        border-bottom: solid 1px #eaeaea;
    }


    .mm-item.search {
        float: right;
        margin-right: 0;
    }

        .mm-item.search .i-search {
            display: inline-block;
            vertical-align: middle;
            width: 14px;
            height: 14px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAABQVBMVEXMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAACMz4c0AAAAanRSTlMA5SY6hAIR/v2nSFOg6wxDzTTeVgMQ9dMk3A9f2KqVCtLL7eYx+UTygpuawa8V8EmY6NH8q9r06tBOoaWSY7qTIud1iukHdAHGYQT2N32DVe5FiBOwnQl4+Naz7BjOrPoOhZRzw8LE974hwpOL8gAAATFJREFUeF59jeVywzAQBmVK7ECTNkmThpmKzMzMzAx6/wfonSxNJc+0+2vvWwPhpDPO1LA/XJqLWMRDh9mggmxMbZ1dVKYvIbXBbqqS7P99z23FZiyQaU8yjxbE/9g3ewLudXF5hWeeRxOPXh8RGANw21XmTw18D5ugPgrLGNNtCkSIzBAsNfa4AzZCFJb8sAXRxkGaRCUJm4kywZ5SycEWQsFPTHviDGyzKGWQeU9cgG0RJQrSUpu1DNsK2irI2roS6xQw0Ay0DbltbsGi7aBaWdDdPSnuU+DA9UP0o2ORrBO8y6f8PMPLPtfR44ESRSo6j+kiZVznWje3lKOJendPFdRayNvSHK6olVQfHsUbZkLXXEsRgS/4HHJeXo04OK9vPCmIWiP/1HfyB6mPz6/vH9QadW4+E86KAAAAAElFTkSuQmCC);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            margin: -2px 0 0 10px;
        }

    .open-search .mm-item.search .i-search {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAS1BMVEXMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAAD+wTf5AAAAGHRSTlMAAwUGEBgdTVZXXX+FpKWstcvM1tjZ3PyDINvgAAAAfklEQVR4XnXRyw7CMBQDUQcobVrehd77/19KiCp5MWK2Z2VZ0jCKHR/3w8/WmETLbDqsmVZb66IxsivtdZKqFWalUW1UG9VGtVFnGzVtUBuau31g3pBR/5qV9g6qt1coP6qwZzMrjWqj2qg2qmitaderDapy2426SWXpRt3OX9g0GVQakaTWAAAAAElFTkSuQmCC);
    }

    .mm-item {
        float: none;
        margin-right: 0;
        height: auto;
    }

        .mm-item.search {
            display: block;
            float: none;
            margin: 0 -10px 0 -35px;
            padding: 30px 20px;
            background-color: #f3f3f3;
            border-bottom: solid 1px #d9d9d9;
        }

            .mm-item.search .mm-link {
                display: none;
            }

            .mm-item.search form {
                display: block;
                padding-right: 62px;
                white-space: nowrap;
            }

                .mm-item.search form input {
                    display: inline-block;
                    vertical-align: middle;
                    width: 100%;
                    height: 100%;
                    border: none;
                    border-bottom: solid 1px #d9d9d9;
                    font-family: "Karla",sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                    height: 23px;
                    color: #000;
                    background-color: #FFFFFF;
                    padding: 10px;
                }

                    .mm-item.search form input:focus {
                        box-shadow: none;
                        outline: none;
                    }

            .mm-item.search button {
                border: none;
                outline: none;
                padding: 0;
                margin: 0;
                width: 61px;
                height: 23px;
                display: inline-block;
                vertical-align: middle;
                background-color: transparent;
            }

            .mm-item.search .i-search {
                display: block;
                width: 21px;
                height: 21px;
            }

    .mm-link {
        line-height: 30px;
        height: auto;
    }

    .mm-item > ul {
        display: block;
        position: static;
        padding-top: 0;
        background: none;
        border: none;
        box-shadow: none;
    }

    li.mm-item.active:after {
        display: none;
    }



    .header-top {
        height: 125px;
    }

    .logo-img {
        height: 43px; 
        position: relative;
        top: -10px;
    }

    .header-top-wrapper .logo-container {
        margin-left: 25px;
        text-align: left;
    }

    .header-top-wrapper .search-container {
        display: none;
    }

    .tit-info {
        padding: 0 15px;
    }

    .tit-description img {
        display: block;
        float: none;
        margin: 0 auto;
        height: auto !important;
        max-width: 60%;
    }

    .home-top .tit-description img {
        width: auto !important;
    }

    .home-top .tit-description h2 {
        height: 50px;
    }

    .tit-description h1, .tit-description h2 {
        font-size: 18px;
    }

    .second-intro-block {
        margin-top: 40px;
    }

    .tit-description ul {
        margin-top: 15px;
    }

    .content-wrapper {
        padding: 30px 15px;
    }

    .media-carousel.extended .title h2 {
        margin-bottom: 20px;
    }

    .media-carousel.extended .media, .media-carousel.extended .text {
        float: none;
        width: auto;
        padding-left: 0;
    }

    .media-carousel.extended .media { /*height: auto !important;*/
        margin-bottom: 30px;
    }

    .media-carousel.extended .text .slide {
        left: 0;
    }

    .products-carousel {
        font-family: 'itemsOnView=1';
        margin: 20px 0 0;
    }

    .content-section > .wrapper {
        padding: 30px 15px;
    }

        .content-section > .wrapper > .title h2 {
            margin-bottom: 10px;
            font-size: 18px;
        }

    .footer-cnt .column .content-block > p:first-child {
        float: none;
        margin-right: 0;
    }

    .footer-cnt .columns-wrapper .column .content-block {
        margin-right: 0;
    }

    .footer-cnt .columns-wrapper .column img {
        width: 100% !important;
    }

    .footer .usp-block {
        height: auto;
        line-height: 36px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .footer .usp-item {
        display: block;
        float: none;
        width: auto;
    }

    .footer-products-list {
        width: 100%;
        margin-bottom: 0px;
    }

    .device-select {
        width: 50%;
    }

    .pl-item {
        width: 100%;
    }

    .pl-description > h2 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .cb-header, .content-block h2, .content-block h3 {
        font-size: 14px;
    }

    .privacy-disclaimer {
        float: none;
    }

    .copyright a {
        display: block;
    }

    .product-detail {
        margin-top: -30px;
    }

    .pdg-main {
        width: 100%;
        height: 0;
        min-height: 0;
        padding-bottom: 72.39%;
    }

    .pdg-main-img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        top: -999px;
        right: -999px;
        bottom: -999px;
        left: -999px;
    }

    .pdg-thumbnail {
        width: 39px;
        height: auto;
    }

    .pd-right > div {
        width: 100%;
    }

    #map-canvas {
        height: 200px;
    }



    .event-img {
        float: none;
        margin-bottom: 20px;
        width: 100% !important;
        height: auto !important;
    }

    .event-info {
        margin-left: 0;
    }

    .inside .tit-description img {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px;
        float: none !important;
    }

    .products-overview {
        margin: 0 -15px;
        padding-top: 20px;
    }

    .pd-right > div:first-child {
        padding-right: 0;
    }

    .pl-name {
        margin-right: 33%;
    }

    .landing-cnt {
        padding-right: 15px;
        padding-left: 15px;
    }

        .landing-cnt .columns {
            display: block;
        }

            .landing-cnt .columns > div {
                display: block;
            }

            .landing-cnt .columns .side {
                padding-left: 0;
                padding-top: 30px;
            }

    .button + .button {
        margin-left: 0;
        margin-top: 10px;
    }



    .tcc-right img {
        display: block;
        max-width: 100%;
        height: auto !important;
        margin-bottom: 20px;
    }

    .tcc-left, .tcc-right {
        padding-left: 0;
        padding-right: 0;
    }

    .pla-item, .pl-item ul li {
        padding-right: 5px;
        width: 100%;
    }

    .pl-item .wrapper {
        padding-bottom: 0;
    }

    .products-list.all-products .pl-item ul {
        min-height: 0;
        padding-bottom: 0;
    }

    .pl-controls {
        position: static;
        padding-left: 0;
        padding-right: 0;
    }

    .filters-controls {
        display: block;
    }

        .filters-controls > div {
            display: block;
            text-align: left !important;
        }

    .search-list {
        margin: -20px 0 0;
    }

    .search-item {
        display: block;
    }

        .search-item > div {
            display: block;
        }

        .search-item > .media {
            width: 100%;
            padding-right: 0;
            margin-bottom: 20px;
        }

        .search-item .price {
            margin-bottom: 10px;
        }

    .two-columns-content p a img {
        width: 100% !important;
        height: auto !important;
    }

    .compare-table {
        font-family: 'colsNumber=1,tableWidth=90'; /* responsiveness variables: number of columns in compare table */
    }

    .content-wrapper > .breadcrumbs + .right-controls {
        float: none;
        margin-bottom: 20px;
        padding-top: 10px;
    }

    .tooltip-arrow {
        display: none;
    }


    .copyright-container {
        margin-left: 25px;
    }

    .copyright-text {
        float: none;
        display: block;
    }

    .top-image {
        background-image: none !important;
        min-height: 0px !important;
        opacity: 0;
    }

        .top-image .ti-img {
            display: none;
        }


        .top-image.landing, .Home .top-image {
            opacity: 1;
        }


            .top-image.landing .ti-img,
            .Home .top-image .ti-img {
                display: inline-block;
            }


    .tit-wrapper,
    .eService .tit-wrapper {
        top: 0px;
    }


    .endOfLifePage .top-image {
        min-height: 1px !important;
    }

    .Home .tit-wrapper {
        top: 0px;
        margin-bottom: 0px;
    }

    .Home .top-image {
        min-height: inherit !important;
    }

    .mm-item > .megamenu .column ul li a, .mm-item li a {
        font-size: 14px;
        color: #666666;
        font-weight: 700;
    }

    .mm-item.search form {
        padding-left: 20px;
    }
}

@media (max-width: 600px) {


    .media-carousel .slider {
        height: 1300px;
    }

    .endOfLifePage .eol-container ul:nth-of-type(1),
    .endOfLifePage .eol-container ul:nth-of-type(2) {
        margin-right: 0px;
        padding-bottom: 0px;
    }

    .Home .tit-wrapper {
        padding-bottom: 0px;
    }


    .intrinsic-container-16x9 {
        padding-bottom: 56.25%;
    }
}

@media (max-width: 400px) {
    .device-select {
        width: 50% !important;
        float: left;
        position: relative;
    }
}

@media (max-width: 430px) {
    .printer-block .left {
        width: 100%;
    }
}



#modalCookie {
    padding-bottom: 22px;
    border-bottom: var(--main-color) 1px solid;
}

.modal-dialog p {
    line-height: 30px;
}

.modal-footer {
    text-align: right;
}

    .modal-footer a {
        color: #666666;
        height: 40px;
        line-height: 40px;
    }

    .modal-footer .read-more:before {
        content: '›';
        display: inline-block;
        color: #666666;
        margin-right: 4px;
        vertical-align: top;
        position: relative;
        top: 4px;
        height: 33px;
        line-height: 33px;
    }

.modal-dialog .button {
    margin-left: 50px;
}

.modal.fade, .modal-backdrop.fade {
    transition: none;
}

.modal {
    animation: fadeOut 0.15s ease-in-out forwards;
}

.modal {
    display: none;
    overflow: hidden;
    outline: 0;
}

#modalCookie.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.modal.show {
    animation: fadeIn 0.5s ease-in-out forwards;
}

.modal.fade, .modal-backdrop.fade {
    transition: none;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.fade.show {
    opacity: 1;
}




@media (max-width: 680px) {
    .mm-item > .megamenu {
        display: block;
        position: static;
        padding-top: 0;
        padding-bottom: 0;
        background: none;
        border: none;
        box-shadow: none;
        min-width: auto;
    }

        .mm-item > .megamenu .column {
            flex: 0 0 100%;
        }

        .mm-item > .megamenu .column-block {
            flex-direction: column;
            margin-top: 10px;
        }

        .mm-item > .megamenu .column .heading {
            margin-left: 0;
        }

        .mm-item > .megamenu .column ul {
            margin-left: 0;
        }

        .mm-item > .megamenu .all-link {
            display: none;
        }

        .mm-item > .megamenu .column-block .column-1 {
            border-right: 0;
            border-bottom: 2px solid #D3D3D3;
            margin-right: 0;
            padding-bottom: 14px;
        }

        .mm-item > .megamenu .column-block .column-2 {
            margin-bottom: 12px;
        }

        .mm-item > .megamenu .column ul li:last-child {
            margin-bottom: 10px;
        }
}

.product-carosal {
    padding: 0 32px;
    margin-bottom: 30px;
}

    .product-carosal .item.button {
        margin: 0 5px 0 0;
        display: inline-block;
        white-space: nowrap;
    }

    .product-carosal .item a {
        border-bottom: 1px solid #c2c2c2;
        border-right: 1px solid #d3d3d3;
        border-top: 1px solid #f4f4f4;
        background-color: #FFFFFF;
        color: #333333;
        padding: 0 20px;
    }

        .product-carosal .item a:after {
            display: none;
        }

        .product-carosal .item a:hover {
            border-bottom: 1px solid var(--rollover-color);
            border-right: 1px solid var(--rollover-color);
            border-top: 1px solid var(--rollover-color);
            border-left: 1px solid var(--rollover-color);
            background-color: var(--main-color);
            color: #FFF;
            transition: background 0.6s ease 0s;
        }


    .product-carosal .slick-next::before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border: solid var(--rollover-color);
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        content: " ";
    }


    .product-carosal .slick-prev::before {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        border: solid var(--rollover-color);
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        content: " ";
    }

    .product-carosal .slick-next {
        right: 0;
        margin: auto;
    }


    .product-carosal .slick-prev {
        left: 0;
        margin: auto;
    }

.placeholde-image {
    position: relative;
}

    .placeholde-image a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
    }

    .placeholde-image .support__item-player {
        width: 4rem;
        height: 2.6rem;
        border-radius: .2rem;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        margin: auto;
        z-index: 1;
        transition: all .3s linear;
    }

    .placeholde-image:hover .support__item-player {
        width: 4.8rem;
        height: 3rem;
    }

    .placeholde-image .support__item-player:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .499rem 0 .499em .998rem;
        border-color: transparent transparent transparent #e11b22;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 2;
        transition: all .3s linear;
    }

    .placeholde-image:hover .support__item-player:after {
        border-width: .6rem 0 .6rem 1.2rem;
    }


#modalVideo.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-open .modal {
    overflow: hidden;
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

#modalVideo .modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

.modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
}

modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

#modalVideo .modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}


.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

#modalVideo .modal-content {
    border: none;
    border-radius: 0;
    font-size: 0;
    background-color: transparent;
}

#modalVideo .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

#modalVideo .modal-header {
    border: none;
}

#modalVideo .modal-header {
    padding: 0;
    position: relative;
}

#modalVideo .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    padding: 0;
}

    #modalVideo .modal-header .close {
        position: absolute;
        top: -3rem;
        right: 0rem;
        color: #fff;
    }


    #modalVideo .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto;
    }

    #modalVideo .modal-header .close {
        position: absolute;
        top: -3rem;
        right: 0rem;
        color: #fff;
    }



#modalVideo .modal-body {
    padding: 3.3rem 4rem;
}

#modalVideo .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

ytplayer__wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

#modalVideo .modal-backdrop.fade {
    opacity: 0;
}

#modalVideo .fade {
    transition: opacity 0.15s linear;
}


.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .modal-backdrop.show {
        opacity: 0.5;
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    cursor: pointer;
    border: 0;
    outline: none;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal-header .close {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    z-index: 2;
    font-size: 2rem;
    opacity: .7;
    padding: 0;
    margin: 0;
}

.modal-header .close {
    position: absolute;
    top: -0.5rem;
    right: 0rem;
    color: #fff;
}

.modal-open {
    overflow: hidden;
    padding-right: 16px;
}

#modalVideo .modal-body {
    padding: 0;
}


@media (min-width: 576px) {
}

@media (min-width: 576px) {
    #modalVideo .modal-dialog {
        max-width: 50rem;
    }

    #modalVideo .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }

    #modalVideo .modal-dialog {
        margin: 1.75rem auto;
    }
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .modal-footer {
        display: flex;
        flex-direction: row;
        margin-top: 20px;
        justify-content: flex-end;
    }

    .modal-dialog .button {
        margin-left: 30px;
    }
}

.seo-two-columns-content {
    column-count: 2;
    column-gap: 20px;
    margin: 50px 10px 0 10px;
}

    .seo-two-columns-content h1,
    .seo-two-columns-content h2,
    .seo-two-columns-content h3,
    .seo-two-columns-content h4,
    .seo-two-columns-content h5,
    .seo-two-columns-content h6 {
        column-span: all;
    }

@media (max-width: 680px) {
    .seo-two-columns-content {
        column-count: auto;
        column-gap: normal;
    }
}



.contact-control-wrapper .cc-img {
    max-width: 120px;
}

.single-product-block {
    background-color: #f3f3f3;
    padding: 15px 0 0 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .single-product-block .pl-item {
        width: 100%;
        float: none;
    }

        .single-product-block .pl-item .wrapper {
            padding-bottom: 0px;
        }

            .single-product-block .pl-item .wrapper:after {
                position: relative;
            }

            .single-product-block .pl-item .wrapper .left {
                width: 50%;
                display: inline-block;
                vertical-align: top;
                margin-right: 15px;
            }

            .single-product-block .pl-item .wrapper .right {
                width: calc(50% - 20px);
                display: inline-block;
                vertical-align: top;
            }

                .single-product-block .pl-item .wrapper .right ul li {
                    width: 50%;
                    display: inline-block;
                    vertical-align: top;
                    margin-right: 15px;
                    padding-left: 0px;
                    font-weight: normal;
                    float: none;
                }

                    .single-product-block .pl-item .wrapper .right ul li:nth-of-type(even) {
                        width: calc(50% - 45px);
                        margin-right: 0px;
                    }

                    .single-product-block .pl-item .wrapper .right ul li:before {
                        content: '';
                        display: block;
                        float: left;
                        margin-left: -13px;
                        margin-top: 8px;
                        border-radius: 50%;
                        width: 4px;
                        height: 4px;
                        background-color: var(--main-color);
                        top: 3px;
                    }


            .single-product-block .pl-item .wrapper .pl-controls {
                position: relative;
                padding: 0px;
                margin-top: 15px;
                margin-bottom: 15px;
            }

                .single-product-block .pl-item .wrapper .pl-controls a.button.red {
                    margin-right: 0px;
                }

.columns .single-product-block .pl-item .wrapper .left {
    width: 100%;
    display: block;
    margin-right: 0px;
}

.columns .single-product-block .pl-item .wrapper .right {
    width: 100%;
    display: block;
}


@media (max-width: 890px) {
    .single-product-block .pl-item .wrapper .left {
        width: 100%;
        display: block;
        margin-right: 0px;
    }

    .single-product-block .pl-item .wrapper .right {
        width: 100%;
        display: block;
    }
}

@media (max-width: 475px) {
    .single-product-block .pl-item .wrapper .right ul li {
        width: 100%;
        margin-right: 0px;
    }

        .single-product-block .pl-item .wrapper .right ul li:nth-of-type(even) {
            width: 100%;
            margin-right: 0px;
        }
}

.contact-control {
    width: 60px;
    position: fixed;
    right: 15px;
    z-index: 50;
    text-align: center;
    bottom: 15px;
}

.contact-control {
    cursor: pointer;
}

    .contact-control .popup-controls {
        display: none;
        position: absolute;
    }

        .contact-control .popup-controls a {
            width: 45px;
            height: 45px;
            margin-bottom: 15px;
            display: inline-block;
        }

            .contact-control .popup-controls a div {
                width: 45px;
                height: 45px;
                background-repeat: no-repeat;
                background-size: contain;
            }

        .contact-control .popup-controls .phone {
            background-image: var(--svg__phone);
        }

.contact-control .popup-controls .mail {
            background-image: var(--svg__mail);
        }

    .contact-control .base-control div {
        width: 60px;
        height: 60px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .contact-control .base-control .headset {
        background-image: var(--svg__headset);
    }

    .contact-control .base-control .close-me {
        background-image: var(--svg__close);
    }

    .contact-control .base-control .close-me {
        display: none;
    }

    .contact-control.active .base-control .headset {
        display: none;
    }

    .contact-control.active .base-control .close-me {
        display: block;
    }

    .contact-control.active .popup-controls {
        display: block;
    }


.grecaptcha-badge {
    display: none; /* Dont tell Google :)*/
}


.block__video {
}


    .block__video .video-image-placeholder {
        position: relative;
        cursor: pointer;
    }

        .block__video .video-image-placeholder .btn-play {
            border: none;
            background-color: transparent;
            z-index: 10;
            cursor: pointer;
        }


            .block__video .video-image-placeholder .btn-play:before {
                content: "";
                position: absolute;
                display: block;
                width: 96px;
                height: 96px;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: var(--svg__play);
                top: calc(50% - 48px);
                left: calc(50% - 48px);
                transition: all 0.3s linear;
                opacity: 1;
            }

            .block__video .video-image-placeholder .btn-play:after {
                content: "";
                position: absolute;
                display: block;
                width: 96px;
                height: 96px;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: var(--svg__play);
                top: calc(50% - 48px);
                left: calc(50% - 48px);
                transition: all 0.3s linear;
                opacity: 0;
            }

        .block__video .video-image-placeholder:hover .btn-play:after {
            background-image: url('/img/video-play - inverse.svg');
            opacity: 1;
        }

        .block__video .video-image-placeholder:hover:before {
            opacity: 0;
        }

        .block__video .video-image-placeholder.active:after {
            display: none;
        }

        .block__video .video-image-placeholder img {
            width: 100%;
        }



    .block__video.width-of-text-block .video-wrapper {
        width: 793px;
        margin: auto;
    }

section .container {
    max-width: 966px;
    margin: auto;
}

@media (max-width: 980px) {
    section .container {
        padding-left: 25px;
        padding-right: 25px;
        width: calc(100% - 50px);
    }
}

@media (max-width: 853px) {
    .block__video.width-of-text-block .video-wrapper {
        width: 100%;
    }
}

@media (max-width: 768px) {



    .block__video .video-image-placeholder .btn-play:before {
        width: 48px;
        height: 48px;
        top: calc(50% - 24px);
        left: calc(50% - 24px);
    }

    .block__video .video-image-placeholder .btn-play:after {
        width: 48px;
        height: 48px;
        top: calc(50% - 24px);
        left: calc(50% - 24px);
    }
}

.done select {
    height: 1px;
    width: 1px;
    border: none !important;
    background: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -2px;
    z-index: -10;
    outline: none;
    -webkit-appearance: none;
    opacity: 0;
}

.select-list {
    position: absolute;
    left: 0
}

.custom-select {
    z-index: 1
}

    .custom-select * {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

.open_list {
    z-index: 10
}

.custom-select ul {
    left: 0;
}

.custom-select li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.custom-select, .custom-select ul {
    position: relative;
    top: 0;
    left: 0;
}

    .custom-select .custom-text {
        cursor: pointer;
        display: inline-block;
    }

    .custom-select li {
        cursor: pointer;
        min-height: 27px;
    }

.select-scroll {
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 10;
}

.default-scroll ul {
    overflow-y: scroll;
}

.custom-scroll {
    overflow: hidden;
    z-index: 10;
}

.scroll-drag {
    display: block;
    position: absolute;
    left: 1px;
    cursor: pointer
}

.disabled * {
    cursor: default !important
}
/* Style for example*/

.custom-text, .ds-selected {
    padding-right: 20px;
    position: relative;
    background-color: #ffffff;
    margin: 1px;
    height: 38px;
    border: 1px solid #FFF;
    color: #393737;
    font-size: 14px;
    line-height: 38px;
    padding-left: 13px;
    width: auto !important;
}

span.custom-text:after, div.ds-selected:after {
    content: '';
    display: block;
    width: 8px;
    height: 5px;
    background: var(--sprite) -17px 0 no-repeat;
    position: absolute;
    right: 12px;
    top: 17px;
}

.custom-select .custom-text, .custom-select.disabled span.custom-text:hover {
    overflow: hidden;
}

.custom-select .custom-text {
    display: block;
    font-weight: 300;
    text-transform: uppercase;
}

.custom-select span.custom-text:hover, .active span.custom-text {
    background-color: #f3f3f3;
}

span.custom-text {
    text-align: left;
}

.select-list {
    top: 43px;
    line-height: 27px;
    color: #393737;
    left: auto;
    right: 0;
    background: #fff;
    text-align: left;
    border-bottom: 1px solid #dfdfdf;
}

    .select-list li {
        color: #393737;
        padding: 0 12px;
        margin: 0 !important;
        min-height: 34px;
        font-size: 14px;
        line-height: 34px;
    }

        .select-list li:first-child {
            border-top: none;
        }

        .select-list li:hover, .select-list li.selected {
            background-color: var(--main-color);
            color: #FFFFFF;
        }

    .select-list.custom-scroll {
    }

    .select-list li.disabled {
        color: #CCCCCC;
        cursor: default
    }

.select-scroll {
    background-color: #e6e6e6;
    width: 12px;
    border-radius: 2px;
}

.scroll-drag {
    top: 0;
    width: 10px;
    background-color: #1a1a1a;
}

.custom-select .hover {
    color: #FFF
}

.custom-select.disabled {
    opacity: 0.5 !important;
}

.device-select {
    width: 33.333%;
    float: left;
    position: relative;
}

    .device-select select {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
 
