/* ----------------------------------------------------------- */
/* ---------------- DARTC CSS Framework v 2.0 ---------------- */
/* ----------------------- dartc.com.ua ---------------------- */
/* ----------------------------------------------------------- */

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	max-height: 99999px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, time { display: block; }
time {
}

a:active, a:focus, img, input, button { outline: 0;  }
strong { font-weight: bold; }
small { font-size: 12px; }

/* ------------- Color ------------- */
.color000 { color: #000 !important; }
.colorCCC { color: #ccc !important; }
.color999 { color: #999 !important; }
.color333 { color: #333 !important; }
.color666 { color: #666 !important; }
.colorB6B6B6 { color: #B6B6B6 !important; }
.colorff6600 { color: #ff6600 !important; }
.color10accd { color: #10accd !important; }
.color92771d { color: #92771d !important; }

/* ------------- Link ------------- */
a {
    color: #3381bd;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: #ff9900;
    text-decoration: underline;
}
a.link, .link a {
    text-decoration: underline;
}
a.link:hover, .link a:hover {
    text-decoration: none;
}

.link a {
    color: #3381BD !important;
}

.link .icon {
    margin-left: 5px;
}

/*a:not([href]) {*/
    /*cursor: default;*/
/*}*/

a.active:not([href]), .active a:not([href]) {
    cursor: default;
}

a.active:not([href]):hover, .active a:not([href]):hover {
    text-decoration: none;
}

a[onclick] {
    cursor: pointer !important;
}


/* ------------- Image ------------- */
img {
    border: 0;
    height: auto;
}
img.photo-left, img.doc-left {
    float: left;
    margin: 0 20px 10px 0;
    padding: 0;
	border: 0;
}
img.photo-right {
    float: right;
    margin: 0 0 10px 20px;
    padding: 0;
	border: 0;
}

/* ------------- Video ------------- */
.video embed, .video object, .video iframe {
   width: 100%;
   height: auto;
}
/*------------- Head -----------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #666666;
	margin:0 0 5px;
	padding: 0;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h2 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
	color: #264b96;
    text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h2 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {
    text-decoration: underline;
    color: #ff9900;
}
h1, .h1 {
	font-size: 20px;
    margin: 0 0 5px 0;
    color: #858585;
}
h2,
.h2,
.product__products-title,
.popular__articles-title,
.popular__manufacturer-title,
.popular__catalog-title,
.articles__title,
.magazine-info-title {
    color: #666666;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 12px;
    font-weight: normal;
}

h2.product-subtitle {
    color: #000;
    font-size: 20px;
    padding-top: 75px !important;
    margin-top: -75px !important;
}

h2.product-subtitle small {
    color: #999;
    font-size: 14px;
}

h3, .h3 {
	font-size: 16px;
	margin: 0 0 5px 0;
}
h4, .h4 {
   font-size: 14px;
	margin: 0 0 5px 0;
}
h5, .h5 {
   font-size: 12px;
   margin: 0 0 5px 0;
}
h6, .h6 {
   font-size: 10px;
   margin: 0 0 5px 0;
}

/*-------------- Text ----------------*/
p {
    padding: 0 0 10px 0;
    margin: 0;
    line-height: 18px;
}

/*-------------- Form, Table ----------------*/
form { padding: 0; margin: 0; }
form:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	outline: none;
	margin: 0;
    width: auto;
    padding: 0;
    color: #666666;
    vertical-align: middle;
}
input[type=text], input[type=password], select { margin: 0; }
input[type=submit], button[type=submit] { cursor: pointer; }

textarea {
	overflow: hidden;
	resize: none;
}
table { border-spacing: 0; }
table td {
    border-spacing: 0px;
    border-collapse: collapse;
}

.table { margin-bottom: 15px; }
.table td {
    padding: 3px 15px 10px 0px;
    vertical-align: middle;
    color: #333333;
}
.table td:last-child { padding-right: 0; }
.table tr td:first-child {
    color: #999999;
    min-width: 85px;
}

::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #999999; }
:-ms-input-placeholder { color: #999999; }
input:-moz-placeholder { color: #999999; }

.form-group {
    margin-bottom: 15px;
}
.fg-mb15 .form-group {
    margin-bottom: 15px;
}
.form-group:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}
label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 5px;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #cccccc;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    color: #000000;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 4px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.form-control:focus {
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.form-control + small {
    padding-top: 5px;
    display: inline-block;
}

textarea.form-control {
    height: 84px;
}
.form-control[disabled] {
    cursor: default;
    background-color: #ececec;
    opacity: 1;
    color: #999999;
}
.has-success .form-control {
    border-color: #3C763D;
}
.has-warning .form-control {
    border-color: #66512C;
}
.has-error .form-control {
    /*border-color: #A94442;*/
}
.has-success .control-label {
    color: #3C763D;
}
.has-warning .control-label {
    color: #8A6D3B;
}
.has-error .control-label {
    /*color: #A94442;*/
}
.form-head {
    color: #666666;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
}
.form-head.large {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    margin-top: -3px;
    color: #1D1D1D;
}
.alert-popup .form-head {
    padding-right: 20px;
}
.radio, .checkbox {
    display: inline-block;
    min-height: 15px;
    margin-top: 4px;
    margin-bottom: 5px;
    padding-right: 10px;
    color: #666 !important;
}
.form-group .radio, .form-group .checkbox {
    margin: 0;
}
.radio label, .checkbox label {
    font-weight: 400;
    cursor: pointer;
    margin: 0;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.checkbox .checkbox-span, .radio .radio-span {
    position: relative;
}
.radio .radio-span {
   position: relative;
}
.checkbox em {
    font-style: normal;
}

.checkbox .checkbox-label, .radio .radio-label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    height: 18px;
    line-height: 18px;
}

.checkbox.checkbox-lists .checkbox-label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 25px;
    height: 30px;
    line-height: 25px;
}

.checkbox .checkbox-label {
    padding-left: 25px;
}
.radio .radio-label {
    margin-top: -2px;
}
.checkbox input, .radio input {
    display: none !important;
}

.checkbox input:checked + .checkbox-span + .checkbox-label, .radio input:checked + .radio-span + .radio-label {
    color: #000 !important;
}

.checkbox label:hover, .checkbox.hover label, .radio label:hover, .radio.hover label {
    color: #000 !important;
}

.checkbox.checkbox-lists input:checked + .checkbox-span + .checkbox-label,
.checkbox.checkbox-lists label:hover {
    color: #ff4800 !important;
}

.checkbox.disabled .checkbox-span, .checkbox.disabled .checkbox-label, .checkbox input:disabled + .checkbox-span, .checkbox input:disabled + .checkbox-span + .checkbox-label, .radio.disabled .radio-span, .radio.disabled .radio-span + .radio-label, .radio input:disabled + .radio-span, .radio input:disabled + .radio-span + .radio-label {
    opacity: 0.5;
    cursor: default;
}
.checkbox.disabled:hover .checkbox-label, .checkbox input:disabled + .checkbox-span + .checkbox-label, .radio.disabled:hover .radio-span + .radio-label, .radio:hover input:disabled + .radio-span + .radio-label {
    color: #666666;
}

.fillter-number {
    border: 1px solid #999999;
    background: #fff;
    padding: 3px 5px;
    /*text-align: center;*/
    display: inline-block;
    width: 67px;
    color: #000;
}

.form-btn {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    padding: 0 18px;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    min-width: 90px;
    text-align: center;
    background: #30c132;
    height: 36px;
    line-height: 38px;
}
.form-btn:hover {
    color: #fff;
    background-color: #29a72b;
    text-decoration: none;
}

.form-btn--gray {
    background-color: #a0a0a0;
    color: #fff;
}
.form-btn--gray:hover {
  background-color: #727272;
}

.form-btn--light-gray {
    background-color: #f4f4f4;
    color: #333;
}
.form-btn--light-gray:hover {
    background-color: #e6e6e6;
    color: #333;
}

.form-btn--narrow {
    padding: 0 10px;
    min-width: 40px;
}
.form-btn--link {
    padding: 0 10px;
    min-width: 42px;
}

.form-btn + .form-btn {
  margin-left: 15px;
}

.form-btn--yellow {
  background-color: #ffdf7c;
  color: #333333;
}

.form-btn--orange {
  background-color: #faa320;
  color: #fff;
}

.form-btn--orange:hover {
    background-color: #faa320;
    color: #fff;
    opacity: .8;
}

.form-btn--yellow:hover {
  background-color: #fdcf42;
  color: #333333;
}

.form-btn--light-gray {
    background-color: #f4f4f4;
    color: #333;
}

.form-btn--light-gray:hover {
    background-color: #e6e6e6;
    color: #333;
}

.form-btn.form-btn--small {
    font-size: 14px;
    line-height: 36px;
    font-weight: normal;
    text-transform: none;
}

.add-company-btn {
    width: 174px;
    position: absolute;
    bottom: 0;
    margin-bottom: 21px !important;
}

.form-btn.price-click {
    font-size: 16px;
    line-height: 37px;
    text-transform: none;
    font-weight: normal;
}

.form-btn.disabled,
.form-btn:disabled {
    opacity: .5;
}

.form-btn--clear {
    background-color: transparent;
    color: #666;
}

.form-btn--clear:hover {
    background-color: transparent;
    color: #333;
}

/*--------------------------------------------*/
    .search {
    background: #fdc153;
    padding: 4px;
    max-width: 905px;
    position: relative;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.search-group {
    display: table;
    width: 100%;
}
.search-group [class^=search-group-] {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
}
.search-group-submit {
    border-left: 2px solid #fdc153;
}
.search-group-block {
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    background: #fff;
}
.search-group:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}
.search input {
    height: 34px;
    border: 0;
    background: #fff;
    padding: 0 10px;
}
.search input[type=text] {
    width: 100%;
    background-color: #fff;
    padding-right: 0;
    padding-left: 15px;

    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.search input[type=submit] {
    border: 0;
    width: 84px;
    padding-left: 34px;
    text-align: left;
    background-position: 12px -1391px;
    background-repeat: no-repeat;
	white-space: nowrap;

    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 4px 4px 0;
}

.search .checkbox {
    color: #999;
    margin-bottom: 0;
    margin-top: 1px;
    vertical-align: middle;
}
.search .checkbox input + span {
    border-color: #d2d4d5;
}
.search-group-submit input {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    line-height: 37px;
}

/*----------------------------*/
.search-info {
    position: absolute;
    width: 100%;
    display: none;
    left: 0px;
    top: 135px;
    padding: 65px 20px 45px 110px;
    color: #000000;
    font-size: 14px;
    background: #f3f3f3;
}
.search-info:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-bottom: 26px solid #f3f3f3;
    top: -26px;
    position: absolute;
    left: 15px;
}
.search-info:before {
    content: '';
    width: 40px;
    height: 38px;
    position: absolute;
    left: 20px;
    z-index: 100;
    top: 65px;
}
.search-info-head {
    font-size: 18px;
    color: #666666;
    margin-bottom: 20px;
}
.search-info-head strong {
    color :#000;
}

/*-------------------------------------*/
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    color: #666666;
    border: 1px solid #cccccc;

    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);

    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 10px 0 0;
    min-width: 125px;
    padding: 5px 0 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
.styles-row-menu .dropdown-menu {
    position: relative;
    display: block;
}
.dropdown-menu:after {
    content: '';
    position: absolute;
    height: 9px;
    width: 17px;
    top: -9px;
    margin-left: -8.5px;
    left: 50%;
}
.dropdown-menu.afterDark:after {
    background-image: url(../images/img-corner-2.png);
}

.dropdown-menu.afterLeft:after {
    left: 10px;
    margin-left: 0;
}
.dropdown-menu.afterRight:after {
    left: initial;
    right: 10px;
    margin-left: 0;
}
.dropdown-menu > li {
    margin: 0;
    list-style: outside none;
}
.dropdown-menu > li > a, .dropdown-menu > li > span {
    clear: both;
    color: #333333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 4px 10px;
    white-space: nowrap;
    text-decoration: none;
}
.dropdown-menu > li > a:hover {
    text-decoration: underline;
}
.dropdown-menu > li.active > a {
    color: #cccccc;
    text-decoration: none;
}
.dropdown-header {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 1.42857;
    padding: 8px 15px;
    background: #505050;
}
.dropdown-header a {
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    color: #fff;
    padding: 8px 15px;
}
.dropdown-header a:hover {
    text-decoration: underline;
}
.dropdown-header:first-child {
    margin-top: -5px;
    margin-bottom: 5px;
}
.dropdown-separator {
    color: #dedede;
    font-size: 14px;
}

ul.lang-menu li {
    margin: 0 1px;
}

ul.lang-menu span {
    color: #dedede;
}

.dropdown-inline {
    display: inline-block;
}

.dropdown-sorting .dropdown-menu {
    min-width: 200px;
}

.dropdown img {
    vertical-align: middle;
}
.dropdown-menu > li small {
    color: #999999;
}

/*------------------------------*/
.dropdown-box {
    background-clip: padding-box;
    background-color: #ffdf75;
    color: #000000;
    max-width: 200px;
    text-align: left;

    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);

    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: outside none none;
    margin: 10px 0 0;
    min-width: 125px;
    padding: 10px 15px;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.dropdown-box.is-active {
    display: block;
}

.dropdown-box.payment-dropdown {
    background-color: #fff;
    max-width: 310px;
    width: 310px;
    font-size: 14px;
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.26);
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.26);
    border-radius: 2px;
    margin-top: 0;
    top: 18px;
}

.report-wrapper .dropdown-box {
    line-height: 14px !important;
    max-width: 220px;
    left: auto;
    padding: 10px;
    width: 220px;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}

.report-wrapper .dropdown-box.to-bottom:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffdf75;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    top: auto;
    border-bottom: none;
}

.styles-row-menu .dropdown-box {
    position: relative;
    display: block;
}
.dropdown-box:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffdf75;
    top: -9px;
    left: 50%;
    margin-left: -10px;
}
.dropdown-box a {
    color: #000;
}
.dropdown-box a:hover {
    text-decoration: underline;
}
.dropdown-box p:last-child {
    padding-bottom: 0;
}
.dropdown-box td {
    vertical-align: top;
    padding-right: 5px;
}
.dropdown-box .fa {
    font-size: 14px;
    color: #b29432;
    position: relative;
    top: 2px;
}
.dropdown-box p {
    padding: 0;
    line-height: auto;
}
.dropdown-box p + p {
    /*padding-bottom: 5px;*/
}
.dropdown-box.afterTleft:after {
    left: 10px;
    margin-left: 0;
}
.dropdown-box.afterTRight:after {
    left: auto;
    right: 10px;
    margin-left: 0;
}

.dropdown-box-notebook {
    width: 462px;
    max-width: inherit;
    background: #757575;
    color: #fff;
    padding: 10px;
}
.dropdown-box-notebook:after {
    border-bottom-color: #757575;
    left: inherit;
    right: 94px;
    margin-left: 0;
}
.dropdown-box-notebook h6, .dropdown-box-notebook h5, .dropdown-box-notebook h4 {
  color: #fff;
}
.dropdown-box-notebook h6 .icon, .dropdown-box-notebook h5 .icon, .dropdown-box-notebook h4 .icon {
  margin-right: 10px;
}
.td-white {
    background: #fff;
    width: 200px;
}
.dropdown-box-notebook .favorite {
  visibility: visible;
}
.dropdown-box-notebook .favorite a {
  color: #CCC;
}
.dropdown-box-notebook .favorite a:hover {
  color: #000;
  text-decoration: none;
}

.dbn-info {
    padding: 15px 10px;
    font-size: 14px;
    text-align: center;
}
.notebook-icon {
  text-align: left;
}
.notebook-delete a {
    color: #a2a2a2;
}
.notebook-delete {
    margin-bottom: 10px;
}
.notebook-delete [class*=icon-] {
    margin-right: 5px;
}

.notebook-icon a {
  color: #666666;
}
.notebook-icon a:hover {
  text-decoration: none;
  color: #333;
}
.notebook-icon a:hover [class*=icon-] {
    /*background-position: 0px -4400px;*/
    background-position: 2px -4398px;
}
.notebook-icon a:hover .icon-71 {
    background-position: 2px -4398px;
}
.notebook-icon a:hover .icon-70 {
    background-position: 2px -4348px;
}

.notebook-delete .fa {
    margin-right: 5px;
    font-size: 21px !important;
    top: 3px;
    position: relative;
}

.dbn-info .link {
    margin-bottom: 20px;
}

.dbn-info .link .fa {
    font-size: 14px;
    color: #D3D3D3;
    margin-left: 5px;
}
.dbn-info .link a {
    text-decoration: none;
}
.dbn-info .link a:hover {
    text-decoration: underline;
}

.dropdown-hint-nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown-hint-nowrap2 {
    width: 240px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/*--------------------------------------*/
.dropdown-hint {
    background-clip: padding-box;
    background-color: #3ca2f1;
    color: #fff;
    max-width: 260px;

    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);

    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: outside none none;
    margin: 0 0 10px;
    min-width: 125px;
    padding: 7px 10px;
    position: absolute;
    top: -50px;
    z-index: 3000;

    text-align: left;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.dropdown-hint.dhGreen {
    background: #3fb1a6;
}

.styles-row-menu .dropdown-hint {
    position: relative;
    display: block;
}
.dropdown-hint:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #3ca2f1;
    bottom: -9px;
    left: 50%;
    margin-left: -10px;
}
.dropdown-hint.afterRight, .dropdown-hint.afterLeft {
    max-width: 125px;
    margin-bottom: 0;
    margin-right: 15px;
}
.dropdown-hint.afterRLeft {
    margin-right: 0;
    margin-left: 15px;
}
.dropdown-hint.afterRight:after {
    left: auto;
    right: -19px;
    top: 50%;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #3ca2f1;
}
.dropdown-hint.afterLeft:after {
    left: -9px;
    top: 50%;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #3ca2f1;
}
.dropdown-hint.dhGreen:after {
    border-top-color: #3fb1a6;
}
.dropdown-hint.dhGreen.afterRight:after {
    border-left-color: #3fb1a6;
    border-top-color: transparent;
}
.dropdown-hint.dhGreen.afterLeft:after {
    border-right-color: #3fb1a6;
    border-top-color: transparent;
}

.dropdown-hint.arrow-top-left:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3ca2f1;
    border-top: none;
    top: -10px;
}

.dropdown-hint.arrow-top:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    margin-left: -10px;
    left: 50%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3ca2f1;
    border-top: none;
    top: -10px;
}

.dropdown-close {
    color: #000;
    float: right;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin-right: -10px;
    margin-top: -2px;
}
button.dropdown-close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

/*---------------------------------*/
.dropdown-tooltip {
    background-clip: padding-box;
    background-color: #b5f35e;
    color: #000000;
    width: 210px;

    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);

    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 10px 0 0;
    min-width: 125px;
    padding: 9px 10px 6px 10px;
    position: absolute;
    top: 100%;
    z-index: 1000;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.styles-row-menu .dropdown-tooltip {
    position: relative;
    display: block;
}
.dropdown-tooltip:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #b5f35e;
    top: -9px;
    left: 50%;
    margin-left: -10px;
}
.dropdown-tooltip.afterTLeft:after {
    left: 10px;
    margin-left: 0;
}
.dropdown-tooltip.afterTRight:after {
    left: auto;
    right: 10px;
    margin-left: 0;
}

/*-------------------------------------*/
.dropdown-city {
    background-clip: padding-box;
    background-color: #747474;

    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);

    display: none;
    float: left;
    font-size: 14px;
    top: 95px !important;
    left: 102px !important;
    list-style: outside none none;
    margin: 10px 0 0;
    width: 390px;
    padding: 5px 0 10px 0;
    position: absolute;
    z-index: 1000;
}

.dropdown-city.active {
    display: block;
}
.styles-row-menu .dropdown-city {
    position: relative;
    display: block;
    top: 0 !important;
    left: 0 !important;
}
.dropdown-city:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #505050;
    top: -10px;
    left: 15px;
}
.dropdown-city ul {
    margin: 10px 0;
    padding: 0 10px;

    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
}
.dropdown-city li {
    margin: 0;
    list-style: outside none;
    /*display: inline-block;*/
}
.dropdown-city li a {
    color: #fff;
    padding: 5px 5px;
    display: block;
    text-decoration: none;
}
.dropdown-city li a:hover {
    text-decoration: underline;
}
.dropdown-city li.active a, .dropdown-city li.active {
    color: #c0c0c0;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 3px 0px;
    overflow: hidden;
    background-color: #cccccc;
}

.dropdown-box .warning-link {
    color: #CCC;
}
.dropdown-box .warning-link a {
    color: #CCC;
}
.dropdown-box .warning-link a:hover {
    color: #000;
    text-decoration: none;
}
.dropdown-box .warning-link .fa {
    color: #CCC;
    top: 1px;
}

.dropdown-box .for-buy {
    margin-bottom: 20px;
}
.dropdown-box .for-buy .fa {
    color :#000;
    font-size:21px;
    margin-right: 5px;
    top: 3px;
}

/*----------------------------*/
.compare-info {
    background-clip: padding-box;
    background-color: #fff;
    color: #000000;
    max-width: 235px;
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 17px 0 0 10px;
    min-width: 125px;
    padding: 20px;
    position: absolute;
    top: 100%;
    z-index: 1000;
    border: 1px dashed #ababab;

    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.compare-info:after {
    content: '';
    position: absolute;
    height: 14px;
    width: 19px;
    top: -14px;
    margin-left: 30px;
    background: url(../images/compare-info-corner.png) 0 0 no-repeat;
}
.compare-info p {
    padding: 0;
}
.compare-info p + p {
    padding-top: 10px;
}

/*----------------*/
.nav-panel .pagination {
    padding: 0 5px;
}

.pagination ul {
    margin: 0;
    clear: both;
}
.pagination ul li {
    margin: 0;
    padding: 0;
    list-style: outside none;
    float: left;
}
.pagination .page a, .pagination .page span {
    display: block;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    padding: 0 5px;
    text-align: center;
    color: #666666;
}
.pagination .page a:hover {
    background: #eeeeee;
    text-decoration: none;
}
.pagination ul li span.span {
    color: #b6b6b6;
    padding: 0 2px;
}


.pagination [class^=page-] a {
    display: block;
    width: 38px;
    height: 30px;
    text-align: center;
    border: 1px solid #dedede;
    padding: 6px 13px;
}
.pagination [class^=page-] a[href]:hover {
    background: #eeeeee;
}
.pagination [class^=page-] img {
    display: block;
}
.pagination .page-prev {
    margin-left: 20px;
}
.pagination .page-prev + .page-next {
    margin-left: -1px;
}
.pagination .page.active a {
    color: #fff;
    background: #b4b4b4;
}

/*------ 27.11.2015 ------*/
.radio-face-icon, .form-group .radio-face-icon {
  display: block;
  padding-right: 0;
  margin-bottom: 20px;
}
.radio-face-icon .icon, .form-group .radio-face-icon .icon {
  vertical-align: middle;
  top: -5px;
  float: left;
  margin-right: 5px;
}
.radio-face-icon:last-child, .form-group .radio-face-icon:last-child {
  /*margin-bottom: 5px;*/
}

/*----------04.12.2015-------------*/
.search-tips {
  position: absolute;
  width: 100%;
  padding: 0 10px;
  top: 38px;
  left: 0;
  display: none;
    z-index: 102;
}
.search-tips-body {
  background: #fff;
  border-top: none;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 3px;

  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);
}
.search-tips-body ul, .search-tips-body li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.search-tips-body li:first-of-type {
    border-top: 1px solid #cccccc;
}

.search-tips-body ul {
  font-size: 14px;
}

.search-tips-body li a {
  display: block;
  color: #333;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-tips-body li.active {
    background-color: #eaeaea;
}
.search-tips-body li.active a {
  text-decoration: none;
  color: #333;
}

.search-tips-body li a:hover {
    text-decoration: none;
}

.search-tips-body li em {
  font-style: normal;
  color: #999999;
  display: inline-block;
  margin-left: 10px;
}

.search-tips-body li a span {
    color: #999999;
}


.gray {
  color: #cccccc !important;
}

.notebook-icon .icon {
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 10px;
}

.notebook-delete a:hover .icon {
  background-position: -148px -600px;
}
.notebook-delete a:hover {
  text-decoration: none;
  color: #ff0101;
}
.td-white {
  color: #757575;
}
.dropdown-box-notebook p {
  padding-bottom: 15px;
}

.popup-informer {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: #000;
  padding: 15px;
  z-index: 1000;
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
}
.popup-informer .btn {
  border-radius: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.btn-red {
  background: red;
  border: 0;
  color: #fff;
}
.btn-invisible {
  background: inherit;
  color: #fff;
  border: 0;
}

.notebook-row-block > table > thead th.first {
  text-align: center;
  vertical-align: middle;
}
.notebook-info {
  padding-left: 30px;
  position: relative;
  display: inline-block;
  text-align: left;
  color: #999;
}
.notebook-info .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.pagination [class^=page-] a:not([href]) {
    cursor: default;
}

/**/
.popup-hint {
  background: #434343;
  position: absolute;
  color: #fff;
  border: 0;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.36));
  opacity: 0;
  /*z-index: -1;*/
  display: none;
  will-change: transform;
}
.popup-hint__content {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 1.2;
  min-height: 30px;
    text-align: left;
}
.popup-hint::after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #434343;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
}

.sr-block.relative .popup-hint {
  position: relative;
  display: block;
  opacity: 1;
}

.popup-hint--to-top::after {
  bottom: inherit;
  top: -10px;
  border-top: 0;
  border-bottom: 10px solid #434343;
}

.popup-hint--to-left::after {
  bottom: inherit;
  top: 50%;
  left: -10px;
  margin-top: -10px;
  margin-left: inherit;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #434343;
  border-left: 0;
}

.popup-hint--to-right::after {
  bottom: inherit;
  top: 50%;
  right: -10px;
  left: inherit;
  margin-top: -10px;
  margin-left: inherit;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #434343;
  border-right: 0;
}

.dropdown-box.popup-hint--to-right::after {
    border-left-color: #ffdf75;
}

.popup-hint--to-bottom--left::after {
  left: 12px;
  margin-left: inherit;
}
.popup-hint--to-bottom--right::after {
  left: inherit;
  right: 12px;
  margin-left: inherit;
}

.popup-hint--to-top--left::after {
  left: 12px;
  margin-left: inherit;
}
.popup-hint--to-top--right::after {
  left: inherit;
  right: 12px;
  margin-left: inherit;
}

.popup-hint--to-left--top::after {
  top: 12px;
  margin-left: inherit;
  margin-top: 0;
}
.popup-hint--to-left--bottom::after {
  bottom: 12px;
  margin-left: inherit;
  margin-top: 0;
}

.popup-hint--to-right--top::after {
  top: 12px;
  margin-top: 0;
}
.popup-hint--to-right--bottom::after {
  bottom: 12px;
  margin-top: 0;
}

.popup-hint__activator {
  position: relative;
}
.popup-hint.is-active {
  display: block;
}

.sr-block .popup-hint__activator {
  background-color: #eee;
  width: 150px;
  height: 50px;
  margin-top: 50px;
}

.popup-hint__activator .popup-hint {
  top: -45px;
}

.popup-hint--to-bottom {
  animation: popHintToBottom 0.3s cubic-bezier(0.81, 1.7, 1, 1) forwards;
  animation-delay: 0.5s;
}
.popup-hint--to-left {
  animation: popHintToLeft 0.3s cubic-bezier(0.81, 1.7, 1, 1) forwards;
  animation-delay: 0.5s;
}
.popup-hint--to-top {
  animation: popHintToTop 0.3s cubic-bezier(0.81, 1.7, 1, 1) forwards;
  animation-delay: 0.5s;
}
.popup-hint--to-right {
  animation: popHintToRight 0.3s cubic-bezier(0.81, 1.7, 1, 1) forwards;
  animation-delay: 0.5s;
}
.popup-hint--to-bottom--right {
    animation: popHintToBottom 0.3s cubic-bezier(0.81, 1.7, 1, 1) forwards;
    animation-delay: 0.5s;
}

@keyframes popHintToBottom {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes popHintToLeft {
  0% {
    transform: translateX(5px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes popHintToTop {
  0% {
    transform: translateY(5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes popHintToRight {
  0% {
    transform: translateX(-5px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

.alert {
    padding: 0 20px;
}

.merchant-name {
    display: inline-block;
    width: 100%;
    float: none;
    margin-top: 10px;
}

.merchant-name span {
    display: inline-block;
    max-width: 100%;
    float: left;
    padding-right: 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #565656;
}

.merchant-name span svg.icon {
    position: absolute;
    top: 0;
    right: 0;
}

/* transparent btns */

.nav-btn {
    line-height: 30px;
    padding: 2px 20px;
    border: 1px solid #ddd;
    color: #333;
    display: inline-block;
    border-radius: 3px;
}

.nav-btn:hover {
    /*text-decoration: underline;*/
    color: #333;
}

.nav-btn small {
    color: #999;
    font-size: 14px;
    padding-left: 5px;
}

.nav-btn.nav-btn--active small {
    color: #fff;
}