/* BANNERS */
.banner-theme {
    display: block;
    clear: both;
    width: 100%;
    margin: 10px auto;
    text-align: center;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
}

.banner-theme > div {
    float: left;
    clear: both;
    width: 100%;
    display: block;
    text-align: center;
    overflow: hidden;
}

.banner-theme.blank:not(.is-demo) {
    display: none;
}

.banner-theme.is-demo {
    padding: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    border: 1px solid #d5e5ec;
    border-radius: 2px;
    background: #e7f5fb;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.05);
}

.banner-theme.is-demo:after {
    content: "\f155 \f155 \f155";
    display: block;
    position: absolute;
    letter-spacing: 2px;
    right: 4px;
    bottom: 6px;
    font-size: 12px;
    color: rgba(0,0,0,0.1);
    font-family: "FontAwesome";
}

.banner-theme.is-demo u {
    text-transform: uppercase;
}

.banner-theme.banner-item_top {
    margin-top: 0;
    margin-bottom: 20px;
}

.banner-theme.banner-item_bottom {
    margin-top: 20px;
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 0;
}

.banner-theme.banner-item_description {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 0;
}

.banner-theme.banner-item_sidebar {
    margin: 0px 0 20px 0;
    float: left;
    width: 100%;
    clear: both;
}

.banner-theme.banner-search_sidebar {
    margin: 0px 0 20px 0;
    float: left;
    width: 100%;
    clear: both;
}

.add_item .description .tox-tinymce {
    width: 75%!important;
    float: left;
}

body.content_only #listing.list {
    padding: 0;
}

/* FANCYBOX CUSTOM STYLES */
.fancybox-wrap .fancybox-prev span, .fancybox-wrap .fancybox-next span {
    margin-top: -40px;
    background-image: none;
    width: 36px;
    height: 80px;
    background: #444;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.fancybox-wrap .fancybox-prev span:before, .fancybox-wrap .fancybox-next span:before {
    color: #fff;
    font-size: 30px;
    font-family: "FontAwesome";
    float: left;
    width: 100%;
    text-align: center;
    line-height: 80px;
}

.fancybox-wrap .fancybox-prev span, .fancybox-wrap .fancybox-prev:hover span {
    left: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.fancybox-wrap .fancybox-next span, .fancybox-wrap .fancybox-next:hover span {
    right: 0;
    left: auto;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.fancybox-wrap .fancybox-prev span:before {
    content: "\f104";
    text-indent: -2px;
}

.fancybox-wrap .fancybox-next span:before {
    content: "\f105";
    text-indent: 2px;
}

.fancybox-wrap .fancybox-prev:hover span, .fancybox-wrap .fancybox-next:hover span {
    background: rgba(0, 0, 0, 0.7);
}

body.page-body .fancybox-title-inside-wrap {
    margin: 0;
    padding: 3px 8px;
    font-size: 12px;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    position: absolute;
    bottom: -35px;
    left: 0;
    width: auto;
    background: #333;
    background: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.page-body .fancybox-image {
    padding: 1px;
}

#fancybox-overlay {
    opacity: 0.35!important;
}

.quick-view .fancybox-inner {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow-y: visible!important;
}

!#gear-right, #conf-form {
    display: none!important;
}

#show-c-seller-form.fw-box .left, #show-c-seller-form.fw-box .middle {
    height: 400px;
}

.norecaptcha {
    padding-left: 20%;
}

.reg-norecaptcha {
    padding-left: 30%;
}

/* HOME PAGE VIDEO BLOCK */
#video-block {
    float: left;
    width: 100%;
    height: 450px;
    display: block;
    clear: both;
    position: relative;
    overflow: hidden;
}

#video-block .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#video-block .video video#video-play {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    transform: translateX(-50%) translateY(-50%);
    background: url('../video/poster.jpg') no-repeat;
    background-size: cover;
    transition: 1s opacity;
}

#video-block .video video#video-play-alt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
}

#video-block .video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
}

#video-block #video-search {
    position: absolute;
    top: 50%;
    margin-top: -85px;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
}

#video-block #video-search .inside {
    display: inline-block;
    margin: 0 auto;
    width: 60%;
    text-align: center;
}

#video-block #video-search .inside input, #video-block #video-search .inside select {
    border-color: #fff;
    font-size: 14px;
    float: none;
    display: inline-block;
    padding: 15px 12px;
    height: 47px;
    margin-right: 10px;
    width: 280px;
    float: left;
}

#video-block #video-search .inside input::-webkit-input-placeholder, .add_item textarea::-webkit-input-placeholder {
    color: #bbb;
    font-family: "Open Sans",sans-serif;
}

#video-block #video-search .inside input:-moz-placeholder, .add_item textarea:-moz-placeholder {
    color: #bbb;
    font-family: "Open Sans",sans-serif;
}

#video-block #video-search .inside input::-moz-placeholder, .add_item textarea::-moz-placeholder {
    color: #bbb;
    font-family: "Open Sans",sans-serif;
}

#video-block #video-search .inside input:-ms-input-placeholder, .add_item textarea:-ms-input-placeholder {
    color: #bbb;
    font-family: "Open Sans",sans-serif;
}

#video-block #video-search .inside button {
    width: 140px;
    padding: 15px 8px;
    height: 47px;
    float: none;
    display: inline-block;
}

#video-block #video-search .inside .top {
    float: left;
    width: 100%;
}

#video-block #video-search .inside .top {
    margin-bottom: 30px;
    width: 100%;
}

#video-block #video-search .inside .bottom {
    width: 430px;
    display: inline-block;
    clear: both;
}

#video-block h2 {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    color: #fff;
    font-size: 40px;
    margin-bottom: 8px;
}

#video-block h4 {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

/* MB-THEMES PLUGIN STYLES */
/* All in One SEO Plugin */
#footer-links {
    float: left;
    width: 100%;
    clear: both;
    padding: 10px;
    margin: 0px 0 35px 0;
    text-align: center;
    color: #ccc;
}

#footer-links a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #2196F3;
    margin: 0 10px;
}

#footer-links a:hover {
    text-decoration: underline;
}

/* Radius Search */
.rad_search_box {
    padding: 5px 8px;
    margin: 5px 0 12px 0;
}

.rad_search_box input[type="text"] {
    clear: none!important;
}

#home-map .radius_h2, #listing .radius_h2 {
    margin: 0!important;
    position: absolute!important;
    right: 15px;
    top: 25px;
    z-index: 99;
}

#home-map .radius_h2 > div, #listing .radius_h2 > span > div {
    display: none;
}

#home-map #map_radius_here, #listing #map_radius_here {
    margin: 0;
    padding: 10px;
    width: auto;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 99;
    background: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#home-map #map_radius_here .radius-show-now.radius_locate, #home-map .radius_locate, #listing #map_radius_here .radius-show-now.radius_locate, #listing .radius_locate {
    font-size: 12px;
    color: #fff;
    background: #2196F3;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-family: "Open Sans",sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.4);
}

#home-map #map_radius_here .radius-show-now.radius_locate:hover, #home-map .radius_locate:hover, #listing #map_radius_here .radius-show-now.radius_locate:hover, #listing .radius_locate:hover {
    background: #1b7ac5
}

/* Backoffice Manager */
#side-right .elem.feedback {
    text-align: center;
    margin-bottom: 8px;
}

#side-right .elem.feedback div.rating-cancel, #side-right .elem.feedback div.star-rating {
    float: none;
    display: inline-block;
}

#bo-mgr-edit-delete {
    float: left;
    clear: both;
    margin: 0 0 10px 0;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#bo-mgr-edit-delete > div {
    font-size: 13px;
    font-weight: 500;
    color: #2196F3;
    text-decoration: none;
    padding: 2px 0;
    width: 50%;
    text-align: center;
}

#bo-mgr-edit-delete > div span {
    font-weight: 500;
}

#bo-mgr-edit-delete > div span:hover {
    text-decoration: underline;
}

#bo-mgr-edit-delete > div.bo_edit {
    border-right: 1px solid #eee;
}

#bo-mgr-edit-delete > div.bo_edit:before {
    content: "\f040";
    font-family: "FontAwesome";
    font-size: 15px;
    color: #222;
    margin-right: 5px;
    display: inline-block;
}

#bo-mgr-edit-delete > div.bo_delete:before {
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 15px;
    color: #222;
    margin-right: 5px;
    display: inline-block;
}

#side-right #bo_mgr_edit_delete button {
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
}

#side-right #bo_mgr_edit_delete #edit_div, #side-right #bo_mgr_edit_delete #delete_div {
    top: -14px;
    right: 125px;
    left: auto;
    border-color: #ddd;
}

#side-right #bo_mgr_edit_delete #edit_div:before, #side-right #bo_mgr_edit_delete #delete_div:before {
    font-family: "FontAwesome";
    content: "\f0da";
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
    position: absolute;
    line-height: 20px;
    right: -8px;
    color: #ddd;
}

/* Favorite Items */
#side-right #fi_list_items h2 {
    margin-top: 10px;
    padding: 8px 0;
    text-align: left;
    border: none;
    border-bottom: 1px solid #ccc;
}

#fi_user_new_list button {
    height: 28px;
    line-height: 12px;
    padding: 0 10px;
    font-size: 12px;
}

/* Instant Messenger */
#top-bar #im-link > a {
    color: #000;
}

#top-bar #im-link .im-t-unread {
    height: 20px;
    line-height: 20px;
    background: #8BC34A;
    font-weight: 500;
    margin-right: 0;
}

#top-bar #im-link #im-thread-wrap {
    top: 28px;
}

#o-box #im-link .im-t-unread {
    line-height: 18px;
    font-weight: 500;
    font-size: 11px;
}

#o-box #im-link a:before {
    font-family: "FontAwesome";
    content: "\f0ec";
    float: left;
    line-height: 38px;
    margin: 0 6px 0 0;
    color: #00BCD4;
    font-size: 16px;
    width: 20px;
    text-align: center;
}

#o-box #im-link #im-thread-wrap {
    display: none!important;
}

/* Scroll Top */
#back-top-right {
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: none;
    z-index: 9999
}

#back-top-right a {
    width: 55px;
    height: 50px;
    display: block;
    background: transparent url(../../../plugins/scrolltop/images/scroll_top.png) no-repeat center center;
    opacity: 0.4;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    -webkit-backface-visibility: hidden;
}

#back-top-right a:hover {
    opacity: 0.6;
}

/* DIFFERENT */
.resp {
    display: none;
}

.tr1 {
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.title_block {
    line-height: 17px;
    float: left;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    clear: both;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #444;
    font-size: 15px;
    padding: 0 0 3px 0;
    font-family: "Open Sans",sans-serif;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* HOME LOCATION BUTTON */
#location-def {
    float: left;
    clear: both;
    margin: 0;
    padding: 14px 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #00ccff;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 100;
    background-color:#2196f366;
}

#location-def a.l-button {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    color: #012;
}

#location-def a.l-button:hover {
    color: #000;
}

#location-def .l-img {
    display: block;
    float: left;
    margin: 0 9px 0 0;
}

#location-def .l-img .fa {
    font-size: 30px;
    color: #2196F3;
}

#location-def .l-text {
    display: block;
    float: left;
    line-height: 30px;
}

#home-loc-box .head {
    padding: 19px 11px 19px 10px;
}

#home-loc-box .middle {
    padding: 18px 18px
}

#home-loc-box .middle .row {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
}

#home-loc-box .middle .row h4 {
    font-size: 13px;
    font-weight: 500;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 2px 0;
}

#home-loc-box input[type="text"], #home-loc-box select {
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 0px 6px;
    margin: 0;
    line-height: 28px;
    height: 30px;
    ;background: #fff;
    float: left;
    clear: both;
    outline: none;
    width: 100%;
    color: #444;
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

#home-loc-box input[type="text"]:hover, #home-loc-box select:hover {
    border-color: #aaa;
}

#home-loc-box input:focus {
    border: 1px solid #F44336;
}

#home-loc-box input[type="text"], #home-loc-box select {
    font-family: "Open Sans",sans-serif;
}

#home-loc-box select {
    padding: 1px 5px 0 5px;
    margin: 0;
}

#home-loc-box select {
    cursor: pointer;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

!#home-loc-box select.disabled {
    cursor: not-allowed;
}

#home-loc-box .row.r-but {
    margin: 3px 0 15px 0;
    text-align: left;
}

#home-loc-box .row.r-but #uniform-blue {
    padding: 9px 25px;
    width: 180px;
    display: inline-block;
    float: none;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#home-loc-box .row.r-clean {
    text-align: left;
    margin: 0;
}

#home-loc-box .row.r-clean a {
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
    color: #999;
    text-align: left;
    float: none;
    display: inline-block;
}

#home-loc-box .row.r-clean a:hover {
    color: #333;
}

#home-loc-box .row.r-clean a .fa {
    color: #222;
    margin: 0 4px 0 0;
}

#home-loc-box .left {
    display: block!important;
    width: 24%;
    height: 320px;
}

#home-loc-box .middle {
    width: 76%;
    height: 320px;
}

/* PRINT AD ON ITEM PAGE */
#print-ad-body, #print-ad-body * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#print-ad-body {
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 18px;
    padding: 20px;
}

#print-ad-body #pics {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    padding: 2px;
}

#print-ad-body #pics li {
    list-style: none;
    display: inline-table;
    position: relative;
    float: left;
    width: 100px;
    height: 80px;
    padding: 4px;
    margin: 4px 8px 4px 0;
    border: 1px solid #eee;
    background-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#print-ad-body .box {
    border: 1px dotted #ccc;
    padding: 5px;
}

#print-ad-body .price {
    background: white;
    margin-left: 15px;
    font-size: 1.5em;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 5px;
    padding-bottom: 8px;
}

#print-ad-body #print {
    float: right;
}

#print-ad-body #showhide {
    float: right;
}

#print-ad-body #title {
    float: left;
    width: 700px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #f0f0f0;
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 15px 0;
}

#print-ad-body #pictures {
    float: left;
    width: 700px;
    padding: 10px 0 0 0;
    border-top: 1px dashed #ddd;
    margin-top: 20px;
}

#print-ad-body #displayText {
    font-size: 10px;
    text-decoration: none;
    color: gray;
}

#print-ad-body #info {
    float: left;
    width: 240px;
    padding: 10px;
    clear: both;
}

#print-ad-body #desc {
    float: left;
    width: 440px;
    border-left: 1px dashed #ddd;
    padding: 10px 10px 10px 20px;
    clear: none
}

#print-ad-body #footer {
    float: left;
    width: 700px;
    border-top: 1px dashed #ddd;
    padding: 20px 10px;
    margin-top: 20px;
    text-align: center;
}

.ui-widget.ui-tooltip {
    border-width: 0px;
    padding: 4px 6px;
    font-size: 11px;
    background: #222;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-family: "Open Sans",sans-serif;
    line-height: 14px;
}

.ui-widget.ui-tooltip:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -4px;
    border: 4px solid;
    border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
    display: block;
    content: "";
}

/* IMAGE SLIDESHOW ON LISTING PAGE */
#item-bx-pager {
    text-align: center;
    margin-top: 15px;
    position: relative;
    padding: 14px 10px 4px 10px;
    background: #fff;
    border-top: 3px double #eee;
}

#item-bx-pager a {
    width: 128px;
    display: inline-block;
    position: relative;
    z-index: 3;
}

#item-bx-pager a.last {
    width: 256px;
}

#item-bx-pager a img {
    background: #fff;
    padding: 1px;
    border: 1px solid #eee;
    width: 122px;
    height: auto;
    float: left;
    margin: 0 3px 6px 3px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#item-bx-pager a:hover img, #item-bx-pager a.active img {
    border: 1px solid #00BCD4;
}

#pictures #photo-count {
    position: absolute;
    bottom: auto;
    cursor: default;
    left: 12px;
    z-index: 10;
    margin-top: -65px;
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    text-align: center;
    padding: 10px 6px 4px 6px;
    background: rgba(255, 255, 255, 0.5);
}

#pictures #photo-count .top {
    float: left;
    clear: both;
    width: 100%;
    color: #111;
    font-size: 20px;
    margin-bottom: 1px;
}

#pictures #photo-count .bottom {
    float: left;
    clear: both;
    width: 100%;
    color: #333;
    font-size: 13px;
    font-weight: bold;
}

#pictures .bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    z-index: 3;
    background-image: none;
    top: 50%;
    content: "";
    left: 0px;
    overflow: hidden;
    margin-top: -35px;
    text-decoration: none;
    text-align: center;
    position: absolute;
    background: #555;
    background: rgba(0,0,0,0.5);
    width: 35px;
    height: 70px;
    color: #fff;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#pictures .bx-wrapper .bx-controls-direction a:hover {
    background: #444;
    background: rgba(0,0,0,0.7);
}

#pictures .bx-wrapper .bx-controls-direction a:active {
    background: #333;
    background: rgba(0,0,0,0.85);
}

#pictures .bx-wrapper .bx-controls-direction a.bx-next {
    left: auto;
    right: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#pictures .bx-wrapper .bx-controls-direction a.bx-prev {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#pictures .bx-wrapper .bx-controls-direction a:focus {
    outline: none;
}

#pictures .bx-wrapper .bx-controls-direction a:before {
    width: 100%;
    color: #fff;
    color: rgba(255,255,255,0.8);
    font-size: 32px;
    text-align: center;
    height: 70px;
    line-height: 68px;
    font-weight: normal;
    font-family: FontAwesome;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#pictures .bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "\f104";
    float: left;
    padding-right: 2px;
}

#pictures .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "\f105";
    float: right;
    padding-left: 2px;
}

#pictures .bx-wrapper .bx-controls-direction a:hover:before {
    color: #fff;
}

#image-empty {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
}

#image-empty img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border: 1px solid #f0f0f0;
}

#image-empty span {
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 5px 0;
    font-size: 13px;
    color: #999;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
}

#listing #pictures .bx-wrapper {
    margin-bottom: 0;
}

/* SEND TO FRIEND */
#sendfriend {
    float: left;
    width: 100%;
    clear: both;
    position;relative;margin: 0;
    padding: 8px 0px;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 16px;
}

#sendfriend .row {
    float: left;
    width: 100%;
    clear;both;margin: 0 0 10px 0;
}

#sendfriend .row.last {
    padding: 0 8px;
    margin-top: 10px;
}

#sendfriend .row .ins {
    float: left;
    width: 50%;
    padding: 0 8px;
}

#sendfriend .row label {
    float: left;
    width: 100%;
    margin: 0 0 2px 0;
}

#sendfriend .row label span {
    float: left;
    width: auto;
}

#sendfriend .row input {
    float: left;
    width: 100%;
    max-width: 260px;
    border: 1px solid #ddd;
    padding: 6px;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#sendfriend .row input:hover {
    border-color: #aaa;
}

#sendfriend .row input:focus {
    border-color: #F44336;
}

#sendfriend .row textarea {
    float: left;
    width: 100%;
    clear: both;
    padding: 6px;
    border: 1px solid #ccc;
    height: 80px;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#sendfriend .row textarea:hover {
    border-color: #aaa;
}

#sendfriend .row textarea:focus {
    border-color: #F44336;
}

#sendfriend button {
    float: left;
    margin: 0 5px 0 8px;
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#sendfriend .req-what {
    margin-bottom: 8px;
    float: left;
    width: 100%;
    clear: both;
    padding: 0 8px;
}

#send-friend-form #error_list {
    padding: 0 8px;
    margin: 4px 0 15px 0;
}

#send-friend-form.fw-box .left, #send-friend-form.fw-box .middle {
    height: 340px;
}

/* ITEM DETAILS */
.item-details {
    float: left;
    clear: both;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    color: #333;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 10px 0;
}

.item-details .elem {
    float: left;
    width: 50%;
    padding: 1px;
}

.item-details .elem .ins {
    float: left;
    width: 100%;
    clear: both;
    border: 1px solid #eee;
    background: #fafafa;
    padding: 8px;
}

.item-details .elem .left {
    float: left;
    width: 45%;
    padding-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

.item-details .elem .right {
    float: left;
    width: 55%;
    font-weight: bold;
}

.item-details .elem .right a {
    color: #00BCD4;
    text-decoration: none;
}

.item-details .elem .right a:hover {
    color: #333;
    text-decoration: underline;
}

.item-details .price.elem .ins {
    height: 70px;
    line-height: 54px;
}

.item-details .price.elem .right {
    font-size: 18px;
    color: #F44336;
}

.item-details .price.elem .right .MCtooltip {
    margin-top: -4px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    padding: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 9;
    color: #666;
}

.item-details .price.elem .right .MCtooltip .fa {
    line-height: 26px;
    height: 24px;
    display: inline-block;
    float: left;
    width: 18px;
    position: relative;
    z-index: 5;
    border: 1px solid transparent;
}

.item-details .price.elem .right .MCtooltip:hover .fa {
    color: #F44336;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #fff;
}

.item-details .price.elem .right .MCtooltip:hover .fa:after {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 1px;
    height: 1px;
    background: #ccc;
    content: ".";
    text-indent: -9999px;
    display: block;
}

.item-details .price.elem .right .MCtooltip span {
    position: absolute;
    display: none;
    cursor: default;
    margin: 0;
    top: 25px;
    line-height: 18px;
    right: 0px;
    left: auto;
    width: auto;
    font-size: 12px;
    color: #444;
    padding: 6px 6px;
    white-space: nowrap;
    font-weight: normal;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 3;
}

.item-details .price.elem .right .MCtooltip:hover span {
    display: block;
}

.item-details .price.elem .right .MCtooltip:hover .fa {
    color: #333;
}

/* ITEM COMMENTS */
.item-comments {
    float: left;
    clear: both;
    width: 100%;
}

.item-comments #comments {
    float: left;
    clear: both;
    width: 100%;
}

.item-comments .add-com {
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    text-transform: lowercase;
    font-weight: 500;
    background: #8BC34A;
    padding: 8px;
    margin: 7px 0 0 7px;
    text-decoration: none;
    line-height: 15px;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.item-comments .add-com:hover {
    background: #4CAF50;
}

.item-comments .add-com .fa {
    font-size: 10px;
    margin-right: 5px;
}

.item-comments .add-com.resp {
    display: none;
}

#more-info .item-comments h2 {
    margin-bottom: 0;
}

.comments_list {
    float: left;
    clear: both;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 16px;
}

.comments_list .comment-wrap {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    border-bottom: 1px dashed #ddd;
    padding: 5px 0;
}

.comments_list .comment-wrap .ins {
    padding: 8px;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

.comments_list .comment-wrap.even .ins {
    background: #f8f8f8;
}

.comments_list .comment-image {
    float: left;
    width: 10%;
}

.comments_list .comment-image img {
    float: left;
    clear: both;
    background: #fff;
    padding: 3px;
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.comments_list .comment {
    float: left;
    width: 90%;
    padding: 8px 0 0 15px;
}

.comments_list .comment h4 {
    float: left;
    clear: both;
    width: 100%;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    margin: 0 0 3px 0;
}

.comments_list .comment h4 .bold {
    font-weight: bold;
}

.comments_list .comment .body {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    color: #777;
}

.comments_list .comment a {
    position: absolute;
    top: 4px;
    right: 5px;
    color: #F44336;
    text-decoration: underline;
}

.comments_list .comment a:hover {
    color: #333;
}

#comments .empty {
    margin-top: 5px;
}

#comment_form {
    float: left;
    width: 100%;
    clear: both;
    position;relative;margin: 0;
    padding: 0px;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 16px;
}

#comment_form .middle {
    padding: 18px 18px;
}

#comment_form .row {
    float: left;
    width: 100%;
    clear;both;margin: 0 0 10px 0;
}

#comment_form .row.full {
    width: 100%;
    margin: 10px 0 0 0;
}

#comment_form .row label {
    float: left;
    width: 100%;
    margin: 0 0 2px 0;
}

#comment_form .row label span {
    float: left;
    width: auto;
}

#comment_form .row input {
    float: left;
    width: 240px;
    border: 1px solid #ddd;
    padding: 6px;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#comment_form .row input:hover {
    border-color: #aaa;
}

#comment_form .row input:focus {
    border-color: #F44336;
}

#comment_form .row textarea {
    float: left;
    width: 100%;
    clear: both;
    padding: 6px;
    border: 1px solid #ccc;
    height: 80px;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#comment_form .row textarea:hover {
    border-color: #aaa;
}

#comment_form .row textarea:focus {
    border-color: #F44336;
}

#comment_form button {
    float: left;
    margin: 0 5px 0 0;
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#comment_form .req-what {
    margin-bottom: 8px;
    float: left;
    width: 100%;
    clear: both;
}

#comment_form .left, #comment_form .middle {
    height: 400px;
}

/* QUICK VIEW */
body.content_only .content {
    margin: 0;
}

body.content_only .bx-wrapper {
    margin: 0px auto 0 auto;
}

body.content_only #listing #pictures .item-bxslider img {
    border: none!important;
}

body.content_only .bx-wrapper .bx-pager .bx-pager-item:first-child:last-child, .bx-wrapper .bx-pager .bx-pager-item:first-child:last-child {
    display: none;
}

body.content_only #pictures #photo-count {
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background: rgba(255,255,255,0.8);
}

body.content_only #listing #main {
    margin: 0;
}

body.content_only .cc-cookies {
    display: none!important;
}

/* FANCY BOX DEFAULT STYLE */
.fancybox-inner .fw-box {
    display: block;
}

.fw-box {
    display: none;
    float: left;
    width: 100%;
    clear: both;
    padding: 0px;
    font-family: "Open Sans",sans-serif;
    overflow: hidden;
}

.fw-box .head {
    padding: 19px 11px 19px 10px;
    height: 60px;
    float: left;
    width: 100%;
    margin: 0;
    clear: both;
    background: #fff;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    color: #444;
    overflow: hidden;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.fw-box .head .def-but {
    color: #fff;
    text-transform: lowercase;
    font-weight: 500;
    float: right;
    background: #8BC34A;
    padding: 8px;
    margin: -8px 0;
    text-decoration: none;
    line-height: 20px;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.fw-box .head .def-but:hover {
    background: #4CAF50;
}

.fw-box .head h2 {
    font-size: 18px;
    color: #F44336;
    width: auto;
    line-height: 20px;
    font-weight: 500;
    display: inline-block;
    margin-left: 10px;
}

.fw-box .left {
    border: 1px solid #fff;
    float: left;
    position: relative;
    width: 15%;
    background: #fff;
    clear: both;
    height: 260px;
    padding: 2px 10px 2px 0;
    overflow: hidden;
}

.fw-box .left img {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}

.fw-box .middle {
    float: left;
    width: 85%;
    background: #f2f2f2;
    height: 260px;
    padding: 12px 10px;
    overflow: hidden;
    overflow-y: auto;
}

.fw-box .middle .big-mail {
    font-size: 24px;
    cursor: not-allowed;
    line-height: 30px;
    margin: 3px 0 15px 0;
    color: #222;
    float: left;
    clear: both;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}

.fw-box .middle .big-mail span {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.fw-box .middle .text {
    font-size: 12px;
    line-height: 14px;
    color: #888;
    float: left;
    clear: both;
    width: 100%;
}

.fancybox-inner, .fancybox-inner .fw-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* ADD-EDIT ITEM HOOKS */
#post-hooks {
    float: left;
    width: 100%;
    clear: both;
    margin: 20px 0 0 0;
}

#post-hooks #plugin-hook {
    float: left;
    width: 100%;
    clear: both;
}

#post-hooks #plugin-hook .meta_list {
    float: left;
    width: 100%;
    clear: both;
}

#post-hooks #plugin-hook .meta_list .meta {
    float: left;
    width: 100%;
    clear: none;
    margin: 0 0 12px 0;
}

#post-hooks #plugin-hook .meta_list .meta label {
    clear: none;
    margin: 0;
}

#post-hooks #plugin-hook .meta_list .meta input, #post-hooks #plugin-hook .meta_list .meta select, #post-hooks #plugin-hook .meta_list .meta textarea {
    clear: none;
}

#post-hooks #plugin-hook .meta_list .meta input[type="radio"] {
    width: auto;
    margin: 0 4px 0 0;
    float: left;
}

#post-hooks #plugin-hook .meta_list .meta input[type="checkbox"] {
    width: auto;
    margin: 8px 5px 0 20%;
    float: left;
}

#post-hooks #plugin-hook .meta_list .meta input.hasDatepicker {
    float: none;
    width: 15%;
    margin: 0 25px 0 5px;
}

#post-hooks #plugin-hook .meta_list .meta input.hasDatepicker.cf_date {
    float: left;
    width: 15%;
    margin: 0;
}

#post-hooks #plugin-hook .meta_list .meta ul {
    float: left;
    width: 70%;
    clear: none;
    padding: 6px 0 0 0;
}

#post-hooks #plugin-hook .meta_list .meta ul li {
    float: left;
    width: auto;
    clear: none;
    margin: 0 15px 6px 0;
}

#post-hooks #plugin-hook .meta_list .meta ul li label {
    width: auto;
    margin: 0;
}

#post-hooks #plugin-hook .meta_list .meta.check-row label {
    width: auto;
    padding: 0;
    text-align: left;
    font-weight: 500;
}

#post-hooks #plugin-hook table {
    padding: 0;
}

#post-hooks #plugin-hook table tr {
    padding: 0;
    margin-bottom: 5px;
}

#post-hooks #plugin-hook table tr td {
    padding: 0;
    line-height: 24px;
    vertical-align: middle;
    padding-right: 20px;
}

#post-hooks > h2, #post-hooks h3 {
    float: left;
    clear: both;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: 45px 0 15px 0;
    padding: 10px 0px 10px 20%;
    font-family: "Open Sans",sans-serif;
    line-height: 20px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
}

/* ADD-EDIT ITEM FORM */
.add_item {
    clear: both;
    float: left;
    padding: 15px 0px;
    width: 100%;
    max-width: 1200px;
}

.add_item .tabberlive .tabbertab {
    padding: 15px 0;
}

.add_item h2 {
    float: left;
    clear: both;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: 15px 0 20px 0;
    padding: 10px 0px 10px 20%;
    font-family: "Open Sans",sans-serif;
    line-height: 20px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.add_item .box.seller {
    margin-bottom: 0;
}

.add_item .box.general_info, .add_item .box.photos {
    padding: 0;
}

.add_item .box.photos.not_drag_drop #photos {
    padding-left: 20%;
    margin-top: 10px;
}

.add_item .box.photos.not_drag_drop .photo-left {
    display: none;
}

.add_item .box.photos.not_drag_drop #new-pho {
    margin-left: 20%;
}

.add_item label {
    float: left;
    padding: 0 20px 0 0;
    position: relative;
    width: 20%;
    clear: both;
    margin: 0;
    color: #222;
    text-align: right;
    font-weight: 800;
    font-size: 13px;
    line-height: 29px;
    font-family: "Open Sans",sans-serif;
}

.add_item label.radio-label {
    float: left;
    clear: none;
    margin-right: 50px;
    padding: 0;
    line-height: 16px;
    width: auto;
    text-align: left;
}

.add_item br {
    display: none;
}

.add_item label .req {
    float: none;
    position: absolute;
}

.add_item li label {
    float: left;
    width: 100%;
    font-weight: 500;
    padding: 0;
}

.add_item .max-char {
    float: left;
    width: 100%;
    clear: both;
    font-size: 11px;
    color: #ccc;
    font-weight: 500;
    padding: 2px 0 5px 20%;
}

.add_item .max-char.orange {
    color: #F9B174;
}

.add_item .max-char.red {
    color: #F40000;
}

.add_item input {
    padding: 6px;
    width: 260px;
    font-size: 12px;
}

.add_item input:disabled {
    cursor: not-allowed;
    background: #f8f8f8;
}

.add_item .tabberlive input {
    width: 260px!important;
}

.add_item input[type="text"], .add_item select {
    height: 29px;
}

.add_item input[type="text"], .add_item select, .add_item textarea {
    float: left;
    border: 1px solid #ccc;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.add_item input[type="text"].error, .add_item select.error, .add_item select.error, .add_item textarea.error {
    border-color: #EC6200!important;
}

.add_item input[type="text"].valid, .add_item select.valid, .add_item textarea.valid {
    border-color: #48A903!important;
}

.add_item input[type="text"]:hover, .add_item select:hover, .add_item textarea:hover {
    border: 1px solid #aaa;
}

.add_item input[type="text"]:focus, .add_item select:focus, .add_item select.focus, .add_item textarea:focus {
    border: 1px solid #F44336;
}

.add_item select {
    float: left;
    border: 1px solid #ccc;
    padding: 0px 6px;
    font-size: 12px;
    width: 180px;
}

.add_item select#uniform-catId {
    padding: 0 6px;
    float: left
}

.add_item input[type="radio"] {
    width: auto;
}

.add_item input[type="checkbox"] {
    border: none
}

.add_item ul.checkbox-list {
    float: left;
    width: 75%;
    padding-top: 6px;
    display: block;
}

.add_item ul.checkbox-list li {
    float: left;
    width: 100%;
    margin: 2px 0;
}

.add_item ul.checkbox-list li label {
    line-height: 16px;
}

.add_item ul.checkbox-list li input[type="checkbox"] {
    margin: 2px 4px 0 0;
    float: left;
}

.add_item select {
    cursor: pointer;
}

!.add_item select.disabled {
    cursor: not-allowed;
}

.add_item select.disabled, .add_item select:disabled {
    background: #f8f8f8;
}

.add_item textarea {
    height: 80px;
    padding: 6px;
    width: 75%;
    font-size: 12px;
}

.add_item .description {
    margin-top: 15px;
    float: left;
    width: 100%;
    clear: both;
}

.add_item .description textarea {
    height: 200px;
    line-height: 18px;
}

.add_item button {
    clear: both;
    float: left;
    margin-top: 15px;
}

.add_item .left_column {
    border-right: 1px dotted #DDD;
    float: left;
    width: 50%;
}

.add_item .right_column {
    float: right;
    width: 50%;
}

.add_item .radio-price-row {
    float: left;
    width: 100%;
    clear: both;
    margin: 3px 0;
    padding: 0 0 0 20%;
}

.add_item .radio-price-row.first {
    margin-top: 10px;
}

.add_item .radio-price-row input[type="radio"] {
    float: left;
    margin: 0 4px 0 0;
    width: 15px;
}

.add_item .box {
    clear: both;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    width: 100%;
}

.add_item .box.price label {
    margin: 0;
}

.add_item .box.price #currency {
    width: 40px;
    text-align: center;
    padding: 0 3px;
    height: 29px;
    margin: 0 0 0 5px;
}

.add_item .box.price #price {
    margin: 0;
    float: left;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.add_item .box.price #price.is_disabled {
    cursor: not-allowed;
    background: #f8f8f8;
    text-indent: -9999px;
    color: #f8f8f8;
    -webkit-transition: 0s linear all;
    -moz-transition: 0s linear all;
    -ms-transition: 0s linear all;
    -o-transition: 0s linear all;
    transition: 0s linear all;
}

.add_item .box.price #currency.is_disabled {
    cursor: not-allowed;
    background: #f8f8f8;
    color: #222;
}

.add_item .box.price select {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.add_item .box.price input[type="text"]:read-only {
    border: 1px solid #ccc;
    cursor: not-allowed;
}

.add_item .row {
    clear: both;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.add_item .row.mail_show {
    margin: -10px 0 15px 0;
}

.add_item .row.radio-row {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 4px 0;
    padding: 0 0 0 20%;
}

.add_item .row.radio-row label {
    padding: 0;
    width: auto;
    float: none;
    display: inline-block;
    line-height: 18px;
}

.add_item .row.radio-row input {
    margin: 3px 4px 0 0;
    float: left;
}

.add_item .row._20 input[type="checkbox"] {
    margin: 9px 0 0 0;
}

.add_item .row.catshow label {
    margin: 0;
}

.add_item .row.catshow.multiple {
    padding-bottom: 2px;
}

.add_item .row.catshow .multi-left {
    float: left;
    width: 20%;
    margin: 0;
    text-align: right;
}

.add_item .row.catshow .multi-left label {
    width: 100%;
}

.add_item .row.catshow .multi-right {
    float: left;
    width: 75%;
}

.add_item .row.catshow .multi-right select {
    background-color: #fff;
    cursor: pointer;
    float: left;
    clear: both;
    width: 260px;
    margin: 0 0 8px 0;
    border: 1px solid #ccc;
    padding: 6px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.add_item .row.catshow .multi-right select:hover {
    border: 1px solid #aaa;
}

.add_item .row.catshow .multi-right select:focus {
    border: 1px solid #F44336;
}

.add_item .tabberlive ul.tabbernav {
    padding-left: 20%;
}

.add_item .row.descshow .tabberlive .tabbertab {
    padding: 20px 0 18px 0;
}

.add_item .row.descshow .req-what {
    margin-top: 3px;
}

.add_item .price input {
    margin-right: 1%;
    vertical-align: middle;
    width: 30%
}

!.add_item .price select {
    width: 50px;
}

.add_item .photos input {
    margin-right: 1%;
}

.add_item .go_back {
    float: left;
    margin: 20px 0;
}

.add_item div.uploader {
    width: 230px;
}

.add_item div.uploader input {
    width: 100%
}

.add_item div.uploader, .add_item div.uploader input, .add_item div.uploader span {
    cursor: pointer
}

.add_item div.uploader span.action {
    background: transparent
}

.add_item #left {
    display: block;
    width: 100%;
    float: none;
    margin: 0 0 30px 0;
}

.add_item #right {
    display: block;
    width: 100%;
    float: none;
    margin: 0 0 30px 0;
}

.add_item .btn {
    padding: 12px 16px;
    margin-left: 20%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.add_item #novy_foto {
    font-size: 11px;
    margin-left: 5px;
    font-weight: normal;
}

.add_item #email_show {
    width: auto;
    float: left;
    margin: 0 5px 0 20%;
}

.add_item #label_email_show {
    width: auto;
    line-height: 13px;
    font-weight: 500;
    cursor: pointer;
    clear: none;
    margin: 0;
    color: #444;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.add_item #label_email_show:hover {
    color: #F44336
}

.add_item #label_phone_show {
    width: auto;
    line-height: 13px;
    font-weight: 500;
    cursor: pointer;
    clear: none;
    margin: 0;
    color: #444;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.add_item #label_phone_show:hover {
    color: #F44336
}

.add_item input#showEmail {
    margin: 0;
    float: left;
    width: auto;
}

.add_item input#showPhone {
    margin: 0;
    float: left;
    width: auto;
}

.add_item .photos {
    float: left
}

.add_item .photos h2 {
    margin-bottom: 3px;
}

.add_item .photos #new-pho {
    float: left;
    clear: both;
    margin-top: 10px;
}

.add_item .photos a {
    margin-top: 7px;
    float: left;
}

.add_item .photos div {
    float: left;
    clear: both
}

.add_item .photos .row {
    margin-bottom: 5px;
}

.add_item .photos-header {
    float: left;
    clear: both;
    margin-bottom: 4px;
    width: 100%
}

.add_item .photos-header span {
    float: left
}

.add_item .req {
    margin-left: 3px
}

.add_item .catshow label {
    margin-bottom: 5px
}

.add_item .photos .item-tool-body {
    clear: none
}

.add_item .photos .photos_div {
    width: 104%;
    float: left;
    clear: both;
    margin: 0 -2%
}

.add_item .photos .photos_div div {
    width: 46%;
    margin: 0 2%;
    float: left;
    clear: none;
    margin-bottom: 20px;
}

.add_item .photos .photos_div div img {
    width: 100%;
    height: auto;
    float: left;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px dotted #ddd
}

.add_item .photos .photos_div div a {
    font-weight: bold;
    text-decoration: none;
    border: 1px dotted #ccc;
    border-top: none;
    width: 100%;
    clear: both;
    float: left;
    background: #eee;
    margin-top: 0;
    padding: 7px 3%;
    text-align: right;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.add_item .photos .photos_div div a:hover {
    text-decoration: underline
}

.add_item input::-webkit-input-placeholder, .add_item textarea::-webkit-input-placeholder {
    color: #bbb;
}

.add_item input:-moz-placeholder, .add_item textarea:-moz-placeholder {
    color: #bbb;
}

.add_item input::-moz-placeholder, .add_item textarea::-moz-placeholder {
    color: #bbb;
}

.add_item input:-ms-input-placeholder, .add_item textarea:-ms-input-placeholder {
    color: #bbb;
}

#uniform-power_unit {
    margin-left: 5px;
}

h1.item_adding {
    float: left;
    width: 0px;
    padding: 0;
    margin: 0;
    height: 0px;
    max-height: 0px;
    max-width: 0px;
}

/* ITEM ADD/EDIT PHOTOS */
#photos {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    display: block;
}

#photos .photo-left {
    float: left;
    width: 20%;
    padding: 20px 0 0 0;
    position: relative;
    z-index: 9;
}

#photos .photo-left label {
    float: left;
    clear: both;
    width: 100%;
}

#photos .photo-left .text {
    float: left;
    clear: both;
    width: 100%;
    text-align: right;
    font-family: "Open Sans",sans-serif;
    line-height: 14px;
    padding: 0 20px 0 0;
    margin: 5px 0;
    font-size: 11px;
    color: #777;
    font-weight: 100;
}

#photos #restricted-fine-uploader {
    float: left;
    width: 80%;
    clear: none;
    overflow: visible;
    font-size: 12px;
}

#photos .qq-uploader {
    position: relative;
    float: left;
    width: 100%;
    clear: none;
    overflow: visible;
    font-size: 12px;
}

#photos .qq-upload-button {
    font-size: 14px;
    border: none;
    cursor: pointer;
    min-height: 20px;
    float: left;
    clear: both;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    line-height: 16px;
    padding: 20px 0;
    color: #FFF;
    font-weight: bold;
    background: #80C74E;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#photos .qq-upload-button {
    top: 0;
    left: 0;
    height: 100%;
    color: #ddd;
    background: #fff;
    z-index: 4;
    font-weight: 100;
    width: 100%;
}

#photos .qq-upload-button-focus {
    outline: none;
}

#photos .qq-upload-button .fa {
    margin-right: 1px;
}

#photos > .qq-upload-list {
    position: relative;
    float: left;
    clear: both;
    top: auto;
    left: auto;
    width: 80%;
    margin-right: 0;
    margin-left: 20%;
}

#photos .qq-upload-list {
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    width: 102%;
    margin-right: -2%;
    padding: 20px 0;
}

#photos .qq-upload-list li {
    width: 100px;
    height: 100px;
    position: relative;
    z-index: 5;
    padding: 0;
    font-size: 12px;
    background-color: #fff;
    color: #444;
    display: inline-block;
    display: block;
    margin: 0 14px 15px 0;
    float: left;
    clear: none;
}

!#photos .ajax_preview_img {
    float: left;
    position: relative;
    z-index: 4;
    clear: both;
    width: 100px;
    height: 100px;
    padding: 1px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

!#photos .ajax_preview_img img {
    max-width: 100%;
    padding: 2px;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: auto;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#photos .ajax_preview_img {
    float: left;
    position: relative;
    z-index: 4;
    clear: both;
    overflow: hidden;
    width: 100px;
    height: 100px;
    padding: 1px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#photos .ajax_preview_img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: -webkit-fill-available;
    max-height: 96px;
    border-radius: 1px
}

#photos .qq-upload-rotate-img a {
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 5px;
    left: 5px;
    background: #e4e4e4;
    padding: 2px 4px;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

#photos li:hover .qq-upload-rotate-img a {
    display: block;
}

#photos .qq-upload-success {
    max-width: 100%;
}

#photos .qq-upload-file {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    display: block;
    overflow: hidden;
    margin: 5px 0 0px 0;
    padding-bottom: 5px;
    float: left;
    clear: none;
}

#photos .qq-upload-button input {
    width: auto;
    cursor: pointer;
    height: 100%;
    z-index: 3;
}

#photos .qq-upload-size {
    float: left;
    width: auto;
    font-size: 11px;
    margin: 3px 5px 0 0;
}

#photos .qq-upload-list li .qq-upload-file, #photos .qq-upload-list li .qq-upload-size {
    display: none!important;
}

#photos .qq-upload-list li a.qq-upload-delete {
    display: block!important;
    opacity: 0;
    z-index: 5;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    text-align: center;
    position: absolute;
    top: -5px;
    right: -5px;
    background: transparent;
    margin: 0;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#photos .qq-upload-list li a.qq-upload-delete:before {
    font-family: "FontAwesome";
    text-indent: 1px;
    float: left;
    content: "\f00d";
    font-size: 11px;
    display: block;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #F44336;
    box-shadow: 0 0 2px 2px #fff;
    -moz-box-shadow: 0 0 2px 2px #fff;
    -webkit-box-shadow: 0 0 2px 2px #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#photos .qq-upload-list li a.qq-upload-delete:hover:before {
    background: #D32F2F;
}

#photos .qq-upload-list li:hover a.qq-upload-delete {
    opacity: 1;
}

#photos .qq-upload-list li a.qq-upload-retry {
    z-index: 5;
    text-indent: -9999px;
    text-align: center;
    position: absolute;
    top: -5px;
    left: -5px;
    background: transparent;
    margin: 0;
}

#photos .qq-upload-list li a.qq-upload-retry:before {
    font-family: "FontAwesome";
    text-indent: 1px;
    float: left;
    content: "\f01e";
    font-size: 11px;
    display: block;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 24px;
    background: #2196F3;
    box-shadow: 0 0 2px 2px #fff;
    -moz-box-shadow: 0 0 2px 2px #fff;
    -webkit-box-shadow: 0 0 2px 2px #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#photos .qq-upload-list li a.qq-upload-retry:hover:before {
    background: #0376D2;
}

#photos .qq-upload-status-text {
    float: left;
    width: 100%;
    text-align: center;
}

#photos .qq-upload-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px;
    z-index: 5;
}

#photos .qq-progress-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    border-radius: 0;
    margin: 3px;
    width: 94px!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#photos .qq-upload-cancel {
    background: #fff;
    color: #2196F3;
    margin: 0;
    float: left;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#photos .qq-upload-drop-area, #photos .qq-upload-extra-drop-area {
    border: none;
    z-index: 10;
    background: transparent;
    font-family: "Open Sans",sans-serif;
}

#photos .qq-upload-drop-area span, #photos .qq-upload-extra-drop-area span {
    cursor: default;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -25px;
    padding: 12px;
    display: block;
    font-size: 14px!important;
    line-height: 16px;
    text-align: center;
    font-weight: 500;
    color: #222;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#photos .qq-upload-drop-area-active {
    border: none;
    background: transparent;
}

#photos .qq-upload-drop-area span, #photos .qq-upload-drop-area-active span {
    font-size: 15px;
}

#photos div.primary_image {
    opacity: 0;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    margin: 0px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#photos .qq-upload-list li:hover div.primary_image {
    opacity: 1;
}

#photos div.primary_image a {
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    width: 30px;
    height: 30px;
    display: block;
    background: transparent;
    margin: 0;
    color: #00BCD4;
    text-align: center;
    line-height: 24px;
    transition: 0.1s linear all;
}

#photos div.primary_image a:before {
    font-family: "FontAwesome";
    content: "\f08d";
    display: block;
    font-size: 19px;
    line-height: 30px;
    transform: rotate(-30deg);
}

#photos div.primary_image a:hover {
    color: #222;
}

.photos.item_edit #photos > .qq-upload-list {
    float: left;
    clear: none;
    position: relative;
    margin: 0;
    padding: 0;
    width: 80%;
}

.photos.item_edit #photos > h3 {
    float: left;
    clear: both;
    width: 20%;
    margin: 0;
    padding: 5px 20px 0 0;
    color: #222;
    text-align: right;
    font-weight: 800;
    font-size: 13px;
    line-height: 18px;
    font-family: "Open Sans",sans-serif;
}

.drag_drop div[id*='p-'] {
    display: none
}

.drag_drop #photos h3 {
    float: left;
    clear: both;
    width: 100%;
    margin: 15px 0 5px 0
}

.add_item .photos .qq-upload-button div {
    float: none
}

.add_item .photos .qq-upload-button div.sample-box-wrap {
    float: left;
    clear: both;
    width: 102%;
    margin-right: -2%;
}

.add_item .photos .qq-upload-button div.sample-box-wrap .sample-box {
    float: left;
    clear: none;
    position: relative;
    z-index: 4;
    width: 100px;
    padding: 3px;
    margin: 0px 14px 15px 0;
    display: block;
    border: 1px dashed #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.add_item .photos .qq-upload-button div.sample-box-wrap .sample-box .ins {
    float: left;
    position: relative;
    clear: both;
    width: 92px;
    height: 92px;
    background: #f8f8f8;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.add_item .photos .qq-upload-button div.sample-box-wrap .sample-box .ins .fa {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -15px;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    color: #00BCD4;
}

.add_item .photos .qq-upload-button div.sample-box-wrap .sample-box:hover {
    border-color: #bbb;
}

.add_item .photos .qq-upload-button div.sample-box-wrap .sample-box:hover .ins {
    background: #fff;
}

.add_item .photos .qq-upload-button div.sample-box-wrap .sample-box:hover .ins .fa:before {
    content: "\f067";
}

/* USER ACCOUNT */
.user_account {
    clear: both;
    float: left;
    padding: 0;
    max-width: 1200px;
    width: 100%;
    margin: 50px 0 20px 0;
    font-family: "Open Sans",sans-serif;
}

.user_account.fi_user_menu_wrap {
    margin-top: 0;
}

.user_account .user_menu {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
}

.user_account #main {
    float: right;
    width: 80%;
    margin: 0;
    clear: none;
    padding: 0 0 0 25px;
    margin-bottom: 60px;
}

.user_account #sidebar {
    float: left;
    width: 20%;
    border-right: 1px solid #ddd;
    padding: 15px 0 25px 0;
    margin-bottom: 60px;
}

.user_account #sidebar .user-side-img {
    float: left;
    width: 100%;
    clear: both;
    padding-right: 25px;
}

.user_account #sidebar .user-side-img img {
    float: left;
    width: 80px;
    height: auto;
    margin: 0px;
    border: 1px solid #ddd;
    padding: 2px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.user_account #sidebar .user-side-img a {
    display: inline-block;
    position: relative;
    float: right;
    width: auto;
    margin: 0 0 15px 0;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.user_account #sidebar .user-side-img a:hover {
    border-color: #bbb;
}

.user_account #sidebar .user-side-img a:after {
    opacity: 0;
    position: absolute;
    bottom: 5px;
    right: 8px;
    display: block;
    z-index: 2;
    font-family: "FontAwesome";
    content: "\f0ee";
    font-size: 20px;
    color: #F44336;
    font-weight: 500;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.user_account #sidebar .user-side-img a:hover:after {
    opacity: 1;
}

.user_account #sidebar li {
    width: 100%;
    margin: 3px 0;
    float: left;
    clear: both;
    text-align: right;
}

.user_account #sidebar li a {
    font-weight: normal;
    display: inline-block;
    line-height: 15px;
    font-family: "Open Sans",sans-serif;
    text-decoration: none;
    font-size: 13px;
    width: auto;
    padding: 8px 25px 8px 10px;
    color: #444;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.user_account #sidebar li a:hover {
    text-decoration: underline;
    font-weight: 500;
    color: #00BCD4;
}

.user_account #sidebar li.active a {
    background: #fff;
    color: #000;
    font-weight: bold;
    cursor: default;
    padding: 10px 26px 10px 12px;
    border: 1px solid #ddd;
    border-right-color: #fff;
    margin-right: -1px;
}

.user_account #sidebar li.active a:hover {
    text-decoration: none;
}

.user_account #sidebar li.opt_logout a {
    color: #F44336;
    font-weight: bold;
}

.user_account #sidebar li.opt_logout a:before {
    font-family: "FontAwesome";
    content: "\f08b";
    display: inline-block;
    font-size: 13px;
    color: #222;
    font-weight: 500;
    margin-right: 3px;
}

.user_account #sidebar li.opt_logout a:hover {
    color: #B53000;
}

.user_account h1 {
    display: none;
}

.user_account h2, .user_account h3 {
    float: left;
    clear: both;
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    color: #000;
    margin: 15px 0 20px 0;
    padding: 10px 0px;
    font-family: "Open Sans",sans-serif;
    line-height: 20px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.user_account .modify_profile h3 {
    padding-left: 25%;
}

.user_account .modify_profile .row.user-buttons {
    padding-left: 25%;
    padding-top: 10px;
    margin-top: 20px;
    border-top: 1px solid #eee;
}

.user_account .modify_profile .row.user-buttons .btn {
    margin-right: 10px;
}

.user_account .row.user-buttons #uniform-blue {
    line-height: 23px;
    font-size: 14px;
}

.user_account .row.user-buttons #uniform-gray {
    font-weight: normal;
    float: left;
    clear: none;
    margin-left: 10px;
    padding: 6px 10px;
    margin-top: 10px;
    line-height: 23px;
}

.user_account .tabberlive {
    margin-top: 0;
    width: 75%;
    max-width: 560px;
    clear: none;
}

.user_account .dash-item {
    float: left;
    width: 100%;
    clear;both;margin: 0 0 3px 0;
    padding: 8px;
    background: #fff;
    border: 1px solid #eee;
}

.user_account .dash-item .id {
    float: left;
    width: 7%;
    font-weight: bold;
}

.user_account .dash-item .titl {
    float: left;
    width: 31%;
    font-weight: normal;
}

.user_account .dash-item .titl a {
    color: #F44336;
    text-decoration: none;
    float: left;
    width: auto;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user_account .dash-item .titl a:hover {
    color: #D85700;
}

.user_account .dash-item .date {
    float: left;
    width: 11%;
    color: #777;
}

.user_account .dash-item .price {
    float: left;
    width: 19%;
    font-weight: bold;
}

.user_account .dash-item .views {
    float: left;
    width: 10%;
}

.user_account .dash-item .edit {
    float: left;
    width: 11%;
}

.user_account .dash-item .edit .fa {
    color: #333;
}

.user_account .dash-item .edit a {
    color: #F44336;
    text-decoration: none;
}

.user_account .dash-item .edit a:hover {
    color: #C85000;
}

.user_account .dash-item .activate {
    float: left;
    width: 11%;
}

.user_account .dash-item .activate .fa {
    color: #333;
}

.user_account .dash-item .activate a {
    color: #80C74E;
    text-decoration: none;
}

.user_account .dash-item .activate a:hover {
    color: #649D3C;
}

.user_account .count-alerts {
    float: left;
    width: 100%;
    clear: both;
    margin: 45px 0 10px 0;
    padding: 0;
}

.user_account .count-alerts h3 {
    font-size: 14px;
    margin: 0;
    border: none;
    padding: 0px;
    line-height: 60px;
}

.user_account .count-alerts h3 a {
    color: #F44336;
    text-decoration: underline;
}

.user_account .count-alerts h3 a:hover {
    color: #111;
}

.user_account .count-alerts h3 .fa {
    float: left;
    text-align: center;
    color: #00BCD4;
    border: 1px solid #eee;
    line-height: 60px;
    font-size: 24px;
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.user_account .inform-profile {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 10px 0;
}

.user_account .inform-profile h3 {
    font-size: 14px;
    float: left;
    clear: both;
    width: 100%;
    line-height: 60px;
    color: #000;
    margin: 0 0 10px 0;
    padding: 0;
    border: none;
}

.user_account .inform-profile h3 .fa {
    float: left;
    text-align: center;
    color: #F44336;
    border: 1px solid #eee;
    line-height: 60px;
    font-size: 24px;
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.user_account .inform-profile .i-block {
    float: left;
    width: 100%;
    clear: both;
    padding: 15px 12px;
    background: #f8f8f8;
    margin-top: 25px;
}

.user_account .inform-profile .descr {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 10px 0;
    color: #777;
    font-size: 13px;
    line-height: 16px;
}

.user_account .inform-profile .entry {
    float: left;
    width: 100%;
    clear: both;
    color: #777;
    font-size: 13px;
    line-height: 15px;
    margin: 3px 0;
}

.user_account .inform-profile .entry .fa {
    color: #F84600;
}

.user_account .inform-profile-ok {
    font-size: 14px;
    float: left;
    clear: both;
    width: 100%;
    line-height: 60px;
    color: #000;
}

.user_account .inform-profile-ok .fa {
    float: left;
    text-align: center;
    color: #00BCD4;
    border: 1px solid #eee;
    line-height: 60px;
    font-size: 24px;
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.user_account #list-view .list-prod .desc {
    height: 32px;
}

.user_account #list-view .list-prod .edit-delete {
    float: left;
    width: auto;
    clear: both;
    margin: 10px 0 0 0;
    padding: 0px;
}

.user_account #list-view .list-prod .edit-delete.resp {
    display: none;
}

.user_account #list-view .list-prod .edit-delete a {
    float: left;
    font-weight: bold;
    height: 31px;
    width: auto;
    margin: 0;
    padding: 8px 20px;
    background: #f8f8f8;
    color: #F44336;
    text-decoration: none;
    font-size: 13px;
    line-height: 15px;
}

.user_account #list-view .list-prod .edit-delete a.first {
    border-right: 1px solid #eee;
}

.user_account #list-view .list-prod .edit-delete a.second {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.user_account #list-view .list-prod .edit-delete a:hover {
    color: #444;
    background: #f0f0f0;
}

.user_account #list-view .list-prod .edit-delete a .fa {
    color: #333;
    font-size: 16px;
    line-height: 13px;
    margin-right: 3px;
}

.user_account #list-view .list-prod .edit-delete span {
    height: 31px;
    float: left;
    border-right: 1px solid #eee;
    font-weight: 500;
    width: auto;
    margin: 0;
    padding: 8px 20px;
    background: #f8f8f8;
    color: #444;
    text-decoration: none;
    font-size: 12px;
    line-height: 15px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.user_account #list-view .list-prod .loc .fa {
    line-height: 16px;
}

.user_account .hed {
    float: left;
    width: 100%;
    position: relative;
    clear: both;
    padding: 0 10px 0 0;
    background: #f0f0f0;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    font-weight: bold;
    margin: 0;
}

.user_account .hed .fa.fa-bell-o {
    float: left;
    width: 48px;
    height: 48px;
    margin: -10px 10px 0 0;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-bottom-color: #fff;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.user_account .hed .fa.fa-bell-o:before {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: inline-block;
}

.user_account .hed a {
    float: right;
    text-decoration: none;
    color: #00BCD4;
    font-size: 13px;
    margin: 0;
    font-weight: 500;
}

.user_account .hed a .fa {
    color: #333;
    font-size: 15px;
    margin-right: 2px;
}

.user_account .hed a:hover {
    color: #333;
}

.user_account .hed-param {
    float: left;
    clear: both;
    width: 100%;
    display: block;
    border: 1px solid #eee;
    margin: 0 0 8px 0;
    border-top: none;
    padding: 15px 15px 10px 15px;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 18px;
}

.user_account .hed-param .elem {
    float: left;
    clear: none;
    margin: 6px 0;
}

.user_account .hed-param .elem.w33 {
    width: 33.3%;
}

.user_account .hed-param .elem.w50 {
    width: 50%;
}

.user_account .hed-param .elem.w66 {
    width: 66.6%;
}

.user_account .hed-param .elem.w100 {
    width: 100%;
}

.user_account .hed-param .elem .left {
    float: left;
    width: 30%;
    color: #bbb;
    font-weight: 500;
    max-width: 90px;
    font-size: 12px;
}

.user_account .hed-param .elem .right {
    float: left;
    width: 70%;
    color: #222;
    font-weight: 500;
}

.user_account .hed-param .elem.no-entry .right {
    color: #bbb;
}

.user_account .hed-param .elem.warn {
    margin-top: 15px;
    color: #F44336;
    font-size: 12px;
    clear: both;
    width: 100%;
}

.user_account .userItem {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}

.user_account .item-entry {
    float: left;
    width: 100%;
    clear: both;
    padding: 0;
    margin: 7px 0;
}

.user_account .item-entry .photo {
    float: left;
    width: 10%;
}

.user_account .item-entry .photo img {
    float: left;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.user_account .item-entry .photo:hover img {
    border-color: #ccc;
}

.user_account .item-entry .data-wrap {
    float: left;
    width: 90%;
    padding: 0 0 0 12px;
}

.user_account .item-entry .data-wrap div.row {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    color: #777;
    margin: 2px 0;
}

.user_account .item-entry .data-wrap div.row .MCtooltip {
    display: none!important;
}

.user_account .item-entry .data-wrap div.row .left {
    width: 130px;
    float: left;
    font-weight: 500;
    overflow: hidden;
}

.user_account .item-entry .data-wrap div.row .right {
    width: auto;
    float: left;
    font-weight: 800;
    color: #111;
}

.user_account .item-entry .data-wrap a {
    color: #00BCD4;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin: 1px 0 0 0;
    float: left;
}

.user_account .item-entry .data-wrap a:hover {
    text-decoration: underline;
}

.user_account .item-entry .data-wrap strong {
    color: #444;
}

.user_account #sidebar h2 {
    margin-top: 10px;
    margin-bottom: 2px
}

.user_account .account_info p {
    line-height: 18px;
    margin-bottom: 15px;
}

.user_account .modify_profile .limit {
    float: left;
    width: 100%;
    margin: 7px 0 3px 0;
}

.user_account .modify_profile form {
    clear: both;
    display: inline;
    float: left;
    width: 100%;
}

.user_account .modify_profile form label {
    clear: both;
    float: left;
    margin: 0;
    padding: 0 25px 0 0;
    width: 25%;
    font-size: 13px;
    line-height: 29px;
    text-align: right
}

.user_account .modify_profile form label span {
    float: none;
    display: inline-block;
}

.user_account .modify_profile form label span.req {
    position: absolute;
    margin-left: 3px;
}

.user_account .modify_profile form input {
    font-size: 12px;
    float: left;
    clear: none;
    margin-bottom: 0px;
    width: 260px;
    border: 1px solid #ccc;
    padding: 6px;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.user_account .modify_profile form input:focus,.user_account .modify_profile form select:focus, .user_account .modify_profile form textarea:focus {
    border: 1px solid #F44336;
}

.user_account .modify_profile form select {
    font-size: 12px;
    float: left;
    clear: none;
    margin-bottom: 0px;
    width: 180px;
    height: 29px;
    border: 1px solid #ccc;
    padding: 0px 6px;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

!.user_account .modify_profile form select.disabled {
    cursor: not-allowed;
}

.user_account .modify_profile form textarea {
    font-size: 12px;
    float: left;
    clear: both;
    width: 100%;
    max-width: 100%;
    height: 80px;
    border: 1px solid #ccc;
    padding: 6px;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.user_account .modify_profile .update {
    float: left;
    margin: 0;
    padding: 10px;
    width: 75%;
    max-width: 560px;
    font-weight: 500;
    background: #f0f0f0;
    font-size: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.user_account .modify_profile .update span {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 15px;
}

.user_account .modify_profile .update a {
    font-size: 12px;
    float: left;
    font-weight: bold;
    text-decoration: none;
    margin: 0 15px 0 0;
    color: #F44336;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.user_account .modify_profile .update a:before {
    content: "\f061";
    line-height: 12px;
    font-size: 8px;
    font-weight: normal;
    font-family: FontAwesome;
    margin: 2px 4px 0 0;
    color: #bbb;
    float: left;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.user_account .modify_profile .update a:hover {
    color: #CD5200;
}

.user_account .modify_profile .update a:hover:before {
    color: #333;
    margin: 2px 2px 0 2px;
}

.user_account .modify_profile form button {
    clear: both;
    float: left;
    width: auto;
    margin: 10px 0;
    padding: 6px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.user_account .modify_profile .row {
    clear: both;
    float: left;
    margin: 10px 0 15px 0;
    width: 100%;
}

.user_account .modify_profile .current_email {
    float: left;
    width: auto;
    padding: 6px 8px;
    background: #f8f8f8;
    border: 1px dashed #F44336;
}

.user_account .your_items h2 a {
    border-left: 1px solid #DDD;
    font-weight: normal;
    margin-left: 5px;
    padding-left: 10px;
}

.user_account .your_items .item {
    border-bottom: 1px dotted #DDD;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.user_account .your_items .item h3 {
    font-size: 14px;
    margin-bottom: 5px;
}

.user_account .your_items .item p {
    line: 18px;
}

.user_account .your_items .item span {
    color: #CCC;
    margin: 0 10px;
}

.user_account .your_items .item .options {
    margin-top: 5px;
}

.user_account .your_items .item .delete {
    color: #999;
    font-size: 11px;
}

.user_account #main .price .MCtooltip {
    display: none!important;
}

.user-item-expired {
    color: #333;
    text-decoration: none;
}

.user-item-expired i {
    float: left;
    margin: 2px 5px 0 0;
    color: #F44336;
    font-size: 14px;
}

/* USER CHANGE EMAIL FORM */
.user-change {
    float: left;
    clear: both;
    width: 100%;
    padding: 8px;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
}

.user-change fieldset > div {
    float: left;
    clear: both;
    width: 100%;
    margin: 8px 0;
}

.user-change fieldset > div.clear {
    display: none;
}

.user-change fieldset > div:not(button) > span {
    float: left;
    line-height: 29px;
}

.user-change label {
    float: left;
    width: 30%;
    line-height: 29px;
}

.user-change input {
    float: left;
    border: 1px solid #ccc;
    line-height: 13px;
    width: 70%;
    max-width: 260px;
    padding: 6px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.user-change input:focus {
    border: 1px solid #F44336;
}

.user-change #uniform-blue {
    padding: 7px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    width: auto;
    clear: both;
    margin: 15px 0 0 0;
}

.user-change fieldset > button {
    margin-bottom: 0;
}

.user-change#user_password_change label {
    clear: both;
    width: 100%;
    line-height: 18px;
    margin-bottom: 1px;
}

.user-change#user_password_change input {
    clear: both;
    max-width: 100%;
}

.user-change#user_password_change fieldset > div {
    margin: 5px 0;
}

.user-change#user_password_change fieldset > button {
    margin: 5px 0;
    margin-top: 15px;
}

#user-change-password-form.fw-box .left, #user-change-password-form.fw-box .middle {
    height: 280px;
}

#user-change-email-form.fw-box .left, #user-change-email-form.fw-box .middle {
    height: 200px;
}

/* CONTACT US FORM */
#contact-wrap {
    clear: both;
    float: left;
    margin: 10px 15% 20px 15%;
    width: 70%;
    border: none;
    font-family: "Open Sans",sans-serif;
}

#contact-wrap h2 {
    float: left;
    width: 100%;
    padding-bottom: 3px;
    clear: both;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 0 0 10px 0;
}

#contact-wrap h2 .fa {
    float: left;
    font-size: 30px;
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    margin: 0 10px 0 0;
}

#contact-wrap h2 span {
    float: left;
    font-size: 20px;
    margin-top: 6px;
}

#contact-wrap h3 {
    color: #555;
    margin: 0;
    margin: 0px 0 15px 0;
    font-size: 15px;
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

#contact-wrap h3 a {
    text-decoration: none;
    color: #F44336;
}

#contact-wrap h3 a:hover {
    text-decoration: none;
    color: #FF8330;
}

#contact-wrap #contact-ins {
    float: left;
    width: 100%;
    padding: 25px 20px;
    background: #f8f8f8;
    border: 1px solid #aaa;
    margin: 0 0 70px 0;
}

#contact-wrap #recaptcha_widget_div {
    margin: 15px 0 10px 0;
}

#contact-wrap label {
    clear: both;
    float: left;
    padding: 2px 0;
    width: 100%;
    font-size: 13px;
}

#contact-wrap label span {
    float: left;
}

#contact-wrap input {
    line-height: 16px;
    font-size: 12px;
    float: left;
    clear: both;
    margin-bottom: 0px;
    width: 260px;
    border: 1px solid #ccc;
    padding: 6px;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#contact-wrap textarea {
    line-height: 16px;
    font-size: 12px;
    float: left;
    clear: both;
    width: 100%;
    max-width: 100%;
    height: 110px;
    margin-top: 5px;
    margin-bottom: 3px;
    border: 1px solid #ccc;
    padding: 6px;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#contact-wrap input:hover, #contact-wrap textarea:hover {
    border: 1px solid #999;
}

#contact-wrap input:focus, #contact-wrap textarea:focus {
    border: 1px solid #F44336;
}

#contact-wrap button {
    clear: both;
    float: left;
    margin: 15px 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto;
    padding: 10px 15px;
}

#contact-wrap .third {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 10px;
    clear: both
}

#contact-wrap .third span {
    float: left;
}

#contact-wrap .thirdd {
    float: left;
    width: 100%;
    margin: 5px 0 10px 0;
}

#contact-wrap .four {
    width: 48%;
    float: right;
    margin-left: 2%;
}

#contact-wrap .four span {
    float: left;
}

#contact-wrap .div-desc {
    float: left;
    width: 100%;
    color: #888;
    font-size: 13px;
    line-height: 16px;
    margin: 0px 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

#contact-wrap form#contact {
    padding: 0;
}

#contact-wrap.cont_us {
    margin: 10px 25% 20px 25%;
    width: 50%;
}

/* CONTAINER STYLES FOR REGISTER / CONTACT PAGES */
.container-outer.register-register, .container-outer.contact, .container-outer.login-recover, .container-outer.login-forgot {
    margin: -20px 0 0 0;
    padding: 20px 0 0 0;
    float: left;
    clear: both;
    width: 100%;
    display: block;
    background: url('../images/auth-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.container-outer.login-recover {
    padding: 40px 0 60px 0;
}

.container-outer.register-register div.breadcrumb {
    background: transparent;
    color: #FF5722;
    font-weight: bold;
    text-transform: uppercase;
}

.container-outer.register-register div.breadcrumb a {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    font-weight: 500;
    text-transform: none;
}

.container-outer.register-register div.breadcrumb .fa {
    color: #fff;
}

.container-outer.register-register div.breadcrumb .fa.fa-home {
    color: #222;
}

.container-outer.register-register div.breadcrumb a:hover {
    text-decoration: underline;
    color: #fff;
}

.container-outer.login-forgot div.breadcrumb {
    display: none;
}

.container-outer.contact div.breadcrumb {
    display: none;
}

.container-outer.item-item_add div.breadcrumb {
    display: none;
}

.container-outer.item-item_edit div.breadcrumb {
    display: none;
}

.container-outer.page div.breadcrumb {
    display: none;
}

.container-outer.login-recover div.breadcrumb {
    display: none;
}

.container-outer.custom div.breadcrumb {
    display: none;
}

.container-outer > #itemMap {
    border-top: 1px solid #fff;
}

div[class*='user-'].container-outer div.breadcrumb {
    display: none;
}

/* LOGIN & REGISTER FORM */
#i-forms {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 70px;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 16px;
}

#i-forms h2 {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 10px 0;
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    line-height: 20px;
    text-transform: lowercase;
}

#i-forms h2 span {
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
}

#i-forms fieldset {
    width: 100%;
    float: left;
    clear: both;
}

#i-forms #left {
    float: left;
    margin: 30px 1% 20px 0;
    width: 39%;
}

#i-forms #left .user_forms {
    border: 1px solid #aaa;
    padding: 25px 25px;
    background: #f8f8f8;
}

#i-forms #left label {
    color: #111;
    font-weight: bold;
    width: 100%;
}

#i-forms #left input[type="text"], #i-forms #left input[type="password"] {
    width: 100%;
}

#i-forms #left .user_forms form .checkbox {
    width: 100%;
    padding: 0;
    margin: 5px 0 25px 0;
}

#i-forms #left .user_forms form .checkbox label {
    width: auto;
    color: #777;
    font-weight: normal;
}

#i-forms #left .user_forms #uniform-blue {
    margin: 0;
    padding: 10px 15px;
}

#i-forms #left .user_forms form input, #i-forms #left .user_forms form select {
    background: #fff;
}

#i-forms .fb-box {
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 20px 0;
    margin: 0 0 15px 0;
}

#i-forms .fb-box .fb-login {
    float: left;
    clear: both;
    width: 175px;
    background: url('../images/fb-normal.png') no-repeat top left;
    height: 26px;
}

#i-forms .fb-box .fb-login:hover {
    float: left;
    clear: both;
    background: url('../images/fb-hover.png') no-repeat top left;
}

#i-forms .fb-box .fb-load {
    float: left;
    clear: both;
    width: 0px;
    height: 0px;
    padding: 0;
    margin: 0;
    background: url('../images/fb-hover.png') no-repeat top left;
}

#i-forms #right {
    margin-left: 2%;
    width: 58%;
    float: right
}

#i-forms #right .user_forms {
    padding: 25px 25px;
    background: #fff;
}

#i-forms #right .user_forms.register h1 {
    width: 0;
    height: 0;
    float: left;
    clear: both;
    padding: 0;
    margin: 0;
}

#i-forms #right .user_forms form label {
    width: 30%;
}

#i-forms #right .user_forms form input, #i-forms #right .user_forms form select {
    width: 60%;
}

#i-forms #right .user_forms .req-what {
    padding-left: 30%;
    margin-top: -5px;
    margin-bottom: 15px;
}

#i-forms #right #recaptcha_widget_div {
    width: 100%;
    margin: 20px 0;
    background: #f0f0f0;
    color: #777;
    padding: 15px 0;
    clear: both;
    float: left;
}

#i-forms #right #recaptcha_area, #i-forms #right #recaptcha_table {
    margin: 0 0 0 30%;
}

#i-forms #right .user_forms button {
    margin-left: 30%;
}

/* USER PASSWORD RECOVER */
#i-forms.recover {
    width: 100%;
    max-width: 480px;
    float: none;
    clear: none;
    margin: 0 auto;
}

#i-forms.recover label {
    width: 20%;
    margin: 7px 0 0 0;
}

#i-forms.recover input {
    width: 80%;
}

#i-forms.recover .user_forms {
    padding: 25px;
    background: #fff;
    margin-bottom: 50px;
}

#i-forms.recover button {
    font-size: 13px;
    padding: 8px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 20%;
    margin-top: 5px
}

/* USER PASSWORD FORGOT */
#i-forms.forgot {
    width: 100%;
    max-width: 480px;
    float: none;
    clear: none;
    margin: 0 auto;
}

#i-forms.forgot label {
    width: 40%;
    margin: 7px 0 0 0;
}

#i-forms.forgot input {
    width: 60%;
    max-width: 260px;
}

#i-forms.forgot .user_forms {
    padding: 25px;
    background: #fff;
    margin-bottom: 50px;
}

#i-forms.forgot button {
    font-size: 13px;
    padding: 8px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 40%;
    margin-top: 5px
}

/* USER FORMS */
.user_forms {
    float: left;
    clear: both;
    width: 100%;
    padding: 15px 10px;
    border: 4px solid #eaeaea;
}

.user_forms #uniform-blue, .user_forms #uniform-green {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 12px 10px;
    margin-left: 40%
}

.user_forms .inner {
    float: left;
    width: 100%;
}

.user_forms h1 {
    font-size: 14px;
    margin: 5px 0 10px 8px;
}

.user_forms form {
    width: 100%;
    float: left
}

.user_forms form label {
    float: left;
    width: 40%;
    margin-top: 10px;
    margin-bottom: 2px;
    color: #777;
}

.user_forms form label span {
    float: left;
}

.user_forms form input, .user_forms form select {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 6px 5px;
    width: 60%;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f9f9f9), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f9f9f9 1px, #FFFFFF 25px);
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

.user_forms form input:hover, .user_forms form select:hover {
    border: 1px solid #999;
}

.user_forms form input:focus, .user_forms form select:focus {
    border: 1px solid #F44336;
}

.user_forms form select {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.user_forms form .checkbox {
    margin-bottom: 20px;
    margin-top: 0px;
    float: left;
    width: 100%;
    clear: both;
    padding-left: 40%;
}

.user_forms form .checkbox label {
    float: left;
    width: 80%;
    margin: 0 0 0 4px;
}

.user_forms form .checkbox input {
    border: none;
    margin: 2px 0 0 0;
    padding: 0;
    width: auto;
    float: left;
    clear: both;
    max-width: 15px;
}

.user_forms form .more-login {
    float: right;
    margin: 12px 0 0 0;
}

.user_forms form .more-login a {
    color: #F44336;
    text-decoration: none;
    font-weight: bold;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

.user_forms form .more-login a .fa {
    color: #444;
    font-size: 14px;
    margin: 1px 0 0 4px;
    float: right;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

.user_forms form .more-login a:hover {
    color: #FF8330;
}

.user_forms form .more-login a:hover .fa {
    color: #FF8330;
}

.user_forms input.error, .user_forms select.error, .user_forms select.error, .user_forms textarea.error {
    border-color: #EC6200!important;
}

.user_forms input.valid, .user_forms select.valid, .user_forms textarea.valid {
    border-color: #48A903!important;
}

/* RELATED LISTINGS */
#related.white {
    padding: 0;
    margin: 20px 0;
}

#related.white .block {
    border-color: #ccc;
}

#related.white .simple-prod {
    width: 23%;
}

/* LISTING PLUGIN DETAILS (HOOK) */
#plugin-details {
    float: left;
    width: 100%;
    clear: both;
    margin: 20px 0 0 0;
    font-family: "Open Sans",sans-serif;
    color: #333;
    font-size: 13px;
    line-height: 16px;
}

#plugin-details h3, #main #plugin-details h2 {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #888;
    text-align: center;
    font-weight: 500;
    margin: 0 0 8px 0!important;
}

#plugin-details h3 span, #main #plugin-details h2:not(.radius_h2) span {
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 0 8px;
    font-weight: 100;
}

#plugin-details h3:after, #main #plugin-details h2:not(.radius_h2):after {
    content: ".";
    text-indent: -9999px;
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    top: 50%;
    left: 0;
    z-index: 1;
}

#plugin-details h4 {
    float: left;
    width: 100%;
    clear: both;
    margin: 20px 0 5px 0;
    font-size: 14px;
    color: #444;
}

#plugin-details>h4 {
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 25px 0;
}

#plugin-details>div {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 30px 0;
}

#plugin-details .table-attributes, #plugin-details .job-detail table {
    margin: 0;
    float: left;
    width: 100%;
    clear: both;
}

#plugin-details > table, #plugin-details > #custom_attributes > table {
    margin: 0 0 25px 0!important;
    float: left;
    width: 100%;
    clear: both;
}

#plugin-details .table-attributes table {
    margin: 0;
    float: left;
    width: 100%;
    clear: both;
}

#plugin-details .table-attributes table tr, #plugin-details table tr, #plugin-details .job-detail table tr, #plugin-details .job-detail>div {
    height: 34px;
    margin: 1px 0;
    padding: 8px;
    border: 1px solid #eee;
    float: left;
    width: 50%;
    clear: none;
    position: relative;
}

#plugin-details>table tr:nth-child(even), #plugin-details .table-attributes table tr:nth-child(even), #plugin-details .job-detail table tr:nth-child(even), #plugin-details .job-detail>div:nth-child(odd) {
    border-left: none;
}

#plugin-details>table tr:nth-child(odd), #plugin-details .table-attributes table tr:nth-child(odd), #plugin-details .job-detail table tr:nth-child(odd), #plugin-details .job-detail>div:nth-child(even) {
    border-right: none;
}

#plugin-details>table tr:nth-child(even):after, #plugin-details .table-attributes table tr:nth-child(even):after, #plugin-details .job-detail table tr:nth-child(even):after, #plugin-details .job-detail>div:nth-child(odd):after {
    display: block;
    content: ".";
    text-indent: -9999px;
    position: absolute;
    top: -1px;
    left: 0;
    background: #fff;
    height: 34px;
    width: 1px;
}

#plugin-details>table tr:nth-child(odd):after, #plugin-details .table-attributes table tr:nth-child(odd):after, #plugin-details .job-detail table tr:nth-child(odd):after, #plugin-details .job-detail>div:nth-child(even):after {
    display: block;
    content: ".";
    text-indent: -9999px;
    position: absolute;
    top: -1px;
    right: 0;
    background: #fff;
    height: 34px;
    width: 1px;
}

#plugin-details>table tr:nth-child(even):before, #plugin-details .table-attributes table tr:nth-child(even):before, #plugin-details .job-detail table tr:nth-child(even):before, #plugin-details .job-detail>div:nth-child(odd):before {
    display: block;
    content: ".";
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 1px;
    background: #eee;
    height: 32px;
    width: 1px;
}

#plugin-details>table tr:nth-child(odd):before, #plugin-details .table-attributes table tr:nth-child(odd):before, #plugin-details .job-detail table tr:nth-child(odd):before, #plugin-details .job-detail>div:nth-child(even):before {
    display: block;
    content: ".";
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 1px;
    background: #eee;
    height: 32px;
    width: 1px;
}

#plugin-details .table-attributes table tr td {
    float: left;
    font-weight: bold;
}

#plugin-details .table-attributes table tr td + td {
    margin-left: 5px;
}

#plugin-details > table tr td {
    float: left;
}

#plugin-details > table tr td:first-child {
    width: 45%!important;
}

#plugin-details > table tr td:last-child {
    width: 55%!important;
    font-weight: bold;
}

#plugin-details .table-attributes table tr td.row-title, #plugin-details > table tr td:first-child {
    float: left;
    width: 45%;
    font-weight: 500;
    padding-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

#plugin-details .list-other-attributes {
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
    list-style-type: none;
}

#plugin-details .list-other-attributes li {
    float: left;
    width: 20%;
    clear: none;
    margin: 3px 0;
}

#plugin-details .list-other-attributes img {
    float: left;
    margin: 1px 5px 0 0;
}

#plugin-details .job-detail table td:first-child, #plugin-details .job-detail div label {
    width: 45%;
}

#plugin-details .job-detail table td, #plugin-details .job-detail div p {
    color: #444
}

#plugin-details .job-detail table td label, #plugin-details .job-detail div label {
    font-weight: normal;
    color: #777;
}

/* LISTING CUSTOM FIELDS */
#custom_fields {
    float: left;
    width: 100%;
    clear: both;
    margin: 20px 0 10px 0;
    padding-top: 10px;
    font-family: "Open Sans",sans-serif;
    color: #333;
    font-size: 13px;
    line-height: 16px;
}

#custom_fields h3 {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #888;
    text-align: center;
    font-weight: 500;
    margin: 0 0 8px 0;
}

#custom_fields h3 span {
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 0 8px;
    font-weight: 100;
}

#custom_fields h3:after {
    content: ".";
    text-indent: -9999px;
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    top: 50%;
    left: 0;
    z-index: 1;
}

#custom_fields .meta {
    float: left;
    width: 50%;
    padding: 1px;
    font-weight: bold;
}

#custom_fields .meta .ins {
    float: left;
    width: 100%;
    clear: both;
    border: 1px solid #eee;
    background: #fff;
    padding: 8px;
}

#custom_fields .meta > .ins > label, #custom_fields .meta > .ins > span {
    float: left;
    width: 45%;
    font-weight: 500;
    padding-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

#custom_fields .meta ul {
    list-style: none;
    padding: 0;
}

#custom_fields .meta ul li {
    margin-left: 0;
}

#custom_fields .meta ul li label {
    float: none;
}

/* LISTING CONTACT SELLER */
#contact_form {
    float: left;
    width: 100%;
    clear: both;
    position;relative;margin: 0;
    padding: 8px;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 16px;
}

#contact_form .row {
    float: left;
    width: 100%;
    clear;both;margin: 0 0 10px 0;
}

#contact_form .row.full {
    width: 100%;
    margin: 10px 0 0 0;
}

#contact_form .row label {
    float: left;
    width: 100%;
    margin: 0 0 2px 0;
}

#contact_form .row label span {
    float: left;
    width: auto;
}

#contact_form .row input {
    float: left;
    width: 240px;
    border: 1px solid #ddd;
    padding: 6px;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#contact_form .row input:not(.disabled):hover {
    border-color: #aaa;
}

#contact_form .row input:not(.disabled):focus {
    border-color: #F44336;
}

#contact_form .row input.disabled {
    background: #fdfdfd;
    cursor: not-allowed;
}

#contact_form .row textarea {
    float: left;
    width: 100%;
    clear: both;
    padding: 6px;
    border: 1px solid #ccc;
    height: 80px;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#contact_form .row textarea:hover {
    border-color: #aaa;
}

#contact_form .row textarea:focus {
    border-color: #F44336;
}

#contact_form button {
    float: left;
    margin: 0 5px 0 0;
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#contact_form .req-what {
    margin-bottom: 8px;
    float: left;
    width: 100%;
    clear: both;
}

#contact_form #recaptcha_image {
    max-width: 100%!important;
}

.fw-box#contact_form .middle {
    padding: 18px 18px;
}

.fw-box#contact_form {
    padding: 0;
}

.c-seller-func .fw-box .left, .c-seller-func .fw-box .middle, .fw-box#contact_form .left, .fw-box#contact_form .middle {
    height: 400px;
}

.c-seller-func .empty, .fw-box#contact_form .empty {
    margin-bottom: 0;
}

/* IOS fix */
#show-c-seller-content.ios .fw-box {
    display: block;
    margin-bottom: 0px;
    position: relative;
}

#show-c-seller-content.ios .fw-box .head {
    padding: 0;
}

#show-c-seller-content.ios .fw-box .middle {
    background: #fcfcfc;
}

/* LISTING REPORT */
!#report {
    float: right;
    position: relative;
    width: 30px;
    height: 28px;
    cursor: pointer;
    z-index: 99;
    color: #222;
    margin: -7px 0;
    background: #fff;
    text-align: center;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

!#report .fa {
    font-size: 14px;
    line-height: 26px;
}

!#report:hover, #report.hovered {
    background: #F44336;
    color: #fff;
}

#report .cont-wrap {
    width: auto;
    position: absolute;
    display: none;
    top: 38px;
    right: 0;
}

#report .cont {
    float: left;
    display: block;
    background: #fff;
    border: 1px solid #00BCD4;
    z-index: 1;
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 0;
    border-radius: 3px;
    border-top-right-radius: 0;
}

#report .cont a {
    float: left;
    text-decoration: none;
    clear: both;
    margin: 2px 0;
    color: #666;
    font-size: 13px;
    line-height: 15px;
}

#report .cont a:hover {
    text-decoration: underline;
    color: #000;
}

!#report .cont {
    float: left;
    clear: both;
    width: 100%;
    border-width: 0px;
    padding: 8px 12px;
    font-size: 12px;
    background: #222;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-family: "Open Sans",sans-serif;
    line-height: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

!#report .cont:after {
    position: absolute;
    top: -8px;
    right: 17px;
    border: 4px solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.75) transparent;
    display: block;
    content: "";
}

!#report .cont a {
    float: left;
    clear: both;
    font-size: 12px;
    margin: 2px 0;
    color: #fff;
    text-decoration: none;
}

!#report .cont a:hover {
    text-decoration: underline;
}

/* LISTING MORE INFO */
#listing #more-info {
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0 10px 0;
}

#more-info h2, #related h2 {
    float: left;
    clear: both;
    width: 100%;
    margin: 5px 0;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    color: #F44336;
}

#more-info h2 span, #related h2 span {
    border: 1px solid #eee;
    border-bottom: 1px solid #fff;
    padding: 10px 15px;
    float: left;
    margin-bottom: -1px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#more-info .item-description {
    font-size: 13px;
    font-family: "Open Sans",sans-serif;
    color: #666;
    line-height: 18px;
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 35px 0;
}

#more-info #error_list {
    margin: 0 0 20px 0;
}

#more-info input.focus, #more-info textarea.focus {
    border-color: #F44336
}

/* LISTING SOCIAL SHARE */
.listing-share {
    float: left;
    width: 100%;
    text-align: center;
    margin: 25px 0 10px 0;
    position: relative;
    border-top: 1px dashed #ddd;
    padding-top: 10px;
}

.listing-share span {
    color: #777;
    font-size: 13px;
    top: 13px;
    left: 0px;
    position: absolute;
    font-family: "Open Sans",sans-serif;
}

.listing-share .single {
    margin: 0 3px;
    background: #fff;
    display: inline-block;
}

.listing-share .single .fa {
    font-size: 46px;
    float: left;
    cursor: pointer;
    opacity: 0.8;
    width: 42px;
}

.listing-share .single:hover .fa {
    opacity: 1;
}

.listing-share .single-twitter .fa {
    color: #1d9bf0;
}

.listing-share .single-facebook .fa {
    color: #0067CB;
}

.listing-share .single-google-plus .fa {
    color: #E23C00;
}

.listing-share .single-pinterest .fa {
    color: #B60000;
}

/* LISTINGS */
#listing #main {
    margin: 0 0 50px 0;
    width: 70%;
    padding: 0 30px 0 0;
    float: left;
}

#listing #main.side-main {
    float: right;
    padding: 0 0 0 30px;
}

#listing #left {
    float: left;
    width: 100%;
}

#listing #right {
    float: left;
    width: 100%;
    padding: 0;
    margin: 40px 0 0 0
}

#listing #right h2 {
    padding: 0;
    text-align: center;
    height: auto;
    font-size: 24px;
    font-family: "Open Sans",sans-serif;
    line-height: 30px;
    color: #333;
    font-weight: normal;
    margin: 0 0 14px 0;
    float: left;
    width: 100%;
    clear: both;
    border: none;
    background: none;
}

#top-item {
    color: #F56242;
    font-size: 13px;
    float: left;
    margin: 0 0 0 4px;
}

.breadcrumb #top-item {
    color: #fff;
    background: #F44336;
    padding: 3px;
    margin-top: -2px;
    margin-bottom: -2px;
    font-size: 11px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.dashboard #top-item {
    margin: 2px 0 0 4px;
}

/* ITEM BUTTONS */
#item-buttons {
    z-index: 1;
    border-top: 1px solid #eee;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    margin: -1px 0 0 0;
    position: relative;
    background: #fff;
    padding: 15px 8px 7px 8px;
    text-align: center;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#item-buttons > a, #item-buttons > div {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    overflow: initial;
    margin: 0 4px 8px 4px;
    vertical-align: top;
}

#item-buttons a:not(.reports) {
    display: inline-block;
    width: 42px!important;
    height: 42px!important;
    text-align: center;
    background: #fff;
    border: 1px solid #00bcd4;
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#item-buttons a:not(.reports):hover, #item-buttons #report:hover > a {
    background: #00bcd4;
    color: #fff;
}

#item-buttons a:not(.reports):hover i, #item-buttons a:not(.reports):hover span, #item-buttons #report:hover > a i {
    color: #fff;
}

#item-buttons i, #item-buttons span {
    color: #00bcd4;
    line-height: 40px;
}

#item-buttons a.is_favorite {
    background-color: #FFE500;
    border-color: #FFE500;
    color: #c7b40a;
}

#item-buttons a.is_favorite:hover {
    background-color: #fff;
    color: #FFE500;
    border-color: #FFE500;
}

#item-buttons a.is_favorite span {
    color: #c7b40a;
}

#item-buttons a.is_favorite:hover span {
    color: #FFE500;
}

/* LISTING - RIGHT SIDEBAR */
#side-right {
    float: right;
    width: 30%;
}

#side-right.side-main {
    float: left;
}

#side-right h2 {
    float: left;
    position: relative;
    clear: both;
    color: #F44336;
    font-weight: 500;
    padding: 18px 10px 18px 20%;
    font-size: 18px;
    width: 100%;
    border: 1px solid #eee;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#side-right h2 .left {
    float: left;
    width: 20%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #F44336;
    text-align: center;
    font-size: 24px;
    border-right: 1px solid #eee;
}

#side-right h2 .left .fa {
    line-height: 58px;
}

#side-right #location h2 .left {
    font-size: 26px;
}

#side-right #seller {
    float: left;
    clear: both;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    margin: 0 0 10px 0;
}

#side-right #seller .name {
    float: left;
    clear: both;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0;
    text-align: center;
    color: #00BCD4;
}

#side-right #seller .name a {
    color: #00BCD4;
    font-weight: 800;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#side-right #seller .name a:hover {
    color: #333;
}

#side-right #seller .body {
    padding: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#side-right #seller .body .inside {
    padding: 15px 10px 0 10px;
    float: left;
    width: 100%;
    clear: both;
}

#side-right #seller.unreg .body .inside {
    padding: 15px 10px 20px 10px;
}

#side-right .seller-bottom {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    text-align: center;
    margin: 20px 0 -1px 0;
}

#side-right .seller-bottom a {
    position: relative;
    z-index: 3;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    float: none;
    margin: 0 3px;
    border: 1px solid #eee;
    border-bottom: 1px solid #fff;
    padding: 4px 8px;
    background: #fff;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

#side-right .seller-bottom a:hover {
    color: #00BCD4;
}

#side-right .body {
    float: left;
    clear: both;
    width: 100%;
    padding: 15px 10px ;
    border: 1px solid #eee;
    border-top: none;
    background: #f8f8f8;
}

#side-right .body #profile_picture_img {
    display: inline-block;
    background: #fff;
    padding: 3px;
    float: none;
    clear: both;
    width: 120px;
    margin: 0 auto;
    height: auto;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#side-right .body #profile_picture_img:hover {
    border-color: #ccc;
}

.HiddenDiv {
    float: left;
    clear: both;
    width: 100%;
}

#side-right #location {
    float: left;
    clear: both;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}

#side-right #location .body {
    padding: 0;
}

#side-right #location .body .loc-text {
    float: left;
    clear: both;
    width: 100%;
    padding: 15px 10px;
}

#side-right #location .map {
    float: left;
    clear: both;
    width: 100%;
}

#side-right #location .map #itemMap {
    height: 240px!important;
}

#side-right #location .empty {
    margin: 0;
}

#side-right .elem {
    float: left;
    clear: both;
    width: 100%;
}

#side-right .elem.regdate {
}

#side-right .elem.type {
    margin-bottom: 5px;
    color: #bbb;
}

#side-right .elem.type .fa {
    margin-right: 3px;
    color: #ccc;
}

#side-right .phone-show {
    float: left;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    position: relative;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    border: 1px solid #eee;
    padding: 10px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#side-right .phone-show .left {
    float: left;
    width: 20%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #00BCD4;
    text-align: center;
    font-size: 35px;
    border-right: 1px solid #eee;
}

#side-right .phone-show .left .fa {
    line-height: 68px;
}

#side-right .phone-show .right {
    float: left;
    width: 80%;
    margin-left: 20%;
}

#side-right .phone-show span {
    float: left;
    clear: both;
    width: 100%;
}

#side-right .phone-show span.top {
    color: #bbb;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
}

#side-right .phone-show span.bottom {
    color: #111;
    font-size: 24px;
    line-height: 24px;
    margin: 2px 0 5px 0;
    font-weight: 500;
}

#side-right .phone-show:hover {
    border-color: #bbb;
}

#side-right .phone-show:hover .left {
    border-color: #bbb;
    color: #333
}

#side-right .email-show {
    float: left;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    position: relative;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    border: 1px solid #eee;
    padding: 10px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#side-right .email-show .left {
    float: left;
    width: 20%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #00BCD4;
    text-align: center;
    font-size: 24px;
    border-right: 1px solid #eee;
}

#side-right .email-show .left .fa {
    line-height: 52px;
}

#side-right .email-show .right {
    float: left;
    width: 80%;
    margin-left: 20%;
    font-size: 16px;
    color: #111;
    padding: 5px 0;
}

#side-right .email-show .right span {
    unicode-bidi: bidi-override;
    direction: rtl;
}

#side-right .email-show:hover {
    border-color: #bbb;
    cursor: pointer;
}

#side-right .email-show:hover .left {
    border-color: #bbb;
    color: #333;
}

#side-right .email-show:hover .right {
    color: #00BCD4;
}

.fw-box#show-email-form .left, .fw-box#show-email-form .middle {
    height: 180px;
}

#side-right .c-seller {
    float: left;
    background: #00BCD4;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    position: relative;
    clear: both;
    width: 100%;
    margin: 0 0 40px 0;
    border: 1px solid #00BCD4;
    padding: 10px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#side-right .c-seller.ios {
    display: none!important;
}

#side-right .c-seller .left {
    float: left;
    width: 20%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 21px;
    border-right: 1px solid #00A8BD;
}

#side-right .c-seller .left .fa {
    line-height: 52px;
}

#side-right .c-seller .right {
    float: left;
    width: 80%;
    margin-left: 20%;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
}

#side-right .c-seller:hover {
    border-color: #00A8BD;
    background: #00A8BD;
    cursor: pointer;
}

#side-right .c-seller:hover .left {
    color: #fff;
    border-color: #0091A5;
}

#side-right .c-seller:hover .right {
    color: #fff;
}

#more-info .item-description .qr-right {
    float: right;
    margin: 0 0 20px 20px
}

#more-info .item-description .qr-right img {
    max-width: 100%;
    width: auto;
    height: auto;
}

/* LISTINGS - IMAGE BOX */
#listing #pictures {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

#listing #pictures .item-bxslider {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

#listing #pictures .item-bxslider img {
    margin: 0 auto;
    max-width: 100%;
    padding: 5px;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#listing #pictures .item-bxslider img:hover {
    opacity: 0.85;
}

/*LISTINGS - FANCY BOX FIX */
body #fancybox-overlay {
    z-index: 99999;
}

body .fancybox-wrap {
    z-index: 999999;
}

/* SELLER TOOLS ON LISTING PAGE */
#s-tools {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    text-align: left;
    padding: 5px 10px;
}

#s-tools .text {
    font-size: 13px;
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 10px 0;
    line-height: 16px;
}

#s-tools a {
    font-size: 13px;
    float: left;
    line-height: 14px;
    margin: 2px 0 2px 0;
    color: #00BCD4;
    text-decoration: none;
    font-weight: bold;
    clear: both;
}

#s-tools a:hover {
    color: #111;
    text-decoration: none;
}

#s-tools a .fa {
    float: left;
    color: #aaa;
    margin: 0px 5px 0 0;
    line-height: 16px;
    font-size: 13px;
    font-weight: normal;
}

#s-tools a:hover .fa {
    color: #333;
}

/* FOOTER SOCIAL SHARE BUTTONS */
#footer-share {
    width: 100%;
    padding: 0;
    margin: 25px 0 0 0;
    float: left;
    clear: both;
}

#footer-share .fa {
    font-size: 20px;
    line-height: 38px;
}

#footer-share .text a {
    float: left;
    display: block;
    margin: 0 7px 7px 0;
    opacity: 0.8;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    clear: none;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#footer-share .text a:before {
    display: none;
    content: "";
}

#footer-share .text a:hover {
    opacity: 1;
}

#footer-share .fa {
    color: #fff;
}

#footer-share .facebook a {
    background: #0067CB;
}

#footer-share .twitter a {
    background: #1d9bf0;
}

#footer-share .youtube a {
    background: #D73900;
}

#footer-share .google-plus a {
    background: #E23C00;
}

#footer-share .pinterest a {
    background: #CB2027;
}

#footer-share .linkedin a {
    background: #6BBE65;
}

#footer-share .instagram a {
    background: #E2AC00;
}

#footer-share .rss a {
    background: #EFAC00;
}

/* HOME CATEGORIES */
.home-cat {
    float: left;
    width: 100%;
    clear: both;
    margin: 20px 0;
    background: #fff;
    display: none;
}

.home-cat .top {
    float: left;
    width: 100%;
    clear: both;
}

.home-cat .top a {
    border: 1px solid transparent;
    border-top: 2px solid #80C74E;
    border-bottom: 1px solid #fff;
    position: relative;
    overflow: hidden;
    padding: 10px 3px 0 3px;
    color: #555;
    text-decoration: none;
    float: left;
    width: 9.5%;
    height: 70px;
    background: #f0f0f0;
    margin: 5px 0.5% 0 0;
    text-align: center;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 11px;
}

.home-cat .top a .name {
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
    height: 22px;
    overflow: hidden;
    font-family: "Open Sans",sans-serif;
}

.home-cat .top a .img {
    float: left;
    width: 70%;
    margin: 0 15% 0px 15%;
    position: relative;
    clear: both;
    height: 40px;
}

.home-cat .top a .img .fa, .home-cat .top a .img img {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: -5px;
    left: 0;
    color: #ccc;
    font-size: 30px;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

.home-cat .top a:hover {
    background: #fff;
    color: #333;
    border: 1px solid #aaa;
    border-bottom-color: #fff;
    border-top: 2px solid #aaa;
}

.home-cat .top a:hover .img .fa {
    color: #bbb;
}

.home-cat .top a.selected {
    border-left: none;
    border-right: none;
    background: #80C74E;
    color: #fff;
    border-top: 7px solid #80C74E;
    margin-top: 0;
    height: 75px;
    border-bottom: 1px solid #80C74E;
}

.home-cat .top a.selected .img .fa, .home-cat .top a.selected .img img {
    margin-bottom: 11px;
    color: #fff;
}

.home-cat .cat-tab {
    float: left;
    width: 100%;
    clear: both;
    padding: 0px;
}

.home-cat .cat-tab .head {
    padding: 19px 10px;
    height: 60px;
    float: left;
    width: 100%;
    margin: 0;
    clear: both;
    background: #fff;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    color: #444;
}

.home-cat .cat-tab .head h2 {
    font-size: 18px;
    color: #F44336;
    width: auto;
    line-height: 20px;
    font-weight: 500;
    display: inline-block;
    margin-left: 10px;
}

.home-cat .cat-tab .head a:hover h2 {
    text-decoration: underline;
}

.home-cat .cat-tab .head span {
    position: relative;
    line-height: 20px;
    font-size: 12px;
    margin: 0 0 0 12px;
    padding-left: 14px;
    display: inline-block;
}

.home-cat .cat-tab .head span:before {
    position: absolute;
    content: ".";
    text-indent: -9999px;
    width: 1px;
    height: 17px;
    background: #eee;
    top: 0;
    left: 0;
}

.home-cat .cat-tab .head .add {
    float: right;
    width: auto;
    font-size: 13px;
    color: #80C74E;
    padding: 3px 0 0 0;
    display: inline-block;
    line-height: 14px;
}

.home-cat .cat-tab .head .add a {
    color: #fff;
    font-weight: 500;
    background: #8BC34A;
    padding: 8px;
    margin: -10px 0;
    text-decoration: none;
    line-height: 20px;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.home-cat .cat-tab .head .add a:hover {
    background: #4CAF50
}

.home-cat .cat-tab .head .add .fa {
    float: left;
    margin: 2px 5px 0 0;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    font-weight: 500;
}

.home-cat .cat-tab .left {
    border: 1px solid #fff;
    float: left;
    position: relative;
    width: 15%;
    background: #fff;
    clear: both;
    height: 260px;
    padding: 2px 10px 2px 0;
    overflow: hidden;
}

.home-cat .cat-tab .left a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
    overflow: hidden;
}

.home-cat .cat-tab .left a img {
    opacity: 0.9;
    float: left;
    width: auto;
    height: 100%;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.home-cat .cat-tab .left a:hover img {
    opacity: 1;
}

.home-cat .cat-tab .left a:after {
    z-index: 2;
    content: "\f061";
    position: absolute;
    top: 120%;
    left: 50%;
    width: 42px;
    line-height: 42px;
    text-align: center;
    height: 42px;
    color: #333;
    font-size: 17px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    margin: -20px;
    border: 1px solid #F44336;
    font-family: "FontAwesome";
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.home-cat .cat-tab .left a:hover:after {
    top: 50%;
}

.home-cat .cat-tab .middle {
    float: left;
    width: 85%;
    background: #f2f2f2;
    height: 260px;
    padding: 12px 10px;
    overflow: hidden;
}

.home-cat .cat-tab .middle a {
    float: left;
    width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 8px;
    color: #666;
    font-weight: normal;
    line-height: 26px;
    font-size: 13px;
    text-decoration: none;
    font-family: "Open Sans",sans-serif;
}

.home-cat .cat-tab .middle a.over-limit {
    display: none;
}

.home-cat .cat-tab .middle a:before {
    color: transparent;
    content: "\f105";
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
    margin: 2px 8px 0 -8px;
    font-family: FontAwesome;
    float: left;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.home-cat .cat-tab .middle a:hover:before {
    margin: 2px 2px 0 -2px;
    color: #000;
}

.home-cat .cat-tab .middle a:hover {
    color: #F44336;
    text-decoration: none;
}

.home-cat, .home-cat .fancybox-inner, .home-cat .fancybox-outer {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.fancybox-content > .home-cat {
    display: block;
    margin: 0;
}

#top-subcat {
    width: 100%;
    display: table;
    margin: 0;
    background: #fff;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#top-subcat .subcat-inside {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px
}

/* SEARCH PAGE */
.cat-navigation {
    float: left;
    clear: both;
    padding: 0 0 6px 0;
    margin: 0 0 9px 0;
    border-bottom: 1px solid #ddd;
}

.cat-navigation a {
    float: left;
    position: relative;
    margin: 0 10px 0 0;
    padding: 0 19px 0 0;
    font-weight: 500;
    line-height: 26px;
    font-size: 14px;
    text-decoration: none;
    font-family: "Open Sans",sans-serif;
    color: #F44336;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.cat-navigation a:hover {
    color: #333;
}

.cat-navigation a:after {
    position: absolute;
    font-family: "FontAwesome";
    right: 0;
    top: 0px;
    font-size: 16px;
    content: "\f105";
    color: #333;
    font-weight: 100;
}

.cat-navigation a:last-child {
    color: #444;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

.cat-navigation a:last-child:after {
    content: "\f107";
}

.cat-navigation a:last-child:hover {
    color: #000;
}

.search-cat {
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px dashed #ddd;
    float: left;
    width: 100%;
    clear: both;
}

.search-cat .cat-tab {
    float: left;
    width: 100%;
    padding: 0px;
    display: block;
}

.search-cat .cat-tab .link-wrap {
    float: left;
    font-weight: normal;
    line-height: 26px;
    font-size: 13px;
    width: 25%;
    padding: 0;
}

.search-cat .cat-tab a {
    float: left;
    font-weight: normal;
    line-height: 26px;
    font-size: 13px;
    text-decoration: none;
    font-family: "Open Sans",sans-serif;
    color: #00BCD4;
    padding: 0;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.search-cat .cat-tab a.bold {
    border: 1px solid #eee;
    padding: 0 8px;
    border-radius: 3px;
    color: #009688;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
}

.search-cat .cat-tab a.bold:hover {
    color: #000;
}

.search-cat .cat-tab a.bold:before {
    display: none;
}

.search-cat .cat-tab a:before {
    color: #333;
    font-size: 11px;
    font-weight: 500;
    margin: 3px 4px 0 0;
    content: "\f105";
    line-height: 22px;
    font-family: FontAwesome;
    float: left;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.search-cat .cat-tab a:hover:before {
    color: #000;
    margin: 3px 2px 0 2px;
}

.search-cat .cat-tab a:hover {
    color: #F44336;
    text-decoration: none;
}

.search-cat .cat-tab a strong {
    font-weight: 100;
    margin-left: 1px;
    color: #aaa;
    font-size: 11px;
    line-height: 12px;
}

/* SEE ALL BUTTON - HOMEPAGE */
.home-see-all {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 10px 0 15px 0;
}

.home-see-all a {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #F44336;
    font-weight: 500;
    text-transform: lowercase;
    text-decoration: none;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

.home-see-all a:hover {
    color: #000;
}

.home-see-all .fa {
    clear: both;
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 10px;
}

/* WHITE / LATEST LISTINGS */
.white {
    float: left;
    width: 100%;
    clear: both;
    padding: 8px 8px 0 8px;
    margin: 5px 0 10px 0;
}

.white .block {
    float: left;
    width: 102%;
    clear: both;
    position: relative;
    padding: 0;
    margin: 10px -1% 0 -1%;
}

.white .simple-prod {
    float: left;
    width: 14.66%;
    margin: 0 1% 25px 1%;
    height: auto;
    clear: none;
    position: relative;
}

.white .simple-prod .item-img-wrap {
    overflow: hidden;
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.white .simple-prod .img-link:after {
    z-index: 1;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.15);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
    background: -o-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
    background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
    display: block;
    content: ".";
    text-indent: -9999px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

body.is_touch .white .simple-prod .img-link:after {
    display: none!important;
}

.white .category-link {
    cursor: default;
    z-index: 3;
    padding: 0 8px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    display: block;
    top: 30px;
    left: 0px;
    -webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
    -moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
    -ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
    -o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
    transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
}

.white .category-link span {
    width: auto;
    display: inline-block;
    block;max-width: 100%;
    padding: 4px 6px;
    text-decoration: none;
    font-size: 11px;
    background: #222;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-family: "Open Sans",sans-serif;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.white .category-link span .fa {
    margin-right: 3px;
}

.white .simple-prod:hover .category-link {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.white .simple-prod:hover .img-link:after {
    opacity: 1;
}

.white .simple-prod img {
    float: none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.white .simple-prod img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.white .simple-prod .simple-wrap {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    padding: 0;
    border: 1px solid #eee;
    background: #f8f8f8;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.06);
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.white .simple-prod .simple-wrap:hover {
    background: #fff;
    border-color: #ddd;
}

!.hc-premiums .white .simple-prod {
    width: 18%;
}

.hc-premiums .white .simple-prod .simple-wrap {
    background: #fff;
}

.white a.title {
    text-align: left;
    float: left;
    width: 100%;
    clear: both;
    font-size: 13px;
    line-height: 18px;
    text-decoration: none;
    font-weight: bold;
    color: #2196F3;
    margin: 10px 0 4px 0;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    font-family: "Open Sans",sans-serif;
    -webkit-transition: 0s linear all;
    -moz-transition: 0s linear all;
    -ms-transition: 0s linear all;
    -o-transition: 0s linear all;
    transition: 0s linear all;
}

.white a.title:hover {
    text-decoration: underline;
}

.white .price {
    float: left;
    height: 20px;
    width: 100%;
    clear: both;
    padding: 0 10px;
    margin: 0 0 9px 0;
    color: #333;
    font-weight: normal;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
}

.white .price span {
    font-size: 15px;
    font-weight: 500;
    font-family: "Open Sans",sans-serif;
}

.white .price span .MCtooltip {
    margin-top: -4px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    padding: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 9;
    color: #666;
}

.white .price span .MCtooltip .fa {
    line-height: 26px;
    height: 24px;
    display: inline-block;
    float: left;
    width: 18px;
    position: relative;
    z-index: 5;
    border: 1px solid transparent;
}

.white .price span .MCtooltip:hover .fa {
    color: #F44336;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #fff;
}

.white .price span .MCtooltip:hover .fa:after {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 1px;
    height: 1px;
    background: #ccc;
    content: ".";
    text-indent: -9999px;
    display: block;
}

.white .price span .MCtooltip span {
    position: absolute;
    display: none;
    cursor: default;
    margin: 0;
    top: 25px;
    line-height: 18px;
    right: 0px;
    left: auto;
    width: auto;
    font-size: 12px;
    color: #444;
    padding: 6px 6px;
    white-space: nowrap;
    font-weight: normal;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 3;
}

.white .price span .MCtooltip:hover span {
    display: block;
}

.white .price span .MCtooltip:hover .fa {
    color: #333;
}

.white .premium-label {
    z-index: 5;
    opacity: 1;
    visibility: visible;
    cursor: default;
    position: absolute;
    left: -4px;
    top: -4px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: block;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.white .premium-label span {
    font-size: 12px;
    font-weight: 500;
    width: 200px;
    height: 20px;
    background: #8BC34A;
    display: block;
    font-family: "Open Sans",sans-serif;
    text-align: center;
    position: absolute;
    top: 18px;
    left: -67px;
    color: #fff;
    z-index: 11;
    ;webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.white .premium-label:before {
    display: block;
    content: "";
    position: absolute;
    top: -4px;
    right: 1px;
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: transparent transparent #689631 transparent;
}

.white .premium-label:after {
    display: block;
    content: "";
    position: absolute;
    left: -4px;
    bottom: 1px;
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: transparent #689631 transparent transparent;
}

.white .simple-wrap:hover .premium-label {
    opacity: 0;
}

.white .loc {
    background: #fff;
    color: #ccc;
    color: rgba(0, 0, 0, 0.2);
    position: absolute;
    height: 15px;
    font-size: 13px;
    overflow: hidden;
    top: 6px;
    left: 0px;
    z-index: 5;
    width: 100%;
    padding: 0 5px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.white .img-link {
    background: #fff;
    float: left;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    border-bottom: 1px solid #eee;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.white .img-link .link0 {
    display: block;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.white .img-link .link1 {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.white .simple-wrap:hover .link0 {
    display: block;
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.white .simple-wrap:hover .link1 {
    display: block;
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.white .orange-but {
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    border: 1px solid transparent;
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin: 0 0 -20px -20px;
    background: transparent;
    color: transparent;
    z-index: 9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.white .orange-but.open-item {
    margin-left: -45px;
    -webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
    -moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
    -ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
    -o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
    transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
}

.white .orange-but.open-image {
    margin-left: 5px;
    -webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
    -moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
    -ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
    -o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
    transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
}

.white .orange-but.open-image.disabled, .white .simple-wrap:hover .orange-but.open-image.disabled {
    cursor: not-allowed;
    opacity: 0.75;
}

.white .orange-but .fa {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 38px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.white .simple-wrap:hover .orange-but {
    bottom: 45%;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.2);
    visibility: visible;
    opacity: 1;
}

.white .simple-wrap:hover .orange-but.disabled:hover .fa {
    color: #888;
}

.white .simple-wrap:hover .orange-but:hover .fa {
    color: #00bcd4;
    background: #fff;
}

body.is_touch .white .simple-wrap .orange-but {
    display: none;
}

.white .fi_make_favorite {
    opacity: 0;
    position: absolute;
    bottom: 8px;
    right: 7px;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}

.white .fi_make_favorite.is_favorite, .white .simple-prod:hover .fi_make_favorite {
    opacity: 1;
}

/* GRAY / POPULAR LISTINGS */
.dark {
    float: left;
    width: 100%;
    clear: both;
    padding: 8px 8px 0 8px;
    margin: 5px 0 40px 0;
}

.dark .block {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    padding: 15px 5px 5px 5px;
    margin: -3px 0 0 0;
    background: #f2f2f2;
}

.dark .block .wrap {
    float: left;
    width: 100%;
    clear: both;
}

.dark .simple-prod {
    float: left;
    width: 18%;
    margin: 0 1% 12px 1%;
    height: auto;
    clear: none;
}

.dark .simple-prod img {
    float: left;
    width: 100%;
    height: auto;
}

.dark .simple-prod .simple-wrap {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    padding: 5px;
    border: 1px solid #f2f2f2;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.dark .simple-prod .simple-wrap:hover {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #dddddd;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-box-shadow: 1px 1px 3px #dddddd;
    -webkit-box-shadow: 1px 1px 3px #dddddd;
}

.dark .simple-prod .flag {
    position: absolute;
    right: 5px;
    top: 5px;
    font-family: "Open Sans",sans-serif;
    width: auto;
    text-align: center;
    padding: 0;
    background: #F44336;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    width: 42px;
    height: 42px;
    line-height: 42px;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.dark .simple-prod .flag:after {
    content: ".";
    text-indent: -9999px;
    position: absolute;
    bottom: -20px;
    height: 0px;
    left: 0;
    width: 0;
    background: transparent;
    border: 21px solid transparent;
    border-width: 10px 21px;
    border-color: #F44336 transparent transparent transparent;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.dark .simple-prod .simple-wrap:hover .flag, .dark .simple-prod .simple-wrap:hover .flag:after {
    border-color: transparent;
    color: transparent;
    background: transparent;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.dark a.title {
    text-align: center;
    float: left;
    width: 100%;
    clear: both;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    color: #666;
    margin: 8px 0 6px 0;
    padding: 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 17px;
    height: 34px;
    font-family: "Open Sans",sans-serif;
    -webkit-transition: 0s linear all;
    -moz-transition: 0s linear all;
    -ms-transition: 0s linear all;
    -o-transition: 0s linear all;
    transition: 0s linear all;
}

.dark a.title:hover {
    text-decoration: none;
    color: #222;
    font-weight: bold;
}

.dark .price {
    float: left;
    width: 100%;
    clear: both;
    padding: 0 6px;
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #F44336;
    font-weight: normal;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    line-height: 12px;
}

.dark .price span {
    font-size: 15px;
    font-weight: bold;
    margin-left: 3px;
}

.dark .price span .MCtooltip {
    margin-top: -4px;
    cursor: pointer;
    display: inline;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    padding: 4px 4px 1px 4px;
    z-index: 9;
    color: #666;
}

.dark .price span .MCtooltip .fa {
    width: 10px;
    text-align: center;
}

.dark .price span .MCtooltip:hover {
    color: #F44336;
    background: #ccc;
}

.dark .price span .MCtooltip span {
    position: absolute;
    display: none;
    cursor: default;
    margin: 0;
    top: 18px;
    line-height: 16px;
    right: 0px;
    left: auto;
    width: auto;
    font-size: 12px;
    color: #444;
    padding: 4px 6px;
    white-space: nowrap;
    font-weight: normal;
    background: #ccc;
}

.dark .price span .MCtooltip:hover span {
    display: block;
}

.dark .price span .MCtooltip:hover .fa {
    color: #333;
}

.dark .top {
    float: left;
    width: 100%;
    clear: both;
    height: 32px;
    border-bottom: 1px solid #555;
    background: #fff;
}

.dark .top .left {
    background: #444;
    float: left;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
}

.dark .top .right {
    float: left;
    width: auto;
    color: #555;
    font-size: 12px;
    font-weight: normal;
    padding: 0 0 0px 8px;
    height: 32px;
    line-height: 32px;
    font-family: "Open Sans",sans-serif;
}

.dark .top .right span {
    font-weight: bold;
}

.dark .more {
    float: right;
    width: auto;
    margin: 2px 0 -3px 0;
    line-height: 16px;
    font-family: "Open Sans",sans-serif;
}

.dark .more a {
    font-size: 13px;
    color: #777;
    font-weight: bold;
    text-decoration: none;
}

.dark .more a .fa {
    float: right;
    margin: 0 0 0 5px;
    color: #F44336;
    font-size: 12px;
    line-height: 16px;
}

.dark .more a:hover {
    color: #333;
    text-decoration: none;
}

.dark .more a:hover .fa {
    color: #F44336;
}

h2.extra {
    float: left;
    line-height: 18px;
    text-transform: uppercase;
    width: 100%;
    clear: both;
    font-weight: 500;
    margin: 0 0 6px 0;
    border-bottom: 1px solid #ddd;
    font-size: 17px;
    padding: 0 0 4px 0;
    font-family: "Open Sans",sans-serif;
}

h2.home {
    float: left;
    line-height: 20px;
    width: 100%;
    text-align: left;
    clear: both;
    color: #F44336;
    font-weight: 500;
    margin: 10px 0 5px 0;
    font-size: 20px;
    padding: 0;
    font-family: "Open Sans",sans-serif;
}

/* FOOTER SPONSOR LOGOS */
#footer-sponsor {
    width: 100%;
    display: table;
    margin: 30px 0 0 0;
    border-top: 1px solid #012;
    background: #00bbffb8;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#footer-sponsor .sponsor-inside {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px
}

#sponsor {
    text-align: center;
    float: left;
    width: 100%;
    padding: 45px 0 25px 0;
    margin: 0;
}

#sponsor .sponsor-image {
    float: none;
    height: 26px;
    margin: 0 20px 25px 0;
}

#sponsor .lead {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    margin-top: 3px;
    float: left;
    padding-left: 2px;
    font-family: "Open Sans",sans-serif;
    text-transform: uppercase;
}

/* ALERTS FOOTER BLOCK */
#n-block.block {
    float: left;
    padding: 2px 55px 10px 0px;
    color: #999;
    width: 54%;
    margin: 0 0 15px 0;
    height: 200px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#n-block.block.logged_user {
    width: 31%;
}

#n-block.block form {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}

#n-block #alert_email, #n-block #add_title {
    display: block;
    float: left;
    width: 100%;
    max-width: 100%;
    height: 35px;
    padding: 0px 120px 0px 6px;
    line-height: 33px;
    border: 1px solid #ddd;
    background: #fff;
    outline: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#n-block #alert_email:hover, #n-block #add_title:hover {
    border: 1px solid #aaa;
    outline: 0;
}

#n-block button, #n-block .button {
    cursor: pointer;
    position: absolute;
    text-transform: none;
    font-weight: 500;
    right: 3px;
    top: 3px;
    padding: 0 15px;
    height: 29px;
    line-height: 19px;
    font-size: 13px;
    background: #F44336;
    border: none;
    color: #fff;
    outline: 0;
    font-family: "Open Sans",sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#n-block .alert-logged button {
    float: left;
    position: relative;
}

#n-block .head {
    float: left;
    width: 100%;
    clear: both;
    color: #999;
    font-weight: bold;
    margin: 0;
}

#n-block .under {
    float: left;
    width: 100%;
    clear: both;
    margin: 15px 0 0 0;
}

#n-block .under .row {
    float: left;
    width: 100%;
    clear: both;
    padding: 2px;
}

#n-block .under .row .fa {
    float: left;
    font-size: 11px;
    margin: 1px 4px 0 1px;
    width: 11px;
    text-align: center;
    color: #555;
}

#n-block .alert-logged {
    float: left;
    width: 100%;
    clear: both;
}

#n-block.quick .next {
    margin-top: 3px;
}

#n-block.quick .next .small {
    padding-left: 1px;
}

#n-block.quick .next .big {
    margin-top: 1px;
}

#loc-box {
    cursor: default;
    text-align: left;
    padding: 0 2px;
    position: absolute;
    width: 240px;
    display: none;
    height: auto;
    max-height: 325px;
    overflow: hidden;
    top: 63px;
    z-index: 995;
    padding-top: 3px;
    left: -1px;
    border: 1px solid #558833;
    background: #fff;
}

#loc-box .current-loc {
    font-size: 11px;
    color: #999;
    float: left;
    width: 100%;
    padding: 8px 5px 2px 5px;
}

#loc-box .choose {
    float: left;
    font-size: 13px;
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    line-height: 20px;
    padding: 2px 10px;
    border-bottom: 1px solid #80C74E;
    color: #80C74E;
    margin: 10px 0 0 0;
    width: 100%;
}

#loc-box .choose .fa {
    float: left;
    margin: 0 5px 0 0;
    line-height: 20px;
}

ul#loc-list {
    z-index: 998;
    list-style-type: none;
    display: block;
    max-height: 240px;
    height: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    cursor: pointer;
    font-weight: bold;
    color: #000;
    font-size: 13px;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 5px 1px 4px 0px;
    background: #ffffff;
    margin: 1px 0;
}

ul#loc-list li {
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    float: left;
    clear: both;
    width: 100%;
    font-weight: normal;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul#loc-list li.active {
    font-weight: bold;
    margin-top: 1px;
    background: #f0f0f0;
    padding: 2px 10px;
}

ul#loc-list li.region-level.active {
    background: #f6f6f6;
}

ul#loc-list li:hover {
    background: #f0f6ff;
}

ul#loc-list li.city-level {
    background: #fff;
}

ul#loc-list li.city-level:hover {
    background-color: #f0f6ff
}

/* ALERT MESSAGES */
.alert-messages .a-message {
    float: left;
    clear: both;
    width: 100%;
    padding: 8px;
    font-size: 13px;
    line-height: 18px;
}

.alert-messages .a-message span {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    color: #333;
    font-weight: 500;
}

.alert-messages .a-message span.first {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}

.fw-box.alert-messages .left, .fw-box.alert-messages .middle {
    height: 120px;
}

/* TOP BAR MY AREA */
.top-my {
    margin-left: 5px;
    cursor: default;
    position: relative;
    float: right;
    width: 40px;
    font-size: 14px;
    height: 32px;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
}

.top-my a {
    text-decoration: none;
}

.top-my .my-top {
    float: left;
    width: 100%;
    clear: both;
    margin: 3px 0;
}

.top-my .my-top a {
    float: left;
    width: 100%;
    clear: both;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

.top-my .my-top a .oran {
    font-weight: 800;
    color: #333;
    text-transform: uppercase;
    line-height: 18px;
    display: inline-block;
}

.top-my .my-top a:hover {
    text-decoration: none;
}

.top-my .my-top a span:hover {
    text-decoration: underline;
}

.top-my .my-open {
    float: left;
    color: #000;
    font-size: 15px;
    line-height: 32px;
    clear: both;
    height: 32px;
    width: 40px;
    position: relative;
    display: block;
    z-index: 9999;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    font-family: "Open Sans",sans-serif;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.top-my .my-open > .fa {
    line-height: 32px;
}

.top-my:hover .my-open, .top-my.hovered .my-open {
    border-color: #ccc;
    background: #fff;
}

.top-my .join {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
}

.top-my .my-account {
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    font-weight: 800;
    color: #fff;
}

.top-my .my-wrap {
    position: absolute;
    display: none;
    right: 0;
    width: 260px;
    border: 1px solid #ccc;
    z-index: 999;
    background: #fff;
    top: 31px;
}

.top-my:hover .fa-caret-down, .top-my.hovered .fa-caret-down {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.top-my .bottom-inside {
    float: left;
    width: 100%;
    padding: 0 1px;
    margin: 0 0 1px 0;
}

.top-my .bottom-inside .top {
    float: left;
    width: 100%;
    clear: both;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    border-bottom: 1px solid #80C74E;
    color: #80C74E;
    font-family: "Open Sans",sans-serif;
    padding: 0 0 2px 12px;
    margin: 10px 0 0 0;
    text-align: left;
}

.top-my .bottom-inside .top .fa {
    float: left;
    margin: 0px 4px 0 0;
    font-size: 14px;
    line-height: 20px;
}

.top-my .bottom-inside .elem {
    float: left;
    width: 100%;
    clear: both;
    background: #f2f2f2;
    color: #444;
    font-weight: normal;
    text-align: left;
    padding: 6px 12px;
    font-size: 13px;
    margin: 0;
    font-family: "Open Sans",sans-serif;
}

.top-my .bottom-inside .elem:hover {
    background: #e2e2e2;
    color: #F44336;
    text-decoration: none;
}

.top-my .top-ins {
    float: left;
    width: 100%;
    padding: 0 12px;
    text-align: left;
    margin: 15px 0 20px 0;
}

.top-my .top-ins .welcome {
    float: left;
    width: 100%;
    clear: both;
    font-size: 13px;
    color: #777;
}

.top-my .top-ins .unreg {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    color: #777;
    margin: 15px 0 1px 0;
}

.top-my .top-ins .log-button {
    font-weight: bold;
    float: left;
    width: 100%;
    clear: both;
    font-size: 13px;
    color: #777;
    text-align: center;
    padding: 6px 0;
    color: #fff;
    background: #E75E17;
    margin: 5px 0 10px 0;
    font-family: "Open Sans",sans-serif;
}

.top-my .top-ins .log-button:hover {
    background: #DB4300;
    text-decoration: none;
}

.top-my .top-ins .reg-button {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    color: #777;
    text-align: center;
    padding: 6px 0;
    color: #fff;
    background: #FF8A3C;
    font-family: "Open Sans",sans-serif;
}

.top-my .top-ins .reg-button:hover {
    background: #EF792A;
    text-decoration: none;
}

.top-my .top-ins .space {
    width: 100%;
    float: left;
    clear: both;
    height: 1px;
    background: #ddd;
}

.top-my .top-ins .space-white {
    width: 100%;
    float: left;
    clear: both;
    margin: 5px 0;
}

/* JOB ATTRIBUTES PLUGIN */
#plugin-details .job-detail table {
    margin: 0 0 15px 0;
}

.job-detail, .job-detail table, .job-detail table tr {
    float: left;
    width: 100%;
    clear: both;
}

.job-detail table {
    margin-top: 10px;
}

.job-detail table tr {
    border-bottom: 1px dotted #ddd;
    float: left;
    width: 100%;
    clear: both;
    padding: 3px 0;
}

.job-detail table tr td {
    float: left;
    width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-detail div {
    float: left;
    width: 100%;
    clear: both;
    padding: 3px 0;
    border-bottom: 1px dotted #ddd;
    margin: 0
}

.job-detail div p, .job-detail div label {
    float: left;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* RECAPTCHA */
div#recaptcha_widget {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    margin: 0 0 15px 0;
}

div#recaptcha_image>img {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    border: 1px solid #bbb;
    margin-bottom: 5px;
}

div#recaptcha_image a {
    color: #F44336;
    text-decoration: none;
}

div#recaptcha_image a:hover {
    text-decoration: underline;
    color: #FF8330;
}

.recaptcha_only_if_image {
    float: left;
    clear: both;
    width: 100%;
}

.g-recaptcha {
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 25px 0;
    padding: 0 0 0 30%;
}

/* ERROR PAGE - 404 */
.err400.content {
    min-height: 400px;
    float: left;
    clear: both;
    width: 100%;
    margin: 50px 0;
}

.err400 h1 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #333;
    text-align: center;
    width: 100%;
    float: left;
    clear: both;
    margin: 50px 0 10px 0;
    font-family: "Open Sans",sans-serif;
}

.err400 .err-img {
    float: none;
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 100%;
}

.err400 .reason {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin: 5px 0 15px 0;
    line-height: 18px;
}

.err400 .link-wrap {
    float: left;
    clear: both;
    width: 100%;
    margin: 25px 0;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
}

.err400 .link-wrap a {
    display: inline-block;
    margin: 0 20px;
    font-weight: 500;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    color: #00BCD4;
}

.err400 .link-wrap a:hover {
    color: #111;
}

.err400 .link-wrap a .fa {
    display: inline-block;
    color: #444;
    margin: 0 0 0 5px;
}

/* RICH EDIT PLUGIN */
.mceEditor {
    float: left;
    clear: both;
    width: 100%
}

#tinymce {
    font-size: 12px;
    font-family: "Lucida Grande",Arial,sans-serif;
}

textarea, .mceContentBody, .mceContentBody p {
    font-family: "Lucida Grande",Arial,sans-serif;
    font-size: 12px;
}

/* FOOTER */
#footer-new {
    width: 100%;
    display: table;
    border-top: 1px solid #eee;
    background: #095c9e;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#footer-new .inside {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px
}

#footer-new .cop {
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 4px 0 0 0;
}

#footer-new, #footer-new a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#footer-new .some-block {
    padding: 2px 0px 10px 45px;
    float: left;
    width: 23%;
    margin: 0 0 15px 0;
    height: 200px;
}

#footer-new .some-block.right {
}

#footer-new .some-block .text {
    float: left;
    clear: both;
    width: 100%
}

#footer-new .some-block .text a {
    font-size: 12px;
    float: left;
    clear: both;
    width: auto;
    max-width: 100%;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#footer-new .some-block .text a:before {
    content: "\f105";
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    margin: 1px 4px 0 0;
    font-family: FontAwesome;
    float: left;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#footer-new .some-block .text a:hover {
    color: #00bcd4;
    text-decoration: none;
}

#footer-new .some-block .text span {
    float: left;
    clear: both;
    padding: 3px 0 4px 1px;
    width: 100%
}

#footer-new .some-block .del {
    margin-bottom: 5px
}

#footer-new .top-white {
    width: 100%;
    float: left;
    height: 1px;
    background: #fff
}

#footer-new .bottom-place {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0 30px 0;
}

#footer-new .bottom-place h4 {
    float: left;
    clear: both;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    color: #ffffffd4;
    padding: 0;
    margin: 15px 0 10px 0;
    border: none;
    background: none;
    position: relative;
}

#footer-contact {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    margin: 0;
    border-top: 1px solid #e8e8e8;
    font-family: "Open Sans",sans-serif;
    color: #000;
    line-height: 22px;
    font-size: 13px;
    background: #00bbff59;
    padding: 15px 0 15px 0;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#footer-contact .contact-inside {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px
}

#footer-contact .top-place {
    margin: 5px 0 25px 0;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
}

#footer-contact .top-place a {
    margin: 0px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
}

#footer-contact .top-place a.orang {
    font-weight: bold;
    color: #F44336;
}

#footer-contact .top-place a:hover {
    text-decoration: underline;
    color: #F44336;
}

/* LANGUAGE BOX - HEADER */
#lang-wrap {
    width: 200px;
    position: absolute;
    z-index: 9999;
    text-align: left;
    display: none;
    margin: 0;
    top: 31px;
    left: 0;
}

#lang-box {
    float: left;
    background: #FFF;
    border: 1px solid #ccc;
    width: 100%;
    padding: 3px;
}

#lang-box li {
    padding: 4px 6px;
    margin: 1px 0;
    float: left;
    clear: both;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 18px;
}

#lang-box li .fa {
    margin: 0 0 0 4px;
    font-size: 11px;
    color: #8BC34A;
}

#lang-box li:hover {
    background: #f2f2f2;
}

#lang-box li img {
    float: left;
    margin: 3px 4px 0 0;
}

#lang-box li a {
    color: #333;
}

#lang-box li a span {
    float: left;
    padding: 0;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#lang-box li a:hover span {
    text-decoration: underline;
}

#lang_open {
    cursor: pointer;
    float: right;
}

#lang_open .fa-angle-down {
    color: #000;
    margin: 0 0 0 4px;
}

#lang_open:hover span, #lang-open-box.hovered #lang-open span {
    color: #F44336;
}

#lang_open img {
    float: left;
    margin-top: 1px;
    margin-right: 4px;
}

#lang_open span {
    float: left;
}

#lang_open span.label {
    margin-right: 5px;
    color: #999;
}

#lang-open-box .mb-tool-cover #lang_open {
    float: left;
    padding: 9px 9px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#lang-open-box .mb-tool-cover:hover #lang_open, #lang-open-box.hovered .mb-tool-cover #lang_open {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
    position: relative;
    z-index: 99999;
}

#top-bar>span#lang-open-box {
    padding: 0;
    z-index: 9999;
}

/* USER ACCOUNT */
#left-user {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

#right-user {
    float: right;
    width: 100%;
}

#right-user .req-what {
    padding-left: 25%;
    margin-top: -5px;
}

.userItem a:hover {
    color: #fff
}

.alert-head span {
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #444;
    margin-right: 2%;
}

.alert-head .small {
    float: left;
    clear: left;
    font-size: 11px;
    color: #888;
    font-weight: normal
}

.alert-head {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 3px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
}

.alert-head button {
    float: right
}

.alert-listing-list {
    float: left;
    width: 100%;
    clear: both;
    padding-left: 5%;
    margin-bottom: 20px;
}

.alert-listing-list a {
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 3px
}

.alert-listing-list a:hover {
    text-decoration: underline;
    color: #1E4988
}

.alert-listing-list .lab {
    color: #444;
    width: 20%;
    float: left
}

.alert-listing-list .tex {
    width: 80%;
    float: left;
}

.alert-listing-list .simple-listing {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}

.alert-listing-list .no-listing {
    color: #bd362f;
    font-weight: bold;
    float: left;
    clear: both
}

.marginer {
    margin: 8px 0;
    float: left;
    width: 100%
}

#upload_avatar {
    float: left;
    clear: both;
    width: 100%
}

#upload_avatar .middle .ins {
    float: left;
    clear: both;
    width: 100%;
    padding: 8px;
}

#upload_avatar .middle img {
    padding: 0;
    float: left;
    clear: both;
    margin: 0 0 10px 0;
    height: 190px;
    width: auto;
    max-width: 300px;
    border: 1px solid #ddd;
    padding: 2px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#upload_avatar .middle form #uniform-blue {
    float: left;
    clear: both;
    margin: 8px 0 20px 0;
    width: 100%;
    width: auto;
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#upload_avatar .middle .empty {
    clear: both;
    float: left;
    margin-top: 10px;
}

#upload_avatar .middle input {
    cursor: pointer
}

#upload_avatar .middle div.uploader {
    width: 230px;
    margin: 5px 0;
    clear: both;
    float: left;
}

#upload_avatar .middle .links {
    float: left;
    width: 100%;
    clear: both;
    margin: 8px 0 20px 0;
}

#upload_avatar .middle .links a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

#upload_avatar .middle .links a:hover {
    text-decoration: underline;
}

#upload_avatar.fw-box .left, #upload_avatar.fw-box .middle {
    height: 400px;
}

/* SEARCH LEFT SIDEBAR */
#sidebar-search {
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
    margin: 0 0 30px 0;
    background: #f0f0f0;
    font-family: "Open Sans",sans-serif;
    line-height: 16px;
    font-size: 13px;
}

#sidebar-search form {
    float: left;
    clear: both;
    width: 100%;
}

#sidebar-search h3.head {
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ddd;
    color: #F44336;
    margin: 18px 0 0 0;
    padding: 0 10px 15px 10px;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    font-family: "Open Sans",sans-serif;
}

#sidebar-search h3.head #show-hide {
    font-family: FontAwesome;
    font-size: 26px;
    color: #444;
    position: absolute;
    right: 10px;
    top: 13px;
    display: none;
    cursor: pointer;
    font-weight: bold;
}

#sidebar-search h3.head #show-hide:hover {
    color: #F44336;
}

#sidebar-search h4, #sidebar-search h6 {
    float: left;
    width: 100%;
    clear: both;
    color: #444;
    font-size: 13px;
    line-height: 24px;
    margin: 0;
    font-weight: 500;
}

#sidebar-search input[type="text"], #sidebar-search select {
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 0px 6px;
    margin: 0;
    line-height: 28px;
    height: 30px;
    ;background: #fff;
    float: left;
    clear: both;
    outline: none;
    width: 100%;
    color: #444;
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

#sidebar-search input[type="text"]:hover, #sidebar-search select:hover {
    border-color: #aaa;
}

#sidebar-search input[type="checkbox"] {
    float: left;
    width: auto;
    padding: 0;
    margin: 0px 4px 0 0;
    width: 15px;
    height: 15px;
}

#sidebar-search input:focus {
    border: 1px solid #F44336;
}

#sidebar-search input[type="radio"] {
    float: left;
    width: auto;
    margin: 2px 0 1px 0;
    clear: both;
}

#sidebar-search input[type="text"], #sidebar-search select, #sidebar-search select {
    font-family: "Open Sans",sans-serif;
}

#sidebar-search select {
    padding: 1px 5px 0 5px;
    margin: 0;
}

#sidebar-search select, #sidebar-search {
    cursor: pointer;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

!#sidebar-search select.disabled {
    cursor: not-allowed;
}

#sidebar-search input.hasDatepicker {
    cursor: pointer;
}

#sidebar-search input.cf_date_interval.hasDatepicker {
    float: none;
    width: 50px;
    margin: 0 12px 0 0;
}

#sidebar-search fieldset h3 {
    position: absolute;
    font-size: 15px;
    color: #F44336;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 8px 12px 8px;
    line-height: 15px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

#sidebar-search fieldset .h3-side-absolute {
    float: left;
    clear: both;
    width: 100%;
    height: 35px;
}

#sidebar-search h3 {
    float: left;
    width: 100%;
    clear: both;
    padding: 10px 8px 12px 8px;
    color: #F44336;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}

#sidebar-search h3, #sidebar-search h4, #sidebar-search h5, #sidebar-search h6 {
    cursor: default;
}

#sidebar-search table {
    float: left;
    clear: both;
    width: 100%;
    padding: 5px 8px 5px 8px;
    margin: 0 0 20px 0;
    display: inline-block;
}

#sidebar-search table tr {
    float: left;
    clear: both;
    width: 100%;
    display: inline-block;
    padding: 4px 0;
}

#sidebar-search table td {
    float: left;
    clear: both;
    width: 100%;
    display: inline-block;
    padding: 1px 0;
}

#sidebar-search table td input[type="radio"] {
    margin: 2px 5px 0 0;
}

#sidebar-search .search-wrap {
    float: left;
    clear: both;
    width: 100%;
    display: block;
}

#sidebar-search .row {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 6px 0;
}

#sidebar-search .row.checkbox {
    margin: 5px 0 8px 0;
}

#sidebar-search #slider-range {
    border: 1px solid #aaa;
    float: left;
    clear;both;width: 92%;
    margin: 5px 4%;
    font-size: 14px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#sidebar-search #slider-range .ui-corner-all {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#sidebar-search #slider-range .ui-slider-range {
    background: #f8f8f8;
}

#sidebar-search #slider-range .ui-slider-handle {
    background: #f0f0f0;
    border: 1px solid #999;
    cursor: pointer;
}

#sidebar-search #slider-range .ui-slider-handle.ui-state-hover {
    border: 1px solid #444;
}

#sidebar-search #slider-range .ui-slider-handle.ui-state-focus {
    background: #fff;
    border: 1px solid #444;
}

#sidebar-search #amount-min, #sidebar-search #amount-max, #sidebar-search #amount-del {
    float: left;
    width: auto;
    line-height: 16px;
    clear: none;
    border: 0;
    color: #00BCD4;
    font-weight: bold;
    font-size: 14px;
}

#sidebar-search #amount-del {
    margin: 0 3px;
}

#sidebar-search fieldset {
    float: left;
    position: relative;
    clear: both;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 10px 8px;
    margin: 0 0 2px 0;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#sidebar-search fieldset.img-check, #sidebar-search fieldset.price-box {
    padding-top: 14px;
    padding-bottom: 14px;
}

#sidebar-search fieldset.price-box {
    border-bottom: none;
}

#sidebar-search .box {
    float: left;
    width: 100%;
    clear: both;
}

#sidebar-search .clear {
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
}

#sidebar-search .price h4 {
    float: left;
    clear: none;
    width: auto;
    margin: 0px 8px 0 0;
    line-height: 16px;
}

#sidebar-search .price input#amount {
    height: auto;
    padding: 0;
    float: left;
    width: auto;
    clear: none;
    background: none;
    border: none;
    font-size: 14px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#sidebar-search .checkboxes {
    margin: 0;
}

#sidebar-search .checkboxes input {
    float: left
}

#sidebar-search .checkboxes label {
    margin: 1px 0 0 0;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#sidebar-search .checkboxes:hover label {
    color: #F44336;
}

#sidebar-search #search-button {
    float: right;
    clear: both;
    font-size: 15px;
    padding: 11px 18px;
    margin: 3px 0 0 0;
    width: auto;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#sidebar-search #search-button:before {
    content: "\f002";
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    font-family: FontAwesome;
    margin: 0 5px 0 0;
    float: left;
    display: block;
}

#sidebar-search .sidebar-hooks {
    float: left;
    width: 100%;
    clear: both;
}

#sidebar-search .sidebar-hooks .row {
    margin: 0 0 12px 0;
}

#sidebar-search .with-pic-label {
    width: 80%;
    font-size: 12px
}

#sidebar-search .button-wrap {
    float: left;
    width: 100%;
    clear: both;
    background: #fff;
    padding: 6px 0;
}

#search-items {
    float: left;
    width: 100%;
    clear: both;
}

.cats.title_block {
    margin: 0;
}

.cats.title_block a.level-up {
    float: right;
    font-size: 11px;
    color: #999;
    text-decoration: none;
    transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
}

.cats.title_block a.level-up:hover {
    color: #444;
}

/* BUTTONS */
.left-header {
    margin: 5px 0;
    margin-top: 10px;
    float: left;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 0;
    background: #F78D3F;
    border-top: 1px solid #CC6600;
}

.left-header .top {
    width: 100%;
    height: 1px;
    background: #fff;
    border: 0
}

.left-header .text {
    padding: 6px 2%;
    color: #fff;
    text-shadow: 1px 1px 0px #964C03;
    font-size: 13px;
    font-weight: bold;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bold {
    font-weight: bold
}

.normal {
    font-weight: normal
}

.underline, .under {
    text-decoration: underline;
}

.btn, button {
    text-decoration: none;
    outline: none;
    position: relative;
    border: 1px solid transparent;
    padding: 12px 22px;
    line-height: 14px;
    font-weight: bold;
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    float: left;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn:focus, .btn:active, button:active, button:focus {
    outline: none;
}

.btn, .btn-primary, button {
    border: 1px solid #2196F3;
    background: #2196F3;
    color: #fff;
}

.btn:hover, .btn-primary:hover, button:hover {
    background: #1b7ac5;
    border-color: #1b7ac5;
}

.btn-secondary {
    border: 1px solid #2196F3;
    background: #fff;
    background: #fff;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.btn-secondary:hover {
    background: transparent;
    text-decoration: underline;
}

/* GLOBAL RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: #2196f300;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input:focus {
    outline: none;
}

.clear {
    clear: both;
}

.del {
    float: left;
    clear: both;
    width: 100%;
    height: 2px;
    background: #dfdedd;
    border-bottom: 1px solid #fff;
    margin: 5px 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #bbb;
    margin: 5px 0;
    padding: 0;
}

#piracy {
    font-family: "Open Sans",sans-serif;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 15px 15px 15px 50px;
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 9999;
    width: 310px;
    letter-spacing: -0.2px;
    height: auto;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: rgba(0,0,0,0.5);
    background-color: #FEEFB3;
}

#piracy:after {
    font-family: "FontAwesome";
    content: "\f05a";
    position: absolute;
    font-size: 40px;
    width: 40px;
    line-height: 30px;
    text-align: center;
    left: 5px;
    top: 26px;
}

#piracy a {
    color: rgba(0,0,0,0.7);
    text-decoration: underline;
}

#piracy a:hover {
    color: rgba(0,0,0,0.7);
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    #piracy {
        display:none!important;
    }
}

#wrap-list {
    float: left;
    width: 100%
}

/* MB TOOL BOXES */
.mb-tool-wrap {
    width: 15%;
    z-index: 999;
    position: absolute;
    display: none;
    overflow: visible
}

.mb-tool-body {
    background: #FFF;
    border-top: 2px solid #80bd1c;
    padding: 3px;
    position: absolute;
    z-index: 10;
    text-align: left;
    width: 100%;
    margin-top: -1px
}

.mb-tool-cover {
    padding: 0 4px;
    position: relative;
    z-index: 9999;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all
}

/* HEADER */
.header-right {
    float: left;
    position: relative;
    width: 75%;
    display: block;
}

.scroller {
    float: left;
    clear: none;
    width: 100%;
    position: relative;
    padding: 0;
    display: block;
    ;z-index: 9;
}

.scroller fieldset {
    float: left;
    width: 66%;
    padding: 10px;
}

!.scroller button {
    cursor: pointer;
    width: 49px;
    clear: none;
    height: 45px;
    padding-left: 4px;
    border: 1px solid #ddd;
    border-left: none;
    line-height: 45px;
    position: relative;
    float: left;
    opacity: 0;
    border: none;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    display: block;
    background: #F44336 url('../images/search-sprite.png') no-repeat -5px -4px;
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    -ms-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

!.scroller #uniform-undefined span {
    text-transform: none;
    width: 100%;
    margin: 0;
    padding: 6px 0;
    text-shadow: 1px 1px 0px #025E0E;
}

!.scroller button:hover {
    background-position: -5px -44px;
    outline: 0;
}

.scroller button#top-search {
    cursor: pointer;
    position: relative;
    float: left;
    background: #fff;
    clear: none;
    width: 49px;
    padding-left: 4px;
    height: 45px;
    border: 1px solid #ddd;
    border-left: none;
    line-height: 45px;
    position: relative;
    -webkit-transition: 0s linear all;
    -moz-transition: 0s linear all;
    -ms-transition: 0s linear all;
    -o-transition: 0s linear all;
    transition: 0s linear all;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius: 0px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.scroller button#top-search span {
    opacity: 0;
    position: absolute;
    border: none;
    right: 11px;
    top: 8px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    display: block;
    background: #F44336 url('../images/search-sprite.png') no-repeat -5px -4px;
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    -ms-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
}

.scroller button#top-search:hover span {
    background-position: -5px -44px;
    outline: 0;
}

#top-navi .search input#query {
    float: left;
    cursor: text;
    width: 53%;
    padding: 0 9px;
    height: 45px;
    line-height: 1;
    font-family: "Open Sans",sans-serif;
    border: 1px solid #ddd;
    border-right: none;
    margin: 0;
    font-size: 13px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#top-navi .search input#query::-webkit-input-placeholder {
    font-style: italic;
    color: #ccc;
}

#top-navi .search input#query:-moz-placeholder {
    font-style: italic;
    color: #ccc;
}

#top-navi .search input#query::-moz-placeholder {
    font-style: italic;
    color: #ccc;
}

#top-navi .search input#query:-ms-input-placeholder {
    font-style: italic;
    color: #ccc;
}

@supports (-webkit-appearance: none) {
    #top-navi .search input#query {
        line-height:45px;
    }
}

.clear-cookie {
    cursor: pointer;
    width: 16px;
    height: 18px;
    color: #fff;
    color: rgba(0, 0, 0, 0.3);
    float: left;
    clear: none;
    margin: 13px 0 0 8px;
    font-size: 18px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.clear-cookie:hover {
    color: #fff;
    color: rgba(0, 0, 0, 0.7);
}

.orange-button-wrap {
    border: 1px solid #ffad63;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
    padding: 1px;
    margin-top: 30px;
}

#top-navi {
    width: 100%;
    float: left;
    background: #00bbff7d;
    position: relative;
    z-index: 9998;
    padding: 30px 0;
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
}

#top-navi .navi-wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

/* TOP CATEGORIES */
.top-cat-wrap {
    float: left;
    width: 100%;
    clear: both;
    display: block;
}

#top-cat {
    width: 100%;
    float: left;
    background: #2196f329;
    padding: 30px 10px 0 10px;
    ;position: relative;
    z-index: 9;
    margin: 0px 0 15px 0;
    border-bottom: 2px dashed #00bcd4;
}

#body-item #top-cat {
    margin-bottom: 0;
}

#body-item .container-outer > .container {
    margin-top: 10px;
}

#body-item div.breadcrumb {
    margin: 10px 0 5px 0;
}

#top-cat h1 {
    float: left;
    width: 40%;
    font-size: 20px;
    color: #012;
    text-align: center;
    font-weight: 500;
    margin: 0 30% 20px 30%;
    padding: 0 0 15px 0;
    font-family: "Open Sans",sans-serif;
    border-bottom: 1px dashed #00bcd41c;
}

#top-cat .cat-inside {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

#top-cat ul {
    width: 100%;
    clear: both;
    text-align: center;
    display: block;
    margin: 0 auto;
    float: none;
}

#top-cat ul li {
    display: block;
    margin: 0 5px 20px 5px;
    width: 120px;
    float: left;
}

#top-cat ul li.resp {
    display: none;
}

#top-cat ul li a {
    float: left;
    width: 100%;
    clear: both;
    display: block;
}

#top-cat ul li a:hover .fa {
    color: #fff!important;
}

#top-cat ul li.cat-gray a:hover .img .fa {
    color: #000!important;
}

#top-cat ul li a:hover .name {
    text-decoration: underline;
}

#top-cat ul li a:hover .img.no-color {
    background: #F44336;
}

#top-cat ul li .img {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    width: 70px;
    border: 1px dashed #0011221a;
    clear: both;
    text-align: center;
    height: 70px;
    background: #c8c2c200;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#top-cat ul li .img span {
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}

#top-cat ul li a:hover .img span {
    opacity: 1;
}

#top-cat ul li .img .fa {
    position: relative;
    z-index: 2;
    font-size: 23px;
    line-height: 68px;
    text-align: center;
    color: #F44336;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#top-cat ul li.cat-gray .img {
    background: rgba(255, 255,255, 0.7)!important;
}

#top-cat ul li.cat-gray .img .fa {
    color: #ccc!important;
}

#top-cat ul li.cat-gray .img img {
    opacity: 0.7;
}

#top-cat ul li.cat-gray a:hover .img img {
    opacity: 1;
}

#top-cat ul li .img img {
    width: auto;
    height: 24px;
    max-width: 100%;
    margin: 23px auto;
    position: relative;
    z-index: 9;
}

#top-cat ul li .name {
    margin: 10px 0 0 0;
    float: left;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 20px;
    font-weight: 500;
    font-size: 13px;
    color: #333;
    font-family: "Open Sans",sans-serif;
    word-wrap: break-word;
    word-break: break-word;
}

#top-cat ul.ul-search li.cat-highlight .name {
    font-weight: bold;
    text-transform: uppercase;
}

#body-home #top-cat {
    margin-bottom: 0;
}

/* TOP CATEGORIES */
.top-cat-ul-wrap {
    float: left;
    clear: both;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    padding: 0 40px;
}

.top-cat-ul-wrap .ul-box {
    float: left;
    clear: both;
    width: 100%;
    overflow: hidden;
}

#top-cat .arrows {
    display: none;
    position: absolute;
    background: transparent;
    top: 0;
    height: 110px;
    margin-top: 0px;
    width: 35px;
    cursor: pointer;
}

#top-cat .arrows .fa {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    color: #F44336;
}

#top-cat .arrows:hover .fa, #top-cat .arrows:active .fa {
    color: #000;
}

#top-cat .arrows.left-arrow {
    left: 0;
}

#top-cat .arrows.left-arrow:hover {
    left: -5px;
}

#top-cat .arrows.right-arrow {
    right: 0;
}

#top-cat .arrows.right-arrow:hover {
    right: -5px;
}

/* HEADER INFORMATION */
#top-bar {
    width: 100%;
    float: left;
    background: #2196f326;
    border-bottom: 1px solid #00ccff;
    position: relative;
    z-index: 9999;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 0px;
}

#top-bar .top-inside {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

#top-bar .top-inside>span:last-child:after {
    display: none;
}

#top-bar>span {
    float: left;
    padding: 4px 13px;
    position: relative;
}

#top-bar span.info {
    float: left;
    clear: both;
    width: 100%;
    padding: 8px 6px;
    line-height: 14px;
    color: #888;
    background: #f0f0f0;
    margin: 0 0 5px 0;
    font-style: italic;
}

#top-bar .top-info .open {
    position: relative;
    line-height: 14px;
    cursor: help;
    padding: 9px 9px;
    float: left;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#top-bar .top-info .open>.fa-angle-down {
    color: #000;
    margin: 0 0 0 4px;
}

#top-bar .top-info .mb-tool-cover:hover .open, #top-bar .top-info.hovered .mb-tool-cover .open {
    color: #F44336;
    border-color: #ccc;
    border-bottom: none;
    background: #fff;
    position: relative;
    z-index: 9999;
}

#top-bar .top-info .what {
    float: left;
    width: 100%;
    clear: both;
    color: #777;
    font-size: 12px;
    border-bottom: 1px dashed #ddd;
    line-height: 16px;
    padding: 5px 2px 8px 2px;
    margin: 0 0 8px 0;
}

#top-bar .top-info .what .fa {
    font-size: 14px;
    margin: 0 4px 0 0;
    color: #2196F3;
}

#top-bar .top-info #info-wrap {
    width: 250px;
    position: absolute;
    z-index: 9998;
    text-align: left;
    display: none;
    margin: 0;
    top: 31px;
    left: 0;
}

#top-bar .top-info #info-box {
    float: left;
    background: #FFF;
    border: 1px solid #ccc;
    width: 100%;
    padding: 5px 5px 10px 5px;
    line-height: 16px;
}

#top-bar .top-info #info-box span {
    float: left;
    clear: both;
    width: 100%;
    margin: 1px 0;
}

#top-bar .top-info #info-box a {
    float: left;
    width: 100%;
    clear: both;
    padding: 0px 5px;
    line-height: 20px;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#top-bar .top-info #info-box a {
    color: #2196F3;
    text-decoration: none;
}

#top-bar .top-info #info-box a:hover {
    color: #000;
    text-decoration: none;
}

#top-bar .top-info #info-box a:before {
    content: "\f061";
    font-size: 8px;
    line-height: 19px;
    font-family: FontAwesome;
    float: left;
    color: #ccc;
    margin: 0px 5px 0 0;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#top-bar .top-info #info-box a:hover:before {
    color: #333;
    font-weight: normal;
    margin: 0 2px 0 3px;
}

#top-bar .top-info, #lang-open-box {
    padding: 0 6px 0 0;
    float: left;
    margin: 0 6px 0 0;
    line-height: 14px;
    position: relative;
    -webkit-transition: 0s linear all;
    -moz-transition: 0s linear all;
    -ms-transition: 0s linear all;
    -o-transition: 0s linear all;
    transition: 0s linear all;
}

#top-bar .top-info:after, #lang-open-box:after {
    display: block;
    content: ".";
    text-indent: -9999px;
    height: 14px;
    background: #ddd;
    width: 1px;
    top: 9px;
    right: 0;
    position: absolute;
}

#top-bar div.right {
    float: right;
    line-height: 32px;
    font-size: 12px;
    color: #000000;
    position: relative;
}

#top-bar div.right a {
    padding: 0 9px;
    margin: 0 8px;
    line-height: 32px;
    float: left;
    text-decoration: none;
    color: #000;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#top-bar div.right > span {
    padding: 0 9px;
    margin: 0 8px;
    line-height: 32px;
    float: left;
    color: #012;
}

#top-bar div.right a:hover {
    color: #F44336;
}

#top-bar div.right a > .fa {
    color: #333;
}

#top-bar div.right.top-phone a {
    padding: 0 9px;
    margin: 0 9px;
    font-weight: bold;
    color: #F44336;
    font-size: 11px;
}

#top-bar div.right.top-phone a:hover {
    color: #000;
}

#top-bar div.right:after {
    display: block;
    content: ".";
    text-indent: -9999px;
    height: 14px;
    background: #ddd;
    width: 1px;
    top: 9px;
    right: 0;
    position: absolute;
}

/* BORDER ROUNDING */
.round1 {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.round2 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.round3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.round4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.round5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.inner-border {
    -moz-box-shadow: inset 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
}

/* GLOBAL STYLES */
body {
    line-height: 1;
    color: #333;
    font: 12px "Lucida Grande",Arial,sans-serif;
    overflow-x: hidden;
    background: #2196f32e;
    float: left;
    width: 100%;
    clear: both;
}

a {
    color: #2965be;
    text-decoration: underline;
}

a:hover {
    color: #D15300;
    text-decoration: none;
    transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
}

option.pad {
    margin-left: 10px;
}

.empty {
    clear: both;
    font-size: 13px;
    float: left;
    width: 100%;
    position: relative;
    padding: 13px 12px;
    margin: 0 0 10px 0;
    color: #404040;
    background: #eedc94;
    font-family: "Open Sans",sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.clear {
    clear: both;
}

.container {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.home-container {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}

.home-container .inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.home-container .white {
    padding: 35px 0 0 0
}

.home-container.hc-latest {
    padding-bottom: 15px;
}

.home-container.hc-premiums {
    background: #2196f33b;
    padding: 20px 0 10px 0;
}

.home-container.hc-premiums .white {
    padding: 0;
}

.home-container.hc-slider > #home-slider > #sliders {
    margin: 0;
}

#video-block, .home-container {
    border-bottom: 1px solid #00ccff66;
}

.content {
    clear: both;
    float: left;
    margin-bottom: 20px;
    max-width: 1200px;
    width: 100%
}

.content.home {
    max-width: 1200px;
    width: 100%;
    margin-left: 0px;
}

.content.add_item, .content.edit_item {
    display: block;
    float: none;
    margin: 10px auto 20px auto;
    width: 70%;
}

#list_img {
    position: absolute;
    left: auto;
    top: auto;
    z-index: 0;
}

#list_img:hover {
    z-index: 5;
}

#recaptcha_widget_div {
    margin: 5px 0 10px 0;
    float: left;
    clear: both;
    border: none;
}

#main .category {
    font-size: 13px;
}

#rel_ads .empty {
    margin-top: 5px;
}

#tip_close, #tip_close2 {
    float: right;
    padding: 0px;
    -webkit-border-radius: 10px;
    cursor: pointer;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#tip_close:hover, #tip_close2:hover {
    box-shadow: 0px 0px 15px #FF0000;
    -moz-box-shadow: 0px 0px 15px #FF0000;
    -webkit-box-shadow: 0px 0px 15px #FF0000;
}

/* FLASH MESSAGES */
.flashmessage, .flashmessage {
    float: left;
    clear: both;
    font-size: 14px;
    padding: 20px 0;
    margin-right: 10px;
    color: #fff;
    z-index: 999;
    text-align: center;
    width: 100%;
    margin: 0;
    border-radius: 0;
}

.flashmessage-warning {
    background-color: #FCF8E3;
    border: solid 2px #FBEED5;
    color: #C09853;
}

.flashmessage-error {
    color: #fff;
    background: #E23329;
}

.flashmessage-info,.flashmessage-ok {
    background: #80C74E;
}

.flashmessage .ico-close {
    border: none;
    text-decoration: none;
    cursor: pointer;
    float: right;
    color: transparent;
    font-size: 1px;
    font-weight: bold;
    line-height: 13.5px;
    background: none;
    padding: 0;
    margin: 1px 15px 0 0;
}

.flashmessage .ico-close:before {
    content: "\f00d";
    font-size: 12px;
    font-family: FontAwesome;
    color: #666;
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

.flashmessage .ico-close:hover:before {
    color: #333;
    color: rgba(0, 0, 0, 0.7);
}

.flashmessage-error .close {
    color: #B94A48;
}

.flashmessage-warning .close {
    color: #C09853;
}

.flashmessage-success .close,.flashmessage-information .close {
    color: #3A87AD;
}

.forcemessages-inline {
    clear: both;
    max-width: 1200px;
    width: 100%;
    margin-bottom: 15px;
}

.forcemessages-inline .flashmessage {
    position: relative;
}

/* HEADER LOGO */
#header {
    margin: 0 2% 0 0;
    position: relative;
    width: 23%;
    height: auto;
    float: left;
}

#header #logo {
    position: relative;
    height: 65px;
    padding: 0;
    display: inline-block;
    width: 100%;
}

#header #logo img {
    display: block;
    width: auto;
    height: auto;
    max-height: 55px;
    max-width: 100%;
    position: absolute;
    margin: auto;
    margin-left: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* SEARCH FORM - BASICS */
.search select {
    border: 0px;
}

input:focus, select.focus {
    outline: none;
}

textarea:focus {
    outline: none;
}

.search select {
    margin-right: 10px;
}

.home .search a {
    display: none;
}

.search .extras {
    padding-top: 10px;
}

.search .extras .fieldset_title {
    color: #999;
    margin-bottom: 5px;
}

.toggle {
    cursor: hand;
    cursor: pointer;
}

.button1 {
    cursor: hand;
    cursor: pointer;
}

/* BREADCRUMBS */
div.breadcrumb {
    padding: 16px 0 15px 0;
    width: 100%;
    background: #fff;
    margin: 0 0 15px 0;
    float: left;
    clear: both;
    color: #444;
    font-size: 13px;
    line-height: 14px;
    font-family: "Open Sans",sans-serif;
}

div.breadcrumb .bread-home {
    float: left;
    width: auto;
    margin: -2px 4px 0 0;
    font-size: 16px;
    color: #444;
}

div.breadcrumb .bread-arrow {
    color: #555;
    float: left;
    margin: 0 4px 0 1px;
    font-size: 13px;
}

div.breadcrumb li {
    float: left;
    padding: 0 2px;
}

div.breadcrumb a {
    color: #F44336;
    text-decoration: none;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

div.breadcrumb a:hover {
    color: #D32F2F;
    text-decoration: underline;
}

div.breadcrumb ul.breadcrumb {
    list-style-type: none!important;
    margin: 0;
}

/* FOOTER LINKS */
.footer-links li {
    float: left;
    width: 220px;
    padding: 5px;
    font-size: 11px;
}

/* ADDITIONAL UNIFORM STYLES */
.form_publish {
    width: 200px;
    float: right;
}

.form_publish .search {
    float: left;
    width: 960px;
}

#uniform-sCategory {
    position: relative;
    float: left;
    width: 30%;
    background: #fff;
    height: 45px;
    padding: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    font-size: 13px;
}

#uniform-sCategory span {
    cursor: pointer;
    width: auto;
    max-width: 100%;
    float: right;
    font-family: "Open Sans",sans-serif;
    margin: 0;
    padding: 0 14px 0 0;
    height: auto;
    line-height: 45px;
    margin: 0;
    color: #F44336;
    position: relative;
    transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
}

#uniform-sCategory span:before {
    content: ".";
    text-indent: -9999px;
    width: 1px;
    height: 33px;
    position: absolute;
    background: #eee;
    top: 5px;
    right: 0;
}

#uniform-sCategory.focus span, #uniform-sCategory:hover span {
    color: #000;
}

#inc-cat-box {
    text-align: left;
    position: absolute;
    width: 250px;
    display: none;
    height: auto;
    max-height: 300px;
    overflow: hidden;
    top: 40px;
    z-index: 995;
    right: -49px;
    border: 1px solid #ccc;
    background: #fff;
}

#inc-cat-box .current-cat {
    font-size: 12px;
    color: #333;
    float: left;
    width: 100%;
    padding: 9px 10px 7px 10px;
    background: #f8f8f8;
    border-bottom: 2px solid #eee;
}

#inc-cat-box .current-cat .fa {
    color: #000;
    float: left;
    margin: 0 1px 0 0;
}

ul#inc-cat-list {
    z-index: 998;
    list-style-type: none;
    display: block;
    max-height: 240px;
    height: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    font-weight: bold;
    color: #000;
    font-size: 13px;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 8px 1px 3px 2px;
    background: #ffffff;
    margin: 1px 0;
}

ul#inc-cat-list li {
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    float: left;
    clear: both;
    width: 100%;
    font-weight: normal;
    padding: 1px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 1px 0;
}

ul#inc-cat-list li.active {
    font-weight: bold;
    background: #f6f6f6;
    padding: 2px 10px;
}

ul#inc-cat-list li.bold {
    font-weight: bold;
}

ul#inc-cat-list li:hover {
    background: #f0f6ff;
}

#uniform-Locator {
    cursor: pointer;
    width: 10%;
    text-align: center;
    color: #fff;
    padding: 0;
    height: 65px;
    background: none;
    float: left;
    clear: none;
    z-index: 99;
    position: relative;
    border: 1px solid #80C74E;
    margin: 0 2px 0 0;
    ; border-left: 1px dotted rgba(255,255,255,0.3);
    border-bottom: none;
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    -ms-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

#uniform-Locator:hover, #uniform-Locator.hovered {
    background: rgba(0,0,0,0.15);
    color: #fff;
    text-decoration: none;
    border-bottom: none;
    border-color: #558833;
    border-left: 1px solid #558833;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#uniform-Locator:active {
    background: rgba(0,0,0,0.18);
}

#uniform-Locator span {
    margin: 1px 0 0 0;
    background: none;
    color: #fff;
    height: auto;
    line-height: initial;
    padding: 0px 0 0 0;
    overflow: visible;
    float: left;
    clear: both;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
}

#uniform-Locator select {
    height: 51px;
    top: 0;
    left: -1px;
    cursor: pointer;
}

.h-pub {
    width: auto;
    line-height: 45px;
    padding: 0 45px 0 35px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    height: 45px;
    background: #F44336;
    float: right;
    clear: none;
    z-index: 99;
    position: relative;
    margin: 10px 0;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.h-pub span.first {
    float: left;
    width: 30px;
    height: 45px;
    margin-right: 12px;
    background: url('../images/header_add.png') no-repeat center center;
}

.h-pub span.second {
    float: left;
    line-height: 45px;
}

.h-pub:hover, .h-pub.hovered {
    background: #D32F2F;
    color: #fff;
}

#uniform-Locator div.cover {
    width: 100%;
    margin: 6px 0 0 0;
    clear: both;
    float: left;
    height: 30px;
    background: url('../images/header_loc.png') no-repeat center center;
}

#uniform-currency {
    width: 15%;
    padding: 0 5px;
    margin-right: 1%
}

#uniform-currency span {
    width: 100%
}

#priceMin, #priceMax {
    float: left;
    margin-right: 1%;
    padding: 0 5px;
    width: 8%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f3f3f3), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f3f3f3 1px, #FFFFFF 25px);
}

/* ADDITIONAL HOME PAGE STYLES */
.home #main {
    float: left;
    width: 78%;
    margin-top: 30px;
}

.home #sidebar {
    float: left;
    width: 19%;
    padding: 20px 0 0 0;
}

.home .search {
    border-bottom: 1px solid #BBB;
    margin-bottom: 15px;
}

.home #main-new {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0px;
    margin: 0;
}

.home #sliders {
    border: none;
}

.home-google {
    margin: 20px 0;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.search-google {
    margin: 5px 0 30px 0;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.item-google {
    margin: 30px 0;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

/* AD LIST */
.content.list {
    margin-top: 5px;
}

.list {
    background: #fff;
    border-top: none;
}

.list #main {
    float: right;
    padding: 0 0 0 20px;
    width: 77%;
}

.list #sidebar {
    float: left;
    width: 23%;
}

.list #sidebar.is_stuck {
    margin-bottom: 52px;
}

#body-search .list #sidebar.main-side {
    float: right;
}

#body-search .list #main.main-side {
    float: left;
    padding: 0 20px 0 0;
}

#body-search .list #sidebar.main-side #search-button {
    float: left;
}

/* SEARCH TOP BLOCK */
#main .prem-wrap {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    margin: 0;
}

#main #prem-box {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    background: #f2f2f2;
    height: auto;
    margin: 0;
    display: block;
}

#main #prem-box.has_img {
    width: 82%;
    clear: none;
    margin-left: 18%;
}

#main .cat-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 18%;
    height: 100%;
    overflow: hidden;
    padding: 0 5px 0 0;
    display: block;
    margin: 0;
}

#main .cat-img img {
    float: left;
    width: auto;
    clear: both;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}

/* SEARCH SORT BOX */
#search-sort {
    margin: 0 0 4px 0;
    font-size: 12px;
    float: left;
    clear: both;
    width: 100%;
    background: #f0f0f0;
    border-bottom: 1px solid #ddd;
    padding: 8px 0 0 8px;
    color: #333;
}

#search-sort .user-company-change {
    float: left;
    width: auto;
}

#search-sort .user-company-change>div {
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    font-family: "Open Sans",sans-serif;
    position: relative;
    cursor: pointer;
    color: #333;
    width: auto;
    padding: 8px;
    height: auto;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 6px 0px 0;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#search-sort .user-company-change>div:not(.active):hover {
    border-color: #bbb;
    color: #F44336;
}

#search-sort .user-company-change>div.active {
    cursor: default;
    font-weight: 800;
    color: #F44336;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    padding-bottom: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#search-sort .user-company-change>div.active:before {
    content: "\f0b0";
    float: left;
    font-size: 15px;
    font-weight: 500;
    margin: 0px 3px 0 0;
    line-height: 16px;
    font-family: FontAwesome;
}

#search-sort .sort-it {
    float: right;
    width: auto;
    margin: -8px 0 0 0;
}

#search-sort .sort-it .sort-title {
    font-weight: 500;
    cursor: default;
    position: relative;
    z-index: 10;
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    margin: 0;
}

#search-sort .sort-it .sort-title .title-keep {
    position: relative;
    z-index: 15;
    margin: 0 0 -1px 0;
    padding: 18px 10px;
    float: left;
    width: 100%;
    clear: both;
    border: 1px solid transparent;
    border-bottom: none;
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    -ms-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
}

#search-sort .sort-it .sort-title .title-keep .fa {
    float: left;
    margin: 0 5px 0 0;
    font-size: 13px;
}

#search-sort .sort-it .sort-title .title-keep > span {
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
}

#search-sort .sort-it .sort-title:hover .title-keep, #search-sort .sort-it .sort-title.hovered .title-keep {
    background: #fff;
    color: #F44336;
    border: 1px solid #999;
    border-bottom: none;
}

#search-sort .sort-it #sort-wrap {
    width: auto;
    position: absolute;
    display: none;
    z-index: 9;
    right: 0px;
    top: 49px;
    width: 190px;
}

#search-sort .sort-it .sort-content {
    float: left;
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #999;
    z-index: 1;
    padding: 3px;
}

#search-sort .sort-it .sort-content .info {
    float: left;
    cursor: default;
    clear: both;
    width: 100%;
    padding: 8px 6px;
    line-height: 14px;
    color: #888;
    background: #f0f0f0;
    margin: 0 0 5px 0;
    font-style: italic;
}

#search-sort .sort-it .sort-content a {
    width: 100%;
    float: left;
    clear: both;
    color: #444;
    padding: 6px 7px;
    text-decoration: none;
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 1px 0;
}

#search-sort .sort-it .sort-content a span {
    float: left;
}

#search-sort .sort-it .sort-content a.current {
    cursor: default;
}

#search-sort .sort-it .sort-content a.current:hover {
    color: #444;
}

#search-sort .sort-it .sort-content a.current:after {
    color: #80C74E;
    content: "\f00c";
    float: left;
    font-size: 9px;
    font-weight: normal;
    margin: -1px 0 0 5px;
    font-family: FontAwesome;
}

#search-sort .sort-it .sort-content a:hover {
    background: #f0f6ff;
    color: #F44336;
}

#search-sort .list-grid {
    float: left;
    width: auto;
    padding: 0 0 0 8px;
    margin: 4px 0 0 8px;
    font-size: 12px;
    line-height: 12px;
    border-left: 1px solid #ccc;
}

#search-sort .list-grid a {
    float: left;
    padding: 6px;
    margin: 0 4px 0 0;
    font-size: 14px;
    color: #333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#search-sort .list-grid a:hover, #search-sort .list-grid a.active {
    background: #F44336;
    color: #fff;
}

#search-sort .list-grid a.active {
    cursor: default;
}

#search-sort .counter {
    float: left;
    width: auto;
    padding: 7px 0 6px 8px;
    margin: 4px 0 0 8px;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 13px;
    border-left: 1px solid #ccc;
}

/* PAGINATION */
.paginate {
    padding: 15px 0;
    text-align: center;
    clear: both;
    float: right;
    width: 100%
}

.paginate .lead {
    float: right;
    font-size: 13px;
    color: #999;
    padding: 8px 8px 0 0;
    line-height: 13px;
    font-family: "Open Sans",sans-serif;
}

.paginate ul {
    float: right
}

.paginate li {
    display: block;
    float: left;
    list-style-type: none;
}

.paginate a, .paginate span {
    float: left;
    display: block;
    text-decoration: none;
    margin: 0px 1px;
    font-size: 12px;
    line-height: 12px;
    padding: 8px 10px;
    color: #444;
    background: #f0f0f0;
    cursor: pointer;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.paginate a.previous, .paginate em.previous {
    margin-right: 5px;
}

.paginate a.next,.paginate em.next {
    margin-left: 5px;
}

.paginate .searchPaginationSelected {
    color: #fff;
    background: #F44336;
    font-weight: bold;
}

.paginate a:hover, .paginate span:hover {
    color: #fff;
    background: #F44336
}

/* SEARCH GALLERY ITEMS */
#gallery-view.white {
    padding: 0;
    margin: 15px 0 5px 0;
    width: 100%;
    float: left;
    clear: both;
}

#gallery-view.white .block {
    border: none;
    padding: 0;
    margin: 0 -1%;
}

#gallery-view.white .simple-prod {
    width: 18%;
}

.white .simple-prod.premium-loop .simple-wrap {
    background-color: #fff;
    border-color: #ccc;
}

.list-prod.premium-loop {
    background-color: #f8f8f8;
}

/* SEARCH LIST ITEMS */
#list-view {
    float: left;
    width: 100%;
    clear: both;
}

#list-view .list-prod {
    float: left;
    width: 100%;
    clear: both;
    margin: 8px 0 10px 0;
    padding: 10px 8px 10px 8px;
    position: relative;
    border: 1px solid #fff;
    border-bottom: 1px dotted #ddd;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#list-view .list-prod:hover {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 3px #eeeeee;
    -moz-box-shadow: 1px 1px 3px #eeeeee;
    -webkit-box-shadow: 1px 1px 3px #eeeeee;
}

#list-view .list-prod .left {
    float: left;
    width: 20%;
    position: relative;
    padding: 0 20px 0 0;
}

#list-view .list-prod .middle {
    width: 60%;
    padding: 0 3% 0 0;
    position: relative;
    float: left;
}

#list-view .list-prod .right {
    position: relative;
    float: right;
    height: auto;
    border-left: 1px solid #eee;
    width: 20%;
    padding: 0 0 0 20px;
}

#list-view .list-prod .big-img {
    float: left;
    width: 98.7%;
    clear: both;
    margin: 0 0.65% 4px 0.65%;
}

#list-view .list-prod .big-img.no-img {
    margin: 10px 0 0 0;
    width: 100%;
}

#list-view .list-prod .big-img img {
    float: none;
    display: block;
    margin: 0 auto;
    clear: both;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 130px;
    background: #fff;
}

#list-view .list-prod.premium .big-img img {
    border: 1px solid #f0f0f0;
}

#list-view .list-prod.premium:hover .big-img img {
    border-color: transparent
}

#list-view .list-prod .img-bar {
    float: left;
    width: 100%;
    clear: both;
}

#list-view .list-prod .img-bar .small-img {
    float: left;
    width: 31%;
    margin: 0 1.16% 0 1.16%;
    position: relative;
}

#list-view .list-prod .img-bar .small-img img {
    cursor: pointer;
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    padding: 1px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#list-view .list-prod .img-bar .small-img:hover img, #list-view .list-prod .img-bar .small-img.selected img {
    border-color: #F44336;
}

#list-view .list-prod .img-bar .small-img:hover:after, #list-view .list-prod .img-bar .small-img.selected:after {
    display: block;
    font-family: "FontAwesome";
    content: "\f058";
    position: absolute;
    bottom: 3px;
    right: 4px;
    color: #F44336;
    font-size: 13px;
}

#list-view .list-prod h3 {
    font-size: 16px;
    border: none;
    line-height: 20px;
    font-weight: normal;
    color: #555;
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 10px 0 0 0;
    margin: 0 0 12px 0;
    font-family: "Open Sans",sans-serif;
}

#list-view .list-prod h3 a {
    color: #00BCD4;
    text-decoration: none;
    float: left;
    clear: both;
    width: 100%;
    max-width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
}

#list-view .list-prod h3 a:hover, #list-view .list-prod:hover h3 a {
    text-decoration: underline;
}

#list-view .list-prod h3 a:hover {
    color: #009688;
}

#list-view .list-prod .desc {
    cursor: default;
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    line-height: 16px;
    color: #888;
    height: 48px;
    overflow: hidden;
    padding: 0;
    margin: 0 0 16px 0;
    word-break: break-word;
    word-wrap: break-word;
}

#list-view .list-prod .loc, #list-view .list-prod .author {
    float: left;
    clear: both;
    width: 100%;
    color: #999;
    cursor: default;
    margin: 0 0 3px 0;
}

#list-view .list-prod .loc .fa, #list-view .list-prod .author .fa {
    float: left;
    line-height: 14px;
    width: 12px;
    margin: 0px 4px 0 0;
    text-align: center;
    font-size: 13px;
    color: #ccc;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#list-view .list-prod:hover .loc .fa, #list-view .list-prod:hover .author .fa {
    color: #aaa;
}

#list-view .list-prod .author a {
    color: #F44336;
    text-decoration: none;
    font-weight: bold;
}

#list-view .list-prod .author a:hover {
    color: #B64900;
    text-decoration: underline;
}

#list-view .list-prod a {
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#list-view .list-prod a.fi_make_favorite {
    opacity: 0;
    position: absolute;
    z-index: 9;
    top: 15px;
    left: 15px;
}

#list-view .list-prod a.fi_make_favorite:before {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 17px;
    font-family: "FontAwesome";
    content: "\f005";
    color: #fff;
}

#list-view .list-prod a.fi_make_favorite span {
    position: relative;
    z-index: 3;
}

#list-view .list-prod:hover a.fi_make_favorite {
    opacity: 1;
}

#list-view .list-prod a.view {
    float: left;
    width: 100%;
    clear: both;
    padding: 6px 0;
    background: #F44336;
    font-size: 13px;
    font-weight: bold;
    font-family: "Open Sans",sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 0 0 2px 0;
}

#list-view .list-prod a.view:hover {
    text-decoration: none;
    background: #D8382C;
}

#list-view .list-prod .price {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #80C74E;
    margin: 10px 0 9px 0;
    cursor: default;
    line-height: 19px;
    font-family: "Open Sans",sans-serif;
}

#list-view .list-prod a.category {
    font-size: 12px;
    float: left;
    width: 100%;
    clear: both;
    color: #444;
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    line-height: 12px;
    height: 24px;
    margin: 7px 0 6px 0;
    text-decoration: none;
}

#list-view .list-prod a.category:after {
    content: "\f101";
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 3px;
    font-family: FontAwesome;
    color: #ccc;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
}

#list-view .list-prod a.category:hover {
    color: #F44336;
}

#list-view .list-prod a.category:hover:after {
    color: #333;
    margin: 0 -2px 0 5px;
}

#list-view .list-prod .date {
    float: left;
    width: 100%;
    clear: both;
    color: #777;
    font-size: 12px;
    margin: 0 0 3px 0;
    cursor: default;
    font-family: "Open Sans",sans-serif;
}

#list-view .list-prod .date span {
    color: #666;
    font-weight: bold;
}

#list-view .list-prod .viewed {
    float: left;
    width: 100%;
    clear: both;
    color: #777;
    font-size: 12px;
    margin: 0 0 10px 0;
    cursor: default;
    font-family: "Open Sans",sans-serif;
}

#list-view .list-prod .viewed span {
    color: #666;
    font-weight: bold;
}

#list-view .list-prod .flag {
    position: absolute;
    z-index: 2;
    right: -6px;
    top: 9px;
    text-align: center;
    padding: 1px 0px;
    background: #80C74E;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    width: 80px;
    height: 20px;
    font-family: "Open Sans",sans-serif;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

#list-view .list-prod .flag:after {
    content: ".";
    text-indent: -9999px;
    position: absolute;
    top: 0;
    height: 0px;
    left: -10px;
    width: 0;
    background: transparent;
    border: 20px solid transparent;
    border-width: 10px 5px;
    border-color: transparent #80C74E transparent transparent;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

#list-view .list-prod .flag:before {
    content: "";
    display: block;
    bottom: -6px;
    right: 0px;
    position: absolute;
    border: 3px solid;
    border-color: #689631 transparent transparent #689631;
}

#list-view .list-prod:hover .flag {
    background: #70AE44;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#list-view .list-prod:hover .flag:after {
    border-color: transparent #70AE44 transparent transparent;
    -webkit-transition: 0.15s linear all;
    -moz-transition: 0.15s linear all;
    -ms-transition: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.15s linear all;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#list-view .price .MCtooltip {
    margin-top: -4px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    padding: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 9;
    color: #666;
}

#list-view .price .MCtooltip .fa {
    line-height: 26px;
    height: 24px;
    display: inline-block;
    float: left;
    width: 18px;
    position: relative;
    z-index: 5;
    border: 1px solid transparent;
}

#list-view .price .MCtooltip:hover .fa {
    color: #F44336;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #fff;
}

#list-view .price .MCtooltip:hover .fa:after {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 1px;
    height: 1px;
    background: #ccc;
    content: ".";
    text-indent: -9999px;
    display: block;
}

#list-view .price .MCtooltip span {
    position: absolute;
    display: none;
    cursor: default;
    margin: 0;
    top: 25px;
    line-height: 18px;
    right: 0px;
    left: auto;
    width: auto;
    font-size: 12px;
    color: #444;
    padding: 6px 6px;
    white-space: nowrap;
    font-weight: normal;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 3;
}

#list-view .price .MCtooltip:hover span {
    display: block;
}

#list-view .price .MCtooltip:hover .fa {
    color: #333;
}

#list-view .list-prod .resp-title {
    display: none;
}

/* REQUIRED ICON STYLES */
.small-info {
    color: #888;
    font-size: 10px;
    float: left;
    width: 100%;
    clear: both
}

.req {
    color: red;
    font-size: 12px;
    float: left;
    margin-left: 1%
}

.req-what {
    float: left;
    clear: both;
    width: 100%;
}

.req-what .req {
    color: red;
    float: left;
    clear: both;
    margin: 0;
    width: 7px;
    margin-left: 1px
}

.req-what .small-info {
    float: left;
    clear: none;
    width: 80%
}

/* PUBLIC PROFILE */
.user_public_profile #right-block {
    float: left;
    width: 100%;
    clear: both;
    font-family: "Open Sans",sans-serif;
    line-height: 16px;
    font-size: 13px;
}

.user_public_profile h3.desc {
    margin: 0;
    color: #80C74E;
    font-weight: normal;
    padding: 0 0 2px 0;
    border-bottom: 2px solid #80C74E;
    font-size: 16px;
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.user_public_profile #description {
    text-align: center;
    float: left;
    clear: both;
    width: 100%;
    margin: 30px 0 5px 0;
    padding: 10px 10px 15px 10px;
    background: #fff;
}

.user_public_profile #description #profile_picture_img {
    width: 200px;
    height: auto;
    outline: 0;
    display: inline-block;
    margin: 0 0 15px 0;
    border: 1px solid #ddd;
    background: #fff;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.user_public_profile .user-desc {
    float: left;
    clear: both;
    margin-top: 10px;
    width: 100%;
}

.user_public_profile h2 {
    width: 100%;
    border-bottom: 1px dotted #444;
    font-size: 13px;
    color: #444;
    margin-bottom: 10px;
    padding-bottom: 2px
}

.user_public_profile .pub-contact-wrap {
    float: left;
    clear: both;
    width: 100%;
    display: block;
    margin: 0 0 15px 0;
}

.user_public_profile .pub-contact-wrap .ins {
    float: none;
    margin: 0 auto;
    width: 300px;
    display: block;
    text-align: center;
}

.user_public_profile .pub-contact-wrap .ins a {
    float: left;
    color: #fff;
    background: #00BCD4;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    position: relative;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #00BCD4;
    padding: 13px 0;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.user_public_profile .pub-contact-wrap .ins a:hover {
    border-color: #00A8BD;
    background: #00A8BD;
    cursor: pointer;
}

#user_data {
    padding: 0;
    float: left;
    clear: none;
    width: 100%;
    text-align: center;
}

#user_data li {
    float: left;
    clear: both;
    width: 100%;
    padding: 0;
    margin: 4px 0;
    font-size: 13px;
    line-height: 18px;
}

#user_data li span {
    float: left;
    width: 50%;
    clear: none;
}

#user_data li .left {
    text-align: right;
    padding: 0 15px 0 0;
    color: #999;
    font-weight: 100;
}

#user_data li .right {
    text-align: left;
    padding: 0 0 0 15px;
    color: #333;
    font-weight: 800;
}

#user_data li a {
    color: #00BCD4;
    text-decoration: none;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

#user_data li a:hover {
    color: #000;
    text-decoration: underline;
}

#user_data li.name {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #F44336;
    margin: 0 0 10px 0;
    padding: 15px 0 5px 0;
}

#user_data li.desc .right {
    font-weight: 500;
    max-width: 400px;
}

#public-items.white {
    padding: 0;
    width: 100%;
    clear: none;
    text-align: center;
}

#public-items.white .block {
    padding: 0;
    border: none;
}

#public-items.white .simple-prod {
    width: 18%;
    float: none;
    display: inline-block;
}

#public-items h1 {
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: 500;
    width: 60%;
    color: #333;
    padding: 20px 0;
    margin: 10px auto 20px auto;
    font-family: "Open Sans",sans-serif;
    border-bottom: 1px dashed #ddd;
}

/* ERRORS */
#error_list, #comment_error_list {
    display: none;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
    color: #404040;
    font-size: 12px;
}

#error_list li, #comment_error_list li {
    float: left;
    width: 100%;
    clear: both;
    padding: 10px 10px;
    margin: 1px 0;
    background: #eedc94;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#error_list li:before, #comment_error_list li:before {
    float: left;
    clear: none;
    content: "\f071";
    font-size: 14px;
    font-family: FontAwesome;
    float: left;
    width: 22px;
    color: #dd7a12;
    text-align: center;
}

#error_list li label, #error_list li label.error {
    float: left;
    width: auto!important;
    clear: none!important;
    padding: 0!important;
    margin: 0!important;
}

.register #error_list {
    margin: 5px 0 20px 0;
}

#comment_error_list .error, #error_list .error {
    padding: 2px 0;
    clear: both;
}

/* STATIC PAGES */
.page {
    margin: 10px 0;
    padding: 10px 0;
    clear: both;
    min-height: 250px;
}

.page ul {
    list-style-type: square;
    margin: 10px 1%;
}

.page h1 {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    padding-bottom: 8px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    line-height: 26px;
    font-family: "Open Sans",sans-serif;
}

.page h2 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    border-bottom: 1px solid #eee;
    color: #333;
    padding-bottom: 4px;
    margin-bottom: 8px;
    font-family: "Open Sans",sans-serif;
}

.page h3 {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    color: #333;
    padding-bottom: 2px;
    margin-bottom: 5px;
    font-family: "Open Sans",sans-serif;
}

.page h4, .page h5, .page h6 {
    font-size: 13px;
    font-weight: 800;
    margin-top: 10px;
    color: #333;
    margin-bottom: 5px;
    font-family: "Open Sans",sans-serif;
}

.container-outer.page .page {
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 20px;
    margin-bottom: 50px;
}

.page img {
    max-width: 100%;
    width: auto;
    height: auto;
}

/* HTML ELEMENT SETTINGS */
/* Select */
select {
    line-height: 26px;
    color: #222;
    height: 29px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
    padding: 6px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

select.disabled, select:disabled, input.disabled, input:disabled {
    cursor: not-allowed!important;
    opacity: 0.7
}

; /* ._200 */
div._200 select {
    width: 200px;
    font-size: 12px;
}

div._200 input {
    width: 200px;
}

div._100 input {
    width: 100px;
}

div._50 input {
    width: 50px;
}

div._20 input {
    width: 20px;
}

/* .auto */
div.auto select {
    width: auto;
    min-width: 0;
}

select, .checker,.radio, .uploader {
    background-color: white;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1; *display: inline;
}

select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
    outline: 0;
}

/* input */
input[type="text"], textarea {
    padding: 6px;
    float: left;
    border: 1px solid #ccc;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

input[type="text"] {
    height: 29px;
}

input[type="text"].error, textarea.error {
    border-color: #EC6200!important;
}

input[type="text"].valid, textarea.valid {
    border-color: #48A903!important;
}

input[type="text"]:hover, textarea:hover {
    border: 1px solid #aaa;
}

input[type="text"]:focus, textarea:focus {
    border: 1px solid #F44336;
}

/* AUTOCOMPLETE */
.ui-autocomplete {
    width: 200px;
}

/* Uploader */
div.uploader {
    border: 1px solid #BBBBBB;
    background-position: 0px -297px;
    height: 28px;
}

div.uploader span.action {
    background-position: right -409px;
    height: 24px;
    line-height: 24px;
}

div.uploader span.filename {
    height: 24px;
    /* change this line to adjust positioning of filename area */
    margin: 2px 0px 2px 2px;
    line-height: 24px;
}

div.uploader.focus, div.uploader.hover, div.uploader:hover {
    background-position: 0px -353px;
}

div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {
    background-position: right -437px;
}

div.uploader.active span.action, div.uploader:active span.action {
    background-position: right -465px;
}

div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {
    background-position: right -493px;
}

div.uploader.disabled {
    background-position: 0px -325px;
}

div.uploader.disabled span.action {
    background-position: right -381px;
}

div.uploader {
    width: 190px;
    cursor: pointer;
}

div.uploader span.action {
    width: 110px;
    text-align: center;
    text-shadow: #fff 0px 1px 0px;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
}

div.uploader span.filename {
    color: #777;
    width: 110px;
    border-right: solid 1px #bbb;
    font-size: 11px;
    text-align: center
}

div.uploader input {
    width: 190px;
}

div.uploader.disabled span.action {
    color: #aaa;
}

div.uploader.disabled span.filename {
    border-color: #ddd;
    color: #aaa;
}

div.uploader {
    position: relative;
    overflow: hidden;
    cursor: default;
}

div.uploader span.action {
    float: left;
    display: inline;
    padding: 2px 0px;
    overflow: hidden;
    cursor: pointer;
}

div.uploader span.filename {
    padding: 0px 10px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

div.uploader input {
    opacity: 0;
    filter: alpha(opacity:0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    float: right;
    height: 25px;
    border: none;
    cursor: default;
}

#maintenance {
    position: static;
    top: 0px;
    right: 0px;
    background-color: #bc0202;
    width: 100%;
    height: 20px;
    text-align: center;
    color: #fefefe;
}

.premium_odd {
    height: 100px;
}

.premium_even {
    height: 100px;
}

.ui-menu {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    display: block;
    float: left;
    background-color: #fefefe;
    margin-left: 1px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-top: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;float: left;
    clear: left;
    width: 100%;
    cursor: pointer
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px 5px;
    width: 100%;
    zoom:1;}

.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
}

textarea, input, select {
    font-family: "Lucida Grande",Arial,sans-serif;
    outline: 0
}

body, div, ul, li, strong, a, img, input, form, fieldset, textarea, h1, h2, h3, h4, h5, span, table, tbody, tr, td, th, button, p, label {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans1.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans2.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans3.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans4.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans5.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans6.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans8.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans9.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans10.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans11.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans12.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans13.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans14.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/open-sans.eot);
    src: local('Open Sans'),local('Open Sans'),url(../fonts/open-sans.eot) format('embedded-opentype'),url(../fonts/open-sans.woff) format('woff')
}