@media (min-width: 768px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 970px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}

.container {
    max-width: none !important;
    width: 970px !important;
}

/*
     FONT START
*/
@font-face {
    font-family: XXII Centar Regular, sans-serif;
    src: url(XXIICentarRegular.otf) format("opentype");
}

/*
     FONT END
*/

/* Sticky footer styles
   -------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 120px;
    color: #7e7e7e;
    background: #dee7e6;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
}

body #background-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

body > .container {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
    border-radius: 10px 10px 0 0;
}

#footer > .container {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 0 0 10px 10px;
}

input.form-control {
    background: #ececec;
    box-shadow: inset 0 1px 1px 0px #c4c4c4;
}

#main-container {
    margin-top: 20px;
}

#banner_top a {
    max-width: 960px;
}

#banner_top img {
    max-width: 960px;
}

#banner_sidebar a {
    max-width: 238px;
}

#banner_sidebar img {
    max-width: 238px;
}

.super-content img {
    max-width: 680px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 120px;
    overflow: hidden;
}

._manipulation_panel {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    border-radius: 0;
}

._manipulation_panel a {
    float: left;
    padding: 5px 5px 8px;
    margin-left: 2px;
}

.nav ._manipulation_panel a {
    border-radius: 0 !important;
}

.tooltip {
    text-shadow: none;
}

.modal-dialog .validation-errors {
    display: none;
}

.modal_google_map {
    width: 100%;
    height: 350px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

/*
 HEADER START
*/
#header {
    position: relative;
    height: 230px;
    margin: -5px -5px 10px;
    border-radius: 10px;
    background-position: center center;
    background-size: cover;
}

#header_logo {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    background: rgba(0, 0, 0, .6);
    border-radius: 10px;
}

#header_logo img {
    max-width: 200px;
    max-height: 100px;
}

#header_brand_info {
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    background: rgba(0, 0, 0, .6);
    border-radius: 10px;
}

#header_brand_info h1 {
    font-size: 20px;
    margin: 0;
}

#header_brand_info .no-prepayment-mark {
    background: #bfdbd7;
    color: #343434;
    border-radius: 3px;
    font-size: 9px;
    padding: 3px 8px;
    margin-left: 10px;
    border-top: 1px solid #cbe2df;
    border-bottom: 1px solid #91b2ae;
    font-family: Arial;
    text-shadow: 0 1px 0 #cfe4e1;
}

#supplier_of_the_year {
    position: absolute;
    right: 230px;
    top: 35px;
    width: 50px;
    height: 50px;
}

#supplier_of_the_year img {
    max-width: 100%;
    height: auto;
}

#solid_rating {
    position: absolute;
    right: 120px;
    top: 35px;
    width: 60px;
    height: 60px;
}

#solid_rating img {
    max-width: 100%;
    height: auto;
}

#supplier_rating {
    position: absolute;
    right: 20px;
    top: 35px;
    width: 50px;
    height: 50px;
}

#supplier_rating img {
    max-width: 100%;
    height: auto;
}

#header_phones {
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    background: rgba(0, 0, 0, .6);
    border-radius: 10px;
}

#header_phones .phones-wrapper {
    padding-left: 40px;
    min-height: 50px;
    background-image: url('../img/header_phone.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
    text-align: left;
}

#header_phones .phone {
    font-size: 20px;
    line-height: 25px;
    padding-left: 20px;
}

#header_phones .address {
    padding-top: 5px;
    text-align: center;
}

/*
 HEADER END
*/

/*
 HEADER MENU START
*/
#header_menu {
    position: relative;
    margin: 0 -15px;
}

#header_menu .btn-group.btn-group-justified {
    table-layout: auto;
}

#header_menu .btn-group a {
    height: 50px;
    line-height: 50px;
    padding: 0;
    color: #6d6d6d;
    background-image: linear-gradient(to bottom, #f3f3f3 0, #dadada 100%);
    border: none;
    border-bottom: 1px solid #d4d4d4;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #ececec;
    text-shadow: 0 1px 0 #fff;
}

#header_menu .btn-group a.active {
    color: #343434;
    background: none;
    background-color: #c3ddd9;
    background-image: linear-gradient(to bottom, #c4ddda 0, #a7cdc8 100%);
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: 1px solid #91b2ae;
    box-shadow: none;
}

#header_menu .btn-group a:hover {
    color: #343434;
    background: none;
    background-color: #c3ddd9;
    background-image: linear-gradient(to bottom, #c4ddda 0, #a7cdc8 100%);
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: 1px solid #91b2ae;
}

#header_menu .btn-group > .btn-group:first-child > .btn:last-child {
    border-radius: 0;
    border-left-color: transparent;
    border-right-color: transparent;
}

#header_menu .btn-group > .btn-group:last-child > .btn:first-child {
    border-radius: 0;
    border-right-color: transparent;
}

#header_menu .left-wing {
    position: absolute;
    z-index: 100;
    left: -10px;
    display: block;
    width: 10px;
    height: 50px;
    background-image: linear-gradient(to bottom, #f3f3f3 0, #dadada 100%);
    border: none;
    border-bottom: 1px solid #8d8d8d;
}

#header_menu .left-wing-corner {
    position: absolute;
    z-index: 100;
    left: -10px;
    bottom: -10px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #a9a9a9 transparent transparent;
}

#header_menu .right-wing {
    position: absolute;
    z-index: 100;
    right: -10px;
    display: block;
    width: 10px;
    height: 50px;
    background-image: linear-gradient(to bottom, #f3f3f3 0, #dadada 100%);
    border: none;
    border-bottom: 1px solid #8d8d8d;
}

#header_menu .right-wing-corner {
    position: absolute;
    z-index: 100;
    right: -10px;
    bottom: -10px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #a9a9a9 transparent transparent transparent;
}

/*
 HEADER MENU END
*/

/*
 SIDEBAR SEARCH START
*/
#sidebar-search .input-group > .form-control {
    padding: 20px;
    border-radius: 6px 0 0 6px;
    background: #ccc;
    background-image: linear-gradient(to bottom, #e3e3e3 0, #f1f1f1 100%);
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

#sidebar-search .input-group .input-group-btn .btn {
    border-right: 1px solid #acceca;
    border-top: 1px solid #cfe3e1;
    border-bottom: 1px solid #91b2ae;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    border-radius: 0 6px 6px 0;
}

#sidebar-search .input-group .input-group-btn .glyphicon {
    padding: 6px 0 8px;
    color: #323131;
}

/*
 SIDEBAR SEARCH END
*/

/*
 SIDEBAR NAV START
*/
.bs-docs-sidenav {
    margin: 30px 0 0;
    padding: 0;
    background: #f2f2f2;
    color: #6d6d6d;
    text-shadow: 0 1px 0 #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
}

.bs-docs-sidenav .nav-header .icon-briefcase {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../img/icon_briefcase.png');
    background-repeat: no-repeat;
}

.bs-docs-sidenav .nav-header .icon-cart {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../img/icon_cart.png');
    background-repeat: no-repeat;
}

.bs-docs-sidenav .nav-header {
    padding: 0;
    color: #1e1c1e;
    font-size: 20px;
    border-top: 1px solid #cbe2df;
    border-bottom: 1px solid #91b2ae;
    border-radius: 6px 6px 0 0;
    background: #b2d3cf;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    text-shadow: 0 1px 1px #f3f3f3;
}

.bs-docs-sidenav .nav-header:hover {
    border-top: 1px solid #cbe2df;
    border-bottom: 1px solid #91b2ae;
    border-radius: 6px 6px 0 0;
}

.bs-docs-sidenav .nav-header a {
    margin: 0;
    color: #1e1c1e;
    padding: 10px 20px;
    line-height: 32px;
    border-radius: 6px 6px 0 0;
    border: none;
    background: #b2d3cf;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    text-shadow: 0 1px 1px #f3f3f3;
    font-size: 20px;
    font-family: XXII Centar Regular, sans-serif;
}

.bs-docs-sidenav .nav-header a:hover {
    border: none;
    padding: 10px 20px;
    background: #b2d3cf;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    text-shadow: 0 1px 1px #f3f3f3;
}

.bs-docs-sidenav .nav-header span {
    margin-right: 10px;
    vertical-align: middle;
}

.bs-docs-sidenav > li {
    display: block;
    *width: 190px;
    margin: 0 0 0px;
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #c9c9c9;
}

.bs-docs-sidenav > li:hover {
    border-top: 1px solid #cecece;
    background: #cdcdcd;
    background-image: linear-gradient(to bottom, #cecece 0, #cccccc 100%);
}

.bs-docs-sidenav > li > a {
    padding: 20px;
    color: #6d6d6d;
    font-size: 13px;
    background-image: linear-gradient(to bottom, #f2f2f2 0, #f0f0f0 100%);
    text-shadow: 0 1px 0 #fff;
}

.bs-docs-sidenav > li > a:hover {
    background: #cdcdcd;
    background-image: linear-gradient(to bottom, #cecece 0, #cccccc 100%);
}

.bs-docs-sidenav > li:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bs-docs-sidenav > li:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.bs-docs-sidenav > li:last-child a {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.bs-docs-sidenav > li:only-child a {
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.bs-docs-sidenav > .active > a {
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    border: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
}

.bs-docs-sidenav .dropdown-submenu {
    position: relative;
}

.bs-docs-sidenav .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 12px;
    height: 12px;
    background-image: url('../img/menu_arrow.png');
    margin-top: 5px;
    margin-right: -10px;
}

.bs-docs-sidenav .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu {
    top: 4px;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    background: #bedad7;
    color: #6d6d6d;
    text-shadow: 0 1px 0 #fff;
    padding: 0;
    border: none;
    border-radius: 0 6px 6px 6px;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu .dropdown-menu {
    margin-top: -4px;
    margin-left: 0px;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li {

}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li:first-child {
    border-radius: 0 6px 0 0;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li:first-child {
    border-radius: 0 0 6px 6px;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li a {
    padding: 20px;
    color: #6d6d6d;
    background: #bedad7;
    text-shadow: 0 1px 0 #fff;
    border-top: 1px solid #d7e8e6;
    border-bottom: 1px solid #aabbb9;
    border-radius: 0;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li a:hover {
    padding: 20px;
    color: #000;
    background: #99b5b2;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-shadow: 0 1px 0 #bccecd;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li:first-child a {
    border-top: none;
    border-radius: 0 6px 0 0;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li:last-child a {
    border-radius: 0 0 6px 6px;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li:first-child a:hover {
    border-top: none;
    border-radius: 0 6px 0 0;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li:last-child a:hover {
    border-radius: 0 0 6px 6px;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li:only-child a {
    border-radius: 0 6px 6px 6px;
}

.bs-docs-sidenav .dropdown-submenu > .dropdown-menu li:only-child a:hover {
    border-radius: 0 6px 6px 6px;
}

/*
 SIDEBAR NAV END
*/

/*
 SIDEBAR WORK IN START
*/
#we-work-in {
    position: relative;
    margin: 30px 0 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

#we-work-in .header {
    color: #4e4e4e;;
    font-weight: bold;
    padding: 10px 15px 5px;
    vertical-align: top;
    line-height: 24px;
    border-bottom: 1px solid #ccc
}

#we-work-in .header span {
    margin-right: 15px;
}

#we-work-in .header .icon-globe {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_globe.png');
    background-repeat: no-repeat;
}

#we-work-in .inner {
    padding: 10px 5px;
}

#we-work-in .city {
    float: left;
    width: 50%;
    padding: 5px 0;

}

#we-work-in .show-all {
    text-align: center;
    border-top: 1px solid #ccc;
    color: #535251;
    text-decoration: underline;
    padding: 10px 0;
}

#we-work-in .show-all:hover {
    cursor: pointer;
}

/*
 SIDEBAR WORK IN END
*/

/*
 SIDEBAR BUTTON START
*/
.sidebar-button.sidebar-button-green {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px 0;
    vertical-align: top;
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    color: #535251;
    text-shadow: 0 1px 1px #f3f3f3;
    background: #afd2cd;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    border: transparent;
    border-bottom: 1px solid #91b2ae;
    font-family: XXII Centar Regular, sans-serif;
    border-radius: 8px;
    overflow: hidden;
}

.sidebar-button.sidebar-button-gray {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px;
    vertical-align: top;
    line-height: 24px;
    font-size: 18px;
    text-align: left;
    color: #535251;
    text-shadow: 0 1px 1px #fff;
    background: #e8e8e8;
    background-image: linear-gradient(to bottom, #f3f3f3 0, #dfdfdf 100%);
    border: transparent;
    border-bottom: 1px solid #d4d4d4;
    font-family: XXII Centar Regular, sans-serif;
    border-radius: 8px;
}

.sidebar-button.sidebar-button-gray span {
    margin-right: 10px;
    vertical-align: middle;
}

.sidebar-button .icon-price {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_price.png');
    background-repeat: no-repeat;
}

.sidebar-button .icon-promotions {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_promotions.png');
    background-repeat: no-repeat;
}

.sidebar-button .icon-feedback {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_feedback.png');
    background-repeat: no-repeat;
}

.sidebar-button .icon-consult {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_consult.png');
    background-repeat: no-repeat;
}

.sidebar-button .icon-gift {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_gift.png');
    background-repeat: no-repeat;
}

/*
 SIDEBAR BUTTON END
*/

/*
 SIDEBAR TEXTSTATUS START
*/
.sidebar-text-statuses {
    margin: 30px 0;
}

.sidebar-text-statuses .status {
    position: relative;
    font-size: 13px;
    font-weight: bold;
}

.sidebar-text-statuses .status span {
    font-size: 12px;
    font-weight: normal;
    color: #0495c5;
}

/*
 SIDEBAR TEXTSTATUS END
*/

/*
 MAIN PAGE START
*/

.page-title-panel {
    position: relative;
    margin-bottom: 15px;
    color: #535251;
    background: #e8e8e8;
    background-image: linear-gradient(to bottom, #f3f3f3 0, #dfdfdf 100%);
    border-bottom: 1px solid #d4d4d4;
    border-radius: 8px;
    padding: 5px 15px;
    line-height: 30px;
    font-size: 20px;
    font-family: XXII Centar Regular, sans-serif;
    text-shadow: 0 1px 1px #fff;
}

.page-title-panel.w-icon {
    padding: 8px 15px 3px;
    vertical-align: top;
    line-height: 24px;
}

.page-title-panel .icon-hit {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_hit.png');
    background-repeat: no-repeat;
}

.page-title-panel .icon-building {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_building.png');
    background-repeat: no-repeat;
}

.page-title-panel .icon-supplier {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_supplier.png');
    background-repeat: no-repeat;
}

#main-page-sale-hits {
    margin-bottom: 30px;
}

#main-page-about {
    margin-bottom: 20px;
}

#main-page-about .read_full a {
    padding-top: 15px;
    font-size: 13px;
    text-decoration: underline;
    font-style: italic;
}

.jcarousel-control-prev .icon-chevron-left {
    display: block;
    width: 12px;
    height: 20px;
    background-image: url('../img/icon_chevron_left_active.png');
}

.jcarousel-control-next .icon-chevron-right {
    display: block;
    width: 12px;
    height: 20px;
    background-image: url('../img/icon_chevron_right_active.png');
}

/*
 MAIN PAGE END
*/

/*
 MAIN SLIDER START
*/
#main-page-slider {
    border-radius: 10px;
    margin-bottom: 15px;
}

#main-page-slider .left.carousel-control {
    top: 50%;
    margin-top: -25px;
    width: 34px;
    height: 45px;
    padding-right: 3px;
    background: #000;
    opacity: 0.6;
    border-radius: 0 10px 10px 0;
}

#main-page-slider .right.carousel-control {
    top: 50%;
    margin-top: -25px;
    width: 34px;
    height: 45px;
    padding-left: 3px;
    background: #000;
    opacity: 0.6;
    border-radius: 10px 0 0 10px;
}

#main-page-slider .icon-arrow-left-big {
    display: inline-block;
    width: 14px;
    height: 45px;
    background-image: url('../img/icon_arrow_left_big.png');
    background-repeat: no-repeat;
    background-position: center center;
}

#main-page-slider .icon-arrow-right-big {
    display: inline-block;
    width: 14px;
    height: 45px;
    background-image: url('../img/icon_arrow_right_big.png');
    background-repeat: no-repeat;
    background-position: center center;
}

/*
 MAIN SLIDER END
*/

/*
 MAIN PAGE WIDGETS START
*/

.widget {
    min-height: 290px;
    padding-bottom: 20px;
    /*border-bottom: 1px solid #d2d2d2;*/
}

.widget .title-panel {
    margin-bottom: 20px;
    height: 40px;
    color: #535251;
    background: #e8e8e8;
    background-image: linear-gradient(to bottom, #f3f3f3 0, #dfdfdf 100%);
    border-bottom: 1px solid #d4d4d4;
    border-radius: 8px;
    text-shadow: 0 1px 1px #fff;
}

.widget .title-panel .title {
    float: left;
    padding: 8px 15px 0;
    font-size: 20px;
    font-weight: normal;
    font-family: XXII Centar Regular, sans-serif;
    vertical-align: top;
    line-height: 24px;
}

.widget .title-panel .title span {
    margin-right: 10px;
}

.widget .title-panel .title .icon-news {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_news.png');
    background-repeat: no-repeat;
}

.widget .title-panel .title .icon-hat {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_hat.png');
    background-repeat: no-repeat;
}

.widget .title-panel .title .icon-album {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_album.png');
    background-repeat: no-repeat;
}

.widget .title-panel .title .icon-recommendations {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_recommendation.png');
    background-repeat: no-repeat;
}

.widget .title-panel .link {
    float: right;
    padding: 5px 15px;
    line-height: 30px;
    text-decoration: underline;
    color: #343434;
    font-weight: normal;
    background: #b4d4d0;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    border-radius: 0 8px 8px 0;
    font-size: 13px;
    text-shadow: 0 1px 1px #c2ddd9;
}

.widget .title-panel .link a {
    color: #343434;
}

.widget .content .date {
    font-size: 11px;
    color: #7e7e7e;
    margin-bottom: 5px;
}

.widget .content .title {
    font-weight: bold;
    color: #4e4e4e;
    margin-bottom: 15px;
}

.widget .content .text {
    margin-bottom: 15px;
    min-height: 100px;
}

.widget .content .details a {
    font-size: 13px;
    color: #0495c5;
    text-decoration: underline;
}

.widget .content .photos {
    margin-bottom: 10px;
    min-height: 120px;
    margin-left: -20px;
}

.widget .content .photos .photo {
    float: left;
    width: 152px;
    margin-left: 20px;
    text-align: center;
}

.widget .content .photos .photo img {
    border-radius: 10px;
}

/*
 MAIN PAGE WIDGETS END
*/

/*
 CONTACTS START
*/
.contact-block-big {
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
    background: #eeeeee;
}

.contact-block-big .info-block {
    padding: 15px;
    color: #7e7e7e;
}

.contact-block-big .logo-container {
    width: 140px;
    height: 140px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    position: relative;
}

.contact-block-big .logo-container img {
    max-width: 120px;
    max-height: 120px;
    display: block;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.contact-block-big .title {
    color: #4e4e4e;
    font-size: 15px;
    font-weight: bold;
}

.contact-block-big .google_map {
    width: 100%;
    height: 285px;
    border-top: 1px solid #c8c5bd;
    border-radius: 0 0 10px 10px;
}

/*
 CONTACTS END
*/

/*
 NEWS START
*/
.news-item-block {
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
}

.news-item-block .content {
    color: #4e4e4e;
    background: #eeeeee;
    padding: 10px 15px 10px;
    border-left: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}

.news-item-block .content .title {
    margin-left: 30px;
    margin-right: 135px;
}

.news-item-block .content .icon-news-title {
    float: left;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url('../img/icon_news_title.png');
    background-repeat: no-repeat;
}

.news-item-block .date {
    float: right;
    text-align: right;
    padding-top: 3px;
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
    color: #929292;
    text-shadow: 0 1px 1px #fff;
}

.news-item-block .short-text {
    padding: 20px;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 0 0 10px 10px;
}

.news-item-block .short-text .main_image {
    float: left;
    width: 235px;
    height: 170px;
    position: relative;
    text-align: center;
}

.news-item-block .short-text .main_image img {
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px;
}

.news-item-block .short-text .main_text {
    margin-left: 250px;
}

.news-item-block .read-full {
    padding-top: 15px;
}

.news-item-block .read-full a {
    font-style: italic;
    text-decoration: underline;
}

/*
 NEWS END
*/

/*
 ARTICLES START
*/
.articles-item-block {
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
}

.articles-item-block .content {
    color: #4e4e4e;
    background: #eeeeee;
    padding: 10px 15px 10px;
    border-left: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}

.articles-item-block .content .title {
    margin-left: 30px;
    margin-right: 135px;
}

.articles-item-block .content .icon-articles-title {
    float: left;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url('../img/icon_articles_title.png');
    background-repeat: no-repeat;
}

.articles-item-block .date {
    float: right;
    text-align: right;
    padding-top: 3px;
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
    color: #929292;
    text-shadow: 0 1px 1px #fff;
}

.articles-item-block .short-text {
    padding: 20px;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 0 0 10px 10px;
}

.articles-item-block .short-text .main_image {
    float: left;
    width: 235px;
    height: 170px;
    position: relative;
    text-align: center;
}

.articles-item-block .short-text .main_image img {
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px;
}

.articles-item-block .short-text .main_text {
    margin-left: 250px;
}

.articles-item-block .read-full {
    padding-top: 15px;
}

.articles-item-block .read-full a {
    font-style: italic;
    text-decoration: underline;
}

/*
 ARTICLES END
*/

/*
 PROMOTIONS START
*/
.promotions-item-block {
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
}

.promotions-item-block .content {
    color: #4e4e4e;
    background: #eeeeee;
    padding: 10px 15px 10px;
    border-left: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}

.promotions-item-block .content .title {
    margin-left: 30px;
    margin-right: 135px;
}

.promotions-item-block .content .icon-promotions-title {
    float: left;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url('../img/icon_promotions_title.png');
    background-repeat: no-repeat;
}

.promotions-item-block .date {
    float: right;
    text-align: right;
    padding-top: 3px;
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
    color: #929292;
    text-shadow: 0 1px 1px #fff;
}

.promotions-item-block .short-text {
    padding: 20px;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 0 0 10px 10px;
}

.promotions-item-block .short-text .main_image {
    float: left;
    width: 235px;
    height: 170px;
    position: relative;
    text-align: center;
}

.promotions-item-block .short-text .main_image img {
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px;
}

.promotions-item-block .short-text .main_text {
    margin-left: 250px;
}

.promotions-item-block .read-full {
    padding-top: 15px;
}

.promotions-item-block .read-full a {
    font-style: italic;
    text-decoration: underline;
}

/*
 PROMOTIONS END
*/

/*
 FEEDBACKS START
*/
.feedbacks-item-block {
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
}

.feedbacks-item-block .content {
    color: #4e4e4e;
    background: #eeeeee;
    padding: 15px 15px 5px;
    border-left: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}

.feedbacks-item-block .name {
    float: left;
    width: 300px;
    vertical-align: top;
    line-height: 24px;
}

.feedbacks-item-block .icon-feedback-item {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url('../img/icon_feedback_item.png');
    background-repeat: no-repeat;
}

.feedbacks-item-block .date {
    float: right;
    padding: 0 20px;
    text-align: right;
    font-weight: normal;
    font-style: italic;
    color: #929292;
    text-shadow: 0 1px 1px #fff;
}

.feedbacks-item-block .ftext {
    padding: 20px;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 0 0 10px 10px;
}

.feedbacks-item-block .comment-block {
    position: relative;
    margin-top: 30px;
    margin-left: 20px;
}

.feedbacks-item-block .comment-block .comment-icon {
    float: left;
}

.feedbacks-item-block .comment-block .comment-name {
    padding-top: 3px;
    color: #4e4e4e;
    font-weight: bold;
}

.feedbacks-item-block .comment-block .icon-feedback-comment {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url('../img/icon_feedback_comment.png');
    background-repeat: no-repeat;
}

.feedbacks-item-block .comment-block .comment-content {
    margin-left: 40px;
}

.feedbacks-item-block .comment-block .comment-text {
    margin-top: 10px;
}

.feedbacks-item-block .icon-star-active {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/icon_star_active.png');
    background-repeat: no-repeat;
}

.feedbacks-item-block .icon-star-inactive {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/icon_star_inactive.png');
    background-repeat: no-repeat;
}

.feedbacks-add-form {
    background: #eeeeee;
    border-radius: 10px;
}

.feedbacks-add-form .title-panel {
    padding: 15px 15px 5px;
    vertical-align: top;
    line-height: 24px;
    font-weight: bold;
    color: #4e4e4e;
    border-bottom: 1px solid #c8c8c8;
}

.feedbacks-add-form .icon-feedback-add {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url('../img/icon_feedback_add.png');
    background-repeat: no-repeat;
}

.feedbacks-add-form .content {
    border-top: 1px solid #f5f5f5;
    padding: 20px;
}

.feedbacks-add-form .content form {
    margin-bottom: 5px;
}

.feedbacks-add-form .content .control-label {
    text-align: left;
    font-weight: normal;
}

.feedbacks-add-form .content input.form-control {
    border-radius: 6px;
    background: #f9f9f9;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.feedbacks-add-form .content textarea.form-control {
    border-radius: 6px;
    box-shadow: inset 0 1px 1px 0px #c4c4c4;
    background: #f9f9f9;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    min-height: 82px;
    font-style: italic;
}

.feedbacks-add-form .rate-content .text-line {
    margin-right: 20px;
}

.feedbacks-add-form .rate-content .stars {
    display: inline-block;
}

.feedbacks-add-form .icon-star {
    display: inline-block;
    vertical-align: text-bottom;
    width: 21px;
    height: 16px;
    background-image: url('../img/icon_star_inactive.png');
    background-repeat: no-repeat;
    background-position: center;
}

.feedbacks-add-form .icon-star.active {
    background-image: url('../img/icon_star_active.png');
}

.feedbacks-add-form .rate-content .hr-line {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    height: 0px;
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #f5f5f5;
}

.feedbacks-add-form .rate-content button {
    display: inline-block;
    width: 235px;
    margin-bottom: 10px;
    padding: 10px 15px 10px;
    font-size: 18px;
    text-align: center;
    color: #535251;
    text-shadow: 0 1px 1px #f3f3f3;
    background: #afd2cd;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    border: transparent;
    border-bottom: 1px solid #91b2ae;
    font-family: XXII Centar Regular, sans-serif;
    border-radius: 8px;
    overflow: hidden;
}

/*
 FEEDBACKS END
*/

/*
 FAQ START
*/
.faq-item-block {
    position: relative;
    margin-bottom: 50px;
}

.faq-item-block .title-panel {
    padding: 15px 15px 5px;
    background: #eeeeee;
    vertical-align: top;
    line-height: 24px;
    border-radius: 10px;
    font-style: italic;
}

.faq-item-block .icon-question {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url('../img/icon_question.png');
    background-repeat: no-repeat;
}

.faq-item-block .faq-question {
    margin: 20px 0 20px;
}

.faq-item-block .faq-question .block-content {
    color: #0495c5;
    font-style: italic;
}

.faq-item-block .faq-answer {
    margin: 20px 0 20px;
    padding-top: 20px;
    border-top: 1px solid #d2d2d2;
}

.faq-item-block .block-label {
    float: left;
    width: 80px;
    color: #4e4e4e;
    font-weight: bold;
}

.faq-item-block .block-content {
    margin-left: 80px;
    color: #7e7e7e;
}

.faq-add-form {
    background: #eeeeee;
    border-radius: 10px;
}

.faq-add-form .title-panel {
    padding: 15px 15px 5px;
    vertical-align: top;
    line-height: 24px;
    font-weight: bold;
    color: #4e4e4e;
    border-bottom: 1px solid #c8c8c8;
}

.faq-add-form .icon-faq-add {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url('../img/icon_faq_add.png');
    background-repeat: no-repeat;
}

.faq-add-form .content {
    border-top: 1px solid #f5f5f5;
    padding: 20px;
}

.faq-add-form .content form {
    margin-bottom: 5px;
}

.faq-add-form .content .control-label {
    text-align: left;
    font-weight: normal;
}

.faq-add-form .content input.form-control {
    border-radius: 6px;
    background: #f9f9f9;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.faq-add-form .content textarea.form-control {
    border-radius: 6px;
    box-shadow: inset 0 1px 1px 0px #c4c4c4;
    background: #f9f9f9;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    min-height: 82px;
    font-style: italic;
}

.faq-add-form .hr-line {
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    height: 0px;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #f5f5f5;
}

.faq-add-form button {
    display: inline-block;
    width: 252px;
    margin: 0 40px 10px;
    padding: 10px 15px 10px;
    font-size: 18px;
    text-align: center;
    color: #535251;
    text-shadow: 0 1px 1px #f3f3f3;
    background: #afd2cd;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    border: transparent;
    border-bottom: 1px solid #91b2ae;
    font-family: XXII Centar Regular, sans-serif;
    border-radius: 8px;
    overflow: hidden;
}

/*
 FAQ END
*/

/*
 GALLERY START
*/
.gallery-album-block {
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
}

.gallery-album-block .title-panel {
    padding: 15px 15px 5px;
    vertical-align: top;
    line-height: 24px;
    font-weight: bold;
    color: #4e4e4e;
    border-left: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    background: #eeeeee;
}

.gallery-album-block .title-panel .icon-album-title {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url('../img/icon_album_title.png');
    background-repeat: no-repeat;
}

.gallery-album-block .title-panel .count {
    font-weight: normal;
    vertical-align: top;
    color: #a2a2a2;
}

.gallery-album-block .title-panel .date {
    float: right;
    text-align: right;
    font-weight: normal;
    font-style: italic;
    color: #929292;
    text-shadow: 0 1px 1px #fff;
}

.gallery-album-block .inner-content {
    padding: 20px;
    font-size: 14px;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 0 0 10px 10px;
}

.gallery-album-block .inner-content .thumb-container {
    position: relative;
    margin-left: 250px;
    height: 190px;
    padding: 0 20px;
    overflow: hidden;
}

.gallery-album-block .inner-content .thumb-container .left-arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 180px;
    background-image: url('../img/icon_chevron_left.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.gallery-album-block .inner-content .thumb-container .left-arrow.active {
    background-image: url('../img/icon_chevron_left_active.png');
}

.gallery-album-block .inner-content .thumb-container .left-arrow:hover {
    cursor: pointer;
}

.gallery-album-block .inner-content .thumb-container .right-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 180px;
    background-image: url('../img/icon_chevron_right.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.gallery-album-block .inner-content .thumb-container .right-arrow.active {
    background-image: url('../img/icon_chevron_right_active.png');
}

.gallery-album-block .inner-content .thumb-container .right-arrow:hover {
    cursor: pointer;
}

.gallery-album-block .inner-content img {
    border-radius: 10px;
}

.gallery-album-block .inner-content .big_photo_container {
    position: relative;
    display: block;
    width: 230px;
    height: 170px;
}

.gallery-album-block .inner-content .big_photo_container img {
    max-width: 230px;
    max-height: 170px;
    overflow: auto;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.gallery-album-block .inner-content .small_photo_container {
    position: relative;
    display: block;
    width: 100px;
    height: 80px;
    margin-bottom: 10px;
}

.gallery-album-block .inner-content .small_photo_container img {
    max-width: 100px;
    max-height: 80px;
    overflow: auto;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/*
 GALLERY END
*/

/*
 BREADCRUMBS START
*/
.breadcrumb {
    padding: 0;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 30px;
    background: none;
}

.breadcrumb a {
    color: #0495c5;
    text-decoration: underline;
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 2px 0 5px;
    color: #0495c5;
}

.breadcrumb > li:last-child a {
    text-decoration: none;
}

/*
 BREADCRUMBS END
*/

/*
 ITEM WITH PHOTO START
*/
.category-item {
    position: relative;
    height: 215px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.category-item .hr-line {
    float: left;
    width: 675px;
    margin-left: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dcdcdc;
}

.category-item .product-photo {
    float: left;
    margin-left: 15px;
    position: relative;
    width: 190px;
    height: 188px;
}

.category-item .product-photo img {
    vertical-align: middle;
    max-width: 190px;
    max-height: 188px;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #cccccc;
    border-radius: 8px;
}

.category-item .content {
    float: left;
    position: relative;
    width: 268px;
    height: 188px;
    padding: 0 15px;
    overflow: hidden;
}

.category-item.no-photo .content {
    width: 473px;
}

.category-item .content .title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #666666;
}

.category-item .content .quantity {
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 253px;
    padding: 15px;
    text-align: left;
    color: #666666;
    background: #eeeeee;
    border-radius: 10px;
}

.category-item.no-photo .content .quantity {
    width: 450px;
}

.category-item .content .quantity span {
    color: #009933;
}

.category-item .state {
    padding: 15px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.category-item .state.present {
    color: #00cc33;
}

.category-item .state.order {
    color: #ff0033;
}

.category-item .order-wrapper {
    display: block;
    width: 100%;
    padding: 10px 15px 10px;
    background: #afd2cd;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    border: transparent;
    border-bottom: 1px solid #91b2ae;
    border-radius: 8px;
}

.category-item .price-wrapper {
    margin-bottom: 10px;
}

.category-item .price-wrapper .price {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #cee4e1;
    border-bottom: 1px solid #91b2ae;
    border-left: 1px solid #b2d2ce;
    border-right: 1px solid #b2d2ce;
    border-radius: 10px;
    background: #b4d4d0;
    background-image: linear-gradient(to bottom, #c2ddd9 0, #a7cdc8 100%);
    color: #2f2f2f;
    text-shadow: 0 1px 1px #f3f3f3;
    font-size: 25px;
}

.category-item .price-wrapper .icon-label {
    display: inline-block;
    width: 24px;
    height: 30px;
    vertical-align: text-bottom;
    background-image: url('../img/icon_label.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

.category-item .item-price-wrapper .numbers {
    display: inline-block;
}

.category-item .price-wrapper .price-units {
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
}

.category-item .order-wrapper .order-button {
    width: 100%;
    display: block;
    padding: 5px;
    background: #455351;
    color: #ffffff;
    font-family: XXII Centar Regular, sans-serif;
    font-size: 20px;
    text-align: center;
    text-shadow: none;
    border-radius: 5px;
    border: none;
}

/*
 ITEM WITH PHOTO END
*/

/*
 ITEM GRID START
*/
.category-item-grid {
    margin-bottom: 20px;
}

.category-item-grid .main-body {
    border: 1px solid #e3e3e3;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
}

.category-item-grid .main-body .item-title {
    padding: 15px;
    min-height: 64px;
    font-size: 12px;
    font-family: Arial;
    text-align: center;
}

.category-item-grid .main-body .item-photo {
    display: block;
    height: 180px;
    width: 203px;
    position: relative;
    text-align: center;
}

.category-item-grid .main-body .item-photo a {
    display: block;
    height: 180px;
    width: 203px;
}

.category-item-grid .main-body .item-photo img {
    vertical-align: middle;
    max-width: 203px;
    max-height: 180px;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.category-item-grid .item-price-wrapper {
    position: relative;
}

.category-item-grid .item-price-wrapper .price {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #cee4e1;
    border-bottom: 1px solid #91b2ae;
    border-left: 1px solid #b2d2ce;
    border-right: 1px solid #b2d2ce;
    border-radius: 0 0 10px 10px;
    background: #b4d4d0;
    background-image: linear-gradient(to bottom, #c2ddd9 0, #a7cdc8 100%);
    color: #2f2f2f;
    text-shadow: 0 1px 1px #f3f3f3;
    font-size: 25px;
}

.category-item-grid .item-price-wrapper .icon-label {
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 30px;
    background-image: url('../img/icon_label.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

.category-item-grid .item-price-wrapper .numbers {
    display: inline-block;
    vertical-align: top;
}

.category-item-grid .item-price-wrapper .price-units {
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
}

.category-item-grid .item-price-wrapper .order {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #cee4e1;
    border-bottom: 1px solid #91b2ae;
    border-left: 1px solid #b2d2ce;
    border-right: 1px solid #b2d2ce;
    border-radius: 0 0 10px 10px;
    background: #b4d4d0;
    background-image: linear-gradient(to bottom, #c2ddd9 0, #a7cdc8 100%);
    color: #2f2f2f;
    text-shadow: 0 1px 1px #f3f3f3;
    font-size: 25px;
}

.category-item-grid .item-price-wrapper .order-button {
    width: 170px;
    display: inline-block;
    margin-top: 10px;
    padding: 5px;
    background: #455351;
    color: #ffffff;
    font-family: XXII Centar Regular, sans-serif;
    font-size: 20px;
    text-align: center;
    text-shadow: none;
    border-radius: 5px;
}

.category-item-grid .item-price-wrapper .order-button:hover {
    text-decoration: none;
}

/*
 ITEM GRID END
*/

/*
 CATEGORY FILTERS PANEL START
*/
.category-filters-panel table {
    border-radius: 10px;
    border: none;
    border-collapse: separate;
    background: #eeeeee;
}

.category-filters-panel table tr {
    border: none;
}

.category-filters-panel table tr td {
    border: none;
    width: 33%;
    padding: 20px 15px;
}

.category-filters-panel table tr td {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #f5f5f5;
    text-shadow: 0 1px 1px #fff;
}

.category-filters-panel table tr td:first-child {
    border-left: none;
}

.category-filters-panel table tr td:last-child {
    border-right: none;
}

.category-filters-panel table tr:nth-child(odd) td {
    padding: 15px;
    text-align: center;
    border-left: 1px solid #acacac;
    border-right: 1px solid #d2d2d2;
    background: #cccccc;
    color: #4e4e4e;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
}

.category-filters-panel table tr:nth-child(odd) td span {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    color: #877f7f;
}

.category-filters-panel table tr:nth-child(odd) td:first-child {
    border-left: none;
}

.category-filters-panel table tr:nth-child(odd) td:last-child {
    border-right: none;
}

.category-filters-panel table tr:first-child td {
    border-top: none;
}

.category-filters-panel table tr:first-child td:first-child {
    border-radius: 10px 0 0 0;
}

.category-filters-panel table tr:first-child td:last-child {
    border-radius: 0 10px 0 0;
}

.category-filters-panel table tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.category-filters-panel table tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

.category-filters-panel .styled-select {
    display: inline-block;
    width: 180px;
    height: 30px;
    margin-top: -2px;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 6px;
    background: url('../img/icon_arrow_down.png'), linear-gradient(to bottom, #c2ddd9 0, #a7cdc8 100%);
    background-size: 12px 12px, 30px 30px;
    background-position: 160px center, right center;
    background-repeat: no-repeat;
}

.category-filters-panel select.form-control {
    background: transparent;
    padding: 0;
    width: 195px;
    height: 31px;
    margin-top: 0px;
    padding-left: 3px;
    border-radius: 6px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.category-filters-panel input.form-control {
    height: 30px;
    border-radius: 6px;
    background: #f9f9f9;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.category-filters-panel .radio {
    padding-left: 0;
}

.category-filters-panel .radio label {
    text-indent: 15px;
}

.category-filters-panel .checkbox {
    padding-left: 0;
}

.category-filters-panel .checkbox label {
    text-indent: 15px;
}

.category-filters-panel input[type=checkbox].css-checkbox {
    display: none;
}

.category-filters-panel input[type=checkbox].css-checkbox + label.css-checkbox-label {
    padding-left: 19px;
    height: 13px;
    display: inline-block;
    line-height: 13px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 13px;
    vertical-align: middle;
    cursor: pointer;
}

.category-filters-panel input[type=checkbox].css-checkbox:checked + label.css-checkbox-label {
    background-position: 0 -14px;
}

.category-filters-panel label.css-checkbox-label {
    background-image: url('../img/input_checkboxes.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.category-filters-panel input[type=radio].css-checkbox {
    display: none;
}

.category-filters-panel input[type=radio].css-checkbox + label.css-radio-label {
    padding-left: 19px;
    height: 14px;
    display: inline-block;
    line-height: 14px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;

}

.category-filters-panel input[type=radio].css-checkbox:checked + label.css-radio-label:after {
    display: block;
}

.category-filters-panel label.css-radio-label {
    position: relative;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.category-filters-panel label.css-radio-label:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(to bottom, #c2ddd9 0, #a7cdc8 100%);
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    border: 1px solid #a7bfbc;
}

.category-filters-panel label.css-radio-label:after {
    display: none;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
    z-index: 1;
    background: linear-gradient(to bottom, #3e383e 0, #0c0c0c 100%);
    background-size: 6px 6px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    border: 1px solid #9c9c9c;
}

.category-filters-panel .show-more-panel {
    text-align: center;
    font-size: 14px;
    color: #0495c5;
}

.category-filters-panel .show-more-panel span {
    cursor: pointer;
}

/*
 CATEGORY FILTERS PANEL END
*/

/*
 CATEGORY VIEW PANEL START
*/
.category-view-panel {
    background: #eaeaea;
    background-image: linear-gradient(to bottom, #f3f3f3 0, #dfdfdf 100%);
    border-bottom: 1px solid #d4d4d4;
    border-radius: 10px;
}

.category-view-panel .blocks {
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-view-panel .blocks > li {
    float: left;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 0px 18px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #c9c9c9;
    color: #6d6d6d;
    font-size: 12px;
}

.category-view-panel .blocks > li:first-child {
    border-left: none;
}

.category-view-panel .blocks > li:last-child {
    border-right: none;
    padding-right: 0;
}

.category-view-panel .price-order-by {
    font-style: italic;
    color: #0495c5;
}

.category-view-panel .price-order-by a {
    color: #0495c5;
}

.category-view-panel .price-order-by a.active {
    color: #6d6d6d;
    text-decoration: underline;
}

.category-view-panel .price-order-by a:first-child {
    padding-right: 20px;
}

.category-view-panel .title-order-by {
    font-style: italic;
}

.category-view-panel .title-order-by .arrows {
    display: inline-block;
    width: 12px;
    vertical-align: middle;
    padding: 0px 0px 2px 20px;
}

.category-view-panel .title-order-by .icon-arrow-up {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('../img/icon_arrow_up.png');
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    margin-bottom: 5px;
}

.category-view-panel .title-order-by .icon-arrow-down {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('../img/icon_arrow_down.png');
    background-repeat: no-repeat;
    background-position: center;
    float: right;
}

.category-view-panel .items-per-page .styled-select {
    display: inline-block;
    width: 60px;
    height: 24px;
    margin-top: -2px;
    margin-left: 5px;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 6px;
    background: url('../img/icon_arrow_down.png'), linear-gradient(to bottom, #c2ddd9 0, #a7cdc8 100%);
    background-size: 12px 12px, 26px 24px;
    background-position: 41px center, right center;
    background-repeat: no-repeat;
}

.category-view-panel .items-per-page select.form-control {
    background: transparent;
    padding: 0;
    width: 75px;
    height: 25px;
    margin-top: 0px;
    padding-left: 3px;
    border-radius: 6px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.category-view-panel .items-view a {
    display: inline-block;
    line-height: 40px;
    width: 24px;
    height: 24px;
    margin-top: 8px;
}

.category-view-panel .items-view .icon-view-grid {
    display: inline-block;
    vertical-align: text-bottom;
    background-image: url('../img/icon_view_grid.png');
    background-repeat: no-repeat;
    background-position: center;
}

.category-view-panel .items-view .icon-view-list {
    display: inline-block;
    vertical-align: text-bottom;
    background-image: url('../img/icon_view_list.png');
    background-repeat: no-repeat;
    background-position: center;
}

/*
 CATEGORY VIEW PANEL END
*/

/*
 MODAL DISCOUNT START
*/
#modal_discount {
}

#modal_discount .description {
    margin: 0 -20px 20px;
    padding: 0 20px 20px;
    border-bottom: 1px solid #e5e5e5;
}

#modal_discount .discount_code {
    text-align: center;
    margin-bottom: 20px;
}

#modal_discount .discount_code h3 {
    margin-top: 10px;
}

#modal_discount .inner_form {
    margin-bottom: -10px;
    padding: 20px;
    border-radius: 10px;
    background: #eeeeee;
}

#modal_discount .inner_form label {
    font-weight: normal;
}

#modal_discount .inner_form input.form-control {
    border-radius: 6px;
    background: #f9f9f9;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

#modal_discount .inner_form button {
    display: block;
    width: 100%;
    padding: 10px 15px;
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    color: #535251;
    text-shadow: 0 1px 1px #f3f3f3;
    background: #afd2cd;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    border: transparent;
    border-bottom: 1px solid #91b2ae;
    font-family: XXII Centar Regular, sans-serif;
    border-radius: 8px;
    overflow: hidden;
}

/*
 MODAL DISCOUNT END
*/

/*
 MODAL DISCOUNT START
*/
#modal_ask {
}

#modal_ask .inner_form {
    margin-bottom: -10px;
    padding: 20px;
    border-radius: 10px;
    background: #eeeeee;
}

#modal_ask .inner_form label {
    font-weight: normal;
}

#modal_ask .inner_form .form-control {
    border-radius: 6px;
    background: #f9f9f9;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

#modal_ask .inner_form button {
    display: block;
    width: 100%;
    padding: 10px 15px;
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    color: #535251;
    text-shadow: 0 1px 1px #f3f3f3;
    background: #afd2cd;
    background-image: linear-gradient(to bottom, #bfdbd7 0, #a7cdc8 100%);
    border: transparent;
    border-bottom: 1px solid #91b2ae;
    font-family: XXII Centar Regular, sans-serif;
    border-radius: 8px;
    overflow: hidden;
}

/*
 MODAL DISCOUNT ENDs
*/

/*
 MODAL ORDER START
*/
#modal_order .inner_form {
    margin-bottom: -10px;
    padding: 20px;
    border-radius: 10px;
    background: #eeeeee;
}

#modal_order .inner_form label {
    font-weight: normal;
}

#modal_order .inner_form .form-control {
    border-radius: 6px;
    background: #f9f9f9;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

/*
 MODAL ORDER END
*/

/*
 FOOTER START
*/
#footer #footer-inner-wrap {
    height: 74px;
    padding: 10px 20px 10px 20;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-size: 11px;
    color: #7e7e7e;
    overflow: hidden;
}

#footer .cell {
    float: left;
    margin-left: 20px;
}

#footer .cell:first-child {
    margin-left: 0;
}

#footer .v-aling-cell {
    line-height: 50px;
}

#footer .developed-in-evne {
    line-height: 10px;
    padding-top: 10px;
}

#footer .developed-in-evne .evne-logo {
    float: left;
}

#footer .developed-in-evne .evne-text {
    margin-left: 45px;
}

#footer .copyrights {
    line-height: 10px;
    padding-top: 10px;
}

#footer .buildportal-logo {
    float: right;
    margin-right: -10px;
}

/*
 FOOTER END
*/

/*
 SOCIAL ICONS START
*/

#footer .social-icons-container {
    margin: 0 -5px;
}

#footer .social-icons-container a {
    margin: 0 5px;
}

#footer .icon-social-vkontakte {
    display: inline-block;
    width: 31px;
    height: 50px;
    background-image: url('../img/icon_social_vkontakte.png');
    background-repeat: no-repeat;
    background-position: center;
}

#footer .icon-social-facebook {
    display: inline-block;
    width: 31px;
    height: 50px;
    background-image: url('../img/icon_social_facebook.png');
    background-repeat: no-repeat;
    background-position: center;
}

#footer .icon-social-twitter {
    display: inline-block;
    width: 31px;
    height: 50px;
    background-image: url('../img/icon_social_twitter.png');
    background-repeat: no-repeat;
    background-position: center;
}

#footer .icon-social-youtube {
    display: inline-block;
    width: 31px;
    height: 50px;
    background-image: url('../img/icon_social_youtube.png');
    background-repeat: no-repeat;
    background-position: center;
}

/*
 SOCIAL ICONS END
*/

/*
 FANCY START
*/

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.fancybox-title {
    margin: 20px -40px -15px;
    padding: 15px;
    color: #7e7e7e;
   /* border-top: 1px solid #d2d2d2;*/
}

.fancybox-title .title-panel {
    height: 24px;
    line-height: 24px;
    padding-left: 30px;
    margin-bottom: 20px;
    background-image: url('../img/icon_album_title.png');
    background-repeat: no-repeat;
    color: #4e4e4e;
    font-size: 14px;
}

.fancybox-title .title-panel span.album-title {
    font-weight: bold;
    font-size: 14px;
    color: #4e4e4e;
}

.fancybox-title .title-panel span.album-count {
    font-weight: normal;
    font-size: 12px;
    color: #a6a6a6;
    margin-right: 15px;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-position: 0;
    background-repeat: no-repeat;
    visibility: visible;
}

.fancybox-close {
    position: absolute;
    top: -5px;
    right: -16px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url('../img/icon_close.png');
}

.fancybox-prev span {
    left: -28px;
    background-image: url('../img/icon_chevron_left_active.png');
}

.fancybox-next span {
    right: -50px;
    background-image: url('../img/icon_chevron_right_active.png');
}

/*
 FANCY END
*/

/*
 PAGINATION START
*/
.pagination-container {
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    margin-bottom: 20px;
    background: #e8e8e8;
    background-image: linear-gradient(to bottom, #f3f3f3 0, #dfdfdf 100%);
    border: transparent;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 8px;
}

.pagination-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.pagination-container li {
    display: inline;
    padding-left: 20px;
    color: #767676;
    text-shadow: 0 1px 0 #fff;
}

.pagination-container li a {
    color: #767676;
}

.pagination-container li a:hover {
    color: #0495c5;
}

.pagination-container li.active a {
    color: #0495c5;
    text-decoration: underline;
}

.pagination-container li:first-child {
    float: left;
    padding-left: 0;
    font-size: 11px;
    font-style: italic;
    text-decoration: underline;
}

.pagination-container li:last-child {
    float: right;
    text-align: right;
    font-size: 11px;
    font-style: italic;
    text-decoration: underline;
}

.pagination-container li:nth-child(2) {
    position: relative;
    margin-right: 30px;
    font-size: 11px;
    font-style: italic;
}

.pagination-container li:nth-child(2):before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1px;
    width: 7px;
    height: 10px;
    background-image: url('../img/icon_pagination_arrow_left.png');
    background-position: center;
    margin-right: 10px;
}

.pagination-container li:nth-last-child(2) {
    position: relative;
    margin-left: 30px;
    font-size: 11px;
    font-style: italic;
}

.pagination-container li:nth-last-child(2):before {
    content: " ";
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 1px;
    width: 7px;
    height: 10px;
    background-image: url('../img/icon_pagination_arrow_right.png');
    background-position: center;
    margin-left: 10px;
}

/*
 PAGINATION END
*/

/* CUSTOM */
.buorg {
    padding: 20px;
}

.buorg div {
    font-size: 20px
}
.raiting-text {
    float: right;
    background: rgba(0,0,0,.6);
    color: #ffffff;
    padding: 5px;
    border-radius: 10px;
}
.raiting-text a {    
    color: #ffffff;
    text-decoration: none;
}
.product-row {
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
}
.product-row img {
    max-width: 20px;
    margin-right: 10px;    
}
.cursive {
    font-style: italic;
}
.big-bold {
    font-weight: bold;
    font-size: 30px;
    color: black;
    margin-top: 5px;
}
.product-order-button {
    float: right;
    background: yellow;
    border-color: rgb(247, 218, 20);
    border-radius: 5px;
    font-size: 20px;
    color: black;
    padding: 5px 30px;
    position: absolute;
    top: 15px;
    right: 10px;
}
.product-order-button a{
    text-decoration: none;
    color: black;
}
.product-attr-row {
    float: left;
    width: 100%;
    line-height: 25px;
    padding-left: 5px;
    color: black;
}
.product-attr-row-part {
    float: left;
    width: 48%;
    margin-right: 5px;
}
.product-attr-row-part.left {
    font-style: italic;
}
.grey-part {
    background-color: rgba(128, 128, 128, 0.26);;
}
.attr-table-title {
    font-size: 25px;
    font-weight: bold;
    color: black;
    margin-bottom: 5px;
}
.more-filters {
    display: none;
    margin-bottom: 20px;
    padding-right: 20px;
    text-align: right;
}
.more-filters span {
    color: #0495c5;
    border-bottom: 1px dashed #0495c5;
    cursor: pointer;
}