::selection{background:#c4c4c4; color:#fff} ::-moz-selection{background:#c4c4c4; color:#fff} ::-webkit-selection{background:#c4c4c4; color:#fff} ::-webkit-scrollbar {height: 8px;width: 8px;background: rgb(229, 229, 229) !important} ::-webkit-scrollbar-thumb {background: #c4c4c4;} ::-webkit-scrollbar-corner {background: #c4c4c4;} html {margin: 0 auto; height: 100%} body {direction: rtl; text-align: right; line-height: 1.8em; font-family: iran; background: #fff;font-size: 13px; color: #676767; display: flex; flex-direction:column;} body.nosc {overflow: hidden;} img.svg {display: none;} *, *:before, *:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .noscroll {overflow: hidden !important;} .fr {float: right;} .fl {float: left;} .hide {display: none !important;} .display {display: none !important;} .clear:before,.clear:after {content:"";display:table;}.clear:after {clear:both;}.clear {zoom:1;} input, select, textarea, button {font-family: iran; font-size: 12.5px; color: #7b7a7a} .justify {text-align: justify;}.left {text-align: left;}.right {text-align: right;}.center {text-align: center;} .ltr {direction: ltr;}.rtl {direction: rtl;} .rel {position: relative !important;} .gray {-webkit-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;} .gray img {-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;filter: url("data:image/svg+xml;utf8,#greyscale"); opacity: 0.7} .gray:hover img {opacity: 1} .font14{font-size:14px} .inherit{display: initial;} .more_usage, .less_usage{cursor: pointer;} .product_list_icon{font-size: 9px;display: inline-block;vertical-align: middle;padding: 0 5px;} strong, b {font-weight: bold;} .tree_list_holder label{cursor: pointer;} .breadcrumb{display: flex;flex-flow: row wrap} .breadcrumb li{display: flex !important;align-items: center;} .breadcrumb li h1{margin-left: 10px} .wrapper {max-width: 1020px; margin: 0 auto; width: 100%;flex-wrap: wrap !important;} .section {width: 100%; display: flex; flex-wrap:wrap;justify-content: center;} .section_label {height: 50px; border-bottom: 1px solid #e1e1e1; padding: 15px 0; } .section_content {padding: 15px 0} .table_holder .see_product_images_links{margin-left:3px;white-space:nowrap;padding: 0 10px;text-align: center;background-color: #d45353;box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2);color: #fff;border-radius: 2px;} .table_holder .images_holder >div{text-align:center;display:flex;flex-wrap:nowrap;align-items:center} .table_holder .images_holder {width: 1%;white-space: nowrap;} #top_header {width: 100%; border-bottom: 1px #e1e1e1 solid; height: 120px;align-items: center; display: flex} #top_header .wrapper {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-end; height: 100%;width: 100%} #top_header .wrapper > div {flex: 0 0 auto;} #top_header .heading{display: flex;flex-flow: column wrap;align-items: flex-start;} #top_header .heading .top {font-size: 17px} #top_header .heading .bottom {font-size: 27px; letter-spacing: -1px; line-height: 1.8em; word-spacing: -3px; margin-bottom: 25px} #top_header .fixed_menu { display: flex; height: 100%; justify-content: center;align-items: center;} #top_header .fixed_menu a {margin-right: 25px; order:2;display: flex;justify-content: center;align-items: center;height: 28px;} #top_header .fixed_menu a i {margin-left: 8px} #top_header .fixed_menu a #shopping_cart_count {background-color: #77a6ef; color: #fff; display: inline-block;vertical-align: middle; padding: 4px 7px; line-height: 100%; border-radius: 4px; margin-right: 5px} #top_header .fixed_menu .shopper_profile {order: 1;background: #c6ecd9;padding: 0 5px;border-radius: 3px;color: #67a083;} #top_header .fixed_menu .shopper_profile i {font-size: 15px} #top_header .fixed_menu .logout {order: 3;} #bottom_header { border-bottom: 1px solid #e1e1e1;} #bottom_header .wrapper {display: flex; flex-wrap:nowrap;} #bottom_header #counter {display: flex; flex-direction:row; flex-wrap:nowrap; height: 50px; align-items:center;order:1; width: 300px; justify-content:space-between; padding: 0 20px} #bottom_header #counter div {} #bottom_header #search {border-right: 1px solid #e1e1e1; height: 50px; display: flex; align-items:center; order:2;} #bottom_header #search div {margin: 0; padding: 0;} #bottom_header #search input {border:0 !important;} #bottom_header #search input[type=text] {width: 685px} #bottom_header #search button{background: #fff;width: auto;box-shadow: none;color: #969696;font-family: mticon;font-size: 20px;line-height: 100%;order: 2;} #cart_toolbar .wrapper {height: 50px; border-bottom:1px solid #e1e1e1; display: flex; justify-content:space-between; align-items:center; padding: 0 10px; } #cart_toolbar .wrapper a {font-size: 14px; margin-left: 30px} #cart_toolbar .wrapper a.current {color: #77a6ef;} #cart_toolbar .wrapper .tab{display: flex;flex-flow: row wrap} form#refine .il_checkbox_holder{margin-top:5px;flex-grow: 1;width: 100%;} form#refine .il_checkbox_holder label{display: inline-block;} form#refine .submit_refine{text-align:left; margin-bottom:0; margin-top:25px; float:left} form#refine .submit_refine input{width:auto;background-color: #77a6ef;} form#refine .refine_reset{float: left;margin-top:25px;border: none;text-align: center;cursor: pointer;box-shadow: none;border-radius: 50px;padding: 6px 20px; background:#e1e1e1; margin-left:10px} form#refine .refine_options_holder{display: flex;flex-flow: row wrap;justify-content: flex-end;align-items: center;} #overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; content: ' '; background-color: rgba(251, 251, 251, 0.33); z-index: 1900; display: none;} #main {width: 100%; margin-bottom: 15px; flex:1 1 auto; margin-top: 15px} #main #category {height: 50px; border-bottom: 1px solid #e1e1e1;display: flex; align-items:center; justify-content:center; font-size: 14px} #main #category a {margin: 0 25px; } #main #category a:hover {color: #818181} #main #category a.active {color: #77a6ef} #main #category a i {margin-left: 8px; font-size: 17px; vertical-align: middle;} #main #container { width: 100%} #main #container .wrapper {display: flex; flex-wrap:nowrap;padding: 0} #main #container .col_full {max-width: 1020px; padding: 15px 0;width: 100%} #main #container .col_full table .product_item_tbl {overflow: hidden;display: block;display: flex;flex-wrap:nowrap; width: 100%; align-items:center;padding: 15px} #main #container .col_full table .product_item_tbl .image_holder a {display:block;width: 192px;height: 140px;background-color: #fff;border-radius: 4px;overflow: hidden;margin-left:15px;} #main #container .col_full table .product_item_tbl .image_holder img {width: 100%} #main #container .col_full table .product_item_tbl .pr_title {margin-bottom: 10px;padding: 0 0 10px 0;display: flex;flex-direction: column;justify-content: center;font-size: 16px;} #main #container .col_full table .product_item_tbl .detail {flex:1 1 auto;order: 3;margin-right: 0;display: flex; flex-direction:column;} #main #container .col_full table .product_item_tbl .detail .seller {color: #77a6ef} #main #container .col_full table .product_item_tbl .detail .cat_type {color: #949494} #main #container .col_full .table_holder table th {border-right: 0; padding: 10px; color: #8c8c8c} #main #container .col_full .table_holder table th:first-of-type {border-right: 1px solid #f0f1f2;} #main #container .col_full table tr.acc > td {background-color: #f7f9fa;padding: 5px} #main #container .col_full table table {background-color: #fff; margin: 0px ;} #main #container .col_full table .acc_item_tbl {padding:5px 15px;} #main #container .col_full table .acc_item_tbl .image_holder a {display:block;width: 122px;height: 70px;background-color: #fff;border-radius: 4px;overflow: hidden;margin-left:15px;} #main #container .col_full table .acc_item_tbl .image_holder a {display:block;width: 122px;height: 70px;background-color: #fff;border-radius: 4px;overflow: hidden;margin-left:15px;} #main #container .col_full table .acc_item_tbl .tag {top: calc(50% - 10px);position: absolute;left: 0;background: #ef7777;color: #fff;padding: 4px 5px;border-radius: 3px;font-size: 12px;line-height: 100%;} #main #container .col_full table table td > div {position: relative;} #main #container .col_full table th {background-color: #f7f9fa} #main #container .col_full table {border-bottom: 0; border-top: 1px solid; border-color: #f0f1f2} #main #container .col_full table th, #main #container .col_full table td {border-top: 0; border-bottom: 1px solid; border-color: #f0f1f2} #main #container .col_full table .acc_action {width:55px;text-align:center;font-size:12px; display:flex; height: 50px; justify-content:center;} #main #container .col_full table .acc_action a { flex: 1 1 auto; align-items:center; display: flex; justify-content:center; font-size: 10px} #main #container .col_full table .empty td {padding: 20px; text-align: center; color: #828282} #main #container .col_full table .form_field input {padding: 7px 10px !important} #main #container .col_full #sum_price {margin-top: 20px; border-color: #c6ecd9} #main #container .col_full #sum_price td:first-of-type {border: 0 !important;width: 610px !important;} #main #container .col_full #sum_price td:last-of-type {background-color: rgba(198, 236, 217, 0.18)} #main #container .col_full #sum_price td {border-top: 1px solid #c6ecd9 !important; padding: 15px; border-color: #c6ecd9} #main #container .col_full #sum_price .sum_price_holder {display: flex; justify-content:space-between; color: #67a083} #main #container .col_full #sum_price .sum_price_holder i {font-size: 17px} #main #container .col_full input[type=submit] {box-shadow: none; border-radius: 50px; padding:6px 20px;} #main #container .col_main {width: calc(100% - 295px); margin-right: 30px;flex: 1} #main #container .col_main #slider {height: 410px; border-bottom: 1px solid #e1e1e1} #main #container .col_main #slider #slider_header { width: 100%;} #main #container .col_main #slider #slider_header .holder {direction: ltr; text-align: left;} #main #container .col_main #slider #slider_header .block_2 {width: 460px; display: flex; justify-content:space-between; flex-wrap:wrap; flex: 0 1 auto;} #main #container .col_main #slider #slider_header .block_1 {width: 222px;} #main #container .col_main #slider #slider_header .item { height: 50%; display: inline-block; width: 222px; height: 170px; border-radius: 4px; cursor: pointer; position: relative; overflow: hidden; border:1px dashed #e1e1e1; border-radius: 5px; margin-bottom: 10px} #main #container .col_main #slider #slider_header .item .image_wrapper {overflow: hidden;display: block;border: 15px solid #ffffff;height: 100%;position: relative;border-radius: 19px;} #main #container .col_main #slider #slider_header .item img {transform: translate(-50%, -50%);top: 50%;position: absolute;left: 50%; width: 100%;object-fit: contain;} #main #container .col_main #slider #slider_header .item.col1 {height: 295px; max-width: 398px; flex:1 1 auto;} #main #container .col_main #slider #slider_header li {display: flex; flex-wrap:wrap; justify-content:space-between;flex:1 1 auto; height: 350px} #main #container .col_main #slider #slider_footer {width: 100%;transition:all 2s cubic-bezier(0.55, 0, 0.1, 1); -weblkit-transition:all 2s cubic-bezier(0.55, 0, 0.1, 1); -moz-transition:all 2s cubic-bezier(0.55, 0, 0.1, 1); position: relative;} #main #container .col_main #slider #slider_footer .holder {height: 50px; display: flex; justify-content:space-between; align-items:center; overflow: hidden;} #main #container .col_main #slider #slider_footer #subtitle {font-size: 15px; -webkit-transform: translateY(100px); transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);width: 100%;padding: 0 40px;text-align: center;} #main #container .col_main #slider #slider_footer #subtitle.show { -webkit-transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); opacity: 1;} #main #container .col_main #slider #slider_footer #operator {position: absolute;left: 0;right: 0;top: 0; display: flex; justify-content:space-between; align-items:center; height: 50px} #main #container .col_main #slider #slider_footer #operator a {display: inline-block; vertical-align: middle; line-height: 100%; padding: 0 2px; font-size: 14px; cursor: pointer;} #main #container .col_main #slider #slider_footer #operator a:first-child, #footer .col_main #footer_tools a:first-child{order: 2} #main #container .col_main #slider #slider_footer #operator a:last-child, #footer .col_main #footer_tools a:last-child{order: 1} #main #container .col_main #slider #slider_header .item {-webkit-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7); opacity:0; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);} #main #container .col_main #slider #slider_header .item.animated {-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); opacity:1;} .no-js #slider #slider_header .item {-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #toolbar {display: flex; justify-content:space-between; align-items:center; padding: 15px 0;flex-flow: row wrap;} #toolbar a {margin-left:10px; position: relative;} #toolbar .title:after {content: '\e64a';font-family: themify;font-size: 10px;display: inline-block;vertical-align: middle;margin-right: 10px;line-height: 1em;padding-top: 2px} #toolbar .title{display: inline-block;} #toolbar .breadcrumb .title:after{margin-right: 0;margin-left: 10px} #toolbar .title:last-child:after{display: none} #toolbar.product_toolbar{font-size:13px} .product_toolbar #category_path{border: none} .product_toolbar#toolbar{border-bottom: 1px solid #e1e1e1;padding: 5px 0} .product_toolbar#toolbar .active{font-weight: bold} #main #container .col_main .empty_list {padding: 50px;text-align: center;width: 100%; opacity: .8} #main #container .col_main .empty_list i {font-size: 60px; display: block; line-height: 2em; color: #efc677} #main #container .col_main #items_holder .holder_wrapper {display: flex; flex-wrap:wrap; width: 100%} #main #container .col_main #items_holder .item {padding: 15px; border-radius: 4px; border:1px dashed #e1e1e1; width: 222px; margin-bottom: 15px; display: flex; flex-direction:column; position: relative;} #main #container .col_main #items_holder .item .item_link {display: flex; flex-direction:column; flex:1 1 auto;} #main #container .col_main #items_holder .item:nth-child(3n+2) {margin-left: 14px; margin-right: 14px} #main #container .col_main #items_holder .item .item_image {width: 192px; height: 140px; border-radius: 4px; overflow: hidden; position: relative;} #main #container .col_main #items_holder .item .item_image img {width: 100%;position: absolute;width: 100%;transform: translate(-50%, -50%);top: 50%;left: 50%;object-fit: contain;} #main #container .col_main #items_holder .item .item_title {flex:1 1 auto; padding: 15px 0 20px} #main #container .col_main #items_holder .item .item_footer {display: flex;justify-content: space-between;} #main #container .col_main #items_holder .item .item_footer span {width: 50%} /*#main #container .col_main #items_holder .item .item_footer span:last-child {text-align: left;}*/ #main #container .col_main #items_holder .item .item_footer.products {display: flex; justify-content:flex-end;} #main #container .col_main #items_holder .item .item_footer.applicant {display: inherit;} #main #container .col_main #items_holder .item .company {flex: 1 1 auto;padding: 2px 0px; border-radius: 3px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} #main #container .col_main #items_holder .item .add_to_cart {padding: 6px 8px;background: #ef7777;color: #fff;font-size: 14px;border-radius: 3px;cursor: pointer; position: relative; margin-right: 5px} #main #container .col_main #items_holder .item .add_to_cart span {display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; justify-content: center;align-items: center; background-color: #87d0ab;border-radius: 3px; -webkit-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;} #main #container .col_main #items_holder .item .add_to_cart.loading span { display: flex; flex: 0 0 auto;width: 100%;} #main #container .col_main #items_holder .item .add_to_cart.loading span i {animation : .5s spin linear infinite;font-size: 13px;color: #fff;font-weight: bold;} @keyframes spin { 100% {transform:rotate(-360deg);}} @-webkit-keyframes spin { 100% {-webkit-transform:rotate(-360deg);}} #main #container .col_main #items_holder .holder_wrapper.list {flex-direction:column;} #main #container .col_main #items_holder .holder_wrapper.list .item {width: 100%;margin: 0; min-height: 150px; border-right: 0; border-left: 0; border-bottom: 0; border-radius: 0; padding-right: 0} #main #container .col_main #items_holder .holder_wrapper.list .item .item_header { margin-right: 210px; font-size: 11px} #main #container .col_main #items_holder .holder_wrapper.list .item .item_title {flex: 0 1 auto;padding: 15px 0 5px; margin-top: -120px;margin-right: 210px; color: #202020;} #main #container .col_main #items_holder .holder_wrapper.list .item .item_footer.products {margin-right: 210px} #main #container .col_main #items_holder .holder_wrapper.list .item .company {color: #77a6ef; margin-top: 20px} #main #container .col_main #items_holder .holder_wrapper.list .item .item_image {width: 172px; height: 120px; border: 1px solid #f1f1f1;} span[src] {position: relative;display: block;height: 100%;} span[src]:after {content: ' ';position: absolute;width: 20px;height: 20px;border: 2px solid #e1e1e1;left: calc(50% - 10px);top: calc(50% - 10px);border-radius: 50px;border-bottom-color: #77a6ef; animation: loading .5s infinite linear;} @keyframes loading { 100% {transform:rotate(360deg);}} @-webkit-keyframes loading { 100% {-webkit-transform:rotate(360deg);}} #main #container .col_main #items_holder .holder_wrapper.list .item .item_footer {font-size: 12px; margin-right: 210px} #main #container .col_main #items_holder .holder_wrapper.list .item .add_to_cart { margin-right: auto} #main #container .col_main #items_holder .holder_wrapper.list .item .more_usage i {background: rgb(225, 225, 225);color: #8e8484;display: inline-block;padding: 4px 8px;line-height: 1em;border-radius: 4px; cursor: pointer;} #main #container .col_main #items_holder .holder_wrapper.list .item .less_usage i {background: rgb(239, 215, 215);color: #a28585;display: inline-block;padding: 4px 8px;line-height: 1em;border-radius: 4px;cursor: pointer;margin-right: 10px;} #main #container .col_main #items_holder .holder_wrapper.list .hidden_content {display: inline} #main #container .col_main #show_count {width: 60px} #main #container .col_main #show_count .selectric {padding: 3px 3px 3px 10px} #main #container .col_main #show_count .selectric .button {top:0; left: 0} #main #container .col_main #show_count .selectric .selectric-items {top:32px;} #main #container .col_main #items_holder .item.add_now {background-color: transparent;;} #main #container .col_main #items_holder .item.add_now .item_footer {display: none;} #main #container .col_main #items_holder #more {text-align: center; color: #b7b7b7; padding: 30px; display: none;} #main #container .col_main #items_holder #more i {display: block; font-size: 16px} #main #container .col_side #menu {max-width: 290px;} #main #container .col_side #menu .products_category {display: flex;padding: 10px;justify-content: center;align-items: center;font-weight: bold;border-bottom: 1px dashed #d0d0d0;margin-bottom: 2px;height: 50px;} #main #container .col_side #menu {position: relative;} #main #container .col_side #menu i {background: #c7d8d3;color: #477a6b;padding: 0px 4px;font-size: 12px;border-radius: 3px; display: flex; justify-content:center; align-items:center; min-width: 40px; height: 22px} #main #container .col_side #menu ul {background-color: #fff; display: flex; flex-direction:column;} #main #container .col_side #menu ul li {display: block; border-bottom: 1px dashed #e1e1e1; position: relative;} #main #container .col_side #menu ul li .submenu {padding: 7px 10px 7px 30px;border-right: 4px solid transparent; display: flex;justify-content: space-between;} #main #container .col_side #menu ul li:hover > .submenu {border-color: #77a6ef} #main #container .col_side #menu ul li:hover > ul {display: block;} #main #container .col_side #menu ul ul {background-color: #f7f9fa; display: none; position: absolute; top: -1px; right: 288px; width: 290px; box-shadow: 0px 2px 13px -4px rgba(0,0,0,0.4); z-index: 102; border: 1px solid #e5e3e3;} #main #container .col_side #menu ul ul li {border-bottom-color: #e5e3e3;} #main #container .col_side #menu ul ul li:hover > ul {display: block;} #main #container .col_side #menu ul ul li:last-of-type {border-bottom: 0 !important} #main #container .col_side #menu ul ul ul li .submenu {padding: 7px 10px;} #main #container .col_side #menu .parent:after {z-index: 101;content: ' ';width: 0;height: 0;border-bottom: 4px solid transparent;border-top: 4px solid transparent;border-right: 4px solid #cecece;position: absolute;left: 10px;top: calc(50% - 2px);} #main #container .col_side {width: 295px;} #main #container .col_side input[type=submit] {box-shadow: none; border-radius: 50px; padding:6px 20px;cursor: pointer;} #main #container .col_side .form_field input[type=text]:focus, #main #container .col_side .form_field input[type=password]:focus {border:1px solid #a1b4d2;} #main #container .col_side #links .item:not(:last-of-type) {margin-bottom: 15px} #main #container .col_side #refine_form {width: 295px} #main #container #side_link {} #main #container #product_holder {border-top: 1px dashed #e1e1e1; padding: 10px 0} #main #container #product_holder .holder_wrapper {} #main #container #product_holder .holder_wrapper .form_field {display: flex; align-items:center; margin-bottom: 15px} #main #container #product_holder .holder_wrapper .form_field .title {position: relative; right: initial; top: initial; min-width: 150px; display: flex; flex:0 1 auto; color: #7C7777} #main #container #product_holder .holder_wrapper .form_field .text_field {border-radius: 0; border-top: 0; border-bottom: 0; border-left: 0; display: flex; flex:1 1 auto; color: #676767; font-size: 13px; border-style: dashed;align-items: center;} #main #container #product_holder .holder_wrapper .form_field a {color: #77a6ef; border-bottom: 1px dashed #77a6ef} #main #container #product_holder .holder_wrapper .form_field a:not(:last-child){margin-left: 10px} #main #container #product_holder #product_document {display: flex; flex-direction:column;align-items: flex-start;} #main #container #product_holder #product_document a:not(:last-of-type) {margin-bottom: 10px} #main #container #product_holder #product_document a i {margin-left: 10px} #main #container #product_holder #leasing i {margin-right: 10px; display: flex; justify-content:center; align-items:center; height: 30px; width: 30px; background-color: #f5f5f5; border-radius: 50px} #main #container #product_holder #leasing i.true {background: #c7d8d3;color: #477a6b;} #main #container #product_holder #leasing i.false {background: rgb(241, 229, 227);color: #8a3f31;} #main #container #product_holder .product_price_notMember{display: block;padding: 10px;background: rgb(241, 229, 227);border-radius: 4px;color: #8a3f31;} #main #container #product_holder .similar_producer {display: flex; flex-wrap:wrap; width: 100%} #main #container #product_holder .similar_producer .item {padding: 15px; border-radius: 4px; border:1px dashed #e1e1e1; width: 222px; margin-bottom: 15px; display: flex; flex-direction:column; position: relative;} #main #container #product_holder .similar_producer .item .item_link {display: flex; flex-direction:column; flex:1 1 auto;} #main #container #product_holder .similar_producer .item:nth-child(3n+2) {margin-left: 14px; margin-right: 14px} #main #container #product_holder .similar_producer .item .item_image {width: 192px; height: 140px; border-radius: 4px; overflow: hidden; position: relative;} #main #container #product_holder .similar_producer .item .item_image img {width: 50%;position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;object-fit: contain;} #main #container #product_holder .similar_producer .item .item_title {flex:1 1 auto; height: 50px; display: flex; justify-content:center; align-items:center; margin-top: 10px line-height: 1.5em; text-align: center; font-size: 12px} #main #container #product_holder .similar_producer .item .item_footer {display: flex;justify-content: space-between;} #main #container #product_holder .similar_producer .item .item_footer span {width: 50%} #main #container #product_holder .product_seperator{background-color:#f2f2f2;width:100%;padding-right:50px;margin-top:40px} #main #container #product_holder .product_seperator .title{color:#373737;display: inline-block;} div.seperator .title{padding: 0 10px;background-color: #fff;color:#b6b6b6;} /*#main #container #product_holder .similar_producer .item .item_footer span:last-child {text-align: left;}*/ #main #container #product_holder .similar_producer .item .item_footer.products {display: flex; justify-content:flex-end;} #main #container #product_holder .similar_producer .item .item_footer.applicant {display: flex; justify-content:space-between;} #main #container #product_holder .similar_producer .item .company {flex: 1 1 auto;padding: 2px 0px; border-radius: 3px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} #main #container #product_holder .gallery {display: flex; flex-wrap:wrap; width: 100%} #main #container #product_holder .gallery .item {padding: 15px; border-radius: 4px; border:1px dashed #e1e1e1; width: 222px; margin-bottom: 15px; display: flex; flex-direction:column; position: relative;} #main #container #product_holder .gallery .item .item_image {width: 192px; height: 140px; border-radius: 4px; overflow: hidden; position: relative;} #main #container #product_holder .gallery .item .item_image img {width: 100%;position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;object-fit: contain;} #main #container #product_holder #maintenace_need {width: 200px;background: #eee;padding: 15px;border-radius: 4px;text-align: center; display: flex; align-items:center; justify-content:center; margin-bottom: -65px;margin-right: auto; position: relative; z-index: 1;} #main #container #product_holder #maintenace_need span:first-child {background: #77a6ef;border-radius: 4px;text-align: center;display: flex;justify-content: center;align-items: center; padding:5px; margin-left: 10px} #main #container #product_holder #maintenace_need span.false {background-color: #d0d0d0} #main #container #product_holder #maintenace_need span.true {background-color: #c7d8d3;color: #478288;} #main #container #product_holder #maintenace_need i {width: 20px; height: 20px; display: flex; justify-content:center; align-items:center;} #main #container #rating .rating_message_success, #main #container #rating .rating_message_error {left: 0;border-radius: 4px;text-align: center;padding: 3px 10px; white-space: nowrap; font-size: 13px;} .product_toolbar #rating {text-align: left;min-width: auto} #category_path .wrapper{display: flex;flex-flow: row wrap;align-items: center;width: 100%} #category_path {padding:6px 0;display: flex; justify-content:space-between; align-items:center;border-bottom: 1px solid #e1e1e1} #category_path .bcr {margin-left:10px; position: relative;display: flex; cursor: pointer;flex-flow: row nowrap;align-items: center;} #category_path .bcr > a {display: none;} #category_path .bcr .selectric-wrapper {display: inline-block; vertical-align: middle; margin-bottom: 0} #category_path .bcr select {visibility: none} #category_path .bcr .selectric {background: none !important; border: 0px} #category_path .bcr .selectric .label {margin: 0 10px 0 38px} #category_path .bcr .selectric .button {right: auto; left: 0} #category_path .bcr .selectric-items {background: #f7f9fa;border: 1px solid #e5e3e3; box-shadow: 0px 2px 13px -4px rgba(0,0,0,0.4);} #category_path .bcr .selectric-items li {border-top: 0 !important;border-right: 4px solid transparent;} #category_path .bcr .selectric-items li:not(:last-child) {border-bottom: 1px dashed #e5e3e3;} #category_path .bcr .selectric-items li.selected, #category_path .bcr .selectric-items li:hover {border-right-color: #77a6ef; background-color: inherit !important;} #category_path .bcr:after {content: '\e64a';font-family: themify;font-size: 10px;display: inline-block;vertical-align: middle;margin-right: 10px;line-height: 1em;} #category_path .bcr:last-of-type:after {content: none} #category_path .bcr .selectric-items {left: auto !important; right: 0; min-width: 250px} #footer {border-top: 1px solid #e1e1e1;} #footer .wrapper {display: flex;} #footer .col_main {padding: 15px 5px 0px 0;width: calc(100% - 310px);} #footer .col_main #link_holder { height: 215px; width: 700px; margin-bottom: 15px} #footer .col_main #link_holder .footer_link_slider {display: flex; flex-wrap:wrap; height: 215px;} #footer .col_main #link_holder .footer_link_slider li img{height: auto;} #footer .col_main #link_holder .footer_link_slider li {height: 100px; width: 100%; margin-bottom: 10px; display: flex; justify-content:space-between;} #footer .col_main #link_holder .footer_link_slider li div {border-radius: 3px; height: 100px; overflow: hidden; background-color: #f1f1f1;margin-left: 10px; border:1px solid #f1f1f1;} #footer .col_main #link_holder .footer_link_slider li .col1 {width: 223px;} #footer .col_main #link_holder .footer_link_slider li .col2 {width: 456px;} #footer .col_main #link_holder .footer_link_slider li .col3 {width: 689px;} #footer .col_main #link_holder .lSSlideOuter .lSPager.lSpg {margin-top: 35px;display: flex; margin-right: 15px} #footer .col_main #link_holder .lSSlideOuter .lSPager.lSpg > li {padding: 0 3px} #footer .col_main #link_holder .lSSlideOuter .lSPager.lSpg > li a {background-color: #e1e1e1; border-radius: 2px; } #footer .col_main #link_holder .lSSlideOuter .lSPager.lSpg > li:hover a, #footer .col_main #link_holder .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #77a6ef} #footer .col_main #link_holder .lSAction {display: none!important; opacity: 0!important} #footer .col_main #footer_tools {height: 50px; border-top: 1px solid #e1e1e1; margin-top: 10px; display: flex;justify-content: flex-end;align-items: center;} #footer .col_main #footer_tools a {padding:5px; padding-left: 15px;z-index: 9999} #footer .col_main #copyright {height: 50px; border-top: 1px solid #e1e1e1; display: flex; flex-direction:column; justify-content:center;} #footer .col_side {width: 310px; flex:0 0 auto; border-right: 1px solid #e1e1e1; font-size: 12px; display: flex; flex-direction:column} #footer .col_side .menu {border-bottom: 1px solid #e1e1e1;padding: 15px; padding-bottom: 5px} #footer .col_side .menu ul {display: flex; flex-wrap:wrap; justify-content:space-between;} #footer .col_side .menu ul li {margin-left: 10px; margin-bottom: 10px} #footer .col_side .static {padding: 15px;} .pagination {padding: 0;text-align: center;width: 100%;border-top: 1px solid #e1e1e1; display: flex !important; justify-content:center; height: 50px; align-items:center;} .pagination span {border-radius: 9px !important; padding: 0 !important; margin: 0 3px !important; display: flex !important; justify-content:center; align-items:center;} .pagination span a {display: flex; padding: 0 !important;width: 25px; height: 25px; margin: 0 2px !important;align-items: center;justify-content: center;} .pagination span.current {background-color: #77a6ef !important} .pagination span:not(.prev_btn, .next_btn):hover {background-color: #cacaca !important} .pagination span.disable{display: none !important;} /*.pagination span:not([page]) {background-color: #fff !important;}*/ .pagination span:not(.prev_btn, .next_btn):hover {color: #202020 !important;} .pagination span.next_btn, .pagination span.prev_btn{margin: 0 15px !important} .pagination span.prev_btn:hover, .pagination span.next_btn:hover{background-color: initial !important;color: #676767 !important;} .tooltip {z-index: 100}