/* Start:/local/templates/mattioli-corp/css/style_main.css?177341304450046*/ @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; display:none;} .models_list li img.current {display:block;} .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: 10px; padding-bottom: 10px; } .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/css/custom.css?177340218922000*/ :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 { justify-content: space-between; width: 100%; gap:10px; } .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/fancybox.min.css?177340201232982*/ /** * Skipped minification because the original files appears to be already minified. * Original file: /npm/@fancyapps/ui@6.1.13/dist/fancybox/fancybox.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ :root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important} /* 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/style_main.css?177341304450046 */ /* /local/templates/mattioli-corp/css/custom.css?177340218922000 */ /* /local/templates/mattioli-corp/css/fancybox.min.css?177340201232982 */ /* /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 */