@import url('bootstrap.css');

/*** COMMON STYLES ***/
body, html {
    height: 100%;
}
body {
    margin: 0px auto;
    font-size: 14px;
    color: #141414;
    font-family: Arial, sans-serif;
    font-weight: 300;
}

input,select,option,p,form,ul,li,ol,h1,h2,h3,h4,h5,h6,td,img,table {
    margin: 0;
    padding: 0;
    border: 0;
}
::selection {
    background: #707070;
    color: white;
}
::-moz-selection {
    background: #707070;
    color: white;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}
body:not([class*="static-page"]) ul, body:not([class*="static-page"]) li {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-padding: 0;
    width: 100%;
}
table.fixed {
    table-layout: fixed;
}
img {
    vertical-align: middle;
}
label {
    -moz-user-select: none;
    -webkit-user-select: none;
}
b, strong {
    font-weight: 600;
}

.hide {
    display: none;
}
.hidden {
    visibility: hidden;
}
.invisble {
    opacity: 0;
}
.clear {
    clear: both;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.ralign {
    text-align: right!important;
}
.lalign {
    text-align: left!important;
}
.align-center {
    text-align: center;
}
.relative {
    position: relative;
}
.nowrap {
    white-space: nowrap;
}

/* links */
a:link,
a:visited,
.link {
    color: #2e73bf;
    text-decoration: none;
    cursor: pointer;
    font-size: 1em;

    transition: color 0.3s;
}
a:hover,
a:active,
.link:hover {
    color: #3094ff;
}
/* links end */

/* fonts */
.font1, /* light font on the dark bg or instead */
a.font1 {
    color: #2e73bf;
    font-size: 1em;

    transition: color 0.3s;
}
a.font1:hover,
a.active.font1,
.active .font1 {
    color: #3094ff;
}
.currency-selector .font1,
.font2,
a.font2 { /* light font on the dark bg or instead */
    color: #2e73bf;
}
a.font2.active,
a.font2:hover {
    color: #2e73bf;
}
.link-large {
    font-size: 1em!important;
    font-weight: 400!important;
}
span.text-notice,
div.text-notice {
    padding-bottom: 10px;
}
.close,
.red {
    color: #e44848!important;
}
.close:hover,
.red:hover {
    color: #ff5d5d!important;
}
.red.margin {
    padding-left: 10px!important;
    cursor: pointer;
}
.date {
    font-size: 0.857em;
    color: #949494;
}
.notice,
.notice_message {
    color: #c95265;
    font-size: 0.929em;
}
.notice_message {
    padding-top: 5px;
}
/* fonts end */

/* h1 */
h1 {
    color: #333333;
    font-size: 1.929em;
    margin: -2px 0 28px 0;
    font-weight: normal;
    padding: 0;
    font-weight: 300;
    overflow: hidden;
}
#controller_area > h1 {
    margin-bottom: 22px;
}
.h1-nav h1 {
    overflow: hidden;
    margin-top: 0;
}
.h1-nav nav {
    float: right;
    vertical-align: top;
}
.h1-nav nav > a.icon {
    display: none!important;
}
/* h1 end */

/* global style items */
.hlight {
    background: #ffffff;
}
.hborder {
    border-color: #e9e9e9;
}
/* global style items end */

/* inputs */
input[type=text],
input[type=password],
input[type=number],
textarea,
select,
span.pills {
    height: 30px;
    background: white;
    border: 1px #afafaf solid;
    color: #111111;
    font-size: 0.939em;
    font-family: Arial, sans-serif;
    font-weight: 300;
    padding: 5px 12px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: border-color 0.3s ease;
}
input:focus,
select:focus {
    border-color: #4d89ea!important;
}
select {
    background: #fff url(../img/gallery.png) 100% -1941px no-repeat;
    padding: 5px 37px 5px 12px;
}
ul.select-category select {
    background-image: none !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
input:hover,
select:hover {
    border-color: #999999;
}
input:focus,
select:focus {
    border-color: #808080;
}
textarea {
    line-height: normal;
    height: auto;
    padding: 8px 10px 8px;
    width: 100%;
}
select.disabled,
select[disabled=disabled],
input[disabled=disabled] {
    cursor: not-allowed;
    color: #959595;
    background: #dedede;
    box-shadow: none;
    border-color: #c2c2c2;
}
select.disabled,
select[disabled=disabled] {
    background: #e8e8e8 url(../img/gallery.png) 100% -2071px no-repeat !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type=number] {
    -moz-appearance: textfield;
    margin: 0;
}
option {
    padding: 2px 0;
}
input[type=submit],
input[type=button],
.file-input span,
a.button,
.btn {
    height: 30px;
    padding: 0 20px;
    line-height: 28px;
    color: white;
    font-size: 1em;
    font-weight: 300;
    font-family: Arial, sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    border: 1px solid #154f90;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.2), 0 1px 0 #bbddff;
    border-radius: 15px !important;
    background-color: #2764b4;
    background: linear-gradient(to top, #2764b4, #4083c7);

    transition: opacity 0.3s ease;
}
input[type=submit]:hover,
input[type=button]:hover,
a.button:not(.disabled):hover,
.file-input span:hover,
.btn:hover {
    background: #4083c7;
}
a.button {
    display: inline-block;
}
a.button.disabled,
input[type=submit][disabled=disabled],
input[type=button][disabled=disabled],
input[type=submit].disabled,
input[type=button].disabled {
    cursor: not-allowed;
    background: #b1b1b1 !important;
    color: #e6e6e6;
    box-shadow: none;
    border-color: transparent;
}
input[type=submit].low,
input[type=button].low,
a.button.low {
    height: 24px;
    line-height: 22px;
    font-size: 0.857em;
    padding: 0 11px;
    white-space: nowrap;
}

input[type=checkbox]:not(.default),
input[type=radio]:not(.default) {
    opacity: 0;
    position: absolute;
    width: 20px;
    height: 20px;
}
input[type=checkbox]:not(.default) + label,
input[type=radio]:not(.default) + label {
    max-width: 100%;
    /*  height: 22px;*/
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    font-size: 1em;
}
input[type=checkbox]:not(.default) + label > span,
input[type=radio]:not(.default) + label > span {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../img/gallery.png') 0 -1178px no-repeat;
    vertical-align: top;
    margin-right: 5px;
    font-size: 1em;
}
input[type=radio]:not(.default) + label > span {
    background-position: 0 -1099px;
}
input[type=checkbox]:not(.default):hover + label > span {
    background-position: 0 -1154px;
}
input[type=radio]:not(.default):hover + label > span {
    background-position: 0 -1073px;
}
input[type=checkbox]:not(.default):checked + label > span,
input[type=radio]:not(.default):checked + label > span {
    background-position: 0 -1202px;
}
input[type=checkbox]:not(.default):checked + label,
input[type=radio]:not(.default):checked + label {
    color: #1c1c1c;
}
input[type=radio]:not(.default):checked + label > span {
    background-position: 0 -1125px;
}

input[type=radio].multiline + label,
input[type=checkbox].multiline + label {
    height: auto;
    text-align: center;
    color: #2e73bf;
    font-size: 1em;
}
input[type=radio].multiline:checked + label,
input[type=checkbox].multiline:checked + label {
    color: #010101;
}
input[type=checkbox].multiline:not(.default) + label > span,
input[type=radio].multiline:not(.default) + label > span {
    display: block;
    margin: 0 auto 5px;
}
input[type=radio].multiline[disabled=disabled] + label > span {
    opacity: 0.5;
}
input[type=radio].multiline[disabled=disabled] + label {
    color: #707070;
}

input[type=checkbox].inline + label {
    display: inline;
}
input[type=checkbox].inline + label > span {
    margin: 0;
}

input.search,
input.search:hover {
    background-image: url('../img/gallery.png');
    background-position: 12px -430px;
    width: 0;
}

/* Switcher */
label.switcher input[type=checkbox] {
    display: none;
}
label.switcher > input[type=checkbox] + span:not(.status) {
    margin-top: -1px;
    display: inline-block;
    width: 34px;
    height: 18px;
    background: #969696;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    transition: background-color 0.4s, opacity 0.4s;
    opacity: 0.7;
}
label.switcher > input[type=checkbox] + span:not(.status):after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    transition: transform 0.4s;
    z-index: 2;
}
label.switcher > input[type=checkbox] + span:not(.status):before {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    background: url(../img/gallery.png) -8px -699px no-repeat;
    transition: transform 0.4s;
    z-index: 3;
}
label.switcher:hover > input[type=checkbox] + span:not(.status) {
    opacity: 1;
}
label.switcher > input[type=checkbox]:checked + span:not(.status) {
    background: #52b600;
    transition: background-color 0.4s;
}
label.switcher > input[type=checkbox]:checked + span:not(.status):after {
    transform: translateX(-16px);
}
label.switcher > input[type=checkbox]:checked + span:not(.status):before {
    transform: translateX(-16px);
    background-position: 0 -699px;
}
label.switcher > input[type=checkbox] ~ .status {
    margin-left: 10px
}
label.switcher > input[type=checkbox] ~ .status:before {
    content: attr(data-enabled);
}
label.switcher > input[type=checkbox]:checked ~ .status:before {
    content: attr(data-disabled);
}

::-webkit-input-placeholder {
    color: #686868;
    font-size: 0.939em;
}
:-moz-placeholder {
   color: #686868;
   font-size: 0.939em;
}
::-moz-placeholder {
   color: #686868;
   font-size: 0.939em;
}
input:-ms-input-placeholder {
   color: #686868;
   font-size: 0.939em;
}
*:focus {
    outline: none;
}

input[type=text].error,
input[type=password].error,
textarea.error {
    background: #fff2f4;
    color: #c92a44;
    border-color: #f79d9d;
}
div.field.error label {
    color: #c92a44;
}
select.error {
    background-color: #fff3f5;
    border-color: #ffccd4;
    color: #c92a44;
}
.image-field-preview {
    margin-bottom: 10px;
}
.image-field-preview > div.relative {
    width: 100%;
}
.file-input {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.file-input input.file {
    position: absolute;
    right: 0;
    height: 40px;
    opacity: 0;
}
.file-input input.file-name {
    width: 200px;
    position: relative;
}
.file-input span {
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
    margin-left: 3px;
}
.file-input + em {
    margin: 0 10px;
}

span.pills {
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    padding: 0;
}
span.pills > label > span {
    display: none!important;
}
span.pills > label {
    padding: 0 15px!important;
    height: 34px!important;
    line-height: 32px;
    border-right: 2px #dcdcdc solid;
    display: inline-block;
    text-align: center;
}
span.pills > label:last-child {
    border: 0;
}
span.pills input[type=radio]:checked + label {
    background: #dcdcdc;
    text-decoration: none;
    cursor: default;
}
span.pills > input[type=radio]:not(:checked) + label {
    cursor: pointer;
    color: #4d89ea;
}
span.pills > input[type=radio]:not(:checked) + label:hover {
    text-decoration: underline;
}
/* inputs end */
/*** COMMON STYLES END ***/

/*** PAGE HEADER ***/
.top-navigation .point1 {
    position: relative;
}
.page-header .point1 {
    margin: 0 auto;
}

/* top navigation */
span.circle {
    position: relative;
    float: left;
    margin-left: 5px;
}
span.circle > span.default {
    display: inline-block;
    border: 1px solid #afafaf;
    background: #fff;
    color: #444444;
    font-size: 0.929em;
    font-weight: 300;
    cursor: pointer;
    padding: 0 15px;
    line-height: 28px;
    height: 30px;
    border-radius: 15px;

    transition: color 0.3s, border-color 0.3s;
}
span.circle > span.default:after {
    display: inline-block;
    content: '';
    float: right;
    margin-left: 10px;
    margin-top: 12px;
    border-style: solid;
    border-width: 4px;
    border-color: #3d3d3d transparent transparent transparent;
}
span.circle > span.default:hover {
    color: #111111;
    border-color: #888888;
}
span.circle > span.content {
    background: #fff;
    border: 1px solid #525252;
    border-radius: 12px;
}
span.circle > span.content ul {
    padding: 10px 0;
}
span.circle > span.content ul li {
    padding: 0 15px;
    /*text-align: left;*/
}
span.circle > span.content ul li a {
    display: inline-block;
    padding: 5px 0;
    white-space: nowrap;
}
span.circle > span.content ul li a.counter {
    color: #fb6a5c;
}
span.circle > span.content ul li a:hover {
    color: #000;
}
span.circle > span.content ul li a:not(.active) {
    color: #444444;
}
span.circle.circle_opened > span.default {
    border-color: #525252;
    color: #111111;
}
span.circle.circle_opened > span.content {
    display: block;
    position: absolute;
    min-width: 100%;
    top: 31px;
    right: 0;
    z-index: 120;
}
div.fright {
    position: absolute;
    right: 0;
    top: 33px;
    z-index: 1;
}
@-webkit-keyframes blinker {
    0% { opacity: .2; }
    50% { opacity: .8; }
    100% { opacity: .2; }
}
@keyframes blinker {
    0% { opacity: .2; }
    50% { opacity: .8; }
    100% { opacity: .2; }
}

#currency_selector > span.default > span.code {
    font-size: 1em !important;
}
#currency_selector > span.default > span.symbol {
    font-size: 1em !important;
}
#currency_selector > span.content ul li {
    padding-right: 0;
}
.user-navbar-container .links {
    padding: 10px 0 0 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 0.929em;
}
.user-navbar-container .links > span {
    padding: 0 0 5px 0;
    display: inline-block;
    width: 100%;
}
#user-navbar ul > li > a.logout {
    color: #f25353;
}
#user-navbar ul > li > a.logout:hover {
    color: #ff7e7e;
}

.remember-me {
    padding: 20px 0 0;
}
/* top navigation end */

/* logo */
#logo {
    width: 400px;
    height: 70px;
    margin: 10px 0 22px;
}
#logo img {
    width: 100%;
    height: 100%;
    background: url(../img/logo.png) 0 0 no-repeat;
}
/* logo end */

/* main menu */
section.main-menu .point1 {
    padding-top: 12px;
}
section.main-menu div.menu-top-padding {
    margin-top: 35px;
}
section.main-menu ul.menu:not(.mobile-menu) {
    height: 45px;
    /*overflow: hidden;*/
    white-space: nowrap;
}
section.main-menu ul.menu:not(.mobile-menu) > li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 10px;
    vertical-align: top;
}
section.main-menu ul.menu:not(.mobile-menu) > li > a {
    color: #2e73bf;
    position: relative;
    display: inline-block;
    border: 2px solid #fff;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.15), 0 1px 0 #bbddff;
    background-color: #ffc619;
    background: linear-gradient(to top, #ffc619, #ffe75d);
    padding: 0 15px;
    height: 38px;
    line-height: 34px;
    border-radius: 18px;
    font-size: 1.143em;
}
section.main-menu ul.menu:not(.mobile-menu) > li.active > a {
    background-color: #ffb800;
    background: linear-gradient(to bottom, #ffb800, #ffcf00);
}
section.main-menu ul.menu:not(.mobile-menu) > li.active > a:before {
    display: block;
    content: '';
    width: 13px;
    height: 10px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -6.5px;
    background: url(../img/gallery.png) 0 -2050px no-repeat;
}
section.main-menu ul.menu:not(.mobile-menu) > li:not(.active) > a:hover {
    background: #f0c410;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.15), inset 0 3px 3px rgba(0,0,0,0.15);
}
section.main-menu ul.menu:not(.mobile-menu) > ol.more {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
section.main-menu ul.menu:not(.mobile-menu) > ol.more > span {
    display: inline-block;
    width: 38px;
    vertical-align: top;
    height: 38px;
    line-height: 28px;
    border-radius: 100%;
    border: 2px solid #fff;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.15), 0 1px 0 #bbddff;
    background-color: #ffc619;
    background: linear-gradient(to top, #ffc619, #ffe75d);
    text-align: center;
    cursor: pointer;
}
section.main-menu ul.menu:not(.mobile-menu) > ol.more.more_active > span,
section.main-menu ul.menu:not(.mobile-menu) > ol.more > span:hover {
    background: #f0c410;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15), inset 0 3px 3px rgba(0, 0, 0, 0.15);
}
section.main-menu ul.menu:not(.mobile-menu) > ol.more > span > span {
    display: inline-block;
    width: 5px;
    height: 5px;
    line-height: 5px;
    margin: 0 1px;
    border-radius: 100%;
    background: #fff;
}
#main_menu_more {
    position: absolute;
    top: 40px;
    z-index: 130;
    border-radius: 18px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.15);
    background: #ffd527;
    padding: 8px 0;
}
#main_menu_more > li {
    padding: 0 15px
}
#main_menu_more > li > a {
    display: inline-block;
    padding: 7px 0;
    white-space: nowrap;
}
#main_menu_more > li.active > a,
#main_menu_more > li > a:hover {
    color: black;
}
/* main menu end */
section.main-menu .side_block {
    margin-bottom: 0;
    margin-top: 35px;
}

/* top login form */
#user-navbar > span.default {
    background: #e2e2e2;
    background: linear-gradient(to top, #e2e2e2, #f8f8f8);
}
#user-navbar > span.default:hover {
    background: #f8f8f8;
}
#user-navbar > span.default:after {
    display: none;
}
#user-navbar > span.default:before {
    display: inline-block;
    content: '';
    float: left;
    width: 14px;
    height: 15px;
    background: url(../img/gallery.png) 0 -247px no-repeat;
    margin-top: 6px;
    margin-right: 10px;
}
#user-navbar.notify > span.default:before {
    background-position: 0 -533px;
}
#user-navbar.notify > span.default:before {
    animation: blinker 2s infinite;
}
.user-navbar-container {
    display: inline-block;
    overflow: hidden;
    padding: 15px;
}
.user-navbar-container form > input {
    width: 180px;
    display: block;
    margin-bottom: 10px;
}
.user-navbar-container .fb-connect {
    margin-top: 10px;
}
.hookUserNavbar {
    display: block;
}
.user-navbar-container div.nowrap > input {
    width: 100%;
}
/* top navigation end */

/*** PAGE HEADER END ***/

/*** PAGE CONTENT ***/
body > div.main-wrapper {
    overflow: hidden;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    width: 100%;
}
body.header-banner > div.main-wrapper {
    padding-top: 78px;
}
div.header-banner-cont {
    height: 70px;
    line-height: 70px;
    background: #1c4979;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 8px 0;
    border-bottom: 2px #efefef solid;
}
div.header-banner-cont > div {
    margin: 0 auto;
    height: 100%;
}
div#header-banner {
    overflow: hidden;
}
div#header-banner > div.no-banner {
    box-shadow: inset 0 0 0 1px #d4d4d4;
    width: 100%;
    height: 100%;
    color: #d4d4d4;
    font-size: 1.286em;
    text-align: center;

}
div#header-banner > *:not(.no_banner) {
    width: 100%;
    height: 100%;
}
div#header-banner div.bmb10 {
    margin: 0!important;
    width: auto!important;
    height: auto!important;
}
div#header-banner img {
    width: 100%;
}
div#header-banner div.banner {
    width: 100%;
}
div#header-banner tr.banner-here {
    border: 0;
}
div#header-banner tr.banner-here > td {
    box-shadow: inset 0 0 0 1px #aed0c4;
    color: #92bfaf;
    background: #d5f1e7;
}
div#wrapper {
    min-height: 100%;
    margin: 0 auto 100px;
    overflow: hidden;
}
section#controller_area:empty {
    padding-bottom: 0!important;
}
section#main_container {
    position: relative;
    overflow: hidden;
}
section#main_container > div.inside-container {
    margin: 0 auto;
    position: relative;
    padding: 20px 0 40px;
}
section#content {
    vertical-align: top;
}

aside.bottom > section:last-child {
    margin-top: 0;
    margin-bottom: 0;
}

/* bread crumbs */
body.view-details-page #bread_crumbs {
    padding-top: 20px;
}
#bread_crumbs.point1 {
    margin: 0 auto 10px;
}
#bread_crumbs ul {
    padding: 1px 15px 2px 2px;
    border-radius: 15px;
    background-color: #a5a5a5;
    background: linear-gradient(to top, #a5a5a5, #bebebe);
    box-shadow: inset 0 1px 0 #a2a2a2;
    height: 29px;
    display: inline-block;
    width: auto;
}
#bread_crumbs ul > li {
    vertical-align: top;
}
#bread_crumbs ul > * {
    display: inline-block;
}
#bread_crumbs ul > li a.breadcrumb-home {
    display: inline-block;
    width: 26px;
    float: left;
    height: 26px;
    padding: 0;
    margin: 0;
    background: url(../img/gallery.png) -14px -2030px no-repeat;
}
#bread_crumbs ul > li > a {
    color: #575757;
    line-height: 26px;
    vertical-align: top;
}
#bread_crumbs ul > li > a:hover {
    color: #fff;
}
#bread_crumbs ul > ol {
    color: #fff;
    font-size: 1em;
    line-height: 26px;
    vertical-align: top;
}
#bread_crumbs ul > *:not(:last-child):after {
    content: '';
    display: inline-block;
    background: url(../img/gallery.png) -11px -583px no-repeat;
    margin: 8px 8px 0;
    width: 6px;
    height: 10px;
    opacity: .5;
}
/* bread crubmbs end */

/* content/sidebar block */
section.content_block,
section.side_block {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
section.content_block:not(.no-style),
section.side_block:not(.no-style) {
    border-radius: 15px;
}
section.side_block {
    border: 1px solid #9ecbff;
    padding: 2px;
}
section.side_block.no-style {
    border: none;
    padding: 0;
}
section.side_block > h3 {
    width: 100%;
}
section.content_block > h3,
section.side_block > h3 {
    color: #ffffff;
    background: #99c9ff;
    border: 1px solid #7eb0e8;
    font-size: 1.143em;
    font-weight: 300;
    display: inline-block;
    height: 34px;
    line-height: 32px;
    padding: 0 15px;
    border-radius: 13px;
    border-bottom-left-radius: 0;
}
section.content_block > div,
section.side_block > div {
    position: relative;
}
section.side_block.no-style:not(.no-header) > div,
section.content_block.no-style:not(.no-header) > div {
    padding: 20px 0 0;
}
section.content_block > div h3,
section.side_block > div h3 {
    font-size: 1.571em;
    margin-top: -5px;
    margin-bottom: 25px;
}
section.content_block:not(.no-style) > div,
section.side_block:not(.no-style) > div {
    padding: 15px 20px;
    border-radius: 9px;
}
section.content_block:not(.no-style):not(.categories-box) > div {
    padding: 20px 0;
}
aside.middle {
    margin-bottom: 30px;
}
aside.middle section.content_block:last-child {
    margin-bottom: 0;
}
section.contact-seller-bottom {
    margin-top: 30px;
    padding-bottom: 0!important;
}
section.contact-seller-bottom > div {
    background: #f9fdff!important;
}
/* content/sidebar block end */

/* sidebar search block */
section.side_block_search.light-inputs {
    padding: 0;
    overflow: hidden;
    border-color: #d4d4d4;
    background: #efefef;
}
section.side_block.side_block_search.tabs-inside > div {
    padding: 0 !important;
}
section.side_block_search ul.tabs {
    position: static;
    padding: 0 15px;
    background: #f9f9f9;
    margin: 0;
}
section.side_block_search .search-block-content {
    padding: 15px;
}
section.side_block_search div.search-item {
    margin-bottom: 15px;
}
section.side_block_search div.search-button {
    position: relative;
}
section.side_block_search div.search-button button[type='submit'] {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    border: none;
    background: transparent;
    padding-left: 40px;
    cursor: pointer;
    color: #2e73bf;
    text-decoration: underline;
    padding-right: 0;
    box-shadow: none;
    font-size: 1em;
}
section.side_block_search div.search-button button[type='submit']:before {
    position: absolute;
    left: 6px;
    top: 6px;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/gallery.png) 0 -440px no-repeat;
    z-index: 1;
}
section.side_block_search div.search-button button[type='submit']:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    border: 1px solid #154f90;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.2), 0 1px 0 #bbddff;
    border-radius: 15px !important;
    background-color: #2764b4;
    background: linear-gradient(to top, #2764b4, #4083c7);
}
section.side_block_search div.search-button button[type='submit']:hover {
    color: #3094ff;
}
section.side_block_search div.search-button button[type='submit']:hover:after {
    background: #4083c7;
}

section.side_block_search span.divider,
input[type=checkbox]:not(.default) + label {
    font-size: 0.939em;
    line-height: 20px;
    color: #66561d;
}

section.side_block_search div.search-button > a {
    text-decoration: underline;
    white-space: nowrap;
    line-height: 30px;
}
section.side_block_search div.field {
    padding: 0 0 4px 0;
    min-height: 8px;
    font-size: 0.939em;
    color: #66561d;
}
/* single */
.search-item.single-field > select,
.search-item.single-field > input[type=text],
.search-item.single-field .two-inline input[type=text] {
    width: 100%;
}
/* two */
.search-item.two-fields > select,
.search-item.two-fields > input[type=text] {
    width: 48%;
    margin-right: 4%;
}
.search-item.two-fields > select:last-child,
.search-item.two-fields > input[type=text]:last-child {
    margin-right: 0;
}
.search-item.two-fields > .custom-input,
.search-item.couple-field > .custom-input {
    width: 50%;
    display: inline-block;
}
/* three */
.search-item.three-field > select,
.search-item.three-field > span {
    width: 24%;
    margin-right: 4%;
}
.search-item.three-field > input {
    width: 34%;
    margin-right: 4%;
}
.search-item.three-field > span,
.search-form-cell.three-field > div > div > span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    padding-top: 9px;
    vertical-align: top;
}
.three-field > select.multicat {
    width: 31%;
    margin-right: 3.5%;
}
.search-item.three-field > *:last-child {
    margin-right: 0;
}

/* checkbox */
.search-item.checkbox-field {
    margin-bottom: -10px;
}
.search-item.checkbox-field > .custom-input {
    display: inline-block;
    width: 50%;
}
.search-item.checkbox-field > .custom-input {
    padding: 0 0 10px 0;
}
.search-item.checkbox-field > .custom-input > label {
    padding-right: 5px;
}
.search-item.checkbox-field div.field,
.search-item.couple-field div.field {
    padding-bottom: 8px;
}

.search-item span.divider {
    padding: 0 10px;
}
/* sidebar search block end */

/* search form elements */
.search-form-cell {
    display: inline-block;
    vertical-align: top;
}
.search-form-cell > div {
    margin: 10px 15px 0;
}
.search-form-cell > div > span {
    color: #555555;
    font-size: 0.929em;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 6px;
    height: 24px;
    white-space: nowrap;
}
.search-form-cell.vertical-middle > div > div {
    padding-top: 8px;
}

.search-form-cell.numeric-field > div > span {
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.search-form-cell > div > div input[type=text],
.search-form-cell > div > div input[type=number],
.search-form-cell > div > div select {
    width: 100%;
}
.search-form-cell.three-field > div > div input[type=text],
.search-form-cell.three-field > div > div input[type=number] {
    width: 33%;
    vertical-align: top;
}
.search-form-cell.three-field > div > div select {
    width: 28%;
    vertical-align: top;
}
.search-form-cell.three-field > div > div > *:not(:last-child) {
    margin-right: 3%;
}
.search-form-cell.two-fields > div > div select {
    width: 48%;
    margin-right: 3%;
}
.search-form-cell.two-fields > div > div select:last-of-type {
    margin-right: 0;
}

.search-form-cell .two-inline input.wauto {
    width: 100%!important;
}
/* search form elements end */
/*** PAGE CONTENT END ***/

/*** PAGE FOOTER ***/
footer.page-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
footer.page-footer > div {
    padding: 30px 0 50px;
    min-height: 100px;
    margin: 0 auto;
    position: relative;
    background: url(../img/footer-bg.jpg) 100% 100% no-repeat;
    background-size: contain;
}
footer.page-footer span.scroll-top {
    width: 34px;
    height: 34px;
    position: absolute;
    top: -30px;
    left: -34px;
    background: rgba(166,166,166,.8);
    cursor: pointer;
    border-radius: 50%;

    transition: background 0.3s ease;
}
footer.page-footer span.scroll-top:hover {
    background: rgba(166,166,166,1);
}
footer.page-footer span.scroll-top:before {
    content: '';
    width: 16px;
    height: 18px;
    position: absolute;
    top: 8px;
    left: 9px;
    background: url('../img/gallery.png') left -40px no-repeat;
}
nav.footer-menu {
    position: relative;
}
nav.footer-menu > ul {
    height: 20px;

}
nav.footer-menu > ul > li:first-child a {
    margin-left: 0;
}
nav.footer-menu > ul > li {
    display: inline-block;
}
nav.footer-menu > ul > li:not(:last-child):after {
    float: left;
    display: inline-block;
    content: attr(accesskey);
    font-size: 1.143em;
    color: #efb400;
    margin-top: 3px;
}
nav.footer-menu a {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1em;
    display: inline-block;
    color: #4985c8;
    text-decoration: underline;
    -webkit-text-decoration-color: #b3c8e4;
    -moz-text-decoration-color: #b3c8e4;
    text-decoration-color: #b3c8e4;
    line-height: 20px;
    margin: 0 10px;
}
nav.footer-menu a:hover {
    color: #3094ff;
}
nav.footer-menu a.active {
    color: #333;
}
.footer-data > div {
    font-size: 1em;
    color: #7f7f7f;
    height: 20px;
    line-height: 20px;
}
.footer-data > div > a {
    font-size: 1em;
}
.footer-data div.icons {
    margin-bottom: 22px;
}
/*** PAGE FOOTER END ***/

/*** PAGINATION ***/
ul.pagination {
    margin: 30px 0 0;
    height: 37px;
    text-align: right;
}
ul.pagination > li {
    display: inline-block;
    height: 37px;
    vertical-align: top;
    font-size: 0.929em;
}
ul.pagination > li.transit {
    padding: 0 20px;
}
ul.pagination > li.transit input {
    min-width: 45px;
    width: auto;
    margin: 0 5px;
}
ul.pagination > li.navigator a {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 28px;
    line-height: 24px;
    text-decoration: none;
}
/*** PAGINATION END ***/

/*** MISCELLANEOUS ***/
.two-inline > *:first-child {
    float: right;
}
.two-inline > *:last-child {
    overflow: hidden;
}
.two-inline.left > *:first-child {
    float: left;
}

div.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.mass-actions {
    padding: 15px 0 0 0;
}
.qtip-content {
    font-weight: 300!important;
}

div.textarea_counter_default,
div.textarea_counter_warning {
    font-size: 0.857em;
    text-align: right;
    display: inline-block;
}
div.textarea_counter_warning {
    color: #a81818;
}

/* enlarge media */
span.media-enlarge {
    width: 46px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
}
span.media-enlarge:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url('../img/gallery.png') 0 -389px no-repeat;
    position: absolute;
    left: 14px;
    top: 14px;

    opacity: 0.7;
}
span.media-enlarge:hover:after {
    opacity: 1;
}
/* enlarge media end */

/* keyword search in box */
.kws-block {
    position: relative;
}
form.kws-block {
    padding-bottom: 30px;
}
.kws-block a.main-menu,
.kws-block span.main-menu {
    display: none;
    vertical-align: top;
    line-height: 30px;
    font-size: 1em;
    margin-right: 3px;
}
.kws-block button:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/gallery.png) 0 -440px no-repeat;
    position: absolute;
    top: 6px;
    left: 6px;
}
.kws-block button {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #154f90;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.2);
    background-color: #2764b4;
    background: linear-gradient(to top, #2764b4, #4083c7);
    padding: 0;
    cursor: pointer;
}
.kws-block button:hover {
    background: #4083c7;
}
.kws-block input[type=text] {
    width: 100%;
    float: none !important;
}
.kws-block input[type=text]:-moz-placeholder,
.kws-block input[type=text]:-ms-input-placeholder,
.kws-block input[type=text]::-webkit-input-placeholder {
    color: #a4a4a4;
}
.kws-block .options ul {
    padding: 10px 0 0;
}
.kws-block .options ul > li {
    padding: 0 0 5px 0;
}
.kws-block .options ul > li:last-child {
    padding: 0;
}
#area_keyword .kws-block .two-inline {
    width: 70%;
}
#area_keyword .kws-block .options ul {
    text-align: left;
}
#refine_keyword_opt {
    display: block;
    margin-top: 8px;
}
/* keyword search in box end */

/* close bars */
div.close-black {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
div.close-black:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url('../img/gallery.png') 0 -287px no-repeat;
    opacity: 0.7;
}
div.close-black:hover:before {
    opacity: 1;
}

.close-red {
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    background: url('../img/gallery.png') -3px -11px no-repeat;
    opacity: 0.5;
}
.close-red:hover {
    opacity: 0.8;
}

img.remove {
    cursor: pointer;
    width: 10px;
    height: 12px;
    margin: 0 0 0 8px;
    background: url('../img/gallery.png') 0 -1460px no-repeat;
    opacity: 0.7;
}
img.remove:hover {
    opacity: 1;
}
/* close bars end */

#save_search {
    margin: 20px 0 0;
    display: inline-block;
}

.h1-nav nav > a:not(.button) {
    display: inline-block;
    height: 34px;
    margin-left: 5px;
    opacity: 0.7;
}
.h1-nav nav > a:not(.button):not(.post_ad) {
    margin-top: 13px;
}
.h1-nav nav > a:hover {
    opacity: 1;
}
.h1-nav nav > a.post_ad {
    width: 34px;
    background: #ff9700;
    border-radius: 20px;
    position: relative;
    opacity: 1;
}
.h1-nav nav > a.post_ad:before,
.h1-nav nav > a.post_ad:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 2px;
    top: 16px;
    left: 8px;
    background: white;
}
.h1-nav nav > a.post_ad:after {
    width: 2px;
    height: 18px;
    top: 8px;
    left: 16px;
}
.h1-nav nav > a.post_ad:hover {
    background: #ffa420;
}

/* credit card styles */
img.cvc {
    width: 45px;
    height: 26px;
    background: url('../img/cc.png') 0 0 no-repeat;
    margin: 0 0 4px 6px;
}
img#card_icon {
    width: 38px;
    height: 24px;
    background: url('../img/cc.png') 0 150px no-repeat;
    margin: 0 0 4px 6px;
}
img#card_icon.visa,
img#card_icon.visa_electron {
    background-position: 0 -122px;
}
img#card_icon.mastercard {
    background-position: 0 -98px;
}
img#card_icon.discover {
    background-position: 0 -50px;
}
img#card_icon.maestro {
    background-position: 0 -74px;
}
img#card_icon.amex {
    background-position: 0 -26px;
}
/* credit card styles end */

/* geo autocomplete styles */
.pac-container {
    box-shadow: none;
    border: 2px #aaaaaa solid;
    margin: 2px 0 0 0;
    border-radius: 0;
    box-sizing: content-box;
}
.pac-container:after {
    content: none;
    display: none;
}
.pac-container > .pac-item.pac-item-selected {
    background-color: #ececec;
}
.pac-container > .pac-item:first-child {
    border-top: 0;
}

input.gm-err-autocomplete {
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}
/* geo autocomplete styles end */
/*** MISCELLANEOUS END ***/

/*** TABS ***/
ul.tabs {
    height: 36px;
    white-space: nowrap;
    border-bottom: 1px #d4d4d4 solid;
    margin-bottom: 20px;
    position: relative;
}
ul.tabs > li {
    display: inline-block;
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    margin: 0 5px;
}
ul.tabs > li > a {
    display: inline-block;
    padding: 0 15px;
    height: 36px;
    line-height: 34px;
    font-size: 1.071em;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #2e73bf;
    vertical-align: top;
}
ul.tabs > li:first-child {
    margin-left: 0;
}
ul.tabs > li:last-child {
    margin-right: 0;
}
ul.tabs > li.active > a {
    color: #222222;
    border-bottom: 3px #ff9700 solid;
    cursor: default;
}
ul.tabs:not(.search_tabs) > li.active > a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -9px;
    border-style: solid;
    border-width: 9px;
    border-color: #ff9700 transparent transparent;
}
ul.tabs > li.more {
    padding: 0;
    margin: 0;
    width: 40px;
    height: 42px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: auto;
}
ul.tabs > li.more.opened {
    background: white;
    box-shadow: inset 0 1px 0 0 #d4d4d4, inset 1px 0 0 0 #d4d4d4, inset -1px 0 0 0 #d4d4d4;
}
.side_block_search ul.tabs > li.more.opened {
    border-top-right-radius: 15px;
}
ul.tabs > li.more > span {
    width: 4px;
    height: 4px;
    background: #000000;
    display: inline-block;
    margin: 17px 2px 0 0;
    border-radius: 2px;
    vertical-align: top;
}
ul.tabs > li.more > span:last-child {
    margin-right: 0;
}
ul.tabs > li.overflowed {
    position: absolute;
    right: 0;
    top: 41px;
    padding: 0;
    display: none;
    z-index: 40;
}
ul.tabs > li.overflowed.opened {
    display: block;
}
ul.tabs > li.overflowed > ul {
    background: white;
    padding: 3px 0 5px;
    border: 1px #d4d4d4 solid;
}
ul.tabs > li.overflowed > ul > li {
    padding: 0 18px;
    white-space: nowrap;
    line-height: 40px;
}
ul.tabs > li.overflowed > ul > li.active > a {
    color: #2b2b2b;
}

ul.tabs.search_tabs {
    position: absolute;
    height: 42px;
    top: -34px;
    margin: 0;
    border: 0;
}
ul.tabs.search_tabs > li {
    height: 42px;
    border: 0;
    padding: 0;
    margin: 0;
}
ul.tabs.search_tabs > li:not(.more) > a {
    display: block;
    text-align: center;
    height: 100%;
    line-height: 42px;
    margin: 0 10px 0 0;
    padding: 0 15px;
    border: 0;
    color: #2e73bf;
    font-weight: 300;
    position: relative;
}
ul.tabs.search_tabs > li.active > a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-style: solid;
    border-width: 7px;
    border-color: #ff9700 transparent transparent;
}
ul.tabs.search_tabs > li.active > a {
    color: #222222;
    border-bottom: 2px solid #ff9700;
}
/*** TABS END ***/

/*** ALPHABETIC SEARCH ***/
div.alphabetic-saerch {
    margin: 0 auto;
}
div.alphabetic-saerch > div {
    margin: 2px 0 0 2px;
}
div.alphabetic-saerch > div > a {
    width: 41px;
    height: 41px;
    border: 2px #d0d0d0 solid;
    display: inline-block;
    text-align: center;
    margin: -2px 0 0 -2px;
    line-height: 38px;
}
div.alphabetic-saerch > div > a.wide {
    width: 80px;
}
div.alphabetic-saerch > div > a:hover {
    background: #d0d0d0;
    color: #010101;
}
div.alphabetic-saerch > div > a.active {
    background: #707070;
    color: white;
}
/*** ALPHABETIC SEARCH END ***/

/*** SUBMIT FORM ELEMENTS ***/
div.submit-cell {
    padding-bottom: 10px;
    *zoom: 1;
}
div.submit-cell:after {
    clear: both;
    content: '';
    display: table;
}

form > div.submit-cell:last-of-type {
    padding-bottom: 0;
}
div.submit-cell > div.name {
    float: left;
    width: 180px;
    color: #4f4f4f;
    padding: 8px 10px 8px 0;
}
div.submit-cell > div.field {
    overflow: hidden;
    min-height: 30px;
}
div.submit-cell > div.field.search-button > a {
    margin-left: 20px;
}
div.submit-cell > div.field.checkbox-field,
div.submit-cell > div.field.inline-fields {
    padding-top: 5px;
    min-height: 28px;
}
div.submit-cell.custom-padding {
    padding: 5px 0 10px 0;
}
div.submit-cell.custom-padding > div {
    min-height: 25px;
}
div.submit-cell.buttons {
    padding: 10px 0 0 0;
}
div.submit-cell > div.field.two-fields {
    max-width: 520px;
}

#modal_block div.submit-cell div.name {
    width: 120px;
}
#modal_block div.submit-cell div.field input[type=text],
#modal_block div.submit-cell div.field input[type=password] {
    width: 100%;
}

/* single */
.field.single-field > select {
    width: 250px;
}
.field.single-field > input[type=text] {
    width: 400px;
    min-width: 80px;
}
.field.single-field > textarea {
    max-width: 600px;
    display: block;
}
/* inline */
.field.inline-fields > span.custom-input {
    display: inline-block;
    padding: 0 30px 0 0;
}
/* two */
.field.two-fields > select,
.field.two-fields > input[type=text] {
    margin-right: 10px;
    min-width: 80px!important;
}
.field.two-fields > select:last-child,
.field.two-fields > input[type=text]:nth-child(2n) {
    margin-right: 0;
}
.field.two-fields > .custom-input,
.field.couple-field > .custom-input {
    display: inline-block;
    padding-top: 10px;
}
/* combo */
.field.combo-field > input {
    width: 150px;
    margin-right: 20px;
}
.field.combo-field > select {
    width: 80px;
}
/* three */
.field.three-field > select {
    width: 90px;
}
.field.three-field > input {
    margin-right: 10px;
}
.field.three-field > *:last-child {
    margin-right: 0;
}
/* checkbox */
.field.checkbox-field .custom-input {
    display: inline-block;
    width: 33.33%;
}
.field.checkbox-field .custom-input {
    padding: 0 0 10px 0;
}
.field.checkbox-field .custom-input > label {
    padding-right: 5px;
}
span.phone-field > select {
    width: 80px;
}
input.date {
    width: 140px!important;
}

.field span.divider,
.search-form-cell span.divider {
    padding: 0 10px;
}

.form-buttons {
    display: block;
}
.form-buttons:not(.no-top-padding) {
    padding-top: 30px;
}
.form-buttons a:not(.button) {
    padding: 0 30px 0 0;
}
.form-buttons.right {
    text-align: right;
}
.form-buttons.form a {
    display: inline-block;
    width: 147px;
    text-align: right;
}

.wauto {
    width: auto!important;
    max-width: 100%;
}
.w120 {
    width: 120px!important;
}
.w210 {
    width: 210px!important;
}

/* qtip */
img.qtip {
    width: 18px;
    height: 18px;
    background: url('../img/gallery.png') 0 -467px no-repeat rgba(77,137,234,.7);
    margin: -3px 0 0 10px;
}
img.qtip:hover {
    background-color: rgba(77,137,234,1);
}
div.qtip_cont {
    display: none;
}
div.qtip-defaults {
    max-width: 300px;
}
/* qtip end */

/* multilingual tabs */
div.ml_tabs {
    overflow: hidden;
    position: relative;
}
div.ml_tabs > ul {
    height: 40px;
    white-space: nowrap;
    border-bottom: 1px #d4d4d4 solid;
    margin-bottom: 8px;
    position: relative;
}
div.ml_tabs > ul li {
    display: inline-block;
    padding: 5px 0 0;
    height: 40px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #4d89ea;
    -moz-user-select: none;
    -webkit-user-select: none;
    vertical-align: top;
    margin: 0 20px;
}
div.ml_tabs > ul li:first-child {
    margin-left: 0;
}
div.ml_tabs > ul li:last-child {
    margin-right: 0;
}
div.ml_tabs > ul li.active {
    color: #030303;
    border-bottom: 3px #030303 solid;   
    cursor: default;
}
div.ml_tabs_content {
    padding: 10px 0;
}
div.ml_tabs_content input[type=text] {
    width: 100%;
    max-width: 600px;
}

div.ml_tabs div.nav {
    display: none;
}
/* multilingual tabs end */
/*** SUBMIT FORM ELEMENTS END ***/

/*** MESSAGES ***/
img.account-picture {
    width: 200px;
    height: 100px;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url('../img/no-account.png');
    border-radius: 5px;
}
div.picture.no-picture img {
    background-size: inherit;
}
table.contacts-list td.info {
    vertical-align: top;
}
table.contacts-list td.info .name {
    color: #494949;
}
table.contacts-list td.info .name > span:not(.new) {
    font-size: 0.929em;
    color: black;
}
table.contacts-list td.info .date {
    color: #949494;
    font-size: 0.929em;
    padding: 0 0 10px 0;
}
table.contacts-list div.picture {
    position: relative;
    display: inline-block;
}
table.contacts-list div.picture span {
    width: 10px;
    height: 10px;
    background: #60d400;
    position: absolute;
    border-radius: 7px;
    top: -5px;
    right: -5px;
}
table.contacts-list div.name span.new {
    width: 10px;
    height: 10px;
    background: #60d400;
    border-radius: 7px;
    border: 2px white solid;
    display: none;
}

div#messages_cont {
    max-height: 600px;
    margin-bottom: 20px;
}
div#messages_cont .mCSB_container {
    margin-right: 10px;
}
ul#messages_area {
    margin-left: 13px;
}
ul#messages_area > li {
    border: 2px #e1e1e1 solid;
    padding: 15px 24px 15px 20px;
    margin: 0 40px 20px 0;
    position: relative;
    border-radius: 10px 10px 10px 0;
}
ul#messages_area > li > div {
    padding: 0 0 10px 0;
}
ul#messages_area > li:last-child {
    margin-bottom: 0;
}
ul#messages_area > li.me {
    border-color: #efefef;
    background: #efefef;
    margin: 0 13px 20px 20px;
    border-radius: 10px 10px 0 10px;
}
ul#messages_area > li.removed {
    opacity: 0.5;
}
ul#messages_area > li div.date {
    margin-top: 5px;
}
ul#messages_area > li:before,
ul#messages_area > li:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    left: -15px;
    bottom: -2px;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e1e1e1 transparent;
}
ul#messages_area > li:after {
    left: -10px;
    bottom: 0;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent white transparent;
}
ul#messages_area > li.me:after {
    display: none;
}
ul#messages_area > li.me:before {
    left: auto;
    right: -15px;
    border-width: 0 14px 14px 0;
    border-color: transparent transparent #efefef transparent;
}
ul#messages_area > li > span {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    right: 8px;
    background: url('../img/gallery.png') right -469px no-repeat;
    cursor: pointer;
    display: none;
    opacity: 0.5;
}
ul#messages_area > li > span:hover {
    opacity: 0.9;
}
ul#messages_area > li:hover > span {
    display: block;
}

div.send-controls {
    margin: 0 0 0 33px;
    text-align: right;
}
div.send-controls > div {
    display: inline-block;
    margin: 0 0 0 20px;
}
textarea#message_text {
    margin-bottom: 10px;
}
/*** MESSAGES ***/

/*** FEATURED LISTINGS BOX ***/
ul.featured > li {
    margin-bottom: 30px;
}
ul.featured > li.col-sm-4:nth-child(3n+1) {
    clear: both;
}
ul.featured:not(.row) {
    margin-left: -15px;
    margin-right: -15px;
}
section ul.featured:last-child {
    margin-bottom: -30px;
}
ul.featured > li img {
    width: 100%;
    height: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #e9e9e9;
    background-image: url('../img/no-picture.png');
    border-radius: 5px;
}
ul.featured > li.no-picture > a > img {
    background-size: auto auto;
}
ul.featured > li > ul {
    position: relative;
    padding: 9px 13px;
    background: white;
}
section.side_block:not(.no-style) ul.featured > li > ul,
section.content_block:not(.no-style) ul.featured > li > ul {
    padding-left: 0;
    padding-right: 0;
}
ul.featured > li > ul > li:not(:last-child) {
    margin-bottom: 8px;
}
ul.featured > li > ul > li.two-inline > nav > span {
    margin-top: 5px;
    cursor: pointer;
}

ul.featured.list > li {
    position: relative;
}
ul.featured.list > li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #707070;
    border-radius: 4px;
    top: 8px;
}
ul.featured.list > li {
    display: block!important;
}
ul.featured.list > li > ul > li {
    padding: 0 0 5px 15px;
    position: relative;
    white-space: normal;
}

ul.featured.with-pictures ul.ad-info > li.title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

article.item:not(.no-image) ul.ad-info > li.title,
article.item:not(.no-image) ul.ad-info:not(.with-names) > li.fields {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 45px;
}
article.item:not(.no-image) ul.ad-info:not(.with-names) > li.fields {
    -webkit-line-clamp: 1;
}
article.item:not(.no-image) ul.ad-info > li.fields:empty {
    display: none;
}
ul.ad-info > li.fields > span:not(:last-child) {
    margin-right: 5px;
}
ul.ad-info > li.fields > span:not(:last-child):after {
    content: ',';
}
ul.ad-info > li.fields {
    color: #444444;
    font-size: 0.875em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.ad-info > li.price_tag > div > span,
ul.ad-info .price-tag > span,
ul.ad-info > li.system .type {
    font-weight: 400;
    font-size: 1.125em;
}
/*** FEATURED LISTINGS BOX END ***/

/*** GRID NAVIGATION BAR ***/
.grid_navbar {
    height: 40px;
    border-bottom: 1px #e2e2e2 solid;
    margin-bottom: 20px;
}
.grid_navbar .switcher {
    float: right;
    line-height: normal;
    height: 40px;
}
.grid_navbar .switcher > div {
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.grid_navbar .hook {
    vertical-align: top;
}
.grid_navbar .buttons > div {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    margin-left: 2px;
}
.grid_navbar .buttons > div.active {
    border-bottom: 3px #ff9700 solid;
}
.grid_navbar .buttons > div > div {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 11px;
    left: 11px;
    line-height: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.grid_navbar .buttons > div > div > span {
    display: inline-block;
    border: 2px #4d89ea solid;
    border-radius: 1px;
    vertical-align: top;
}

/* list view */
.grid_navbar div.list > div {
    top: 12px;
}
.grid_navbar div.list > div > span {
    width: 10px;
    height: 2px;
    margin: 0 0 2px 2px;
    border: 0;
    background: #4d89ea;
}
.grid_navbar div.list > div > span:nth-child(3n+1) {
    width: 6px;
    height: 6px;
    border: 2px #4d89ea solid;
    background: none;
    margin: 0 0 4px 0;
}
.grid_navbar div.list > div > span:nth-child(3n) {
    width: 6px;
    height: 2px;
    float: right;
    margin: -6px 4px 0 0;
    border: 0;
    background: #4d89ea;
}

/* grid view */
.grid_navbar div.grid > div > span {
    width: 8px;
    height: 8px;
}
.grid_navbar div.grid > div > span:nth-child(2n) {
    margin: 0 0 2px 2px;
}

.grid_navbar div.list.active > div > span {
    background-color: #030303;
}
.grid_navbar div.list:not(.active):hover > div > span {
    background-color: #1659d9;
}

.grid_navbar div.grid.active div > span,
.grid_navbar div.list.active div > span:nth-child(3n+1) {
    border-color: #030303;
    background: none;
}
.grid_navbar div.grid:not(.active):hover div > span,
.grid_navbar div.list:not(.active):hover div > span:nth-child(3n+1) {
    border-color: #1659d9;
    background: none;
}

/* map view */
.grid_navbar div.map > div {
    width: 14px;
    left: 13px;
}
.grid_navbar div.map > div > span {
    width: 14px;
    border: 0;
    height: 18px;
    background: url('../img/gallery.png') 0 -67px no-repeat;

    opacity: 0.7;
}
.grid_navbar div.map.active span {
    background: url('../img/gallery.png') -26px -67px no-repeat;
}
.grid_navbar div.map:hover span,
.grid_navbar div.map.active span {
    opacity: 1;
}

/* sorting */
.grid_navbar .sorting {
    display: inline-block;
    position: absolute;
    line-height: 40px;
}
.grid_navbar .sorting > div.current.disabled {
    cursor: default;
    background: #e2e2e2;
    border-radius: 5px 5px 0 0;
}
.grid_navbar .sorting > div.current.disabled span.link {
    color: inherit;
}
.grid_navbar .current {
    height: 40px;
    padding: 0 20px 0 18px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.grid_navbar .current.active {
    background: white;
    z-index: 11;
    position: relative;
    box-shadow: inset 0 1px 0 0px #d4d4d4, inset 1px 0 0 0px #d4d4d4, inset -1px 0 0 0px #d4d4d4;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}
.grid_navbar .sorting span.arrow {
    width: 9px;
    height: 6px;
    display: inline-block;
    margin: 0 0 0 2px;
    background: url('../img/gallery.png') -22px -1280px no-repeat;
}

.grid_navbar .sorting .active span.arrow {
    background-position: -22px -1267px;
}
.grid_navbar ul.fields {
    z-index: 10;
    background: white;
    position: absolute;
    top: 39px;
    left: 0;
    display: none;
    padding: 3px 0 5px;
    min-width: 100%;
    border: 1px #d4d4d4 solid;
    border-radius: 0 5px 5px;
}
.grid_navbar ul.fields > li {
    padding: 0 18px;
    white-space: nowrap;
}
.grid_navbar ul.fields > li a.active {
    color: #2b2b2b;
}
/*** GRID NAVIGATION BAR END ***/

/*** LISTINGS GRID ***/
/* grid view */
section#listings > article {
    position: relative;
}
section#listings div.picture > img,
div.map-balloon div.picture > img {
    width: 190px;
    height: 130px;
    background-image: url('../img/no-picture.png');
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 3px;
}
section#listings div.picture.no-picture > img,
div.map-balloon div.picture.no-picture > img {
    background-size: auto auto!important;
    background-color: white;
}
section#listings > article div.picture {
    position: relative;
    border-radius: 5px;
    border: 1px #d9d9d9 solid;
    padding: 2px;
}
section#listings div.picture > span,
div.map-balloon div.picture > span {
    min-width: 21px;
    height: 20px;
    position: absolute;
    bottom: 4px;
    left: 8px;
    border: 2px #d9d9d9 solid;
    text-align: center;
    font-size: 0.857em;
    cursor: pointer;
    z-index: 2;
    color: #333;
    border-radius: 2px;
}
section#listings div.picture > span:after,
div.map-balloon div.picture > span:after {
    content: attr(accesskey);
    width: 100%;
    height: 100%;
    position: absolute;
    background: #d9d9d9;
    left: -4px;
    top: -4px;
    box-shadow: 0 0 0 2px #d9d9d9;
    line-height: 18px;
    border-radius: 1px;
}
section#listings ul.nav-column > a span.icon,
section#listings ul.nav-column > li span.icon {
    opacity: 0.7;
}
section#listings ul.nav-column > a:hover span.icon,
section#listings ul.nav-column > li:hover span.icon {
    opacity: 1;
}
section#listings ul.nav-column > li span.icon {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 4px;
    cursor: pointer;
}
.favorite span.icon {
    background: url('../img/gallery.png') 0 -94px no-repeat;
    display: inline-block;
    width: 18px;
    height: 16px!important;
}
section#listings.grid .favorite span.icon {
    top: 3px!important;
}
.favorite.remove span.icon {
    background-position: -22px -94px;
}

section#listings ul.ad-info > li:not(:last-of-type) {
    margin-bottom: 5px;
}
section#listings div.stat-line {
    position: absolute;
    bottom: 0;
}
section#listings span.price-tag + div.stat-line {
    position: static;
    display: inline-block;
}
section#listings div.stat-line > li,
section#listings div.stat-line > span {
    display: inline-block;
    margin-right: 10px;
}
section#listings div.stat-line > * > a,
section#listings div.stat-line > * > span {
    padding: 0 0 0 22px;
    position: relative;
}
section#listings div.stat-line > * > a:after,
section#listings div.stat-line > * > span:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url('../img/gallery.png') left -675px no-repeat;

    opacity: 0.7;
}
section#listings div.stat-line > * > a:hover:after,
section#listings div.stat-line > * > span:hover:after {
    opacity: 1;
}

section#listings > article div.navigation-column {
    width: 190px;
    padding-left: 20px
}
section#listings > article div.navigation-column div.before-nav {
    margin-bottom: 10px;
}
section#listings > article div.navigation-column div.before-nav:empty {
    display: none;
}

/* featured */
article.featured div.picture > span,
div.map-balloon.featured div.picture > span {
    border-color: #f8bb00!important;
}
article.featured div.picture,
div.map-balloon.featured div.picture {
    border-color: #f8bb00!important;
}
div.map-balloon.featured div.picture > span:after,
article.featured div.picture > span:after {
    box-shadow: 0 0 0 2px #f8bb00!important;
    background-color: #f8bb00!important;
    color: white;
}
article.featured div.picture > span,
div.map-balloon.featured div.picture > span {
    border-color: #f8bb00!important;
}
article.featured div.picture > div.label,
div.map-balloon div.picture > div.f-label {
    position: absolute;
    right: 0;
    top: 0;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    background: #f8bb00;
    font-size: 0.857em;
    text-align: center;
    color: white;
    font-weight: 300;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
}
section.my-listings article.featured div.picture > div.label {
    top: 0;
}
/* featured end */

/* list view */
section#listings:not(.list):not(.grid) {
    display: none;
}
section.list > article {
    margin: 0 0 30px 0;
    min-height: 95px;
    width: 100%;
}
section#listings.list > article:last-of-type {
    margin-bottom: 0;
}
section#listings.list div.picture {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    float: left;
}
section#listings.list ul.ad-info {
    overflow: hidden;
}
section#listings ul.ad-info > li.system > span:not(:last-child) {
    margin-right: 30px;
}
section#listings ul.ad-info span.favorite {
    display: inline-block;
    vertical-align: middle;
}

section#listings.list ul.nav-column {
    text-transform: none;
}
section#listings.list ul.nav-column.stick-top {
    padding: 0;
}
section#listings.list ul.nav-column > li {
    /*line-height: 2.357em;*/
    cursor: pointer;
    position: relative;
    padding: 3px 0 8px 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
}
section#listings.list ul.ad-info > li.fields > div.table-cell:last-child > div {
    padding-bottom: 0;
}
/* list view end */

/* grid view */
section.grid {
    margin-left: -15px;
    margin-right: -15px;
}
section.grid > article {
    padding-bottom: 30px;
}
section.grid > div.divider {
    clear: both;
}
section#listings ul.ad-info {
    text-transform: none;
}
section#listings.grid ul.nav-column > a > span.link,
section#listings.grid ul.ad-info > ol {
    display: none;
}
section#listings.grid > article div.picture {
    margin-bottom: 10px;
}
section#listings.grid > article div.picture > img {
    width: 100%;
    height: auto;
}
section#listings.grid > article:not(.no-image) ul.ad-info > li.title,
section#listings.grid > article:not(.no-image) ul.ad-info > li.fields {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
section#listings.grid ul.ad-info > li:not(:last-of-type) {
    margin-bottom: 4px;
}
section#listings.grid > article div.navigation-column {
    position: absolute;
    width: auto;
    bottom: 28px;
    right: 16px;
    z-index: 1;
}
section#listings.grid > article div.navigation-column div.before-nav {
    display: none;
}
section#listings.grid ul.nav-column > li {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-left: 8px;
    position: relative;
}
section#listings.grid ul.nav-column > li:first-child {
    margin-left: 0;
}
section#listings.grid ul.nav-column > li span.icon {
    top: 0;
}
section#listings.grid ul.nav-column > li > a > span.link,
section#listings.grid ul.nav-column > li > span.link {
    display: none;
}
/* grid view end */

/* no image grid view */
section#listings.list.no-image {
    margin: 0;
    padding: 0;
}
section#listings.list.no-image > article {
    width: auto;
    display: block;
    border-bottom: 2px #e6e6e6 solid;
    margin: 0 0 20px 0;
    padding: 0 0 10px;
    float: none;
}
section#listings.list.no-image a.link-large {
    font-size: 1.143em!important;
}
section#listings.list.no-image li.fields {
    padding-top: 7px;
}
section#listings.list.no-image ul.ad-info > li.title {
    padding-bottom: 0;
}
/* no image grid view end */

/* map view */
#listings_map,
#accounts_map {
    height: 500px;
}
div.map-balloon div.picture {
    position: relative;
    display: inline-block;
}
div.map-balloon div.picture > img {
    width: 150px;
    height: 103px;
}
div.map-balloon div.title {
    padding: 10px 0 5px;
    font-size: 15px;
    max-width: 180px;
}
div.map-balloon div.picture > span  {
    width: 22px;
    height: 16px;
    line-height: 15px;
    font-size: 12px;
}

div.map-balloon-account {
    padding: 0 0 5px 0;
}
div.map-balloon-account div.picture {
    width: 200px;
    height: 100px;
    margin-bottom: 10px;
}
div.map-balloon-account div.picture img {
    width: 100%;
    height: 100%;
}
div.map-balloon-account div.statistics {
    margin-bottom: 5px;
}
div.map-balloon-account ul.info > li {
    line-height: 20px;
}
/* map view end */

.category-description {
    border: 2px #e9e9e9 solid;
    padding: 14px 18px;
    margin: 0 0 20px;
}
/*** LISTINGS GRID END ***/

/*** LISTING DETAILS ***/
div.listing-details {
    position: relative;
}
div.listing-details h1 {
    margin: 0 0 18px 0;
}

/* top navigation */
div.listing-details div.top-navigation {
    height: 42px;
    padding: 0 15px;
    background: #efefef;
    position: relative;
    border-radius: 15px 15px 0 0;
}

div.listing-details div.top-navigation div.icons {
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    display: block;
    text-align: center;

    -moz-user-select: none;
    -webkit-user-select: none;
}
div.listing-details div.top-navigation div.icons a.button {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    text-align: left;
}
div.listing-details div.top-navigation div.icons > *:not(.button) {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 12px 10px 0;

    opacity: 0.7;
}
div.listing-details div.top-navigation div.icons > *:not(.button):hover {
    opacity: 1;
}
div.listing-details div.top-navigation div.icons > a.button {
    margin-top: 9px;
}
div.listing-details div.top-navigation div.icons > * > span {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
}
div.listing-details div.top-navigation div.icons > span.favorite {
    margin-top: 13px;
}
/* top navigation end */

/* gallery */
div.gallery > div#media {
    height: 513px;
    position: relative;
}
div.gallery div.preview,
div.gallery div.map-container,
div.gallery div#street_view,
div.gallery div#player {
    height: 100%;
    background: white;
}
div.gallery div.map-container {
    background-color: #e9e9e9;
}

div.gallery div#media.map .preview,
div.gallery div#media.street-view .preview,
div.gallery div#media.map + div.thumbs,
div.gallery div#media.locked span.zoom,
div.gallery div#media.street-view + div.thumbs {
    display: none;
}
div.gallery div#media.map span.map,
div.gallery div#media.map span.zoom,
div.gallery div#media.video span.zoom,
div.gallery div#media.video span.map,
div.gallery div#media.video span.street-view,
div.gallery div#media.gallery span.gallery,
div.gallery div#media.street-view span.zoom,
div.gallery div#media.street-view span.street-view {
    position: absolute!important;
    left: -9999px!important;
}
div.gallery div#media > .nav-buttons span.nav-button {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 38px;
    line-height: 36px;
    padding: 0 12px;
    background: rgba(55,55,55,.6);
    color: white;
    font-size: 0.929em;
    cursor: pointer;
    border-radius: 5px;
}
div.gallery div#media > .nav-buttons > .map {
    left: auto;
    right: 10px;
}

div.gallery div#media > .nav-buttons > span.map-group {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100;
}
div.gallery div#media > .nav-buttons > span.map-group span {
    position: static;
    display: inline-block;
}

div.gallery div#media.map > .nav-buttons .gallery {
    position: static;
    left: auto;
}

div.gallery div#media.map .map-container,
div.gallery div#media.street-view #street_view {
    display: block;
}

div.gallery div.preview iframe {
    width: 100%;
    height: 100%;
    display: none;
}
div.gallery div#media.video:not(.local) div.preview iframe {
    display: block;
}
div.gallery div#media.local div.preview div#player {
    display: block;
}
div.gallery div#media.video div.preview img {
    display: none;
}
div.gallery div.preview.video span.media-enlarge,
div.gallery div.preview.video img {
    display: none;
}
div.gallery div.preview > img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

/* locked gallery */
div.gallery div#media.locked div.preview > * {
    display: none;
}
div.gallery div#media.locked div.preview div#picture_locked {
    display: block;
}
div#picture_locked {
    height: 100%;
    background-color: #eeeeee;
}
div#picture_locked > div {
    height: 100%;
    text-align: center;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
div#picture_locked > div > div {
    width: 100%;

    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
}
div#picture_locked img {
    width: 96px;
    height: 142px;
    background: url('../img/locked-large.png') center center no-repeat;
    text-align: center;
    margin-bottom: 20px;
}
#media.picture #picture_locked p.picture-hint {
    display: block;
}
#media.fake-video #picture_locked p.video-hint {
    display: block;
}
/* locked gallery end */

/* gallery thumbnains bar */
div.gallery > div.thumbs {
    height: 95px;
    padding: 11px;
    background: #efefef;
    position: relative;
    border-radius: 0 0 15px 15px;
}
div.gallery > div.thumbs > div.prev,
div.gallery > div.thumbs > div.next {
    width: 71px;
    height: 71px;
    background: white;
    position: absolute;
    cursor: pointer;
    left: 11px;
    top: 11px;
    -moz-user-select: none;
    -webkit-user-select: none;
    border-radius: 5px;
}
div.gallery > div.thumbs > div.next {
    left: auto;
    right: 11px;
}
div.gallery > div.thumbs > div.disabled {
    cursor: default;
    opacity: 0.5;
}
div.gallery > div.thumbs > div.prev:before,
div.gallery > div.thumbs > div.next:before {
    content: '';
    width: 12px;
    height: 22px;
    background: url('../img/gallery.png') 0 -366px no-repeat;
    position: absolute;
    top: 24px;
    left: 29px;
    opacity: 0.7;
}
div.gallery > div.thumbs > div.next:before {
    background-position: -12px -366px;
    left: 33px;
}
div.gallery > div.thumbs > div.prev:not(.disabled):hover:before,
div.gallery > div.thumbs > div.next:not(.disabled):hover:before {
    opacity: 1;
}
div.gallery > div.thumbs > div.slider {
    margin: -23px 73px 0;
    padding: 23px 0 0;
}
div.gallery > div.thumbs > div.slider > ul {
    white-space: nowrap;
}
div.gallery > div.thumbs > div.slider > ul > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border-radius: 5px;
    margin-right: 2px;

    transition: margin 0.3s ease, border-color 0.3s;
}
div.gallery > div.thumbs > div.slider > ul > li span.play {
    position: absolute;
    background: url('../img/play.png') center center no-repeat rgba(0,0,0,.2);
    margin: 2px;
    left: 0px;
    top: 0;
    right: 2px;
    bottom: 0px;
    cursor: pointer;
}
div.gallery > div.thumbs > div.slider > ul > li img {
    width: 71px;
    height: 71px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    border-radius: 3px;
    border: 2px #d9d9d9 solid;
}
div.gallery > div.thumbs > div.slider > ul > li.active {
    margin-top: -23px;
    background: #969696;
}
div.gallery > div.thumbs > div.slider > ul > li.active.video {
    margin-top: -11px;
}
div.gallery > div.thumbs > div.slider > ul > li.locked img {
    background-color: #eeeeee;
    background-image: url('../img/locked.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}
div.gallery span.img-loading {
    background: url('../img/img_loader.gif') center center no-repeat #444444;
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px;
}
/* gallery thumbnains bar end */
/* gallery end */

div.listing-details {
    overflow: hidden;
}
div.listing-details div.price-tag {
    font-size: 1.714em;
    font-weight: 700;
}
#area_listing  div.listing-fields > div.row {
    margin-bottom: 25px;
}

/* icons */
a.print > span {
    background: url('../img/gallery.png') right -389px no-repeat;
}
/* icons end */

/* content section */
div.listing-details .content-section {
    padding: 20px 0 0;
    background: white;
}
div.listing-details .content-section div.details {
    overflow: hidden;
}
div.listing-details div.tab_area div.no-group + div:not(.no-group) {
    margin-top: 25px;
}
div.table-cell + div.fieldset {
    margin-top: 20px;
}
#area_listing > div.content-padding > div.table-cell:last-of-type {
    margin-bottom: 20px;
}
/* content section end */

/* seller info section */
.seller-short div.picture {
    margin: 0 20px 0 0;
    float: left;
}
.seller-short div.picture.landscape {
    margin-bottom: 10px;
}
.seller-short div.picture img {
    width: 140px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
}
.seller-short ul.seller-info {
    overflow: hidden;
}
.seller-short div.button-exists ul.seller-info {
    padding-bottom: 40px;
}
.seller-short ul.seller-info > li.name {
    margin-top: -2px;
}
.seller-short div.landscape ul.seller-info > li.name {
    font-size: 1.286em;
    padding-bottom: 5px;
}
.seller-short ul.seller-info > li.name a {
    font-weight: 400;
}
.seller-short ul.seller-info .type {
    font-weight: 400;
    color: #8e8e8e;
    font-style: italic;
}
.seller-short ul.seller-info > li.about {
    font-size: 0.929em;
    padding: 10px 0 0;
}
.seller-short:not(.no-pucture) a.low {
    position: absolute;
    bottom: 0;
}
.seller-short div.form {
    margin-top: 25px;
}
.seller-short form div.field {
    position: relative;
}
.seller-short form input[type=text]:not([name=security_code]) {
    width: 100%;
    padding-left: 37px;
}
.seller-short form input + span {
    position: absolute;
    left: 11px;
    top: 6px;
    width: 18px;
    height: 18px;
    background: url('../img/gallery.png') right -141px no-repeat;

    opacity: 0.7;
    transition: opacity 0.3s ease;
}
.seller-short form input[name=contact_email] + span {
    background-position: right -159px;
    height: 16px;
    top: 7px;
}
.seller-short form input[name=contact_phone] + span {
    background-position: right -175px;
}
.seller-short form input:focus + span {
    opacity: 1;
}

.seller-short div.info-table:not(.no-top-gap),
.seller-short div.owner-details {
    margin-top: 20px;
}

/* masked fields */
h3.cd-caption {
    margin: 0!important;
    padding-bottom: 10px;
}
h3.cd-caption + div.info-table:not(.no-top-gap) {
    margin-top: 0!important;
}
.masked > h3 {
    font-size: 1.286em;
    margin-top: 0;
    margin-bottom: 10px;
}
.masked {
    position: relative;
    min-height: 90px;
}
.masked > *:not(.login-mask):not(h3) {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    filter: blur(2px)
}
.masked div.login-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,.6);
    text-align: center;
    box-shadow: 0 0 6px 6px rgba(255,255,255,.6);

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.masked div.login-mask > div {
    width: 100%;

    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
}
.restricted-content > span {
    display: inline-block;
    margin-top: 10px;
}
.masked div.login-mask p {
    text-shadow: 1px 0 0 white;
}
.restricted-content > span > span {
    padding: 0 10px;
}
/* seller info section */

/* map capture */
section.map-capture {
    cursor: pointer;
    position: relative;
}
section.map-capture > img {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #e9e9e9;
}
/* map capture end */

/* statistics section */
div.listing-details section.statistics ul.counters {
    overflow: hidden;
}
div.listing-details section.statistics ul.counters > li {
    padding: 5px 0;
    color: #222222;
    min-height: 26px;
    line-height: 26px;
    font-size: 0.929em;
}
div.listing-details section.statistics ul.counters > li span.count {
    font-size: 1.714em;
    margin-right: 5px;
}

div.listing-details section.statistics ul.controls {
    float: right;
    width: 70%;
}
div.listing-details section.statistics ul.controls > li:first-child {
    padding: 4px 0 10px;
}
div.listing-details section.statistics ul.controls > li {
    padding: 7px 0 12px;
    min-height: 20px;
}
/* statistics section end */
/*** LISTING DETAILS END ***/

/*** ACCOUNTS GRID ***/
section#accounts > article div.picture {
    width: 200px;
    max-width: 200px;
    height: 100px;
    margin-right: 15px;
    float: left;
}
section#accounts > article > div.main-container {
    margin-bottom: 10px;
}
section#accounts > article div.picture img {
    width: 100%;
    height: 100%;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url('../img/no-account.png');
    border-radius: 5px;
}
section#accounts > article div.no-picture div.picture img {
    background-size: auto;
}
section#accounts > article div.statistics {
    overflow: hidden;
    position: relative;
    height: 100px;
}
section#accounts div.statistics > ul {
    margin-top: -6px;
}
section#accounts div.statistics > ul > li {
    line-height: 26px;
}
section#accounts div.statistics div.counter {
    position: absolute;
    top: 58px;
}
section#accounts div.statistics div.counter span:first-child {
    display: block;
    font-size: 1.286em;
    font-weight: 600;
}
section#accounts div.statistics div.counter span:last-child {
    font-size: 0.929em;
}
section#accounts > article > ul {
    margin-top: -6px;
    text-transform: none;
}
section#accounts > article > ul > li {
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}
section#accounts > article > ul > li.fields {
    font-size: 0.929em;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
section#accounts > article > ul > li.fields > span:after {
    content: ',';
}
section#accounts > article > ul > li.fields > span:last-child:after {
    content: '';
}
section#accounts > article > ul > li.tel a {
    font-weight: 400;
}

section#accounts > article .landscape {
    position: relative;
}
section#accounts > article .landscape div.picture {
    margin-right: 0;
    margin-left: 0;
    float: none;
}
section#accounts > article .landscape div.statistics {
    height: auto;
    position: static;
}
section#accounts > article .landscape div.statistics > ul {
    margin-top: 0;
}
section#accounts > article .landscape div.statistics > div.counter {
    top: 0;
    background: rgba(0,0,0,.8);
    height: 22px;
    line-height: 20px;
    padding: 0 5px;
    color: white;
    pointer-events: none;
    border-radius: 3px;
}
section#accounts > article .landscape div.statistics > div.counter span:first-child {
    display: inline;
    font-size: 0.929em;
    font-weight: 400;
}
/*** ACCOUNTS GRID END ***/

/*** ACCOUNT DETAILS PAGE ***/
section.account-info li.counter {
    padding: 15px 0 0 0;
}
section.account-info li.counter span:first-child {
    /*display: block;*/
    font-size: 1.286em;
    font-weight: 600;
}
section.account-info li.counter span:last-child {
    font-size: 0.929em;
}

div.map-capture {
    height: 219px;
    border: 1px #e9e9e9 solid;
    margin: 15px -18px -18px;
    cursor: pointer;
    position: relative;
}
div.map-capture > img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
/*** ACCOUNT DETAILS PAGE END ***/

/*** ACCOUNT AREA ***/
.login-form input[type=text],
.login-form input[type=password] {
    width: 250px;
    display: block;
    margin: 0 0 10px;
}
.login-form .links {
    padding-top: 15px;
}
.login-form .divider {
    padding-top: 5px;
    display: block;
}
.fb-connect {
    display: inline-block;
    line-height: 28px;
    height: 30px;
    width: 100%;
    padding: 0 20px 0;
    color: white!important;
    font-size: 1.071em;
    background-color: #547fd8;
    background: linear-gradient(to top, #547fd8, #739ae9);
    position: relative;
    vertical-align: top;
    text-decoration: none!important;
    border: 1px solid #3d6ac8;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.2), 0 1px 0 #bbddff;
    border-radius: 15px !important;
    text-align: center;
}
.fb-connect:hover {
    background: #739ae9;
}
div.button a.fb-connect {
    width: auto;
    padding: 0 15px 0 40px;
    margin: 0 10px;
}
div.button a.fb-connect:before {
    content: 'f';
    position: absolute;
    width: 17px;
    height: 16px;
    line-height: 16px;
    left: 12px;
    top: 6px;
    font-size: 1.143em;
    border-right: 1px #3563c0 solid;
    text-align: left;
}

.welcome {
    padding: 0 0 10px;
    font-size: 1.071em;
}
ul.account-menu-content {
    display: inline-block;
}
ul.account-menu-content > li {
    padding: 5px 30px 5px 0;
    position: relative;
}
ul.account-menu-content > li:last-child {
    padding: 0;
}
div.attention:not(:empty) {
    padding: 0 0 15px;
}
div.attention span.red {
    padding: 0;
}
/*** ACCOUNT AREA END ***/

/*** MY PROFILE ***/
.my-profile-sidebar .info {
    margin-top: 10px;
}
.my-profile-sidebar table.info td.name {
    width: 85px;
}
.image-preview-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.image-preview-wrapper .image-preview {
    background-color: #f9f9f9;
    width: 200px;
    height: 100px;
    background-image: url('../img/no-account.png');
    background-size: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 5px;
}
.image-preview-wrapper .image-preview.loaded {
    background-size: cover!important;
}
.image-preview-wrapper label {
    text-decoration: underline;
    font-size: 0.857em;
    padding-top: 5px;
}
.image-preview-wrapper label:hover {
    text-decoration: none;
}
.image-preview-wrapper input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    border: 0;
    opacity: 0;
    -o-transform: translate(250px, -50px) scale(1);
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
    cursor: pointer;
    height: 200px;
}
.image-preview-wrapper div.two-inline {
    margin: 5px 0 0 0;
}
.image-preview-wrapper div.two-inline div.icons > span {
    margin: 1px 0 0 10px;
}
/*** MY PROFILE END ***/

/*** MY PACKAGES ***/
ul.packages > li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px;
}
ul.packages > li div.frame {
    width: 364px;
    border: 2px #e9e9e9 solid;
    padding: 15px 18px;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
ul.packages > li div.plan-info {
    width: 45%;
    float: left;
    margin-top: -3px;
}
ul.packages > li .highlight {
    color: black;
}
ul.packages > li div.listing-info {
    overflow: hidden;
    padding: 3px 0 0 20px;
}
ul.packages li > div > div > span {
    display: block;
}
ul.packages h3 {
    color: #393939;
    font-size: 1.286em;
    font-weight: 200;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: -5px 0 10px 0;
}
ul.packages span.price {
    color: #3a3a3a;
    font-size: 2.429em;
    font-weight: normal;
    padding: 0 0 15px;
}
ul.packages span.count {
    color: #888;
    font-weight: 300;
}
ul.packages div.listing-info > span.count:not(:last-child) {
    padding-bottom: 8px;
}
ul.packages > li div.listing-info > span.count:last-child {
    padding: 0;
}

ul.packages > li div.status {
    margin: auto;
    margin-left: 30px;
}
ul.packages > li div.status div.renew {
    padding-top: 15px;
}
ul.packages .overdue,
ul.packages .expired {
    color: #a52323;
}
ul.packages .active {
    color: #63b53b;
}
form[name="payment"] div.nav-buttons {
    padding-top: 20px;
}
/*** MY PACKAGES END ***/

/*** TABLES ***/
/* submit table */
table.submit {
    table-layout: fixed;
}
table.submit td {
    height: 38px;
    padding: 0 0 10px;
}
table.submit td.name {
    width: 180px;
    padding-right: 10px;
}
table.submit td .name {
    padding: 5px 0 5px;
}
table.submit td.field input[type=text],
table.submit textarea {
    width: 100%;
}
table.submit td.button {
    padding: 10px 0 0 0;
}
table.submit a.close {
    padding-left: 20px;
}
/* submit table end */

/* details table */
div.table-cell > div {
    min-height: 28px;
    line-height: 26px;
    vertical-align: top;
}
div.table-cell:not(.wide-field) > div.name {
    font-size: 0.929em;
}
div.table-cell > div.name {
    width: 200px;
    color: #888888;
    float: left;

    overflow: hidden;
    text-overflow: ellipsis;
}
div.table-cell > div.name > div {
    background: url('../img/gallery.png') 0 16px repeat-x;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 24px;
}
div.table-cell > div.name > div > span {
    background: #f2f2f2;
    padding-right: 7px;
}
section.content-section div.table-cell > div.name > div > span {
    background: white;
}
div.table-cell div.value {
    color: #111111;
    word-wrap: break-word;
    overflow: hidden;
    text-transform: none;
}
div.table-cell > div.name + div.value {
    padding-left: 10px;
}
div:not(.body) > div > div.table-cell.wide-field {
    margin-top: 10px;
    margin-bottom: 20px;
}
#area_listing div.listing-fields > div:first-child > div.table-cell.wide-field:first-child div.name {
    display: none;
}
div.table-cell.wide-field div.name {
    float: none;
    width: 100%!important;
}
div.table-cell.wide-field div.name > div {
    background: none;
}
div.table-cell.wide-field > div.name + div.value {
    padding-left: 0px;
}
div.table-cell ul.checkboxes {
    margin-bottom: 15px;
}
div.table-cell ul.checkboxes > li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.table-cell ul.checkboxes > li img {
    width: 17px;
    height: 12px;
    vertical-align: baseline;
    margin-right: 8px;
    margin-left: 2px;
}
div.table-cell ul.checkboxes > li.active img {
    background: url('../img/gallery.png') 0 -147px no-repeat;
}
div.table-cell ul.checkboxes > li:not(.active) {
    color: #9e9e9e;
    text-decoration: line-through;
}
/* details table end */

/* information table */
table.info {
    table-layout: fixed;
}
table.info td,
div.table-cell.small > div {
    vertical-align: top;
    padding-bottom: 5px;
    font-weight: normal!important;
    line-height: normal;
    min-height: inherit;
}
table.info td.name:after,
div.table-cell.small > div.name:after  {
    content: ':';
}
div.table-cell.small > div.value {
    white-space: normal;
}
table.info td.image,
div.table-cell.small > div.image {
    padding-top: 5px;
}
div.info-table > div.table-cell:last-of-type {
    margin-bottom: 0!important;
}
/* information table end */

/* table view table */
table.table {
    table-layout: fixed;
}
table.table td {
    min-height: 30px;
    padding: 5px 0;
    vertical-align: top;
}
table.table td.name {
    width: 215px;
    color: #949494;
    padding-right: 10px;
}
table.table td.value {
    color: #000000;
    word-wrap: break-word;
}
/* table view table end */

/* list table */
table.list {
    width: 100%;
    table-layout: fixed;
}
table.list span.text {
    color: #515151;
    font-size: 0.857em;
}
table.list > tbody > tr.header {
    border: 2px #e9e9e9 solid;
}
table.list > tbody > tr.header > td {
    font-size: 0.929em;
    padding: 0 0 0 30px;
    height: 40px;
}
table.list > tbody > tr.header > td:first-child {
    padding-left: 10px;
    width: 33px;
}
table.list tr.header td.divider {
    padding: 0;
    width: 5px;
    border: 0;
}
table.list > tbody > tr.body {
    border-bottom: 2px #e9e9e9 solid;
}
table.list > tbody > tr.body > td {
    padding: 20px 0 20px 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
table.list > tbody > tr.body > td.info > a {
    white-space: normal;
}
table.list > tbody > tr.body > td:first-child {
    padding-left: 11px;
}
table.list>tbody td.no_padding
{
    padding-left: 5px!important;
    padding-right: 5px!important;
}
table.list tr.body td.divider {
    border: 0;
}
table.list td.price div {
    width: 50px;
    background: red;
    color: #000000;
    font-size: 16px;
    line-height: 17px;
    padding: 5px 5px;
    margin-right: 10px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    overflow: hidden;
}
table.list span.name
{
    text-transform: uppercase;
}
/* list table end */

div.list-table {
    display: table;
    width: 100%;
}
div.list-table > div {
    display: table-row;
    position: relative;
    margin: 0;
}
div.list-table > div:not(.header):hover {
    background: rgba(0,0,0,.05)
}
div.list-table > div:before,
div.list-table > div:after {
    content: none;
}
div.list-table > div.header {
    height: 28px;
}
div.list-table > div > div {
    display: table-cell;
    padding-right: 15px;
}
div.list-table > div > div:last-child {
    padding-right: 0;
}
div.list-table > div.header > div {
    vertical-align: top;
    font-size: 0.929em;
    color: #8e8e8e;
    border-bottom: 2px #e9e9e9 solid;
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap;
}
div.list-table > div > div.center {
    padding-right: 0!important;
}
div.list-table > div.row > div {
    vertical-align: top;
    padding-top: 11px;
    padding-bottom: 11px;
    color: #111111;
}
div.list-table > div.row > div > div.inline {
    display: inline;
}
div.list-table > div.row > div.text {
    padding-top: 22px;
}
div.list-table > div.row > div > table.table {
    margin-top: -5px;
}
div.list-table > div.row > div > table.table td.name {
    width: 150px;
}
div.list-table .text {
    color: #515151;
    font-size: 0.857em;
}
div.list-table span.title {
    display: none;
}

.transactions div.table-cell.small > div.name {
    width: 95px;
}

.mass-actions {
    padding: 15px 0 0 14px;
}
.mass-actions > a:not(:last-child):after {
    content: '|';
    padding: 0 10px;
    color: #5c5c5c;
    font-size: 0.929em;
}

.statuses .paid,
.statuses .unpaid,
.statuses .active,
.statuses .approval,
.statuses .incomplete,
.statuses .pending,
.statuses .expired {
    color: #63b53b;
    font-size: 0.929em;
}
.statuses .approval {
    color: #666666;
}
.statuses .incomplete {
    color: #2767b5;
}
.statuses .pending {
    color: #e88d22;
}
.statuses .expired {
    color: #fb0000;
}
.statuses .paid {
    color: #63b53b; 
}
.statuses .unpaid {
    color: #fb0000;
}

.statuses .active:paid,
.statuses .active:unpaid,
.statuses .active:before,
.statuses .approval:before,
.statuses .incomplete:before,
.statuses .pending:before,
.statuses .expired:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #63b53b;
    margin-right: 8px;
}
.statuses .approval:before {
    background: #666666;
}
.statuses .incomplete:before {
    background: #2767b5;
}
.statuses .pending:before {
    background: #e88d22;
}
.statuses .expired:before {
    background: #fb0000;
}
/*** TABLES END ***/

/*** NEWS BLOCK ***/
ul.news > li {
    padding: 0 0 20px;
}
ul.news > li:last-child {
    padding: 0;
}
ul.news div.date {
    float: right;
    padding-top: 4px;
}
ul.news h4 {
    overflow: hidden;
    padding: 0 10px 0 0;
}
ul.news article {
    padding: 10px 0 0 0;
    font-size: 0.929em;
}
article.news {
    padding: 10px 0;
    line-height: 26px;
    font-size: 1.143em;
}
/*** NEWS BLOCK END ***/

/*** FIELDSET ***/
div.fieldset {
    margin: 0 0 20px 0;
}
div.fieldset > header {
    padding: 0 0 8px;
    border-bottom: 2px #d4d4d4 solid;
    text-transform: uppercase;
    font-weight: 700;
}
div.fieldset > header > span.arrow {
    display: none;
}
div.fieldset > div.body > div {
    padding: 15px 0 5px;
}

#controller_area div.fieldset > header,
.content_block div.fieldset > header {
    border: 0;
    padding-bottom: 0;
}

#controller_area div.fieldset > header > span.arrow {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 0;
    cursor: pointer;
    position: relative;
    background: url(../img/gallery.png) 0 -225px no-repeat;
}
#controller_area div.fieldset > header > span.arrow.up {
    background-position: -22px -225px;
}
#controller_area div.fieldset > div.body > div {
    padding-top: 10px;
}

.row > div.fieldset.divider {
    padding-left: 15px;
    padding-right: 15px;
}
div.fieldset.divider {
    margin: 0 0 15px 0;
}
div.fieldset.divider > header {
    margin: 0;  
}
/*** FIELDSET END ***/

/*** CATEGORIES BLOCK ***/
div.categories {
    width: auto;
    overflow: hidden;
    margin-bottom: -10px;
}
div.categories div.categoty-column.row {
    margin: 0;
}
div.categories ul > li {
    float: left;
    width: 100%;
}
div.categories ul div.item {
    padding: 0;
}
div.categories ul div.item div.parent-cateory {
    margin-bottom: 5px;
    width: auto;
    display: inline-block;
    padding: 6px 15px!important;
    border-radius: 15px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.3s;
}
div.categories ul div.item div.parent-cateory:hover{
    background: #ffe24d;
    box-shadow: inset 0 0 1px 0 #a89741;
}
div.categories ul div.item div.parent-cateory:hover * {
    color: #4a4a4a;
}
div.categories div.category-name {
    background: none;
    display: inline-block;
    width: auto;
    line-height: 22px;
    height: 22px;
    vertical-align: bottom;
    padding: 0;
    color: #2e73bf;
}
div.categories div.category-counter {
    vertical-align: top;
    display: inline-block;
    line-height: 20px;
}
div.categories div.category-counter {
    vertical-align: top;
    display: inline-block;
    line-height: 20px;
}
a.category {
    padding: 0;
    text-decoration: underline;
    background: none;
    overflow: hidden;
    font-size: 1.071em;
}
div.categories div.category-counter > span {
    color: #ababab;
    font-size: 1.071em;
    display: inline-block;
}
div.categories div.category-counter > span:before {
    display: inline-block;
    content: '(';
}
div.categories div.category-counter > span:after {
    display: inline-block;
    content: ')';
}
aside.left > section.side_block:not(.no-style) a.category { 
    background-color: #e9e9e9;
}
.empty-category a,
.empty-category a:hover,
.empty-category div.category-counter > span,
.empty-category div.sub_categories {
    color: #bbbbbb!important;
}
div.category-slider-bar {
    position: absolute;
    top: -26px;/*40*/
    right: -5px;
}
div.fieldset div.category-slider-bar {
    position: static!important;
    top: auto;
    right: auto;
    text-align: center;
    padding-top: 3px;
}
div.category-slider-bar > span.arrow {
    width: 19px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
div.category-slider-bar span.prev,
div.category-slider-bar span.next {
    width: 6px;
    height: 10px;
    display: inline-block;
    background: url('../img/gallery.png') 0 -583px no-repeat;
    margin: 5px 6px;
    -moz-user-select: none;
    -webkit-user-select: none;
}
div.category-slider-bar span.next {
    background-position: -11px -583px;
}
div.category-slider-bar > span.navigation {
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    height: 4px;
    margin-top: 6px;
}

div.category-slider-bar > span.navigation {
    display: inline-block;
    vertical-align: top;
    margin: 7px 6px 0;
    height: 4px;
}
div.category-slider-bar > span.navigation > span {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 0 6px;
    background: #cdcdcd;
}
div.category-slider-bar > span.navigation > span.active {
    background: #99c9ff;
    border: 1px #7eb0e8 solid;
    width: 8px;
    height: 8px;
    margin-top: -1px;
}
section.categories-box:not(.no-style) {
    background: #f1f1f1;
}
section.categories-box ul.cat-tree > li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
section.categories-box div.cat-tree-cont.limit-height {
    overflow: hidden;
}
.sub-categories-exist div.parent-cateory {
    padding-bottom: 0!important;
    /*display: inline-block;*/
}
.sub-categories-exist div.category-name {
    /*float: left;*/ /*TEST*/
    background: none!important;
}
.sub-categories-exist div.category-counter > span {
    padding: 0!important;
}
.sub-categories-exist div.category-name > a {
    padding: 0;
}
.categories .sub_categories {
    padding: 0 0 15px 5px;
}
.categories .sub_categories span.more {
    cursor: pointer;
    color: #02a5b8;
    font-size: 0.929em;
    display: inline-block;
}

div.other_categories_tmp {
    position: absolute;
    z-index: 3;
}
div.other_categories_tmp div {
    background: white;
    border: 2px #e9e9e9 solid;
    padding: 13px 25px 15px 17px;
    margin: 20px 0 0 15px;
    max-width: 200px;
    position: relative;
}
div.other_categories_tmp div img.close {
    display: block;
    cursor: pointer;
    top: 0;
    right: 0;
    position: absolute;
    width: 12px;
    height: 12px;
    margin: 4px;
    background: url('../img/gallery.png') -27px -470px no-repeat;
    opacity: 0.7;
}
div.other_categories_tmp div img.close:hover {
    opacity: 1;
}
/*** CATEGORIES BLOCK END ***/

/*** CATEGORIES TREE BLOCK ***/
ul.cat-tree li {
    padding-top: 4px;
    padding-bottom: 6px;
}
ul.cat-tree > li.rest {
    display: none;
}
ul.cat-tree span.counter {
    display: inline-block;
}
ul.cat-tree li ul {
    display: none;
}
ul.cat-tree li ul > li {
    padding-left: 25px!important;
}
ul.cat-tree li span.toggle {
    width: 12px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 0.929em;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.cat-toggle {
    background: #d4d4d4;
    height: 10px;
    margin-top: 3px;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    line-height: 2px;
    text-align: center;
}
section.side_block > span.expander {
    width: 18px;
    height: 18px;
    background: url('../img/gallery.png') right -119px no-repeat;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 10px;
    position: absolute;
    top: 6px;
    right: 15px;
}
section.side_block > span.expander.active {
    background-position: 0 -119px;
}

ul.cat-tree li ul.sub-cats {
    margin-top: 5px;
}
div.filter-area ul > li,
div.other_filters_tmp ul > li {
    padding: 0 0 10px 0;
}
div.cat-tree-cont.limit-height {
    max-height: 370px!important;
}
/*** CATEGORIES TREE BLOCK END ***/

/*** STATISTICS BLOCK ***/
table.stats {
    border-spacing: 2px;
    border-collapse: separate;
    margin: 0 0 10px;
    table-layout: fixed;
}
table.stats td.column,
table.stats td.counter {
    white-space: nowrap;
    text-align: center;
    border-radius: 4px;
}
table.stats td.counter {
    background: #f4f4f4;
}
table.stats td.divider {
    width: 5px;
    text-align: center;
    padding: 0 5px;
}
table.stats td.dotted {
    background: #f4f4f4;
    padding: 2px 5px 4px;
    border-radius: 4px;
}
table.stats td.dotted a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}
section > div > table.stats:last-child {
    margin-bottom: 0;
}
/*** STATISTICS BLOCK END ***/

/*** STEPS ***/
ul.steps {
    box-shadow: inset 0 0 0 2px #e1e1e1;
    height: 44px;
    margin: 0 0 25px 0;
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
}
ul.steps > li {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
ul.steps > li a {
    cursor: default;
    margin: 0 0 0 15px;
}
ul.steps > li.past a {
    cursor: pointer;
}
ul.steps > li.past,
ul.steps > li.current {
    background: #e1e1e1;
}
ul.steps > li:not(.past) a {
    color: #5c5c5c;
}
ul.steps > li:not(:last-child):not(.past):after,
ul.steps > li:not(:last-child):not(.past):before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
ul.steps > li:not(:last-child):not(.past):after {
    border-color: transparent;
    border-left-color: #fff;
    border-width: 20px 0 20px 10px;
    margin-top: -20px;
}
ul.steps > li:not(:last-child):not(.past):before {
    border-color: transparent;
    border-left-color: #e1e1e1;
    border-width: 23px 0 23px 13px;
    margin-top: -23px;
}
ul.steps > li.current:after {
    display: none;
}
/*** STEPS END ***/

/*** ADD LISTING ***/
/* category selector */
ul.select-type {
    margin: 15px 0 0;
}
ul.select-type > li {
    display: inline-block;
    margin: 0 30px 0 0;
}
ul.select-category {
    white-space: nowrap;
    overflow: auto;
    margin-top: 15px;
}
ul.select-category > li > div {
    width: 32%;
    margin-right: 10px!important;
    display: inline-block;
    vertical-align: top;
}
ul.select-category select {
    height: auto;
    min-height: 37px;
    width: 100%;
}
ul.select-category > li > div:last-child {
    margin-right: 0;
}
ul.select-category select option {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
ul.select-category span.tmp-category {
    display: block;
    white-space: normal;
    padding: 10px 0 0 0;
}
/* category selector end */

/* plans */
div.plans-container {
    width: 100%;
}
ul.plans {
    white-space: nowrap;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: box; /* ms 10, 11 fallback */
}
div.plans-container:not(.mCustomScrollbar) {
    border-bottom: 2px #e1e1e1 solid;
    padding-bottom: 20px;
}
ul.plans > li {
    white-space: normal;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1 0 auto; /* ms 10, 11 fallback */
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    position: relative;
    max-width: 33.33333%;
    display: box; /* ms 10, 11 fallback */
    box-flex: 1; /* ms 10, 11 fallback */
}
ul.plans > li > div.frame {
    padding-bottom: 10px;
    border: 1px #e1e1e1 solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-bottom: 80px;
    display: box; /* ms 10, 11 fallback */
    box-flex: 1; /* ms 10, 11 fallback */
}
ul.plans > li > div.frame:not(.disabled) {
    cursor: pointer;
}
ul.plans > li:first-child > div.frame {
    border-left-width: 2px;
}
ul.plans > li:last-child > div.frame {
    border-right-width: 2px;
}
ul.plans div.frame > span {
    display: block;
    text-align: center;
}
ul.plans span.description {
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    z-index: 1;
}
ul.plans span.description img {
    margin: 0;
}
ul.plans span.name {
    color: #393939;
    font-size: 1.571em;
    font-weight: 200;
    padding: 10px 0 0 0;
    height: 70px;
}
ul.plans span.price {
    color: #3a3a3a;
    font-size: 2.429em;
    font-weight: normal;
    padding: 0 0 32px;
}
ul.plans span.type {
    color: #3a3a3a;
    font-size: 1.286em;
    padding: 0 0 10px;
    font-weight: 400;
}
ul.plans span.count {
    color: #3a3a3a;
    font-size: 1.143em;
    padding: 0 0 10px;
}
ul.plans > li > div.frame div.selector {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 30px 0 0;
}
ul.plans > li > div.frame div.selector > div {
    margin-top: 10px;
}
ul.plans.with-featured li div.frame,
ul.plans.with-subscription li div.frame {
    margin-bottom: 135px;
}
ul.plans.with-subscription.with-featured li div.frame {
    margin-bottom: 195px;
}
ul.plans.more-5 li {
    -webkit-flex: 0 0 205px;
    -ms-flex: 0 0 205px;
    flex: 0 0 205px;
    width: 205px;
}
/* plans end */

/* authorization */
div.auth {
    background: #efefef;
    padding: 20px 20px 22px;
    margin: 10px 0 5px 0;
    max-width: 700px;
    border-radius: 10px;
}
div.auth > div.cell {
    width: 43%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
div.auth > div.cell > div {
    text-align: left;
    display: inline-block;
    margin: 0 auto;
}
div.auth > div.divider {
    width: 14%;
    font-size: 1.143em;
    padding-top: 95px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
div.auth div.caption {
    font-weight: 600;
    color: #2b2b2b;
}
div.auth div.name {
    padding: 15px 0 5px;
}
/* authorization end */

/* tree */
div.tree ul {
    display: none;
    padding: 2px 0 2px 15px;
}
div.tree ul.first {
    display: block;
    padding: 0 0 0 5px;
}
div.tree ul li {
    padding: 2px 0;
}
div.tree ul li > img {
    width: 9px;
    height: 10px;
    background: url('../img/gallery.png') -2px -1825px no-repeat;
    margin: 0 3px 0 0;
    cursor: pointer;
    vertical-align: super;
}
div.tree ul li img.opened {
    background-position: -2px -1837px;
}
div.tree ul li img.no_child {
    background-position: 2px -1851px;
    width: 12px;
    margin: 0;
    cursor: default;
}
div.tree ul li.locked > a,
div.tree ul li.locked > label {
    background: url('../img/gallery.png') right -1865px no-repeat;
    padding: 1px 15px 0 0;
    text-decoration: none;
}
span.tmp_input span {
    position: relative;
}
span.tmp_input input[type=text] {
    vertical-align: top;
    width: 100%;
    max-width: 50%;
}
span.tmp_input input[type=button] {
    margin: 0 0 0 5px;
}
#crossed_selected {
    padding: 0 0 15px;
}
#crossed_selected li {
    list-style: disc;
    margin: 0 0 0 21px;
    padding: 1px 0;
}
#crossed_selected li.first {
    list-style: none;
    margin: 0;
}
span.tree_loader {
    background: url('../img/tree_loader.gif') center center no-repeat;
    padding: 0 7px;
    vertical-align: super;
    display: none;
    font-size: 10px;
    margin: 0 0 0 4px;
}
/* tree end */

/* file upload */
label.upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
label.upload input,
span.draft input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    border-width: 0 0 100px 200px;
    opacity: 0;
    -o-transform: translate(250px, -50px) scale(1);
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
    cursor: pointer;
    height: 100px;
}
.files canvas,
.files div.canvas > div {
    display: block;
    width: 160px!important;
    height: 110px!important;
    background: #f5f5f5;
}
div#fileupload img.thumbnail {
    width: 160px;
    height: 110px;
    background: #f5f5f5;
    border-radius: 5px;
}
div#fileupload span.active,
div#fileupload span.hover {
    position: relative;
    display: inline-block;
    margin: 0 30px 30px 0;
    vertical-align: top;
    width: 160px;
    height: 140px;
    background: none;
    padding: 0;
}
.template-download img.thumbnail:hover {
    box-shadow: 0 0 0 2px #4d89ea;
}

div#fileupload span.draft {
    width: 160px;
    height: 110px;
    margin: 0 0 20px 0;
    font-size: 0.929em;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    background: #e9e9e9;
    border-radius: 5px;
}
div#fileupload span.draft > span {
    display: block;
}
div#fileupload span.draft > span.icon {
    width: 40px;
    height: 28px;
    background: url('../img/gallery.png') center -861px no-repeat;
    margin: 18px auto 15px;
}

div#fileupload {
    padding: 15px 0 10px 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}
div#fileupload > form {
    margin-left: 2px;
}
div#fileupload span.active {
    color: inherit!important;
    font-size: inherit!important;
}
div#fileupload span.allowed {
    display: block;
}
div#fileupload span.progress {
    top: 95px;
    display: inline-block;
    height: 15px;
    position: absolute;
    width: 100%;
    background: none;
    margin: 0;
    opacity: 0.4;
}
div#fileupload span.progress div {
    height: 15px;
    background: #4d89ea!important;
    border-radius: 0!important;
    border: 0!important;
}
div#fileupload span.hover,
ul.thumbnails li.hover {
    background: #d6e3f8;
}
div#fileupload div.photo_navbar {
    height: 25px;
    position: relative;
    padding: 6px 0 0 0;
}
div#fileupload div.photo_navbar span.primary input {
    display: block!important;
    margin-top: 4px;
}
img.delete,
img.cancel {
    width: 17px;
    height: 17px;
    background: url('../img/gallery.png') right -489px no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: -34px;
    right: 0;
    opacity: 0.7;
}
#area_video img.delete,
#area_video img.cancel {
    bottom: -23px;
}
div#fileupload img.manage,
div#fileupload img.delete,
div#fileupload img.cancel,
div#fileupload img.crop {
    width: 17px;
    height: 17px;
    background: url('../img/gallery.png') 0 -489px no-repeat;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 10px;
    opacity: 0.7;
}
div#fileupload img.delete,
div#fileupload img.cancel {
    background-position: right -489px;
    right: 0px
}div#fileupload img.crop {
    background-position: 0 -513px;
    right: 62px
}
div#fileupload img:hover {
    opacity: 1;
}
.template-download img.thumbnail,
.move {
    cursor: move;
}
.pointer {
    cursor: pointer!important;
}
span.suspended canvas {
    box-shadow: 0 0 0 2px #e36565;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}
.fileupload-loading {
    display: none;
    background: red;
}
div#fileupload.photo_required span.files > span:only-child img.delete {
    display: none;
}
div#fileupload.photo_required span.files > span:only-child img.manage {
    right: 10px;
}
/* file upload end */

/* video */
ul.thumbnails {
    margin-left: 2px;
}
ul.thumbnails li {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 30px 0;
    position: relative;
}
ul.thumbnails li img.item {
    width: 160px;
    height: 110px;
    background: #f5f5f5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 5px;
}
ul.thumbnails li img.item:hover {
    box-shadow: 0 0 0 2px #4d89ea;
}
ul.thumbnails li.hover {
    width: 160px;
    height: 110px;
    background: #d6e3f8;
}
ul.thumbnails li div.video_navbar {
    height: 16px;
    padding-top: 10px;
    text-align: right;
}
/* video end */

/* payment gateways */
ul#payment_gateways li {
    display: inline-block;
    width: 120px;
    height: 85px;
    text-align: center;
    padding: 15px 0 0 0;
    margin: 0 10px 10px 0;
    box-shadow: inset 0 0 0 2px #e9e9e9;
}
ul#payment_gateways li.active,
ul#payment_gateways li:hover {
    background: #e9e9e9;
}
ul#payment_gateways li p {
    padding: 5px 0 0 0;
}
ul#payment_gateways li input {
    opacity: 1;
    position: relative;
    width: auto;
    height: auto;
}
/* payment gateways end */
/*** ADD LISTING END ***/

/*** REGISTRATION ***/
/* password strange control */
div.password_strength {
    padding: 0 0 0 10px;
}
div.password_strength div.scale {
    background: #dfdfdf;
    width: 71px;
    height: 7px;
    position: relative;
}
div.password_strength div.scale div.color {
    height: 7px;
    width: 0;
}
div.password_strength div.scale div.red {
    background: #ed2f0b;
}
div.password_strength div.scale div.green {
    background: #23a50c;
}
div.password_strength div.scale div.yellow {
    background: #ebcc00;
}
div.password_strength div.scale div.shine {
    width: 0;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
}
div.area_profile div.notice {
    padding: 7px 0 10px;
}
div.area_profile div.options {
    padding-top: 10px;
}
div.area_profile div.field img.qtip {
    margin-top: 2px;
}
/* password strange control end */

span.fail_field,
span.success_field {
    display: none;
}
/*** REGISTRATION END ***/

/*** MAP AMENITY ***/
div.flgServicesArea {
    position: absolute;
    z-index: 100000;
    bottom: 23px;
    right: 45px;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px 8px;
    overflow: hidden;
    
    -moz-user-select: none;
    -webkit-user-select: none;
    border: 1px #b8b8b8 solid;
}
div.flgServicesArea ul li input {
    margin-right: 24px;
}
div.flgServicesArea div.caption {
    font-size: 1em!important;
    font-weight: normal!important;
    padding: 0!important;
    margin: 0!important;
}
div.flgServicesArea span.fkgSlide {
    cursor: pointer;
}
div.flgServicesArea ul {
    padding: 5px 0 10px 0;
    margin: 0;
}
div.flgServicesArea ul li {
    padding: 5px 0;
    background-position: 18px 6px!important;
}
div.flgServicesArea ul li label span {
    margin: -1px 25px 0 0;
}

div.modal_content div.flgServicesArea {
    right: 105px;
}
/*** MAP AMENITY END ***/

/*** MODAL WINDOW ***/
#modal_mask {
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1005;

}
.modal_block {
    position: absolute;
    left: 50%;
    margin-left: -176px;
    width: 340px;
    height: 230px;
    background: #e0e0e0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
}
.modal_block.fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
}
.modal_block.fullscreen .gmnoprint {
    margin-right: 60px!important;
}
.modal_block div.inner div.close {
    position: absolute;
    top: 5px;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.modal_block div.inner div.close > div {
    width: 14px;
    height: 14px;
    margin: 11px;
    background: url('../img/gallery.png') right -469px no-repeat;
    opacity: 0.7;
}
.modal_block div.inner div.close:hover > div {
    opacity: 1;
}
.modal_block div.inner div.modal_content {
    padding: 25px 50px 25px 30px;
    position: relative;
}
.modal_block.fullscreen div.inner,
.modal_block.fullscreen div.inner > .modal_content {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.modal_block.fill-edge div.inner div.modal_content {
    padding: 0;
}
#map_fullscreen {
    width: 100%;
    height: 100%;
}
.modal_block div.inner div.caption,
.modal_block div.inner div.caption_padding {
    color: #2b2b2b;
    font-size: 1.143em;
    padding: 0 0 20px;
    font-weight: bold;
    margin-top: -7px;
}
.modal_block div.inner div.caption_padding {
    padding: 0 0 20px 70px;
}
.modal_block div.inner div.warning,
.modal_block div.inner div.notice {
    background: url('../img/gallery.png') -20px -1594px no-repeat;
    padding: 0;
    margin: 0 0 20px;
}
.modal_block div.inner div.notice {
    background-position: -21px -1346px;
}
.modal_block div.prompt {
    padding: 20px 0 0 0;
}
.modal_block div.prompt input {
    margin: 0 15px 0 0;
}
.modal_block div.submit-cell div.name {
    width: 80px!important;
    padding-right: 10px;
}
/*** MODAL WINDOW END ***/

/*** NOTIFICATIONS ***/
div.notification {
    min-height: 45px;
    position: absolute;
    top: 0;
    width: 576px;
    left: 50%;
    margin-left: -288px;
    z-index: 101;
}
div.notification > div {
    background: rgba(0,0,0,.3);
    min-height: 46px;
    color: white;
    position: relative;
    font-size: 0.929em;
    font-weight: 300;
    padding: 3px;
    border-radius: 10px
}
div.notification > div > div.message {
    background: #31c26b;
}
div.notification.fixed {
    position: fixed;
}
div.notification.done {
    transition: top 0.3s ease;
}
div.notification.top {
    z-index: 1200;
    position: fixed;
    top: 0;
}
div.notification.error > div > div.message {
    background: #f2695e;
}
div.notification.warning > div > div.message {
    background: #dab500;
}
div.notification > div > div.message {
    padding: 14px 45px 14px 18px;
    word-wrap: break-word;
    line-height: 1.640em;
    border-radius: 8px;
}
div.notification ul {
    padding: 0 0 0 20px;
}
div.notification ul > li {
    list-style: circle;
}
div.notification ul > li:not(:first-child) {
    list-style: circle;
    padding: 4px 0 0 0;
}
div.notification div.close-black {
    top: 3px;
    right: 3px;
}
/*** NOTIFICATIONS END ***/

/*** MY LISTINGS ***/
.my-listings > article div.picture {
    margin: 0!important;
}
.my-listings > article {
    margin: 0 0 15px 0!important;
    padding: 0 0 15px 0;
    min-height: 95px;
    border-bottom: 2px #e6e6e6 solid;
}
.my-listings > article:last-child {
    margin-bottom: 0;
}
.my-listings > article > div.nav > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}
.my-listings > article > div:last-child {
    margin-right: 0;
}
.my-listings div.title {
    font-size: 1.143em!important;
    font-weight: 500!important;
    padding-bottom: 15px;
}
.my-listings div.navigation ul > li {
    padding: 0 0 12px 0;
}
.my-listings div.navigation ul > li:last-child {
    padding: 0;
}
.my-listings div.navigation ul > li select {
    width: 100%;
}
.my-listings div.navigation ul > li a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
}
.my-listings div.navigation ul li.nav-icon > a:before {
    content: '';
    background-image: url('../img/gallery.png');
    background-repeat: no-repeat;
    background-position: right -535px;
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    position: absolute;
    opacity: 0.5;
}
.my-listings div.navigation ul li.nav-icon > a.add-video:before {
    background-position: right -513px;
}
.my-listings div.navigation ul li.nav-icon > a.edit:before {
    background-position: 0 -488px;
}
.my-listings div.navigation ul li.nav-icon > a.unsubscription:before {
    background-position: right -621px;
}
.my-listings div.navigation ul li.nav-icon > a.delete:before {
    background-position: right -489px;
}
.my-listings div.navigation ul li.nav-icon > a:hover:before {
    opacity: 0.8;
}
.my-listings div.stat ul > li {
    padding: 0 0 8px 0;
    color: black;
}
.my-listings div.stat ul > li.switcher-controll {
    padding-bottom: 12px;
}
.my-listings div.stat ul > li span.name {
    color: #666666;
}
.my-listings div.stat ul > li span.name:after {
    content: ':';
}
.delete.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/gallery.png') right -489px no-repeat;
    cursor: pointer;
    opacity: 0.5;
}
.delete.icon:hover {
    opacity: 0.8;
}
.crop.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/gallery.png') 0 -513px no-repeat;
    cursor: pointer;
    opacity: 0.5;
}
.crop.icon:hover {
    opacity: 0.8;
}
/*** MY LISTINGS END ***/

/*** MY BANNERS ***/
body.my-banners-page .my-listings > article > div {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    margin-right: 30px;
}
body.my-banners-page .my-listings div.title {
    padding-top: 5px;
}
/*** MY BANNERS END ***/

/*** PLUGINS CUSTOM ***/
#geo_autocomplete {
    width: 100%!important;
}
.geo_autocomplete li.item {
    padding: 5px 13px!important;
    height: auto!important;
}
.geo_autocomplete li.item:hover {
    background: #eeeeee;
}
.geo_autocomplete li.item {
    color: #777777;
    font-family: Arial, sans-serif;
    font-size: 1em!important;
}
.geo_autocomplete li.item > b {
    color: #222222;
}
#vs_geo_interface {
    margin-top: 0!important;
    width: 100%;
}
ul.gf-list {
    margin: 0!important;
    padding: 0!important;
    max-height: 217px!important;
}
div.gf-caption {
    padding: 15px 0 7px 0!important;
}

a.reportBroken {
    color: #d04525;
}

div#compare_listings_tab {
    max-width: 145px!important;
}
div#compare_listings_area {
    width: 270px!important;
}
.compare-icon > span,
section#listings ul.nav-column > li.add_to_compare span.icon {
    background: url('../img/gallery.png') right -22px no-repeat!important;
}
.compare-icon.remove > span,
section#listings ul.nav-column > li.remove_from_compare span.icon {
    background: url('../img/gallery.png') right -40px no-repeat!important;
}

#lnp_container {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
#lnp_container > li {
    position: absolute;
    top: 7px;
    left: 15px;
}
#lnp_container > li.link {
    display: none;
}
#lnp_container li.nav a {
    display: block;
    font-size: 0.929em;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 16px;
}
#lnp_container li.nav a:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 10px;
    left: 0;
    top: 8px;
    background: url('../img/gallery.png') -26px -8px no-repeat;

    opacity: 0.7;
}
#lnp_container li.next {
    left: auto;
    right: 15px;
}
#lnp_container li.next a {
    padding: 0 16px 0 0;
}
#lnp_container li.next a:before {
    left: auto;
    right: 0;
    background-position: -20px -8px;
}
#lnp_container li:hover a:before {
    opacity: 1;
}

li#listing_rating_dom {
    padding: 7px 0 12px!important;
    text-transform: none;
}

/* field bound boxes */
section.fieldBoundBoxes > div {
    padding-bottom: 10px!important;
}
ul.field-bound-box {
    margin-bottom: -2px;
}
ul.field-bound-box:not(.list) {
    
}
ul.field-bound-box:not(.list) > li {
    display: inline-block;
    padding-bottom: 20px;
    text-align: center;
}
ul.field-bound-box > li > a {
    display: inline-block;
}
ul.field-bound-box > li.empty {
    opacity: 0.5;
}
ul.field-bound-box:not(.list) > li span.count {
    display: block;
    font-size: 1.286em;
    color: #141414;
    padding: 5px 0 0 0;
}
ul.field-bound-box:not(.list) > li:not(.empty):hover span.count {
    color: #4d89ea;
}
ul.field-bound-box > li.left img {
    float: left;
}
ul.field-bound-box > li.left span.count {
    overflow: hidden;
    padding: 2px 0 0 5px;
}
ul.field-bound-box > li.right img {
    float: right;
}
ul.field-bound-box > li.right span.count {
    overflow: hidden;
    padding: 2px 5px 0 0;
}

ul.field-bound-box.list > li {
    width: 48%;
    margin-right: 4%;
    display: inline-block;
}
ul.field-bound-box.list > li:nth-child(2n) {
    margin-right: 0;
}
ul.field-bound-box.list > li > a {
    padding: 0 0 5px;
}
ul.field-bound-box.list > li > a > span.count {
    font-size: 1.143em;
    padding: 0 0 0 5px;
    color: #797979;
}
/* field bound boxes */

#loan_reset_form {
    content: '';
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url('../img/gallery.png') 0 -621px no-repeat;
    margin-left: 20px;
    cursor: pointer;

    opacity: 0.7;
}
#loan_reset_form:hover {
    opacity: 1;
}

ul.comments li > div:after,
ul.comments li > div:before {
    content: '';
    bottom: -15px;
    left: 17px;
    height: 0;
    width: 0;
    position: absolute;
    
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent white transparent transparent;
}

ul.comments li > div:before {
    border-color: transparent #e9e9e9 transparent transparent!important;
    border-width: 0 17px 17px 0!important;
    left: 16px!important;
    bottom: -18px!important;
}

.jslider .jslider-bg .v {
    background-color: #4d89ea!important;
}

/* slider */
div.slider {
    overflow: hidden;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
}
/* horizontal mode */
div.slider > div.container {
    margin: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}
div.horizontal div.prev,
div.horizontal div.next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -38px;
    cursor: pointer;
    background: white;
    opacity: .7;
    border-radius: 3px;

    transition: all 0.3s ease;
}
div.horizontal div.next {
    left: auto;
    right: 0;
}
div.horizontal:hover div.prev {
    left: -10px;
}
div.horizontal:hover div.next {
    right: -10px;
}
div.carousel.horizontal .carousel_block ul > li {
    clear: none;
}
div.horizontal div.prev:before,
div.horizontal div.next:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 14px;
    top: 13px;
    left: 14px;
    background: url('../img/gallery.png') -24px -366px no-repeat;
}
div.horizontal div.next:before {
    background-position: right -366px;
    left: auto;
    right: 14px;
}
div.horizontal div.prev:hover,
div.horizontal div.next:hover {
    opacity: 1;
}
/* vertical mode */
div.vertical {
    padding: 25px 0!important;
}
div.vertical div.prev,
div.vertical div.next {
    width: 40px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
}
div.vertical div.next {
    background-position: 0 -1525px;
    top: auto;
    bottom: 0;
}
div.vertical div.prev:before,
div.vertical div.next:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 10px;
    top: 2px;
    left: 11px;
    background: url('../img/gallery.png') 0 -663px no-repeat;
}
div.vertical div.next:before {
    background-position: right -663px;
    top: 4px;
}
/* slider end */

#booking_calendar div.horizontal > div.prev {
    left: 0;
}
#booking_calendar div.horizontal > div.prev:before {
    left: 0!important;
    top: 3px!important;
}
#booking_calendar div.horizontal > div.next {
    left: auto;
    left: right;
}
#booking_calendar div.horizontal > div.next:before {
    left: auto!important;
    right: 0!important;
    top: 3px!important;
}

div.banner {
    display: inherit!important;
}

#recaptcha_response_field {
    height: 20px;
}
body > iframe[src='about:blank'] {
    display: none;
}

.testimonials .side_block .header {
    height: 34px;
}
.testimonials .side_block > div:last-child {
    margin-top: 21px;
}
.testimonials .side_block .header > p {
    color: #484848;
    font-size: 1.786em;
    font-weight: 300;
}
.testimonials .side_block .header > a.add-testimonial {
    top: 7px;
}
.testimonials .area {
    font-style: normal!important;
    font-size: 0.929em!important;
    padding: 25px 30px 25px 60px!important;
}
.testimonials .area > div.quotes {
    top: 30px!important;
    left: 20px!important;
    width: 19px!important;
    height: 12px!important;
    background: url('../img/gallery.png') 0 -26px no-repeat!important;
}
.testimonials .bottom span.author {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
}
.testimonials .bottom {
    padding-left: 60px!important;
}
.testimonials .triangle {
    border-width: 0 25px 25px 0!important;
    left: 20px!important;
}
a.add-testimonial span {
    background-position: -1px -38px !important;
}
div#compare_listings_area {
    bottom: 48px!important;
}

div.cHorizontal ul.featured > li {
    max-width: 270px;
}
div.carousel div.carousel_block {
    margin: 0!important;
}
section#listings div.stat-line .comments_icon {
    padding: 0;
    background: none!important;
}
section#listings div.stat-line li.bids > a:after {
    background-position: right -675px;
}
#rv_listings div.rv_first,
#rv_listings div.rv_last {
    text-transform: none;
}
ul.comments_block div.dark {
    text-transform: none;
}

.jslider .jslider-bg .r,
.jslider .jslider-bg .l {
    background: #d4d4d4!important;
}
#currency_selector > span.default > span.symbol {
    font-size: 1.5em;
}
.testimonials .side_block .header > p {
    font-size: 1.286em!important;
    font-weight: inherit!important;
    color: inherit!important;
}
.testimonials .side_block .header > a.add-testimonial {
    top: 0!important;
}
.testimonials .side_block .header {
    max-height: 24px!important;
}
.testimonials .side_block > div:last-child {
    margin-top: 10px!important;
}
body a.reportBroken img,
body a.removeBroken img {
    background-image: url(../img/gallery.png) !important;
    background-position: 0 -748px !important;
}
body  a.removeBroken img {
    background-position: 0 -766px !important;
}
body #listings a.reportBroken img,
body #listings a.removeBroken img {
    margin-top: -1px;
}
div.cHorizontal ul.featured>li,
div.cVertical ul.featured>li {
    clear: none;
}
/*** PLUGINS CUSTOM END ***/

/*** RESPONSIVE ***/
@-ms-viewport {
  width: device-width;
}
.point1 {
    width: 100%;
}

/*** ALL DESKTOP VIEWS ***/
@media screen and (min-width: 992px) {
    body:not(.home-page) .main-menu > .point1 {
        background: url(../img/main-menu-bg.jpg) center top no-repeat;
    }
    body.home-page .main-menu > .point1 {
        background: url(../img/main-menu-bg-home.jpg) 0 0 no-repeat;
    }
    div#header-banner {
        width: 728px;
        height: 90px;
        margin: auto;
    }
    body.home-page section.side_block_search.light-inputs {
        margin-top: -195px;
    }
    body.home-page section#content {
        margin-top: -30px;
    }
    div#wrapper,
    section#main_container {
        overflow: visible;
    }
    section#main_container > div.inside-container {
        padding: 25px 0 50px;
    }
    section#controller_area {
        padding-bottom: 30px;
    }
    body.home-page section#main_container > div.inside-container aside.left {
        float: right;
    }
    div#header-banner > div.no-banner {
        line-height: 86px;
    }

    body.home-page section.main-menu .point1 {
        height: 353px;
        background-size: contain;
        margin-bottom: -85px;
    }
    body:not(.home-page) header.page-header{
        position: relative;
        z-index: 200;
    }
    body.home-page section.main-menu div.point1 nav.menu {
        margin-top: 20px;
    }
    body:not(.bc-exists):not(.home-page) section.main-menu div.point1 nav.menu {
        margin-top: 50px;
    }

    /* main menu */
    header.page-header.stick {
        transition: none;
    }
    body.home-page section.main-menu div.point1 nav.menu {
        max-width: 68%;
    }
    /* main menu end */

    section.side_block span.expander {
        display: none;
    }
    section.categories-box ul.cat-tree > li.rest {
        display: none;
    }
    section.categories-box div.cat-tree-cont.limit-height {
        max-height: 360px;
    }

    .grid_navbar {
        margin-bottom: 30px;
    }

    ul.select-category select {
        background-image: none;
        background: white;
    }
    body.no-sidebar .advanced-search-form {
        width: 60%;
    }

    section.side_block ul.featured {
        text-align: center;
        margin: 0;
    }
    section.side_block ul.featured > li {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    section.side_block ul.featured > li:last-child {
        margin-bottom: 0;
    }
    section.side_block ul.featured > li img {
        width: 100%;
        height: auto;
    }
    section.side_block ul.featured:not(.list) > li ul {
        width: 100%;
        padding: 10px 0 0 0;
        text-align: left;
        background: none;
    }
    /*section.side_block ul.featured:not(.list):not(.accounts) > li ul > li.fields {
        display: none;
    }*/
    body.view-details-page aside.left {
        float: right!important;
    }

    span.pills > label {
        width: auto!important;
    }

    section.side_block_search div.field:empty {
        min-height: 0;
    }

    div.submit-cell > div.field.checkbox-field,
    div.submit-cell > div.field.inline-fields {
        max-width: 600px;
    }

    .seller-short div.landscape ul.seller-info {
        padding: 0;
    }
    .seller-short div.landscape ul.seller-info > li.name {
        margin-top: 0;
    }
    .seller-short div.landscape ul.seller-info > li {
        padding-bottom: 5px;
    }
    .seller-short div.landscape ul.seller-info a.low {
        position: static;
        margin-top: 10px;
    }

    div.special-block .col-md-3 {
        width: 100%;
    }

    section.side_block table.table td.name {
        width: 45%;
    }
}
/*** LARGE DESKTOP VIEW ***/
@media screen and (min-width: 1200px) {
    .point1 {
        max-width: 1140px;
    }

    div.table-mode .search-form-cell {
        display: table-cell;
    }
    #search_area div.table-mode {
        display: table;
        width: 100%;
    }
    #search_area div.table-mode > form {
        display: table-row;
    }

    div.table-mode .search-form-cell.numeric-field,
    div.table-mode .search-form-cell.single-field {
        width: 10%;
    }
    div.table-mode .search-form-cell.checkbox-field {
        width: 15%;
    }
    div.table-mode .search-form-cell.submit {
        width: 8%;
    }

    section#listings div.picture > img {
        width: 236px;
        height: auto;
    }

    section.side_block ul.featured > li > a {
        float: left;
    }
    section.side_block ul.featured > li > a > img {
        width: 100px;
        height: 74px;
        margin-right: 20px;
    }
    section.side_block ul.featured > li > ul {
        padding: 0!important;
        overflow: hidden;
        width: auto!important;
    }
    section.side_block ul.featured > li > ul > li:first-child {
        margin-top: -2px;
    }

    section.account-info h3 {
        white-space: normal;
        max-width: 230px;
    }
    table.info td.name,
    div.table-cell.small > div.name {
        width: 110px;
        white-space: nowrap;
    }

    .seller-short ul.seller-info {
        min-width: 170px;
    }

    div.special-block section > div.clearfix {
        height: 230px;
    }
    div.special-block a.category {
        font-size: 1.214em;
    }
}
/*** LAPTOP VIEW ***/
@media screen and (width: 1280px) {
    
}
/*** MIDDLE DESKTOP VIEW ***/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .point1 {
        max-width: 940px;
    }
    body.home-page section.main-menu nav {
        width: 660px;
    }

    .shc-group ul.checkboxes > li {
        width: 100%!important;
    }

    div.gallery > div#media {
        height: 406px;
    }
    div.gallery > div.thumbs {
        height: 86px;
    }
    div.gallery > div.thumbs > div.slider > ul > li img {
        width: 65px;
        height: 65px;
    }
    div.gallery > div.thumbs > div.prev,
    div.gallery > div.thumbs > div.next {
        width: 62px;
        height: 65px;   
    }
    div.gallery > div.thumbs > div.slider {
        margin: -23px 64px 0;
    }
    div.gallery > div.thumbs > div.prev:before {
        top: 21px;
        left: 25px;
    }
    div.gallery > div.thumbs > div.next:before {
        top: 21px;
        left: 27px;
    }

    div.table-cell > div.name {
        width: 140px;
    }

    section.account-info h3 {
        white-space: normal;
        max-width: 160px;
    }

    table.info td.name,
    div.table-cell.small > div.name {
        width: 75px;
    }

    .search-item.checkbox-field > .custom-input {
        width: 100%;
    }

    .seller-short ul.seller-info {
        min-width: 110px;
    }

    section#listings > article div.navigation-column {
        width: 150px;
    }
    section#listings ul.ad-info > li {
        margin-bottom: 4px;
    }

    /* Sidebar search block */
    .search-item.three-field > input {
        width: 28%;
    }
    .search-item.three-field > select {
        width: 36%;
    }
    /* Sidebar search block end */
}
/*** ALL TABLET/DESKTOP VIEWS ***/
@media screen and (min-width: 768px) {
    /*** CATEGORIES TREE BLOCK ***/
    section.content_block ul.cat-tree li span.toggle {
        display: none;
    }
    /*** CATEGORIES TREE BLOCK END ***/
}
/*** ALL TABLET/MOBILE VIEWS ***/
@media screen and (max-width: 991px) {
    header.page-header {
        background: url(../img/main-menu-bg-home.jpg) 0 0 no-repeat;
    }
    div#logo {
        margin-bottom: 0;
        float: left;
    }

    header.page-header > div > * > * {
        position: static;
    }
    div.kw-search {
        display: none;
    }

    section#controller_area:not(:empty) + aside {
        margin-top: 22px;
    }

    section.main-menu span.menu-button {
        float: right;
        display: inline-block;
        width: 38px;
        height: 38px;
        margin: 6px 0 0 30px;
        cursor: pointer;
        position: relative;
    }
    section.main-menu span.menu-button > span {
        position: absolute;
        width: 20px;
        height: 4px;
        background: #4d89ea;
        right: 0;
        top: 11px;
        border-radius: 2px;
        
        transition: background 0.3s ease;
    }
    section.main-menu span.menu-button > span:nth-child(2n) {
        top: 18px;
    }
    section.main-menu span.menu-button > span:last-child {
        top: 25px;
    }
    section.main-menu span.menu-button:hover > span {
        background: #1659d9;
    }
    section.main-menu nav.menu ul.menu {
        display: none;

        background: #2b2b2b;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 105;
        min-width: 230px;
        max-width: 305px;
        bottom: 0;

        overflow: auto;
        -webkit-overflow-scrolling: touch;

        padding: 35px 22px 35px;
    }
    body.header-banner section.main-menu nav.menu ul.menu {
        top: -30px;
    }
    section.main-menu nav.menu ul.menu ol.more {
        margin-bottom: 30px;
        display: block!important;
    }
    section.main-menu nav.menu ul.menu > li > a {
        padding: 8px 0;
        display: inline-block;
        font-size: 1.143em;
    }
    section.main-menu nav.menu ul.menu > li > a:hover {
        color: #3094ff;
    }
    section.main-menu nav.menu ul.menu > li.active > a {
        color: white;
    }
    section.main-menu ul.menu span.mobile-menu-header {
        display: block;
        margin-bottom: 15px;
        position: relative;
    }
    section.main-menu span.mobile-menu-header > span:first-child {
        color: #6f6f6f;
        font-size: 1.286em;
    }
    section.main-menu span.mobile-menu-header > span:last-child {
        position: absolute;
        width: 25px;
        height: 32px;
        right: 0;
        top: -3px;
        cursor: pointer;
    }
    section.main-menu span.mobile-menu-header > span:last-child:before {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        left: 7px;
        top: 8px;
        background: url('../img/gallery.png') 0 -8px no-repeat;
        opacity: 0.7;

        transition: opacity 0.3s ease;
    }
    section.main-menu span.mobile-menu-header > span:last-child:hover:before {
        opacity: 1;
    }

    /* page footer */
    footer.page-footer > div {
        min-height: 80px;
        height: 80px;
        padding: 20px 0 0;
    }
    footer.page-footer .footer-menu,
    footer.page-footer .logo {
        display: none;
    }
    footer.page-footer .footer-data {
        padding-left: 20px;
    }
    .footer-data div.cp {
        max-width: none;
    }
    .footer-data > div {
        padding-top: 20px;
        text-align: center;
    }
    footer.page-footer span.scroll-top {
        top: 0px;
        left: 0px;
    }
    footer.page-footer div.social {
        width: auto;
    }
    footer.page-footer div.social div.buttons {
        display: none;
    }
    footer.page-footer div.social a.rss {
        margin: 0;
    }
    /* page footer end */

    section#main_container aside.left {
        display: block;
        width: auto;
        vertical-align: top;
        float: none;
    }
    body.view-details-page section#main_container section.seller-short {
        display: none;
    }

    section.side_block_search > h3 {
        color: #4d89ea;
    }

    div.search-footer div.search-item {
        float: left;
    }
    div.search-footer div.align-button {
        text-align: right;
    }

    ul#messages_area > li > span {
        display: block;
    }

    a.category {
        font-size: 1.214em;
    }
    .seller-short div.picture.landscape {
        float: none;
    }
}
/*** FIXED TABLET VIEW ***/
@media screen and (width: 768px) {
    section.main-menu nav.menu ul.menu {
        right: 0;
    }
}
/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .point1 {
        max-width: 720px;
    }

    body header.page-header {
        height: 152px!important;
    }
    div#wrapper {
        margin-top: -62px;
        margin-bottom: 60px;
    }
    body.bc-exists div#wrapper {
        margin-top: -20px;
    }
    section.content_block {
        margin-bottom: 20px;
    }
    aside.middle section.content_block:last-child {
        margin-bottom: 0;
    }
    span.pills > label {
        width: auto!important;
    }
    div#header-banner {
        width: auto;
        height: auto;
    }
    div#header-banner > div.no-banner {
        line-height: 90px;
    }
    div.top-navigation {
        padding-right: 45px;
    }

    aside.bottom {
        margin-top: 20px;
    }
    body.bc-exists #bread_crumbs.point1 {
        position: absolute;
        top: 84px;
    }
    /* home content block end */

    section.seller-short > div > div.picture img {
        height: 92px;
    }

    .search-block-content form div.search-form-cell {
        width: 50%;
    }
    section.side_block_search div.search-item {
        width: 48%;
        margin-right: 4%;
        display: inline-block;
        vertical-align: top;
    }
    section.side_block_search div.search-item:nth-of-type(2n) {
        margin-right: 0;
    }
    div.search-item.with-photo {
        margin-top: 24px;
    }
    .search-item.checkbox-field > .custom-input {
        width: 50%;
    }
    .field.search-item.checkbox-field > .custom-input {
        width: 33.33%;
    }
    .search-item.couple-field > .custom-input {
        width: 33.33%;
    }
    section#listings.list div.main-column {
        max-width: 570px;
    }
    section#listings.list ul.nav-column {
        width: 160px;
    }
    section#listings div.picture > img {
        width: 226px;
        height: 156px;
    }
    section#listings.grid ul.info {
        padding-top: 8px;
    }
    section#listings.list ul.info {
        max-width: 320px;
    }
    .link-large {
        font-size: 1.286em!important;
    }

    section.categories-box div.cat-tree-cont.limit-height {
        max-height: 222px;
    }
    section.categories-box div.cat-toggle {
        display: none;
    }

    /* listing details gallery */
    div.gallery > div#media {
        height: 482px;
    }
    div.gallery > div.thumbs > div.slider > ul > li img {
        width: 68px;
        height: 68px;
    }
    div.gallery > div.thumbs > div.prev,
    div.gallery > div.thumbs > div.next {
        width: 69px;
        height: 68px;   
    }
    div.gallery > div.thumbs > div.slider {
        margin: -23px 69px 0 71px;
    }
    div.gallery > div.thumbs {
        height: 90px;
    }
    div.gallery > div.thumbs > div.prev:before {
        top: 23px;
        left: 27px;
    }
    div.gallery > div.thumbs > div.next:before {
        top: 23px;
        left: 29px;
    }
    /* listing details gallery end */
    
    div.table-cell > div.name {
        width: 140px;
    }

    div.listing-details section.statistics ul.controls {
        width: 60%;
    }

    section.account-location table.info {
        float: left;
        width: 235px;
        display: inline-block;
    }

    section.account-location div.location-info {
        float: left;
        max-width: 300px;
    }
    section.account-location div.map-capture {
        width: 55%;
        margin: -18px -18px -18px 0;
        float: right;
    }
    
    ul.select-category {
        width: 360px;
        white-space: normal;
    }
    ul.select-category select {
        height: 37px;
        border-radius: 14px;
    }
    ul.select-category > li > div {
        width: 350px;
        margin: 0 0 10px;
    }
    ul.select-category > li > div:last-child {
        margin: 0;
    }

    div.notification {
        width: 442px;
        margin-left: -221px;
    }
    div.notification.done {
        top: 0;
    }

    .my-profile-sidebar .picture {
        float: left;
        margin-right: 20px;
    }
    .my-profile-sidebar .info {
        overflow: hidden;
        margin-top: 0;
    }
    ul.packages > li div.frame {
        width: 420px;
    }
    body.no-sidebar .advanced-search-form {
        width: 80%;
    }
    ul.cat-tree li span.toggle {
        display: none;
    }

    div.cHorizontal ul.featured > li {
        max-width: 200px;
    }
}
/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
    h1 {
        font-size: 1.714em;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .h1-nav nav > a.post_ad {
        margin-right: 10px;
    }

    body.home-page section#main_container > div.inside-container {
        padding-top: 25px;
    }
    body.header-banner > div.main-wrapper {
        padding-top: 79px;
    }

    div#header-banner {
        width: 100%;
        height: 59px;
    }
    div.header-banner-cont {
        height: 79px;
    }
    div#header-banner > div.no-banner {
        line-height: 59px;
    }
    #header-banner div.banner table {
        height: 58px;
    }
    body:not(.home-page) header.page-header {
        height: 150px;
    }
    body:not(.home-page):not(.bc-exists) header.page-header {
        height: 120px;
    }
    section.categories-box > span.expander + h3 {
        border-radius: 13px;
    }
    .point1 {
        max-width: 480px;
        min-width: 320px;
    }
    .circle > .default {
        overflow: hidden;
    }

    div.top-navigation div.fright {
        top: 10px;
        right: 10px;
    }
    div.top-navigation div.fright,
    div.top-navigation div.fright > span.circle:not(.circle_opened):last-child {
        border-right: 0;
    }
    .lang-wrapper,
    .lang-wrapper .circle:not(.circle_opened) {
        border-left: 0;
    }

    #lang-selector > span.default {
        text-indent: -300px;
        width: 56px;
    }
    #lang-selector > span.default:before {
        content: attr(accesskey);
        position: absolute;
        right: 32px;
        text-indent: initial;
        display: none;

    }
    #user-navbar > .default > span {
        max-width: 110px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
    }
    #lang-selector > span.default {
        width: 60px;
    }
    #lang-selector > span.default:before {
        display: inline-block;
        content: attr(accesskey);
        position: absolute;
        top: 1px;
        left: 10px;
    }
    div#logo {
        margin-left: 10px;  
    }
    section.main-menu .point1 {
        padding-top: 45px;
    }
    body.header-banner section.main-menu nav.menu ul.menu {
        top: -40px;
    }
    section.main-menu span.menu-button {
        margin-left: 10px;
        margin-right: 10px;
    }

    footer.page-footer span.scroll-top {
        left: auto;
        right: 10px;
        top: -36px;
    }
    footer.page-footer .footer-data {
        padding-left: 10px;
    }
    .footer-data div.cp {
        padding: 0;
    }
    footer.page-footer div.social {
        margin-right: 10px;
    }

    ul.tabs.search_tabs {
        width: 100%;
    }
    ul.tabs.search_tabs.tabs_count_2 > li {
        width: 50%;
    }
    ul.tabs.search_tabs.tabs_count_3 > li {
        width: 33.333%;
    }
    ul.tabs.search_tabs.tabs_count_4 > li {
        width: 25%;
    }

    .search-form-cell {
        width: 100%;
    }
    .search-form-cell > div {
        margin-left: 10px;
        margin-right: 10px;
    }
    .search-form-cell > div > div,
    .search-form-cell > div span.pills {
        width: 100%!important;
    }
    .search-form-cell.numeric-field {
        width: 50%;
    }
    .search-form-cell.numeric-field > div {
        margin-right: 10px;
    }
    .search-form-cell.numeric-field + .search-form-cell.numeric-field > div {
        margin-right: 0;
        margin-left: 10px;
    }
    .search-form-cell.submit > div {
        margin-top: 15px;
        float: right;
    }
    .search-form-cell.vertical-middle > div > span,
    .search-form-cell.submit > div > span {
        display: none;
    }

    .search-form-cell.three-field > div > div input[type=text],
    .search-form-cell.three-field > div > div input[type=number] {
        width: 33%!important;
        margin-right: 4%;
    }
    .search-form-cell.three-field > div > div select {
        width: 26%;
    }
    .search-form-cell.three-field > div > div > *:not(:last-child) {
        margin-right: 0;
    }

    section.main-menu nav.menu ul.menu {
        padding: 58px 14px 55px 22px;
    }

    section.content_block > h3,
    section.side_block > h3 {
        /*font-size: 1.429em;*/
    }
    section.content_block,
    section.side_block {
        margin-left: 10px;
        margin-right: 10px;
    }

    /* home content block */
    section.home-content {
        margin: 0 0 20px 0;
    }
    aside.bottom {
        margin-top: 20px;
    }
    /* home content block end */

    ul.tabs.tabs-hash {
        margin-left: 10px;
        margin-right: 10px;
        height: 42px;
    }
    ul.tabs.tabs-hash > li > a {
        height: 42px;
        line-height: 40px;
    }

    section.content-section ul.tabs {
        margin-left: 0;
        margin-right: 0;
    }
    #bread_crumbs {
        position: absolute;
        top: 121px;
        padding: 0;
    }
    body.header-banner #bread_crumbs {
        top: 200px;
    }
    #bread_crumbs > ul {
        margin-left: 10px;
        margin-right: 10px;
    }
    #bread_crumbs > ul ol {
        display: none;
    }
    #bread_crumbs > ul > li:last-of-type:after {
        display: none !important;
    }
    
    .grid_navbar .buttons > div.grid {
        display: none;
    }
    .grid_navbar .current,
    .grid_navbar ul.fields > li {
        padding: 0 10px;
    }
    
    /* listing list view */
    section#listings > article div.navigation-column {
        position: absolute;
        width: auto;
        bottom: 8px;
        right: 30px;
        z-index: 1;
    }
    section#listings > article div.navigation-column div.before-nav {
        display: none;
    }
    section#listings ul.nav-column > li {
        display: inline-block;
        height: 18px;
        margin-left: 5px;
    }
    section#listings ul.nav-column > li span.icon {
        top: 0;
    }
    section#listings ul.nav-column > li > a > span.link,
    section#listings ul.nav-column > li > span.link {
        display: none;
    }

    section.list > article {
        width: 100%;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
    }
    section#listings.list > article:not(.no-image) div.main-column {
        padding: 0 10px;
    }
    section#listings.list div.picture {
        width: 100%;
        float: none;
        margin: 0;
    }
    section#listings.list div.picture img {
        width: 100%;
        height: auto;
    }
    article.featured div.picture > div.label {
        top: 0;
    }
    section#listings.list ul.ad-info {
        padding: 10px 0;
    }
    section#listings ul.ad-info span.favorite {
        display: inline-block;
        vertical-align: middle;
    }
    section#listings.list ul.ad-info span.favorite {
        float: right;
        margin-top: 5px;
    }
    section#listings.list ul.ad-info > li:last-child {
        padding-bottom: 0;
    }
    section#listings div.picture.no-picture > img {
        background-color: #f6feff;
    }
    section#listings ul.nav-column > a > .link,
    section#listings.list ul.ad-info > ol {
        display: none;
    }
    /* listing list view end */

    section.categories-box div.cat-tree-cont.limit-height {
        max-height: 185px;
    }
    section.categories-box div.cat-toggle {
        display: none;
    }

    div.listing-details.loc-exists .content-section {
        margin-top: 42px;
    }
    #lnp_container > li {
        left: 10px;
    }
    #lnp_container li.next {
        left: auto;
        right: 10px;
    }
    div.listing-details .content-section {
        padding: 10px 10px 0;
    }
    div.listing-details div.top-navigation,
    div.gallery > div.thumbs,
    div.gallery > div.thumbs > div.slider > ul > li img {
        border-radius: 0;
    }
    div.gallery {
        position: relative;
    }
    div.gallery > div#media {
        height: initial;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    div.gallery > div#media .preview,
    div.gallery > div#media .map-container,
    div.gallery > div#media #street_view,
    div.gallery > div#media .zoom,
    div.gallery > div.thumbs > div.prev,
    div.gallery > div.thumbs > div.next {
        display: none;
    }

    div.gallery > div#media .nav-buttons {
        position: absolute;
        width: 100%;
        height: 42px;
        bottom: -42px;
        text-align: center;
        padding: 2px;
    }

    div.gallery > div#media .map,
    div.gallery > div#media .gallery,
    div.gallery > div#media .map-group {
        position: static!important;
        display: inline-block;
        vertical-align: top;
    }

    div.gallery div#media.map > .nav-buttons > .gallery {
        display: inline-block;
    }
    div.gallery > div#media.map + div.thumbs,
    div.gallery > div#media.street-view + div.thumbs {
        visibility: hidden;
    }

    div.gallery > div.thumbs {
        margin-top: 0;
        padding: 10px;
        height: inherit;
        display: block!important;
    }
    div.gallery > div.thumbs > div.slider {
        margin: 0;
        padding: 0;
        position: relative;
    }
    div.gallery > div.thumbs > div.slider > ul {
        width: 100%;
    }
    div.gallery > div.thumbs > div.slider > ul > li {
        display: inline-block;
        width: 100%;
        margin-top: 0!important;
    }
    div.gallery > div.thumbs > div.slider > ul > li img {
        margin: 0!important;
        width: 100%;
        height: auto;
        border: 0;
    }
    div.gallery > div.thumbs > div.slider > ul > li span.play {
        margin: 0;
        right: 0;
    }
    div.gallery > div.thumbs > div.slider > ul > li iframe {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
    div.gallery > div.thumbs > div.slider > ul > li iframe + div,
    div.gallery > div.thumbs > div.slider > ul > li iframe + div + div {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 40%;
        height: 65%;
    }
    div.gallery > div.thumbs > div.slider > ul > li iframe + div + div {
        left: auto;
        right: 0;
    }
    div.gallery > div.thumbs > div.slider > ul > li.locked > img {
        background-position: center 26%;
    }
    div.gallery > div.thumbs > div.slider > ul > li.locked > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        padding-top: 28%;
    }

    #area_keyword form.kws-block .two-inline {
        width: 100%;
    }

    div.listing-details h1 {
        margin-bottom: 15px;
        padding: 0;
    }
    div.listing-details div.price-tag {
        float: none;
        margin-bottom: 14px;
    }
    .seller-short > div:last-child {
        margin-top: 20px;
    }
    .seller-short.landscape div.picture {
        float: none;
    }

    div.table-cell > div.name {
        width: 35%!important;
    }

    div.listing-details section.statistics ul.controls {
        float: none;
        width: 100%;
    }
    div.submit-cell > div.name {
        float: none;
        width: auto;
        padding: 0;
        min-height: 26px;
        line-height: 26px;
    }
    div.submit-cell > div.name:empty {
        display: none;
    }
    #modal_block div.submit-cell div.name {
        width: 120px;
    }

    div.submit-cell.buttons div.name {
        min-height: inherit;
        height: 0;
    }

    .field.single-field > select {
        width: 100%;
    }
    .field.single-field > input[type=text] {
        width: 100%;
    }
    .field.checkbox-field .custom-input {
        width: 50%;
    }

    /* two */
    .field.two-fields > select,
    .field.two-fields > input[type=text] {
        width: 48%;
        margin-right: 4%;
    }
    .field.two-fields > select:last-child,
    .field.two-fields > input[type=text]:nth-child(2n) {
        margin-right: 0;
    }
    .field.two-fields > .custom-input,
    .field.couple-field > .custom-input {
        width: 50%;
        display: inline-block;
        padding-top: 10px;
    }
    /* three */
    .field.three-field > select {
        width: 26%;
        margin-right: 4%;
    }
    .field.three-field > input {
        width: 33%!important;
        margin-right: 4%;
    }
    .field.three-field > *:last-child {
        margin-right: 0;
    }

    .form-buttons.form a {
        width: auto;
    }
    section#accounts.grid {
        text-align: center;
    }
    section#accounts.grid > article {
        display: inline-block;
        vertical-align: top;
    }
    section#accounts > article > div,
    section#accounts > article > ul {
        text-align: left;
    }

    section.seller-short > div > div.picture {
        margin: 0 20px 0 0;
        float: left;
    }
    section.seller-short > div > div.picture img {
        max-width: 150px;
        height: auto;
    }
    section.seller-short ul.seller-info > li:first-child {
        margin-top: 0;
    }
    section.seller-short ul.seller-info {
        overflow: hidden;
    }

    section.seller-short div.picture + div div.name,
    section.account-location div.name {
        width: 120px!important;
    }
    section.seller-short div.picture > div:first-child {
        margin-top: 10px;
    }
    section.seller-short div.counter {
        display: block;
    }

    ul.steps.mobile > li {
        display: none;
    }
    ul.steps.mobile > li.prev,
    ul.steps.mobile > li.current,
    ul.steps.mobile > li.current + li,
    ul.steps.mobile > li.current + li + li {
        display: inline-block;
        width: 33.33333%!important;
    }
    ul.steps.mobile > li.prev + li + li + li {
        display: none!important;
    }

    /*** ADD LISTING ***/
    ul.select-type > li {
        display: block;
        margin: 0 0 5px 0;
    }
    ul.select-category {
        white-space: normal;
        overflow: auto;
    }
    ul.select-category select {
        height: 37px;
    }
    ul.select-category > li > div {
        width: 100%;
        margin: 0 0 10px!important;
    }
    ul.select-category > li > div:last-child {
        margin: 0;
    }
    ul.select-category select option {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    div.plans-container:not(.mCustomScrollbar) {
        padding-bottom: 0;
        border: 0;
    }
    ul.plans span.name {
        padding: 15px 0 0 0;
    }
    ul.plans span.price {
        padding: 0 0 18px;
    }
    ul.plans {
        overflow-x: auto;
        white-space: normal;
        border: 0;
        display: block
    }
    ul.plans > li {
        height: auto;
        width: 100%!important;
        position: relative;
        max-width: none;
        display: block
    }
    ul.plans > li > div.frame {
        width: 100%;
        height: inherit;
        border-width: 2px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        display: block;
        margin-bottom: 0 !important;
        padding-bottom: 20px;
    }
    ul.plans > li > div.frame div.selector,
    ul.plans > li > div.frame span.description {
        position: static;
    }
    ul.plans > li.plan-package > div.frame,
    ul.plans > li.plan-listing.subscription > div.frame {
        padding-bottom: 100px;
    }
    ul.plans > li.plan-package.subscription > div.frame {
        padding-bottom: 140px;
    }
    ul.plans > li div.selector {
        padding-top: 20px;
    }
    ul.plans > li > div.selector > div {
        padding-top: 5px;
    }
    ul.plans > li:first-child > div.frame {
        border-top-width: 2px;
    }
    ul.plans > li:last-child > div.frame {
        border-bottom-width: 2px;
    }

    ul.plans input[type=radio].multiline + label,
    ul.plans input[type=checkbox].multiline + label {
        line-height: 22px;
        white-space: normal;
        text-align: left;
        margin-left: -11px;
    }
    ul.plans input[type=radio].multiline + label > span,
    ul.plans input[type=checkbox].multiline + label > span {
        display: inline-block;
    }
    ul.plans span.description {
        bottom: -2px;
    }
    .form-buttons {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    /*** ADD LISTING END ***/

    table.contacts-list tr > td:nth-child(2n) {
        display: none;
    }
    table.contacts-list div.name span.new {
        display: inline-block;
    }

    div.notification {
        width: 100%;
        left: 0;
        margin: 0;
    }
    div.notification > div {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
    }
    div.notification.done {
        top: 0;
    }

    div.auth > div {
        display: block;
        width: 100%;
        text-align: left!important;
    }
    div.auth > div.cell > div {
        text-align: left;
        margin: 0;
    }
    div.auth > div.divider {
        padding: 20px 0;
        width: 100%;
    }

    span.text-notice,
    div.text-notice {
        padding: 0 10px;
    }
    .content-padding {
        padding-left: 10px;
        padding-right: 10px;
    }
    .content-padding .content-padding,
    .content-padding .text-notice,
    div.listing-details .content-section .content-padding {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    /* tables content */
    div.list-table {
        display: block;
    }
    div.list-table > div.header {
        display: none;
    }
    div.list-table > div.row {
        display: block;
        border-bottom: 2px #e9e9e9 solid;
        position: relative;
        padding: 13px 25px;
        margin: 0;
    }
    div.list-table > div:nth-child(2) {
        padding-top: 0;
    }
    div.list-table > div:last-child {
        padding-bottom: 0;
        border: 0;
    }
    div.list-table > div.row > div {
        display: block;
        border: 0;
        padding: 5px 0 5px 95px!important;
        overflow: hidden;
        position: relative;
    }
    div.list-table > div.row > div:not(.no-flex):before {
        content: attr(data-caption) ":";
        width: 85px;
        display: inline-block;
        white-space: normal;
        word-wrap: break-word;
        font-size: 0.929em;
        color: #949494;
        position: absolute;
        left: 0;
        top: 5px;

        /* it is the best solution for now */
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    div.list-table > div.row > div.iteration {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -10px;
        padding: 0!important;
    }
    div.list-table > div.row > div.action {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -12px;
    }
    div.list-table > div.row > div > div.inline {
        display: inline-block;
    }
    div.list-table > div.row > div.content {
        padding-top: 2px!important;
    }

    div.content div.table-cell > div.name {
        float: none;
        width: auto!important;
    }
    div.content div.table-cell > div.name + div.value {
        padding: 0;
        min-height: 18px;
        line-height: 18px;
    }
    div.content div.table-cell {
        margin-bottom: 10px;
    }
    /* tables content end */

    /* my listings */
    section#listings.my-listings .item div.info {
        display: block;
        width: 100%;
        padding: 0;
    }
    section#listings.my-listings .item div.info div.picture img {
        width: 100%;
        height: auto;
    }
    section#listings.my-listings .item div.picture > span {
        width: 34px;
        height: 24px;
        bottom: 20px;
        right: 20px;
        line-height: 22px;
        font-size: 1.071em;
    }
    section#listings.my-listings .item div.info .title {
        position: absolute;
        top: 10px;
        background: white;
        height: 38px;
        line-height: 36px;
        box-shadow: 0 4px 0 rgba(0,0,0,.1);
        max-width: 100%;
        white-space: nowrap;
    }
    section#listings.my-listings .item .title {
        padding: 5px 10px 10px;
        display: block;     
        overflow: hidden;
        text-overflow: ellipsis;
    }
    section#listings.my-listings .item.featured div.info .title {
        background: #4d89ea;
        color: #010101;
    }
    section#listings.my-listings div.picture > div.label {
        display: none;
    }
    section#listings.my-listings .item div.navigation {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    section#listings.my-listings .item div.navigation > ul {
        padding: 10px 10px 0;
    }
    section#listings.my-listings .item div.navigation > ul > li {
        display: inline-block;
        vertical-align: top;
        padding-bottom: 0;
    }
    section#listings.my-listings .item div.navigation > ul > li.single-inline {
        display: block;
        margin-bottom: 5px;
    }
    section#listings.my-listings .item div.navigation > ul > li select {
        max-width: 200px;
        width: 100%;
    }
    section#listings.my-listings .item div.navigation > ul > li.nav-icon {
        padding: 8px 0 0 12px;
    }
    section#listings.my-listings .item div.navigation > ul > li a {
        padding: 5px 10px;
    }
    section#listings.my-listings .item div.navigation > ul > li a > span {
        display: none;
    }

    section#listings.my-listings .item div.stat {
        display: block;
        width: 100%;
        position: relative;
    }
    section#listings.my-listings .item div.stat > ul {
        padding: 0 10px;
    }
    section#listings.my-listings .item div.stat .two-inline > *:first-child {
        float: none;
    }
    section#listings.my-listings .item div.stat ul > li {
        width: 48%;
        display: inline-block;
        vertical-align: top;
        margin-right: 4%;
    }
    section#listings.my-listings .item div.stat ul > li:nth-child(2n) {
        margin-right: 0;
    }
    /* my listings end */

    #controller_area div.fieldset.divider > header {
        padding: 0 10px;
    }
    .content-padding div.fieldset > header,
    div.fieldset.light > header {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    ul.pagination {
        padding-left: 20px;
        padding-right: 20px;
    }

    /*** MY PACKAGES ***/
    ul.packages > li {
        display: block;
    }
    ul.packages > li div.frame {
        width: auto;
        display: block;
    }
    ul.packages > li div.status {
        margin: 15px 0 0 0;
        padding: 0 20px;
    }
    ul.packages > li div.status div.renew {
        overflow: hidden;
        text-align: right;
    }
    ul.packages > li div.status ul.package_info {
        float: left;
    }
    /*** MY PACKAGES END ***/

    ul.account-menu-content > li {
        padding: 2px 0 10px;
    }
    ul.account-menu-content > li a {
        font-size: 1.143em;
    }

    .modal_block div.inner div.close {
        right: 20px;
    }

    .map-search > div.controls > div > div.buttons {
        top: auto;
        left: 10px;
        bottom: 210px;
    }

    ul.featured > li  {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    section.side_block table.table td.name {
        width: 45%;
    }
    .shc-group ul.checkboxes > li {
        width: 100%!important;
    }
}
@media screen and (max-width: 383px) {
    div#header-banner {
        max-width: 100%;
        height: 62px;
        top: 20px;
        left: 0;
        margin-left: 0;
    }
    section.seller-short > div > div.picture {
        margin: 0 0 15px 0;
        float: none;
    }
    section.seller-short > div > div.picture img {
        max-width: 150px;
        height: auto;
    }
    section.seller-short ul.seller-info {
        overflow: auto;
    }
    .login-form input[type=text],
    .login-form input[type=password] {
        width: 100%;
    }
    div.table-cell ul.checkboxes > li {
        float: none;
        width: 100%;
        margin: 0;
    }
    section#listings.my-listings .item > div.navigation > ul > li select {
        width: 130px;
    }
    .gptwdg {
        transform: scale(0.96);
        transform-origin: 0 0;
    }
}
/*** RESPONCIVE END ***/

/*** PIXEL RATIO 1.5 ***/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    div#logo img {
        width: 100%;
        height: 100%;
        background: url('../img/@2x/logo.png') 0 0 no-repeat;
        background-size: 100%;
    }
    #user-navbar > span.default:before {
        background: url('../img/@2x/gallery2.png') left -12px no-repeat;
        background-size: 40px auto;
    }
    div.controls span#full_screen:before,
    div.controls span#my_location:before {
        background: url('../img/@2x/gallery2.png') left -31px no-repeat;
        background-size: 40px auto;
    }
    div.controls span#my_location:before {
        background-position: right -31px;
    }
    .map_fullscreen_area div.controls span#full_screen:before {
        background-position: right -819px;
    }

    .infobox-wrapper > img {
        background: url('../img/@2x/gallery2.png') -26px -853px no-repeat #4d89ea;
        background-size: 40px auto;
    }
    section.main-menu span.mobile-menu-header > span:last-child:before {
        background: url('../img/@2x/gallery2.png') right -50px no-repeat;
        background-size: 40px auto; 
    }

    div.close-black:before {
        background: url('../img/@2x/gallery2.png') right -857px no-repeat;
        background-size: 40px auto;
    }
    input[type=number] {
        background-image: url('../img/@2x/gallery2.png');
        background-position: right -94px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }
    label.switcher > input[type=checkbox] + span:not(.status):before {
        background-image: url('../img/@2x/gallery2.png');
        background-position: -8px -972px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }
    label.switcher > input[type=checkbox]:checked + span:not(.status):before {
        background-image: url('../img/@2x/gallery2.png');
        background-position: 0 -972px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }
    div#fileupload span.draft > span.icon {
        background: url('../img/@2x/gallery2.png') 0 -540px no-repeat!important;
        background-size: 40px auto!important;
    }

    .testimonials .area > div.quotes {
        background: url('../img/@2x/gallery2.png') -22px -212px no-repeat!important;
        background-size: 40px auto!important;
    }
    footer.page-footer span.scroll-top:before {
        background: url('../img/@2x/gallery2.png') right -224px no-repeat;
        background-size: 40px auto;
    }
    .footer-data div.icons a:before {
        background: url('../img/@2x/gallery2.png') 0 -270px no-repeat;
        background-size: 40px auto;
    }
    .footer-data div.icons a.facebook:before {
        background-position: -13px -270px;
    }
    .footer-data div.icons a.twitter:before {
        background-position: -24px -270px;
    }

    input[type=checkbox]:not(.default) + label > span,
    input[type=radio]:not(.default) + label > span {
        background: url('../img/@2x/gallery2.png') 0 -216px no-repeat;
        background-size: 40px auto;
    }
    input[type=radio]:not(.default) + label > span {
        background-position: 0 -153px;
    }
    input[type=checkbox]:not(.default):hover + label > span {
        background-position: 0 -195px;
    }
    input[type=checkbox]:not(.default):checked + label > span {
        background-position: 0 -237px;
    }
    input[type=radio]:not(.default):hover + label > span {
        background-position: 0 -132px;
    }
    input[type=radio]:not(.default):checked + label > span {
        background-position: 0 -174px;
    }
    div.category-slider-bar span.prev,
    div.category-slider-bar span.next,
    div.gallery > div.thumbs > div.prev > div,
    div.gallery > div.thumbs > div.next > div {
        background: url('../img/@2x/gallery2.png') -0px -467px no-repeat;
        background-size: 40px auto;
    }
    div.category-slider-bar span.next,
    div.gallery > div.thumbs > div.next > div {
        background-position: -7px -467px;
    }
    .footer-data img.rss,
    .footer-data img.facebook,
    .footer-data img.twitter {
        background: url('../img/@2x/gallery2.png') 0 -288px no-repeat;
        background-size: 40px auto;
    }
    .footer-data img.facebook {
        background-position: 0 -329px;
    }
    .footer-data img.twitter {
        background-position: 0 -370px;
    }
    .footer-data div.logo img {
        background: url('../img/@2x/footer-logo.png') 0 0 no-repeat;
        background-size: 100%;
    }
    ul.menu-mobile:before {
        background: url('../img/@2x/gallery2.png') right -409px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar div.map > div > span {
        background: url('../img/@2x/gallery2.png') 0 -449px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar div.map:hover span,
    .grid_navbar div.map.active span {
        background: url('../img/@2x/gallery2.png') -14px -449px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar .sorting span.arrow {
        background: url('../img/@2x/gallery2.png') -22px -114px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar .sorting .active span.arrow {
        background-position: -22px -101px;
    }

    .favorite span.icon {
        background: url('../img/@2x/gallery2.png') right -178px no-repeat;
        background-size: 40px auto;
    }
    .favorite.remove span.icon {
        background-position: right -195px;
    }
    #user-navbar.notify > span.default:before {
        /*background-position: right -341px;*/
    }

    span.media-enlarge:after {
        background: url('../img/@2x/gallery2.png') left -345px no-repeat;
        background-size: 40px auto;
    }

    div.gallery > div.thumbs > div.prev:before,
    div.gallery > div.thumbs > div.next:before {
        background: url('../img/@2x/gallery2.png') left -400px no-repeat;
        background-size: 40px auto;
    }
    div.gallery > div.thumbs > div.next:before {
        background-position: 0 -422px;
    }
    div.gallery > div.thumbs > div.slider > ul > li.locked img {
        background-image: url('../img/@2x/locked.png');
        background-size: 25px auto;
    }
    div#picture_locked img {
        background-image: url('../img/@2x/locked-large.png');
        background-size: 96px auto;
    }
    #loan_reset_form {
        background: url('../img/@2x/gallery2.png') right -426px no-repeat;
        background-size: 40px auto;
    }

    section#listings div.picture > img {
        background-image: url('../img/@2x/no-picture.png');
        background-size: cover;
    }
    section#listings div.picture.no-picture > img {
        background-size: cover!important;
    }
    .seller-short form input + span {
        background: url('../img/@2x/gallery2.png') right -373px no-repeat;
        background-size: 40px auto;
    }
    .seller-short form input[name=contact_email] + span {
        background-position: right -391px;
    }
    .seller-short form input[name=contact_phone] + span {
        background-position: right -407px;  
    }
    div.table-cell > div.name > div {
        background: url('../img/@2x/gallery2.png') 0 17px repeat-x;
        background-size: 40px auto!important;
    }
    div.gallery > div.preview a > span > span {
        background: url('../img/@2x/gallery2.png') right -604px no-repeat;
        background-size: 40px auto;
    }

    .modal_block div.inner div.close > div {
        background: url('../img/@2x/gallery2.png') right -326px no-repeat;
        background-size: 40px auto;
    }
    a.print > span {
        background: url('../img/@2x/gallery2.png') right -625px no-repeat;
        background-size: 40px auto;
    }
    div.table-cell ul.checkboxes > li.active img {
        background: url('../img/@2x/gallery2.png') 0 -625px no-repeat;
        background-size: 40px auto;
    }
    div.ps-toolbar div div.ps-toolbar-content {
        background-image: url('../img/@2x/photoswipe@2x.png');
        background-size: 176px 88px;
    }

    #lnp_container li.nav a:before {
        background: url('../img/@2x/gallery2.png') right -362px no-repeat;
        background-size: 40px auto;
    }
    #lnp_container li.next a:before {
        background-position: -28px -362px;
    }
    .compare-icon > span,
    section#listings ul.nav-column > li.add_to_compare span.icon {
        background: url('../img/@2x/gallery2.png') 0 -363px no-repeat!important;
        background-size: 40px auto!important;
    }
    .compare-icon.remove > span,
    section#listings ul.nav-column > li.remove_from_compare span.icon {
        background: url('../img/@2x/gallery2.png') 0 -381px no-repeat!important;
        background-size: 40px auto!important;
    }

    section#listings ul.nav-column > li.add-to-cart span.icon {
        background: url('../img/@2x/gallery2.png') 0 -949px no-repeat!important;
        background-size: 40px auto!important;
    }

    div.horizontal div.prev:before,
    div.horizontal div.next:before,
    div.vertical div.prev:before,
    div.vertical div.next:before {
        background: url('../img/@2x/gallery2.png') 0 -589px no-repeat;
        background-size: 40px auto;
    }
    div.horizontal div.next:before {
        background-position: -8px -589px;
    }
    div.vertical div.prev:before {
        background-position: 0 -839px;
    }
    div.vertical div.next:before {
    background-position: right -839px;
    }

    section#accounts > article div.no-picture div.picture img,
    .my-profile-sidebar .image-preview-wrapper .image-preview,
    img.account-picture {
        background-image: url('../img/@2x/no-account.png');
        background-size: contain;
    }

    div.picture.no-picture img {
        background-size: 100px;
    }

    section.side_block > span.expander {
        background: url('../img/@2x/gallery2.png') right -502px no-repeat;
        background-size: 40px auto;
    }
    section.side_block > span.expander.active {
        background-position: 0 -502px;
    }

    ul.featured > li.no-picture > a > img {
        background-image: url('../img/@2x/no-picture.png');
        background-size: 190px auto!important;
    }
    input.search:hover {
        height: 37px;
        background: url('../img/gallery.png') 12px -431px no-repeat #fec04f;
    }
    div.gallery > div.thumbs > div.slider > ul > li span.play {
        background: url('../img/@2x/play.png') center center no-repeat rgba(0,0,0,.2);
        background-size: 100% auto;
    }

    div.close-black > div {
        background: url('../img/@2x/gallery2.png') right -675px no-repeat;
        background-size: 40px auto;
    }
    .close-red {
        background: url('../img/@2x/gallery2.png') -25px -53px no-repeat;
        background-size: 40px auto;
    }
    div.close-black:hover > div,
    .close-red:hover {
        opacity: 0.8;
    }
    img.remove {
        background: url('../img/@2x/gallery2.png') 0 -857px no-repeat;
        background-size: 40px auto;
    }

    ul#messages_area > li > span {
        background: url('../img/@2x/gallery2.png') right -326px no-repeat;
        background-size: 40px auto;
    }

    img.qtip {
        background-image: url('../img/@2x/gallery2.png');
        background-position: 6px -325px;
        background-size: 40px auto;
    }
    div#fileupload img.manage,
    div#fileupload img.delete,
    div#fileupload img.cancel,
    div#fileupload img.crop {
        background: url('../img/@2x/gallery2.png') 0 -755px no-repeat;
        background-size: 40px auto;
    }
    div#fileupload img.delete,
    div#fileupload img.cancel {
        background-position: right -755px;
    }
    div#fileupload img.crop {
        background-position: right -776px;  
    }

    #controller_area div.fieldset > header > span.arrow {
        background: url('../img/@2x/gallery2.png') 0 -798px no-repeat;
        background-size: 40px auto;
    }
    #controller_area div.fieldset > header > span.arrow.up {
        background-position: right -798px;
    }
    .my-listings div.navigation ul li.nav-icon > a:before {
        background: url('../img/@2x/gallery2.png') 0 -776px no-repeat;
        background-size: 40px auto;
    }
    .my-listings div.navigation ul li.nav-icon > a.add-video:before {
        background-position: 0 -821px;
    }
    .my-listings div.navigation ul li.nav-icon > a.edit:before {
        background-position: 0 -755px;
    }
    .my-listings div.navigation ul li.nav-icon > a.unsubscription:before {
        background-position: left -933px;
    }
    .my-listings div.navigation ul li.nav-icon > a.delete:before,
    .delete.icon {
        background: url('../img/@2x/gallery2.png') right -755px no-repeat;
        background-size: 40px auto;
    }
    span.media-enlarge > span {
        background: url('../img/@2x/gallery2.png') right -604px no-repeat;
        background-size: 40px auto;
    }

    div.map-capture > img {
        background-size: auto 100%;
    }
    div.controls a#advanced_search:after {
        background: url('../img/@2x/gallery2.png') right -449px no-repeat;
        background-size: 40px auto;
    }

    #search_area #advanced_search:after {
        background: url('../img/@2x/gallery2.png') -34px -449px no-repeat;
        background-size: 40px auto;
    }
    
    footer.page-footer div.social a.rss:after {
        background: url('../img/@2x/gallery2.png') left -968px no-repeat;
        background-size: 40px auto;
    }

    #bread_crumbs > ul > *:not(:last-child):after {
        background: url('../img/@2x/gallery2.png') -7px -467px no-repeat;
        background-size: 40px auto;
    }
    #bread_crumbs > ul > li:first-child > a {
        background: url('../img/@2x/gallery2.png') right -738px no-repeat;
        background-size: 40px auto;
    }
    #bread_crumbs > ul > li:first-child > a.breadcrumb-home {
        background: url('../img/@2x/gallery2.png') left -970px no-repeat;
        background-size: 40px auto;
    }
    body a.removeBroken img {
        background: url(../img/@2x/gallery2.png) 0 -1000px no-repeat !important;
        background-size: 40px auto !important;
    }
    body a.reportBroken img {
        background: url(../img/@2x/gallery2.png) 0 -1018px no-repeat !important;
        background-size: 40px auto !important;
    }
    section.side_block_search div.search-button button[type='submit']:before,
    .kws-block button:before {
        background: url(../img/@2x/gallery2.png) 0 -703px no-repeat;
        background-size: 40px auto;
    }
}
/*** PIXEL RATIO 1.5 END ***/

/*** PIXEL RATIO 1.5 ***/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px),
only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 767px),
only screen and (min-resolution: 144dpi) and (max-width: 767px) {
    div.gallery > div.thumbs > div.slider > ul > li span.play {
        background-size: 40% auto;
    }
}

/*** CUSTOM SCROLLBAR ***/
.mCustomScrollbar {
    position: relative;
    display: block;
}
.mCustomScrollbar .mCustomScrollBox {
    overflow: hidden;
}
.mCustomScrollbar:not(.mCS_no_scrollbar) .mCSB_container {
    width: auto;
    overflow: hidden;
    margin-right: 20px;
}
.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}
.mCustomScrollBox > .mCSB_scrollTools {
    width: 4px;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0.65;
}
.mCustomScrollbar:not(.mCS_no_scrollbar) .mCustomScrollBox.mCSB_vertical {
    margin-right: 3px;
}
.mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 1;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f1f1f1;
    background-color: rgba(153,153,153,0.4);
    width: 3px;
    height: 100%;
    margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #4d89ea;
    width: 3px;
    height: 100%;
}
.mCSB_scrollTools_vertical .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: auto;
    margin: 7px 0;
}
.mCSB_horizontal .mCSB_draggerContainer {
    width: 100%;
}
.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}
.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 3px;
    margin: 0;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: auto;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 3px;
    margin: 0 auto;
}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 3px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
/*** CUSTOM SCROLLBAR END ***/

/*** IE fallback ***/
body.ie-fallback div.controls span.loading {
    display: none;
}
body.ie-fallback .map-search > div.controls {
    height: 0;
    top: auto;
    bottom: 0;
}
body.ie-fallback .map-search > div.controls > div > div.buttons {
    top: auto;
    bottom: 470px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select {
        padding: 4px 5px;
    }
    input[type=text],
    input[type=password],
    input[type=number] {
        padding-bottom: 1px;
    }
}
/*** IE fallback end ***/

/*** UNIVERSAL GRID CLEANER ***/
@media (max-width: 767px) {
    .col-xs-1:nth-child(12n+1),
    .col-xs-2:nth-child(6n+1),
    .col-xs-3:nth-child(4n+1),
    .col-xs-4:nth-child(3n+1),
    .col-xs-6:nth-child(2n+1) {
        clear: both;
    }
}
@media (min-width:767px){
    .col-xs-1[class*="col-sm"],
    .col-xs-2[class*="col-sm"],
    .col-xs-3[class*="col-sm"],
    .col-xs-4[class*="col-sm"],
    .col-xs-6[class*="col-sm"],
    .col-xs-1[class*="col-md"],
    .col-xs-2[class*="col-md"],
    .col-xs-3[class*="col-md"],
    .col-xs-4[class*="col-md"],
    .col-xs-6[class*="col-md"],
    .col-xs-1[class*="col-lg"],
    .col-xs-2[class*="col-lg"],
    .col-xs-3[class*="col-lg"],
    .col-xs-4[class*="col-lg"],
    .col-xs-6[class*="col-lg"] {
        clear: none;
    }
    .col-sm-1:nth-child(12n+1),
    .col-sm-2:nth-child(6n+1),
    .col-sm-3:nth-child(4n+1),
    /*.col-sm-4:nth-child(3n+1),*/
    .col-sm-6:nth-child(2n+1) {
        clear: both;
    }
}
@media (min-width:992px){
    .col-sm-1[class*="col-md"],
    .col-sm-2[class*="col-md"],
    .col-sm-3[class*="col-md"],
    .col-sm-4[class*="col-md"],
    .col-sm-6[class*="col-md"],
    .col-sm-1[class*="col-lg"],
    .col-sm-2[class*="col-lg"],
    .col-sm-3[class*="col-lg"],
    .col-sm-4[class*="col-lg"],
    .col-sm-6[class*="col-lg"] {
        clear: none;
    }
    .col-md-1:nth-child(12n+1),
    .col-md-2:nth-child(6n+1),
    .col-md-3:nth-child(4n+1),
    .col-md-4:nth-child(3n+1),
    .col-md-6:nth-child(2n+1) {
        clear: both;
    }
}
@media (min-width:1200px){
    .col-md-1[class*="col-lg"],
    .col-md-2[class*="col-lg"],
    .col-md-3[class*="col-lg"],
    .col-md-4[class*="col-lg"],
    .col-md-6[class*="col-lg"] {
        clear: none;
    }
    .col-lg-1:nth-child(12n+1),
    .col-lg-2:nth-child(6n+1),
    .col-lg-3:nth-child(4n+1),
    .col-lg-4:nth-child(3n+1),
    .col-lg-6:nth-child(2n+1) {
        clear: both;
    }
}
/*** UNIVERSAL GRID CLEANER END ***/

