/* =========================================================
   Базовые правила и контейнеры
   ========================================================= */
#header {
    padding-bottom: 20px;
    background-color: #fff;
}
#header.min-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.header-top,
.header-center,
.header-bottom,
.content-container {
    margin: 0 auto;
}
.content-container {
    padding-top: 90px !important;
}
.header-top {
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 0;
}
.header-center {
    text-align: right;
}
.header-bottom-container {
    position: relative;
}

/* =========================================================
   Header-top (верхняя полоса)
   ========================================================= */
#header .header-top-container {
    border: none !important;
    min-height: inherit !important;
    min-height: 40px;
    background:#fff;
}
#header .header-top.min-width {
    background: #fff;
}

/* =========================================================
   Header-center (центральный блок/фон)
   ========================================================= */
#header .header-center-container {
    background-color: #eaeaea;
    /* var gray */
    padding: 10px 0;
}
#header .header-center-container .header-center.min-width {
    background-color: #eaeaea;
    /* var gray */
}
.header-center-right-right > div {
	margin: 0 7px !important;
}

/* =========================================================
   Логотип
   ========================================================= */
.header-center .logo {
    float: left;
    display: table;
    margin-right: 60px;
}
#header .header-center .logo {
    height: auto;
}
#header .logo a {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding: 0;
    font-size: 0;
}
#header .logo img {
    max-height: 50px;
}

/* =========================================================
   Header-elements (раскладка колонок)
   ========================================================= */
.header-elements > div {
    font-size: 0;
}
.header-elements > div > div {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 12px;
}
.header-center .header-elements > div > div {
    padding-top: 2px;
}
.header-top .header-elements > div > div {
    padding:0 20px 0 0;
}
.header-top .header-elements > div > div.box:last-of-type {
	padding-right: 0;
}
/*.header-top .header-elements > div > div.box:first-of-type {
	padding-left: 0;
}*/
.header-center .header-elements.ui-column-2 > div > div {
    padding-right: 20px;
    max-width: 49% !important;
    box-sizing: border-box;
}
.header-center .header-elements.ui-column-2 > div > div:last-child {
    padding-right: 0;
}

/* =========================================================
   Поиск (#search-module)
   ========================================================= */
#header .header-center #search-module {
    max-width: inherit;
    margin: 0;
    padding: 0 30px 0 30px;
    box-sizing: border-box;
}
#header #search-module input {
    padding: 13px 43px 13px 16px;
    font-size: 14px;
}
#header #search-module .search-content-wrap {
    width: 100%;
    position: relative;
}
#header #search-module .search-content {
    background: #ffffff;
    /* var text-color-light */
    width: 100%;
    /*padding: 0 15px 0 20px;*/
    padding: 0;
    box-sizing: border-box;
}
.search-module-reset {
	right: 47px;
    padding: 8px 12px 6px;
    font-size: 21px;
    height: auto;
}
.search-module-reset:after {
    top: 8px;
    height: 25px;
}
#header .search-button {
    height: 42px;
    width: 42px;
    padding-top: 7px;
}
#header .search-button:before {
    font-size: 20px;
}
#header .search-button:hover:before {
    color: #2b68cc;
    /* var base-dark */
}
#header #search-module .ajax-loader {
    top: 14px;
    right: 45px;
}
#header #search-module #search_results-wrap {
    top: 0;
}
#header #search-module #search_results {
    padding: 0;
}

/* =========================================================
   Корзина
   ========================================================= */
#header .cart-header-wrap {
    padding-left: 0 !important;
    min-width: inherit !important;
    text-align: center !important;
    min-width: 70px !important;
    border: none !important;
    background: transparent !important;
    height: auto !important;
}
#header .div_basket_icon {
    position: relative;
    padding-left: 0;
    display: inline-block;
    text-align: center;
    width: auto;
    left: 0;
    top: -2px;
}
#header .div_basket_icon:before {
    position: static;
}
#header .div_basket #cart-top-empty {
    font-size: 14px;
}
#header .div_basket_icon:before,
#header .div_basket #cart-top-empty,
#header .div_basket #cart-top-products,
.cart-count,
.cart-subtotal {
    transition: opacity .3s;
}
#header .cart-count {
    left: 42px;
}
#header .cart-subtotal {
    font-size: 14px;
}
#header #module_cart span#cart-top-total {
    font-weight: 400;
    white-space: nowrap;
}
#header .div_basket:hover .div_basket_icon:before,
#header .div_basket:hover #cart-top-empty,
#header .div_basket:hover #cart-top-products {
	opacity: 0.6;
}


/* =========================================================
   Обратная связь (.feedback)
   ========================================================= */
#header .feedback {
    padding: 4px 0 4px 20px;
}
#header .feedback .icon {
    width: 22px;
    height: 22px;
    margin-top: -11px;
}
#header .feedback .icon:before {
	font-size: 16px;
    line-height: 25px;
    width: 19px;
    height: 22px;
    padding: 0;
}
.feedback p,
.feedback p * {
	font-size: 14px !important;
}

#header .header-top .feedback.type-1 {
	padding: inherit;
}
#header .header-top .feedback .ui-button {
	padding: 3px 8px;
}

/* =========================================================
   Модули: login, compare, favorites, headerbuttonorders
   ========================================================= */
/*#header .login-module,
#header .loginext-module {
    margin: 0;
}*/
#header .login-module i,
#header .loginext-module i {
    top: -2px;
    position: relative;
}
#header .login-module a {
	line-height: 1.1;
}
#header .login-text {
	padding-top: 5px;
}
/*#header .header-center #compare-box + .box {
    margin-right: 0;
    margin-left: 12px;
}
#header .header-center #favorites-box + .box {
    margin-right: 5px;
}*/
#header .favorites-box.big .favorites-link i {
    width: 27px !important;
    margin: 0 !important;
}
#header .compare-box.big .compare-link span,
#header .favorites-box.big .favorites-link span {
    left: 42px !important;
}
#compare-box font,
#favorites-box font {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#header .compare-box .compare-link,
#header .compare-box .compare-link i,
#header .favorites-box .favorites-link,
#header .favorites-box .favorites-link i,
#header .login-module a,
#header .loginext-module a {
    transition: opacity .3s;
}
.favorites-text,
.compare-text {
	transition: opacity .3s;
    display: block !important;
    padding-top: 3px;
}
#header .compare-box .compare-link:hover,
#header .compare-box .compare-link:hover i,
#header .favorites-box .favorites-link:hover,
#header .favorites-box .favorites-link:hover i,
#header .login-module a:hover,
#header .loginext-module a:hover
#header .favorites-link:hover .favorites-text,
#header .compare-link:hover .compare-text{
	/*opacity: 0.6;*/
}
.headerbuttonorders .headerbuttonorders-link,
.headerbuttonorders .headerbuttonorders-link > i {
	transition: opacity .3s;
}
.headerbuttonorders .headerbuttonorders-link:hover,
.headerbuttonorders .headerbuttonorders-link:hover > i {
	/*opacity: 0.6;*/
}

/* =========================================================
   Категории / Dropdown (.categorydropdown, -2, -3)
   ========================================================= */
#header .categorydropdown,
#header .categorydropdown2,
#header .categorydropdown3 {
    width: auto;
}
#header .category-dropdown-name,
#header .category-dropdown2-name,
#header .category-dropdown3-name {
    padding: 0;
    font-size: 14px;
    text-transform: none;
    background: #eaeaea;
    /* var gray */
    text-align: center;
    height: auto;
    transition: opacity .3s;
    color: #333;
    /* var text-color */
}
#header .category-dropdown-name span,
#header .category-dropdown2-name span,
#header .category-dropdown3-name span {
	padding: 0;
}
#header .category-dropdown-name span:after,
#header .category-dropdown2-name span:after,
#header .category-dropdown3-name span:after {
    display: none;
}
#header .category-dropdown-name span:before,
#header .category-dropdown2-name span:before,
#header .category-dropdown3-name span:before {
    content: '\f0c9';
    font-size: 28px;
    font-family: FontAwesome;
    text-decoration: none;
    display: block;
    height: 25px;
    line-height: 0.9;
    padding-bottom: 6px;
}
#header .category-dropdown-name:hover,
#header #category-dropdown:hover .category-dropdown-name,
#header .category-dropdown2-name:hover,
#header #category-dropdown2:hover .category-dropdown2-name,
#header .category-dropdown3-name:hover,
#header #category-dropdown3:hover .category-dropdown3-name,
#header .category-brands-name:hover {
    background: transparent;
    color: #4c81d9;
    /* var base */
}
#header .category-dropdown-name:hover,
#header .category-dropdown2-name:hover,
#header .category-dropdown3-name:hover {
    /*opacity: 0.6;*/
}

/* =========================================================
   Категории — layout и меню
   ========================================================= */
#category-dropdown,
#category-dropdown2,
#category-dropdown3 {
    text-align: left;
}
#header #category-dropdown2 ul.ul-lev0 {
    padding: 0;
    margin: 0;
    top: 22px;
}
#header #category-dropdown2 .menu-wrap {
    top: 22px;
}
#header #category-dropdown2 .ul-lev-wrap.submenu {
    top: 0;
    background: #fff;
    /* var text-color-light */
    margin-left: 0 !important;
}
#header #category-dropdown2 .ul-lev-wrap.submenu .menu-wrap {
    top: 1px;
    margin-left: 0 !important;
}
#header #category-dropdown2 .ul-lev-wrap.submenu ul {
    border-left: 1px solid #dedede;
}
#header #category-dropdown2 .category-dropdown2-bg {
    top: 69px;
}
#header #category-dropdown2:hover .category-dropdown2-list {
    min-height: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.category-dropdown3-list {
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -khtml-border-radius: 4px !important;
    border-radius: 4px !important;
}
#header #category-dropdown3 .category-dropdown3-list-wrap {
    padding-left: 0;
    padding-right: 0;
    visibility: hidden;
}
#header #category-dropdown3:hover .category-dropdown3-list-wrap {
	visibility: visible;
}
.category-dropdown-list-wrap,
.category-dropdown3-list-wrap {
    top: 50%;
    margin-top: 44px;
    width: 100%;
}
#category-dropdown3:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 20px;
    content: ' ';
    margin-top: 24px;
    visibility: hidden;
}
#category-dropdown3:hover:after {
    visibility: visible;
}
#category-dropdown:hover .category-dropdown-list-wrap:after {
    position: absolute;
    top: -22px;
    left: 0;
    width: 40%;
    height: 22px;
    content: ' ';
    z-index: 1;
}
.category-dropdown2-bg {
    background: transparent;
}

/* =========================================================
   Хлебные крошки (#breadcrumbs)
   ========================================================= */
#header #breadcrumbs-wrap {
    border: none;
    padding: 0;
    position: relative;
    top: -10px;
}
#header #breadcrumbs a {
    max-width: inherit;
    max-height: inherit;
    overflow: hidden;
    color: #333;
    /* var text-color */
}
#header #breadcrumbs font {
    padding: 0 2px;
}
#header #breadcrumbs font:after {
    top: 9px;
    font-size: 10px;
    content: '●';
    color: #333;
    /* var text-color */
}


/* =========================================================
   Прочее (mainmenu, колонки, утилиты)
   ========================================================= */
.header-column-left-left {
}
.header-column-left-right {
}
.header-column-right-left {
    width: 45%;
}
.header-column-right-right {
}
.header-center-right-right {
    /*width: 340px;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header-center-left-right {
	/*width: 200px;*/
	display: flex;
}
.header-center-left-right > .box {
	margin-right: 10px;
}
.header-center-left-right > .box:last-of-type {
	margin-right: 0;
}
.header-table-columns {
    position: relative;
}

.mainmenu {
    position: relative;
    left: -5px;
}
.box-main.pictureslider {
    padding-top: 0;
}

.good {
    max-width: 288px;
}

.header-bottom-bg {
    display: none;
}
.header-bottom .ui-grid {
    display: none;
}

.mainmenusmallopt .ul-lev0 > li.submenu .s-lev0 .s-lev0-text:after,
.mainmenusmallopt .ul-lev0 > li .s-lev0-text,
.mainmenusmallopt .ul-lev0 > li .a-lev0-text,
.mainmenusmallopt .ul-lev0 > li.submenu .s-lev0 {
}
.headercontact-item i,
.headercontact-item,
.headercontact-item p,
.headercontact-item a {

}
