body {
    font: normal 14px/20px Helvetica,Arial;
    /*font-weight: normal;*/
    /*font-size: 16px;*/
    /*line-height: 20px;*/
    /*font-family: 'Roboto', sans-serif;*/
    margin:55px 0 0 0;
    color: #000000;


    /*background-image: url('https://www.donbaron.bg/media/wysiwyg/site_bgr/ozz.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-color: #ccc;*/
}

a {
	text-decoration: none;
	color:#0066c0;
}

a:hover {
	color:#c45500;
}

/* Премахва синята лента при селектиране в chrome */
*:focus {outline:none}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

select {
    height: 25px;
    /*margin: 0 8px;*/
    font-size: 14px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #fff 50%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #f8f8f8 100%);
    background-image: linear-gradient(to bottom, #ffffff 50%,#f8f8f8 100%);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
}

select:hover {
    border: 1px solid #333;
}

button {
    cursor: pointer;
    border: 0;
}

input {
    padding: 0 10px;
    font-size: 14px;
    line-height: 38px;
    background-color: #fff;
    border: 1px solid #CCCDD0;
    border-radius: 3px;
}

input:hover, textarea:hover {
    border-color: #666;
}

input:focus, textarea:focus {
    border-color: #66afe9;
}

input:disabled, textarea:disabled {
    background-color: #DEDFE2;
}

textarea {
    padding: 10px;
    min-height: 200px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #CCCDD0;
    border-radius: 3px;
}

.widget-static-block {display: inline-block;}

.no-display {
  display: none !important;
}

/* Сив бутон */
.grey-button {
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    color: #333;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6) inset;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f8fa),color-stop(100%,#e7e9ec));
    border: 1px solid #CCCDD0;
    border-radius: 5px;
}

.grey-button:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#EFF1F5),color-stop(100%,#DADDE2));
}

.grey-button:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

/************************************************************/
/*** СТИЛОВЕ И ИНСТРУКЦИИ ЗА РАБОТА С ШРИФТА С КАРТИНКИТЕ ***/
/************************************************************/

/*

Линк за генериране на html код за картинка от тук:
https://material.io/icons/

Инструкции за интеграция и прилагане в сайт
http://google.github.io/material-design-icons/

КАК ДА ИЗПОЛЗВАМЕ ШРИВФРА В BEFORE И AFTER

Уникода на синвола е същия като html кода, заменете &#x със \ и премахнете точката и запетая накрая

Пример:

html кода е -> 
Уникода е -> \E5CD

Използва се така:

content: "\E5CD";

Добавете и шрифта иначе няма да бъде разпознат синвола

font-family: "Material Icons";

Примерен :before

.Класа-на-елемента:before {
    font-family: "Material Icons";
    vertical-align: middle;
    padding: 0 8px 0 0;
    font-size: 25px;
    content: "\E558";
}

 */

 /* Rules for sizing the icon. */
/*.material-icons.md-10 { font-size: 10px; } */
/*.material-icons.md-12 { font-size: 12px; }*/
/*.material-icons.md-14 { font-size: 14px; }*/
/*.material-icons.md-16 { font-size: 16px; }*/
/*.material-icons.md-18 { font-size: 18px; }*/ /* Стандартен */
/*.material-icons.md-20 { font-size: 20px; }*/
/*.material-icons.md-22 { font-size: 22px; }*/
/*.material-icons.md-24 { font-size: 24px; }*/ /* Стандартен, оригиналния размер */
/*.material-icons.md-26 { font-size: 26px; }*/
/*.material-icons.md-28 { font-size: 28px; }*/
/*.material-icons.md-30 { font-size: 30px; }*/
/*.material-icons.md-32 { font-size: 32px; }*/
/*.material-icons.md-34 { font-size: 34px; }*/
.material-icons.md-36 { font-size: 36px; } /* Стандартен */ /* Използвам */
/*.material-icons.md-38 { font-size: 38px; }*/
.material-icons.md-40 { font-size: 40px; } /* Използвам */
/*.material-icons.md-42 { font-size: 42px; }*/
/*.material-icons.md-44 { font-size: 44px; }*/
/*.material-icons.md-46 { font-size: 46px; }*/
/*.material-icons.md-48 { font-size: 48px; }*/ /* Стандартен */

/* Rules for using icons as black on a light background. */
/*.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }*/
/*.material-icons.md-dark-md-inactive { color: rgba(0, 0, 0, 0.26); }*/

/* Rules for using icons as white on a dark background. */
/*.material-icons.md-light { color: rgba(255, 255, 255, 1); }*/
/*.material-icons.md-light-md-inactive { color: rgba(255, 255, 255, 0.3); }*/

/* Центриране всички изоражения спрямо текста до тях */
/*i {vertical-align: middle;}*/

/*****************************************/
/*** СТАНДАРТНИ БЕКГРАУНДИ НА ПОЛЕТАТА ***/
/*****************************************/

/* Цвета на фиксирана ленто отгоре на сайта */
.blue-bgr-1 {
    /*background-color: #0084ff;*/
    background-color: #007bc4;
}

/* Цвета на синия бутон на мегаменюто в лентата отгоре*/
.blue-bgr-2 {
    background-color: #22a7f0;
    /*background-color: #00aff5;*/
}

/* Цвета на светло сините полета в чекаута */
.blue-bgr-3 {
    background-color: #e4f1f9;
}

/* Сивия фон в основното мегаменю */
.grey-bgr {
    background-color: #f4f4f4;
}

/* Сивия фон на линковете под синята лента и футра */
.grey-bgr-2 {
    background-color: #f8f8f8;
}


.lightblue-bgr-3 {
     /* Цвета на полето "Резултати 46 - 90 от 714" */
    background-color: #f2f8fd;
}

/*****************************************/
/*** СТИЛОВЕТЕ НА СИСТЕМНИТЕ СЪОБЩЕНИЯ ***/
/*****************************************/

.messages,
.messages ul {
    display: none;
    list-style:none;
    margin:0;
    padding:0;
}

.messages {
    width:100%;
    margin-top: 15px;
}

.messages li {
    margin:0 0 10px;
}

.messages li li {
    margin:0;
    line-height:24px;
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    border-style:solid;
    border-width:1px;
    background-position:10px 9px;
    background-repeat:no-repeat;
    min-height:24px;
    padding:8px 16px;
    font-size:14px; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px; 
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.error-msg {
    background-color:#F2DEDE;
    border-color:#EED3D7;
    color:#B94A48;
}

.success-msg {
    background-color:#DFF0D8;
    border-color:#D6E9C6;
    color:#468847;
}

.note-msg {
    background-color:#D9EDF7;
    border-color:#BCE8F1;
    color:#3A87AD;
}

.notice-msg {
    background-color:#FCF8E3;
    border-color:#FBEED5;
    color:#C09853;
}

/*******************************/
/*** СТИЛА НА СТРАНИЦИРАНЕТО ***/
/*******************************/

/* Стила на "Резултати 1 - 45 от 714" които се показва след зареждане на нова страница */
.results_counter {
    width: 100%;
    margin: 0 0 4px 0;
    /*font: normal 12px/30px Helvetica,Arial;*/
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 1px 0 white;
}

ul.pagination-list {
    font-size: 18px;
    font-weight: bold;
    list-style: none;
    margin: 11px auto 0;
    padding: 15px 0;
    text-align: center;
    /*border-top: 1px solid #DCE6F0;*/
}

.pagination-list li{
    display: inline-block;
    /*margin-right: 5px;*/
}

/* Когато елемента е активен */
.pagination-list a.pagenav {
    display: inline-block;
    padding: 10px 12px 8px 12px;
    border:1px solid #FFF;
    border-radius: 4px;
}

.pagination-list a.pagenav:hover {
    padding: 9px 11px 7px 11px;
    background-color: #ebf5ff;
    border: 2px solid #005eb8;
    color: #005eb8;
}

/* Страницата на която сме */
.pagination-list li.current {
    display: inline-block;
    padding: 10px 12px 8px 12px;
    color: #fff;
    background-color: #005eb8;
    border:1px solid #005eb8;
    border-radius: 4px;
}

/* Предишна и Следваща, когато са активни */
.previous, .next {
    display: inline-block;
    padding: 12px 10px;
    font-size: 18px;
    margin: 0 10px;
    border:1px solid #d9d9d9;
    border-radius: 100px;
}

.previous:hover, .next:hover {
    color: #fff;
    background-color: #005eb8;
    border:1px solid #005eb8;
    border-radius: 100px;
}

/* Предишна и Следваща, когато не са активни */
.disabled {
    padding: 12px 10px;
    font-size: 18px;
    margin: 0 10px;
    color: #ccc;
    background-color: #fcfcfc;
    border: 1px solid #f2f2f2;
    border-radius: 100px;
}

/* Иконката на бутона за предишна страница */
li.disabled.previousli:before, .previous:before {
    display: inline-block;
    font-family: "Material Icons";
    vertical-align: middle;
    font-size: 25px;
    content: "\E5C4";
}

/* Иконката на бутона за следваща страница */
li.disabled.nextli:after, .next:after {
    display: inline-block;
    font-family: "Material Icons";
    vertical-align: middle;
    font-size: 25px;
    content: "\E5C8";
}

/**************************/
/*** СТИЛА НА SLIDESHOW ***/
/**************************/

.slideshow-container {
    float: right;
    position: relative;
    display: inline-block;
    width: 900px;
    height: 500px;
    margin: 0;
    padding: 0;
    background-color: #eee;
}

.slideshow-container .slideshow {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}

.slideshow-container .slideshow > li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block;
    margin: 0;
    text-align: center;
}

.slideshow-container .slideshow > li:first-child {
    position: static;
    z-index: 100;
}

.slideshow-container .slideshow > li img {
    max-width: 100%;
    /*max-height: 450px;*/
    margin-bottom: -5px;
}

.slideshow-pager {
    text-align: center;
    width: 100%;
    z-index: 115;
    position: absolute;
    bottom: 5px;
    top: auto;
    overflow: hidden;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.slideshow-pager span {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
}

.slideshow-pager span:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    border-radius: 50px;
    border: 2px solid #4180b1;
    background-color: #FFFFFF;
    position: relative;
}

.slideshow-pager span:hover:before {
    background-color: #4180b1;
}

.slideshow-pager span.cycle-pager-active:before {
    background-color: #f23117;
    border-color: #cb230c;
}

.slideshow-prev,
.slideshow-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -40px 0 0 0;
    padding: 0;
    color: #4180b1;
    background-color: #fff;
    border: 3px solid #4180b1;
    border-radius: 100px;
    opacity: 0.4;
    z-index: 110;
}

.slideshow-prev:hover,
.slideshow-next:hover {
    opacity: 1;
}

.slideshow-prev:before {
    position: absolute;
    top: 10px;
    right: 1px;
    font-family: "Material Icons";
    content: '\E408';
    font-size: 40px;
}

.slideshow-next:before {
    position: absolute;
    top: 10px;
    font-family: "Material Icons";
    content: '\E409';
    font-size: 40px
}

.slideshow-prev {
    left: 20px;
}

.slideshow-next {
    right: 20px;
}

/****************************************************/
/*** СТИЛОВЕТЕ НА ЕЛЕМЕНТИТЕ В НАЧАЛАНТА СТРАНИЦА ***/
/****************************************************/

/* Стила на заглавието на всяка секция, примерно в началната страница */
.hp-bordered-title {
    margin-top:30px;
    text-align: center;
    border-top: 1px solid #BDC7CB;
}

.hp-bordered-title .seo-text-home-page {
    display: inline-block;
    text-align: left;
    margin-top: 8px;
    padding: 0 15px;
    background-color: #f3f3f3;
}

.hp-bordered-title h1,
.hp-bordered-title .badges-title {
    display: block !important;
    margin: -10px 0 5px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    /*font-style: italic;*/
    /*color: #000;*/
    
}

.hp-bordered-title span {
    display: inline-block;
    padding: 0 15px;
    background-color: #fff;
}

/* Стиловете на менюто от ляво на слайдъра в началната страница */
.home-page-menu-desctop {
    float: left;
    width: 284px;
    box-sizing: border-box;
    list-style:none;
    margin:0 11px 0 0;
    padding:0;
    /*background: #f4f4f4;*/
    border: 1px #d3d3d3 solid;
    border-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.home-page-menu-desctop .first-menu-title {
    position: relative;
    display: inline-block;
    width: 282px;
    box-sizing: border-box;
    margin: 0;
    padding: 13px 39px 13px 43px;
    /*text-transform: uppercase;*/
    background-color: #f5f5f5;
    border-bottom: 1px #d3d3d3 solid;
    font-size: 16px;
    text-align: left;
    color: #000;
}

.home-page-menu-desctop .first-menu-title:before {
    position: absolute;
    margin-top: -10px;
    top: 50%;
    left: 10px;
    font-family: "Material Icons";
    font-size: 21px;
    font-weight: normal;
    content: "dehaze";

}

.home-page-menu-desctop .first-menu-title::after {
    position: absolute;
    margin-top: -10px;
    top: 50%;
    right: 10px;
    font-family: "Material Icons";
    font-size: 21px;
    font-weight: normal;
    content: "keyboard_arrow_down";
}

.home-page-menu-desctop a {
    position: relative;
    display: inline-block;
    display: table-cell;
    vertical-align: top;
    width: 282px;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 39px 10px 10px;
    border-bottom: 1px #d3d3d3 solid;
    font-size: 14px;
    text-align: left;
    color: #000;
}

.home-page-menu-desctop li a:after {
    position: absolute;
    margin-top: -10px;
    top: 50%;
    right: 7px;
    font-family: "Material Icons";
    font-size: 21px;
    color: #666;
    content: "\E315";
}

.home-page-menu-desctop li a:hover {;
    background: #f2f8fd;
}





/* Стиловете на мрежата от дивове под слайдъра */

.hp-right-margin {
    margin-right: 15px;
}

.hp-grid-styles {
    color: #000;
}

.hp-grid-styles img {
    float: left;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hp-grid-styles img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.hp-cql-red{
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
    overflow: hidden;
}

.hp-polovinka{
    position: relative;
    float: left;
    width: 592.5px;
    margin-top: 15px;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.hp-tretinka{
    position: relative;
    float: left;
    width: 390px;
    margin-top: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.hp-dvoina-tretinka{
    position: relative;
    float: left;
    width: 795px;
    margin-top: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.hp-petina{
    position: relative;
    float: left;
    width: 228px;
    margin-top: 9px;
    box-sizing: border-box;
    overflow: hidden;
}

/* Дива с центрирания текст на всяко поле */
.hp-bottom-centered {
    position: absolute;
    bottom: 20px;
    left: 50%;
    padding: 10px 10px 8px 10px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 white;
    text-align: center;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hp-grid-styles:hover > .hp-bottom-centered {
    color: #000;
    background-color: rgba(255, 255, 255, 0.9);
}

.hp-bottom-desc {display: none;}

/* Стиловете на баджовете под слайдъра */
.badges-title {
    display: none;
}

.apps {
    height: 208px;
    padding: 10px;
    font-size: 12px;
    font-style: italic;
    text-align: center;
    text-shadow: 0 1px 0 white;
}

.apps span {
    display: block;
    padding-bottom: 5px;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-shadow: 0 1px 0 white;
}

.badge1:before {
    display: inline-block;
    width: 100px;
    margin: 5px 0 10px 0;
    font-family: "Material Icons";
    content: '\E32A';
    font-size: 60px;
    font-style: normal;
    line-height: 100px;
    color: #007bc4;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 100%;
}

.badge2:before {
    display: inline-block;
    width: 100px;
    margin: 5px 0 10px 0;
    font-family: "Material Icons";
    content: '\E558';
    font-size: 60px;
    font-style: normal;
    line-height: 100px;
    color: #007bc4;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 100%;
}

.badge3:before {
    display: inline-block;
    width: 100px;
    margin: 5px 0 10px 0;
    font-family: "Material Icons";
    content: '\E05A';
    font-size: 60px;
    font-style: normal;
    line-height: 100px;
    color: #007bc4;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 100%;
}

.badge4:before {
    display: inline-block;
    width: 100px;
    margin: 5px 0 10px 0;
    font-family: "Material Icons";
    content: '\E169';
    font-size: 60px;
    font-style: normal;
    line-height: 100px;
    color: #007bc4;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 100%;
}

.badge5:before {
    display: inline-block;
    width: 100px;
    margin: 5px 0 10px 0;
    font-family: "Material Icons";
    content: '\E7F2';
    font-size: 60px;
    font-style: normal;
    line-height: 100px;
    color: #007bc4;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 100%;
}

/***********************************/
/*** СТИЛОВЕТЕ НА ЛЕНТАТА ОТГОРЕ ***/
/***********************************/

/* Стила на цялата лента отгоре */
.top-fix {
    position:fixed;
    top: 0px;
    left:0px;
    right: 0px;
    z-index: 9999999999; /* По малко не, защото се показва под Magic Zoom Plus */
    height: 55px;
    /*box-shadow: 0 2px 3px rgba(0,0,0,.2);*/
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    
}

/* Стила на центрираната таблица в средата с менюто, логото, търсачката и бутоните от дясно */
.top-fix-table {
    display: table;
    margin: 0 auto;
    min-width: 1000px;
    max-width: 1200px;
    text-align: left;
    color: #FFF;
    box-sizing: inherit;
}

/* Колоната от ляво в която се намират менюто и логото */
.top-fix-header-left-col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

/* Средната колона в която се намира търсачката */
.top-fix-mid-col {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 55px;
    vertical-align: middle;
}

/* Колоната от дясно на тъсачката */
.top-fix-right-col {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
}

/****************************************************/
/*** СТИЛА НА ОСНОВНОТО ПАДАЩО МЕНЮ С КАТЕГОРИИТЕ ***/
/****************************************************/

/* Стила на бутона на падащото меню */
div.top-fix-header-menu {
    display: block;
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    width: 70px;
    height: 55px;
    text-align: center;
    box-sizing: content-box;
}

/* Стила на ul-a на падащото меню */
ul.nav {
    position:relative;
    list-style:none;
    margin:0px;
    padding:0px;
}

div.dropdown-toggle {
    cursor: pointer;
    display: block !important;
    height: 55px;
    /*font: normal 11px/3px Helvetica,Arial;*/
    font-size: 11px;
    line-height: 3px;
    text-align: center;
}

/* Стила на падащото меню с бутоните */
ul.dropdown-menu {
    position:absolute;
    top:55px;
    left:0;
    z-index: 99999;
    display: none;
    width: 238px;
    min-height:475px;
    padding:0;
    list-style: none;
    border:1px solid #CCC;
    border-top: 0;
    box-shadow: 0 2px 10px -2px rgba(0,0,0,.15);
}

/* Стила на бутоните на падащото меню, когато мишката не е върху тях */
ul.dropdown-menu > li > a {
    display:block;
    position: relative;
    z-index: 10002;
    width:228px;
    height: 33px;
    padding-left: 10px;
    margin: 0;
    /*font: normal 13px/33px Helvetica,Arial;*/
    font-size: 13px;
    line-height: 33px;
    text-align:left;
    color:#000000;
    border-bottom:1px solid #eee;
}

/* Стила на бутона от падналото меню когато мишката е върху него, но само минава от там не е зареден прозореца от дясно */
ul.dropdown-menu > li > a:hover {
    background-color: #FFF;
}

/* Стила на бутона от падналото когато мишката е върху него и прозореца от дясно е показан */
ul.dropdown-menu > li > a.maintainHover {
    background-color: #FFF;
}

/* Стила, които се добавя от java файловете за да се покаже менюто */
.open {z-index: 1000;}
.open > .dropdown-menu {display: block;}

/* Стила и позицията на голямия изкачащ прозорец с основната информация от дясно */
.popover {
    position: absolute;
    top:0;
    left:238px;
    z-index: 10001;
    display: none;
    min-width:960px;
    min-height:476px;
    text-align: left;
    border:1px solid #ccc;
    border-top:0;
    border-left:0;
    background-color: #fff;
    box-shadow: 0 2px 10px -2px rgba(0,0,0,.15);
}

/* Скрива елемента */
.popover .hidemenu {
    display: none;
}

/* Стила на стандартна колона в меню допълнителния прозорец в основното меню */
.megamenu-col {
    position: relative;
    display: block;
    float: left;
    width: 210px;
    height: 445px;
    padding: 15px;
}

/* Стила на обикновенния линк */
.megamenu-col a {
    display: block;
    padding: 4px 5px 3px;
    font-size: 13px;
    line-height: 1.42857;
    white-space: normal;
    color: #000;
}

.megamenu-col a.off {
    position: relative;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    display: block;
    padding: 4px 5px 3px;
    font-size: 13px;
    line-height: 1.42857;
    white-space: normal;
    color: #BBB;
}

.megamenu-col a.off:after {
    content: "(0)";
    padding-left: 5px;
}

/* Стила на линка когато е заглавие */
.megamenu-title {
    padding: 4px 5px 3px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857;
    color: #000;
}

a.megamenu-title {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.42857;
    color: #005eb8;
}

/* Стила на линка */
.megamenu-col a:hover {
    color: /*#00376c*/;
    text-decoration: underline;
}

/* Стила на банера */
.megamenu-banner {
    position: relative;
    display: inline-block;
    float: left;
    min-width: 240px;
    height: 475px;
}

/***************************************/
/*** ИКОНИТЕ ПРЕД ГЛАВНИТЕ ГАТЕГОРИИ ***/
/***************************************/

/* Дом & Градина */
a.home-garden:before {
}


/* БИЖУТА & ЧАСОВНИЦИ */
a.watches-and-jewelry:before {

}

/* ДРЕХИ, ОБУВКИ И АКСЕСОАРИ */
a.shoes-accessories:before {

}

/* Електроника, TV & Gaming */
a.tv-and-gaming:before {

}

/* ПАРФЮМИ, ЗДРАВЕ И КРАСОТА */
a.perfums-health:before {

}

/* ХРАНИ & ХРАНИТЕЛНИ ДОБАВКИ */
a.foods-supplementis:before {

}

/* ИГРАЧКИ & ДЕТСКИ АРТИКУЛИ */
a.igrachki-detski-artikuli:before {

}

/* Къмпинг, Пикник и Приключения */
a.camping-picnic-adventure:before {

}

/* ТУНИНГ И АВТОАКСЕСОАРИ */
a.tuning-parts:before {

}

/* ПРОМО ОФЕРТИ */
a.promo-oferti:before {

}


/***********************/
/*** СТИЛА НА ЛОГОТО ***/
/***********************/

div.top-fix-logo {
    padding: 0px 20px 0 85px;
    font-weight: bold;
    font-size: 19px;
}

div.top-fix-logo a {
    color: #fff;
}

/************************/
/*** СТИЛА ТЪРСАЧКАТА ***/
/************************/

/* Стила на дива в които се намират търсачката и бутона за търсене */
#search_mini_form {
    width: 100%;
}

/* Стила на стелката която сочи към логото отстрани на търсачката */
.search-input-box:before {
    content: " ";
    position: absolute;
    left: -6px;
    top: 21px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 6px 6.5px 0;
    border-color: transparent #fff transparent transparent;
}

/* Стила на дива в които се намира полето за търсене */
.search-input-box {
    display: table-cell;
    width: 100%;
}

/* Стила на самото поле за търсене */
.top-fix-mid-col input[type="text"] {
    width: 100% !important;
    padding: 0 12px 0 12px;
    box-sizing: border-box;
    /*font: normal 15px/32px Helvetica,Arial;*/
    font-size: 15px;
    line-height: 32px;
    border: 0;
    border-radius: 4px 0 0 4px;
}

/* Стила на аякс резултатите */
.search-autocomplete {
    margin-top: -2px;
    padding: 0;
    background-color: #fff;
    color: #000;
    box-shadow: 0 6px 8px 2px rgba(0,0,0,.20);
}

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

.search-autocomplete ul li {
    cursor: pointer;
    padding: 10px;
}

.search-autocomplete ul li:hover {
    background-color: #eee;
}

.amount {
    float: right;
}

/* Стила на дива в които се намира бутона на търсачката */
.form-search-button {
    display: table-cell;
}

/* Стила на бутона за търсене */
.search-button{
    display: inline-block;
    height: 32px;
    padding: 0 18px 0 15px;
    /*font: normal 14px/33px Helvetica,Arial;*/
    font-size: 14px;
    line-height: 33px;
    color: #fff;
    background-color: #00b6ff;
    border-radius: 0 100px 100px 0;
}

.search-button:hover {
    background-color: #04a2e2;
}

/* СЪобщението при празно търсене */
.search-no-product {
    display: block;
    margin: 40px 0 25px 0;
    padding: 15px 15px 0 15px;
    color: #CC0000;
    /*background-color: #E6C0C0;*/
    border:1px solid #DE7A7B;
    border-radius: 4px;
}

/*********************************/
/*** СТИЛА ТЕЛЕФОНА ЗА КОНТАКТ ***/
/*********************************/

/* Основния див */
.main-gsm-container {
    display: table;
    margin: 0 15px 0 20px;
}

/* Дива в които се намира картинката с оператора */
.gsm-logo-div {
    display: table-cell;
    padding: 2px 8px 0 0;
    vertical-align: middle;
}

/* Дива в които се намира текста "За контакт с нас" */
.gsm-text-div {
    display: table-cell;
    vertical-align: middle;
    /*font: normal 11px Helvetica,Arial;*/
    font-size: 11px;
    line-height: 11px;
    color: #FFF;
}

/* Спан-а в които се намира телефонни номер */
.gsm-text-div span {
    display: block;
    /*font: bold 16px/20px Helvetica,Arial;*/
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

/***********************************/
/*** СТИЛА МЕНЮТО НА ПОТРЕБИТЕЛЯ ***/
/***********************************/

/* Основния див */
.main-user-container {
    position: relative;
    display: table;
    padding: 5px 10px 5px 4px;
    margin-right: 8px;
}

.main-user-container-btn {
    cursor: pointer;
}

/* Дива в които се намира картинката с оператора */
.user-logo-div, .user-menu-text {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}

.user-logo-div {
    padding-right: 8px;
}

/* Стила на менюто с бутоните за вход и регистрация, което се показва */
.user-menu {
    display: none;
    position: absolute;
    top: 90%;
    right: 0;
    box-sizing: border-box;
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px -2px rgba(0,0,0,.50);
}

.user-menu:after{
    content: '';
    position: absolute;
    right: 25px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    clear: both;
}

.main-user-container:hover .user-menu {
    display: block;
}

/* Елементите в менюто, когато потребителя не се е индентифицирал */
.user-text {
    position: relative;
    padding: 15px 15px 15px 60px;
    white-space: normal;
}

.user-text:before {
    position: absolute;
    top: 25px;
    left: 10px;
    font-family: "Material Icons";
    font-size: 40px;
    color: #007bc4;
    content: "\E7FD";
}

.user-buttons {
    padding: 20px 0;
    text-align: center;
    background-color: #f8f8f8;
    border-top: 1px solid #eee;
    border-radius: 0 0 4px 4px;
}

a.loginButton {
    margin-right: 15px;
    padding: 8px 15px;
    color: #fff;
    background-color: #007bc4;
    border-radius: 4px;
}

a.loginButton:hover {
    background-color: #005eb8;
}

/* Потребителското меню когато клиента е логнат */
.user-menu .welcomeDiv {
    padding: 15px 0;
    text-align: center;
    font-weight: bold;
}
.user-menu ul {
    list-style: none;
    margin: 0 15px;
    padding: 0;
}

.user-menu li {
    position: relative;
    padding: 5px 10px 5px 20px;
}

.user-menu li:before {
    position: absolute;
    top: 5px;
    left: 0;
    font-family: "Material Icons";
    font-size: 15px;
    color: #007bc4;
    content: "\E315";
}

.user-menu li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

/***********************/
/*** СТИЛА КОЛИЧКАТА ***/
/***********************/

/* Стила на основния див в които са намира количката */
.cart-container {
    display: table;
    width: 140px;
    border: 1px solid #007bc4;
}

.cart-container:hover {
    border: 1px solid #fff;
    border-radius: 3px;
}

/* Стила на дива в които се намира картинката с количката и броя продукти */
.number-products-in-cart {
    display: table-cell;
    width: 54px;
    height: 40px;
    padding-left: 6px;
    /*font: bold 16px/22px Helvetica,Arial;*/
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #ffc120;
    text-align: center;
    background:url(https://www.donbaron.gr/skin/frontend/donbaron/default/images/cart.png) no-repeat 8px 4px;
    background-size: 43px;
}

/* Стила на самия текст отстрани на броя продукти */
.products-in-cart-text {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    /*font: normal 13px/16px Helvetica,Arial;*/
    font-size: 13px;
    line-height: 16px;
    color: #fff;
}

/****************************************/
/*** СТИЛА ЛИНКОВЕТЕ ПОД СИНЯТА ЛЕНТА ***/
/****************************************/

/* Стила главния контейнер */
.top-submenu-main-container {
    position: relative;
    z-index: 2;
    padding:8px 0;
    background-color: #fff;
    box-shadow: 0 3px 2px -2px rgba(0,0,0,.2), 0 -2px 1px -2px rgba(0,0,0,.2);
}

/* Стила центрирането поле, което е таблица */
.top-submenu-table {
    display: table;
    margin: 0 auto;
    min-width: 1000px;
    max-width: 1200px;
    color: #666;
}

/* Стила на всяка една колона от таблицата */
.top-submenu-table-col {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

/* Стила на колоната която се разпъва максимално спрямо останалото празно място от другите колони */
.top-submenu-table-col-mid {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

/* Стила на на линка в таблицата */
.top-submenu-table a {
    padding: 0 10px;
    font-size: 12px;
    color: #333;
}

.top-submenu-table a:hover {
    text-decoration: underline;
    color: #000;
}

/***************************************************************/
/*** СТИЛА НА ПОЛЕТО С БЕЗПЛАТНА ДОСТАВКА И ПРАВО НА ВРЪЩАНЕ ***/
/***************************************************************/

.widget-benefits {
    display: table;
    table-layout: fixed;
    width: 1200px;
    padding: 10px;
    /*margin-top: 15px;*/
    margin-bottom: 15px;
    box-sizing: border-box;
    color: #005596;
}

.widget-benefits-col {
    display: table-cell;
    text-align: center;
    text-transform: uppercase;
    /*color: #007bc4;*/
    text-shadow: 0 1px 0 white;
}

.free-shipping-col:before {
    font-family: "Material Icons";
    vertical-align: middle;
    margin: 0 12px 0 0;
    font-size: 21px;
    content: "\E558";
}

.replacement-col:before {
    font-family: "Material Icons";
    vertical-align: middle;
    margin: 0 12px 0 0;
    font-size: 21px;
    content: "\E05A";
}

.open-goods-col:before {
    display: inline-block;
    font-family: "Material Icons";
    vertical-align: middle;
    margin: 0px 12px 0 0;
    font-size: 21px;
    content: "\E169";
}

/****************************/
/*** СТИЛА НА BREADCREMBS ***/
/****************************/

.breadcrumbs, .addto {
    font-size: 13px;
    color: #666;
}

.breadcrumbs ol {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}

.breadcrumbs ol li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.breadcrumbsCat:before {
    position: absolute;
    top: 0px;
    left: -17px;
    display: inline-block;
    font-family: "Material Icons";
    font-size: 16px;
    color: #007bc4;
    content: "keyboard_arrow_right";
}

/*************************************/
/*** СТИЛА НА ОСНОВНАТА ИНФОРМАЦИЯ ***/
/*************************************/

/* Основния див в които се намира центрирания див с бял фон*/
#main {
    width: 1200px;
    padding: 15px;
    margin: auto;
    text-align: left;
    background-color: #fff;
}

.mainContent {
    width: 980px;
}

.mainContent3col {
    display: block;
    width: 582.50px;
    margin-left: 288.75px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.threeColLeft {
    position: absolute;
    top: 0px;
    left: 0px;

}

.asideLeft {
    /*width: 288.75px;*/
    width: 205px;
    margin-right: 15px;
    font-family: 'Roboto Condensed', sans-serif;

}

.asideRight {
    width: 288.75px;
    margin-left: 15px;
    font-family: 'Roboto Condensed', sans-serif;

}

/*****************************************************/
/*** СТИЛОВЕТЕ НА БЛОКОВЕТЕ ПРИ ИЗГЛЕД В КАТЕГОРИЯ ***/
/*****************************************************/

/* Главните колони */
.category-menu-wrapper {
    float: left;
    width: 300px;
}

.category-page-wrapper {
    float: left;
    max-width: 900px;
}

/* Стиловете на решетката от дясно */
.col-full-line {
    width: 100%;
}

.col-full-line img {
    width: 100%;
}

/* Стиловете на падащото меню в страница на категория */
.hidden-for-desctop, .hidden-for-all {
    display: none;
}

.category-menu-block-title {
    position: relative;
    display: inline-block;
    width: 284px;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    padding: 13px 39px 13px 13px;
    text-transform: uppercase;
    background-color: #f5f5f5;
    border: 1px #d3d3d3 solid;
    font-size: 16px;
    text-align: left;
    color: #000;
    cursor: pointer;
}

.category-menu-block-title:hover {
    background-color: #EBEBEB;
}

/* Стиловете на менюто от ляво */
.category-menu-block {
    width: 284px;
    box-sizing: border-box;
    list-style:none;
    margin:-15px 11px 15px 0;
    padding:0;
    /*background: #f4f4f4;*/
    border: 1px #d3d3d3 solid;
    border-top: 0;
    border-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.category-menu-block-title::after {
    position: absolute;
    margin-top: -10px;
    top: 50%;
    right: 10px;
    text-transform:none;
    font-family: "Material Icons";
    font-size: 21px;
    font-weight: normal;
    content: "keyboard_arrow_down";
}

.category-menu-block a {
    position: relative;
    display: inline-block;
    display: table-cell;
    vertical-align: top;
    width: 282px;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 39px 10px 10px;
    border-bottom: 1px #d3d3d3 solid;
    font-size: 14px;
    text-align: left;
    color: #000;
}

.category-menu-block li a:after {
    position: absolute;
    margin-top: -10px;
    top: 50%;
    right: 7px;
    font-family: "Material Icons";
    font-size: 21px;
    color: #666;
    content: "\E315";
}

.category-menu-block li a:hover {
    background: #f2f8fd;
}

/* Стиловете на въртележката с категории */
.category-set-title {
    margin: 0;
    padding: 20px 0 0 0;
    font-size: 24px;
    font-weight: 200;
}

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

/* Стила на всяко li */
.related-category-list li {
    float: left;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

/* Отстоянията на всяка рамка */
.related-category-margin {
    margin: 12px 12px 0 0;
}

/* Премахва отстоянието на div-a на всяко 4-то li */
.related-category-list li:nth-of-type(4n){
    margin-right: -12px;
}

/* Рамката на всеки един продукт */
.related-category-main-border {
    position: relative;
    display: block;
    width: 216px;
    height: 280px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    /*overflow: hidden;*/
    border: 1px solid #ddd;
}

.related-category-main-border:hover {
    border: 1px solid #999;
}

.related-category-main-border img {
    max-width: 170px !important;
    max-height: 170px !important;
}

/* Стила на името на продукта */
.related-category-name {
    display: table-cell;
    width: 194px;
    height: 80px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 20px;
    text-shadow: 0 1px 0 white;
    color: #005596;
    white-space: normal;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    /*background-color: #ccc;*/
}

/*********************************************************************************/
/*** СТИЛОВЕТЕ НА ИМЕТО НА КАТЕГОРИЯТА И ТУЛБАРА ОТГОРЕ В КАТЕГОРИЯ С ПРОДУКТИ ***/
/*********************************************************************************/

/* Стиловете на заглавието когато страницата е от една колона*/
.category-name {
    font-size: 24px;
    line-height: 15px;
    font-weight: normal;
}

/* Когато страницата е от две части с колона от ляво */
.floatRight .category-name {
    margin: 5px 0 22px -220px;
    font-size: 24px;
    line-height: 15px;
    font-weight: normal;
}

/* Стиловете на тулбара */
.toolbar {
    box-sizing: border-box;
    margin: 15px 0 3px 0;
    padding: 8px 10px;
    background-color: #f8f8f8;
    border: 1px solid #d9dbda;
}

.toolbar div {
    display: inline-block;
    margin-right: 15px;
    font-size: 11px;
    color: #222;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

.toolbar select {
    margin: 0 8px;
}

.asc:before {
    font-family: "Material Icons";
    vertical-align: middle;
    margin: 0 0 0 -8px;
    font-size: 22px;
    color: #000;
    content: "\E5CF";
}

.desc:before {
    font-family: "Material Icons";
    vertical-align: middle;
    margin: 0 0 0 -8px;
    font-size: 22px;
    color: #000;
    content: "\E5CE";
}

/**********************/
/*** СТИЛА ФИЛТРИТЕ ***/
/**********************/

/* Основния контейнер с всички филтри */
.filters {
    margin-top: 42px;
}

/* Контейнера с избраните елменти от филтрите */
.currently {
    border: 1px solid #d9dbda;
    border-bottom: 0;
}

.btn-remove, .filterItemCnt {
    display: table-cell;
    vertical-align: middle;
    padding-left: 3px;
}

.filterItemType, .filterItem {
    display: block;
    font-size: 13px;
    line-height: 16px;
}

.filterItemType {
    font-weight: bold;
}

.btn-remove {
    color: #E74C3C;
}

.btn-remove:hover {
    color: #900;
}

.clearAllBtn {
    margin-bottom: 15px;
}

.clearAllBtn a {
    display: block;
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #E74C3C;
}

.clearAllBtn a:hover {
    background-color: #B12820;
}

/* Филтрите */
.filterBox {
    border: 1px solid #d9dbda;
    margin-bottom: 15px;
}

.filterTitle {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d9dbda;
}

.fitlerScrollWrapper {
    max-height: 369px;
    overflow: hidden;
    overflow-y: auto;
}

.fitlerScrollWrapper ul, .currently ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fitlerScrollWrapper li, .currently li {
    border-bottom: 1px dotted #ccc;
}

.fitlerScrollWrapper li:last-child, .currently li:last-child {
    border-bottom: 0;
}

.fitlerScrollWrapper a {
    display: block;
    padding: 8px 10px;
    color: #000;
}

.fitlerScrollWrapper a:hover {
    background-color: #f2f8fd;
}

/***************************************************/
/*** СТИЛА НА ПРОДУКТИТЕ ПРИ ИЗГЛЕД НА КАТЕГОРИЯ ***/
/***************************************************/

ul.category-products-list,
ul.brand-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Стила на всяко li */
.category-products-list li,
.brand-list li {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

/* Премахва отстоянието на div-a на всяко 4-то li !!! Хардкоднато е във всеки шаблон 1колона, 2колони-лефт, 3колони */

/* Отстоянията на всяка рамка */
.category-product-margin {
    margin: 11px 11px 0 0;
    font-family: 'Roboto Condensed', sans-serif;
}

/* Рамката на всеки един продукт */
.category-product-main-border,
.brands-main-border {
    position: relative;
    display: block;
    box-sizing: border-box;
    /*overflow: hidden;*/
    border: 1px solid #eee;
    
    background-size: 100% 200px;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: -ms-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: -moz-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: -o-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fafafa),color-stop(.2,#fdfdfd),color-stop(.6,#fff));
    background-image: -webkit-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: linear-gradient(to top,#fafafa 0,#fdfdfd 20%,#fff 60%);
}

.category-product-main-border {
    width: 233.75px;
    height: 417px;
    padding: 10px;
}

.category-product-main-border:hover,
.brands-main-border:hover {
    border: 1px solid #ccc;
}

.category-product-main-border img {
    width: 211px;
}

/* Баджа когато продукта е в промоция */
.category-product-discount-badge {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -1px;
    z-index: 100;
    padding: 2px 5px 2px 7px;
    font-size: 16px;
    color: #fff;
    background-color: #E67A00;
}

/* Ефекта в края на баджа */
.cp-badge-e {
    position: absolute;
    top: 0;
    right: -12px;
    z-index: 100;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-top: 24px solid;
    color: #E67A00;
}

/* Баджа за изчерпана наличност */
.category-product-stock-badge {
    width: 211px;
    margin-top:-30px;
    z-index: 100;
    height: 26px;
    /*font: normal 14px/26px Helvetica,Arial;*/
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color:#f00;
    opacity:0.5;
}


/* Стила на бранда на всеки продукт */
.category-product-brand{
    display: block;
    height: 22px;
    margin-top: 6px;
    /*font: normal 18px Helvetica,Arial;*/
    font-size: 18px;
    color: #000;
    text-shadow: 0 1px 0 white;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    /*background-color: #ccc;*/
}

/* Стила на името на продукта */
.category-product-name {
    display: block;
    height: 52px;
    margin-top: 8px;
    margin-bottom: 6px;
    /*font: normal 12px/14px Helvetica,Arial;*/
    font-size: 14px;
    line-height: 17px;
    text-shadow: 0 1px 0 white;
    color: #666;
    text-align: center;
    overflow: hidden;
    /*background-color: #ccc;*/
}

/* Дива в които се намира информацията за наличност и време за доставка */
.category-estimated-delivery-time {
    display: table-cell;
    vertical-align: middle;
    width: 206px;
    height: 50px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    /*background-color: #ccc;*/
}

.category-producta-out-stock-badge {
    position: relative;
    display: inline-block;
    padding: 4px 7px 5px 28px;
    color: #fff;
    background-color: #b12704;
    border-radius: 4px;
}

.category-producta-out-stock-badge::before {
    position: absolute;
    top: 4px;
    left: 7px;
    font-family: "Material Icons";
    font-size: 16px;
    content: "clear";
}

.category-producta-in-stock-badge {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-weight: bold;
    color: #008000;
}

.category-producta-in-stock-badge::before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: "Material Icons";
    font-size: 14px;
    content: "done";
}

.category-product-free-shipping-bonus {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    font-weight: bold;
    color: #008000;
}

.category-product-free-shipping-bonus::before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: "Material Icons";
    font-size: 14px;
    content: "airplanemode_active";
}

.category-product-free-shipping-discount {
    position: relative;
    display: inline-block;
    padding: 4px 7px 5px 28px;
    color: #fff;
    background-color: #008000;
    border-radius: 4px;
}

.category-product-free-shipping-discount::before {
    position: absolute;
    top: 5px;
    left: 7px;
    font-family: "Material Icons";
    font-size: 15px;
    content: "flight";
}

.category-producta-delivery-time {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    color: #666;
}

.category-producta-delivery-time::before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: "Material Icons";
    font-size: 14px;
    content: "access_time";
}

/* Дива в които се намира цената на продукта */
.category-products-price {
    display: block;
    margin-top: 10px;
    text-align: center;
}

/* Цената на продукта */
.category-products-price .final-price {
    display: inline-block;
    /*font: bold 18px Helvetica,Arial;*/
    font-weight: bold;
    font-size: 18px;
    color: #b12704;
    text-shadow: 0 1px 0 white;
}

.category-products-price .old-price {
    display: inline-block;
    padding-right: 14px;
    /*font: bold 16px Helvetica,Arial;*/
    font-weight: bold;
    font-size: 16px;
    text-decoration: line-through;
    color: #8b8b8b;
}

/********************************/
/*** СТИЛА НА ПРОИЗВОДИТЕЛИТЕ ***/
/********************************/

.brand-list li:nth-of-type(7n) {
    margin: 0 -11px 0 0;
}

/* Рамката на всеки един продукт */
.brands-main-border {
    width: 158.5px;
    height: 200px;
    padding: 20px;
}

.brand-name {
    display: block;
    height: 30px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #000;
    text-align: center;
    overflow: hidden;
}

/**********************************************************/
/*** СТИЛА НА СТРАНИЦА С ПОДРОБНА ИНФОРМАЦИЯ ЗА ПРОДУКТ ***/
/**********************************************************/

/* Дива в които се намира заглавието и продуктовия код */
.product-top {
    border-bottom: 1px solid #d3d3d3;
}

/* Заглавието на продукта */
.product-top h1 {
    padding: 0;
    margin: -8px 0 0;
    /*font: normal 24px/35px Helvetica,Arial;*/
    font-weight: normal;
    font-size: 24px;
    line-height: 35px;
}

/* Дива на продуктовия код */
.product-top div{
    display: inline-block;
    padding: 5px 0 10px 0;
    /*font: normal 12px/20px Helvetica,Arial;*/
    font-size: 12px;
    line-height: 20px;
    /*color: #888;*/
}

.product-manufacturer, .product-weight {
    font-weight: bold;
}

.product-sku {
    padding: 2px 5px;
    margin-right: 2px;
    color: #fff;
    background-color: #b12704;
    border-radius: 4px;
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

/* Стила на рейтинга */
.product-top-score {
    position: relative;
    float: right;
    display: inline-block;
    margin: 0 5px;
    color: #ccc;
  
}

.product-top-score::before,
.product-top-score span::before{
    display: block;
    font-family: "Material Icons";
    font-size: 20px;
    content: "\E838\E838\E838\E838\E838";
}

.product-top-score span {
  color: gold;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

/* Бутона за споделя във фейсбук */
.fb-share-btn {
    position: relative;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    padding: 0 6px 0 18px;
    /*font: normal 12px/20px Helvetica,Arial,sans-serif;*/
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
    background: #4267b2;
    border: 1px solid #4267b2;
    border-radius: 3px;
}

.fb-share-btn:hover {
    color: #fff;
    background: #365899;
    border: 1px solid #365899;
}

.fb-share-btn:before {
    position: absolute;
    top: 1px;
    left: 6px;
    z-index: 1;
    font-size: 16px;
    /*font-weight: bold;*/
    content: "f";
}

/* Бутона за споделя във гугъл */
.gp-share-btn {
    position: relative;
    display: inline-block;
    height: 20px;
    padding: 0 6px 0 22px;
    /*font: normal 12px/20px Helvetica,Arial,sans-serif;*/
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
    background: #db4437;
    border: 1px solid #db4437;
    border-radius: 3px;
}

.gp-share-btn:hover {
    color: #fff;
    background: #c6372b;
    border: 1px solid #c6372b;
}

.gp-share-btn:before {
    position: absolute;
    top: 0;
    left: 6px;
    z-index: 1;
    font-size: 14px;
    content: "G";
}

/* Основния див на хедър частта на продуткта */
.product-header {
    display: table;
    width: 1200px;
    margin: 15px 0;
}

/* Колоната в която се намира галерията */
.product-gallery {
    display: table-cell;
    box-sizing: border-box;
    white-space: nowrap;
    width: 750px;
    vertical-align: top;
    text-align: center;
}

/* Карусела с малките снимки */
.product-thumbnails {
    display: inline-block;
    float: left;
    width: 90px;
}

.product-thumbnails img{
    max-width: 85px;
    max-height: 85px;
}

/* Голямата снимка на галерията */
.product-zoom-box {
    display: inline-block;
    float: right;
    width: 637px;
    margin-right: 15px;
}

.product-zoom-box img {
    max-width: 637px;
}

/* Колоната с информацията отстрани на галерията */
.product-info {
    position: relative;
    vertical-align: top;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.product-info:before {
    content: " ";
    position: absolute;
    left: -9px;
    top: 31px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.5px 8px 8.5px 0;
    border-color: transparent #d3d3d3 transparent transparent;
}

.product-info:after {
    content: " ";
    position: absolute;
    left: -8px;
    top: 32px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 8px 7.5px 0;
    border-color: transparent #FFF transparent transparent;
}

/* Премахва повторното появяване на цената под опцийте */
.product-options-bottom .price-box {display: none}

/* Контейнера на цената при покупка на една бройка */
.product-price-container .price-box {
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    text-align: center;
    /*border-bottom: 1px solid #d3d3d3;*/
}

/* Контейнера на редовната цената на продукта */
.product-price-container .regular-price,
.product-price-container .special-price {
    display: table-cell;
    height: 58px;
    vertical-align: middle;
}

/* Спана на цената на продукта */
.regular-price .price {
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #b12704;
}

.special-price .price {
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    color: #b12704;
}

/* Спана на старата цена на продукта */
.product-price-container .old-price .price {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    text-decoration: line-through;
    color: #000;
}

/* Спана на отстъпката на продукта */
.product-price-container .product-discount .price {
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    color: #008000;
}

/* Текста под цената, ако има такъв */
.product-price-container .price-label {
    padding-top: 5px;
    /*font: normal 12px Helvetica,Arial;*/
    font-size: 12px;
    color: #666;
}

/* Контейнера на старата цена при покупка на една бройка */
.product-price-container .old-price {
    display: table-cell;
    vertical-align: middle;
    width: 130px;
    border-right: 1px dotted #d3d3d3;
}

/* Контейнера на старата цена при покупка на една бройка */
.product-price-container .product-discount {
    display: table-cell;
    vertical-align: middle;
    width: 130px;
    border-left: 1px dotted #d3d3d3;
}

/* Контейнера на цената при покупка на поне Х броя */
.tier-price {
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
}

.tier-price .price{
    font-weight: bold;
    color: #b12704;
}

.tier-price .percent {
    color: #088921;
}

/* Контейнера с информация за взимане и доставяне */
.product-pick-up-info {
    padding: 10px 10px 4px 10px;
    font-size: 12px;
    background-color: #f2f8fd;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.free-ship-info-span {
    font-weight: bold;
    color: #008000;
}

.free-ship-info-span-discount {
    position: relative;
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 0px 7px 1px 22px;
    color: #fff;
    background-color: #008000;
    border-radius: 4px;
}

.free-ship-info-span-discount::before {
    position: absolute;
    top: 0;
    left: 4px;
    font-family: "Material Icons";
    font-size: 14px;
    content: "flight";
}

/* Полето с информация за цената на доставката */
.ship-price-info-span {
    display: block;
    margin-bottom: 7px;
}

.ship-info-price {
    font-weight: bold;
    color: #b12704;
}

.ship-price-info-span:before {
    display: inline-block;
    font-family: "Material Icons";
    vertical-align: middle;
    font-size: 20px;
    color: #38566f;
    margin: 0 7px 0 4px;
    content: "\E558";
}

/* Полето с информация за взимане на място */
.pick-up-info-span::before {
    display: inline-block;
    font-family: "Material Icons";
    vertical-align: middle;
    font-size: 20px;
    color: #38566f;
    margin: 0 7px 0 4px;
    content: "\E563";
}

/* Контейнера с опциите на продукта */
.product-options {
    padding: 0 10px;
}

.swatch-box {
    margin-top: 5px;
    text-align: left;
    border-bottom: 1px dotted #d9dbda;
}

.swatch-box {
    margin-top: 5px;
    text-align: left;
    border-bottom: 1px dotted #d9dbda;
}

/* Стила на заглавието на всяка опция */
.swatch-attr label{
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

.product-options label.required {
    display: block;
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
}

.select-label {
    color: #005eb8;
}

/* Стила на съобщението, че опцията е задължителна */
.product-options .validation-advice {
    margin: -4px 0 7px 0;
    font-size: 16px;
    font-weight: bold;
    color: #b94a48;
}

.product-options p.required,
.product-options .required em {display: none;}

/* Стиловете на всяка една от опциийте */
.product-options ul {
    list-style: none;
    margin: 0 -10px 0 0;
    padding: 0;
}

.product-options ul li {
    display: inline-block;
    float: left;
    margin: 0 9px 10px 0;
    height: 32px;
}

/* Стила на всяка една от опцийте */
.product-options .swatch-label {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.product-options ul li.selected .swatch-label {
    border-color: #005eb8;
    box-shadow: inset 0 0 0 1px #005eb8, inset 0 2px 8px 0 rgba(0,0,0,.15);
}

.product-options .swatch-label:hover {border-color: #666;}

.not-available {
    /*position: relative;
    pointer-events: auto;
    cursor: pointer;*/
    background: url(https://www.donbaron.gr/skin/frontend/donbaron/default/images/bg_x.png) center no-repeat transparent;
    opacity: 0.3;
}

/*.not-available:after {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
}*/

.product-options .swatch-label img {
    position: absolute;
    top: 3px;
    left: 3px;
    max-width: 24px;
    max-height: 24px;
}

/* Стиловете на количеството и бутоните за пазаруване */
.product-shop {
    text-align: center;
}

.qtyTitle {
    margin: 15px 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.qty-box {
    display: inline-flex;
    /*float: left;*/
    /*margin-top: -4px;*/
    padding: 3px 4px;
    border: 1px solid #A7A7A7;
    border-radius: 70px;
}

.input-qty {
    float: left;
    width: 34px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    /*background-color: #ccc;*/
    border: 0;
}

.qty-button-minus, .qty-button-plus {
    position: relative;
    float: left;
    font-size: 20px;
    line-height: 18px;
    font-weight: bold;
    color: #b12704;
    background-color: transparent;
    border:0;
}

.qty-button-minus:before {
    vertical-align: middle;
    font-family: "Material Icons";
    content: "\E15B";
}

.qty-button-plus:before {
    vertical-align: middle;
    font-family: "Material Icons";
    content: "\E145";
}

/* Стиловете на полето показващ наличността на продукта */
.availability {
    float: right;
    margin-left: 10px;
    font-weight: bold;
    line-height: 16px;
    text-align: left;
}

.availability div {
    display: block;
}

.availability.in-stock {
    /*font-family: 'Roboto Condensed', sans-serif;*/
    /*min-width: 160px;*/
    color: #008000;
}

.availability.in-stock .inStock-status1-out-of-stock,
.availability.in-stock .inStock-status-out-of-stock {
    display: none;
}

.inStock-status,
.inStock-status-out-of-stock {
    font-family: Helvetica,Arial;
    font-weight: normal;
    font-size: 12px;
}

.availability.out-of-stock {
    min-width: 150px;
    color: #b12704;
}

.availability.out-of-stock .inStock-status1,
.availability.out-of-stock .inStock-status {
    display: none;
}

/* Стиловете на полето показващо гаранцията */
.warranty-container {
    display: inline-block;
    position: relative;
    padding-left: 29px;
    padding-right: 8px;
    margin-top: 15px;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background-color: #008000;
    border-radius: 3px;
}

.warranty-container::before {
    position: absolute;
    top: 0;
    left: 6px;
    font-family: "Material Icons";
    font-size: 16px;
    content: "verified_user";
}

/* Стиловете на полето показващо времето за доставка */
.inStock-deliveryTime-container {
    display: inline-block;
    position: relative;
    padding-left: 37px;
    margin-top: 15px;
    text-align: left;
    font-size: 12px;
    line-height: 15px;
    /*background-color: #ccc;*/
}

.inStock-deliveryTime-container::before {
    position: absolute;
    top: 8px;
    left: 0;
    font-family: "Material Icons";
    font-size: 32px;
    content: "event_available";
}

.product-cart-buttons {
    margin-top: 12px;
}

.product-cart-buttons .button {
    padding: 0 15px;
    font-size: 15px;
    line-height: 35px;
    /*background-color: #229b56;*/
    border: 2px solid transparent;
    border-radius: 4px;
}

.btn-cart {
    margin-right: 12px;
    color: #fff;
    background-color: #229b56;
}

.btn-cart:hover {
    background-color: #1a7441;
}

.btn-cart:active {
    background-color: #229b56;
    border-color: #1a7441;
}

.button.out-of-stock {
    background-color: #ef2809;
}

.btn-cart:before, .button.out-of-stock:before {
    display: inline-block;
    font-family: "Material Icons";
    vertical-align: middle;
    font-size: 20px;
    margin: -2px 10px 0 -3px;
    content: "\E8CC";
}

a.btn-leasing {
    display: inline-block;
    color: #000;
    background-color: #ffda31;
    opacity: 0.4;
}

.available-soon {
    margin: 10px 10px -5px 10px;
    padding: 10px 0;
    color: #a94442;
    background-color: #f2dede;
    border:1px solid #ebccd1;
    border-radius: 4px;
}

.addto {
    margin-top: 15px;
}

/* Стиловете на "или поръчайте за секунди" под бутона за добавяне в количката */
.product-fast-order-label {
    text-align: center;
}

.product-fast-order-label span{
    /*padding: 0 10px;*/
    font-size: 20px;
    /*line-height: 30px;*/
}

.product-fast-order {
    margin: 15px 15px 15px 15px;
    padding: 5px 15px 10px 15px;
    font: normal 25px Helvetica,Arial;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #d3d3d3;
    border-radius: 3px; 
}

.product-fast-order-terms {
    margin: 5px 0;
    text-align: center;
    font-size: 12px;
}

/* Стиловете на "или поръчайте по телефона" под формата за поръчка */
.product-order-phone-label {
    text-align: center;
    margin-top: 10px;
}

.product-order-phone-label span{
    padding: 0 10px;
    /*font: italic 16px Helvetica,Arial;*/
    font-style: italic;
    font-size: 16px;
    background-color: #FFF;
}

.product-order-phone {
    margin: -10px 15px 0 15px;
    padding-top: 18px;
    /*font: normal 25px Helvetica,Arial;*/
    font-size: 25px;
    text-align: center;
    border-top: 1px solid #d3d3d3;
}

.product-work-time {
    margin: 5px 0 10px 0;
    text-align: center;
    font-size: 12px;
}

/* Стиловете на падащите табове под формата за поръчка */
.catmenu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.product-tips-toggler {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 1px 0 white;
    background-color: #f8f8f8;
    border: 0;
    border-top: 1px solid #e9e9e9;
}

.product-tips-toggler:hover {
    background-color: #f0f0f0;
}

.product-tips-toggler:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    padding: 2px 5px;
    font-family: "Material Icons";
    font-size: 14px;
    color: #999;
    border: 2px solid #999;
    border-radius:100px;
    content: "\E876";
}

/* Стила  на съдържанието на всеки таб */
.product-tips-toggler-content {
    display: none;
    padding: 10px;
    border-top: 1px solid #e9e9e9;
    
}

.product-tips-toggler-content h2 {font-size: 14px}

/* Баджовете под снимката на продукта в продуктова страница */
.widget_benefits_prd_page {
    margin-bottom: 15px;
    margin-top: 20px;
}

.widget_benefits_prd_page ul {
    display: inline-block;
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
    width: 1185px;
    border: 1px solid #e3e3e3;
    border-top: 10px solid #e3e3e3;
}

.widget_benefits_prd_page ul li {
    position: relative;
    float: left;
    width: 160px;
    padding: 12px 0 12px 70px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    /*background: #ccc;*/
}

.prd_badge1::before {
    position: absolute;
    top: 22px;
    left: 15px;
    font-family: "Material Icons";
    content: '\E7F2';
    font-size: 45px;
    font-weight: lighter;
    color: #007bc4;
}
.prd_badge2:before {
    position: absolute;
    top: 23px;
    left: 12px;
    font-family: "Material Icons";
    content: '\E558';
    font-size: 45px;
    font-weight: lighter;
    color: #007bc4;
}
.prd_badge3:before {
    position: absolute;
    top: 20px;
    left: 15px;
    font-family: "Material Icons";
    content: 'autorenew';
    font-size: 45px;
    font-weight: lighter;
    color: #007bc4;
}
.prd_badge4:before {
    position: absolute;
    top: 22px;
    left: 15px;
    font-family: "Material Icons";
    content: 'unarchive';
    font-size: 45px;
    font-weight: lighter;
    color: #007bc4;
}
.prd_badge5:before {
    position: absolute;
    top: 20px;
    left: 15px;
    font-family: "Material Icons";
    content: 'verified_user';
    font-size: 45px;
    font-weight: lighter;
    color: #007bc4;
}

/* Колоната с табовете отляво */
.info-tabs {
    display: inline-block;
    float: left;
    width: 660px;
    /*background-color: #eee*/
}

/* Стиловете на табовете */
.product-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom:1px solid #666;
    /*background-color: #ccc;*/
}

.product-tabs li {
    display: inline-block;
    margin-right: 2px;
    text-transform: uppercase;
}

.product-tabs a {
    display:block;
    padding: 6px 10px;
    color:#444;
}

.product-tabs a:hover {
    background-color: #f4f4f4;
}

.product-tabs li.active a,
.product-tabs li.active a:hover {
    background-color: #000;
    color: #fff;
}

.product-tabs-content {
    display: inline-block;
    width: 100%;
    /*padding-top: 10px;*/
    
}

/* Различните хединги и параграфи и др. в табовете */
.product-tabs-content img {max-width: 660px;}

.product-tabs-content h1,
.product-tabs-content h2 {
    font-size: 18px;
    line-height: 26px;
}

.product-tabs-content h3 {
    font-size: 15px;
    line-height: 1.75;
    font-weight: normal;
    padding: 15px;
    background-color: #F0F3F9;
    border: 1px solid #C8D2EA;
    border-radius: 3px;
}

.product-tabs-content h4 {
    font-size: 15px;
    line-height: 1.75;
    font-weight: normal;
    padding: 15px;
    background-color: #FFFFE4;
    border: 1px solid #FFE980;
    border-radius: 3px;
}

.product-tabs-content iframe {
    display: block;
    margin: 0 auto;
}

/* Таблицата със спецификациите */
.product-tabs-content table {
    border-collapse: collapse;
    width: 100%;
    border: 0;
}

.product-tabs-content tr:nth-child(odd){
    background-color: #eff9fe;
}

/* Линка към всички от този производител в таба на бранда */
.brand-tab a { float: right; clear: both}
.brand-tab img {margin-left: 10px}

/* Общо за колоните на таблицата със спецификацийте */
.product-tabs-content td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* Колоната с вида на спецификацията */
.product-tabs-content td.label {
    width: 225px;
    font-weight: bold;
    border-right: 1px solid #d9dbda;
}

/* Пояснителен текст за продавания продукт */
.prd-opd {
    margin-top: 15px;
}

.prd-bordered {
    padding: 10px;
    border:1px solid #ccc;
    border-radius: 4px;
}

.prd-opd ul {
    display: inline-block;
    padding: 0 0 10px 20px;
    margin: 0;
}

.prd-opd ul li {
    padding-top: 15px;
}

/* Колоната с модулите отдясно */
.product-carousels {
    display: inline-block;
    float: right;
    width: 525px;
    /*background-color: #EEE;*/
}

/* Стиловете на подобните продукти */
.block-related, .block-up-sell {
    margin: 0 0 10px 0;
}

.block-related .block-title, .block-up-sell .block-title {
    margin: 0;
    padding: 6px 0;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #000;
}

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

/* Стила на всяко li */
.related-products-list li{
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

/* Премахва отстоянието на div-a на всяко 4-то li */
.related-products-list li:nth-of-type(6n){
    margin: 0 -6px 0 0;
}

/* Отстоянията на всяка рамка */
.related-products-margin {
    margin: 6px 6px 0 0;
}

/* Рамката на всеки един продукт */
.related-products-main-border {
    position: relative;
    display: block;
    width: 171px;
    height: 263px;
    padding: 10px;
    box-sizing: border-box;
    /*overflow: hidden;*/
    border: 1px solid #ddd;
    
    background-size: 100% 200px;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: -ms-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: -moz-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: -o-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fafafa),color-stop(.2,#fdfdfd),color-stop(.6,#fff));
    background-image: -webkit-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: linear-gradient(to top,#fafafa 0,#fdfdfd 20%,#fff 60%);
}

.related-products-main-border:hover {
    border: 1px solid #999;
}

/* Баджа когато продукта е в промоция */
.related-products-discount-badge {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -1px;
    z-index: 100;
    padding: 6px 5px 6px 7px;
    font-size: 12px;
    color: #fff;
    background-color: #E67A00;
}

/* Ефекта в края на баджа */
.cp-badge-e {
    position: absolute;
    top: 0;
    right: -12px;
    z-index: 100;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-top: 24px solid;
    color: #E67A00;
}

/* Стила на името на продукта */
.related-products-name {
    display: block;
    width: 149px;
    height: 57px;
    margin-top: 9px;
    font-size: 12px;
    line-height: 14px;
    text-shadow: 0 1px 0 white;
    color: #000;
    white-space: normal;
    text-align: center;
    overflow: hidden;
    /*background-color: #ccc;*/
}

/* Дива в които се намира цената на продукта */
.related-products-price {
    display: block;
    margin-top: 9px;
    text-align: center;
}

/* Цената на продукта */
.related-products-price .final-price {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #b12704;
    text-shadow: 0 1px 0 white;
}

/* Стила на ревютата */
.product-reviews {
    text-align: center;
}

.product-reviews h2 {
    display: inline-block;
    margin: 15px 0 0 0;
    padding: 0 15px;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
}

.top-review-box {
    margin: -11px 0 0 0;
    padding: 35px 0 0 0;
    text-align: left;
    border-top: 1px solid #000;
}

.top-review-left {
    float: left;
    width: 660px;
    /*background-color: #eee;*/
}

.product-rating {
    font-size: 18px;
    font-weight: bold;
}

.product-score {
    position: relative;
    display: inline-block;
    margin: 10px 0 10px -5px;
    color: #ccc;
}
.product-score::before,
.product-score span::before{
    display: block;
    font-family: "Material Icons";
    font-size: 50px;
    line-height: 50px;
    content: "\E838\E838\E838\E838\E838";
}
.product-score span {
    display: inline-block;
    color: gold;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.top-review-right {
    float: right;
    width: 380px;
    padding: 15px;
    font-size: 20px;
    line-height: 30px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
}

.top-review-right a,
.buttons-set button,
.buttons-set a {
    display: inline-block;
    margin-top: 15px;
    padding: 9px 16px;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    background-color: #005eb8;
    border-color: #005eb8;
    border-radius: 4px;
}

.top-review-right a:hover,
.buttons-set button:hover,
.buttons-set a:hover {
    background-color: #004485;
    border-color: #003f7b;
}

/* Стила на формата за добавяне на ревю */
.form-add {
    margin-top: 35px;
    /*background-color: #eee;*/
}

.form-add-left {
    float: left;
    display: inline-block;
    width: 592.5px;
    /*background-color: #eee;*/
}

.form-add-left .input-box {
    display: inline-block;
    width: 286.5px;
    margin-bottom: 15px;
}

.form-add-left .input-text{
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    padding: 7px 12px;
}

.form-add-left textarea {
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    min-height: 156px;
    padding: 7px 12px;
}

.form-add-right {
    float: right;
    display: inline-block;
    width: 592.5px;
    text-align: center;
    /*background-color: #eee;*/
}

.review-section-title {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: bold;
}

.form-add-right .data-table {
    float: right;
    border-collapse: collapse;
    border: 0;
}

.form-add-right .data-table td {
    padding: 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.form-add-right .value-stars {
    border-top: 1px solid #ccc;
    text-align: right;
    font-weight: bold;  
}

.form-add-right .value-type {
    border-left: 1px solid #ccc;
    text-align: right;
    font-weight: bold;
}

.form-add-right .value {
    text-align: center;
}

.buttons-set {
    text-align: center;
}

/* Стила на ревютата */
.box-reviews {
    margin-top: 35px;
    border-top: 1px solid #eee;
}

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

.review-list li {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.review-left-side {
    float: left;
    width: 220px;
    /*background-color: #eee;*/
}

.review-right-side {
    float: right;
    width: 965px;
    /*background-color: #eee;*/
}

.review-left {
    float: left;
    width: 650px;
    /*background-color: #eee;*/
}

.review-left h4 {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: bold;
}

.review-ratings {
    float: right;
    width: 300px;
    text-align: right;
    font-weight: bold;
    line-height: 27px;
    /*background-color: #eee;*/
}

/************************/
/*** СТИЛА НА ЧЕКАУТА ***/
/************************/

.checkout-title {
    margin: 25px 0 40px 0;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
}

/* Стила на всеки син контейнер */
.checkout-blue-container {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 3px;
    /*text-shadow: 0 1px 0 white;*/
}

/* Стила на всеки бял контейнер */
.checkout-white-container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 1px 1px 2px #BBC6CC;
    padding: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 0 none;
    text-shadow: none;
}

/* Стила на заглавието на всеки контейнер */
.checkout-container-title {
    font-size: 20px;
    text-indent: 10px;
    margin: 0 0 10px;
    font-weight: normal;
}

/* Колоната със снимката на продукта */
.cart_product_image_col {
    display: table-cell;
    width: 110px;
    box-sizing: border-box;
    padding-right: 15px;
    vertical-align: middle;
}

.cart_product_image_col img {
    float: left;
}

/* Колоната с името и на продукта */
.cart_product_information_col {
    display: table-cell;
    width: 570px;
    box-sizing: border-box;
    vertical-align: middle;
}

.cart_product_name {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.product_cart_options {
    display: inline-block;
    padding: 5px 0;
    font-size: 12px;
    color: #666;
}

.product_cart_options_value {
    font-weight: bold;
    color: #000;
}

/* Колоните с единичната цена, количеството и крайната цена */
.cart_product_price,
.cart_product_quantity,
.cart_product_total_price {
    display: table-cell;
    width: 150px;
    box-sizing: border-box;
    vertical-align: middle;
}

/* Колоната с единичната цена */
.cart_product_price {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/* Колоната с количеството */
.cart_product_quantity {
    text-align: center;
    font-weight: bold;
}

.cart_product_quantity select {
    height: 40px;
    margin: 0px;
    margin-right: 10px;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: middle;
    border-radius: 4px;
}

/* Колоната с крайната цена за продукта */
.cart_product_total_price {
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}

.cart_product_original_price {
    display: block;
    font-size: 14px;
    text-decoration: line-through;
    color: #b12704;
}

.link-edit-attributes,
.cart_product_total_price a {
    display: block;
    font-size: 12px;
    font-weight: normal;
}

/* Стила на бутоните */
.checkout-cart-footer {
    display: table;
    width: 100%;
}

.checkout-cart-footer-left,
.checkout-cart-footer-center,
.checkout-cart-footer-right {
    display: table-cell;
    vertical-align: bottom;
}

.checkout-cart-footer-left {
    width: 400px;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    /*background-color: #eee;*/
}

.checkout-cart-footer-left span {
    float: right;
    font-weight: bold;
}

.discount span {
    color: #b12704;
}

.freeShip {
    color: #088921;
}

/* Стила на формата за добавяне на промо код */
/*.checkout-cart-footer-center {
    vertical-align: middle;
}*/

.checkout-cart-footer-center {
    text-align: center;
}

#discount-coupon-form {
    display: inline-block;
    margin-left: 15px;
}

.checkout-cart-footer-center .agreementsBox {
    text-align: left;
    padding-left: 80px;
    line-height: 30px;
}

.discount-coupon {
    display: table-cell;
    width: 330px;
    height: 80px;
    margin: 0;
    padding: 5px 15px;
    vertical-align: middle;
    text-align: center;
}

.discount-coupon div {
    margin-bottom: 8px;
}

.input-box-coupone {
    width: 200px;
    margin-right: 5px;
    padding: 0 10px;
    font-size: 16px;
}

.discount-coupon .validation-advice {
    float: left;
    width: 100%;
}

/* Стила на бутона и общата сума на поръчката */
.checkout-cart-footer-right {
    width: 310px;
    text-align: right;
    font-size: 25px;
    font-weight: bold;
    /*background-color: #eee;*/
}

.btn-proceed-checkout {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 15px;
    text-align: center;
    font-size: 16px;
    text-shadow: 0px -1px rgba(0, 0, 0, 0.4);
    color: #FFF;
    box-shadow: 0px 0px 8px #DFE3E6;
    background: linear-gradient(to bottom, #69C03B, #5CA934 66%, #54992F) repeat scroll 0% 0% #5CA934;
    border: 1px solid #498529;
    border-radius: 5px;
}

.btn-proceed-checkout:hover {
    color: #fff;
    background: linear-gradient(to bottom, #75C749, #65B838 66%, #5EA934) repeat scroll 0% 0% #5CA934;
    border-color: #498529;
}

.btn-proceed-checkout:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Стиловете на полетата когато системата зарежда при чекаут */
.amscheckout-loading {
    cursor: wait;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.donbaron.gr/skin/frontend/donbaron/default/images/loading.gif) center no-repeat transparent;
    background-color: #fff;
    opacity: 0.5;
    z-index: 10;
}

/* Стиловете на инфромацията за клиента */
.tabs_title {
    display: none;
    list-style: none;
    margin: 0 0 35px 0;
    padding: 0;
    border-left: 1px solid #1763AA;
}

.tabs_title li {
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 33.33333333333333%;
    padding: 8px 0;
    text-align: center;
    font-size: 16px;
    color: #1763AA;
    border: 1px solid #1763AA;
    border-left: 0;
}

.tabs_title li:hover {
    background-color: #e4f1f9;
}

.tabs_title li.active {
    background-color: #1763AA;
    color: #fff;
}

.tabs_title li.active:after {
    content: '';
    position: absolute;
    left: 45%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1763AA;
    clear: both;
}

.checkout-login-register-form {
    padding-top: 15px;
    margin-bottom: 15px;
}

.customer-has-addresses {
    text-align: center;
    margin-bottom: 20px;
}

.customer-has-addresses div {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.billing,
.billing-address {
    list-style: none;
    margin: 0;
    padding: 0;
}

.billing-address li:nth-child(5) {
    display: none;
}


.billing-address .field, .amscheckout-row {
    position: relative;
    min-height: 45px;
}

.billing-address em {
    margin-right: 5px;
    font-weight: bold;
    color: #c00;
}

.billing-address label {
    position: absolute;
    top: 8px;
    display: inline-block;
    width: 150px;
    padding-right: 15px;
    text-align: right;
    font-weight: bold;
}

.billing-address .input-box,
.amscheckout-control {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0 15px 165px;
    width: 100%;
}

.validation-failed {
    border-color: #c00;
}

.validation-advice {
    color: #c00;
}

.billing-address input:not([type=checkbox]) {
    width: 403px;
    box-sizing: border-box;
}

.checkout-login-register-form input:not([type=checkbox]) {
    width: 390px;
}

/* Общо за методите на доставка и плащане */
.methods {
    margin: 0;
    padding-top: 10px;
}

.methods label {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-indent: 28px;
    border-radius: 5px;
    /*background-color: #eee;*/
}

.methods label:hover {
    background-color: #f3f3f3;
}

.methods .radio{
    position: absolute;
    top: 11px;
    z-index: 5;
}

/* Стиловете на методите за доставка */
.shipping_methods ul {
    list-style: none;
    margin: 0;
    padding: 0;

}

.shipping_methods li:not(:last-child) {
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
}

.shipping_methods li {
    position: relative;
    margin-top: 5px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-indent: 12px;
}

.shipping_methods span {
    float: right;
}

.shipping_methods input:checked + label{
    background-color: #e4f1f9;
}

#shippingmethod-error {
    font-weight: bold;
    color:#B94A48;
}

/* Стиловете на методите на плащане */
.payment-methods dt {
    position: relative;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-indent: 12px;
    margin-top: 10px;
    /*background-color: #eee;*/
}

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

.payment-methods dd {
    margin: 0;
    border-radius: 3px;
}

.payment-methods .agreement-content {
    position: relative;
    margin: 3px 0 0 0;
    padding: 10px;
}

.payment-methods .agreement-content:before {
    content: " ";
    position: absolute;
    top: -7px;
    left: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #e4f1f9 transparent;
}

/******************************************/
/*** СТИЛА НА КОЛИЧКАТА КОГАТО Е ПРАЗНА ***/
/******************************************/

.cart-empty {
    text-align: center;
}

.cart-empty img {
    padding: 15px 0;
}

.cart-empty p {
    max-width: 550px;
    margin: 0 auto;
    padding: 20px 0 25px 0;
}

/*******************************/
/*** СТИЛА НА CMS СТРАНИЦИТЕ ***/
/*******************************/

/* Стила на въпросите в секцията FAQ */
.faqs {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
    border: 1px solid #e9e9e9;
    border-top: 0;
}

.question-toggler {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 1px 0 white;
    background-color: #f8f8f8;
    border: 0;
    border-top: 1px solid #e9e9e9;
}

.question-toggler:hover {
    background-color: #f0f0f0;
}

.question-toggler:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    padding: 2px 5px;
    font-family: "Material Icons";
    font-size: 14px;
    color: #999;
    content: "\E8AF";
}

/***********************************/
/*** СТИЛА НА ФОРМАТА ЗА КОНТАКТ ***/
/***********************************/

/* Заглавието на формата за контакт */
.contact-form-title {
    position: relative;
    padding: 10px 0;
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
}

.contact-form-title:after {
    content: '';
    height: 2px;
    background-color: #007bc4;
    bottom: -2px;
    width: 10%;
    position: absolute;
    left: 45%;
}

/* Стиловете на самата форма */
.contact-form label {
    display: block;
    font-weight: bold;
    padding: 5px 0;
}

.contact-form em {
    margin-right: 5px;
    font-weight: bold;
    color: #c00;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.validate-select {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
}

.validate-select {max-width: 403px}

.contact-form textarea {
    max-width: 100%;
    min-height: 251px;
}

.contact-left {
    float: left;
    box-sizing: border-box;
    width: 600px;
    /*background-color: #eee;*/

}

.contact-rigth {
    float: right;
    box-sizing: border-box;
    width: 570px;
    /*background-color: #eee;*/
}

/********************************/
/*** СТИЛА НА ФОРМАТА ЗА ВХОД ***/
/********************************/

.login-register-title {
    margin-top: -20px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 35px;
}

.login-register-from {
    width: 350px;
    margin: 0 auto;
}

.login-register-from .page-title {
    padding: 5px 0 20px 0;
    text-align: center;
    font-size: 25px;
}

.login-register-from .input-box {
    margin-top: 10px;
}

.login-register-from label {
    font-weight: bold;
}

.login-register-from em {
    margin-right: 5px;
    font-weight: bold;
    color: #c00;
}

.f-right {
    float: right;
}

.login-register-from input {
    box-sizing: border-box;
    width: 100%;
    margin-top: 5px;
}

.captcha-image {
    margin-top: 15px;
    text-align: center;
}

.login-register-from .buttons-set button {
    width: 100%;
    margin-bottom: 10px;
}

.login-register-from .product-order-phone {
    margin: -10px 0 0 0;
}

.login-register-from .grey-button {
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0 5px 0;
}

/***********************/
/*** СТИЛА НА ФУТЪРА ***/
/***********************/

/*footer {margin-top: 15px;}*/

/* Стила на основния див на всяка секция от футъра */
.main-footer-container {
    padding:15px 0;
    text-align: center;
    border-top: 1px solid #d9dbda;
}

.catmenu {
    list-style: none;
    margin: 0;
    padding: 0;

}

.main-footer-container .catmenu li {
    display: inline-block;
    width: 285px;
    margin-right: 15px;
    text-align: left;
}

/* Стила на заглавията на линковете */
.footer-col-title {
    padding: 4px 0 8px 0;
    font-size: 18px;
}

.categories {
    float: left;
    margin: 0;
    padding: 0;
}

.categories li {
    display: block;
}

/* Стила на всеки един от линковете */
.categories a {
    display: block;
    margin: 4px 0;
    font-size: 12px;
    color: #333;
}

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

/* Стила на центрирания див на всяка секция от футъра */
.footer-centered-container {
    width: 1200px;
    margin: auto;
}

.payments-left {float: left}
.payments-rigth {float: right}
.social {margin-right: 15px}


/* Стила на секция 4 от футъра */
.footer-container-section-4, .footer-container-section-4 a {
    /*font: normal 11px/20px Helvetica,Arial;*/
    font-size: 11px;
    line-height: 20px;
    color: #666;
}
div.block-related-category .aw-arp-block-content {
    padding: 5px 0 0 5px;
    overflow: hidden;
    clear: both;
}

div.block-related-category .aw-arp-item {
    text-align: center;
    width: 100px;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    zoom: 1;
    _height: 250px;
    margin: 5px 5px 20px;
}

div.block-related-category .aw-arp-item img {
    border: 1px solid #A9A9A9;
    width: 75px;
    margin-bottom: 10px;
}

div.block-related-category .aw-arp-block-content .aw-arp-addtocart>p {
    margin-bottom: 5px;
}

div.block-related-category .footer .aw-arp-block-content li {
    display: inline-block !important;
}

div.block-related-category .footer .aw-arp-block-content a {
    color: #1E7EC8;
}
/**
 * Copyright 2016 The Valdecode Cookie Law Compliance Authors. All rights reserved.
 * Use of this source code is governed by a MIT-style
 * license that can be found in the LICENSE.txt file.
 */
#v-cookielaw { overflow: hidden; background: #fff; color: #444; z-index: 9999; font-size: 13px; }
#v-cookielaw .v-message { padding: 5px 10px; text-align: left; }
#v-cookielaw .v-actions { }
#v-cookielaw .v-button { color: #222; display: inline-block; background-color: #ececec; background-image: linear-gradient(#f4f4f4, #ececec); border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 2px; }
#v-cookielaw .v-button.v-accept:before { content: "\2714"; }
#v-cookielaw .v-button:hover,
#v-cookielaw .v-button:focus { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); }
#v-cookielaw .v-button:active {  border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); }

#v-cookielaw.v-bar { display: table; width: 100%; padding: 5px 0; }
#v-cookielaw.v-bar .v-message { display: table-cell; }
#v-cookielaw.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; }
#v-cookielaw.v-bar.v-top { position: relative; border-bottom: 1px solid #000; }
#v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; border-top: 1px solid #000; }

#v-cookielaw.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; }
#v-cookielaw.v-box .v-actions { float: left; margin: 5px 10px; }
#v-cookielaw.v-box.v-top-left { top: 0; left: 0; }
#v-cookielaw.v-box.v-top-right { top: 0; right: 0; }
#v-cookielaw.v-box.v-bottom-left { bottom: 0; left: 0; }
#v-cookielaw.v-box.v-bottom-right { bottom: 0; right: 0; }

/* RWD */
@media (max-width: 480px) {
    #v-cookielaw.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; }
    #v-cookielaw.v-box .v-message { display: table-cell; }
    #v-cookielaw.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; }

    #v-cookielaw .v-message { float: left; }
    #v-cookielaw .v-actions { float: left; margin: 5px 10px; }
    #v-cookielaw.v-bar .v-actions { width: auto; }
}

/* Skin - Yellow Alert */
#v-cookielaw.v-yellow-alert { background: #fffbcd; border-color: #e2cd7b !important; }

/* Skin - Dark Clean */
#v-cookielaw.v-dark-clean { color: #fff; background: #2c2c2c; border-color: #55575f !important; }
#v-cookielaw.v-dark-clean .v-button { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); }
#v-cookielaw.v-dark-clean .v-button:hover,
#v-cookielaw.v-dark-clean .v-button:focus { background-color: #3678a0; background-image: linear-gradient(#68abdc, #387cb3); }

/* Skin - Minimalist */
#v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 11px; font-family: Verdana; }
#v-cookielaw.v-bar.v-minimalist { padding: 2px 0; }
#v-cookielaw.v-box.v-minimalist { width: 260px; }
#v-cookielaw.v-box.v-minimalist .v-actions { margin: 5px; }
#v-cookielaw.v-box.v-minimalist .v-message { padding: 5px; }
#v-cookielaw.v-minimalist .v-button { padding: 3px 6px; }

/*


   Magic Scroll v2.0.26 
   Copyright 2016 Magic Toolbox
   Buy a license: https://www.magictoolbox.com/magicscroll/
   License agreement: https://www.magictoolbox.com/license/


*/
.MagicScroll,
.mcs-caption,
.mcs-button,
.mcs-item,
.mcs-item img,
.mcs-item > *,
.mcs-bullet,
.mcs-bullet:before,
.mcs-bullet:after,
.mcs-wrapper,
.mcs-items-container {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.MagicScroll,
.mcs-item,
.mcs-item a,
.mcs-item img,
.mcs-items-container {
    position: relative;
}
.MagicScroll,
.mcs-item,
.mcs-wrapper,
.mcs-items-container {
    overflow: hidden;
    direction: ltr;
}
.mcs-wrapper,
.mcs-item img {
    line-height: 100%;
}

.MagicScroll {
    z-index: 1;
/*    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
.MagicScroll.MagicScroll-horizontal {
    -moz-touch-action: pan-y;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.MagicScroll.MagicScroll-vertical {
    -moz-touch-action: pan-x;
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

body.mcs-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
body.mcs-dragging .MagicScroll,
body.mcs-dragging button.mcs-button.mcs-horizontal.mcs-button-arrow {
    cursor: inherit;
}

.mcs-item,
.MagicScroll figure,
.mcs-item img,
.mcs-item .mcs-caption {
    display: inline-block;
}

.MagicScroll > * {
    display: inline-block;
    max-width: 100%;
}
.MagicScroll > *:first-child {
    visibility: hidden;
}
.MagicScroll > *:nth-child(n+2) {
    display: none;
}

.MagicScroll > a {
    line-height: 100%;
}

.MagicScroll img {
    visibility: hidden;
}
.MagicScroll .mcs-item img {
    visibility: visible;
    float: none !important;
}

.mcs-button,
.mcs-bullets,
.mcs-wrapper {
    position: absolute;
}

.MagicScroll:before,
.MagicScroll figcaption:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    height: 0;
}
.mcs-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
    z-index: 100;
}

.mcs-items-container {
    /*text-align: center;*/
    overflow: visible;
    width: 100%;
    height: 100%;
}

.mcs-item {
    top: 0;
    left: 0;
    zoom: 1;
    font-size: 9pt !important;
    line-height: 100%;
    max-width: 100%;
}

.mcs-item:after,
.mcs-item > a:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.MagicScroll-horizontal .mcs-item {
    height: 100%;
}

.MagicScroll-vertical .mcs-item {
    display: block;
    width: 100%;
}

.mcs-item > a,
.MagicScroll-horizontal .mcs-items-container > * {
    display: inline-block;
}
.mcs-item a,
.mcs-item img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}
.mcs-item a {
    height: 100%;
}

.mcs-item img {
    width: auto;
    height: auto;
    vertical-align: middle;
}

.MagicScroll figure {
    position: relative;
    vertical-align: middle;
    font-size: 0;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    line-height: normal;
}

.lt-ie9-magic .mcs-item > a > img {
    position: static;
}
.lt-ie9-magic figcaption {
    display: block;
}
.lt-ie10-magic .mcs-item a img {
    border: none;
}

.ie7-magic .mcs-item img,
.ie7-magic .MagicScroll-vertical .mcs-item a {
    display: inline-block;
}

.ie7-magic .MagicScroll-horizontal .mcs-item  {
    display: inline;
}

.mcs-button {
    display: block;
}

.MagicScroll .mcs-hidden {
    display: none !important;
    visibility: hidden !important;
}

.ie11-magic .MagicScroll[data-mode="scroll"] .mcs-items-container,
.MagicScroll[data-mode="carousel"] .mcs-items-container,
.MagicScroll[data-mode="cover-flow"] .mcs-items-container {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;

    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
}
.MagicScroll[data-mode="carousel"] .mcs-item,
.MagicScroll[data-mode="cover-flow"] .mcs-item {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.MagicScroll figcaption {
    display: inline-block;
    position: relative;
    left: 0;
    float: left;
    width: 100%;
    line-height: 100%;
    clear: both;
    z-index: 150;
}
.MagicScroll figcaption,
.MagicScroll[data-mode="carousel"] .mcs-item .mcs-caption,
.MagicScroll[data-mode="cover-flow"] .mcs-item .mcs-caption {
    left: 50%;
    -webkit-transform: translateZ(1px) translateX(-50%);
    transform: translateZ(1px) translateX(-50%);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


.lt-ie9-magic .MagicScroll figcaption,
.lt-ie9-magic .MagicScroll figure img {
    float: right;
}
.MagicScroll .mcs-reflection {
    -webkit-transform: translateZ(-1px);
    position: absolute;
    display: inline-block;
    left: 0px;
    z-index: 1;
}

.MagicScroll .mcs-item.mcs-noimg {
    background: url("https://www.donbaron.gr/skin/frontend/donbaron/default/css/data:image/png;base64,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") center center no-repeat;
}


/*
 * Caption
 */
.mcs-item .mcs-caption {
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    z-index: 150;
}

.MagicScroll[data-mode="cover-flow"] .mcs-item figcaption.mcs-caption,
.MagicScroll[data-mode="carousel"] .mcs-item figcaption.mcs-caption {
    top: 100%;
}

.MagicScroll[data-mode="scroll"] .mcs-item figure,
.MagicScroll[data-mode="animation"] .mcs-item figure {
    overflow: hidden;
}

.MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
    left: 0;
    width: 100%;
    bottom: 0;
    -webkit-transition: -webkit-transform .25s;
            transition: transform .25s;
    -webkit-transform: translateY(150%);
            -ms-transform: translate(0, 150%);
            transform: translateY(150%);
}

.MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption,
.MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption {
    -webkit-transform: translateY(0%);
        -ms-transform: translate(0, 0%);
            transform: translateY(0%);
}

.lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
    bottom: -150%;
}
.lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption {
    bottom: 0%;
}

/**
 * Buttons & Arrows
 */
.mcs-button {
    cursor: pointer;
    z-index: 1000;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
}
.MagicScroll:hover > .mcs-button:hover {
    opacity: 1;
}

.mcs-button-arrow {
    z-index: 120;
}
.MagicScroll-horizontal .mcs-button-arrow {
    width: 40px;
    height: 100%;
    top: 0;
}
.MagicScroll-vertical .mcs-button-arrow {
    width: 100%;
    height: 40px;
    left: 0;
}

.MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; right: auto; top: 0; bottom: 0; }
.MagicScroll-horizontal .mcs-button-arrow-next { left: auto; right: 0; top: 0; bottom: 0; }
.MagicScroll-vertical .mcs-button-arrow-prev { top: 0; bottom: auto; left: 0; right: 0; }
.MagicScroll-vertical .mcs-button-arrow-next { top: auto; bottom: 0; left: 0; right: 0; }


.MagicScroll[data-mode="carousel"] .mcs-item,
.MagicScroll[data-mode="cover-flow"] .mcs-item {
    overflow: visible;
}

/*
 * Bullets
 */
.mcs-bullets {
    text-align: center;
    display: inline-block !important;
    opacity: 0;
    top: 100%;
}
.mcs-bullets.show {
    opacity: 1.0;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.MagicScroll-horizontal .mcs-bullets {
    width: 100%;
    left: 0;
}
.MagicScroll-vertical .mcs-bullets {
    top: 0;
    left: 100%;
    display: inline-block;
    vertical-align: middle;
}
.mcs-bullet {
    border-radius: 50%;
    margin: 4px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-indent: 9999px;
    vertical-align: middle;
    font: 0/0 a;
    color: transparent;
    outline: none;
}
.mcs-bullet.active {
    cursor: default;
}


/**
 * Animation mode
 */
[data-mode="animation"] div[data-action="exit"],
[data-mode="animation"] div[data-action="enter"] {
    -webkit-animation-duration: 0.35s;
            animation-duration: 0.35s;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
[data-mode="animation"] div[data-action="enter"] {
    -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1);
            animation-timing-function: cubic-bezier(.12,.37,.25,1);
}
[data-mode="animation"] .mcs-item {
    -webkit-animation-duration: 0;
    -webkit-transform: none;
            animation-name: none;
            animation-duration: 0;
}

[data-mode="animation"] .mcs-item[data-animation-nth="1"] {
    -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="2"] {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="3"] {
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="4"] {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="5"] {
    -webkit-animation-delay: 0.35s;
            animation-delay: 0.35s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="6"] {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="7"] {
    -webkit-animation-delay: 0.45s;
            animation-delay: 0.45s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="8"] {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="9"] {
    -webkit-animation-delay: 0.55s;
            animation-delay: 0.55s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="10"] {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
}

.MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-entering],
.MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-exited] {
    -webkit-transform: translateX(100000px);
            transform: translateX(100000px);
}
.MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-entering],
.MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-exited] {
    -webkit-transform: translateX(-100000px);
            transform: translateX(-100000px);
}
.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering],
.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] {
    -webkit-transform: translateY(100000px);
            transform: translateY(100000px);
}
.MagicScroll-vertical[data-mode="animation"] [data-backward] [data-entering],
.MagicScroll-vertical[data-mode="animation"] [data-backward] [data-exited] {
    -webkit-transform: translateY(-100000px);
            transform: translateY(-100000px);
}
/**
 * SlideIn animation
 */
[data-mode="animation"] .mcs-item[data-action="exit"],
.mcs-slidein[data-mode="animation"] .mcs-item[data-action="exit"] {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
}
[data-mode="animation"] .mcs-item[data-action="enter"],
.mcs-slidein[data-mode="animation"] .mcs-item[data-action="enter"] {
    -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1);
            animation-timing-function: cubic-bezier(.12,.37,.25,1);
    -webkit-animation-duration: 0.35s;
            animation-duration: 0.35s;
}

/* Horizontal Forward */
.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: h-forward-exit-slidein;
            animation-name: h-forward-exit-slidein;
}
.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: h-forward-enter-slidein;
            animation-name: h-forward-enter-slidein;
}
@-webkit-keyframes h-forward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-600px);
                transform: translateX(-600px);
    }
}
@keyframes h-forward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-600px);
                transform: translateX(-600px);
    }
}
@-webkit-keyframes h-forward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(180px);
                transform: translateX(180px);
    }
    100%   {
        opacity: 1;
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}
@keyframes h-forward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(180px);
                transform: translateX(180px);
    }
    100%   {
        opacity: 1;
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}

/* Horizontal Backward */
.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: h-backward-exit-slidein;
            animation-name: h-backward-exit-slidein;
}
.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: h-backward-enter-slidein;
            animation-name: h-backward-enter-slidein;
}
@-webkit-keyframes h-backward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(600px);
                transform: translateX(600px);
    }
}
@keyframes h-backward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(600px);
                transform: translateX(600px);
    }
}
@-webkit-keyframes h-backward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(-180px);
                transform: translateX(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
    }
}
@keyframes h-backward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(-180px);
                transform: translateX(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
    }
}

/* Vertical Forward */
.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: v-forward-exit-slidein;
            animation-name: v-forward-exit-slidein;
}
.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: v-forward-enter-slidein;
            animation-name: v-forward-enter-slidein;
}
@-webkit-keyframes v-forward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-600px);
                transform: translateY(-600px);
    }
}
@keyframes v-forward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-600px);
                transform: translateY(-600px);
    }
}
@-webkit-keyframes v-forward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(180px);
                transform: translateY(180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
@keyframes v-forward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(180px);
                transform: translateY(180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}

/* Vertical Backward */
.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: v-backward-exit-slidein;
            animation-name: v-backward-exit-slidein;
}
.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: v-backward-enter-slidein;
            animation-name: v-backward-enter-slidein;
}
@-webkit-keyframes v-backward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(600px);
                transform: translateY(600px);
    }
}
@keyframes v-backward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(600px);
                transform: translateY(600px);
    }
}
@-webkit-keyframes v-backward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(-180px);
                transform: translateY(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
@keyframes v-backward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(-180px);
                transform: translateY(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
/**
 * Bounce animation
 */
.mcs-bounce[data-mode="animation"] .mcs-item[data-action="exit"] {
    -webkit-animation-timing-function: cubic-bezier(.84,0,1,1);
            animation-timing-function: cubic-bezier(.84,0,1,1);
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    /*-webkit-animation-delay: 0s;
            animation-delay: 0s;*/
}

.mcs-bounce[data-mode="animation"] .mcs-item[data-action="enter"] {
    -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1);
            animation-timing-function: cubic-bezier(.12,.37,.25,1);
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
}

/* Horizontal Forward */
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: h-forward-exit-bounce;
            animation-name: h-forward-exit-bounce;
}
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: h-forward-enter-bounce;
            animation-name: h-forward-enter-bounce;
}

@-webkit-keyframes h-forward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0) translateZ(-1px);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px) translateZ(-1px);
    }
}
@keyframes h-forward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0) translateZ(-1px);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px) translateZ(-1px);
    }
}
@-webkit-keyframes h-forward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(3000px);
                transform: translateX(3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
                transform: translateX(-30px);
    }
    75% {
        -webkit-transform:translateX(10px);
                transform:translateX(10px);
    }
    90% {
        -webkit-transform:translateX(-5px);
                transform:translateX(-5px);
    }
    100%   {
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}
@keyframes h-forward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(3000px);
                transform: translateX(3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
                transform: translateX(-30px);
    }
    75% {
        -webkit-transform:translateX(10px);
                transform:translateX(10px);
    }
    90% {
        -webkit-transform:translateX(-5px);
                transform:translateX(-5px);
    }
    100%   {
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}

/* Horizontal Backward */
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: h-backward-exit-bounce;
            animation-name: h-backward-exit-bounce;
}
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: h-backward-enter-bounce;
            animation-name: h-backward-enter-bounce;
}
@-webkit-keyframes h-backward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0) translateZ(-1px);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
                transform: translateX(2000px) translateZ(-1px);
    }
}
@keyframes h-backward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0) translateZ(-1px);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
                transform: translateX(2000px) translateZ(-1px);
    }
}
@-webkit-keyframes h-backward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(-3000px);
                transform: translateX(-3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
                transform: translateX(30px);
    }
    75% {
        -webkit-transform:translateX(-10px);
                transform:translateX(-10px);
    }
    90% {
        -webkit-transform:translateX(5px);
                transform:translateX(5px);
    }
    100%   {
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}
@keyframes h-backward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(-3000px);
                transform: translateX(-3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
                transform: translateX(30px);
    }
    75% {
        -webkit-transform:translateX(-10px);
                transform:translateX(-10px);
    }
    90% {
        -webkit-transform:translateX(5px);
                transform:translateX(5px);
    }
    100%   {
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}

/* Vertical Forward */
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="exit"] {
    -webkit-animation-name: v-forward-exit-bounce;
            animation-name: v-forward-exit-bounce;
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="enter"] {
    -webkit-animation-name: v-forward-enter-bounce;
            animation-name: v-forward-enter-bounce;
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering] {
    -webkit-transform: translateY(100000px);
            transform: translateY(100000px);
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] {
    -webkit-transform: translateY(100000px);
            transform: translateY(100000px);
}
@-webkit-keyframes v-forward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
    }
}
@keyframes v-forward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
    }
}
@-webkit-keyframes v-forward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(3000px);
                transform: translateY(3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
    }
    75% {
        -webkit-transform:translateY(10px);
                transform:translateY(10px);
    }
    90% {
        -webkit-transform:translateY(-5px);
                transform:translateY(-5px);
    }
    100%   {
        -webkit-transform:translateY(0px);
                transform:translateY(0px);
    }
}
@keyframes v-forward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(3000px);
                transform: translateY(3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
    }
    75% {
        -webkit-transform:translateY(10px);
                transform:translateY(10px);
    }
    90% {
        -webkit-transform:translateY(-5px);
                transform:translateY(-5px);
    }
    100%   {
        -webkit-transform:translateY(0px);
                transform:translateY(0px);
    }
}

/* Vertical Backward */
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="exit"] {
    -webkit-animation-name: v-backward-exit-bounce;
            animation-name: v-backward-exit-bounce;
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="enter"] {
    -webkit-animation-name: v-backward-enter-bounce;
            animation-name: v-backward-enter-bounce;
}
@-webkit-keyframes v-backward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
                transform: translateY(2000px);
    }
}
@keyframes v-backward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
                transform: translateY(2000px);
    }
}
@-webkit-keyframes v-backward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(-3000px);
                transform: translateY(-3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
                transform: translateY(30px);
    }
    75% {
        -webkit-transform:translateY(-10px);
                transform:translateY(-10px);
    }
    90% {
        -webkit-transform:translateY(5px);
                transform:translateY(5px);
    }
    100%   {
        -webkit-transform:translateY(0px);
                transform:translateY(0px);
    }
}
@keyframes v-backward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(-3000px);
                transform: translateY(-3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
                transform: translateY(30px);
    }
    75% {
        -webkit-transform:translateY(-10px);
                transform:translateY(-10px);
    }
    90% {
        -webkit-transform:translateY(5px);
                transform:translateY(5px);
    }
    100%   {
        -webkit-transform:translateY(0px);
                transform:translateY(0px);
    }
}
/*
 * Arrows
 */
.MagicScroll-horizontal .mcs-button-arrow-prev:before,
.MagicScroll-horizontal .mcs-button-arrow-next:before,
.MagicScroll-vertical .mcs-button-arrow-prev:before,
.MagicScroll-vertical .mcs-button-arrow-next:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    border-width: 3px;
    border-color: rgba(49,51,61,0.6);
    border-style: solid;
    border-right: none;
    border-bottom: none;
    -webkit-transition: border-color .15s linear;
            transition: border-color .15s linear;
}

.MagicScroll-horizontal .mcs-button-arrow-prev:before {
    left: 62%;
    -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
            transform: translate(-50%, -50%) rotateZ(-45deg);
}

.MagicScroll-horizontal .mcs-button-arrow-next:before {
    left: 40%;
    -webkit-transform: translate(-50%, -50%) rotateZ(135deg);
            transform: translate(-50%, -50%) rotateZ(135deg);

}
.MagicScroll-vertical .mcs-button-arrow-prev:before {
    top: 62%;
    -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
            transform: translate(-50%, -50%) rotateZ(45deg);
}
.MagicScroll-vertical .mcs-button-arrow-next:before {
    top: 40%;
    -webkit-transform: translate(-50%, -50%) rotateZ(-135deg);
            transform: translate(-50%, -50%) rotateZ(-135deg);
}
.mcs-button-arrow.mcs-disabled {
    opacity: 0.01 !important;
}
.MagicScroll > .mcs-button-arrow {
    /*font-size: 20px;*/
    width: 30px;
    height: 30px;
    margin: auto;
    opacity: 0.6;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; right: auto; top: 0; bottom: 0; }
.MagicScroll-horizontal .mcs-button-arrow-next { left: auto; right: 0; top: 0; bottom: 0; }
.MagicScroll-vertical .mcs-button-arrow-prev { top: 0; bottom: auto; left: 0; right: 0; }
.MagicScroll-vertical .mcs-button-arrow-next { top: auto; bottom: 0; left: 0; right: 0; }

.MagicScroll:hover > .mcs-button-arrow:hover:not(.mcs-disabled) {
    opacity: 1;
}

.MagicScroll:hover > .mcs-button-arrow:hover:not(.mcs-disabled):before {
    border-color: rgba(49,51,61,1);
}

.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 0 1px rgba(153, 153, 153, .5);
    -webkit-transition: background-color .15s linear;
            transition: background-color .15s linear;
}

.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before {
    width: 8px;
    height: 8px;
}

.MagicScroll-horizontal.MagicScroll-arrows-inside:hover > .mcs-button-arrow:hover:not(.mcs-disabled) {
    background-color: rgba(255, 255, 255, .96);
}
.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    left: 5px;
}
.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next {
    right: 5px;
}
.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    top: 5px;
}
.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next {
    bottom: 5px;
}

.lt-ie10-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    border: 1px solid rgba(153, 153, 153, .5);
}
.lt-ie9-magic .mcs-button-arrow:before {
    border-color: #83858B;
}
.lt-ie9-magic .MagicScroll:hover > .mcs-button-arrow:hover:before {
    border-color: #31333D;
}
.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before {
    border-color: #31333D;
}
.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    background: #fff;
    border: 1px solid #999;
    filter: alpha(opacity = 60);
}
.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover {
    filter: alpha(opacity = 96);
}
.lt-ie9-magic .mcs-button-arrow.mcs-disabled {
    filter: alpha(opacity = 0.01) !important;
}

/*
 * Bullets
 */
.MagicScroll-horizontal .mcs-bullets {
    margin-top: 10px;
}
.MagicScroll-horizontal.MagicScroll-bullets {
    margin-bottom: 35px;
}
.MagicScroll-vertical .mcs-bullets {
    margin-left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.MagicScroll-vertical.MagicScroll-bullets {
    margin-right: 35px;
}

.mcs-bullet {
    width: 10px;
    height: 10px;
    background-color: #83858B;
}
.mcs-bullet:hover {
    background-color: #5a5a5a;
}
.mcs-bullet.active {
    background-color: transparent;
    border: 1px solid #5a5a5a;
}


/* Caption */
.mcs-item .mcs-caption {
    color: white;
    padding: 5px 0;
    font: normal 9pt/1.2em 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
    text-rendering: geometricPrecision;
}
.MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
    background-color: #31333D;
    background-color: rgba(49,51,61,0.7);
}
.lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
    filter: alpha(opacity=60);
}

/* Carousel & Cover Flow */
.MagicScroll[data-mode="carousel"],
.MagicScroll[data-mode="cover-flow"] {
    background: #4f4f4f;
}
.MagicScroll[data-mode="carousel"] img,
.MagicScroll[data-mode="cover-flow"] img {
    box-shadow: 0px 15px 30px -10px #000;
}
.MagicScroll[data-mode="carousel"] figcaption,
.MagicScroll[data-mode="cover-flow"] figcaption {
    padding: 4px 0 0;
    font-size: 10pt;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}


/* Misc */
.MagicScroll.mcs-shadows {
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.15);
}

.MagicScroll.mcs-border .mcs-item {
    background: #fff;
    border: 1px solid #efefef;
}
.MagicScroll-horizontal.mcs-border .mcs-item {
    margin: 0 3px;
}
.MagicScroll-vertical.mcs-border .mcs-item {
    margin: 3px 0;
}
/*
 * Loader
 */
.mcs-loader {
    pointer-events: none;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.mcs-loader .mcs-loader-text {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -35px;

    width:70px;
    height:20px;
}

.mcs-loader-circles {
    position:absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
    width:60px;
    height:60px;
    opacity: 1;
    -webkit-transform:scale(0.6);
    transform:scale(0.6);
}

.mcs-loader-circle {
    position:absolute;
    background-color:#ffffff;
    height:11px;
    width:11px;
    border-radius:50%;

    -webkit-animation-name:MagicCircle;
    -webkit-animation-duration:0.48s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;

    animation-name:MagicCircle;
    animation-duration:0.48s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}

.mcs-loader-circle_01 {
    left:0;
    top:25px;
    -webkit-animation-delay:0.18s;
    animation-delay:0.18s;
}

.mcs-loader-circle_02 {
    left:7px;
    top:7px;
    -webkit-animation-delay:0.24s;
    animation-delay:0.24s;
}

.mcs-loader-circle_03{
    left:25px;
    top:0;
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s;
}

.mcs-loader-circle_04 {
    right:7px;
    top:7px;
    -webkit-animation-delay:0.36s;
    animation-delay:0.36s;
}

.mcs-loader-circle_05 {
    right:0;
    top:25px;
    -webkit-animation-delay:0.42s;
    animation-delay:0.42s;
}

.mcs-loader-circle_06 {
    right:7px;
    bottom:7px;
    -webkit-animation-delay:0.48s;
    animation-delay:0.48s;
}

.mcs-loader-circle_07{
    left:25px;
    bottom:0;
    -webkit-animation-delay:0.54s;
    animation-delay:0.54s;
}

.mcs-loader-circle_08 {
    left:7px;
    bottom:7px;
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
}

@-webkit-keyframes MagicCircle {
    0%{background-color:#000000}
    100%{background-color:#ffffff}
}


@keyframes MagicCircle {
    0%{background-color:#000000}
    100%{background-color:#ffffff}
}

.mcs-item-loader {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background: url('https://www.donbaron.gr/skin/frontend/donbaron/default/css/data:image/gif;base64,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') no-repeat center center;
}

.MagicScroll.mcs-rounded {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden !important;
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-inside {
    overflow: hidden !important;
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-outside {
    overflow: visible !important;
}
.MagicScroll.mcs-rounded .mcs-button-arrow {
    color: rgba(49,51,61,0.6);
    -webkit-transition: color .15s linear, background-color .15s linear;
    transition: color .15s linear, background-color .15s linear;
}
.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow {
    width: 30px;
    height: 100%;
}
.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow {
    width: 100%;
    height: 30px;
}
.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-prev {
    left: 0;
    border-radius: 10px 0 0 10px;
}
.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-next {
    right: 0;
    border-radius: 0 10px 10px 0;
}

.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-prev {
    top: 0;
    border-radius: 10px 10px 0 0;
}
.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-next {
    bottom: 0;
    border-radius: 0 0 10px 10px;
}
.MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled {
    opacity: 1 !important;
    color: rgba(49,51,61,.1);
    text-shadow: none !important;
}

.MagicScroll.mcs-rounded.MagicScroll-arrows-outside .mcs-button-arrow {
    background: #efefef;
    opacity: 1;
    box-shadow: 0 0 1px rgba(153, 153, 153, .5);
}

.MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow:hover:not(.mcs-disabled) {
    background-color: rgba(255, 255, 255, .96);
    color: rgba(49,51,61,1);
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow {
    background-color: rgba(255, 255, 255, .75);
    box-shadow: 0 0 1px rgba(153, 153, 153, .5);
}

.lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    border-width: 0 1px 0 0;
}
.lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next {
    border-width: 0 0 0 1px;
}
.lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    border-width: 0 0 1px 0;
}
.lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next {
    border-width: 1px 0 0 0;
}
.lt-ie9-magic .mcs-rounded.MagicScroll .mcs-button-arrow {
    color: #83858B;
}
.lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    background: #fff;
    filter: alpha(opacity = 75);
}
.lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover {
    filter: alpha(opacity = 96);
}
.lt-ie9-magic .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled {
    filter: alpha(opacity = 75) !important;
    color: #ccc;
}
/*


   Magic Zoom Plus v5.2.1 
   Copyright 2016 Magic Toolbox
   Buy a license: https://www.magictoolbox.com/magiczoomplus/
   License agreement: https://www.magictoolbox.com/license/


*/

/**
 * Core styles
 */
@font-face {
  font-family: "magictoolbox-thin";
  font-weight: normal;
  font-style: normal;
  src: url("https://www.donbaron.gr/skin/frontend/donbaron/default/css/fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("https://www.donbaron.gr/skin/frontend/donbaron/default/css/data:font/opentype;base64,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");
}

.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage > figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.MagicZoom,
.mz-figure {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr !important;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.MagicZoom {
    -webkit-transform: translate3d(0,0,0);
    -ms-touch-action: pan-y;
        touch-action: pan-y;
}
figure.mz-figure {
    overflow: hidden;
    margin: 0 !important;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.MagicZoom img,
.mz-figure img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
}
.MagicZoom > img,
.mz-figure > img {
    width: 100%;
    height: auto;
}
.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
    width: 100%;
    max-width: none !important;
}
.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
    cursor: default !important;
}
.mz-figure.mz-active,
.mz-expand {
    -ms-touch-action: none;
        touch-action: none;
}

.mz-lens,
.mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
.mz-lens img,
.mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important;
}
.mz-lens img {
    -webkit-transition: none !important;
            transition: none !important;
}

.mz-zoom-window {
    z-index: 2000000000;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}
.mz-zoom-window.mz-magnifier {
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    -webkit-mask-clip: content;
    cursor: none;
}
.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
    pointer-events: auto !important;
    cursor: inherit !important;
}
.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647;
}
.mz-zoom-window img  {
    width: auto;
    height: auto;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto !important;
    -webkit-transition: none !important;
            transition: none !important;
    -webkit-transform-origin: 50% 50% !important;
        -ms-transform-origin: 50% 50% !important;
            transform-origin: 50% 50% !important;
}
.mz-zoom-window.mz-preview img {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    -webkit-transform: none !important;
            transform: none !important;
}
.lt-ie9-magic .mz-zoom-window img  {
    margin: 0 !important;
}

.mz-expand-controls {
    z-index: 2147483647;
}

.mz-fade {
    -webkit-transition: opacity .25s;
            transition: opacity .25s;
}
.mz-hidden {
    opacity: 0;
}
.mz-visible {
    opacity: 1;
}

.mobile-magic .mz-expand .mz-expand-bg {
    -webkit-transform-style: flat !important;
            transform-style: flat !important;
}
.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption {
    display: none !important;
}
.mobile-magic .mz-expand-controls.mz-fade {
    transition: none !important;
}
.mobile-magic .mz-expand > .mz-zoom-window {
    top: 0 !important;
    left: 0 !important;
}

.mz-expanded-view-open,
.mz-expanded-view-open body {
    overflow: hidden !important;
}
.mz-expanded-view-open body { height: auto !important; }


/**
 * Main figure
 */
.mz-figure.mz-active {
    background: #fff;
}
.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair;
}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none;
}
.mz-figure.mz-magnifier-zoom.mz-active {
    overflow: visible !important;
}

.mz-figure.mz-active > img {
    filter: url("https://www.donbaron.gr/skin/frontend/donbaron/default/css/data:image/svg+xml;utf8,<sv")xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");
    -webkit-filter: grayscale(80%) opacity(60%);
    filter: grayscale(80%) opacity(60%);
}
.no-cssfilters-magic .mz-figure.mz-active > img {
    opacity: 0.6;
}
.lt-ie10-magic .mz-figure.mz-active > img {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);
}
.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {
    opacity: 0;
}
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {
    opacity: 1;
}
.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
    filter: alpha(opacity=0);
}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent;
}

/**
 * Zoom lens
 */
.mz-lens {
    border: 1px solid #aaa;
    border-color: rgba(170,170,170,0.7);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    cursor: none;
    z-index: 10;
    opacity: 0;
}
.mz-figure.mz-active .mz-lens {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
    transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none;
}

/**
 * Zoom window
 */
.mz-zoom-window {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.mz-zoom-window.mz-magnifier {
    border-radius: 100%;
    border: 0;
    background: rgba(255,255,255,.3);
}
.mz-zoom-window.mz-magnifier:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;bottom: 0;
    left: 0; right: 0;
    border-radius: 100%;
    border: 1px solid rgba(170,170,170,0.7);
    box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3);
    background: transparent;
    z-index: 1;
}
.mz-zoom-window.mz-magnifier.mz-square,
.mz-zoom-window.mz-magnifier.mz-square:before {
    border-radius: 0 !important;
}
.lt-ie9-magic .mz-zoom-window {
    border: 1px solid #e5e5e5;
}
.mz-zoom-window.mz-inner {
    border: none;
    box-shadow: none;
}

/* Caption in zoom window */
.mz-zoom-window .mz-caption {
    background: #777;
    color: #fff;
    font-size: 10pt;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal !important;
    text-align: center !important;
}
.lt-ie9-magic .mz-zoom-window .mz-caption {
    filter: alpha(opacity=80);
}
.mz-zoom-window.caption-bottom .mz-caption {
    top: auto;
    bottom: 0;
}
.mz-zoom-window.mz-expanded > .mz-caption {
    display: none;
}

/* Zoom window animations */
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-deactivating {
    -webkit-transition-duration: .25s, .25s, .25s;
            transition-duration: .25s, .25s, .25s;
}
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100;
}
.mz-zoom-window.mz-p-right {
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
}
.mz-zoom-window.mz-p-left {
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0);
}
.mz-zoom-window.mz-p-top {
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
}
.mz-zoom-window.mz-p-bottom {
    -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0);
}
/* Inner mode animation */
.mz-zoom-window > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
    -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
            transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
}
/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier {
    -webkit-transform: scale(.1);
            transform: scale(.1);
}
/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
}
.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
    opacity: 0;
}


/**
 * Hint & Loading
 */
.mz-hint,
.mz-loading {
    color: #eee;
    background: rgba(49,51,61,0.7);
    font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 0.25s ease;
            transition: opacity 0.25s ease;
}

.mz-hint {
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
            transition: opacity 0.25s ease, z-index 0.25s ease;
}
.mz-hint-message {
    display: inline-block;
    background: rgba(49,51,61,0.7);
    border-radius: 2em;
    padding: .7em 1.1em;
}
.mz-hint-message:before {
    content: '\02295';
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
    -webkit-transition: opacity 0.25s ease;
            transition: opacity 0.25s ease;
}
.mobile-magic .mz-hint-message:before {
    display: none;
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
}
/* Hint in the expanded view on mobile */
.mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);

}
.mz-expand .mz-hint-message {
    padding: 1.1em;
}
.mz-expand .mz-hint-message:before {
    display: none;
}
.mz-expand .mz-hint-hidden {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    opacity: 0;
}

/* Loading indicator */
.mz-loading {
    font-size: 0;
    border-radius: 100%;
    opacity: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.mz-loading:after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    text-indent: -9999em;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 1);
    border-top-color: transparent;
    box-sizing: border-box;
}
.mz-loading.shown {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
}
.mz-loading.shown:after {
    -webkit-animation: spin-loading .9s infinite linear;
            animation: spin-loading .9s infinite linear;
}

@-webkit-keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.lt-ie10-magic .mz-loading {
    border-radius: 2em;
    font-size: 12px;
    padding: .7em 1.1em;
    width: auto;
    height: auto;
}
.lt-ie10-magic .mz-loading:after {
    content: 'Loading...';
    text-indent: 0;
    border: none;
    position: relative;
}

.lt-ie9-magic .mz-loading {
    filter: alpha(opacity=0);
    right: 0;
    left:  0;
    width: 126px;
    margin: auto;
}
.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
    background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}
.lt-ie9-magic .mz-hint-hidden {
    filter: alpha(opacity=0);
}



/**
 * Expanded view
 */
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
    width: auto !important;
    height: auto !important;

}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg  {
    min-width: 100% !important;
    min-height: 100% !important;
}

.mz-expand {
    background-color: rgba(0, 0, 0, 1);
    text-align: center;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    z-index: 2100000000;
    position: fixed;
    width: auto;
    height: auto;
    -webkit-perspective: 600px;
            perspective: 600px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -ms-overflow-style: none;
}

/* Expanded view background */
.mz-expand .mz-expand-bg {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    z-index: -100;
    max-width: none !important;
    max-height: none !important;
    -webkit-transform: translate3d(0,0,0) scale(10) rotate(0.01deg);
        -ms-transform: translate(0,0) scale(10,10) rotate(0.01deg);
            transform: translate3d(0,0,0) scale(10) rotate(0.01deg);
    -webkit-perspective: 600px;
            perspective: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}
.mz-expand .mz-expand-bg > img  {
    margin: auto;
    filter: url("https://www.donbaron.gr/skin/frontend/donbaron/default/css/data:image/svg+xml;utf8,<sv")xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
    -webkit-filter: blur(20px) brightness(60%);
            filter: blur(20px) brightness(60%);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.mz-expand .mz-expand-bg > svg  {
    margin: auto;
    opacity: .6;
}

[data-magic-ua=edge] .mz-expand .mz-expand-bg,
.lt-ie10-magic .mz-expand .mz-expand-bg {
    display: none !important;
}
.lt-ie9-magic .mz-expand {
    background: #1f1f1f;
}
[data-magic-ua=edge] .mz-expand {
    background-color: rgba(31, 31, 31, .96);
}

/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
    display: none !important;
}
.mz-expand.dark-bg {
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, .96);
}
.mz-expand.white-bg {
    background-color: #fff;
}

/* Expanded view stage */
.mz-expand .mz-expand-stage {
    z-index: 2100000000;
    padding: 0;
}
.mz-expand .mz-expand-stage .mz-image-stage {
    z-index: 50;
    left: 120px;
    right: 120px;
    padding: 20px 0 40px 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    -webkit-perspective: 600px;
            perspective: 600px;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 120px;
}
.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding: 0 !important;
    left: 0;
    right: 0;
}

.mz-expand .mz-image-stage > figure:before,
.mz-expand .mz-image-stage:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 0;
    line-height: 100%;
    width: 0;
}
.mz-expand .mz-image-stage > figure {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 100%;
    position: relative;
}
.mz-expand .mz-figure {
    overflow: visible;
    max-width: 100% !important;
}
.mz-expand .mz-figure > img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
    width: 100%;
    height: 100%;
}
.mz-expand .mz-figure {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mz-expand .mz-figure.mz-active {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}
/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
    z-index: 1;
    position: absolute !important;
    top: -5000px !important;
    bottom: -5000px !important;
    left: -5000px !important;
    right: -5000px !important;
    margin: auto !important;
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img  { filter: alpha(opacity=100); }
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
    filter: alpha(opacity=100);
}


/* Caption in expanded view */
.mz-expand .mz-caption {
    color: #fff;
    text-shadow: 0px 0px 46px #000;
    padding: 10px 4px;
    font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
}
.mz-expand .mz-caption.mz-show {
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
    opacity: 1;
}
.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer;
}
.mz-expand.white-bg .mz-caption {
    color: #555;
    text-shadow: none;
}

.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%;
}

.mz-expand .mz-zoom-window {
    box-shadow: none;
    background: transparent;
}
.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0;
}

/* Expanded view on mobile */
.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
    left: 0px;
    right: 0px;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
    bottom: 0px;
}
.mobile-magic .mz-expand-stage .mz-image-stage {
    padding: 0;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 5px 0 60px;
}
.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding-top: 0;
}
.mobile-magic .mz-expand .mz-expand-thumbnails {
    padding: 0;
    height: 60px;
}


/**
 * Buttons & Arrows
 */
.mz-expand-controls,
button.mz-button {
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
 }
button.mz-button {
    color: #b4b4b4 !important;
    font: 900 34px/1 'magictoolbox-thin' !important;
    cursor: pointer;
    z-index: 90 !important;
    background-color: transparent !important;
    border: 1px solid rgba(180, 180, 180, 0) !important;
    border-radius: 100% !important;
    box-shadow: none !important;
    position: absolute !important;
    text-transform: none !important;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    width: 60px !important;
    height: 60px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;

}
button.mz-button:before {
    display: inline;
    position: static;
    color: inherit !important;
    font: inherit !important;
    -webkit-font-smoothing: inherit !important;
}
button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
    margin: auto 15px !important;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;
}
button.mz-button.mz-button-prev {
    left: 0 !important;
}
button.mz-button.mz-button-next {
    right: 0 !important;
}
button.mz-button.mz-button-close {
    font-size: 26px !important;
    margin: 70px 15px 10px 10px !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 95 !important;
}
:root:not(.mobile-magic) button.mz-button {
    color: rgba(180, 180, 180, .75) !important;
    -webkit-transform: scale(.85) !important;
            transform: scale(.85) !important;
    -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important;
            transition: color .25s, border-color .25s, transform .25s !important;

}
:root:not(.mobile-magic) button.mz-button:hover {
    color: rgba(180, 180, 180, 1) !important;
    border-color: rgba(180, 180, 180, .6) !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
}
.mobile-magic button.mz-button {
    -webkit-transition: -webkit-transform .1s !important;
            transition: transform .1s !important;
}
.mobile-magic button.mz-button:active {
    border-color: rgba(180, 180, 180, .6) !important;
    -webkit-transform: scale(.95) !important;
            transform: scale(.95) !important;
}

button.mz-button.mz-button-close:before { font-family: "Material Icons" !important;vertical-align: middle; font-size: 50px !important; content: "clear"; }
button.mz-button.mz-button-prev:before { font-family: "Material Icons" !important;vertical-align: middle; font-size: 50px !important; content: "keyboard_arrow_left"; }
button.mz-button.mz-button-next:before { font-family: "Material Icons" !important;vertical-align: middle; font-size: 50px !important; content: "keyboard_arrow_right"; }

@media screen and (max-device-width: 767px) {
    button.mz-button-prev,
    button.mz-button-next {
        display: none !important;
    }

    .mobile-magic .mz-expand button.mz-button {
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
        color: rgba(255, 255, 255, 0.8) !important;
        background-color: rgba(49,51,61,0.3) !important;
        border-color: transparent !important;
    }
}

.lt-ie9-magic button.mz-button {
    border: 0;
    filter: alpha(opacity=75);
}
.lt-ie9-magic button.mz-button:hover {
    filter: alpha(opacity=100);
}


/**
 * Thumbnails
 */

 /* Thumbnails on the page */
a[data-zoom-id],
.mz-thumb, .mz-thumb:focus {
    display: inline-block;
    line-height: 0;
    outline: none;
}
a[data-zoom-id] img,
.mz-thumb img {
    border: 1px solid #eee;
    padding: 3px;
    box-sizing: border-box;
}
.mz-thumb:hover:not(.mz-thumb-selected) img {
    border: 1px solid #b9b8b8;
}
.mz-thumb-selected img {
        border: 1px solid #005eb8;
        box-shadow: inset 0 0 0 1px #005eb8, inset 0 2px 8px 0 rgba(0,0,0,.15);
}
.no-cssfilters-magic .mz-thumb:hover,
.no-cssfilters-magic .mz-thumb.mz-thumb-selected {
    background: #000;
}
.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: .75;
    filter: alpha(opacity=75);
}
.no-cssfilters-magic .mz-thumb-selected img {
    opacity: .6;
    filter: alpha(opacity=60);
}
.ie9-magic .mz-thumb img {
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);
}

 /* Thumbnails in expanded view */
.mz-expand-thumbnails {
    z-index: 50;
    position: absolute;
    bottom: 0;
    left: 65px;
    right: 65px;
    height: 80px;
    padding: 10px 0;
    box-sizing: border-box;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb {
    padding: 10px 2px;
}
.mz-expand-thumbnails .magic-thumb > img {
    cursor: pointer;
    height: 40px;
    box-shadow:0 0 5px 1px rgba(0,0,0,0.3);
}
.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
    -webkit-filter: brightness(70%);
            filter: brightness(70%);
}
.mz-expand-thumbnails .magic-thumb-selected img {
    -webkit-filter: brightness(50%);
            filter: brightness(50%);
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    box-shadow: none;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
    opacity: 0;
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
    opacity: .7;
    filter: alpha(opacity=70);
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
    opacity: .5;
    filter: alpha(opacity=50);
}

/** Hide thumbnails in expanded view with .no-expand-thumbnails class **/
.mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 40px;
}
.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
    display: none;
}
.mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 0;
}
.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.magic-thumbs {
    direction: ltr;
    overflow: visible;
    z-index: 100;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 30px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
        touch-action: none;
}

.magic-thumbs {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.magic-thumbs.no-buttons {
    padding: 0 !important;
}

.magic-thumbs-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.magic-thumbs ul {
    list-style: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    white-space: nowrap;
}
.magic-thumbs.no-buttons ul {
    left: 0 !important;
    padding: 0 !important;
    -webkit-transition: none !important;
            transition: none !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
}


.magic-thumbs ul li {
    margin: 0 4px;
    height: 100%;
    width: auto;
    vertical-align: top;
    line-height: 0;
    display: inline-block;
}
.magic-thumbs ul li:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.magic-thumbs ul li > img {
    width: auto;
    height: auto;
    max-width: none !important;
    max-height: 100% !important;
    vertical-align: middle;
}
.ie8-magic .magic-thumbs ul li > img {
    max-width: none !important;
    max-height: none !important;
}

/* vertical */
.magic-thumbs.magic-thumbs-vertical {
    height: 100%;
}
.magic-thumbs-vertical {
    padding: 30px 0;
}
.magic-thumbs-vertical ul {
    height: auto;
    width: 100%;
    white-space: normal;
}
.magic-thumbs-vertical ul li {
    width: 100%;
    height: auto;
}
.magic-thumbs-vertical ul li {
    margin: 4px 0;
}

.magic-thumbs-vertical ul li > img {
    max-width: 100% !important;
    max-height: none !important;
}
.ie8-magic .magic-thumbs-vertical ul li > img {
    width: 100%;
}
div.block-related-product .aw-arp-block {
    background: #FFFFFF;
    border-top: 1px solid #A9A9A9;
    border-bottom: 1px solid #A9A9A9;
    border-radius: 5px;
}

div.block-related-product .aw-arp-block .block-title {
    border-radius: 5px 5px 0 0;
    background: #FAFAFA;
}

div.block-related-product .aw-arp-block-content {
    padding: 5px 0 0 5px;
    overflow: hidden;
    clear: both;
}

div.block-related-product .aw-arp-item,div.block-related .aw-arp-item {
    text-align: center;
    width: 100px;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    zoom: 1;
    _height: 250px;
    margin: 5px 5px 20px;
}

div.block-related-product .aw-arp-block-content .aw-arp-addtocart>p {
    margin-bottom: 5px;
}

div.block-related-product .aw-arp-product-item {
    margin: 0 0 20px;
}

div.block-related-product .aw-arp-item-photo,div.block-related .aw-arp-item-photo {
    float: left;
    margin-right: 10px;
}

div.block-related-product .aw-arp-item-photo img,div.block-related .aw-arp-item-photo img {
    border: 1px solid #A9A9A9;
    width: 75px;
}

div.block-related-product .aw-arp-item-text, div.block-related .aw-arp-item-text {
    margin-left: 85px;
}

div.block-related-product .footer .aw-arp-block-content li {
    display: inline-block !important;
}

div.block-related-product .footer .aw-arp-block-content a {
    color: #1E7EC8;
}