/* Start:/local/templates/mattioli-corp/css/custom.css?177330685421955*/
:root {
    --header-sticky-h: 97px;
}

.burger {
    display: none;
    border: none;
    background: none;
    padding: 0;
    margin-left: 15px;
    cursor: pointer;
}

.burger span {
    display: block;
    width: 24px;
    height: 2px;
    margin: 5px 0;
    background: #000;
}

.burger.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.burger.is-open span:nth-child(2) {
    opacity: 0;
}

.burger.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.mobile-menu {
    display: none;
}

.burger {
    display: none;
    border: none;
    background: none;
    padding: 0;
    margin-left: 15px;
    cursor: pointer;
}

.burger span {
    display: block;
    width: 24px;
    height: 3px;
    margin: 4px 0;
    background: #000;
}

.burger.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.burger.is-open span:nth-child(2) {
    opacity: 0;
}

.burger.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

:not(.clients) > .about_list {
    display: flex;
    justify-content: space-around;
}

:not(.clients) > .about_list li:first-child,
:not(.clients) > .about_list li {
    display: flex;
    gap: 18px;
    margin: 0;
}

.m-filter-toggle {
    display: none;
}

.mobile-menu a {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    text-decoration: none;
    color: #333;
    text-transform: uppercase;
    border-top: 1px solid #eee;
}

.mobile-menu a:hover {
    color: #C6283A;
}

.mobile-menu ul li:first-child > a {
    border-top: none;
}

.mobile-menu__list + .mobile-menu__list--catalog {
    padding-top: 16px;
    border-top: 1px solid #ddd;
}


.mobile-menu__list--catalog > .mobile-menu__item > .mobile-menu__link--parent {
    text-transform: uppercase;
    padding-top: 10px;
}

.mobile-menu__sublist {
    margin: 4px 0 8px 12px;
    padding: 0;
    list-style: none;
}

.mobile-menu__sublist .mobile-menu__link {
    font-size: 12px;
    font-family: "PFSquareSansProMedium";
}

.mobile-menu__sublist .mobile-menu__link:hover {
    color: #C6283A;
}

.mobile-menu__sublist {
    display: none;
}

.mobile-menu__item.has-children > .mobile-menu__link--parent {
    position: relative;
    padding-right: 20px;
}

.mobile-menu__item.has-children > .mobile-menu__link--parent::after {
    content: "▾";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
}


.mobile-menu__item.has-children.is-open > .mobile-menu__link--parent::after {
    transform: translateY(-50%) rotate(180deg);
}

.mobile-menu__parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu__list--catalog > .mobile-menu__item > .mobile-menu__parent > .mobile-menu__link--parent {
    text-transform: uppercase;
    padding-top: 10px;
}

.mobile-menu__sublist {
    margin: 4px 0 8px 12px;
    padding: 0;
    list-style: none;
}

.mobile-menu__toggle {
    border: none;
    background: none;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-left: 8px;
    cursor: pointer;
    position: relative;
}


.mobile-menu__toggle::before {
    content: "▾";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #333;
}

.mobile-menu__item.has-children.is-open > .mobile-menu__parent > .mobile-menu__toggle::before {
    transform: rotate(180deg);
}

.mobile-menu__sublist {
    display: none;
}


.mobile-menu a.mobile-menu__link--active {
    color: #a0a0a0;
}


ul.models_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    /*gap: 12px;*/
    padding: 0;
    margin: 0;
    list-style: none;
}

.models_list li .inner {
    box-sizing: border-box;
    min-height: 395px;
}

 .models_list li .inner > .order,
 .models_list li .inner > .offers{
    margin-top: 0;
}

ul.models_list > li {
    float: none;
    width: auto;
    margin-left: 0;
    height: auto;
}

.models_list li img {
    position: relative;
    top: unset;
    left: unset;
}

.models_list .description {
    margin: 15px 0;
}

.models_list.clearfix:before, .models_list.clearfix:after {
    content: none;
    display: none;
}

@media (max-width: 992px) {
    body {
        width: 100%;
        min-width: 0;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

    .main_section {
        flex: 1;
    }

    .header_wrapper, .header_middle, .header_bottom, .main_section,
    .news,
    .content_inner,
    .slider ul li,
    .footer_l {
        width: 100%;
    }

    .content_inner {
        height: auto;
    }

    .slider,
    .slider .js-slider {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        height: auto;
    }

    .slider img {
        width: 100%;
        height: auto;
        display: block;
    }

    .slider ul li {
        height: auto;
    }

    .slider ul {
        height: auto !important;
    }

    .caroufredsel_wrapper,
    .caroufredsel_wrapper > ul {
        width: 100% !important;
        max-width: 100% !important;
    }

    .header {
        position: sticky;
        top: 0;
        z-index: 997;
        background: #fff;
    }

    .clear {
        display: none;
    }

    .header_middle {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        gap: 10px;
    }

    .header-l {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .header-r {
        display: flex;
        justify-content: flex-end;
        gap: 24px;
        align-items: center;
        width: calc(100% - 50px);
        margin-top: 10px;
    }

    .header-l,
    .header-r {
        margin: 0 25px;
    }

    .header-l .logo-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-l > *,
    .header-l .logo-wrapper > *,
    .header-r > * {
        margin: 0;
    }

    .burger {
        display: block;
    }

    .header_top {
        display: none;
    }

    .header_top.is-open {
        display: block;
    }

    .header_bottom.main .menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 16px;
    }

    .header_bottom.main .menu > li {
        float: none;
    }

    .header_bottom.main .menu > li > a {
        font-size: 12px;
        padding: 4px 0;
    }

    .basket_anchor {
        top: calc(var(--header-sticky-h, 0px) + 100px);
        z-index: 998;
    }

    .header_top {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100px;
        background: #f8f8f8;
        border-bottom: 1px solid #ddd;
        z-index: 100;
    }

    .header_top.is-open {
        display: block;
    }

    .header_top .header_wrapper {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 10px 16px;
    }

    .header_top .trade {
        display: block;
        margin-bottom: 10px;
    }

    .header_top .menu,
    .header_top ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%;
    }

    .header_top .menu li {
        margin: 0;
    }

    .header_top .menu li a {
        display: block;
        padding: 8px 0;
        text-transform: uppercase;
        font-size: 13px;
        border-top: 1px solid #e3e3e3;
    }

    .header_top .menu li:first-child a {
        border-top: none;
    }

    .spacer {
        display: none;
    }

    .footer_l,
    .footer_r {
        float: unset;
        margin-left: 0;
    }

    .logo img {
        width: 90px;
        height: auto;
    }

    .home_page .address {
        width: fit-content;
    }

    .footer {
        position: relative!important;
    }

    .footer_l small,
    .footer_l a {
        float: none;
        margin: 0;
    }

    .footer_r,
    .footer_r a {
        margin: 0;
    }

    .footer_wrapper {
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 12px;
        width: calc(100% - 24px);
    }

    .for_dealers {
        white-space: nowrap;
    }

    .system {
        font-size: 10px;
        width: auto;
        line-height: 14px;
        text-align: left;
    }

    .system > .tooltip {
        position: initial;
    }

    .system > .tooltip .tooltip-content {
        position: absolute;
        left: 50%;
        top: var(--header-sticky-h, 0px);
        transform: translateX(-50%);
        font-size: 12px;
    }

    .page_search_wrapper .search {
        width: 100%;
    }

    .search input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
        flex: 1 1 auto;
    }

    .burger {
        display: inline-block;
        margin-left: 8px;
    }

    .header_top,
    .header_bottom {
        display: none;
    }

    .header_middle {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .header-l {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .mobile-menu {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 999;
        pointer-events: none;
    }

    .mobile-menu__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .mobile-menu__panel {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 80%;
        max-width: 320px;
        background: #fff;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
        transform: translateX(-105%);
        transition: transform 0.2s ease;
        overflow-y: auto;
        padding: 16px;
    }

    .mobile-menu__inner {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .mobile-menu__close {
        border: none;
        background: none;
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
        margin-left: auto;
        display: block;
        color: #333;
    }

    .mobile-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .mobile-menu li {
        margin: 0;
    }

    .mobile-menu a {
        display: block;
        padding: 8px 0;
        font-size: 14px;
        border-top: 1px solid #eee;
        text-transform: uppercase;
    }

    .mobile-menu a:first-child {
        border-top: none;
    }

    .mobile-menu.is-open {
        pointer-events: auto;
    }

    .mobile-menu.is-open .mobile-menu__backdrop {
        opacity: 1;
    }

    .mobile-menu.is-open .mobile-menu__panel {
        transform: translateX(0);
    }

    body.mobile-menu-open {
        overflow: hidden;
    }

    .clients .about_list,
    .about_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: space-around;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .clients .about_list {
        margin: 44px 0;
    }

    .clients .about_list li:first-child,
    .about_list li:first-child,
    .clients .about_list li,
    .about_list li {
        margin: 0;
    }

    .clients .about_list li {
        width: auto;
    }

    :not(.clients) > .about_list li {
        display: flex;
        gap: 12px;
        width: calc(50% - 12px);
        justify-content: space-around;
    }

    .main_section img,
    .clients img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .main_section > h3 {
        padding: 0 15px;
    }

    .clients h3,
    .about_box h3 {
        padding: 0 15px;
    }

    .clients_info h3 {
        padding: 0;
    }

    .clients_info ul {
        width: 100%;
        box-sizing: border-box;
    }

    .about_box_list li {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }

    .about_box {
        margin: 0;
        padding-bottom: 0;
    }

    .about_box_list {
        padding: 0 25px;
        box-sizing: border-box;
    }

    .clients_info {
        padding: 0 25px;
    }

    .about_info {
        width: 100%;
        box-sizing: border-box;
    }

    .contacts {
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
        box-sizing: border-box;
        padding: 0 25px;
    }

    .contacts .address,
    .contacts .maps {
        float: none;
        width: auto;
        margin: 0;
    }

    .m-filter-toggle:not(.is-open),
    .options.is-open {
        margin-bottom: 25px;
    }

    .options-wrapper {
        position: sticky;
        top: var(--header-sticky-h, 0px);
        z-index: 50;
    }

    .m-filter-toggle {
        width: calc(100% - 50px);
        margin: 12px 25px 0;
        padding: 10px 12px;
        border: 1px solid #ddd;
        background: #fff;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 20;
        color: #333;
    }

    .m-filter-toggle::after {
        content: "▾";
        font-size: 12px;
        color: #333;
    }

    .m-filter-toggle.is-open::after {
        transform: rotate(180deg);
    }

    .options {
        display: none;
        position: absolute;
        left: 25px;
        right: 25px;
        top: 36px;
        z-index: 30;
        padding: 12px;
        border: 1px solid #eee;
        background: #fff;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
    }

    .options.is-open {
        display: block;
    }

    .options form {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .options input[type="submit"] {
        text-transform: uppercase;
        font-size: 12px;
        font-family: "PFSquareSansProMedium";
        cursor: pointer;
        border: 0;
        background: #C6283A;
        color: #fff;
        height: 31px;
        line-height: 35px;
        text-align: center;
        border-bottom: none !important;
    }

    .options input[type="submit"]:hover {
        opacity: 0.7;
    }

    .options select,
    .options input[type="submit"],
    .options a.options_close {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
    }

    .options a.options_close {
        order: 99;
        text-align: center;
        text-decoration: none;
        padding: 10px 12px;
        border: 1px solid #ddd;
        background: #f8f8f8;
        text-transform: uppercase;
        font-size: 12px;
    }

    .popup {
        padding: 30px 10px;
    }

    .popup.catalogue {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
    }

    .cat_popup {
        display: flex;
        flex-direction: column;
        padding: 16px;
    }

    .popup.catalogue .popup_gallery {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .popup_gallery img {
        width: 100%;
        height: auto;
        max-height: 60vh;
        object-fit: contain;
    }

    .product_gallery .thumbs {
        width: 100%;
        display: flex;
        float: none;
        height: auto;
    }

    .description_catalogue {
        width: 100% !important;
    }

    .popup.catalogue .close {
        position: fixed;
        top: 12px;
        right: 12px;
    }

    .popup.catalogue .arrow_next {
        right: 0;
    }

    .popup.catalogue .arrow_prev {
        left: 0;
    }

    .m-search-toggle {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: url(/local/templates/mattioli-corp/css/../images/icon_search.png) 0 0 no-repeat transparent;
        width: 13px;
        height: 13px;
        border: 0;

    }

    .m-search-panel {
        display: none;
        position: fixed;
        left: 12px;
        right: 12px;
        top: var(--header-sticky-h, 0px);
        background: #fff;
        padding: 10px;
        border: 1px solid #eee;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
        z-index: 50;
    }

    .m-search-panel .search {
        margin: 0;
        width: 100%;
    }

    .m-search-panel.is-open {
        display: block;
    }

    .m-search-panel #title-search-input {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .basket.basket_fixed {
        top: var(--header-sticky-h, 0px);
        width: calc(100% - 55px);
        right: -110%;
        box-sizing: border-box;
        height: auto;
        z-index: 60;
    }

    .basket_fixed.on {
        right: 0;
    }

    .basket_anchor.on {
        right: calc(100% - 50px);
    }

    .basket ul,
    .step .basket ul {
        width: 100%;
    }

    .basket .summary {
        margin-right: 15px;
    }

    .basket .submit {
        margin: 16px auto 0;
    }

    .step_block {
        width: 100%;
        max-width: 400px;
        box-sizing: border-box;
        padding: 25px 15px;
    }

    .basket .delete {
        margin-top: 3px;
    }

    .step_block.form_confirm label {
        display: flex;
    }

    .step_block.form_confirm label span {
        min-width: 102px;
    }

    .order_summary .edit_link {
        margin-left: 0;
    }

    .order_summary.basket .summary {
        float: none;
        margin-left: 0;
    }

    .order_summary.basket {
        float: none;
        max-width: 440px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .user_summary {
        padding: 15px;
        box-sizing: border-box;
        max-width: 470px;
        margin: 0 auto;
    }

    .step .basket figure {
        margin-left: 0;
    }

    .user_summary table {
        width: 100%;
    }

    .personal_form {
        width: 100%;
        box-sizing: border-box;
        padding: 30px;
        max-width: 380px;
    }

    .personal_form label span {
        margin-left: 0;
    }

    .personal_form .submit {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .personal_form label input {
        width: 100%;
        box-sizing: border-box;
    }

    .personal_cabinet h3 {
        padding: 0;
    }

    .clients .about_box {
        padding: 27px 0;
    }

    .about_box li > p {
        padding: 0 25px;
    }

    .step4 {
        width: 100%;
        box-sizing: border-box;
    }

    .models_list li .offers{display:flex;gap:10px;}
}

@media (max-width: 768px) {
    :not(.clients) > .about_list li {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .header-l, .header-r {
        margin: 0 15px;
    }

    .header-r {
        width: calc(100% - 30px);
    }

    .search {
        width: 70%;
    }

    .header-r {
        margin-top: 0;
    }

    .clients_info ul li {
        width: fit-content;
        line-height: normal;
    }

    .clients_info ul {
        display: flex;
        flex-direction: column;
        padding-left: 12px;
        padding-right: 12px;
    }

    .clients .about_list {
        box-sizing: border-box;
        padding: 0 15px;
    }

    .about_box_list {
        padding: 0 15px;
    }

    .clients_info {
        padding: 0 15px;
    }

    .contacts {
        padding: 0 15px;
    }

    .m-filter-toggle {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }

    .options {
        left: 15px;
        right: 15px;
    }

    .basket.basket_fixed {
        width: 100%;
    }

    .basket_fixed.on {
        right: 0;
    }

    .basket_anchor.on {
        right: 100%;
    }

    .basket ul li {
        display: flex;
        gap: 4px;
        max-height: none;
    }

    .basket ul li > .list_wrapper {
        width: 100%;
        height: 100%;
        flex: 1 1 auto;
        max-height: none;
        overflow: visible;
        float: none;
    }

    .js-basket li > .list_wrapper {
        display: flex;
        flex-direction: column;
        margin-left: 15px
    }

    .js-basket li > .list_wrapper figure,
    .step .basket ul li > .list_wrapper figure {
        margin-left: 0;
    }

    .js-basket li > .quantity,
    .step1 .basket ul li > .quantity {
        display: flex;
        align-items: center;
        flex-direction: column;
        float: none;
        width: 100%;
    }

    .step .basket ul li > .quantity {
        width: 100%;
    }

    .basket ul li > .quantity .prod-price {
        margin-left: 30px;
    }

    .step .basket ul li > .delete {
        float: none;
    }

    .step_block .summary {
        margin: 20px 0 0 0;
    }

    .user_summary .submit {
        margin: 19px auto 0;
        display: block;
        width: 100%;
    }

    .about_box li > p {
        padding: 0 15px;
    }
}

@media (min-width: 768px) {
    ul.models_list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        /*gap: 20px;*/
    }
}

@media (min-width: 1200px) {
    .catalogue,
    .main_section.catalog,
    .catalogue .models_list {
        width: auto;
        max-width: 1400px;
    }

    ul.models_list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        /*gap: 24px;*/
        padding: 0;
        margin: 0;
        list-style: none;
    }
}


/* End */


/* Start:/local/templates/mattioli-corp/css/style_main.css?177330685450037*/
@font-face {
    font-family: 'PFSquareSansProLight';
    src: url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-light/pfsquaresanspro-light.eot');
    src: url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-light/pfsquaresanspro-light.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-light/pfsquaresanspro-light.woff') format('woff'),
         url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-light/pfsquaresanspro-light.ttf') format('truetype'),
         url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-light/pfsquaresanspro-light.svg#pf_square_sans_prolight') format('svg');
}
@font-face {
    font-family: 'PFSquareSansProExtraBlack';
    src: url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-xblack/pfsquaresanspro-xblack.eot');
    src: url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-xblack/pfsquaresanspro-xblack.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-xblack/pfsquaresanspro-xblack.woff') format('woff'),
         url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-xblack/pfsquaresanspro-xblack.ttf') format('truetype'),
         url('/local/templates/mattioli-corp/css/../fonts/pfsquaresanspro-xblack/pfsquaresanspro-xblack.svg#pf_square_sans_proextra_black') format('svg');
} 
@font-face {
    font-family: 'PFSquareSansProMedium';
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Medium/pfsquaresanspro-medium.eot');
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Medium/pfsquaresanspro-medium.eot') format('embedded-opentype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Medium/pfsquaresanspro-medium.woff') format('woff'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Medium/pfsquaresanspro-medium.ttf') format('truetype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Medium/pfsquaresanspro-medium.svg#PFSquareSansProMedium') format('svg');
}
@font-face {
    font-family: 'PFSquareSansProRegular';
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Regular/pfsquaresanspro-regular.eot');
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Regular/pfsquaresanspro-regular.eot') format('embedded-opentype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Regular/pfsquaresanspro-regular.woff') format('woff'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Regular/pfsquaresanspro-regular.ttf') format('truetype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Regular/pfsquaresanspro-regular.svg#PFSquareSansProRegular') format('svg');
}
@font-face {
    font-family: 'PFSquareSansProThin';
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Thin/pfsquaresanspro-thin.eot');
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Thin/pfsquaresanspro-thin.eot') format('embedded-opentype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Thin/pfsquaresanspro-thin.woff') format('woff'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Thin/pfsquaresanspro-thin.ttf') format('truetype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Thin/pfsquaresanspro-thin.svg#PFSquareSansProThin') format('svg');
}
@font-face {
    font-family: 'PFSquareSansProBold';
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Bold/pfsquaresanspro-bold.eot');
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Bold/pfsquaresanspro-bold.eot') format('embedded-opentype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Bold/pfsquaresanspro-bold.woff') format('woff'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Bold/pfsquaresanspro-bold.ttf') format('truetype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-Bold/pfsquaresanspro-bold.svg#PFSquareSansProBold') format('svg');
}
@font-face {
    font-family: 'PFSquareSansProMediumItalic';
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-MedItalic/pfsquaresanspro-meditalic.eot');
    src: url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-MedItalic/pfsquaresanspro-meditalic.eot') format('embedded-opentype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-MedItalic/pfsquaresanspro-meditalic.woff') format('woff'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-MedItalic/pfsquaresanspro-meditalic.ttf') format('truetype'),
         url('/local/templates/mattioli-corp/css/../fonts/PFSquareSansPro-MedItalic/pfsquaresanspro-meditalic.svg#PFSquareSansProMediumItalic') format('svg');
}
 

* {margin: 0; padding: 0;} 
ol, ul { list-style: none; }
img {border:0}
input, textarea, select { border: 0; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} 
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
} 
.clearfix:after {
    clear: both;
} 
.clearfix {
    *zoom: 1;
}
html, body {height: 100%; width: 100%;}
body {position:relative; line-height: 1;min-height:100%; height:auto !important; height:100%; min-width: 1000px; max-width: 100%; font-family:"PFSquareSansProMedium", Arial;  }
body.mobile {overflow-y: visible;}
h1, h2, h3, h4, h5 {font-weight: normal;}
a {-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
a:hover {-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
input[type="submit"] {border:0; cursor:pointer;}
.form input[type="text"], form input[type="tel"], form input[type="password"], form input[type="email"], form textarea {width: 220px;display: block; margin-bottom:22px; text-transform: uppercase;border: 1px solid #DEDEDE;padding: 7px 10px;font-family: "PFSquareSansProMedium";font-size: 12px;}
.form input[type="text"].error, form input[type="tel"].error, form input[type="password"].error, form input[type="email"].error{border: 1px solid #C6283A;}
form label {position: relative; display: block; }
form label .error_message, form .error_message {display:none; position: absolute; top: 8px; left: 124%; color: #C6283A; font-size: 12px; width: 100%;}
input:focus {outline:0;}
:focus {outline:0;}
h4 {color: #000; font-size: 14px; text-transform: uppercase; font-family: 'PFSquareSansProRegular'; text-align: center;}

.header_wrapper, .header_middle, .header_bottom, .footer_wrapper, .main_section{width:1000px; margin: 0 auto;}

/*--- header top ---*/
.header_top{background:#F5F5F5; height: 49px;}
	.trade{float:left; text-decoration: none; margin: 14px 0 0 32px; background: url(/local/templates/mattioli-corp/css/../images/icon_wholesale_clients_black.png) left 0 no-repeat; padding-left: 35px; line-height: 24px;letter-spacing: 1px;text-transform: uppercase;color: #313131;font-size: 12px;font-family: 'PFSquareSansProMedium';}
	.trade:hover{color:#C6283A; background: url(/local/templates/mattioli-corp/css/../images/icon_wholesale_clients.png) left -27px no-repeat;}
	.nav{float: right; margin: 17px 32px 0 0;}
		.nav li:first-child{margin-left: 0;}
		.nav li{margin-left:22px; list-style: none; letter-spacing:1px;  display:inline-block; *display: inline; zoom:1;}
			.nav li a{text-decoration:none; text-transform: uppercase; color:#313131; font-size:12px ; font-family: "PFSquareSansProMedium";}
			.nav li.active a{color:#a0a0a0;}
			.nav li a:hover{color:#C6283A;}

/*--- header middle ---*/
.header_middle{border-bottom:1px solid #D8D8D8; padding-bottom:23px;}
	.header-l{float: left; width:413px;}
		.logo{float: left; margin:25px 0 0 32px;}
			.logo img{width: 143px; height: 51px;}
		.system{float: right; margin-top: 35px; font-size:12px ; font-family: "PFSquareSansProMedium"; text-decoration: none; text-transform: uppercase; color:#aaaaaa; letter-spacing: 1.3px; width:165px; line-height: 18px; text-align: right;}
			.system i{background: url(/local/templates/mattioli-corp/css/../images/icon_system_orders.png) 0 0 no-repeat; width:15px; height: 15px; margin-left: 3px;vertical-align: top; display:inline-block; *display:inline; zoom:1;}
			.system:hover{color:#000;}
			.system:hover i{background: url(/local/templates/mattioli-corp/css/../images/icon_system_orders.png) 0 -17px  no-repeat;}

	.header-r{float: right; width:523px}
		.search{width: 287px; float: left; margin-top:37px; position: relative;}
			.search input[type="submit"]{display:block; background: url(/local/templates/mattioli-corp/css/../images/icon_search.png) 0 0  no-repeat transparent; width: 13px; height: 13px; position: absolute; top: 10px; left: 12px; border:0; z-index:10;}
			.search input[type="text"]{text-transform: uppercase; color:#313131; font-size:12px ; font-family: "PFSquareSansProMedium"; letter-spacing: 1px; border: 1px solid #E3E3E3; width: 251px;  padding:9px 10px 6px 33px;}
			.search input[type="text"]:focus{border:1px solid #FFC3C5;}

		.for_dealers{ float: right; margin:45px 32px 0 0; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; color:#313131; font-family: "PFSquareSansProMedium"; font-size: 12px; padding-left: 25px; line-height: 22px; background: url(/local/templates/mattioli-corp/css/../images/icon_for_dealers.png) 0 0 no-repeat;}
		.for_dealers:hover{color:#C6283A; background: url(/local/templates/mattioli-corp/css/../images/icon_for_dealers.png) 0 -22px no-repeat;}

		.authorized {position: relative; float: right; margin:43px 32px 0 0; }
			.authorized .user {text-transform: uppercase; text-decoration: none; letter-spacing: 1px; color:#313131; font-family: "PFSquareSansProMedium"; font-size: 12px; padding-left: 21px; line-height: 22px; background: url(/local/templates/mattioli-corp/css/../images/user.png) 0 0 no-repeat;}
			.authorized .logout {font-size: 11px; color: #aaaaaa; letter-spacing: 0.6px; text-decoration: underline; text-transform: none; font-family: "PFSquareSansProMedium"; text-align: right; display: block;}

/*--- header bottom ---*/
.header_bottom{border-bottom:1px solid #D8D8D8; padding-bottom:25px;}
	.menu{text-align: center; margin-top: 20px;}
		.menu li{list-style:none; padding: 10px; position: relative; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; *display:inline; zoom:1; }
			.menu li a{text-transform: uppercase; letter-spacing: 1.3px; text-decoration: none; color:#313131; font-size: 14px; font-family: "PFSquareSansProBold"; border-bottom: 1px solid #C6283A; }
			.menu li.active{background:#EDEDED; border-bottom:none;}
			.menu li.active a{border-bottom:none;} 
			.menu li a:hover{border-bottom: none; background:none;}
			.menu li.withsub:hover{background:none; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #fff;}
			.menu li.withsub:hover a {border-bottom: 0;}	
				.menu li .submenu{position: absolute; z-index: 5; background:#fff; left: -2px; top:35px; width:120px; padding: 10px 10px 5px 10px; display:none; border: 2px solid #000;}
					.menu li .submenu li{display:block; text-align: left; margin-left: 0; padding: 0; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
						.menu li .submenu li a{border-bottom: none; display:block; font-size: 12px; font-family: "PFSquareSansProMedium"; margin-bottom:10px;}
						.menu li .submenu li a:hover{color:#C6283A;}
						.menu li .submenu li:hover{ border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
		.menu li:hover .submenu{display: block;}

/*--- section ---*/
.main_section {margin:28px auto 50px;}
	.main_section h2{font-size: 24px; text-align: center; color:#131313; font-family: "PFSquareSansProRegular"; text-transform: uppercase; margin-bottom: 35px;}
	.main_section h3{font-size: 14px; text-align: center; color:#131313; font-family: "PFSquareSansProBold"; text-transform: uppercase; letter-spacing: 0.8px; line-height: 23px; margin-bottom:37px; padding: 0 165px;}
	.img{text-align:center;}

	/*--- about ---*/
	.about_list{margin:55px auto 55px; width:935px;}
		.about_list li:first-child{margin:0 -4px 0 20px;}
		.about_list li{list-style:none; vertical-align:top; margin-bottom: 20px; width:446px; display: inline-block; *display: inline; zoom:1;}
			.about_list span{float:left; color:#C6283A; font-size: 30px; font-family: "PFSquareSansProThin"; margin-left:10px;}
			.about_list li p{color:#000; font-size: 12px; line-height: 18px; font-family: "PFSquareSansProRegular"; float: right; width:350px; text-align: left;}

	.about_info{background:#F5F5F5; border-left:4px solid #C6283A; padding:24px 20px 20px; width:728px; margin: 0 auto 43px;}
		.about_info p{font-size: 12px; line-height: 18px; padding-left: 14px; color:#000; font-family: "PFSquareSansProMediumItalic"; text-align: left;}

	.about_box{border-top: 1px dashed #CECECE;padding:46px 0 50px; margin: 0 50px;}
		.about_box h3{margin-bottom:53px; letter-spacing:0;}
		.about_box_list{margin-bottom: 0;}
			.about_box_list li{list-style: none; width: 370px; margin-left:45px; line-height: 17px; margin-bottom:19px; padding-left:30px; text-align:left; background: url(/local/templates/mattioli-corp/css/../images/bg_about_list.png) 0 2px no-repeat; font-size: 12px; font-family: "PFSquareSansProMedium"; vertical-align: top; display: inline-block; *display: inline; zoom:1;} 

	/*--- order registration ---*/
	.order_registration{}
	.steps {position: relative; width: 280px; margin: 0 auto}
	.steps li {float: left; margin-top: 6px; margin-bottom: 44px;}
	.steps li a {font-size: 14px; font-family: "PFSquareSansProMedium"; color: #fff; display: block; width: 28px; height: 28px; line-height: 28px; background: #e4e4e4; text-align: center; text-decoration: none; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;}
	.steps li.active a {background: #000;}
	.steps li.sepline {width: 98px; height: 1px; background:#e4e4e4; margin-top: 20px;}
	.steps li.sepline.active {background: #000;}
	.step {display:none; position: relative; clear: both;}
		.step h4 {margin-bottom: 30px;}
	.step1 {display:block;}
	.step_block {width: 382px; margin: 0 auto; background: #fff; border:1px solid #000; padding: 35px 37px;} 
	.step_block .delete {color: #C6283A; text-decoration: none; margin: 6px; float: right;}
	.js-basket .delete {color: #C6283A; text-decoration: none; margin: 6px 20px 6px 0; float: right;}
	.edit_link, .print_link {font-size: 12px; color: #000; text-transform: uppercase; text-decoration: underline; font-family: "PFSquareSansProMedium"; vertical-align: top; display: inline-block; *display:inline; zoom:1;}
	.edit_link:hover, .print_link:hover {text-decoration: none;}
	.print_link {height: 16px; background: url(/local/templates/mattioli-corp/css/../images/print.png) 0 0 no-repeat; padding-left: 26px;}
		form .form_confirm label { font-size: 12px; color: #000; text-transform: uppercase; font-family: "PFSquareSansProMedium";}
		form .form_confirm label span {float: left; width: 102px; padding: 10px 6px 0;} 
		.delivery {overflow: hidden; padding-top: 8px;}
		.delivery label { margin-bottom: 13px; height: auto; float: left; vertical-align: top;}
		.delivery label input  {margin-right: 4px;}
		.form_confirm .submit {margin: 37px auto 0; display: block;}
		.step .basket ul {height: auto; width: 360px; margin: 0 auto;}
		.step .basket ul li:first-child {margin-top: 4px; margin-bottom: 38px;}
		.step .basket .submit {width: 240px; margin: 24px auto 14px;}
		.order_summary.basket {float: left; background: #fff; border:1px solid #000; padding: 25px 19px 38px; margin-left: 138px;}
		.order_summary.basket ul {margin: 39px auto 2px;}
		.order_summary.basket .quantity {background: #f2f2f2; font-size: 14px; text-align: center; border:0; font-family: "PFSquareSansProMedium"; padding-top: 4px; display: block;}
		.order_summary .edit_link {margin-left: 19px;} 
		.amount_summary {font-size: 14px !important; text-transform: uppercase; border-top: 1px solid #dedede; margin: 0 14px 0 18px; padding-top: 16px;}
		.user_summary {overflow: hidden; padding-left: 49px;}
		.user_summary table {background: #f5f5f5; margin: 10px 0;} 
		.user_summary table tr td {font-size: 12px; padding: 13px 30px 13px 25px; text-transform: uppercase;}
		.user_summary table tr td:first-child { font-family: "PFSquareSansProBold"; padding-right: 10px;}
		.user_summary .print_link {margin-left: 84px;}
		.user_summary .submit {margin: 19px 0 0 0;}
	.step4 {background:#F5F5F5; padding:38px 20px; width:570px; margin:85px auto; text-align: center;}
		.step4 span{font-size: 18px; letter-spacing: 1px; display:block; margin-bottom:22px; text-transform: uppercase; color:#131313; font-family: "PFSquareSansProMedium";}
		.step4 p{font-size: 14px; letter-spacing: 0.7px; margin-bottom: 33px; font-family: "PFSquareSansProRegular"; text-transform: uppercase; color:#131313;}
		.step4	a{font-size: 14px; letter-spacing: 0.9px; font-family: "PFSquareSansProRegular"; color:#C6283A; text-transform:uppercase;}
		.step4	a:hover{text-decoration: none;}

	/*--- inner news ---*/
	.inner_news{width:508px; margin: 0 auto; text-align: center; }
		.inner_news h3{letter-spacing: 0; margin-bottom: 23px; padding: 0;}
		.inner_news figure{margin-bottom: 27px;}
		.inner_news b{font-weight: normal; letter-spacing: -0.3px; font-size: 12px ;line-height:18px; font-family: "PFSquareSansProBold"; color:#000; margin-bottom: 15px; display:block;}
		.inner_news p{font-size: 12px; font-family: "PFSquareSansProMedium"; color:#000; line-height:17px; margin-bottom:22px;}
		.inner_news span{font-size: 12px; color:#c6c6c6; font-family: "PFSquareSansProMedium"; display:block; margin-bottom:46px;}
		.inner_news .all_news{font-size: 12px; margin-left: -40px; font-family: "PFSquareSansProMedium"; color:#C6283A; background: url(/local/templates/mattioli-corp/css/../images/inner_news_arrow.png) 0 2px no-repeat; padding-left:40px; display:inline-block; *display: inline; zoom:1;}
		.inner_news .all_news:hover{text-decoration: none;}

	/*---------news----------*/
	.news{margin:0 auto; width:980px; }
		.news h2{margin-bottom: 27px;}
		.news_tabs{text-align: center; margin-bottom: 39px;}
			.news_tabs li{list-style:none; display: inline-block; *display:inline; zoom:1;}
				.news_tabs li a{display:block; color:#313131; text-decoration:none; font-size:12px; font-family: "PFSquareSansProMedium"; text-align:center; height:12px; margin:3px 7px 0 11px;}
				.news_tabs li a:hover{color:#ed3b41;}
				.news_tabs li.active a{color:#ed3b41;}

			.news_list li{list-style:none; vertical-align: top; margin:0 17px 57px 0; display: inline-block; *display:inline; zoom:1;}
			.news_list li.last{margin-right:0;}
				.news_list li article{width: 312px;}
				.news_list li article a {width:100%; height:100%; display:block; text-decoration:none;}
					.news_list li figure {position:relative; }  
					.news_list li figure:hover figcaption {opacity:1;  
						-moz-transition: all 0.3s ease-out;
						-webkit-transition: all 0.3s ease-out;
						transition: all 0.3s ease-out;
					}
					.news_list li figure img{width:100%;}
					.news_list li figcaption {position: absolute; left: 0; top:0; text-align: center; opacity:0; width: 100%; line-height:162px; height: 162px; background: rgba(234,62,66,0.8);
						-moz-transition: all 0.3s ease-out;
						-webkit-transition: all 0.3s ease-out;
						transition: all 0.3s ease-out;
						-webkit-backface-visibility:hidden;  
						backface-visibility:hidden;
					}
					.news_list li figcaption span {text-decoration:underline; font-size:14px; font-family:"PFSquareSansProLight"; color:#fff; }
					 
					.news_list .news_desc {}
					.news_list .news_desc .news_date{display:block; margin:23px 0 6px; color:#c6c6c6; font-size:12px ; font-family: "PFSquareSansProMedium";}
					.news_list .news_desc p{text-decoration:none; line-height:23px; color:#000; text-transform: uppercase; font-size:14px; font-family: "PFSquareSansProBold"; border-bottom: 1px solid #C6283A; display: inline-block; *display: inline; zoom:1;}
					.news_list li article a:hover .news_desc p {color:#C6283A;}

			.pagination{text-align: center; margin-top:18px;}
				.pagination li{margin:0 5px 0 8px; list-style:none; display: inline-block; *display:inline; zoom:1;}
					.pagination li a{height:12px; font-family:"PFSquareSansProMedium"; font-size:12px; text-decoration: none; display:block; color:#000; text-align:center; cursor:pointer;}
					.pagination li a:hover{color:#ed3b41;}
					.pagination li.active a{color:#ed3b41;}

			.news_details {position: relative; text-align: center;}
			.news_details strong {font-family: Arial; font-size: 16px; letter-spacing: 0.7px; padding: 5px 0; display: block;} 
			.news_details figure {position: relative; margin: 24px auto 33px; width: 88%;}
			.news_details figure img {width: 100%; vertical-align: middle;}
			.news_details figure figcaption {position: absolute; top: 12px; left: 13px; border:3px solid #fff; padding: 8px 7px; font-family: "PFSquareSansProBold"; font-size: 12px; color: #fff; text-transform: uppercase;}
			.news_details p {font-family: Arial; font-size: 14px; text-align: left; padding: 0 60px 27px; line-height: 22px; }
			.news_details .back_btn {position: relative; background: url(/local/templates/mattioli-corp/css/../images/back_btn_arrow.png) 0 0 no-repeat;display: block; margin: 27px 0 0 59px; padding-left: 15px; text-align: left; color: #df1d25; font-size: 12px; font-family:"PFSquareSansProMedium"; }


	/*--- personal cabinet ---*/
	.personal_cabinet{}
		.personal_cabine h2{margin-bottom: 35px;}
		.personal_cabinet h3{color:#131313; margin-bottom: 26px; font-size: 14px; text-transform: uppercase; font-family: "PFSquareSansProRegular"; letter-spacing: 0.6px;}
		.personal_form{border: 1px solid #000; margin: 0 auto; width: 380px;  padding: 35px 40px 45px;}
			.personal_form label{display:block; margin-bottom:22px;}
				.personal_form label span{float: left; margin-left: 18px; line-height:35px; text-align: left; width:107px; text-transform: uppercase; font-size: 12px; font-family:"PFSquareSansProMedium"; color:#000;}
				.personal_form label input{width:220px; text-transform: uppercase; border: 1px solid #DEDEDE; padding:7px 10px; font-family: "PFSquareSansProMedium"; font-size: 12px;}

			.submit{text-transform: uppercase; margin:16px 0 0 70px; font-size: 12px; font-family: "PFSquareSansProMedium"; cursor:pointer; border: 0; background:#C6283A; color:#fff; height:31px; line-height:35px; text-align: center; width:240px;}
			.submit:hover{opacity: 0.7;}

	/*--- contacts ---*/
	.contacts{margin-top:72px;}
		.address{float:left; width:315px; font-style: normal; text-align: left; margin-left: 29px;}
			.address h2{font-size: 24px; text-align: left;font-family: "PFSquareSansProRegular"; color:#000; margin-bottom: 29px;}
			.address h3{font-size: 14px;text-align: left; padding: 0; margin:3px 0; font-family: "PFSquareSansProBold"; color:#000;}
			.address h3.first{margin-top: 28px;}
			.address h3.last{margin: 30px 0 6px 0;}
			.address p{font-family: "PFSquareSansProRegular"; font-size: 12px; line-height:22px;}
			.address a{color:#C6283A; font-family: "PFSquareSansProRegular"; font-size: 12px;}
			.address a:hover{text-decoration: none;}

		.maps{float: right; width:580px; height: 300px;}
		.ymaps-layers-pane { 
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);
			filter: url(/local/templates/mattioli-corp/css/grayscale.svg#greyscale); /* Firefox 4+ */
			filter: gray; /* IE 6-9 */
		}

	/*--- page search ---*/
	.page_search .models_list{margin-bottom: 60px; border-top: none;}
	.page_search{text-align:center;}
		.page_search_wrapper em{font-size: 18px; text-transform: uppercase; font-family: "PFSquareSansProMedium"; font-style:normal; margin-bottom: 24px; display:block;}
			.page_search_wrapper em span{color:#C6283A;}
			.page_search_wrapper p{color:#131313; font-size: 14px; text-transform: uppercase; font-family: "PFSquareSansProRegular"; letter-spacing: 0.5px; margin-bottom: 95px;}
			.page_search a.main_link{color:#C6283A; font-family: "PFSquareSansProRegular"; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
			.page_search a.main_link:hover{text-decoration: none;}

		.page_search_wrapper .search{float:none; margin: 0 auto 48px; width: 476px;}
		.page_search_wrapper h2{margin-bottom: 24px}
		.page_search_wrapper .search input[type="text"]{padding: 10px 10px 7px 33px; width:430px;}
		.page_search_wrapper .search input[type="text"]{background:#F5F5F5;}
		.page_search_wrapper .search input[type="submit"]{background: url(/local/templates/mattioli-corp/css/../images/icon_search_red.png) 0 0 no-repeat;}
		.search a.empty {background: url(/local/templates/mattioli-corp/css/../images/empty_input.png) 0 0 no-repeat; position: absolute; top: 12px; left: 96%; display: none;}

		/*--- clients ---*/
		.clients .about_list {margin: 55px auto 44px;}
			.clients .about_list strong{font-size: 13px; font-family: "PFSquareSansProMedium"; font-weight:normal; letter-spacing: -0.3px; line-height:18px; margin-bottom: 13px; display:block;}
			.clients .about_list p{width: auto;}
			.clients .about_list li:first-child {margin: 0 53px 0 34px;}
			.clients .about_list li{width: 410px;}
			.clients .about_box_list span{display:block;}
			.clients .about_box{padding: 27px 0 50px;}

		.clients_info {margin-bottom: 40px;}
			.clients_info h3{margin-bottom: 22px;}
			.clients_info ul{margin: 0 auto; border: 1px solid #D8D8D8; width: 600px; padding:26px 40px 12px;}
				.clients_info ul li{text-transform: uppercase; list-style: none; margin:0 0 27px 15px; width: 215px; padding-left: 65px; font-family: "PFSquareSansProMedium"; background: url(/local/templates/mattioli-corp/css/../images/line.png) 0 6px no-repeat; font-size:12px; color:#010101; display:inline-block; *display:inline; zoom:1;}

		/*--- home page ---*/
		.header_bottom.main{border-bottom: none;}
		.main_section.home_page{margin-top: 0;}
			.home_page h2{text-align: left; margin:0 0 10px 10px; letter-spacing: 1px;}
			.receipts_list{border-top: 1px solid #D8D8D8; padding-top:20px; margin-bottom:57px;}
			.receipts_list li{list-style:none; width:312px; position: relative; height: 162px; margin-left:15px; vertical-align: top; display:inline-block; *display:inline; zoom:1;}
				.receipts_list li a{text-decoration: none; display: block; width: 100%; height: 100%; background: #000; }
				.receipts_list li a:hover img {opacity: 0.6;
					-moz-transition: all 0.3s ease-out;
					-webkit-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
				}
				.receipts_list li a:hover figcaption {display: block;}
				.receipts_list li figure img{width:312px; height: 162px; opacity: 1;
					-moz-transition: all 0.3s ease-out;
					-webkit-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
				}
					.receipts_list li figcaption{display:none; position: absolute; bottom:18px; left: 19px;} 
						.receipts_list li figcaption p{color:#fff; text-transform: uppercase; font-size:14px ; font-family: "PFSquareSansProBold";}

			.models_list{padding-top: 37px; border-top: 1px solid #D8D8D8; text-align: left;}
				.models_list li{list-style:none; width:231px; text-align: center; position: relative; overflow: visible; height:360px; margin-left:21px; float:left;}
				.models_list li:first-child, .models_list li:nth-child(4n+1) {margin-left:0;}
				.models_list li .inner {float:left; background:#fff;}
					.models_list li .inner {float:left; background:#fff; }
					.models_list li a {display:block;}
					.models_list li figure{height:200px;}
						.models_list li figure figcaption{position: absolute; display:none; top:100px; left:85px; text-transform: uppercase; color:#fff; font-size: 12px; font-family: "PFSquareSansProMedium";}
						.models_list li:hover figcaption{display:block;}

						.models_list li img{text-align: center;  max-height: 200px; max-width: 230px; position:absolute; top:0; left:0; opacity:0;}
						.models_list li img.current {opacity:1;}
						.models_list li a{text-decoration: none;}
						.models_list .description {text-align: left; margin-top: 15px; padding: 0 17px;}
							.models_list .description a{display:block; letter-spacing: 0; margin-bottom: 10px; text-transform: uppercase; font-family: "PFSquareSansProMedium"; font-size:12px ; color:#c6c6c6;}
							.models_list .description strong{font-size: 14px; border-bottom: 1px solid #D8D8D8; margin-top:10px; margin-bottom: 13px; padding-bottom:10px; font-family:"PFSquareSansProBold"; text-transform: uppercase; display:block; color:#000;}
							.models_list .description p{font-size: 12px; line-height: 13px; font-family: "PFSquareSansProMedium"; color:#000;}
								.models_list .description p em{text-transform: uppercase; font-style: normal;} 
			

		/*--- slider ---*/
		.content_inner {position: relative; width:980px; height: 475px; margin:0 auto 34px;}
		.slider{position: relative; width:100%; height: inherit; overflow: hidden;} 
		.js-slider {position: relative; height: 100%; width: 100%;}
			.slider ul {width: 10000px; height: 100% !important;}
			.slider ul li { position: relative; display: block; float: left; width: 978px; height: 449px;}
			@media screen and (min-width: 992px){
                .slider .caroufredsel_wrapper {height: 100% !important;}
            }
				.slider ul li p {position: absolute; top: 60px; right: 47px; text-align: right;}
				.slider ul li img { }
					.slider ul li p span {display: block; color: #fff; }
						.slider ul li p span.line1 {font-family: Georgia, Arial; font-style: italic; font-size: 16px; padding-bottom: 17px; color:#6f6f6f;}
						.slider ul li p span.line2 {font-size: 36px; line-height: 50px; text-transform: uppercase; color:#C6283A; font-family: 'PFSquareSansProThin'; letter-spacing: 5px; margin-right: -4px; max-width: 430px;}
			.slider_pagination {position: absolute; left: 50%; margin-left: -69px; bottom: -7px; text-align: center; z-index:100; }
				.slider_pagination a {display: block; float: left; margin-left: 15px; padding: 10px 0;}
				.slider_pagination a:first-child {margin-left: 0;}
				.slider_pagination a.selected span {background: #C6283A;-moz-transition: all 0.0s ease-out;}
					.slider_pagination a span { display: block; width: 36px; height: 2px; background: #d4d4d4;  font: 0px Arial;}


		/*--- catalogue ---*/
		.catalogue_tabs{margin: 0 auto 37px; text-align: center;}
			.catalogue_tabs li{margin: 0 20px 0 0; list-style: none; display:inline-block; *display: inline; zoom:1;}
				.catalogue_tabs li a{font-size: 14px; font-family: "PFSquareSansProRegular"; border-bottom: 1px solid #C6283A; text-transform: uppercase; color:#131313; text-decoration:none;}
				.catalogue_tabs li.active a{font-size: 24px; border-bottom:none;}
				.catalogue_tabs li a:hover{border-bottom:none;}
				.catalogue_tabs .first{margin: 0;}
				.catalogue_tabs li.first a{background: url(/local/templates/mattioli-corp/css/../images/bg_catalogue_tabs.png) right  no-repeat; padding-right:20px;}

		.options{margin:0 auto 38px; text-align: center;}
			.options_close{border-bottom:1px dashed #bababa; margin-right: 10px; text-decoration:none; color:#bababa; font-size: 15px; font-family: "PFSquareSansProRegular"; background: url(/local/templates/mattioli-corp/css/../images/coptions_close.png) 0 3px no-repeat; padding-left:15px; display:inline-block; *display: inline; zoom:1;}
			.options_close:hover{border-bottom:none;}

			.options select{font-family:"PFSquareSansProRegular"; font-size: 13px; padding:0 5px; border: 1px solid #A7A7A7; width: 160px; margin-left:16px;
							background: #fcfcfc; /* Old browsers */
							/* IE9 SVG, needs conditional override of 'filter' to 'none' */
							background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
							background: -moz-linear-gradient(top,  #fcfcfc 38%, #ececec 56%, #f3f3f3 90%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#fcfcfc), color-stop(56%,#ececec), color-stop(90%,#f3f3f3)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #fcfcfc 38%,#ececec 56%,#f3f3f3 90%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #fcfcfc 38%,#ececec 56%,#f3f3f3 90%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #fcfcfc 38%,#ececec 56%,#f3f3f3 90%); /* IE10+ */
							background: linear-gradient(to bottom,  #fcfcfc 38%,#ececec 56%,#f3f3f3 90%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-8 */

							border-radius: 4px;
							-webkit-border-radius: 4px;
							-moz-border-radius: 4px;}

			.sort{padding: 0 0 18px; height:18px; color:#000; font-size: 15px; font-family: "PFSquareSansProRegular"; margin-left:20px; text-decoration: none; border-bottom: 1px solid #000 !important; cursor:pointer; background:none;}
			.sort:hover{border-bottom: none !important;}

			.catalogue .models_list{border-top: none;}
				.models_list li{position: relative; z-index:5; }
				.models_list li .inner{position: relative; border: 2px solid #fff; width: 100%;}
				.models_list li:hover {z-index:10; } 
				.models_list li:hover .order{display:block;}
				.models_list li:hover  .description strong{color:#C6283A; }
				.models_list li:hover .inner {border:2px solid #000;}
					.models_list .new{position: absolute; top: 14px; right: 14px; display:block; background: #000; color:#fff; height:37px; width:37px; line-height: 40px; text-align: center; font-size: 9px; text-transform: uppercase; font-family: "PFSquareSansProBold";z-index: 10;
									border-radius: 50%;
									-moz-border-radius: 50%;
									-webkit-border-radius: 50%;}

			.order{margin:21px 17px 0px; display:none; float:left;}
				.quantity{width:76px; border: 1px solid #DEDEDE; height:30px; line-height:25px; float: left; margin-right:8px;}
					.quantity a{float: left; background:#F2F2F2; text-align: center; width:23px; height: 30px; line-height: 30px; text-decoration: none; color:#000; font-size: 18px; font-family: "PFSquareSansProThin";  }
					.quantity a:hover{background:#DEDEDE;}
					.quantity input{float: left; width:28px; text-align: center; height: 30px; font-size: 14px; font-family: "PFSquareSansProMedium"; padding-left: 2px;}
				.link_order{display:block; height:31px; line-height: 34px; float: right; width:89px; text-decoration: none; color:#fff; font-family: "PFSquareSansProMedium"; font-size:12px; text-transform: uppercase; padding-left:20px; background:#C6283A url(/local/templates/mattioli-corp/css/../images/icon_basket.png) 10px 7px no-repeat;}
				.link_order:hover{opacity: 0.7;}


			/*--------popup---------*/
			.popup{width:770px; display: none; height:450px; padding:10px; background: #fff;position: relative; background:#fff;
				 -webkit-transform: scale(0.8); 
				 -moz-transform: scale(0.8); 
				 transform: scale(0.8); 
				 -webkit-transition: -webkit-transform .1s ease-in; 
				 -moz-transition: -moz-transform .1s ease-in; 
				 transition: transform .1s ease-in;
			}
			.popup.on {
				-webkit-transform: scale(1); 
				-moz-transform: scale(1); 
				transform: scale(1); 
				-webkit-transition: -webkit-transform .1s ease-in; 
				-moz-transition: -moz-transform .1s ease-in; 
				transition: transform .1s ease-in;
			}
			.popup .close{background: url(/local/templates/mattioli-corp/css/../images/close_big.png) 0 0 no-repeat; width:21px; height:21px; position:absolute; top: 5px; right:5px; display: block;}
			.popup .close:hover{background: url(/local/templates/mattioli-corp/css/../images/close_big.png) 0 -21px no-repeat;}


		/*------popup catalogue------*/
		.popup.catalogue{width:920px; height:auto; position: relative;}
			.popup.catalogue .close{top:8px; right:8px;}
			.popup.catalogue .popup_gallery{float: left; width: 420px; margin: 32px 0 23px 23px;}
			.popup_gallery .my-foto {margin-bottom: 9px;}
			.product_gallery .thumbs {width:420px; float:left; height: 68px;}
			.product_gallery .thumbs li {width:65px; height:62px; float:left; margin-left: 6px; margin-bottom: 6px;}
			.product_gallery .thumbs li:first-child, .product_gallery .thumbs li:nth-child(7n) {margin-left:0;}
				.product_gallery .thumbs li:hover  {opacity: 0.6;}
				.product_gallery .thumbs li a {display:block;}
				.product_gallery .thumbs li a  img {width:100%; height:100%;}
				.product_gallery .thumbs li a.active {opacity: 0.6;}  
				.popup.catalogue .arrow_prev, .popup.catalogue .arrow_next{position: absolute;display:block;width: 23px; height: 44px; top:289px;}
				.popup.catalogue .arrow_prev{background: url(/local/templates/mattioli-corp/css/../images/arrows_popup.png) -23px 0 no-repeat; left:-60px;}
				.popup.catalogue .arrow_next{background: url(/local/templates/mattioli-corp/css/../images/arrows_popup.png) 0 0 no-repeat; right:-54px;}
				.popup.catalogue .arrow_prev:hover{background: url(/local/templates/mattioli-corp/css/../images/arrows_popup.png) -23px -44px no-repeat;}
				.popup.catalogue .arrow_next:hover{background: url(/local/templates/mattioli-corp/css/../images/arrows_popup.png) 0 -44px no-repeat;}

		.description_catalogue{float: right; width:422px; margin: 32px 17px 0 0;}
			.description_catalogue .name{text-transform: uppercase; display:block;margin-bottom: 9px; color:#c6c6c6; font-size: 12px; font-family: "PFSquareSansProMedium";}
			.description_catalogue h2{font-family: "PFSquareSansProRegular"; margin-bottom: 25px; letter-spacing: 1px; text-transform: uppercase; font-size: 24px; color: #131313;}
			.description_catalogue h3{font-family: "PFSquareSansProBold"; padding-bottom:7px; border-bottom: 1px solid #dbdbdb; margin-bottom: 18px; font-size:14px; text-transform: uppercase;}
			.description_catalogue p{font-size:12px; line-height: 14px; margin-bottom:18px; font-family: "PFSquareSansProMedium";}
			.description_catalogue p.last{margin-bottom:2px;}
				.description_catalogue p span{text-transform: uppercase;}
				.description_catalogue .order{display:block;width:200px; margin: 5px 17px 18px 0;}
				.description_catalogue .link_order{width: 110px; text-align:center; width: 94px;}


		.popup_gallery{float: right; width:385px; margin:38px 50px 0 0;}
			.zoomWrapper {width:385px; height:310px; margin-bottom: 3px;} 
			.slideshow-container{width:385px; height:310px; margin-bottom: 3px;} 
			.address_gallery_slideshow {width:385px; height:310px; overflow: hidden;}
				.popup_gallery .navigation li{list-style: none; position: relative; cursor: pointer; display:inline-block; *display: inline; zoom:1;
					-moz-transition: all 0.3s ease-out;
					-webkit-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
				}
					.popup_gallery .navigation li span{position: absolute; display: block; width:65px; height: 65px;}
					.address_gallery_nav li:hover a img, .popup_gallery .navigation li:hover a img {opacity: 0.6; 
					-moz-transition: all 0.3s ease-out;
					-webkit-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
				}
					.address_gallery_nav li a {display: block; width: 100%; height: 100%; background:#C6283A; }
					.address_gallery_nav li a img {vertical-align: middle;}
					.address_gallery_nav li.selected a img {opacity: 0.6;}

		/*--- popup basket ---*/
		.popup.basket_popup{height:200px; width: 630px; border: 1px solid #000;}
			.basket_popup h2{font-size: 18px; margin-top: 60px; text-align:center;text-transform: uppercase;font-family: "PFSquareSansProMedium";margin-bottom: 50px;display: block;}
			.basket_popup a	{color: #C6283A;font-family: "PFSquareSansProRegular"; text-align: center; display:block; font-size: 14px;text-transform: uppercase;letter-spacing: 1px;}
			.basket_popup a:hover{text-decoration: none;}


		/*--- for dealers ---*/
		.popup.dealers_popup{ background: #fff; height:255px; width: 360px; padding: 31px 45px; background:#fff;  }
		.dealers_popup .for_dealers_wrapper{background:#fff;}
		.dealers_popup .dealers_wrapper{margin: 0 auto;} 
		.dealers_popup h4 { }
		.dealers_popup .form_login {margin-top: 46px;}
			.form_login form label { font-size: 12px; color: #000; text-transform: uppercase; font-family: "PFSquareSansProMedium";}
			.form_login form label span {float: left; width: 102px; padding: 10px 6px 0;} 
			.form_login form input[type="password"] {margin-bottom: 7px;}
			.form_login a {font-family: "PFSquareSansProMedium"; font-size: 12px; color: #000; text-decoration: underline;}
			.form_login a:hover {text-decoration:none;}
			.form_login .forgot_password {float: left; margin-left: 115px;}
			.form_login .signin {float: right; margin-right: 5px;}
			.form_login .submit {margin: 39px 0 0 58px;}

		.for_dealers_wrapper{position: relative; background: #fff; min-height: 120px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; padding-top: 41px; width: 98.5%; margin-top: -1px;}
			.dealers_wrapper{ margin:76px auto 20px; width:320px; background:#fff;}
				.dealers_wrapper .tabs{}
					.dealers_wrapper .tabs li{list-style: none; border-bottom: 1px solid #000; border-top: 0; border-left: 0; border-right: 0; height:39px; display:inline-block; *display:inline; zoom:1; vertical-align: top; position: relative; top: -1px;}
						.dealers_wrapper .tabs li a{text-decoration: none; padding-top: 12px; border-bottom: 1px dashed; text-transform: uppercase; font-family: "PFSquareSansProRegular"; font-size:14px; color:#131313; margin-left: 30px;  display:inline-block; *display:inline; zoom:1;}
						.dealers_wrapper .tabs li.active a{border-bottom: none; cursor: default;}
						.dealers_wrapper .tabs li.active{border-bottom: none;border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;}
						.dealers_wrapper .tabs li.signin_tab, .dealers_wrapper .tabs li.signin_tab.active{width:203px; margin-left: -5px;} 
						.ff .dealers_wrapper .tabs li.signin_tab, .ff .dealers_wrapper .tabs li.signin_tab.active {width: 204px;}
						.mac_safari .dealers_wrapper .tabs li.signin_tab, .ff .dealers_wrapper .tabs li.signin_tab.active {width: 204px;}
						.dealers_wrapper .tabs li.login_tab{width: 112px;}

				.dealers_wrapper form{position: relative; background:#fff;width: 240px;margin: 0 auto 26px;}
				.dealers_wrapper form label { }
					.dealers_wrapper form input{ margin: 0 auto 22px;}
					.dealers_wrapper form .submit{line-height:17px; width: 240px; margin: 5px 0 10px;} 

					.form_reg{display:none;}
					.form_authorization{display: block;}
					.form_reg1{display:block;}
					.form_authorization1{display: none;}

		/*--- basket ---*/
		.basket_anchor {position: fixed; top:63px; right: 0; text-decoration: none; z-index: 15; cursor: pointer; }
		.basket_anchor:after {position: absolute; content: ''; width: 10px; height: 72px; background: #fff; top: 0; right: -10px; z-index: 15;}
		.basket_anchor.on {right: 375px;}
			.basket_anchor .link_basket_hover{display:block; position: relative; text-align: center; font-family: "PFSquareSansProMedium"; font-size: 13px; color: #000; width:50px; padding-top:45px; height:27px; background: url(/local/templates/mattioli-corp/css/../images/img_basket.png) center 18px no-repeat #fff;
				-webkit-box-shadow: -2px 0px 10px 3px rgba(217,217,217,0.5);
				-moz-box-shadow: -2px 0px 10px 3px rgba(217,217,217,0.5);
				box-shadow: -2px 0px 10px 3px rgba(217,217,217,0.5);
			}
			.basket_anchor .link_basket_hover.add {
				-webkit-animation:0.5s ease 0s normal none 1 blink;
				animation:0.5s ease 0s normal none 1 blink;
			}
		.basket.basket_fixed{position:fixed; top:63px; right: -375px; background: #fff; width:370px; padding:20px 0 16px 5px; height: 500px; z-index: 11;  
				-webkit-box-shadow: -2px 0px 30px 3px rgba(217,217,217,1);
				-moz-box-shadow: -2px 0px 30px 3px rgba(217,217,217,1);
				box-shadow: -2px 0px 30px 3px rgba(217,217,217,1);
				-moz-transition: all 0.3s ease-out;
				-webkit-transition: all 0.3s ease-out;
				transition: all 0.3s ease-out;
		} 
		.basket.basket_fixed.on {right: 0;}
			.list_wrapper{max-height:100px; float: left; width: 240px;}
			.list_wrapper a {text-decoration:none;}
			.basket_wrapper {}
			.basket ul{width: 370px; height: 450px; overflow: hidden;}
			 	.basket ul li:first-child {margin-top: 8px; }
				.basket li{list-style:none;margin-bottom:24px; height: auto; /*max-height: 80px;*/ overflow:hidden;}
					.basket figure{float: left;text-align: center; margin-bottom: 10px; width:52px; margin-right: 10px; margin-left: 15px; height:100%; background:#F3F3F3;}
						.basket figure img{text-align: center; margin-top:3px;}
						.basket small{font-size: 12px; font-style: normal; font-family: "PFSquareSansProMedium"; display:block; margin-bottom:10px; text-transform: uppercase; color:#c6c6c6;}
						.basket strong{font-size: 14px;margin-bottom:11px; font-family: "PFSquareSansProBold";text-transform: uppercase;display: block;color: #000;}
						.basket p{font-size: 12px;font-family: "PFSquareSansProMedium";color: #000; line-height: 15px; overflow: hidden;}
						.basket p em{text-transform: uppercase;font-style: normal;}

			.basket .quantity{float: left; }
			.basket .submit{width:200px; text-decoration: none; display:block;}
			.jspVerticalBar {background: #f5f5f5; right: 12px; width: 7px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
			.jspDrag {background: #cecece; width: 7px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
			.jspTrack {background: #f5f5f5; width: 7px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}

			.list_wrapper .price {margin-top:10px;}

/*--- footer ---*/
.spacer {position: relative; height: 61px; width: 100%;}
.footer {position: absolute; bottom: 0; left: 0; width: 100%; } 
	.footer_wrapper{position:relative;text-align: center; height:60px; border-top:1px solid #D8D8D8;}
	.footer_l{float:left; width:519px; margin-left:32px;}
		.footer_l small{text-transform:uppercase; letter-spacing: 0.7px; margin-top:30px; font-size: 11px; font-family: "PFSquareSansProMedium"; color:#000; float: left;}
		.footer_l a{text-transform: uppercase; margin-top: 29px; letter-spacing: 1.4px; float: right; text-decoration:none; color:#aaa; font-family:"PFSquareSansProMedium"; font-size: 12px;}
		.footer_l a:hover{color:#000;}

	.footer_r{float:right; margin-right: 26px;}
		.footer_r a {color: #000; margin-top: 19px; display:block; letter-spacing: 1.3px;font-family: 'PFSquareSansProMedium';font-size: 11px; text-decoration:none; text-transform: uppercase;}
			.footer_r a span {background: url(/local/templates/mattioli-corp/css/../images/ico_footer_black.png) no-repeat;}
			.footer_r a span {position: relative;top: 5px;display: inline-block;zoom: 1;width: 19px;height: 20px;}
			.footer_r a:hover {color: #C6283A;}
			.footer_r a:hover span {background: url(/local/templates/mattioli-corp/css/../images/ico_footer_red.png) no-repeat; 
									-moz-transition: all 0.3s ease-out;
									-webkit-transition: all 0.3s ease-out;
									transition: all 0.3s ease-out;}


.magnifier {border:0 !important;}

.tooltip { position: relative; }
.tooltip-content { 
	display: none; 
	position: absolute; 
	background-color: #fff; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); 
	padding: 10px; 
	z-index: 15;
	padding: 10px;
	font-style: normal;
	text-align: center;
	text-transform: none;
	width: 200px;
	transition: all 0.3s ease-out;
	color: #000;
	border-radius: 5px;
}
.tooltip:hover > .tooltip-content { display: block }

/* Chrome, Safari, Opera */
@-webkit-keyframes blink
{
	0%   {
	
		background: url("/local/templates/mattioli-corp/css/../images/img_basket.png") no-repeat scroll center 18px #FFFFFF;
	}
	100% {
		background: url("/local/templates/mattioli-corp/css/../images/img_basket.png") no-repeat scroll center 18px #C6283A;
	}
}

/* Standard syntax */
@keyframes blink
{
	0%   {
		background: url("/local/templates/mattioli-corp/css/../images/img_basket.png") no-repeat scroll center 18px #FFFFFF;
	}
	100% {
		background: url("/local/templates/mattioli-corp/css/../images/img_basket.png") no-repeat scroll center 18px #C6283A;
	}
} 
	   										.map_description{position: relative; width:170px; padding:10px 0 0 4px; height:50px; text-align: left; z-index: 3;}
	   										.map_description:after {position: absolute; left: 52px; bottom: -20px; width: 18px; height: 18px; content: ''; background: url(/local/templates/mattioli-corp/css/images/arrow_map_description.png) 0 0 no-repeat;}
	   											.map_description a{font-family: "Arial";font-size: 12px;color: #C6283A;text-decoration: none; padding-bottom: 1px; background: url(/local/templates/mattioli-corp/css/images/border_dashed.png) 0 100% repeat-x transparent; 
		   											-moz-transition: all 0.0s ease-out;
													-webkit-transition: all 0.0s ease-out;
													transition: all 0.0s ease-out
												}
	   											.map_description a:hover {background: none;	-moz-transition: all 0.0s ease-out;
													-webkit-transition: all 0.0s ease-out;
													transition: all 0.0s ease-out
												}	
	   												.map_description span{display:block; color: #c3c3c3;text-transform: none; margin-top:7px; font-family: "Arial";font-size: 12px; line-height: 16px;}
	   												.map_description a.close {position: absolute; top:6px; right: 5px; background:url(/local/templates/mattioli-corp/css/images/ico_close.png) no-repeat; border-bottom:none; display:block; width: 8px; height: 8px; z-index:10; }

.social-link {
	display: flex;
	gap: 5px;
	padding-bottom: 5px;
}

.social-link a, .social-link span {
	text-decoration: none;
	line-height: 21px;
	display: inline-block;
	height: 21px;
	width: 21px;
}

.social-link .viber {
	background: url(/local/templates/mattioli-corp/css/../images/icon-viber.svg) left center no-repeat;
}

.social-link .telegram {
	background: url(/local/templates/mattioli-corp/css/../images/icon-telegram.svg) left center no-repeat;
}

.social-link .whatsapp {
	background: url(/local/templates/mattioli-corp/css/../images/icon-whatsapp.svg) left center no-repeat;
}

.social-link .max {
	background: url(/local/templates/mattioli-corp/css/../images/icon-max.svg) left center no-repeat;
}

.social-link .wb {
	background: url(/local/templates/mattioli-corp/css/../images/icon-wb.svg) left center no-repeat;
}

.social-link .ozon {
	background: url(/local/templates/mattioli-corp/css/../images/icon-ozon.svg) left center no-repeat;
}

.social-link .instagram {
	background: url(/local/templates/mattioli-corp/css/../images/icon-instagram.svg) left center no-repeat;
}

.social-link .vk {
	background: url(/local/templates/mattioli-corp/css/../images/icon-vk.svg) left center no-repeat;
}

.social-link .fb {
	background: url(/local/templates/mattioli-corp/css/../images/icon-facebook.svg) left center no-repeat;
}

.social-link .tiktok {
	background: url(/local/templates/mattioli-corp/css/../images/icon-tiktok.svg) left center no-repeat;
}

.social-link .youtube {
	background: url(/local/templates/mattioli-corp/css/../images/icon-youtube.svg) left center no-repeat;
}


.switcher-lang {
	float: right;
	margin: 17px 32px 0 0;
}

.switcher-lang-element {
	text-decoration: none;
	text-transform: uppercase;
	color: #313131;
	font-size: 12px;
	font-family: "PFSquareSansProMedium";
	cursor: pointer;
}

.switcher-lang-element.current {
	font-weight: bold;
}
.header_middle .switcher-lang
{
	display:none;
}

@media (max-width: 992px) {
	.header_middle .switcher-lang
	{
		display:block
	}
}
/* End */


/* Start:/local/templates/mattioli-corp/components/bitrix/menu/main_custom/style.css?1631092570626*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/mattioli-corp/components/bitrix/menu/main_custom/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



/* End */


/* Start:/local/templates/mattioli-corp/components/bitrix/search.title/custom/style.css?16310925702108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/mattioli-corp/components/bitrix/search.title/custom/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/mattioli-corp/components/bitrix/menu/main/style.css?1631092570626*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/mattioli-corp/components/bitrix/menu/main/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



/* End */


/* Start:/local/templates/mattioli-corp/components/bitrix/menu/top_mobile/style.css?1631092570626*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/mattioli-corp/components/bitrix/menu/top_mobile/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



/* End */


/* Start:/local/templates/mattioli-corp/components/bitrix/menu/catalog_mobile/style.css?1765452652624*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/mattioli-corp/components/bitrix/menu/catalog_mobile/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}


/* End */


/* Start:/local/modules/redslash.translatorjs/assets/css/styles.min.css?17730480251069*/
.skiptranslate {display: none !important;}.goog-text-highlight, font > font {background-color: transparent !important;box-shadow: none !important;box-sizing: inherit;}.translatorjs_langs {background: #ddd;border-radius: 0 5px 5px 0;display: flex;flex-direction: column;left: -12px;line-height: 24px;max-width: 32px;padding: 5px;position: fixed;text-align: center;text-transform: uppercase;top: 50%;transform: translateY(-50%);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;z-index: 999999;}.translatorjs_langs:hover {left: 0;}.translatorjs_lang_item {cursor: pointer;margin-bottom: 5px;max-width: 30px;opacity: .5;}.translatorjs_lang_item:last-of-type {margin-bottom: 0;}.translatorjs_lang_item:hover, .translatorjs_lang_active {opacity: 1;}.translatorjs_info {background: #ddd;border-radius: 5px 5px 0 0;bottom: 0;font-family: sans-serif;font-size: 16px;padding: 8px 0;position: fixed;text-align: center;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;width: 100%;z-index: 999999;}
/* End */
/* /local/templates/mattioli-corp/css/custom.css?177330685421955 */
/* /local/templates/mattioli-corp/css/style_main.css?177330685450037 */
/* /local/templates/mattioli-corp/components/bitrix/menu/main_custom/style.css?1631092570626 */
/* /local/templates/mattioli-corp/components/bitrix/search.title/custom/style.css?16310925702108 */
/* /local/templates/mattioli-corp/components/bitrix/menu/main/style.css?1631092570626 */
/* /local/templates/mattioli-corp/components/bitrix/menu/top_mobile/style.css?1631092570626 */
/* /local/templates/mattioli-corp/components/bitrix/menu/catalog_mobile/style.css?1765452652624 */
/* /local/modules/redslash.translatorjs/assets/css/styles.min.css?17730480251069 */