body {margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 13px; background: white; color: #444; -webkit-text-size-adjust: none;}
* {border: none; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
strong {font-weight: 600;}

/************************************************************************* text align */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

/************************************************************************* float */
.left {float: left;}
.right {float: right;}
.fnone {float: none;}
.clear {clear: both;}

/************************************************************************* links */
a {color: #585E7A; text-decoration: none;}
a:hover {text-decoration: underline;}

/************************************************************************* content */
.content {max-width: 1440px; margin: auto; padding: 0 30px;}
.slim_content {max-width: 1280px; margin: 10px auto 50px;}
.mini_content {max-width: 970px; margin: 20px auto;}
.mini_content.product_detail_content {max-width: 1000px; padding: 40px; box-shadow: 0 0 18px 0px rgba(0,0,0,.1); margin: 20px auto; position: relative;}
.mini_content.product_detail_content .breadcrumb {margin-top: 0 !important}
.in {padding: 20px 0;}
.in2 {padding: 25px 20px;}
.wide {width: 100%;}
.half {width: 48%;}
.almost_full {width: 76%;}
.small_part {width: 20%;}
.wide_h {height: 100%;}
.normal_box {box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}

.left_side {width: 230px; float: left; margin: 0;}
.right_side {position: relative; margin-left: 250px;}

.info_block {border: 5px solid #C5EBE6;}

/************************************************************************* position */
.absolute {position: absolute;}
.relative {position: relative;}
.fixed {position: fixed;}

/************************************************************************* h# */
h1, h2,  h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; padding: 0; margin: 0;}
h1 {font-size: 30px; font-weight: 100; color: black; line-height: 40px;}
h1.inline_headline {display: inline-block;}
h1.product_detail_headline {border: none; margin-bottom: 0; margin-top: -12px;}
h2 {font-size: 14px; font-weight: 300; line-height: 22px; color: #CC1400; border-bottom: 1px dotted #CD1501; }
h2.bigger {font-size: 18px; line-height: 34px;}
h3 {font-size: 18px; border-bottom: 1px solid #C5EBE6; padding-bottom: 25px; margin-bottom: 25px;}
h4 {font-size: 16px;}

.headline_content {padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px dotted #aaa;}

/************************************************************************* form */
input[type=text], input[type=password] {border: 1px solid #eee; background: #eee; padding: 6px; font-family: 'Roboto', sans-serif;}

input.checkbox {display: none;}
input.checkbox + span.checkbox {background: url('/img/sprites.png') -262px -47px; width: 16px; height: 16px; display: inline-block; line-height: 16px; padding: 0; margin: 0; top: -1px; left: auto; position: relative; vertical-align: text-bottom;}
input.checkbox + span.checkbox + span {padding-left: 10px; cursor: pointer; font-size: 14px;}
.left_label {display: block; padding-bottom: 10px; cursor: pointer;}
.left_label.last {padding-bottom: 0;}
.left_label:hover input.checkbox + span.checkbox {background-position: -298px -47px;}
.left_label input.checkbox:checked + span.checkbox {background-position: -334px -47px;}

/************************************************************************* buttons */
.btn {display: inline-block; background: #70CDC1;  color: white; height: 32px; line-height: 32px; padding: 0 20px; text-decoration: none !important; transition: 150ms; font-size: 14px; font-family: 'Roboto', sans-serif; cursor: pointer;}
.btn:hover {background: #65B8AD;}
.btn.big {border-radius: 32px; font-size: 22px; height: 64px; line-height: 64px; padding: 0 64px;}

/************************************************************************* header */
.header {background: #EEEEEE; height: 100px; position: relative;}
.header .header_logo {position: absolute; top: 0; left: 0; color: white; font-size: 24px; background: #444444; font-weight: 100; padding: 12px 22px 8px; text-decoration: none;}
.header .header_shadow_content {position: absolute; left: 0; width: 100%; height: 10px; bottom: 0; overflow: hidden; z-index: 1; overflow: hidden;}
.header .header_shadow {position: absolute; width: 100%; box-shadow: 0 0 6px 1px rgba(0,0,0,.2); z-index: 1; height: 0; bottom: 0;}

.badge {position: absolute; width: 22px; height: 22px; background: #A03D4E; border-radius: 50%; right: -25px; top: 5px; color: white; font-size: 11px; font-weight: normal; line-height: 22px; text-align: center;}

.header .header_menu {position: absolute; left: 12px; bottom: 0; height: 50px; line-height: 40px;}
.header .header_menu > ul {list-style: none; margin: 0; padding: 0;}
.header .header_menu > ul > li {display: inline-block; padding: 5px 0 0; position: relative;}
.header .header_menu > ul > li > a {display: block; position: relative; width: 100%; height: 45px; font-weight: 300; padding: 0 15px; border: 1px solid transparent; border-bottom: none;}
.header .header_menu > ul > li > .opened_submenu {display: none; position: absolute; left: 0; top: 100%; margin-top: -1px; padding: 24px 29px; width: 600px; z-index: 11; box-shadow: 0 5px 5px rgba(0,0,0,.1); background: white;/* border: 1px solid #DFE4E8;*/}
.header .header_menu > ul > li > .opened_submenu ul {margin: 0; padding: 0; list-style: none; line-height: 30px;}
.header .header_menu > ul > li > .opened_submenu ul li {font-weight: 300;}
.header .header_menu > ul > li > .opened_submenu ul li a {position: relative; padding-left: 25px; font-size: 16px; font-weight: 300;}
.header .header_menu > ul > li > .opened_submenu ul li a:before {content: ""; width: 12px; height: 12px; background: #E3E3E3; border-radius: 50%; z-index: 1; position: absolute; left: 0; top: 4px;}
.header .header_menu > ul > li > .opened_submenu ul li a:after {content: ""; width: 8px; height: 8px; background: white; border-radius: 50%; z-index: 1; position: absolute; left: 2px; top: 6px;}
.header .header_menu > ul > li > .opened_submenu ul li a:hover {color: #CD1501; text-decoration: none;}
.header .header_menu > ul > li > .opened_submenu ul li a:hover:before {background: #CD1501;}
.header .header_menu > ul > li > .opened_submenu .submenu_list {position: relative; margin-right: 255px;}
.header .header_menu > ul > li > .opened_submenu .submenu_image {float: right; width: 220px; line-height: 22px;}
.header .header_menu > ul > li > .opened_submenu .submenu_image strong {display: block; padding-bottom: 5px;}
.header .header_menu > ul > li > .opened_submenu .submenu_image a {font-weight: 300;}
.header .header_menu > ul > li.dropdown_show .opened_submenu {display: block;}
.header .header_menu > ul > li:hover > a, .header .header_menu > ul > li.dropdown_show > a {background: white; z-index: 7;}
.header .header_menu > ul > li.dropdown_show > a {box-shadow: 0 0 5px rgba(0,0,0,.2);}
.header .header_menu > ul > li.dropdown_show > a:before {left: 100%; bottom: 0; content: ""; position: absolute; border: solid transparent; height: 0; width: 0; border-color: transparent; border-width: 12px; border-bottom-width: 0px;}

.submenu_top_brand {width: 90px; height: 55px; background: #7F00FF; float: left; margin-left: 20px; margin-bottom: 20px;}
.submenu_top_brand.last {margin-bottom: 0;}

.header .header_user {position: absolute; right: 0; top: 6px; line-height: 40px;}
.header .header_user a {display: inline-block; position: relative; margin-left: 20px;}

.header .header_search {position: absolute; right: 28px; bottom: 16px; /* width: 180px; */ }
.header .header_search .search_in {position: relative; margin-right: 32px;}
.header .header_search .search_in .search_input {height: 32px; line-height: 32px; border-right: none; background: white; border-color: #ddd;}
.header .header_search .search_submit {width: 32px; background: #BEBEBE url('/img/ico_search.png') no-repeat center center; padding: 0;}
.header .header_search .search_submit:hover {background-color: #AAAAAA;}

.header .header_lifepage {float: left; color: #A03D4E; font-weight: bold; height: 50px; line-height: 50px; margin-left: 60px; position: relative;}

.header_user_login {padding: 0 10px; margin-top: 5px; line-height: 40px;}
.header_user_login.active {position: absolute; right: 0; top: 0; background-color: white; box-shadow: 0 0 5px rgba(0,0,0,.2); z-index: 40;}
.header_user_login img {width: 25px; height: 25px; position: relative; top: 7px; margin-right: 5px;}
.header_user_login a {margin: 0 !important;}
.header_user_login a.user_login_name {display: inline-block; /*width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.header_user_login .header_user_info {cursor: default; margin: 15px 0 20px; display: none;}
.header_user_login.active .header_user_info {display: block;}
.header_user_login .header_user_info .header_user_info_item {width: 52px; height: 52px; position: relative; background: #AAAAAA; margin-right: 15px !important; display: inline-block;}
.header_user_login .header_user_info .header_user_info_item.last {margin-right: 0;}
.header_user_login .header_user_info .header_user_info_item span.badge {top: -10px; right: -10px;}
.header_user_login .header_user_info .header_user_info_item .item_name {position: absolute; left: 0; top: 100%; margin-top: 8px; font-size: 14px; line-height: normal;}

.header_modio_info {position: absolute; left: 45%; height: 100%; width: 350px;}
.header_modio_info_left {text-align: right; width: 55%; float: left; padding-top: 24px;}
.header_modio_info_left span {font-weight: 500;}
.header_modio_info_right {width: 40%; float: right; margin-left: 5%; background: #ccc; height: 100%;}

/************************************************************************* product */
.product {width: 25%; float: left; text-align: center; position: relative; margin-bottom: 15px;}
.product .inner {padding: 0 10px;}
.product .inner .product_inner {padding: 18px; border: 1px solid #EAEAEA;}
.product .product_image_content {height: 200px; position: relative;}
.product .product_image_content img {width: auto; max-width: 100%;}
.product .product_img {max-height: 200px; max-width: 100%;}
.product .product_name {font-weight: 400; color: #666666; padding: 10px 0; display: inline-block; text-decoration: underline;}
.product .product_name:hover {text-decoration: none;}
.product .product_sizes {padding-top: 5px; text-align: center; font-size: 12px; font-weight: 300; line-height: 20px;}
.product .product_size {display: inline-block; background: #BBBBBB; padding: 4px 8px; color: white;}
.product .product_badge {position: absolute; left: 0; padding: 4px 8px; color: white; font-size: 12px; left: 0;}
.product .product_badge.product_new {background: #FF8380; top: 18px;}
.product .product_badge.product_discount {background: #84D3FE; top: 50px;}
.product .product_price {font-size: 16px; font-weight: 300; color: #18B8D3; margin-top: 10px;}
.product .product_price .product_price_before {display: inline-block; color: #989898; text-decoration: line-through; margin: 0 10px;}
.product .product_colors {padding-bottom: 10px;}
.product .product_colors .product_color {width: 16px; height: 16px; display: inline-block; border-radius: 50%; box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1);}
.product .product_colors .product_color.color_red {background: #E75656;}
.product .product_colors .product_color.color_blue {background: #613DE7;}
.product .product_colors .product_color.color_green {background: #18B61A;}
.product .product_colors .product_color.color_yellow {background: #ECE006;}
.product .product_rank {position: absolute; right: 24px; top: 12px; z-index: 6; color: red; font-size: 12px;}
.product .product_shop_logo_content {margin-top: 10px;}
.product .product_shop_logo {width: 45px; height: 45px; display: inline-block; background: white;}
.product .product_hidden_items {display: none; position: relative;}
.product .product_hidden_items .inner {position: absolute; left: 0; width: 100%; background: white; border: 1px solid #dedede; border-top: none; z-index: 4; top: 0; padding-bottom: 10px; box-shadow: 0 0 4px rgba(0,0,0,.2);}
.product .product_hidden_items .inner:before {content: ""; position: absolute; left: 0; width: 100%; top: -5px; height: 10px; background: white; z-index: 4;}
.product:hover {z-index: 10;}
.product:hover .product_view_like {display: block;}
.product:hover .inner .product_inner {box-shadow: 0 0 4px rgba(0,0,0,.2); border-bottom: 1px solid white;}
.product:hover .product_hidden_items {display: block;}
.product_hidden_items_holder {margin-top: -18px; position: relative; z-index: 6;}

/************************************************************************* product detail */
.action_container {margin-left: 595px;}
.action_container .top  { width: 100%; min-height: 50px; margin: 5px 0px 0px 0px; float: left; }
.action_container .like_button  { float: left; margin-right: 25px; }
.action_container .like_button  { padding: 5px 0px; }
.action_container h2  { float: left; padding: 7px 0px 4px 0px; width: 90%; }
.action_container .social_box  { width: 100%; min-height: 25px; margin: 5px px 5px 0px; float: left; }
.action_left_detail .gallery  { width: 100%; margin: 0 0 15px 0; float: left; }
.action_left_detail .gallery ul { padding: 0; margin: 0; float: left; position: relative; }
.action_left_detail .gallery ul li { padding: 0; margin: 0; list-style-type: none; }
.action_left_detail #thumbs  { width: 75px; height: 470px; float: left; overflow-y: hidden;}
.action_left_detail #gallery { position: relative; margin-left: 90px; }
.action_left_detail #gallery img {max-height: 470px; max-width: 100%; display: block; border: 1px solid #EAEAEA;}

.action_products  {margin-top: 25px;}
.action_products table { width: 100%; border: 1px solid #df0037; border-collapse: collapse; }
.action_products table tr td { border-bottom: 1px solid #df0037; padding: 7px 4px; }

.action_left_detail #controls { display: none; }
.action_left_detail #slideshow { text-align: center; }
.action_left_detail .navigation-container { width: 75px; height: 470px; position: relative; float: left; }
.action_left_detail .thumbs a { display: block; width: 75px; height: 75px; overflow: hidden; margin-bottom: 15px; }
.action_left_detail .thumbs img { width: 75px; border: 1px solid #EAEAEA;}
.action_left_detail .thumbs a.pageLink { height: 77px; line-height: 77px; }
.action_left_detail a.prev { background-image: url(../img/glyphicons-601-chevron-up.png); }
.action_left_detail a.next { background-image: url(../img/glyphicons-602-chevron-down.png); }
.action_left_detail a.pageLink { display: none; position: relative; float: left; width: 22px; height: 15px; background-position:center center; background-repeat:no-repeat; }
.action_left_detail a.prev { margin: 0px 0px 4px 26px; }
.action_left_detail a.next { margin: 4px 0px 0px 26px; }
.action_left_detail a.pageLink:focus { outline: none; }
.action_left_detail #loader { background-image: url(../img/ajax-loader.gif); }

.action_left_detail {float: left; width: 570px; position: relative;}
.action_left_detail .action_descr {line-height: 160%;}
.action_left_detail .action_shop_logo  { width: 50%; line-height: 70px; float: left; text-align: center; }
.action_left_detail .action_shop_logo a {display: block; width: 100%; height: 70px;}
.action_left_detail .action_shop_logo img {width: 100%;}

.action_shop_link {display: block; padding: 18px 0; color: white; margin: 5px 0 25px; background: #df0037; text-align: center; font-weight: 300; margin-top: 24px;}
.actions_another_products {margin: 30px 0 0;}

.product_detail_sizes {font-size: 16px; color: #000; font-weight: 100; padding-bottom: 5px;}
.product_detail_sizes span {display: inline-block; padding: 0 4px 0 6px; color: #cecece;}
.product_detail_price {font-size: 26px; font-weight: 400; margin-top: 16px;}
.product_detail_price span.price_before {display: inline-block; font-size: 16px; font-weight: 100; color: #000; position: relative; top: -3px; margin-left: 8px;}

.action_user_button {margin-top: 16px; border-top: 1px solid #dedede; padding-top: 16px;}
.action_user_button a {display: inline-block; margin-right: 16px; position: relative; padding-left: 22px; line-height: 15px; color: #666;}
.action_user_button a:before {content: ""; position: absolute; left: 0; top: 0; width: 15px; height: 15px; background: url('/img/ico_add.png') no-repeat;}

.product_detail_like {width: 37px; height: 33px; background: url('/img/ico_hearth_big.png') top center no-repeat; position: absolute; right: 26px; top: 18px; z-index: 10;}
.category_view_like {width: 26px; height: 23px; background: url('/img/ico_hearth.png') top center no-repeat; position: relative; left: 16px; top: 2px; display: inline-block;}

.product_detail_like:hover, .category_view_like:hover {background-position: center center;}
.product_detail_like.active, .category_view_like.active {background-position: bottom center;}

.product_view_like {display: none; width: 40px; height: 40px; background: white; position: absolute; left: 50%; bottom: 18px; margin-left: -20px; z-index: 10; border-radius: 50%;}
.product_view_like:before {content: ""; position: absolute; width: 26px; height: 23px; background: url('/img/ico_hearth.png') top center no-repeat; left: 50%; top: 50%; margin-left: -13px; margin-top: -10px;}
.product_view_like:hover:before {background-position: center center;}
.product_view_like.active:before {background-position: bottom center;}

.product_switch {position: absolute; top: 40px; width: 19px; height: 31px; background: url('/img/product_list_arrow.png') no-repeat;}
.product_switch.prev {background-position: top center; left: 40px;}
.product_switch.next {background-position: bottom center; right: 40px;}

.product_detail_headline_holder {padding: 0 40px; margin-bottom: 25px;}

.similar_products {margin-top: 16px; color: #000; font-weight: 300;}
.similar_products a {color: #000;}

/************************************************************************* breadcrumb */
.breadcrumb {margin: -15px 0 25px 27px; padding: 0; list-style: none;}
.breadcrumb li {display: inline-block; font-size: 14px; font-weight: 300; padding-right: 15px; margin-right: 12px; position: relative;}
.breadcrumb li:after {content: " "; display: block; width: 4px; height: 6px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: url('/img/sprites.png') no-repeat -341px -88px;}
.breadcrumb li.last {font-weight: 500; margin-right: 0; padding-top: 0;}
.breadcrumb li.last:after {display: none;}
.breadcrumb li a {color: #999;}

/************************************************************************* homepage */
.hp_reg_info {display: inline-block; width: 244px; position: relative; margin: 20px 0;}
.hp_reg_info .hp_reg_info_item {position: absolute; height: 64px; line-height: 64px; width: 240px; top: 0; font-size: 22px; font-weight: bold;}
.hp_reg_info .hp_reg_info_item.first {right: 100%; margin-right: 36px;}
.hp_reg_info .hp_reg_info_item.last {left: 100%; margin-left: 36px;}

.hp_lifepage {text-align: center; margin-top: 20px;}
.hp_lifepage h2 {display: inline-block; margin-right: 30px;}
.hp_lifepage .lifepage_btn {margin-top: 20px;}
.lifepage_filter {margin: 0 10px; font-size: 20px;}
.lifepage_content {margin-top: 25px; position: relative;}
.lifepage_line {position: relative; top: 0; left: 50%; width: 1px; height: 900px; background: #DF0037;}
.lifepage_item {position: absolute; top: 0; width: 47%; background: #EEEEEE; margin-top: 30px;}
.lifepage_item .in {padding: 20px;}
.lifepage_item .in.smaller {padding: 10px 20px;}
.lifepage_item .item_time {position: absolute; left: 0; top: -30px; font-size: 20px;}

.leaflet_item_main {text-align: left; position: relative; margin-left: 0;}
.leaflet_item_main.with_user_photo {margin-left: 140px;}
.lifepage_user_photo {width: 124px; height: 124px; float: left; background: #aaa;}
.lifepage_item_link {font-size: 18px; line-height: 26px; display: inline-block;}
.leaflet_item_main.with_user_photo .lifepage_item_link {margin-bottom: 5px;}
.lifepage_small_user_photo {position: absolute; right: 20px; bottom: 20px; width: 60px; height: 60px;}

.hp_user_content {background: #FF7F00; height: 190px; margin: 15px 0 40px;}
.hp_user {width: 18%; margin-left: 2%; height: 190px; position: relative; background: #EEEEEE; margin-bottom: 65px; float: left;}
.hp_user.first {margin-left: 1%;}
.hp_user .hp_user_image {width: 80px; height: 80px; position: absolute; left: 0; top: 100%; right: 0; margin: -40px auto 0;}
.hp_user .hp_user_image img {width: 80px; height: 80px;}

.top_info_line {background: #41455A; height: 40px; position: relative; line-height: 38px;}
.top_info_line .mini_content {margin: 0 auto;}
.top_info_line .top_info_line_text a {color: white; display: inline-block; padding-left: 40px; position: relative;}
.top_info_line .top_info_line_text a:before {position: absolute; content: ""; background: url('/img/star_white.png') no-repeat; width: 24px; height: 23px; left: 0; top: 7px;}
.top_info_line .close_line {position: absolute; width: 12px; height: 12px; background: url('/img/close_white.png') no-repeat; right: 15px; top: 13px;}

.slideshow {position: relative; width: 970px; height: 320px;}
.slideshow ul {list-style: none; margin: 0; padding: 0;}
.slideshow ul li {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.slideshow .slideshow_controls {position: absolute; z-index: 10; right: 20px; bottom: 20px;}
.slideshow .slideshow_controls a {float: left; width: 25px; height: 25px; margin-left: 10px; background: white; box-shadow: 0 0 6px rgba(0,0,0,.2);}
.slideshow .slideshow_controls a.active {background: #70CDC1;}

/************************************************************************* products page */
.left_content {line-height: 26px; padding-bottom: 20px;}
.left_content h2 {padding-bottom: 3px; margin-bottom: 10px;}
.left_content .category_item_counter {font-size: 11px;}
.left_scroll {max-height: 315px; overflow: hidden;}
.left_scroll .loader {width: 32px; height: 32px; margin: 10px auto; background: url('/img/ajax-loader.gif') no-repeat;}
.main_filters {margin: 15px 0 25px 10px;}
.filter_content {position: relative; display: inline-block; margin-right: 10px; width: 15%;}
.main_filters .show_filter {border: 1px solid #E8E8E8; height: 40px; width: 100%; line-height: 40px; z-index: 1; padding: 0 0 0 15px; background: white; display: inline-block; position: relative; font-size: 13px; cursor: pointer;}
.main_filters .show_filter.with_dropdown {padding-right: 40px;}
.main_filters .show_filter:hover {background: #fafafa;}
.main_filters .show_filter.with_dropdown:before {position: absolute; content: ""; width: 8px; height: 5px; background: url('/img/filter_arrow.png') no-repeat top left; right: 14px; top: 17px;}
.main_filters .show_filter.active {background: white; border-bottom-color: white; box-shadow: 0 0 3px rgba(0,0,0,.2); z-index: 30;}
.main_filters .show_filter.with_dropdown.active:before {background-position: bottom left;}
.main_filters .show_filter.with_dropdown.active:after {content: ""; position: absolute; left: 0; width: 100%; background: white; height: 6px; bottom: -3px;}
.main_filters .filter_dropdown {display: none; white-space: nowrap; padding: 20px; border: 1px solid #E8E8E8; box-shadow: 0 0 3px rgba(0,0,0,.2); position: absolute; left: 0; margin-top: -1px; top: 100%; background: white; width: 250px; z-index: 20; cursor: default;}

.filter_item {position: relative; line-height: 18px; padding: 5px 22px 5px 6px; display: inline-block; white-space: nowrap; background: white; border: 1px solid #cecece; font-size: 13px; float: left; margin: 0 4px 4px 0; cursor: pointer;}
.filter_item:hover {background: #f9f9f9;}
.filter_item:before {content: ""; position: absolute; width: 8px; height: 8px; background: url('/img/close_dark.png') no-repeat; top: 50%; right: 8px; margin-top: -4px;}

.load_next_content {display: none;}
.scroll_controls {display: none;position: fixed; right: 40px; bottom: 40px; padding: 15px; background: #eee; transition: 150ms;}

.main_brand_content {background: black; height: 290px; padding: 40px; border-bottom: 40px solid black; overflow: hidden;}
.main_brand_content .brand_logo_content {padding: 15px; background: white; display: inline-block;}
.main_brand_content .brand_logo_content img {max-width: 250px; max-height: 100px;}
.main_brand_content .brand_desc {margin-top: 20px; color: white; width: 50%;}

.main_selected_filters span {display: inline-block; margin: 2px 4px 2px 0; background: #A03D4E; color: white; padding: 4px 8px; font-size: 12px;}

.loading_products {text-align: center; padding: 20px; font-weight: 600;}

.main_colors .item_color {width: 28px; height: 28px; float: left; margin: 5px; border: 1px solid #E8E8E8; cursor: pointer; position: relative;}
.main_colors .item_color.checked:before {content: ""; position: absolute; width: 12px; height: 10px; background: url('/img/checked_icon_sprite.png') bottom center no-repeat; left: 50%; top: 50%; margin-left: -6px; margin-top: -5px;}
.main_colors .item_color.checked.white_contrast:before {background-position: top center;}
.main_colors .item_color input {display: none;}

.category_parent_back {width: 13px; height: 18px; background: url('/img/ico_back_category.png') no-repeat; display: inline-block; position: relative; margin-right: 6px; top: -2px;}

/************************************************************************* user profil */
.user_info {height: 230px; background: #DDDDDD;}
.user_info .user_info_header {height: 40px; border: 1px solid #DDDDDD; background: white;}
.user_info .user_profil_content {position: relative; text-align: center; padding-top: 125px;}
.user_info .user_profil_image {position: absolute; left: 0; right: 0; top: 0; margin: -24px auto 0; width: 132px; height: 132px;}
.user_info .user_stars {padding-top: 5px;}

.profil_links {margin: 20px 0 35px;}
.profil_links a {font-size: 18px; display: inline-block; position: relative; margin-right: 10px;}
.profil_links a.with_badge {margin-right: 42px;}
.profil_links a.with_badge span {position: absolute; width: 25px; height: 25px; background: #858585; line-height: 23px; text-align: center; color: white; border-radius: 50%; right: -30px; top: -10px;}
.profil_links a.with_badge span.active {background: #A03D4E;}

.profil_collections {margin: 5px 0 10px;}
.profil_collections .collection_item {width: 31%; margin: 0 2% 2% 0; background: #858585; height: 150px; float: left;}
.profil_collections.small .collection_item {width: 18%; background: #FF7F00; height: 81px;}
.profil_collections.full .collection_item {width: 100%; margin-bottom: 10px;}

.user_feed {margin-bottom: 15px;}
.user_feed .user_feed_date {margin-bottom: 5px;}
.user_feed .user_feed_item {background: #EEEEEE;}
.user_feed .user_feed_item .in {padding: 15px;}
.user_feed .user_feed_item .user_feed_photo {float: left; width: 80px; height: 80px; background: #858585;}
.user_feed .user_feed_item .user_feed_text {position: relative;}
.user_feed .user_feed_item .user_feed_text.with_photo {margin-left: 95px;}

.user_settings {margin-left: 40px; width: 400px;}
.user_settings h4 {padding: 25px 0 15px;}

.user_rank_line {width: 15px; height: 260px; background: #DDDDDD; position: relative;}
.user_rank_line .rank_active_line {position: absolute; bottom: 0; left: 0; width: 100%; background: #DF0037;}
.rank_top, .rank_bottom {position: absolute; right: -50px; width: 35px; color: #DF0037; font-size: 20px;}
.rank_top {top: -10px;}
.rank_bottom {bottom: -10px;}

.rank_info {width: 230px; margin-right: 20px; background: #F7F7F7; padding: 15px 20px; color: #DF0037; margin-top: 90px; position: relative;}
.rank_info:before {left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: #F7F7F7; border-width: 6px; margin-top: -6px;}

.user_rank_info {font-size: 20px; position: absolute; right: 0; height: 50px; top: 0; bottom: 0; margin: auto; width: 175px;}
.user_rank_info .user_rank_name {color: #DF0037;}

.points_info {margin-top: 60px;}
.points_block {float: left; width: 135px; margin-right: 15px; background: #DDDDDD; position: relative; text-align: center; font-size: 24px; padding: 8px 0;}
.points_block.active {background: #C5EBE6;}
.points_block .points_desc {position: absolute; width: 100%; left: 0; top: -30px; font-size: 15px;}

.points_arrow {height: 5px; background: #C5EBE6; position: relative; margin: 45px 0 25px; border-radius: 3px;}
.points_arrow:after, .points_arrow:before {bottom: 100%; left: 365px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; margin-bottom: -5px;}
.points_arrow:after {border-color: transparent; border-bottom-color: #fff; border-width: 18px; margin-left: -18px;}
.points_arrow:before {border-color: transparent; border-bottom-color: #C5EBE6; border-width: 25px; margin-left: -25px;}

.can_use_points_item {width: 25%; text-align: center; float: left; margin-bottom: 35px;}
.can_use_points_item .use_points_image {width: 92%; margin: auto; height: 220px; margin-bottom: 10px; background: #ddd;}

/************************************************************************* footer */
.footer {background: #EEEEEE; color: white; font-size: 13px; transition: 150ms; text-align: center; color: #333333;}
.footer.fixed_bottom_footer {position: fixed; left: 0; top: 100%; width: 100%; z-index: 40;}
.footer_brands ul {list-style-type: none; margin: 0; padding: 0;}
.footer_brands {column-count: 6; -webkit-column-count: 6; -moz-column-count: 6; column-gap: 25px; -webkit-column-gap: 25px; -moz-column-gap: 25px;}
.footer_brands span {color: #FF007F; text-transform: uppercase; font-size: 24px; font-weight: 100; display: inline-block; padding-top: 2px;}
.footer_brands a {color: #A3A3A3; font-weight: 100;}
.footer_brands a:hover {text-decoration: underline;}
.footer_brand_in {padding-bottom: 10px; break-inside: avoid-column; -webkit-break-inside: avoid-column; -moz-break-inside: avoid-column;}



@media screen and (max-width: 1280px) {
	.product {width: 33.33%;}
}

@media screen and (max-width: 900px) {
	.product {width: 50%;}
}

.wide_content { float: left; width: 100%; }
.wide_content .abc { float: left; width: 100%; }
.wide_content .abc a { text-transform: uppercase; }
.wide_content .brands a { display: block; width: auto; height: 70px; margin: 0px 10px 25px 10px; overflow: hidden; text-align: center; }
.wide_content .brands img { height: 100% }
.wide_content .abc-brands, .wide_content .brands { width: 100%; float: left; }
.wide_content .abc-brands article, .wide_content .brands article { width: 100%; float: left; margin: 20px 0px 20px 0px; padding: 20px 0px 0px 0px; border-top: 1px solid #eee; }
.wide_content .abc-brands aside, .wide_content .brands aside { width: 25%; float: left; text-transform: uppercase; }
.wide_content .abc-brands aside h3, .wide_content .brands aside h3 { border: 0px !important; }
.wide_content .abc-brands .right, .wide_content .brands .right { width: 75%; float: left; }
.wide_content .abc-brands .right ul, .wide_content .brands .right ul { width: 100%; float: left; margin: 0; padding: 0; }
.wide_content .abc-brands .right ul li, .wide_content .brands .right ul li { width: 33%; float: left; list-style-type: none; }


.alert { font-size: 200%; background-color: red; }


th {
  text-align: left;
 }


 
 
.tabletrans tbody tr:hover td, .tabletrans tbody tr:hover th {
   background-color: #ccccca;
}

.sell {
  background-color: #f7e1d4;
}

.sell2 {
  background-color: #fcf1ec;
}

.buy {
  background-color: #d9f1e2;
}

.buy2 {
  background-color: #e4f4e9;
}


table {
  width: 98%;
}
table th {
  text-align: left;
  font-weight: bold;
  padding-right: 7px;
}

table .thright {
  text-align: right;
}

table td {
  
  padding-right: 7px;
}



.green {
  color: #00aa00;
}

.red {
  color: #aa0000;
}
.text-center {
  text-align: center;
}

.active {font-weight: bold;}

.watchdog {
  width: 305px;
  border:  1px dotted #CD1501;
  padding: 10px;
}

.insiderrank {
  border:  1px dotted #CD1501;
  padding: 10px;
  width: 590px;
}

.center {
  text-align: center;
}

.colleft {
  float: left;
  padding-right: 15px;
  width: 48%;
}

.watchdogform input {
  border:   1px dotted #CD1501;
  padding: 5px;
  margin: 5px;
}

.watchdogform .submit {
  border:   1px dotted #CD1501;
  padding: 5px;
  margin: 5px;
  color: #ffffff;
  font-weight: bold;
  background-color: #00cc00; 
}

.articles {
  clear: both;
  padding-top: 15px;
}

.article {
  text-align: left;
  float: left;
  width: 32%;
  padding-right: 15px;
}

.article h3 {font-size: 14px; font-weight: 300; line-height: 22px; color: #CC1400; border-bottom: 1px dotted #CD1501; text-align: left; margin-right: 10px; }