#system .title {
    margin-top: 0
}

#system .title a {
    text-decoration: none
}

#system .title+.title {
    margin-top: 20px
}

#system .title+.items .title {
    margin-top: 10px
}

#system>.description {
    margin-bottom: 30px;
    overflow: hidden
}

#system small {
    color: #969696;
    font-style: italic
}

#system .item>.meta {
    margin: 0 0 23px 0;
    font-size: 11px;
    color: #969696;
    line-height: 13px
}

#system .item>.subtitle {
    margin: 0 0 8px 0;
    font-size: 14px;
    color: #787878;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase
}

#system .item>.content {
    overflow: hidden
}

#system .item>.content>*:first-child {
    margin-top: 0
}

#system .item>.content>*:last-child {
    margin-bottom: 0
}

#system .item>.links {
    margin: 22px 0 0 0
}

#system .item>.links a:after {
    content: " »";
    font-size: 14px
}

#system .item>.taxonomy {}

#system .item>.trackback {}

#system .item>.edit {}

#system .item>*:last-child {
    margin-bottom: 0
}

#system .item>.icon {
    margin: 2px 0 0 5px;
    float: right
}

#system .item>.edit a {
    vertical-align: text-top
}

#system .items.leading {
    padding-bottom: 12px;
    overflow: hidden
}

#system .item-list {
    margin-top: 10px;
    border-top: 1px solid #c8c8c8;
    overflow: hidden
}

#system .filter {
    margin: 0 0 10px 0;
    overflow: hidden
}

#system .filter>div {
    float: left;
    margin: 0 10px 0 0
}

span.highlight {
    background-color: #ffa
}

.tip-wrap {
    display: none;
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    color: #323232;
    font-size: 12px
}

.tip-title {
    margin-top: -15px;
    padding: 15px 0 5px 0;
    background: url(../../../../../system/images/selector-arrow.png)no-repeat;
    font-weight: 700;
    font-size: 13px
}


.tip-wrap .tip {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: inherit
}

#system form.submission div {
    margin: 0
}

#system form.submission fieldset {
    margin-bottom: 30px;
    padding-top: 15px
}

#system form.submission fieldset>div {
    margin-bottom: 10px;
    padding: 2px 0 2px 0;
    overflow: hidden
}

#system form.submission div>* {
    vertical-align: middle
}

#system form.submission div>label:first-child {
    display: block;
    width: 150px;
    float: left
}

#system form.submission div>input[type='text'],
#system form.submission div>input[type='password'] {
    padding: 5px;
    width: 250px
}

#system form.submission div>select {
    padding: 5px;
    width: 262px
}

#system form.submission div>textarea {
    width: 255px
}

#system form.submission small {
    display: block;
    margin: -25px 0 25px 0
}

#system form.submission div.submit {
    margin-top: -20px;
    text-align: center
}

#system form.submission div>.calendar {
    margin-left: 5px
}

#system form.submission #metadesc {
    height: 100px
}

#system form.submission #metakey {
    height: 60px
}

#system .invalid {
    border-color: #f00
}

#system label.invalid {
    color: #f00
}

#system a img.calendar {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(../../../../../system/images/calendar.png)no-repeat;
    cursor: pointer;
    vertical-align: middle
}

#system #editor-xtd-buttons {
    margin: 10px 0 10px 0;
    padding: 0
}

#system #editor-xtd-buttons .button2-left,
#system #editor-xtd-buttons .button2-left * {
    float: left
}

#system #editor-xtd-buttons .button2-left {
    margin-right: 5px;
    background: url(../../../../../system/images/j_button2_left.png)no-repeat
}

#system #editor-xtd-buttons .button2-left .image {
    background: url(../../../../../system/images/j_button2_image.png)100% 0 no-repeat
}

#system #editor-xtd-buttons .button2-left .readmore {
    background: url(../../../../../system/images/j_button2_readmore.png)100% 0 no-repeat
}

#system #editor-xtd-buttons .button2-left .pagebreak {
    background: url(../../../../../system/images/j_button2_pagebreak.png)100% 0 no-repeat
}

#system #editor-xtd-buttons .button2-left a,
#system #editor-xtd-buttons .button2-left span {
    display: block;
    height: 22px;
    padding: 0 24px 0 6px;
    line-height: 22px;
    font-size: 11px;
    color: #666
}

#system #editor-xtd-buttons .button2-left span {
    color: #999
}

#system #editor-xtd-buttons .button2-left a:hover {
    text-decoration: none;
    color: #0B55C4
}

#system-message {
    margin: 0 0 10px 0;
    padding: 0
}

#system-message dt {
    display: none
}

#system-message dd {
    padding: 10px;
    border-top: 3px solid #84A7DB;
    border-bottom: 3px solid #84A7DB;
    color: #05b
}

#system-message dd ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#system-message dd.error {
    color: #c00;
    background-color: #E6C0C0;
    border-top: 3px solid #DE7A7B;
    border-bottom: 3px solid #DE7A7B
}

#system-message dd.notice {
    color: #c00;
    background: #EFE7B8;
    border-top: 3px solid #F0DC7E;
    border-bottom: 3px solid #F0DC7E
}

#system-debug {
    padding: 30px;
    background: #fff;
    color: #333
}

#system-debug div {
    font-size: 11px
}

#system .items {
    margin: 0 -10px 0 -10px;
    overflow: hidden
}

#system .items>.width20 {
    float: left;
    width: 19.999%
}

#system .items>.width25 {
    float: left;
    width: 24.999%
}

#system .items>.width33 {
    float: left;
    width: 33.333%
}

#system .items>.width50 {
    float: left;
    width: 49.999%
}

#system .items .item {
    margin: 12px 10px 0 10px;
    padding-top: 18px;
    border-top: 1px solid #c8c8c8;
    overflow: hidden
}

#system .items .item:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none
}

#system .items-col-2 .title {
    font-size: 19px
}

#system .items-col-3 .title {
    font-size: 20px
}

#system .items-col-4 .title {
    font-size: 18px
}

#system .pagination {
    margin-top: 10px;
    text-align: center
}

#system .pagination a {
    text-decoration: none
}

#system .pagination strong {
    font-weight: 400
}

#system .pagination a,
#system .pagination strong {
    display: inline-block;
    min-width: 15px;
    height: 25px;
    margin-left: 5px;
    padding: 0 5px;
    border: 1px solid #f0f0f0;
    line-height: 25px
}

#system .pagination>*:first-child {
    margin-left: 0
}

#system .pagination a.previous,
#system .pagination a.next {
    font-size: 14px
}

#searchbox {
    position: relative;
    width: 120px;
    height: 22px;
    padding: 0;
    margin: 0;
    background: url(../images/searchbox.png)0 0 no-repeat
}

#searchbox:hover {
    background-position: 0 -32px
}

#searchbox input {
    width: 76px;
    height: 22px;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    float: left;
    color: #969696;
    font-size: 11px
}

#searchbox:hover input,
#searchbox input:focus {
    color: #323232
}

#searchbox input:focus {
    outline: none
}

#searchbox button {
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    float: left;
    cursor: pointer;
    line-height: 0
}

#searchbox button.magnifier {
    background: url(../images/searchbox_magnifier.png)50% 50% no-repeat
}

#searchbox button.reset {
    display: none;
    background: url(../images/searchbox_reset.png)50% 50% no-repeat
}

#searchbox .filled button.reset {
    display: inline
}

#searchbox .loading button.reset {
    background: url(../images/searchbox_loader.gif)50% 50% no-repeat
}

#searchbox .results {
    position: absolute;
    top: 31px;
    right: 0;
    z-index: 10;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #c8c8c8;
    background: #fff
}

#searchbox .results li.results-header,
#searchbox .results li.more-results {
    height: 40px;
    background: #e6e6e6;
    line-height: 40px;
    text-indent: 15px;
    text-transform: uppercase
}

#searchbox .results li.results-header {
    border-bottom: 1px solid #c8c8c8
}

#searchbox .results li.more-results {
    border-top: 1px solid #c8c8c8;
    cursor: pointer
}

#searchbox .results li.result {
    padding: 10px 15px 10px 15px;
    border-top: 1px solid #ebebeb;
    cursor: pointer
}

#searchbox .results li.results-header+li.result {
    border-top: none
}

#searchbox .results li.result.selected {
    background-color: #f5f5f5
}

#searchbox .results li.result h3 {
    margin: 0 0 5px 0;
    font-size: 16px
}

#searchbox .results li.result div {
    margin: 0;
    font-size: 11px
}

img.align-left,
img.alignleft {
    margin-right: 15px;
    float: left
}

img.align-right,
img.alignright {
    margin-left: 15px;
    float: right
}

img.align-center {
    display: block;
    margin: auto;
    margin-bottom: 10px
}

.fluid-image {
    display: block
}

.fluid-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0
}

table.zebra {
    width: 100%
}

table.zebra th {
    font-size: 14px;
    font-weight: 400
}

table.zebra th,
table.zebra td {
    padding: 5px;
    border-bottom: 1px solid #dcdcdc
}

table.zebra tbody {
    font-size: 11px
}

table.zebra tbody tr.odd {
    background: #f7f7f7
}

table.zebra tbody tr:nth-of-type(odd) {
    background: #f7f7f7
}

table.zebra tbody tr.even {}

table.zebra tbody tr:nth-of-type(even) {}

table.zebra .bold {
    font-weight: 700
}

table.zebra td * {
    vertical-align: middle
}

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

ul.space li {
    margin-top: 15px
}

ul.space li:first-child {
    margin-top: 0
}

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

ul.line>li {
    margin: 5px 0 0 0;
    padding: 6px 0 0 0;
    border-top: 1px dotted #c8c8c8;
    overflow: hidden
}

ul.line>li:first-child {
    margin: 0;
    padding: 0;
    border: none
}

ul.line>li.odd,
ul.line>li:nth-of-type(odd) {}

ul.line>li.even,
ul.line>li:nth-of-type(even) {}

ul.line>li>*:first-child {
    margin-top: 0
}

.breadcrumbs {
    overflow: hidden
}

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
    display: inline-block;
    text-decoration: none
}

.breadcrumbs a,
.breadcrumbs>span {
    margin: 0px 5.5px !important;
}

.breadcrumbs img {
    bottom: 1px;
    position: relative;
}

a.readmore {
    display: inline-block;
    height: 25px;
    padding: 0 5px 0 10px;
    border: 1px solid #c8c8c8;
    line-height: 25px;
    color: #323232;
    text-decoration: none
}

#system .title11 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: -1px
}

h1.title {
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 1.25;
    color: black;
    letter-spacing: 0;
    font-size: 30px !important;
    font-family: "Montserrat", serif !important;
    font-weight: 700 !important;
}

h2.title {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.25;
    color: black;
    letter-spacing: 0;
    font-family: "Montserrat", serif !important;
    font-weight: 700 !important;
}

h3.title {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: black;
    letter-spacing: 0;
    font-family: "Montserrat", serif !important;
    font-weight: 700 !important;
}

h2.title_white {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 19px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
}

#system .item>.date {
    margin-right: 10px;
    width: 36px;
    height: 36px;
    background: url(../images/system_date.png)0 0 no-repeat;
    float: left;
    text-align: center;
    color: #fff
}

#system .item>.date .day {
    margin-top: 2px;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1px
}

#system .item>.date .month {
    margin: 0 3px 0 3px;
    padding-bottom: 1px;
    font-size: 9px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase
}

#system .item>.date+.title {
    margin: 0 0 15px 0;
    line-height: 36px
}

#system .item>.meta {
    font-size: 12px;
    line-height: 15px;
    color: #ACACAD
}

#system .item>.links a {
    margin-right: 5px
}

#system .item>.links a:after {
    content: ""
}

#system .items {
    margin: 0 -20px 0 -20px
}

#system .items .item {
    margin: 29px 0 0px 0;
    padding: 30px 20px 0 20px;
    border-color: #E5E5E5
}

#system .item-list {
    margin-top: 29px;
    padding-top: 15px;
    border-color: #E5E5E5
}

#system .item>.icon {
    margin-top: 10px
}

#system .items.leading {
    border-color: #E5E5E5
}

#searchbox {
    width: 170px;
    height: 27px;
    background: url(../images/searchbox_bg.png)0 0 no-repeat
}

#searchbox:hover {
    background-position: 0 0
}

#searchbox input {
    padding: 3px 0 3px 0;
    width: 122px;
    height: 20px;
    color: #909096;
    font-size: 12px
}

#searchbox:hover input,
#searchbox input:focus {
    color: #F2F1F0
}

#searchbox button {
    height: 26px
}

#searchbox button.magnifier {
    width: 26px;
    background: url(../images/searchbox_magnifier.png)50% 50% no-repeat
}

#searchbox button.reset {
    background: url(../images/searchbox_reset.png)50% 50% no-repeat
}

#searchbox .loading button.reset {
    background-image: url(../images/searchbox_loader.gif)
}

#searchbox .results {
    top: 33px;
    right: -7px;
    border: none;
    background: url(../images/search_bg.png)0 0 repeat;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 1)
}

#searchbox .results li.results-header,
#searchbox .results li.more-results {
    height: 40px;
    border: none;
    line-height: 40px;
    color: #F2F1F0;
    font-size: 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
    background: url(../images/search_results_header.png)0 0 repeat-x
}

#searchbox .results li.result {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.7);
    color: #969FAA
}

#searchbox .results li.result.selected {
    color: #ffffff;
    background: url(../images/search_result_selected.png)0 0 repeat-x;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1)
}

#searchbox .results li.result h3 {
    color: #969FAA
}

#searchbox .results li.result.selected h3 {
    color: #ffffff
}

#searchbox .results li.more-results {
    padding-left: 20px;
    border-color: #222426;
    font-size: 14px;
    background-position: 0 -40px
}

#searchbox .results li.more-results:hover {
    color: #AC0000
}

table.zebra th,
table.zebra td {
    padding: 5px;
    border-bottom: 1px solid #E0E0E1
}

table.zebra tbody tr.odd {
    background: #F0F1F2
}

table.zebra tbody tr:nth-of-type(odd) {
    background: #F0F1F2
}

table.zebra tbody tr.even {
    background: #FEFEFF
}

table.zebra tbody tr:nth-of-type(even) {
    background: #FEFEFF
}

ul.line>li {
    border-top-style: solid;
    border-color: #E5E5E5;
    color: #525252
}

ul.line li a {
    color: #525252;
    text-decoration: none
}

ul.line li a:hover,
#bottom ul.line li a:hover {
    color: #AC0000
}

#bottom ul.line>li {
    color: #7A7A81;
    border-color: #252525
}

#bottom ul.line li a {
    color: #7A7A81
}

#system .pagination a,
#system .pagination strong {
    height: 16px;
    min-width: 16px;
    margin: 0 3px 0 3px;
    padding: 0;
    border: none;
    line-height: 16px;
    overflow: hidden
}

#system .pagination a {
    color: #ACACAD
}

#system .pagination strong {
    color: #AC0000
}

#system .pagination a:hover {
    color: #525254;
    text-decoration: underline
}

#system .pagination .previous,
#system .pagination .next {
    width: 16px;
    background: url(../images/pagination_bg.png)0 0 no-repeat;
    text-indent: 50px
}

#system .pagination .previous:hover {
    background-position: 0 -20px
}

#system .pagination .next {
    background-position: 0 -40px
}

#system .pagination .next:hover {
    background-position: 0 -60px
}

#system .pagination .first,
#system .pagination .last {
    display: none
}

.breadcrumbs {
    padding: 15px 10px 10px 3px;
    line-height: 20px;
    font-size: 0.9em;
    margin-left: -10px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    max-width: 100%;
}

.breadcrumbs::-webkit-scrollbar {
    display: none;
}

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

#page .breadcrumbs a,
#page .breadcrumbs span {
    margin-right: 5px;
    color: #767980;
}

#page .breadcrumbs a:hover {
    color: #525252;
    text-decoration: underline
}

.breadcrumbs strong {
    color: black;
    font-weight: 500
}

a.readmore,
a.readmore span.readmore-1,
a.readmore span.readmore-2 {
    background: url(../images/readmore.png)0 0 no-repeat
}

a.readmore {
    border: none;
    padding-bottom: 50px;
    font-size: 8px;
    font-family: "Montserrat", serif;
    color: #F2F1F0;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    background: url(../images/readmore.png)0 0 no-repeat
}

a.readmore span.readmore-1 {
    padding: 15px;
    background-position: 100% -30px;
    display: block;
}

a.readmore span.readmore-2 {
    height: 25px;
    line-height: 25px;
    font-size: small;
    color: #464648;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    background-position: 0 -60px;
    background-repeat: repeat-x;
    display: block;
    /* padding: 15px; */
    left: -9px;
    position: relative;
    top: 25px;
}

a.readmore:hover {
    background-position: 0 -90px
}

a.readmore:hover span.readmore-1 {
    background-position: 100% -120px
}

a.readmore:hover span.readmore-2 {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    background-position: 0 -150px
}

a.readmore:active {
    background-position: 0 -180px
}

a.readmore:active span.readmore-1 {
    background-position: 100% -210px
}

a.readmore:active span.readmore-2 {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    background-position: 0 -240px
}

.module h3.header {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.25;
    color: #525253;
    font-weight: 400;
    letter-spacing: 0;
}

.module h3.header span.color {
    color: #525253
}

.module h3.header span.title {
    display: block;
    font-size: 26px;
    line-height: 28px
}

.module h3.header span.subtitle {
    display: block;
    margin-top: 10px;
    line-height: 20px;
    font-size: 20px;
    font-weight: 400;
    text-indent: 1px;
    letter-spacing: 0
}

#left .module,
#contentleft .module {
    margin-right: 1px
}

#right .module,
#contentright .module {
    margin-left: 1px
}

#toolbar .left .module {
    margin-right: 15px;
    float: left
}

#toolbar .right .module {
    margin-left: 15px;
    float: right
}

div.module {
    position: relative
}

div.module div.badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    background: url(../images/module_badges.png)0 0 no-repeat;
    overflow: hidden;
    z-index: 1
}

div.module div.badge-hot {
    background-position: 0 0
}

div.module div.badge-top {
    background-position: 0 -50px
}

div.module div.badge-pick {
    background-position: 0 -100px
}

div.module div.badge-new {
    background-position: 0 -150px
}

div.module h3.header span.icon {
    display: block;
    position: relative;
    top: -3px;
    left: 0;
    width: 35px;
    height: 30px;
    background: url(../images/module_icons.png)0 0 no-repeat;
    overflow: hidden;
    float: left
}

div.module h3.header span.icon-feed {
    background-position: 0 0
}

div.module h3.header span.icon-download {
    background-position: 0 -30px
}

div.module h3.header span.icon-twitter {
    background-position: 0 -60px
}

div.module h3.header span.icon-mail {
    background-position: 0 -90px
}

div.module h3.header span.icon-message {
    background-position: 0 -120px
}

div.module h3.header span.icon-users {
    background-position: 0 -150px
}

div.module h3.header span.icon-shopping {
    background-position: 0 -180px
}

div.module h3.header span.icon-lock {
    background-position: 0 -210px
}

#menu ul.mod-dropdown {
    padding-left: 0;
    background: none
}

#menu ul.mod-dropdown span.level1 span.color {
    display: inline
}

#menu .mod-dropdown .module {
    color: #CBCBD3;
    padding: 5px;
    overflow: hidden
}

#menu .mod-dropdown .dropdown {
    width: 300px
}

div.mod-box div.box-2 {
    padding: 10px 10px 9px 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    overflow: hidden
}

.horizontal div.mod-box.last div.box-2 {
    background: none
}

div.mod-box h3.header {
    color: #121314;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1)
}

div.mod-box-black div.box-1 {
    background: #222226 url(../images/module_box_black_bg.png)0 0 repeat-x
}

div.mod-box-black div.box-2 {
    padding: 20px 20px 20px 20px;
    border-bottom: none;
    color: #89898F;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
    background-image: url(../images/module_box_black_border.png)
}

div.mod-box-black h3.header {
    color: #A7A7AC;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)
}

div.mod-box-black h3.header span.color {
    color: #ffffff
}

div.mod-box-black a {
    color: #ffffff
}

div.mod-box-templatecolor div.box-1 {
    background: #b00 url(../images/module_box_templatecolor_bg.png)0 0 repeat-x
}

div.mod-box-templatecolor div.box-2 {
    padding: 20px 20px 20px 20px;
    border-bottom: none;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3)
}

div.mod-box-templatecolor h3.header {
    text-shadow: none
}

div.mod-box-templatecolor h3.header span.color {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3)
}

div.mod-box-templatecolor h3.header span.subtitle {
    color: #7D0000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25)
}

div.mod-box-templatecolor a {
    color: #4F0000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}

div.mod-line {
    padding: 15px
}

.horizontal div.mod-line div.box-1 {
    border-right: 1px solid #E5E5E5
}

#contentbottom div.mod-line div.box-1,
#mainbottom div.mod-line div.box-1 {
    border-top: 1px solid #E5E5E5;
    border-bottom: none
}

#bottom div.mod-line div.box-1 {
    border-color: #252525
}

.horizontal div.mod-line.last div.box-1 {
    border-right: none
}

#left div.mod-line.last div.box-1,
#right div.mod-line.last div.box-1,
#contentleft div.mod-line.last div.box-1,
#contentright div.mod-line.last div.box-1,
#bottom .horizontal div.mod-line div.box-1,
#bottom .vertical div.mod-line.last div.box-1 {
    border-bottom: none
}

#bottomblock .horizontal div.mod-line div.box-1,
#bottomblock .vertical div.mod-line.last div.box-1 {
    border-bottom: none
}

#bottom .horizontal div.mod-line div.box-1 {
    border-right: none;
    background: url(../images/module_line_bg.png)100% 0 repeat-y
}

#bottomblock .horizontal div.mod-line div.box-1 {
    border-right: none;
    background: url(../images/module_line_bg.png)100% 0 repeat-y
}

#bottom .horizontal div.mod-line.last div.box-1 {
    background: none
}

#bottomblock .horizontal div.mod-line.last div.box-1 {
    background: none
}

div.mod-menu-line div.box-1 {
    padding: 10px 0 20px 0
}

#left div.mod-menu-line div.box-1,
#contentleft div.mod-menu-line div.box-1 {
    padding: 10px 0 20px 0
}

div.mod-menu-line div.box-1 h3.header {
    margin: 0 20px 10px 20px
}

div.mod-polaroid,
#right div.mod-polaroid,
#contentright div.mod-polaroid,
#left div.mod-polaroid,
#contentleft div.mod-polaroid {
    margin: 10px
}

div.mod-polaroid div.badge-tape {
    position: absolute;
    top: -13px;
    left: 50%;
    width: 114px;
    height: 38px;
    margin-left: -57px;
    background: url(../images/module_polaroid_tape.png)0 0 no-repeat;
    z-index: 1
}

div.mod-polaroid div.box-1 {
    margin-top: 13px;
    padding: 10px 10px 5px 10px;
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    background: #fff url(../images/module_polaroid_bg.png)0 100% repeat-x;
    overflow: hidden
}

div.mod-polaroid div.box-2 {
    margin-bottom: 5px;
    background: #000
}

div.mod-polaroid div.box-3 {
    padding: 10px 15px 10px 15px;
    overflow: hidden;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #C8C8C8
}

div.mod-polaroid div.box-b1,
div.mod-polaroid div.box-b2,
div.mod-polaroid div.box-b3 {
    background: url(../images/module_polaroid_shadows.png)0 0 no-repeat
}

div.mod-polaroid div.box-b2 {
    padding: 0 70px 0 70px;
    background-position: 100% -5px
}

div.mod-polaroid div.box-b3 {
    height: 5px;
    background-position: 0 -10px;
    background-repeat: repeat-x
}

div.mod-polaroid h3.header {
    height: 25px;
    margin: 0 0 0px 0;
    line-height: 25px;
    text-align: center;
    letter-spacing: -1px;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #323232;
    font-size: 18px;
    text-shadow: none
}

div.mod-postit,
#right div.mod-postit,
#contentright div.mod-postit,
#left div.mod-postit,
#contentleft div.mod-postit {
    margin: 10px
}

div.mod-postit div.box-1 {
    background: #ffa;
    color: #323232
}

div.mod-postit div.box-2 {
    padding: 15px 15px 0 15px;
    overflow: hidden;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic
}

div.mod-postit div.box-b1,
div.mod-postit div.box-b2,
div.mod-postit div.box-b3 {
    background: url(../images/module_postit_shadows.png)0 0 no-repeat
}

div.mod-postit div.box-b2 {
    padding: 0 90px 0 60px;
    background-position: 100% -40px
}

div.mod-postit div.box-b3 {
    height: 40px;
    background-position: 0 -80px;
    background-repeat: repeat-x
}

div.mod-postit h3.header {
    height: 30px;
    margin: -15px -15px 5px -15px;
    background: #FFFFDA;
    font-size: 18px;
    line-height: 30px;
    text-indent: 15px;
    letter-spacing: -1px;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #323232;
    text-shadow: none
}

html {
    position: relative;
    min-height: 100%
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 140%;
    color: #525253;
    background-color: #f7f7f7
}

/* ::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    background-color: #999
}

::-webkit-scrollbar-track-piece {
    background-color: #ffffff
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #ddd;
    border-radius: 3px
}

::-webkit-scrollbar-corner {
    background-color: #999
}

::-webkit-resizer {
    background-color: #ddd
} */

.wrapper {
    margin: auto
}

.topheader {
    margin: auto;
    z-index: 100;
    position: relative;
}

#notify {
    margin: auto;
    z-index: 100;
    position: relative;
    background-color: #e76049;
    color: white;
    font-size: 12px
}

table.table {
    width: 100%;
    border: 0;
    border-spacing: 0
}

tr.item_failed {
    opacity: 0.5
}

#topheader {
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;
    position: relative;
    clear: both;
}

#topfluid {
    background: url(/images/stories/fon31.png)100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: cover;
    padding: 50px 0 120px;
    color: #fff
}

.ui-c9 {
    cursor: pointer;
    position: relative;
    right: -3px;
    top: 4px;
    color: #fff;
    pointer-events: auto;
    width: 16px;
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    overflow: hidden
}

.ui-c91 {
    cursor: pointer;
    position: relative;
    right: -3px;
    top: 4px;
    color: #fff;
    pointer-events: auto;
    width: 16px;
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    overflow: hidden
}

.black {
    padding: 10px;
    opacity: 0.6;
    background: black;
    width: 100%
}

.black h1 {
    font-size: 32px;
    color: white
}

.black p {
    font-size: 26px;
    font-weight: 100;
    color: white;
    font-family: tahoma
}

#header {
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;
    background: #fff;
    position: relative;
    z-index: 1000
}

#top {
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;
    background: #f7f7f7;
    overflow: hidden;
    clear: both
}

#top0 {
    margin: 0 0 0px 0;
    padding: 16px 0 16px 0;
    background-color: #F5F4F2;
    border-bottom: 0px solid #f0f0f0;
    clear: both
}

@media (max-width: 767px) {
    #top0 {
        background-color: white;
    }
}

#top1 {
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;
    background-color: #f7f7f7;
    overflow: hidden;
    clear: both
}

#top2 {
    margin: 0 0 0px 0;
    background: #4e565a;
    position: relative
}

.changed {
    box-shadow: 0 0 0 3px #CDFF9B;
    border-radius: 3px
}

.catalog-plate-item {
    margin: 5px;
    padding: 0
}

#middle {
    clear: both;
    background: #fff
}

#bottom {
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;
    overflow: hidden;
    clear: both;
    z-index: 998;
    background: #f7f7f7
}

#bottom0 {
    margin: 0 0 0px 0;
    background-color: #f7f7f7;
    overflow: hidden;
    clear: both;
    z-index: 998
}

#bottom01 {
    margin: 0 0 0px 0;
    padding: 15px 0 0 0;
    overflow: hidden;
    clear: both;
    z-index: 998
}

#bottomblock {
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;
    color: #7A7A81;
    overflow: hidden;
    clear: both;
    z-index: 998;
    background-color: #f7f7f7
}

.minicat {
    background: #4E565A;
    color: #eee
}

.footer {
    background-color: #313335;
    background-repeat: repeat;
    background-position: center;
    color: white;
    min-height: auto !important;
}

.wrap {
    width: 1150px;
    margin: auto
}

.gray {
    padding: 10px;
    color: #909090
}

.top_pad {
    padding: 8px 0 8px 0
}

div.foot_wrap>div {
    float: left;
    padding: 15px;
    width: 230px
}

div.td_list {
    padding: 15px
}

div.td_list_group {
    border-bottom: 1px solid #E8E8E9
}

div.td_list_group>div {
    float: left
}

div.td_list_head,
div.td_list_group {
    width: 100%;
    overflow: hidden;
    clear: both
}

div.td_list_head>div {
    float: left
}

#middle {
    width: 100%;
    overflow: hidden;
    position: relative
}

#middle-expand {
    width: 200%
}

#main {
    position: relative;
    left: 50%;
    width: 50%;
    float: left
}

#main-shift {
    position: relative;
    left: -100%;
    overflow: hidden
}

#left {
    position: relative;
    left: -50%;
    background-color: #FBFBFB;
    float: left;
    overflow: hidden
}

#right {
    position: relative;
    float: left;
    overflow: hidden
}

#maintop div {
    float: left
}

#maintop,
#mainmenu,
#contenttop {
    margin: 0 0 0px 0;
    overflow: hidden
}

#mainmenu {
    overflow: hidden
}

#contentbottom,
#mainbottom {
    margin: 0 0 0px 0;
    overflow: hidden
}

#mainmiddle {
    width: 100%;
    overflow: hidden;
    position: relative
}

#mainmiddle-expand {
    width: 200%
}

#content {
    position: relative;
    left: 50%;
    width: 50%;
    float: left;
    display: inline-block
}

#content-shift {
    position: relative;
    left: -100%
}

#contentleft {
    position: relative;
    left: -50%;
    float: left;
    overflow: hidden
}

#contentright {
    position: relative;
    float: left;
    overflow: hidden
}

h3 {
    font-size: 18px;
    font-weight: 400
}

.text-detail {
    font-size: 12px;
    color: #757575
}

.float-left {
    float: left
}

.float-right {
    float: right;
    overflow: hidden
}

.width14 {
    width: 14%
}

.width15 {
    width: 15%
}

.width16 {
    width: 16%
}

.width17 {
    width: 17%
}

.width18 {
    width: 18%
}

.width19 {
    width: 19%
}

.width20 {
    width: 20%
}

.width23 {
    width: 23%
}

.width25 {
    width: 25%
}

.width33 {
    width: 33%
}

.width34 {
    width: 34%
}

.width35 {
    width: 35%
}

.width40 {
    width: 40%
}

.width46 {
    width: 46%
}

.width50 {
    width: 50%
}

.width54 {
    width: 54%
}

.width65 {
    width: 65%
}

.width67 {
    width: 67%
}

.width75 {
    width: 75%
}

.width100 {
    width: 100%
}

#top>.vertical,
#bottomblock>.vertical,
#bottom>.vertical {
    float: left
}

#absolute {
    position: absolute;
    z-index: 15;
    top: 0;
    left: 0;
    width: 100%
}

#toolbar {
    height: 100px;
    color: #535358;
    background: #fff;
    background-position: 50% 50%
}

#mainmenu {
    border-bottom: 1px solid #E5E5E5
}

#topheader {
    height: 38px;
    width: 100%;
    border-bottom: 1px solid white;
    font-size: 13px;
    background-color: white;
}

@media (min-width: 767px) {
    #topheader {
        box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 5%);
    }
}

#date {
    padding: 0 10px 0 0;
    float: left
}

#headerbar {
    padding: 0 0 0px 0;
    overflow: hidden
}

div.plate {
    border: 0 solid #E5E5E5;
    margin: 0;
    background-color: #fff
}

ul.menu li {
    list-style-type: none;
    padding: 3px;
    margin: 0
}

ul.dopgoods {
    padding-left: 5px;
    margin: 0
}

ul.dopgoods li {
    list-style-type: none;
    padding: 6px;
    margin: 0
}

ul.menu a {
    color: #000;
    text-decoration: none
}

ul.menu li:hover {
    background-color: #EFEFEF
}

ul.menu {
    padding: 0
}

.menu li {
    padding: 4px 0;
    border-bottom: dotted 1px #dadada
}

.bottom_menu li {
    padding: 4px 0
}

div.menubar {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 10;
    height: 60px;
    padding: 0 20px 0 240px
}

div.menushadow {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 3px;
    background: url(/templates/specford/images/menubar_shadow.png)0 0 repeat-x
}

#search {
    position: absolute;
    top: 0;
    right: 7px;
    z-index: 120
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.toolbar_right div {
    height: 100px;
    text-align: right
}

.right table {
    text-align: right;
    color: black
}

.callMeLink {
    cursor: pointer
}

.callMeLink:hover {
    color: #cccccc
}

.callBlock {
    background-color: #f2f0ed;
    padding: 10px
}

.mobile_tel {
    font-size: 30px;
    color: white
}

#banner {
    position: absolute;
    top: 138px;
    right: -43px;
    width: 0;
    z-index: 3
}

#socialbookmarks {
    position: absolute;
    top: 40px;
    right: -30px;
    z-index: 3;
    background: #fff;
    background: -moz-linear-gradient(0% 50%, #A7A7AD 0, #FAFAFA 5px);
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #A7A7AD), color-stop(15%, #FAFAFA));
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5)
}

#component {
    padding: 0
}

#left div.left-1,
#contentleft div.contentleft-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#right div.right-1,
#contentright div.contentright-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

div.bottom-1 {
    overflow: hidden
}

#bottom div.vertical {}

.wrapper-1 {
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5
}

div.wrapper-2 {
    padding: 0 0 0px 0;
    background-position: 100% 0
}

div.wrapper-3 {
    background: #FBFBFB
}

td.sectiontableheader {
    background: #efefef;
    color: #333;
    font-weight: 700;
    padding: 3px;
    border-right: 1px solid #fff
}

.primin th {
    background: #DDD;
    text-align: center;
    color: black;
    font-weight: 700;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #ccc
}

.primin td {
    background: #f7f4f4;
    text-align: center;
    color: black;
    font-size: 12px;
    padding: 10px
}

td.tablehead {
    background: #DDD;
    text-align: center;
    color: black;
    font-weight: 700;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #ccc
}

td.tabletd2 {
    color: black;
    font-weight: 400;
    font-size: 14px;
    padding: 15px 5px;
}

td.tabletd1 {
    color: black;
    font-weight: 400;
    font-size: 14px;
    padding: 15px 5px;
}

td.tablefooter {
    background: #DDD;
    color: black;
    font-weight: 700;
    font-size: 14px;
    padding: 3px;
    border-top: 1px solid #ccc
}

li.zebra0 {
    background-color: #ddd
}

li.zebra1 {
    background-color: #f7f7f7
}

li.zebra2 {
    background-color: #f4f4f252
}

li.zebra2:hover {
    background-color: #EFEFEF
}

li.zebra1:hover {
    background-color: #EFEFEF
}

.foot {
    padding: 5px 20px 0;
    list-style: none;
    margin: 0;
    white-space: nowrap
}

.foot li.last {
    background-image: none
}

.inputbox {
    width: 100%
}

.close_but {
    position: absolute;
    top: 0;
    right: 0
}

.info-block {
    padding: 5px 10px 10px 10px;
    margin-bottom: 40px;
    margin-right: 5px;
    background-color: #F1F2F4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 3px #777
}

.f_selected {
    background-color: #f8ebbf;
    border: none;
    display: inline-block;
    padding: 3px 8px !important;
    border-radius: 6px;
    box-shadow: 1px 2px 3px #d4c390 inset;
    -moz-border-radius: 6px;
    -moz-box-shadow: 1px 2px 3px #d4c390 inset;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 1px 2px 3px #d4c390 inset;
    margin: 0
}

.selectible {
    border-bottom: 1px dotted black;
    display: inline-block;
    margin: 4px
}

.foot li {
    padding: 0 2%;
    width: 21%;
    float: left;
    background: url("/images/footDeviderVertic.png")no-repeat scroll right 0 transparent;
    min-height: 100px;
    max-height: 150px;
    overflow: hidden
}

input.find {
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    height: 25px;
    width: 900px;
    font: 14pt Verdana;
    outline: none;
    color: black;
    border-color: rgba(255, 25, 33, .5);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 8px rgba(255, 25, 33, .5);
    -moz-box-shadow: 0 0 8px rgba(255, 25, 33, .5);
    -webkit-box-shadow: 0 0 8px rgba(255, 25, 33, .5)
}

.bg-success {
    background-color: #dff0d8;
    padding: 5px;
    margin: 5px
}

.search-button {
    border: none;
    background: url("/images/btn-search.png")no-repeat top left;
    height: 30px;
    width: 73px
}

.search-button:hover {
    background-position: 0 -32px
}

.search-button:active {
    background-position: 0 -64px;
    padding: 3px 0 0
}

.search-label {
    font-size: 16px
}

.search-value {
    height: 24px;
    width: 100%;
    font: 14pt Verdana;
    outline: none;
    border: none;
    background: none;
    font-size: 150%;
    text-transform: uppercase;
    padding-left: 5px
}

.search-value-wrapper {
    background-color: #fff;
    border: 1px solid #8f8f8f;
    width: 100%;
    height: 28px
}

.search-value-wrapper .search-history {
    float: left;
    width: 130px;
    height: 100%;
    cursor: pointer;
    background: #ebebeb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb');
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background: -moz-linear-gradient(top, #fff, #ebebeb);
    background: -o-linear-gradient(top, #fff, #ebebeb);
    background: -ms-linear-gradient(top, #fff, #ebebeb)
}

.search-value-wrapper .search-history span {
    display: inline-block;
    margin: 4px 10px;
    color: #666
}

.search-value-wrapper .search-history span:hover {
    color: black
}

#ck-button {
    margin: 2px;
    background-color: #EFEFEF;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    overflow: hidden;
    float: right
}

#ck-button label {
    float: left;
    width: 7.0em
}

#ck-button label span {
    text-align: center;
    padding: 2px 0;
    display: block
}

#ck-button label input {
    position: absolute;
    display: none
}

#ck-button input:checked+span {
    background-color: #911;
    color: #fff
}

div.logo {
    height: 100px;
    line-height: 100px
}

.logo div {
    display: table-cell;
    vertical-align: middle
}

.logo div img {
    vertical-align: middle
}


.backdrop {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0px;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1041;
    display: none
}

.backdrop-catalog {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    /* top: 76px; */
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99
}

.backdrop-findhistory {
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    top: 127px !important;
}

.item_not_avail {}

span.town {
    color: #b3b2b2;
    font-size: 18px;
    width: 280px;
    padding-left: 15px
}

.town {
    height: 38px;
    line-height: 38px;
    font-size: 13px
}

.town table {
    height: 38px;
    float: left
}

div.mymenu {
    margin: 0
}

div.mymenu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

li.current {
    background-color: #fff
}

.mymenu li {
    float: left;
    font-size: 14px;
    padding: 8px 10px;
    margin: -2px 0 -3px 0;
    border-right: solid 1px #d8d8d8;
    display: list-item;
    text-align: -webkit-match-parent;
    background-color: #f7f7f7
}

.mymenu li:hover {
    background-color: #fff;
    box-shadow: 0 0 4px #d0d0d0
}

.mymenu li a {
    color: #000;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF
}

.mymenu li a:hover {
    color: #525253;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF
}

.tableForm tr td {
    padding: 4px
}

a.java_link {
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dashed;
    display: inline-block
}

a.next_href {
    border-bottom: 1px dashed #E52D27;
    color: #E52D27;
    cursor: pointer;
    font-size: 14px
}

a.next_href:hover {
    text-decoration: none
}

.best {
    background-color: #C1FFC1
}

.zak {
    background-color: #ededed;
    border-radius: 12px;
    margin-bottom: 2.5px;
    margin-top: 2.5px;
}

.hover {
    background-color: #F5F5F5
}

.hidden {
    display: none
}

.info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block
}

.filter {
    color: black;
    padding: 10px;
    border: 1px solid #bce8f1;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block;
    cursor: pointer
}

.filter_div {
    color: black;
    padding: 0;
    margin: 4px 0 4px 0;
    border: 2px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block;
    width: 99.6%
}

.filter_content {
    border-top: 1px solid #ddd;
    padding: 10px;
    display: none
}

.filter_head {
    padding: 10px
}

.filter:hover {
    background-color: #d9edf7
}

.selected {
    border: 1px solid green;
    cursor: pointer
}

.itemAuto {
    float: left;
    text-align: center;
    margin: 6px;
    width: 108px;
    height: 110px
}

.table1 {
    width: 100%
}

.table1 td {
    padding: 5px
}

.pointer {
    cursor: pointer
}

.ggray {
    background: #B5B5B5
}

.table1 tr.pointer:hover {
    background: #fde487
}

@font-face {
    font-display: swap;
    font-family: 'PT Sans Narrow Bold';
    src: url('/fonts/PTN77F-webfont.eot');
    src: url('/fonts/PTN77F-webfont.eot?#iefix')format('embedded-opentype'), url('/fonts/PTN77F-webfont.woff')format('woff'), url('/fonts/PTN77F-webfont.ttf')format('truetype'), url('/fonts/PTN77F-webfont.svg#pt_sans_narrowbold')format('svg');
    font-weight: 400;
    font-style: normal
}

.w200 {
    width: 200px;
    position: relative;
    margin: 0 0 5px 0;
    border: 1px solid #E1E1E1;
    border-radius: 4px 4px 4px 4px;
    color: #777;
    font: 14px Arial;
    overflow: hidden;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF
}

.itemAuto2 {
    text-align: center;
    margin: 1px;
    border: solid 1px #dadada;
    border-radius: 5px 5px 5px 5px;
    padding: 6px;
    width: 70%;
    display: inline-block
}

.cat_short_desc {
    margin: 1px
}

.td_year:hover,
.td_mark:hover,
.td_model:hover,
.td_modif:hover,
.td_last:hover,
.td_last_m:hover {
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .12), 0 3px 6px rgba(0, 0, 0, .24)
}

.td_year,
.td_mark,
.td_model,
.td_modif {
    border-color: #e9e9e9
}

.td_model {
    min-height: 125px
}

.td_last,
.td_last_m {
    min-height: 70px;
    cursor: pointer
}

.scrollTop {
    display: block;
    width: 60px;
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 800;
    background-color: #64646457;
    background-image: url("https://raycars.ru/templates/specford/images/arrow2.png");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8
}

.scrollTop:hover {
    cursor: pointer;
    opacity: 1;
    z-index: 20
}

.imgLink {
    line-height: 40px
}

.imgText {
    position: absolute;
    top: 36px;
    left: 40px
}

#login-content ul {
    margin: 8px;
    padding: 0;
    list-style: none;
    position: relative;
    float: right;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

#login-content fieldset {
    margin: 10px 0 10px 0;
    padding: 0;
    border: 0
}

#login-content li {
    float: left
}

#signup,
#question {
    border-left: 1px solid #ddd
}

.login-trigger,
#signup a {
    display: inline-block;
    /* display: inline;
    zoom: 1; */
    text-decoration: none
}

#signup a {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

#question a {
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    color: red
}

#login-content {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1111999;
    background: #fff;
    padding: 15px;
    -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    -moz-border-radius: 3px 0 3px 3px;
    -webkit-border-radius: 3px 0 3px 3px;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #ddd;
    border-top: 3px solid #b90000;
    opacity: 1;
    line-height: 0;
    right: 93px;
    top: 80px;
    width: 250px;
    height: 120px
}

#inputs input {
    background: #f1f1f1;
    padding: 6px 5px;
    margin: 0 0 5px 0;
    width: 238px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 1px #ccc inset;
    -webkit-box-shadow: 0 1px 1px #ccc inset;
    box-shadow: 0 1px 1px #ccc inset
}

#inputs input:focus {
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset
}

#login-content #actions {
    margin: 0 0 0 0;
    position: relative;
    top: -1.3em
}

#submit {
    background-color: #d14545;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
    background-image: -webkit-linear-gradient(top, #e97171, #d14545);
    background-image: -moz-linear-gradient(top, #e97171, #d14545);
    background-image: -ms-linear-gradient(top, #e97171, #d14545);
    background-image: -o-linear-gradient(top, #e97171, #d14545);
    background-image: linear-gradient(top, #e97171, #d14545);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3)inset;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3)inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3)inset;
    border: 1px solid #7e1515;
    padding: 0;
    width: 100px;
    cursor: pointer;
    font: bold 14px Arial, Helvetica;
    color: #fff
}

#submit:hover,
#submit:focus {
    background-color: #e97171;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
    background-image: -webkit-linear-gradient(top, #d14545, #e97171);
    background-image: -moz-linear-gradient(top, #d14545, #e97171);
    background-image: -ms-linear-gradient(top, #d14545, #e97171);
    background-image: -o-linear-gradient(top, #d14545, #e97171);
    background-image: linear-gradient(top, #d14545, #e97171)
}

#submit:active {
    outline: none;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)inset
}

#submit::-moz-focus-inner {
    border: none
}

#login-content label {
    float: right;
    line-height: 30px
}

#login-content label input {
    position: relative;
    top: 2px;
    right: 2px
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    src: url("/fonts/RobotoRegular/RobotoRegular.eot");
    src: url("/fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"), url("/fonts/RobotoRegular/RobotoRegular.woff")format("woff"), url("/fonts/RobotoRegular/RobotoRegular.ttf")format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-display: swap;
    font-family: "RobotoLight";
    src: url("/fonts/RobotoLight/RobotoLight.eot");
    src: url("/fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"), url("/fonts/RobotoLight/RobotoLight.woff")format("woff"), url("/fonts/RobotoLight/RobotoLight.ttf")format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-display: swap;
    font-family: "RobotoMedium";
    src: url("/fonts/RobotoMedium/RobotoMedium.eot");
    src: url("/fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"), url("/fonts/RobotoMedium/RobotoMedium.woff")format("woff"), url("/fonts/RobotoMedium/RobotoMedium.ttf")format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-display: swap;
    font-family: "RobotoBold";
    src: url("/fonts/RobotoBold/RobotoBold.eot");
    src: url("/fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"), url("/fonts/RobotoBold/RobotoBold.woff")format("woff"), url("/fonts/RobotoBold/RobotoBold.ttf")format("truetype");
    font-style: normal;
    font-weight: 400
}

#search_clean {
    height: 38px;
    cursor: pointer;
    left: -9em;
    top: .25em;
    position: relative;
    vertical-align: middle
}

a#search_history {
    height: 38px;
    left: -13.5em;
    border-bottom: 1px dashed #06449b;
    color: #06449b;
    cursor: pointer;
    font-size: 11px;
    position: relative
}

a#search_history:hover {
    text-decoration: none
}

#mobile_clean {
    height: 38px;
    cursor: pointer;
    left: -12em;
    top: .25em;
    position: relative;
    vertical-align: middle
}

#help_button {
    cursor: pointer;
    left: 16.5em;
    top: -5.6em;
    position: relative;
    vertical-align: middle
}

input[type='text'].form_control_text,
input[type='password'].form_control_text {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    background: #fff !important;
    outline: none;
    height: 34px;
    padding: 0 0 0px 0px;
    color: black;
    font-size: 19px;
    font-family: Roboto, Arial, sans-serif;
    vertical-align: top;
    line-height: 34px
}

input[type='submit'].green_button,
input[type='button'].green_button {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 36px;
    cursor: pointer;
    color: white;
    font-weight: 700;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715
}

.green_button:hover {
    opacity: .85;
    cursor: pointer
}

input[type='submit'].green_button:disabled,
input[type='button'].green_button:disabled {
    background: #ddd;
    color: #757575;
    border: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-shadow: 0 0 0 #757575
}

input[type='submit'].red_button,
input[type='button'].red_button {
    background-color: #d14545;
    background: -webkit-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
    background: -webkit-linear-gradient(top, #e97171, #d14545);
    background: -moz-linear-gradient(top, #e97171, #d14545);
    background: -ms-linear-gradient(top, #e97171, #d14545);
    background: -o-linear-gradient(top, #e97171, #d14545);
    background: linear-gradient(top, #e97171, #d14545);
    border: 1px solid #d14545;
    border-bottom: 1px solid #d14545;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 36px;
    cursor: pointer;
    color: white;
    font-weight: 700;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #d14545
}

.red_button:hover {
    opacity: .85;
    cursor: pointer
}

a.white,
p.white,
span.white {
    color: #fff;
    text-decoration: none
}

a.black {
    color: black;
    text-decoration: none
}

div.login {
    width: 300px;
    display: inline-block;
    margin: 60px 400px;
    height: 200px;
    border: 1px solid #E8E8E9;
    padding: 20px;
    text-align: center;
    border-radius: 6px;
    background-color: #fff
}

div.login input {
    margin: 5px
}

div.login ul {
    list-style: none;
    padding-left: 5px
}

div.login table {
    width: 250px;
    margin: auto
}

div.short_menu {
    width: 100%;
    height: 98px
}

div.short_menu div {
    float: left
}

div.item_menu {
    border-left: 1px solid #E5E5E5;
    height: 100%;
    width: 99px;
    cursor: pointer
}

div.item_menu:hover {
    background-color: #E5E5E5
}

div.item_menu img {
    position: relative;
    top: 20px;
    left: 30px
}

div.item_menu span {
    position: relative;
    top: 40px;
    left: -18px
}

.triangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f0ed;
    position: absolute;
    margin-top: -15px;
    left: -9999px
}

.triangle_white {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #525253;
    position: absolute;
    margin-top: -15px;
    left: -9999px
}

.triangle {
    left: 150px
}

.triangle_red {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #b90000;
    position: absolute;
    margin-top: -15px;
    left: -9999px
}

.triangle_red {
    left: 37px;
    top: 3px
}

.cabinet_sub_menu {
    display: none;
    position: absolute;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
    z-index: 10000;
    width: 200px;
    padding: 5px 0 5px;
    top: 58px;
    margin: 15px 0 0 0
}

.head_sub_menu {
    display: none;
    position: absolute;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
    z-index: 10000;
    width: 250px;
    padding: 5px 0 5px;
    top: 18px;
    right: 5px;
    margin: 15px 0 0 0
}

.cabinet_sub_menu ul,
.cabinet_sub_menu li,
.head_sub_menu ul,
.head_sub_menu li {
    margin: 0;
    padding: 0;
    list-style: none
}

.cabinet_sub_menu a,
.head_sub_menu a {
    color: #555;
    display: block;
    font-size: 12px;
    padding: 6px 15px;
    cursor: pointer;
    text-decoration: none
}

.cabinet_sub_menu a:hover,
.head_sub_menu a:hover {
    background: #155FB0;
    color: #fff;
    text-decoration: none
}

.icon-excel {
    background-image: url("/images/pic/notes.png");
    padding-left: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-repeat: no-repeat
}

.catalog-original__classifier-item {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-bottom: 16px;
    height: 140px;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    font-size: 0
}

.catalog-original__classifier-item span {
    display: inline-block;
    vertical-align: middle;
    width: 96px;
    color: #000;
    font-family: 'Roboto Light', sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px
}

.catalog-original__classifier-content {
    width: calc(100% - 600px);
    display: inline-block;
    vertical-align: top;
    padding: 20px 10px;
    position: relative;
    text-align: right
}

table.order_confirm {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    border-collapse: collapse
}

table.order_confirm td {
    border: 1px solid #ccc;
    padding: 5px
}

.checkbox_hidden {
    display: none
}

.checkbox-custom {
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 3px
}

.checkbox-custom:hover {
    border: 2px solid #525253;
    border-radius: 3px
}

.checkbox-custom,
.label1 {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.checkbox_hidden:checked+.checkbox-custom::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background: #fd2c1a;
    border-radius: 2px
}

div.toparts {
    background: #f7f7f7
}

ul.newsfeed li {
    padding: 5px
}

ul.newsfeed a {
    color: #525253
}

.quantity,
.price,
.index,
.time,
.ccart {
    text-align: center
}

.menuwrap {
    cursor: pointer;
    position: relative;
    height: 50px;
    background: white;
    border: 1px solid #ddd;
    line-height: 30px;
    border-radius: 4px
}

.menuwrap a {
    color: #666;
    text-decoration: none
}

.menuwrap:hover {
    border: 1px solid #ccc
}

.circle {
    background: #ffdc7d;
    text-align: center;
    border-radius: 15px;
    padding: 5px 12px 5px 12px;
    color: #666
}

.top_right {
    height: 38px;
    line-height: 38px
}

.top_right a {
    text-decoration: none;
    padding: 3px 10px 3px 10px
}

.top_right a:hover {
    background: #eee;
    border-radius: 3px;
    color: #4E565A
}

.notify_block {
    background: #fd47471f;
    padding: 12px
}

.jq-selectbox.width-400 {
    width: 400px
}

#car_select {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 16px
}

.catalogGoods {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 0.98;
    background-color: #fff
}

.contacts-content-items {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.contacts-content-item {
    min-width: 363px;
    max-width: 363px;
    float: left;
    background: #fff;
    margin: 0 15px 35px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.contacts-content-item-img-section {
    position: relative;
    height: 240px;
    overflow: hidden
}

.contacts-content-item-place {
    position: relative;
    padding-left: 0px;
    padding-top: 20px
}

.contacts-content-item-metro {
    padding: 15px 0 0px 0px;
    border-top: 1px solid #eee
}

.contacts-content-item-worktime {
    padding: 15px 0 0px 0px;
    border-top: 1px solid #eee
}

.mod_head>div {
    float: left
}

.mod_head_text {
    width: 96%
}

.menuFive {
    width: 25px;
    height: 20px;
    margin: 1px 1px;
    position: relative;
    cursor: pointer;
    display: inline-block
}

.menuFive span {
    background-color: #eee;
    position: absolute;
    border-radius: 2px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    width: 100%;
    height: 4px;
    transition-duration: 500ms
}

.menuFive span:nth-child(1) {
    top: 0;
    left: 0
}

.menuFive span:nth-child(2) {
    top: 8px;
    left: 0
}

.menuFive span:nth-child(3) {
    bottom: 0;
    left: 0
}

.menuFive:not(.clickMenuFive):hover span:nth-child(1) {
    transform: rotate(-3deg)scaleY(1.1)
}

.menuFive:not(.clickMenuFive):hover span:nth-child(2) {
    transform: rotate(3deg)scaleY(1.1)
}

.menuFive:not(.clickMenuFive):hover span:nth-child(3) {
    transform: rotate(-4deg)scaleY(1.1)
}

.clickMenuFive span:nth-child(1) {
    transform: rotate(45deg);
    top: 8px
}

.clickMenuFive span:nth-child(2) {
    transform: scale(.1)
}

.clickMenuFive span:nth-child(3) {
    transform: rotate(-45deg);
    top: 8px
}

.popular_cat {
    padding: 10px;
    max-height: 362px;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    background: #fff;
    border-radius: 4px;
    color: #525253
}

.popular_cat:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    text-decoration: none;
    cursor: pointer
}

.scatalog_popular_container {
    width: 100%;
    padding: 5px;
    overflow: hidden
}

.scatalog_popular_container>div {
    float: left
}

.scatalog_item {
    padding: 10px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 0px
}

.scatalog_item:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.scatalog_item:hover .not_availible {
    opacity: 1
}

td.scatalog_title {
    min-height: 70px;
    height: 70px;
    max-height: 70px;
    padding: 5px 0 5px 0;
    overflow: hidden
}

td.scatalog_center {
    text-align: center
}

td.scatalog_right {
    text-align: right
}

td.scatalog_left {
    text-align: left
}

.scatalog_item_templ1 {
    width: 100%
}

.row1 {
    margin-right: -10px;
    margin-left: -10px
}

.price {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    color: black
}

.category-list {
    list-style: none;
    column-count: 3
}

.category-list>li a {
    font-size: 14px;
    color: #525253
}

.itemcat {
    border-bottom: 1px solid gray;
    padding: 10px 3px 10px 3px
}

.white_background {
    background-color: #fff
}

.panelnp {
    padding: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 10px
}

.stateInfo {
    display: none;
    width: 420px;
    position: absolute;
    z-index: 10000;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 12px;
    left: 25px;
    top: 40px;
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .2)
}

.stateInfo:before,
.stateInfo:after {
    position: absolute;
    top: 0;
    margin-top: -21px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 12px solid #fff;
    content: "";
    display: block
}

.stateInfo:before {
    border-bottom: 12px solid #ccc;
    margin-top: -22px
}

.state:hover .stateInfo {
    display: block
}

ul.red-point li {
    color: red
}

ul.red-point li>span {
    color: gray;
    font-size: 13px
}

.cool-input__input {
    box-sizing: border-box;
    background: none;
    width: 100%;
    position: relative;
    z-index: 2
}

.cool-input__input:focus {
    outline: none
}

.cool-input__placeholder {
    box-sizing: border-box;
    border: none;
    background: none;
    position: absolute;
    z-index: 1;
    padding-left: 1em;
    left: 0;
    top: 50%;
    line-height: 1em;
    margin-top: -.5em;
    color: #777;
    transition: all 0.2s ease
}

.cool-input__input_filled+.cool-input__placeholder,
.cool-input__input:focus+.cool-input__placeholder {
    font-size: .9em;
    top: -20px;
    margin-top: .5em
}

progress {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20000;
    width: 100%;
    height: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    color: #ff4a3f
}

progress::-webkit-progress-bar {
    background: transparent;
    border-radius: 5px
}

progress::-webkit-progress-value {
    background: #ff4a3f;
    border-radius: 5px
}

progress::-moz-progress-bar {
    background: #ff4a3f;
    border-radius: 5px
}

.progress-container {
    width: 100%;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    display: block
}

.progress-bar {
    background: #ff4a3f;
    width: 0;
    display: block;
    height: inherit
}

.dmenu-left:before {
    border-bottom: 11px solid rgba(0, 0, 0, 0.2);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -11px
}

.dmenu-left:after {
    border-bottom: 11px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 20px;
    top: -10px
}

.dmenu-right:before {
    border-bottom: 11px solid rgba(0, 0, 0, 0.2);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: -11px
}

.dmenu-right:after {
    border-bottom: 11px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: -10px
}

.add_car_form_vert>div {
    padding: 3px
}

@font-face {
    font-display: swap;
    font-family: "RobotoMedium";
    src: url("/fonts/RobotoMedium/RobotoMedium.eot");
    src: url("/fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"), url("/fonts/RobotoMedium/RobotoMedium.woff")format("woff"), url("/fonts/RobotoMedium/RobotoMedium.ttf")format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-display: swap;
    font-family: "rouble";
    src: url("/fonts/rouble.otf")format("opentype");
    font-style: normal;
    font-weight: 400
}

.rub {
    font-family: "rouble";
    color: "#ededed"
}

.showDop {
    width: 100%
}

p.title {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 1;
    color: black;
    font-weight: 400;
    letter-spacing: 0;
}

p.title_white {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 19px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
}

.black_text {
    color: #000;
}

.rub1:after {
    /*content: attr(data-content);*/
    content: '₽';
}

p.modal-title {
    padding: 0;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1;
    color: black;
    letter-spacing: 0;
}

.cartButtons {
    position: relative;
    display: inline-block;
    opacity: 0.9;
}

.cartButtons_td {
    position: relative;
    display: inline-block;
    opacity: 0.9;
    width: 100%;
}

.cartButtons_detail {
    width: 100%;
}

.cartButtons:hover {
    opacity: 1;
}

.counter {
    text-align: right;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
}

.cartButtons .counter [type=button].minusButton {
    border-radius: 3px 0 0 3px;
}

.cartButtons .counter [type=button] {
    cursor: pointer;
    color: #888;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    outline: none;
    font: 700 11px Verdana;
}

.cartButtons .counter .quantityInput {
    border: 1px solid #d5d0d0;
    background: #ffffff !important;
    height: 30px;
    max-width: 30px;
    padding: 0;
    text-align: center;
    border-radius: 0;
    margin: 0 -1px;
    outline: none;
}

.cartButtons .counter [type=button].plusButton {
    border-radius: 0 3px 3px 0;
}

.fr-btn {
    text-transform: none;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 13px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 30px;
    padding: 1px 5px;
    line-height: 2;
    color: #333333;
    background-color: #e8e8e8;
    border-color: #d5d0d0;
}

a.goods_title {
    color: gray;
    text-decoration: none;
    font-weight: 500;
}

a.goods_title:hover {
    color: #202020;
    text-decoration: none;
}

.cart-count-1 {
    z-index: 1000;
    position: absolute;
    top: 3px;
    right: -20px;
    display: block;
    min-width: 20px;
    height: 20px;
    padding: 0 3px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 20px;
    background-color: #fd2c1a;
    border-radius: 100px;
    box-sizing: border-box;
}

@media (min-width: 1200px) and (max-width: 1259px) {
    .cart-count-1 {
        right: -55px;
    }
}

@media (max-width: 991px) {
    .cart-count-1 {
        right: -13px;
    }
}

.cart-count-2 {
    z-index: 10;
    position: absolute;
    top: 1px;
    right: 4px;
    display: block;
    min-width: 20px;
    height: 20px;
    padding: 0 3px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 20px;
    background-color: #fd2c1a;
    border-radius: 100px;
    box-sizing: border-box;
}

.h1_head {
    font-weight: bold;
    overflow: hidden;
    height: 47px;
}

.price0 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    color: black;
}

.app_menu {
    bottom: 0;
    width: 100%;
    height: 66px;
    border: none;
    /*background-color: #f5f5f5;*/
    background-color: #fff;
    box-shadow: 0px -5px 10px 0px rgba(39, 44, 50, 0.05);
    position: fixed;
}

.app_menu_cart {
    position: fixed;
    bottom: 66px;
    left: 0px;
    width: 100%;
    height: 75px;
    border: none;
    background-color: #f5f5f5;
    z-index: 1;
}

.catmenu {
    margin: 30px 0px;
    padding: 0px 30px;
}

.catmenu>li {
    padding: 0px 20px 0px 15px;
    list-style-type: none;
    line-height: 24px;
}

.submenu li {
    padding-top: 10px;
    list-style-type: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.submenu a:hover {
    cursor: pointer;
    color: #fd2c1a;
}

.submenu>li:hover {
    border-left: 6px solid #efb746;
}

.catmenu>li>a,
.submenu li>a {
    color: black;
}

.submenu {
    position: absolute;
    background-color: #fff;
    top: 0px;
    left: 435px;
    /*911*/
    height: 700px;
    opacity: 0;
    visibility: hidden;
    overflow: scroll;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-delay: 0.15s;
    margin: 30px;
    border: none;
    width: 650px;
    overflow-x: hidden;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px;
    /*grid-auto-rows: minmax(40px, auto);*/
}

li.dropdown-submenu.active,
li.dropdown-submenu:hover {
    padding-left: -4px;
    background-color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

li.dropdown-submenu>.submenu.active {
    opacity: 1;
    visibility: visible;
}

li.dropdown-submenu:hover>.submenu {
    opacity: 1;
    visibility: visible;
}

.main_cat_menu {
    position: absolute;
    display: none;
    background-color: #fff;
    top: 136px;
    width: 100%;
    height: 561px;
    z-index: 1000;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%);
    display: none !important;
}

.cat-menu {
    position: absolute;
    left: -330px;
    top: 74px;
    z-index: 1000;
    overflow: hidden;
    cursor: auto;
}

a.city_name:hover>span {
    color: #999;
}

a.phone_number:hover>span {
    color: #999;
}

.red {
    color: red;
}

/*------ mod_mobile_menu-------- */

.catmenu_mobile {
    margin: 0px;
    padding: 0px;
}

.catmenu_mobile>li {
    padding: 10px 10px 10px 15px;
    list-style-type: none;
    font-weight: 700;
}

.submenu_mobile li {
    padding: 5px 5px 5px 5px;
    list-style-type: none;
    font-weight: 500;
}

.submenu_mobile a:hover {
    cursor: pointer;
    color: #fd2c1a;
}


.catmenu_mobile>li>a,
.submenu_mobile li>a {
    color: black;
}

.submenu_mobile {
    position: relative;
    background-color: #fff;
}

li.dropdown-submenu-mobile:hover>.submenu_mobile {
    opacity: 1;
    visibility: visible;
}

/* ----------------------------- */

/*------- mod_search ----------- */

.simple_box {
    padding: 0px;
    color: #929292;
    font-size: 12px;
    z-index: 2000;
    background: #f7f7f7;
    position: absolute;
    width: 423px;
}

.search_text {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #767980;
    background-color: #EDEEF0;
    background-image: none;
    border: none;
    border-radius: 8px;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.inner-addon {
    position: relative;
}

/* style icon */

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
}

.find-history {
    cursor: pointer;
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}

.find-history:hover {
    background: #e5e5e5;
}

.find_history_area {
    position: fixed;
    display: none;
    background-color: #fff;
    /*top: 136px;*/
    width: 100%;
    /*height: 254px;*/
    z-index: 100000;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%);
    top: 127px !important;
}

@media (max-width: 767px) {
    .find_history_area {
        top: 65px !important;
        z-index: 10000000 !important;
    }
}

/* align icon */

.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 10px;
    top: 5px;
}

#micicon {
    position: absolute;
    right: 45px;
    top: 6px;
    padding: 8px;
    width: 38px;
    height: 38px;
    cursor: pointer
}

/* add padding  */

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 80px;
    /*30*/
}

/* ----------------------------- */

/*-------- mod_otziv ----------- */

.horizontal-scroll-wrapper {
    width: 200px;
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.horizontal-scroll-wrapper>div {
    width: 215px;
    height: 155px;
}

.horizontal-scroll-wrapper {
    transform: rotate(-90deg);
    transform-origin: right top;
}

.horizontal-scroll-wrapper {
    transform: rotate(-90deg);
    transform-origin: right top;
}

.horizontal-scroll-wrapper>div {
    transform: rotate(90deg);
    transform-origin: right top;
}

/* ----------------------------- */

.border {
    margin: -1px 10px;
    border-bottom: 1px solid #ddd;
    content: " ";
}

span.quantity {
    display: inline-block;
    width: 50px;
}

span.time {
    display: inline-block;
    width: 50px;
}

span.item_price {
    display: inline-block;
    width: 55px;
}

span.index {
    display: inline-block;
    width: 40px;
}

.cartButtons .counter [type=button].minusButton {
    border-radius: 3px 0 0 3px;
}

.cartButtons .counter [type=button] {
    cursor: pointer;
    color: #888;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    outline: none;
    font: 700 11px Verdana;
}

.cartButtons .counter .quantityInput {
    border: 1px solid #d5d0d0;
    height: 30px;
    max-width: 30px;
    padding: 0;
    text-align: center;
    border-radius: 0;
    margin: 0 -1px;
}

.cartButtons .counter [type=button].plusButton {
    border-radius: 0 3px 3px 0;
}

.fr-btn:active,
.fr-btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.fr-btn:hover,
.fr-btn:focus {
    color: #333333;
    text-decoration: none;
}

.fr-btn:active,
.fr-btn.active {
    background-image: none;
}

.fr-btn:hover,
.fr-btn:focus,
.fr-btn:active,
.fr-btn.active {
    color: #333333;
    background-color: #e0e0e0;
    border-color: #dbdbdb;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}

button,
input[type=button],
input[type=submit] {
    overflow: visible;
}

.fr-btn {
    text-transform: none;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 13px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 30px;
    padding: 1px 5px;
    line-height: 2;
    color: #333333;
    background-color: #e8e8e8;
    border-color: #d5d0d0;
}

.h1_dop {
    font-family: 'PT Sans Narrow Bold';
    margin-left: 5px;
    font-size: 16px;
    color: #999;
}

.cartButtons .counter [type=button].minusButton {
    border-radius: 3px 0 0 3px;
}

.cartButtons .counter [type=button] {
    cursor: pointer;
    color: #888;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    outline: none;
    font: 700 11px Verdana;
}

.cartButtons .counter .quantityInput {
    border: 1px solid #d5d0d0;
    background: #ffffff !important;
    height: 30px;
    max-width: 30px;
    padding: 0;
    text-align: center;
    border-radius: 0;
    margin: 0 -1px;
    outline: none;
}

.cartButtons .counter [type=button].plusButton {
    border-radius: 0 3px 3px 0;
}

.fr-btn {
    text-transform: none;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 13px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 30px;
    padding: 1px 5px;
    line-height: 2;
    color: #333333;
    background-color: #e8e8e8;
    border-color: #d5d0d0;
}

a.goods_title {
    color: gray;
    text-decoration: none;
    font-weight: 500;
}

a.goods_title:hover {
    color: #202020;
    text-decoration: none;
}

.cart-count {
    z-index: 10;
    position: absolute;
    top: -5px;
    right: 0px;
    display: block;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 15px;
    background-color: #fd2c1a;
    border-radius: 100px;
    box-sizing: border-box;
}

.cart-count_detail {
    z-index: 10;
    position: absolute;
    top: -5px;
    right: 0px;
    display: block;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 15px;
    background-color: #fd2c1a;
    border-radius: 100px;
    box-sizing: border-box;
}

#page-body {
    background: #f7f7f7;
    padding-bottom: 40px;
}

#page-body:has(.footer-push) {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.not_availible {
    opacity: 0.5;
}

.mob_cart::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" class="bi bi-cart4" viewBox="0 0 16 16"><path d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l.5 2H5V5H3.14zM6 5v2h2V5H6zm3 0v2h2V5H9zm3 0v2h1.36l.5-2H12zm1.11 3H12v2h.61l.5-2zM11 8H9v2h2V8zM8 8H6v2h2V8zM5 8H3.89l.5 2H5V8zm0 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/></svg>');
    content: "";
    float: left;
    height: 20px;
    color: #777777;
    margin-right: 10px;
    width: 20px;
}

.mob_login::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" class="bi bi-person-circle" viewBox="0 0 16 16"><path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/></svg>');
    content: "";
    float: left;
    height: 20px;
    color: #777777;
    margin-right: 10px;
    width: 20px;
}

.mob_reg::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" class="bi bi-person-plus-fill" viewBox="0 0 16 16"><path d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/><path fill-rule="evenodd" d="M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z"/></svg>');
    content: "";
    float: left;
    height: 20px;
    color: #777777;
    margin-right: 10px;
    width: 20px;
}

.mob_about::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" class="bi bi-briefcase-fill" viewBox="0 0 16 16"><path d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5z"/><path d="M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85v5.65z"/></svg>');
    content: "";
    float: left;
    height: 20px;
    color: #777777;
    margin-right: 10px;
    width: 20px;
}

.mob_help::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" class="bi bi-question-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"/></svg>');
    content: "";
    float: left;
    height: 20px;
    color: #777777;
    margin-right: 10px;
    width: 20px;
}

.mob_contact::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" class="bi bi-card-list" viewBox="0 0 16 16"><path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/><path d="M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/></svg>');
    content: "";
    float: left;
    height: 20px;
    color: #777777;
    margin-right: 10px;
    width: 20px;
}

.mob_menu_item {
    line-height: 20px;
}

.scat-subcat:hover {
    color: #fd2c1a;
}

.tabletd1>a:hover {
    background: #ededed;
    border-radius: 4px;
}

.tabletd2>a:hover {
    background: #ededed;
    border-radius: 4px;
}

.subscribe__wrap {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #eee;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subscribe__icon,
.subscribe__info {
    flex: none;
    display: flex;
    align-items: center;
}

.subscribe__icon {
    background: #43c16d;
    border: 1px solid #eee;
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    width: 60px;
    height: 60px;
}

.subscribe__content {
    margin-left: 20px;
}

.subscribe__title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: var(--font-weight);
    margin-bottom: 10px;
}

h3.title_white {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
    font-family: 'PT Sans Narrow Bold';
}

.arrow-link {
    align-self: flex-start;
}

.arrow-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #287FF3;
}

.arrow-link:after {
    content: '';
    width: 16px;
    height: 16px;
    font-style: normal;
    background: url(//static.raycars.ru/img/shevron-round-icon.svg) center center no-repeat;
    flex-shrink: 0;
}

.scrollTopXS:hover {
    cursor: pointer;
    opacity: 1;
    z-index: 20;
}

.scrollTopXS {
    display: block;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 80px;
    left: 5px;
    z-index: 800;
    border-radius: 25px;
    background-color: #64646457;
    background-image: url(https://raycars.ru/templates/specford/images/arrow2.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
}

.accordion-item,
.footer-mobile-menu-item {
    margin-bottom: 10px;
    text-align: left;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.accordion-item {
    position: relative;
}

.accordion-header {
    cursor: pointer;
    position: relative;
}

.accordion-content {
    display: none;
}

.accordion-header::after {
    content: url("https://grafitmarket.ru/images/arrow down.svg");
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    font-size: 14px;
}

.accordion-item.active .accordion-content {
    display: block;
}

#ul-accordion {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.li-accordion {
    margin: 10px 0px;
    padding: 0px;
    color: white;
}

.li-accordion>a {
    color: #caccd2;
	font-size: 16px;
}

body { margin: 0; }

html {
	height: 100%;
}

body {
	min-height: 100vh !important;
	grid-template-rows: 1fr auto;
    display: flex;
    flex-direction: column;
}

.footer {
	grid-row-start: 2;
	grid-row-end: 3;
}

.button_feedback{
	color: #e52d27;
	background-color: white;
	width: 100%;
	font-size: 16px;
	height: 46px;
	border-radius: 8px;
	font-weight: medium;
	border: 0px;
}


.button_feedback-lg{
	color: #e52d27;
	background-color: white;
	width: 166px;
	font-size: 16px;
	height: 44px;
	border-radius: 8px;
	font-weight: 500;
	border: 0px;
}

.footer-contacts{
	font-size: 16px;
	padding-left: 15px;
	margin: 0px;
	color: white;
	font-weight: 700;
	vertical-align: middle;
    line-height: 24px
}

.footer_responsibility{
    color: #caccd2;
    font-size: 14px;
    font-weight: 400;
}

.footer-app-menu-text{
    color: #515254;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 500;
}

.footer-app-menu-text-red{
    font-size: 12px;
    color: #E52D27;
    margin-top: 5px;
    font-weight: 500;
}

.footer-app-menu{
    text-align: center;
    margin-top: 12px;
}

.mobile-menu-button-cabinet{
    width: 100%;
    height: 48px;
    background-color: #F5F4F2;
    border: none;
    border-radius: 8px;
    color: #111111;
    font-size: 16px;
}

.mobile-menu-button-franshiza{
    width: 100%;
    height: 48px;
    background-color: #E52D27;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 16px;
}

.mobile-menu-button-сall{
    width: 100%;
    height: 48px;
    background-color: white;
    border: 1.5px solid #E52D27;
    border-radius: 8px;
    color: #E52D27;
    font-size: 16px;
    outline: none
}

.menu-mobile-li{
    padding-left: 15px;
    color: #111111;
    font-size: 16px;
    line-height: 24px;
}

.mobile_menu_phone_href{
    width: 100%;
    height: 46px;
    background-color: #F5F4F2;
    border: none;
    border-radius: 5px;
    color: black;
    font-size: 18px;
    font-weight: 700;
}

.button_goods{
    background-color: #E52D27;
    color: white;
    border-radius: 8px;
    height: 44px;
    width: 100%;
    border: none;
    font-size: 14px;
    font-weight: 600;
}

.mainImg{
    border: none !important;
}

.carousel-control.right{
    background-image: none;
}

.carousel_img_item{
    margin-bottom: 20px;
}

.block-card{
    border: 1px solid #EDEEF0;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 6px rgba(19, 26, 13, 0.05);
    margin-bottom: 10px;
    background-color: white;
}

.btn-card-item{
    background-color: #E52D27;
    color: white;
    border-radius: 8px;
    height: 50px;
    width: 100%;
    border: none;
    font-size: 18px;
    font-weight: 500;
}

.card_item-p{
    font-size: 14px;
    font-weight: 500
}

.title-analog{
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    vertical-align: middle;
}

.p-analog{
    color: #767980;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
}

.button-card-analog{
    color: white;
    border-radius: 8px;
    height: 36px;
    padding: 0px 15px;
    background-color: #E52D27;
    border: none;
}

.additionally{
    color: black;
    background-color: white;
    height: 40px;
    border: none;
    border-radius: 8px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}

.table-cart{
    border-radius: 10px;
    td {
        padding: 20px;
        padding-bottom: 15px;
    }
}

.img-cart{
    border: 1px solid #E0E1E7;
    border-radius: 5px;
}

.btn-cart{
    background-color: #E52D27;
    height: 48px;
    width: 100%;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
}

.btn-cart:hover{
    color: white;
}

.input-with-button {
    position: relative; /* Делаем контейнер относительным для позиционирования кнопки */
    width: 100%;
  }
  
  .promokod {
    width: 100%; /* Поле ввода занимает всю ширину контейнера */
    padding-right: 120px; /* Отступ справа, чтобы текст не заходил под кнопку */
    box-sizing: border-box; /* Учитываем padding в общей ширине */
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    padding: 8px 18px;
    outline: none;
    font-size: 16px;
    height: 48px;
    color: #A2A5A8;
  }
  
  .btn_promokod {
    position: absolute;
    right: 0; /* Кнопка прижимается к правому краю */
    top: 50%; /* Выравнивание по вертикали */
    transform: translateY(-50%); /* Смещение на половину высоты для точного выравнивания */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background-color: #EDEEF0;
    width: 36px;
    height: 36px;
    margin-right: 5px;
  }

  #city-info{
    border-radius: 10px;
    background-color: #F6F6F6;
  }

  .p-city-info{
    color: #767980;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
  }

  .li-city{
    font-size: 16px;
    font-weight: 500;
    color: #111111;
    padding: 10px 0px;
    padding-left: 20px;
    cursor: pointer;
  }

  .highlight_city{
    background-color: #F6F6F6;
    border-radius: 10px;
  }

  #searchInputCity{
    border: 1px solid #E3E3E3;
    background-color: #F6F6F6;
    width: 100%;
    height: 48px;
    padding-left: 15px;
    padding-right: 40px;
  }

  #searchInputCity:focus {
    outline: none;
    box-shadow: none;
}

.search-icon{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.search-container {
    position: relative;
    width: 100%;
}

.table-city-choice{
    td{
        padding: 10px 0px;
    }
}

.montserrat {
    font-family: "Montserrat", serif !important;
    font-weight: 700 !important;
}

/* Основные стили для контейнера */
.scroll-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Стили для прокручиваемого контента */
.scroll-content {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 20px; /* Отступ для скроллбара */
    box-sizing: border-box;
    scrollbar-width: none; /* Скрываем скроллбар в Firefox */
}

/* Скрываем стандартный скроллбар в вебкит-браузерах (Chrome, Safari, Edge) */
.scroll-content::-webkit-scrollbar {
    display: none;
}

/* Стили для кастомного скроллбара */
.scrollbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px; /* Ширина скроллбара */
    height: 100%;
    background-color: transparent;
    display: none; /* Скрываем по умолчанию */
}

/* Стили для ползунка */
.scrollbar-thumb {
    position: absolute;
    width: 100%;
    height: 70px; /* Высота ползунка */
    background-color: #CACCD2; /* Цвет ползунка */
    border-radius: 10px; /* Радиус скругления */
    cursor: pointer;
}

.title-footer{
    color: #FBFBFB;
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.ul-footer{
    color: #FBFBFB;
    margin-top: 20px;
    padding: 0px;
}

.ul-footer > li{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    list-style-type: none;
}

.ul-footer > li > a{
    color: #FBFBFB;
}

.scatalog-link:hover {
    color: #E52D27;
}


@media (min-width: 992px) {
    .div-cart{
        margin: 0px;
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .div-cart{
        margin: 0px 0px 30px 0px;
    }
}