/******* auchan.hu - siteBuild : GoM3Z - 2016 ********/

body {
    font-family: 'MyriadPro';
    -webkit-font-smoothing: subpixel-antialiased;
    overflow-x: hidden;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    background: #f5f5f5;
}
.mobileHeader,
.mobile-prod,
.mobile-layer,
.mobile-nav {
    display: none;
    visibility: hidden;
    height: 0;
}
.hidden-desktop { display: none }
.mobile-Cat { display: none }
/**
    grid
            **/

div.row { width: 1170px; margin: 0 auto }
div.row:after,
div.row:before {
    display: table;
    width: 100%;
    content: " ";
    clear: both;
}
.iframe div.row {
    width: 100% !important;
    padding: 0 15px;
}
[class^="col-"] {
    float: left;
    padding-right: 30px;
}
.col-1 { width: 300px }
.col-2 { width: 700px }
.col-3 { width: 900px }
.col-4 { width: 1170px; padding: 0 }
.col-33 { width: 290px; padding-right: 20px }
.col-66 { width: 580px }
/*.col-3-3 { width: 600px }*/
.col-3-3 { width: 665px }
/*.col-1-1 { width: 270px }*/
.col-1-1 { width: 205px }

.iframe .col-2 { width: 50% !important; }
.iframe .col-4 { width: 100% !important; }

.row [class^="col-"]:last-child { padding-right: 0 }

.row .col-1:last-of-type { width: 270px }
.row .col-2:last-of-type { width: 670px }
.row .col-3:last-of-type { width: 870px }

.row [class^="col-"].item,
.row [class^="col-"].prod { padding: 0 24px 0 25px !important; border-right: 1px solid #d8d8d8; margin-bottom: 20px; width: 300px !important; }
.row [class^="col-"].item:first-of-type,
.row [class^="col-"].prod:first-of-type { padding-left: 5px !important; width: 280px !important; }
.row [class^="col-"].item:last-of-type,
.row [class^="col-"].prod:last-of-type { padding-right: 0 !important; border-right: 0 !important; width: 275px !important; }

.row [class^="col-"].item {
    height: 376px;
    position: relative;
}
.row [class^="col-"].item.big {
    height: auto;
}
.row [class^="col-"].item .more {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -125px;
    width: 250px;
}
.row [class^="col-"].item.big .more {
    position: static;
    bottom: 0;
    left: 50%;
    margin-left: 0;
    width: 250px;
}
.row.newsList { border-bottom: 1px solid #d8d8d8;  width: 840px; margin-bottom: 20px }

.row.newsList [class^="col-"].item { padding: 0 21px 0 22px; width: 293px !important; }
.row.newsList [class^="col-"].item:first-of-type { padding-left: 0 !important; width: 272px !important; }
.row.newsList [class^="col-"].item:last-of-type { padding-right: 0 !important; width: 272px !important; }

.row.newsList [class^="col-"].item.big { width: 100% !important; }

[class^="col-"] .row { width: 100% }
[class^="col-"] .col-2 { width: 50% !important; padding: 0 15px !important; }
[class^="col-"] .col-1 { width: 25% !important; padding: 0 5px !important; }
[class^="col-"] .col-4 { width: 100% !important; padding: 0 !important; }

[class^="col-"] [class^="col-"] .col-2 { padding-left: 0 !important }

[class^="col-"] [class^="col-"] .col-2 { padding: 0 5px !important; }
.col-25 { width: 25% }

[class^="col-"] [class^="col-"]:last-of-type { padding-right: 0 !important; }
[class^="col-"] [class^="col-"]:first-of-type { padding-left: 0 !important; }

[class^="col-"] .col-5 { width: 20%; padding: 0 5px }
[class^="col-"] .col-333 { width: 33.33% }

.col-1.pl0,
.pl0 { padding-left: 0 !important }
.col-1.pr0,
.pr0 { padding-right: 0 !important }
.ml0 { margin-left: 0 }
.mt0 { margin-top: 0 }

body section {
    width: 100%;
    background: transparent;
    clear: both;
}
body section > .row { padding: 15px 0 }
body section.dark { background-color: #eaeaea }

/**
    sideMenu
            **/

.sideMenu {
    position: fixed;
    top: 210px;
    right: 0;
    width: 50px;
    /*height: 250px;*/
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    transition: width 0.5s ease;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    z-index: 1001;
}
.sideMenu:hover {
    width: 155px;
}
.sideMenu a {
    display: block;
    white-space: nowrap;
    width: 155px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-family: 'Myriad Pro';
    letter-spacing: -0.5px;
    color: #e31f19;
    padding-left: 40px;
    position: relative;
}
.sideMenu a.shops {
    background: transparent url(../images/logo_right.png) no-repeat  5px 0;
}
.sideMenu a i {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 30px;
}
.sideMenu a i.icon-facebook { color: #3b5999 }
.sideMenu a i.icon-icons-11 { font-size: 28px }

/**
    header
            **/

header {
    width: 100%;
    height: 160px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
}
header div.top {
    height: 50px;
    background-color: #e31f19;
    width: 100%;
    line-height: 50px;
    position: fixed;
    z-index: 1000;
}
header div.bottom {
    height: 110px;
    width: 100%;
    padding-top: 50px;
}
header div.bottom [class^="col-"] { height: 110px }

header .col-2 { width: 700px }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


header div.top nav a {
    color: #fff;
    font-size: 15px;
    line-height: 50px;
    padding: 0 18px;
    font-family: 'Myriad Pro';
    display: inline-block;
    height: 50px;
}
header div.top nav ul,
header div.top nav ul li {
    float: left;
    margin: 0;
    width: auto;
    clear: none;
    padding: 0;
}
header div.top a.active {
    background: rgba(255,255,255,0.2);
    position: relative;
}
header div.top a.active:after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    content: "";
    border: 4px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #d23336;
}
header div.top li.hov a.active:after { z-index: -1 }
nav > ul {
    position: relative;
}
nav > ul > li > ul { display: none }

nav > ul > li.hov > ul {
    display: block;
    width: auto;
    position: absolute;
    left: 0;
    top: 50px;
    padding: 10px 0 0 0;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    z-index: -1;
}
nav > ul > li.shops.hov > ul {
    left: -40px;
    width: 1170px;
}
nav > ul > li.shops.hov > ul li {
    padding-top: 20px !important;
}
nav > ul > li.hov {
    background: #fff;
}
nav > ul > li.hov a {
    color: #e31f19;
}
nav > ul > li > ul li {
    padding: 5px 20px !important;
    white-space: nowrap;
}
header div.top nav ul li ul li a {
    height: auto;
    width: 225px;
    float: left;
    font-size: 15px !important;
    padding: 0 !important;
    font-weight: 600;
    line-height: 18px !important;
    margin-bottom: 15px;
}
header div.top a.home {
    padding: 0 10px;
    font-size: 20px;
    line-height: 50px;
    display: block;
    float: left;
}
header div.top a.home i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
}
header div.top a.home.basketIcon {
    font-size: 24px;
    line-height: 44px;
    padding: 0 0 0 8px;
    text-align: left;
    width: 40px;
}
div.mobileHeader a.home.basketIcon {
    position: absolute;
    left: 160px;
    font-size: 40px;
    /*line-height: 74px;*/
    margin-top: 10px;
    padding: 0 0 0 8px;
    text-align: left;
    width: 40px;
    color: #cd0a0a;
}
header div.top a.home i:before {
    position: absolute;
    top: 4px;
    left: 0;
}
a.btn {
    height: 34px;
    background-color: #fff;
    border-radius: 3px;
    line-height: 34px !important;
    border: 1px solid transparent;
    font-size: 14px;
    display: inline-block;
    font-family: 'Myriad Pro';
    letter-spacing: -0.5px;
}
.mobile-mainLinks a.btn,
.mobileHeader a.btn,
header div.top a.btn {
    background: #fff;
    border-color: #fff;
    color: #00945d;
    width: 170px;
    margin: 8px 0 0 30px;
    float: right;
}
header div.top a.btn.first { margin: 8px 0 0 0 }
.mobile-mainLinks a.btn i:before,
.mobileHeader a.btn i:before,
header a.btn i:before {
    font-size: 24px;
    float: left;
    line-height: 34px;
    margin: 0 5px 0 10px;
}
a.logo {
    display: block;
    width: 176px;
    height: 43px;
    background: transparent url(../images/logo.png) no-repeat 0 0;
    margin: 14px 0 0 0;
    text-indent: -10000px;
}
.restricted-friendly {
    color: #e31f19;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    margin: 6px 0 0 0;
    display: block;
    font-family: 'Open Sans', sans-serif;
}
.green:hover { color: #007D4F !important }

.btn.red { border: 1px solid #e31f19 !important; color: #e31f19 }
.btn.red:hover { border: 1px solid #C11A15 !important; color: #C11A15 }

/** tab **/

.tabs {
    width: 100%;
    float: none;
    list-style: none;
    position: relative;
    margin: 26px 0 0 0;
    text-align: left;
}
.tabs li {
    float: left;
    display: block;
    padding: 0;
    position: static;
}
.tabs input[type="radio"] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.tabs label {
    display: block;
    padding: 0;
    font-size: 14px;
    color: #e31f19;
    cursor: pointer;
    position: relative;
    line-height: normal !important;
    margin-right: 25px;
    font-family: 'Myriad Pro';
    letter-spacing: -0.5px;
}
.tab-content {
    z-index: 2;
    display: none;
    width: 100%;
    position: absolute;
    top: 22px;
    left: 0;
}
.tab-content:before {
    display: block;
    position: absolute;
    top: -6px;
    left: 23px;
    background: transparent url(../images/bg_searchinput.jpg) no-repeat 0 0;
    width: 12px;
    height: 7px;
    content: " ";
}
.tabs li:nth-child(2) .tab-content:before { left: 114px }
.tabs li:nth-child(3) .tab-content:before { left: 195px }

.tabs [id^="tab"]:checked + label { color: #00945d }
.tabs [id^="tab"]:checked ~ div[id^="tab-content"] { display: block }

.tab-content input {
    width: 550px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 2px 0 0 2px;
    border-right: 0;
    float: left;
}
.tab-content button {
    width: 120px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 0 2px 2px 0;
    border-left: 0;
    float: left;
    padding: 0;
    position: relative;
    color: #00945d;
    font-size: 16px;
    font-family: 'Myriad Pro';
    letter-spacing: -0.5px;
    text-align: left;
}
.tab-content button:hover {}
.tab-content button:before {
    position: absolute;
    left: 0;
    top: 5px;
    height: 30px;
    opacity: 0.3;
    background-color: #028243;
    width: 1px;
    content: "";
}
.tab-content button i:before {
    font-size: 24px;
    margin: 9px 5px 0 20px;
    display: block;
    float: left;
}
header .row .col-1:nth-child(3) { width: 200px }
header .row .col-1:last-of-type { width: 170px}
header .row a.btn.red {
    width: 170px;
    margin-top: 7px;
}
header .row a.btn.red.first { margin-top: 15px }

/**
    footer
            **/

footer {
    width: 100%;
    background: #fff;
}
footer div.sh {
    height: 2px;
    opacity: 0.25;
    background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
}
footer a {
    white-space: nowrap;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 400;
    min-width: 130px;
    margin-bottom: 8px;
    display: inline-block;
}
footer .row .col-1 { padding-top: 30px }
footer a:hover { text-decoration: underline }
footer h2 {
    color: #4a4a4a;
    font-size: 14px;
        font-family: 'Myriad Pro';     letter-spacing: -0.5px;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 8px 0;
    padding: 0 0 5px 0;
}
footer .col-1 { padding-bottom: 15px }
footer .col-4 {
    border-top: 1px solid #d8d8d8;
    padding: 25px 0;
    line-height: 33px;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 400;
}
footer .col-4 img { vertical-align: middle }
footer .col-4 a { margin: 0 0 0 30px; min-width: 0 }

/**
    content
            **/

div.box {
    width: 100%;
    padding: 5px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    float: left;
}
div.box:after {
    display: table;
    clear: both;
    content: "";
    width: 100%;
}
.sliderContainer {
    height: 320px;
    background: #fff;
    position: relative;
    overflow: hidden;
    margin: 0 !important;
    float: left;
}
.sliderContainer div {
    margin: 0 20px;
    overflow: hidden;
    width: calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
    width: -webkit-calc(100% - 40px) !important;
}
.sliderContainer.gallery {
    margin-bottom: 5px !important;
}
.sliderContainer.gallery div {
    margin: 0;
    overflow: hidden;
    width: 100% !important;
}
.sliderContainer ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 330px;
    list-style: none;
    float: left;
    width: 100%;
}
.sliderContainer.gallery ul {
    height: 120px;
    margin: 0 -5px !important;
    width: calc(100% + 10px) !important;
    width: -moz-calc(100% + 10px) !important;
    width: -webkit-calc(100% + 10px) !important;
}
.sliderContainer ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 220px;
    height: 330px;
    background: #fff;
    text-align: center;
    line-height: 330px;
}
.sliderContainer.gallery ul li {
    width: 170px;
    height: 120px;
    line-height: 120px;
}
a.control_prev, a.control_next {
    z-index: 999;
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 25px;
    height: 50px;
    float: left;
    border-radius: 0 25px 25px 0;
    line-height: 54px;
    text-align: left;
    background-color: #00945d;
    position: absolute;
    margin: -25px 0 0 0;
    top: 50%;
    left: 0;
    color: #fff;
    font-size: 10px;
    padding-left: 5px;
}
a.control_next {
    border-radius: 25px 0 0 25px;
    padding-left: 11px;
    left: auto;
    right: 0;
}
.sliderContainer .flyerSlider {
    height: 540px !important;
    background: #fff;
    margin: 0 30px;
    overflow: hidden;
    width: calc(100% - 60px) !important;
    width: -moz-calc(100% - 60px) !important;
    width: -webkit-calc(100% - 60px) !important;
}
.sliderContainer .flyerSlider ul {
     height: 540px;
 }
div.sliderContainer .flyerSlider div {
    width: 360px;
    height: 540px;
}
.sliderContainer .flyerSlider ul li {
    width: 360px;
    height: 540px;
    line-height: 540px;
}
.flyerSliderContainer {
    height: 540px;
    position: relative;
    margin: 0 35px;
}

.sliderContainer .ownProdSlider,
.sliderContainer .ownProdSliderBig {
    height: 360px !important;
    background: #fff;
    margin: 0 30px;
    overflow: hidden;
    width: calc(100% - 60px) !important;
    width: -moz-calc(100% - 60px) !important;
    width: -webkit-calc(100% - 60px) !important;
}
.sliderContainer .ownProdSlider ul {
     height: 540px;
 }
div.sliderContainer .ownProdSlider div {
    width: 420px;
    height: 360px;
}
.sliderContainer .ownProdSlider ul li {
    width: 420px;
    height: 360px;
    line-height: 360px;
}
.sliderContainer .ownProdSliderBig {
    height: 670px !important;
}
.sliderContainer .ownProdSliderBig ul {
    height: 840px;
}
div.sliderContainer .ownProdSliderBig div {
    width: 840px;
    height: 670px;
}
.sliderContainer .ownProdSliderBig ul li {
    width: 840px;
    height: 670px;
    line-height: 670px;
}
.ownProdSliderContainer {
    height: 670px;
    position: relative;
    margin: 0 30px;
    border-left: 1px solid #d8d8d8;
}


h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    margin: 10px 0;
    float: left;
    width: 100%;
}
h2:after {
    display: table;
    content:" ";
    clear: both;
}
p.red,
a.red,
h1.red,
h2.red,
.red strong,
h3.red { color: #e31f19 !important; }

h1.blue,
h2.blue,
h3.blue { color: #027bc1 }

h2.white,
h3.white { color: #fff }

button.more,
a.more,
a.back {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    line-height: 40px !important;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding-left: 15px;
    font-family: 'Myriad Pro';
}
a.back {
    width: auto;
    padding-right: 50px;
}
button.more i,
a.more i,
a.back i {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 20px;
    margin: 4px 10px 0 0;
}
button.red,
a.back.red,
a.more.red {
    background: #e31f19;
    color: #fff !important;
}
a.more.white {
    background: #fff;
    color: #e31f19;
}
a.more.green {
    background: #fff;
    color: #00945d;
    border: 2px solid #00945d;
}
.meat a.more {
    color: #801e34;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 240px;
}
.mainFlyerButton {
    padding: 15px 10px 5px 10px;
    float: left;
    width: 100%;
}
.services,
.meat,
.career,
.b2background,
.shopFinder,
.shopcard,
.trust,
.petrol {
    width: 100%;
    height: 440px;
    background: transparent url(../images/bg_bkut.jpg) no-repeat 0 0;
}
.petrol {
    width: 100%;
    height: 440px;
    background: transparent url(../images/bg_bkut2.png) no-repeat 0 0;
}
.trust { background: transparent url(../images/bg_bizalom.jpg) no-repeat 0 0 }
.shopcard { background: transparent url(../images/bg_bevasarlo.png) no-repeat 0 0 }
.career { background: transparent url(../images/bg_career.png) no-repeat 0 0 }
.b2background { background: transparent url(../images/az_elet_kek.png) no-repeat 0 0 }
.meat { background: transparent url(../images/bg_meat.jpg) no-repeat 0 0 }
.shopcard ul li { padding: 0 5px 5px 25px; }
.services { background: #fff }

.b2background ul li:before,
.b2background .btnContainer { background: #00c9fb }
.b2background h3.red,
.b2background h2.blue,
.b2background .btnContainer a.more.white { color: #00c9fb !important; }

.leftside .trust { height: 230px; background: transparent url(../images/bg_bizalom2.jpg) no-repeat 0 0 }
.leftside .shopFinder { height: 230px; background: transparent url(../images/bg_aruhazkereso2.jpg) no-repeat 0 0; position: relative }

h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    padding: 10px;
}
.leftside h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 10px;
}
.leftside .shopFinder h2 { margin-bottom: 0 }
.btnContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #e31f19;
    padding: 10px;
}
h2 { padding-left: 10px }
ul,ol {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    list-style: none;
    clear: both;
}
ul li, ol li {
    position: relative;
    padding: 0 25px 5px 25px;
}
ul li:before, ol li:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 5px;
    left: 10px;
    border-radius: 100%;
    content: "";
}
.white { color: #fff }
.white li:before { background: #fff }
.redDot li:before { background: #e31f19 }
.greenCheck li:before { content: "H"; font-family: 'auchan'; color: #00945d; font-size: 20px;vertical-align: top; line-height: 10px }
ul.greenCheck li { padding-left: 35px !important; }

h2 a {
    color: #e31f19;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    float: right;
}
.item a img {
    display: inline-block; margin: 0 0 10px 0 ;
    border-radius: 4px;
}
a.title {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
p {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 10px 0;
}
a.prodPic {
    display: table-cell;
    height: 170px;
    text-align: center;
    vertical-align: middle;
    width: 250px;
}
.prod a.more { margin-top: 15px }
.price {
    color: #e31f19;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    line-height: 23px;
    display: inline-block;
    width: 100%;
}
.prod {
    min-height: 280px;
    position: relative;
}
.text-center { text-align: center }
.prod.text-center { text-align: center; min-height: 230px }
.prod.text-center a.prodPic { height: 150px }
.prod a.title { min-height: 40px;display: inline-block }
.meat ul { padding-top: 125px }
.services p { margin: 0 10px 28px 10px }
.ownProd a.boxed,
.services a {
    display: block;
    float: left;
    width: 127px;
    height: 127px;
    margin: 0 6px 6px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    background: #f4660d;
}
.ownProd ul {
    margin-bottom: 14px;
}
.ownProd a.boxed {
    background: transparent;
}
.services a span {
    display: table-cell;
    width: 127px;
    height: 127px;
    vertical-align: middle;
    text-align: center;
}
.services a i { font-size: 60px; font-weight: normal }
.services div a:nth-child(2n),
.ownProd a.boxed:nth-child(2n) { margin-right: 0 }
.services div a:nth-child(3),
.services div a:nth-child(4) { margin-bottom: 0 }
.ownProd  a.boxed:nth-child(3),
.ownProd  a.boxed:nth-child(4) { margin-bottom: 0 }
.services a.shipping { background: #027bc1 }
.services a.photo { background: #d82332 }
.services a.pay { background: #028243 }
.services a.shipping i { font-size: 80px }

.ownProd {
    background: transparent url(../images/ownprod.png) no-repeat bottom left;
    width: 100%;
    height: 440px;
}

/**
    breadcrumb
                **/

body section.breadcrumb {
    height: 50px;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin: -15px 0 5px 0;
    font-size: 13px;
    line-height: 50px;
    color: #4a4a4a;
    font-weight: 400;
}
body section.breadcrumb .row { padding: 0 }

section.breadcrumb a {
    color: #e31f19;
    margin: 0 5px;
    padding-right: 10px;
    position: relative;
    font-family: 'Myriad Pro';
    letter-spacing: -0.5px;
}
section.breadcrumb a:after {
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    top: 5px;
    right: 0;
    content: "";
    background: #4a4a4a;
}
section.breadcrumb a:not(:first-of-type) { margin-left: 0}
section.breadcrumb a:hover { text-decoration: underline }

.leftside .box.submenu { padding: 0 }
.leftside .box { margin-bottom: 20px }
.leftside .box h2 {
}
.leftside .box.submenu h2 {
    padding-left: 15px;
}

ul.submenu { width: 100%; margin-bottom: 10px }
ul.submenu li { padding: 0 }
ul.submenu li a {
    font-size: 15px;
    font-family: 'Myriad Pro';
    line-height: 18px;
    color: #e31f19;
    display: block;
    width: 100%;
    padding: 10px 15px 7px 15px;
    letter-spacing: -0.5px;
}
ul.submenu > li.active > a,
ul.submenu li a.active {
    background-color: #e31f19;
    color: #fff;
}
ul.submenu li.active.hasSubmenu > a {
    background-color: #e8e8e8;
    color: #e31f19;
}
ul.submenu li.active.hasSubmenu > a i {
    color: #e31f19;
}
ul.submenu li a i {
    color: #fff;
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 12px;
}
ul.submenu li ul {
    display: none;
}
ul.submenu li.active ul {
    display: block;
    background-color: #f5f5f5;
    padding: 5px 0;
    border-bottom: 1px solid #d8d8d8;
}
ul.submenu li.active ul li {
    padding: 0 25px;
}
ul.submenu li.active ul li a {
    padding: 7px 0 5px 0;
    font-size: 14px;
}
ul.submenu > li.active li.active {
    background-color: #e31f19;
}
ul.submenu > li.active li.active a {
    color: #fff;
}
.petrol_pest,
.petrol_country {
    background: transparent url(../images/bg_petrol_pest.png) no-repeat 0 0;
    height: 390px;
    position: relative;
}
.petrol_country {
    background: transparent url(../images/bg_petrol_country.png) no-repeat 0 0;
}
.petrol_pest a.btn,
.petrol_country a.btn {
    position: absolute;
    left: 10px;
    bottom: 5px;
    width: 240px;
    color: #fff !important;
}
h1 {
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    margin: 20px 15px;
}
.content .box { padding: 0 }
.petrolPrices {
    background: rgba(2, 130, 67, 0.1);
    padding: 15px 15px 5px 15px;
    float: left;
}
.petrolPrices p {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
}
.tac { text-align: center }

.petrolSelect {
    background: transparent url(../images/petrolselect.png) no-repeat 0 0;
    width: 260px;
    height: 174px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 10px;
    float: left;
    margin: 0 10px 0 15px;
}
.petrolSelect span {
    font-size: 14px;
    font-weight: 400;
}
.petrolSelect span p {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin: 0 !important;
    color: #fff;
}
.petrolTypeItems {
    float: left;
    width: 585px;
}
.selectedStation {
    width: 100%;
    clear: both;
}
.petrolSelect div.selectContainer {
    width: 100%;
    border: 1px solid #d1d1d1;
    position: absolute;
    left: calc(100% + 10px);
    left: -moz-calc(100% + 10px);
    left: -webkit-calc(100% + 10px);
    top: -20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 100;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.leftside .petrolTypeItems {
    width: 100%;
    padding: 0 10px;
}
.petrolTypeItem {
    width: 180px;
    height: 50px;
    background-color: #fff;
    border-radius: 4px;
    float: left;
    margin: 0 0 10px 10px;
    line-height: 48px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding-right: 0;
}
.petrolTypeItem span {
    display: block;
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    line-height: 49px;
    text-align: center;
    width: 90px;
}
.petrolTypeItem.green { border: 1px solid #028243; }
.petrolTypeItem.black { border: 1px solid #000; }
.petrolTypeItem.blue { border: 1px solid #027bc1; }

.petrolTypeItem.green span { background: #028243; }
.petrolTypeItem.black span { background:  #000; }
.petrolTypeItem.blue span { background:  #027bc1; font-size: 15px; line-height: normal; padding-top: 7px }
.petrolTypeItem.double span {
    font-size: 14px;
    line-height: 48px;
    font-weight: 400;
}
.petrolTypeItem.double span em {
    font-size: 18px;
    font-style: normal;
}
.leftside .petrolTypeItems .petrolTypeItem {
    width: calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    margin: 0 5px 10px 5px;
    padding-right: 0;
    text-align: center;
}
.leftside .petrolTypeItem span {
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    line-height: 49px;
    text-align: center;
    width: 50px;
}

.leftside .petrolTypeItems .petrolTypeItem:nth-child(odd) { margin-left: 0 }
.leftside .petrolTypeItems .petrolTypeItem:nth-child(even) { margin-right: 0 }
.leftside .petrolTypeItems .petrolTypeItem.double span {
    line-height: normal;
    font-size: 14px;
    padding-top: 8px;
}

.accordion .petrolTypeItems { float: right; width: auto }
.accordion .petrolTypeItem {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 0;
    border-radius: 4px;
    margin: 0 10px 0 0;
    display: block;
}
.accordion .petrolTypeItem span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
}
.accordion .petrolTypeItem.double {
    float: left;
    width: 100px;
    margin-right: 0;
}
.accordion .petrolTypeItem.double span {
    width: 100px;
}
.accordion.producer img {
    float: left;
    max-width: 300px;
    margin: 0 15px 15px 0;
}
 .inside {
    padding: 15px;
}
.inside p {
    font-size: 15px;
    line-height: 20px;
}
.inside h2 { padding: 0 }

.accordion {
    width: 100%;
    margin-bottom: 5px;
    clear: both;
}
.content .accordion label {
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    float: none;
    width: 100%;
    color: #e31f19;
    font-family: 'MyriadPro';
    font-size: 20px;
    font-weight: 400;
    line-height: normal !important;
    padding: 8px 40px 8px 15px;
    border-bottom: 1px solid #d8d8d8;
}
.accordion label:hover{
    background: #fff;
}
.accordion input:checked + label,
.accordion input:checked + label:hover{
}
.accordion input {
    display: none;
}
.accordion article {
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    transition: height 0.3s ease-in-out;
    padding: 0 15px;
}
.accordion article p {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.accordion input:checked ~ article {
    height: auto;
    transition: height 0.5s ease-in-out;
}
.accordion > div {
}
.accordion div:last-child label,
.accordion input:checked ~ label { border: 0 }
.accordion label:after {
    position: absolute;
    top: 11px;
    right: 15px;
    font-size: 20px;
}

/**
    pager
            **/

.pager {
    width: 100%;
    clear: both;
    text-align: center;
    padding: 0 0 20px 0;
}
.pager a,
.pager span {
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    background-color: #00945d;
    border-radius: 100%;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #00945d;
}
.pager span {
    background: #fff;
    color: #00945d;
}
.pager .prev,
.pager .next {
    font-size: 20px;
    width: 20px;
    height: 20px;
    background: transparent;
    color: #00945d;
    border: 0;
    position: relative;
}
.pager .prev i,
.pager .next i {
    position: absolute;
    top: 5px;
    left: 0
}
.pager.red a,
.pager.red span {
    background: #e31f19;
    border: 1px solid #e31f19;
}
.pager.red span {
    color: #e31f19;
    background: transparent;
}
.pager.red .prev,
.pager.red .next {
    background: transparent;
    color: #e31f19;
    border: 0;
}
.pager.fright {
    width: auto;
    padding-top: 10px;
}
.content .pagerLabel {
    line-height: 40px !important;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
}
.row.newsList .item.big a img {
    display: inline-block;
    margin: 0 20px 10px 0;
    border-radius: 4px;
    float: left;
}
.row.newsList .item.big div {
    float: left;
    width: calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: -webkit-calc(100% - 270px);
}
.row.newsList .item.big a.title {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}
.row.newsList .item.big p {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.row.newsList .item.big a.more {
    float: left;
    width: auto;
}
.row.newsList .item.big a.more i {
    margin-left: 10px;
}
.content > h1 { margin: 5px 0 }
.p5px   { padding: 5px !important }
.p10px  { padding: 10px !important }
.p15px  { padding: 0 15px !important }
.fs13 { font-size: 13px !important }
.fs15 { font-size: 15px !important; line-height: 23px !important; }
.fs16 { font-size: 16px !important; line-height: 23px !important; }
.fs30 { font-size: 30px !important; line-height: 23px !important; }
.mr15 { margin-right: 15px }
.bold { font-weight: 600 }

.prodItem { height: 333px; text-align: center }

.prodItem span {
    display: table-cell;
    width: 185px;
    height: 160px;
    vertical-align: middle;
    text-align: center;
}
.prodItem span img {
    max-width: 185px;
}
.prodItem a.title {
    font-weight: bold;
    color: #e31f19;
    display: inline-block;
    height: 38px;
    overflow-y: hidden;
}
.prodItem p {
    text-align: left;
}
.prodItem strong,
.prodDetailsText strong {
    color: #e31f19;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    display: inline-block;
    width: 100%;
}
.prodDetailsText:after {
    clear: both;
    content: "";
    display: table;
    width: 100%;
}
.prodItem a.more { text-align: left }

.prodDetailsPic {
    float: left;
    width: 360px;
    height: 270px;
}
.prodDetailsPic span {
    display: table-cell;
    width: 360px;
    height: 270px;
    vertical-align: middle;
    text-align: center;
}
.prodDetailsPic span img {
    max-width: 100%;
}
.prodDetailsText {
    float: left;
    width: 210px;
    padding-left: 20px;
}
.prodDetailsText a.more {
    margin: 10px 0;
}
.prodDetailsText a.more i {
    font-size: 29px;
    margin: 6px 15px 0 0;
}
.aruhazHeader {
    position: relative;
}
.aruhazHeader img.image {
    float: left;
}
.aruhazHeader > img.image {
    margin-left: 5px;
}
h1 span {
    float: right;
    font-size: 22px;
}
.leftside .shopCard {
    position: relative;
    padding-bottom: 55px;
}
.leftside .shopCard .header {
    width: 100%;
    /*height: 90px;*/
    background-color: #e31f19;
    color: #fff;
    padding: 10px;
}
.leftside .shopCard .header img {
    float: right;
}
.leftside .shopCard .header * { color: #fff }
.leftside .shopCard > p {
    padding: 0 10px;
}
.leftside .shopCard h3 {
    padding: 0;
    font-size: 18px;
}
.shopListContainer {
    /*width: calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -webkit-calc(100% + 30px);*/
    float: left;
}
.shopListContainer a {
    float: left;
    width: 124px;
    text-align: center;
    display: block;
    height: 175px;
    color: #e31f19;
    font-family: 'Myriad Pro';
    font-size: 13px;
    line-height: 16px;
}
.shopListContainer a img {
    margin-bottom: 7px;
}
.shopListContainer a:nth-child(7n) {}

/**                 **\
    HTML szerkesztő
\**                 **/

div.html {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 15px;
}

.p15px div.html {
    padding: 0;
}
.html.haztaji {
    background: transparent url(../images/haztaji_top.png) no-repeat 0 0;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    padding: 278px 0 0 0;
}
.html.haztajibarany {
    background: transparent url(../images/haztajibarany_top.png) no-repeat 0 0;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    padding: 278px 0 0 0;
}
.html.haztaji > div {
    background: #cc821f url(../images/bg_haztaji.png) no-repeat bottom left;
    padding: 15px 15px 350px 15px;
}
.html.haztajibarany > div {
    background: #cc821f url(../images/bg_haztajibarany.png) no-repeat bottom left;
    padding: 15px 15px 350px 15px;
}
.wineError{
    display: block;
    width: 100%;
    font-family: 'MyriadPro';
    font-size: 15px;
    color:#E31F19;
    text-align: center;
    padding: 5px;
    line-height: 20px;
    float: left;
}

div.html * { font-family: 'MyriadPro'; font-size: 15px; line-height: 20px }
div.html strong,div.html b,p.lead,div.html h2,div.html h3,div.html h4,div.html h5,div.html h6, div.html table th { font-weight: normal }
div.html h2,div.html h3,div.html h4,div.html h5,div.html h6 { font-weight: normal; color: #e31f19; padding-left: 0; font-family: 'Myriad Pro'; }
div.html tt, div.html code, div.html kbd, div.html samp { font-family: monospace; font-size: 14px }
div.html sub, div.html sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
div.html sup { top: -0.5em }
div.html sub { bottom: -0.25em }
div.html h2 {  font-size: 20px }
div.html h3 { color: #000; font-size: 20px; font-weight: 400; }
div.html h4 { font-size: 14px }
div.html h5 { font-size: 12px }
div.html h6 { font-size: 10px }
div.html a { color: #005ca1 }
div.html kbd { font-family: monospace; margin: 0 0.1em;  padding: 2px 5px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); font-size: 10px; display: inline-block; box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffffff; background-color: rgb(247, 247, 247); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 0 1px 0 #fff; line-height: normal }
div.html ul,div.html dl,div.html dir,div.html menu,div.html ol { margin: 15px 5px; list-style: none; padding: 0 }
div.html ol li,div.html dl dt,div.html menu li,div.html dir li,div.html ul li { padding-left: 20px; position: relative; color: #4a4a4a; }
div.html ol li:before, div.html menu li:before, div.html dl dt:before, div.html dir li:before, div.html ul li:before { display: block; position: absolute; width: 4px; height: 4px; content: ""; background: #e31f19; left: 0; top: 8px }
div.downloads table, div.html table { width: 100%; max-width: 100%; border-collapse: collapse; margin-bottom: 20px }
div.html table caption { font-size: 12px }
div.html table th { padding: 5px; border: 1px solid #d5d5d5 }
div.html table td { padding: 5px; border: 1px solid #d5d5d5 }
div.html dl dd { font-size: 20px; position: relative; padding-left: 15px }
div.html hr { margin: 15px 0; border: 0; width: 100%; background: #d5d5d5; height: 1px }
.quote, .html blockquote { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; color: #8f8f8f; font-size: 28px; line-height: 32px; padding: 30px 30px 30px 65px; margin: 20px 0; position: relative }
.html blockquote:before, .quote:before { display: block; position: absolute; width: 47px; background: #fff; font-size: 22px; top: -8px; left: 22px; text-align: center }
div.html p span { font-family: 'MyriadPro' !important; line-height: 26px !important; font-size: 20px !important; color: #000 !important }
.html strong {
    color: #027bc1;
    font-family: 'Myriad Pro';
    letter-spacing: -0.5px;
}
.html.haztaji,
.html.haztaji * { color: #fff !important }
.html.haztajibarany * { color: #fff !important }
.mb15 { margin-bottom: 15px !important; }
.html h2.blue { color: #027bc1 }
.html table.nordexx td { border-top: 0; border-left: 0; border-right: 0 }
.html table.nordexx tr td:first-child { padding-left: 20px }
.html table.nordexx tr td span { display: inline-block; width: 40px }

.downloads table th {
    background-color: #f5f5f5;
    border: 1px solid #d8d8d8;
    color: #000;
    font-family: 'MyriadPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 15px 10px;
    text-transform: uppercase;
    text-align: left;
}
.downloads table td {
    border: 1px solid #d8d8d8;
    color: #000;
    font-family: 'MyriadPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 15px 10px;
    text-align: left;
}


.ownProdLogo {
    /*position: absolute;
    top: 10px;
    right: 10px;*/
    float: right;
    margin: 10px 10px 0 0;
    text-align: center;
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    line-height: 120px;
    z-index: 10;
}
.ownProdLogo img {
    vertical-align: middle;
}
.petrolQualityItem {
    float: left;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #d8d8d8;
    line-height: 40px;
    font-size: 15px;
    color: #4a4a4a;
}
.petrolQualityItem strong {
    font-family: 'Myriad Pro';
    letter-spacing: -0.5px;
}

/**
    katalogus lapozo
                        **/

.catalogCategoryContainer {
    float: right;
    height: 42px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    margin: 15px;
}
.catalogCategoryContainer .prefix {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    margin: 6px 0;
    border-right: 1px solid #028243;
    float: left;
    display: block;
    color: #00945d;
    font-family: "Myriad Pro";
    font-size: 16px;
    letter-spacing: -0.5px;
}

.catalogPagerContainer {
    position: relative;
    width: 100%;
}

.frame .slidee,
.frame2 .slidee { margin: 0; padding: 0; height: 100%; list-style: none; }
.frame,
.frame2 { padding: 0; width: 300px; height: 400px; }

.scrollbar {
    height: 20px;
    background-color: #e9e8e8;
    border-radius: 4px;
    float: left;
    clear: both;
    width: 1060px;
    margin: 0 55px 20px 55px;
}
.scrollbar .handle {
    width: 100px; /* overriden if dynamicHandle: 1 */
    height: 16px;
    margin: 2px 0;
    background-color: #00945d;
    border-radius: 2px;
}
.scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}
.frame,
.frame2 {
    height: 796px;
    line-height: 796px;
    overflow: hidden;
    width: 1060px;
    margin: 0 55px 20px 55px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.frame2 {
    height: auto;
    line-height: normal;
    overflow: hidden;
    width: 100%;
    margin: 0 0 10px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.frame ul,
.frame2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    touch-action: manipulation;
}
.frame ul li,
.frame2 ul li {
    float: left;
    width: 1060px;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #ddd;
    text-align: center;
    cursor: w-resize;
}
.frame2 ul li {
    width: 100%;
    height: 100%;
}
.frame ul li > div,
.frame2 ul li > div {
    display: table-cell;
    width: 530px;
    height: 796px;
    vertical-align: middle;
    background-color: #e9e8e8;
    text-align: center;
    color: #4a4a4a;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
}
.frame2 ul li > div {
    width: 100%;
    height: 100%;
    color: #4a4a4a;
    font-size: 18px;
    line-height: normal;
}
.frame ul li > div.list,
.frame2 ul li > div.list {
    vertical-align: top;
    padding: 3px;
    width: 100%;
}
.frame ul li > div a.pages,
.frame2 ul li > div a.pages {
    display: block;
    width: 160px;
    height: 252px;
    margin: 7px 8px 4px 7px;
    position: relative;
    float: left;
}
.frame ul li > div a.pages span,
.frame2 ul li > div a.pages span {
    width: 160px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    display: block;
    text-align: center;
    padding: 5px;
    height: 237px;
    border-radius: 4px;
}
.frame ul li > div a.pages i,
.frame2 ul li > div a.pages i {
    width: 40px;
    height: 14px;
    color: #4a4a4a;
    font-size: 12px;
    font-weight: 600;
    line-height: 10px;
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    text-align: center;
    font-style: normal;
    border-radius: 0 0 4px 4px;
}
.frame ul li > div > span,
.frame2 ul li > div > span {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.frame ul li > div em,
.frame2 ul li > div em {
    font-style: normal;
    color: #e31f19;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
}

.frame2 ul li img { width: 100% }

button.btn.nextPage,
button.btn.prevPage {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 80px;
    background-color: #00945d;
    border: 0;
    border-radius: 0 40px 40px 0;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin-top: -40px;
}
button.btn.nextPage {
    left: auto;
    right: 0;
    border-radius: 40px 0 0 40px;
}
button.btn.nextPage:disabled,
button.btn.prevPage:disabled { display: none }

button.btn.nextPage i,
button.btn.prevPage i {
    position: absolute;
    top: 34px;
    left: 17px;
}
button.btn.prevPage i {
    left: 10px;
}
.catalogPagerButtons {
    width: 1060px;
    margin: 0 55px 15px 55px;
    float: left;
}
.catalogPagerButtons a,
.catalogPagerButtons > div > ul > li {
    color: #e31f19;
    font-family: "Myriad Pro";
    font-size: 15px;
    letter-spacing: -0.5px;
    margin-left: 20px;
    vertical-align: middle;
    line-height: 24px;
    cursor: pointer;
}
.catalogPagerButtons > div > ul {
    clear: none;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
}
.catalogPagerButtons > div > ul > li {
    padding: 0;
}
.catalogPagerButtons li i,
.catalogPagerButtons a i {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 24px;
    display: inline-block;
}
.catalogPagerButtons a:first-child {
    margin-left: 0;
    float: left;
}
/*.catalogPagerButtons a:last-child {
    color: #3b5999;
}*/
.catalogPagerButtons > div {
    float: right;
    white-space: nowrap;
}
.catalogPagerButtons > div > span {
    position: relative;
}
.catalogPagerButtons > div > ul li ul { display: none; }
.catalogPagerButtons > div > ul li:hover ul {
    display: block;
    position: absolute;
    width: 77px;
    height: 58px;
    top: -58px;
    left: 50%;
    margin-left: -38px;
}
.catalogPagerButtons > div > ul li ul li {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    width: 77px;
    display: block;
    font-style: normal;
    height: 52px;
}
.catalogPagerButtons > div > ul li ul:after {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 8px;
    background: transparent url(../images/slice.png) no-repeat 0 0;
    bottom: -2px;
    left: 50%;
    margin-left: -6px;
}
.catalogPagerButtons > div > ul li ul li { text-align: center; padding: 10px 0 0 0 }
.catalogPagerButtons > div > ul li ul li a i {
    font-size: 32px;
    text-align: center;
    float: left;
}
.catalogPagerButtons > div > ul li ul li a i:before {
    left: -3px;
    top: 0;
    position: absolute;
}
.catalogPagerButtons > div > ul li ul li a {
    color: #3b5999;
    font-family: "Myriad Pro";
    font-size: 15px;
    letter-spacing: 0;
    vertical-align: middle;
    line-height: normal;
    cursor: pointer;
    float: none !important;
    display: inline-block;
    text-align: left;
    width: 25px;
    height: 31px;
    overflow: hidden;
    position: relative;
    margin: 0 2px;
}
p.lead {
    color: #4a4a4a;
    font-family: "Myriad Pro";
    font-size: 15px;
    line-height: 20px;
}
hr {
    height: 1px;
    background-color: #d8d8d8;
    color: #d8d8d8;
    margin: 15px 0;
    width: 100%;
    border: 0;
    float: left;
    clear: both;
}
.share {
    float: left;
    clear: both;
    width: 100%;
    border-top: 1px solid #d8d8d8;
    padding: 15px 0;
    margin-top: 15px;
}
.share a {
    height: 23px;
    color: #00945d;
    font-family: "Myriad Pro";
    font-size: 15px;
    line-height: 24px;
    vertical-align: middle;
    margin-right: 20px;
}
.share a.fright {
    margin-right: 0;
}
.share a i {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px;
}
.share a i:before {
    vertical-align: middle;
}
.iframe p {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.iframe input,
.iframe textarea {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    clear: both;
    margin-bottom: 22px;
}
.iframe label {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px !important;
}
.filter div.select button,
.iframe div.select button {
    height: 42px !important;
    line-height: 40px !important;
    font-size: 14px;
    font-weight: normal !important;
    font-family: 'MyriadPro';
    color: #5d5d5d;
}
.iframe .reg input.smaller {
    width: calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    margin-right: 10px;
}
.iframe .reg button.ok {
    width: 50px;
}
.content .filter {
    padding-top: 10px !important;
}
.content .filter > label {
    float : left;
    line-height: 42px !important;
    width: 80px;
    text-align: right;
}
.filter div.select button {
    overflow: hidden;
}
.filter div.select.formStyle{
    width: calc(100% - 80px) !important;
    width: -moz-calc(100% - 80px) !important;
    width: -webkit-calc(100% - 80px) !important;
}
.iframe div.select { margin-bottom: 19px}
.grayBox {
    width: 405px;
    background-color: #f5f5f5;
    border-radius: 0 4px 4px 0;
    padding: 0 15px;
    color: #4a4a4a;
    font-size: 15px;
    line-height: 20px;
    height: 270px;
}
p.infoNr {
    color: #ed2324;
    font-family: "Myriad Pro";
    font-size: 36px;
    line-height: 43px;
    margin-top: 20px;
}
.iframe textarea {
    height: 120px;
    resize: none;
}
.infoMobileButton,
.iframe button,
button.more,
.content button.submit {
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    background-color: #e31f19;
    border-radius: 4px;
    border: 0;
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 16px;
    padding: 0 15px;
}
.infoMobileButton i,
.content button.submit i,
.iframe button i {
    float: right;
    font-size: 20px;
    vertical-align: middle;
    margin-left: 70px;
}
.infoMobileButton i:before,
.content button.submit i:before,
.iframe button i:before {
    vertical-align: middle;
}

div.info {
    width: 840px;
    background-color: #eddbad;
    border-radius: 4px;
    padding: 17px 10px;
    color: #811f30;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    margin-left: 15px;
}

.producersGallery img {
    display: block;
    float: left;
}
.producersGallery {
    float: left;
    clear: both;
    margin: 20px 15px;
}
.producersGallery p {
    width: 100%;
    clear: both;
    float: left;
}
.accordion.producer .producersGallery img {
    float: left;
    margin: 0;
}
.accordion.producer .producersGallery {
    margin: 0;
}
.legend {
    width: 100%;
    clear: both;
    padding: 20px 0;
}
.legend p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.map{
    width: 100%;
    height: 530px !important;
}
.map2{
    width: 100%;
    height: 530px;
}
.downloads { padding: 0 15px }

.downloads ul li {
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 23px;
    color: #4a4a4a;
}
.downloads ul li:before {
    width: 4px;
    height: 4px;
    top: 10px;
    left: 5px;

}
.downloads p {
    font-size: 15px;
    line-height: 23px;
}
.downloads h2 {
    padding-left: 0;
    color: #027bc1;
}
.downloads a,
ul.redDot li a {
    color: #e31f19;
}
img.penzugybadge {
    float: right;
    margin: 15px 15px 0 15px;
}
.petrolOpacity{
    opacity: 0.3;
}

html .row [class^="col-"].newsItem {
    padding: 13px 0 !important;
    margin: 0 15px;
    border-bottom: 1px solid #d8d8d8;
    width: calc(100% - 30px) !important;
    width: -moz-calc(100% - 30px) !important;
    width: -webkit-calc(100% - 30px) !important;
}
.imgContainer {
    float: left;
    width: 130px;
    height: 130px;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-right: 10px;
    text-align: center;
    line-height: 130px;
}
.imgContainer img {
    vertical-align: middle;
}
html .row [class^="col-"].newsItem .text {
    float: left;
    width: calc(100% - 140px);
    width: -moz-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
}
html .row [class^="col-"].newsItem .text a.more { width: 170px }

.more.green.full {
    color: #fff !important;
    background: #00945d;
    border: 2px solid #00945d !important;
    margin: 15px 0;
    display: inline-block;
    width: auto;
}
.more.green.full i { margin-left: 10px }

.shopList a {
    color: #e31f19;
    font-size: 15px;
    font-weight: 600;
    margin: 12px 0;
    clear: both;
    display: inline-block;
    width: 100%;
    padding: 0 10px;
}
.shopListBig.col-33 p {
    padding-left: 15px;
    margin-bottom: 20px;
}
.shopListBig.col-33 a {
    color: #e31f19;
    font-size: 15px;
    font-weight: 600;
}
html section .row .col-4.prod,
.row .col-4.prod:first-of-type,
.row .col-4.prod:last-of-type {
    padding: 0 19px 0 20px !important;
    border-right: 1px solid #d8d8d8;
    margin-bottom: 20px;
    width: 25% !important;
}

a.blue.title {
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    margin: 10px;
    float: left;
    width: 100%;
    color: #027bc1;
}

.mapInfoContainer { position: relative }
.mapInfo {
    position: absolute;
    top: 80px;
    left: 5px;
    width: 250px;
    height: 320px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    z-index: 999;
}
.mapInfo.shopInfoBox{
    height: auto;
    padding-bottom: 10px;
}
.mapInfo .close {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 0 4px 0 4px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 37px;
    z-index: 10002;
    cursor: pointer;
    color: #e31f19;
    font-size: 17px;
}
.mapInfo div {
    padding: 0 10px;
}
.mapInfo h2 {
    margin: 0;
    font-size: 20px;
}
.mapInfo a {
    color: #e31f19;
}
.mapInfo img.badge {
    /*position: absolute;
    z-index: 10002;
    top: 140px;
    right: 10px;*/
    margin: 10px
}
.shopInfoBox{
    display: none;
}

/** pénzügy színek **/

section.yellow .content a { color: #CD9D0F !important }
section.yellow .redDot li:before { background: #CD9D0F !important }
section.yellow ul.submenu li.active.hasSubmenu a { color: #CD9D0F !important }
section.yellow ul.submenu li.active.hasSubmenu > a i { color: #CD9D0F !important }
section.yellow ul.submenu > li.active li.active { background-color: #FABD0A !important }
section.yellow ul.submenu > li.active li.active a { color: #fff !important }

section.orange .content a { color: #f36f20 !important }
section.orange .redDot li:before { background: #f36f20 !important }
section.orange ul.submenu li.active.hasSubmenu a { color: #f36f20 !important }
section.orange ul.submenu li.active.hasSubmenu > a i { color: #f36f20 !important }
section.orange ul.submenu > li.active li.active { background-color: #f36f20 !important }
section.orange ul.submenu > li.active li.active a { color: #fff !important }

section.blue .content a { color: #039ccd !important }
section.blue .redDot li:before { background: #039ccd !important }
section.blue ul.submenu li.active.hasSubmenu a { color: #039ccd !important }
section.blue ul.submenu li.active.hasSubmenu > a i { color: #039ccd !important }
section.blue ul.submenu > li.active li.active { background-color: #039ccd !important }
section.blue ul.submenu > li.active li.active a { color: #fff !important }


h1 a {
    float: right;
    color: #e31f19;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
}

.serviceItem {
    float: left;
    width: 80px;
    margin: 0 15px 15px  0;
    text-align: center;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 10px !important;
    height: 100px;
}
.serviceItem img {
    margin-bottom: 5px;
    clear: both;
    display: inline-block;
}
.serviceItem span {
    display: inline-block;
    width: 100%;
    clear: both;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 10px !important;
}
.serviceItemList .serviceItem:nth-child(9n) { margin-right: 0 }
.visibleGroup { display: none }
.sliderContainer.autoheight{
    height: auto;
}
.sliderContainer.autoheight .flyerSlider{
    height: auto !important;
}
.sliderContainer.autoheight .flyerSlider ul {
    height: auto !important;
}
.sliderContainer.autoheight .flyerSlider ul li {
   height: auto !important;
   line-height: normal;
}
.safetyContainer{
    display: none;
}
.range{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    display: block;
    width: 100%;
}
.mainstatic p{
    color: #027bc1;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    margin: 10px 0;
    float: left;
}
.noBorder table td {
    border : none !important;
}
.filterGroup {
    padding: 15px;
}
.onlineProd span{
    display: block;
    color: #4a4a4a;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: right;
    width:100%;
    padding: 15px 10px 10px 10px;
}
.onlineProd .price{
    color: #e31f19;
    font-family: "Myriad Pro";
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    line-height: 23px;
    padding: 0 10px 10px 10px;
}
.swimm .onlineProdImage {
    width: 200px !important;
    height: 200px;
    padding: 0;
    text-align: center !important;
    overflow: hidden;
    margin-left: 10px;
}
.swimm .onlineProdImage a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.swimm .onlineProdImage a img {
    margin-top: 0;
    max-width: 190px;
    max-height: 190px;
}
.swimm.onlineProd table {
    color: #4a4a4a;
    font-family: "Myriad Pro";
    font-size: 13px;
    line-height: 15px;
    float: right;
    padding-left: 10px;
    width: 200px;
}
.swimm.onlineProd table tr td:first-child {
    width: 40px;
    vertical-align: top;
    font-weight: normal !important;
}
.swimm.onlineProd table tr:last-child td {
    line-height: 25px;
}
.swimm.onlineProd table tr td span.price {
    color: #e31f19;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    line-height: 23px;
}
.swimm .valid {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.swimm em {
    display: inline-block;
    width: 120px;
    clear: both;
    text-align: center;
    color: #4a4a4a;
    font-size: 13px;
    font-style: normal;
    margin-top: 10px;
    font-weight: 600;
    line-height: 16px;
}
.onlineProd span.swimdata {
    float : left;
    width: 50%;
    display: block;
    padding: 0;
}
/*
.row .swimm:nth-child(odd) {
    margin-right: 10px !important;
}
.row .swimm:nth-child(even) {
    margin-right: 0 !important;
}*/
.fixwidth{
    width: 870px;
}
.onlineProd table{
    color: #4a4a4a;
    font-family: "Myriad Pro";
    font-size: 12px;
    line-height: 14px;
    float: right;
    padding-left: 10px;
    margin: 20px 0;
}
.onlineProd table tr td:first-child{
    font-weight: 400 !important;
    border-right: 6px solid white;
    text-align: right !important;
}
.onlineProd table tr td:last-child{
    font-weight: 600 !important;
    border-right: 6px solid white;
    text-align: left !important;
    width: 140px !important;
}
.onlineProdImage{
    float: left;
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    width: 155px !important;
    text-align: left !important;
    padding-bottom: 0 !important;
}
.onlineProdImage img{
    margin-top: 50px;
}
.fs20{
    font-size: 20px !important;
}
.onlineProd span.shopsAvailable{
    display: block;
    color: #4a4a4a;
    font-family: "Myriad Pro";
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 14px;
    float: left !important;
    text-align: left;
    padding-top: 0;
}
.prodTabs.liteTabs { padding: 0 }
.prodTabs div { width: 100% !important; padding: 0 !important; }

.prodTabs.liteTabs ul {
    border: 0;
    padding: 15px;
    height: 60px;
}
.prodTabs.liteTabs > ul > li {
    float: left;
    list-style-type: none;
    height: 29px;
    line-height: 29px;
    width: 29px;
}
.prodTabs.liteTabs ul li a {
    width: 29px;
    height: 29px;
    border-radius: 100%;
    padding: 1px;
    display: block;
    border: 1px solid #fff;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.prodTabs.liteTabs ul li a img {
    width: 25px;
    height: 25px;
    border-radius: 100%;
}
.content .liteTabs a.selected {
    /*background: #fff !important;*/
    border: 1px solid #027bc1;
}
.filterGroup .radio {
    width: calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    float: left;
    height: 50px;
    margin-bottom: 15px;

}
.filterGroup .radio label {
    color: #fff !important;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 50px !important;
    width: 100%;
    height: 50px;
    background: rgba(68, 85, 95, 0.8);
}
.filterGroup .radio:nth-child(odd) { margin-right: 10px }
.filterGroup .radio:nth-child(even) { margin-left: 10px }

.filterGroup .radio input {
    width: 100%;
    height: 50px;
}
.filterGroup .radio label:before {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #979797;
    border-radius: 2px;
    top: 18px;
    left: 20px;
    box-shadow: none;
}
.filterGroup input[type="radio"]:checked+label {
    background: rgba(227, 31, 25, 0.8);
}
.filterGroup input[type="radio"]:checked+label:before {
    border: 1px solid #fff
}
.content .prodTabs.liteTabs a.selected { background: #fff !important; border: 1px solid #027bc1 }
.onlineCatMobile .row .col-2 { padding: 0 !important }
div.col-4 div.winner button{
    height: 42px;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal !important;
    font-family: 'MyriadPro';
    color: #5d5d5d;
}
.icon-icons-40 { color: #262626 }
div.colorCircle{
    width: 120px !important;
    height: 120px;
    margin-right: 40px;
    float: right !important;
}

div.colorCircle img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
span.detailsPrice {
    float : right;
    color: #e31f19;
    font-weight: 700;
    font-style: italic;
    font-size: 48px;
    line-height: 58px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.sliderContainer .prodSlider ul li {
    width: 100%;
    height: 330px;
    line-height: 330px;
}
div.shoppingCartHeader {
    background-color: #efefef;
    padding: 10px 15px !important;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 0 !important;
}
div.shoppingCartHeader h2 {
    padding: 0;
    margin-top: 0;
}
div.shoppingCartHeader h2 i {
    color: #e31f19 !important;
}
table.shoppingCartTable {
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    border-spacing: 0;
    margin: 0 10px;
}
table.shoppingCartTable td {
    vertical-align: middle;
    padding: 10px 5px;
    font-size: 13px;
    border-bottom: 1px solid rgba(216, 216, 216, 0.5);
}
table.shoppingCartTable tr:last-child td {
    border-bottom: 0;
}

table.shoppingCartTable input {
    width: 50px;
    height: 30px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
    float : none;
    margin: 0;
}
.box.shoppingCartContent {
    border-radius: 0 0 4px 4px;
}
table.shoppingCartTable a {
    border-radius: 100%;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #e31f19;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
    line-height: 25px;
}
.box.shoppingCartContent hr {
    margin: 0;
}
.shoppingCartButton {
    padding: 10px 15px;
}
.iframe .newList label {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 400;
    line-height: 40px !important;
    width: 150px;
    float: left;
}
.iframe .newList input {
    float : left;
    width: calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: -webkit-calc(100% - 150px);
    clear: none;
    margin-bottom: 18px;
}
table.basket {
    width: 100%;
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    border-spacing: 0;
    margin: 25px 0 20px 0;
}
.userList a,
table.basket a {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    color: #fff;
}
.userList a {
    display: inline-block;
    background-color: #e30613;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 9px !important;
    line-height: 24px;
}
table.basket a i {
    vertical-align: middle;
    line-height: 25px;
}
table.basket a.check {
    background-color: #00945d;
}
table.basket a.delete { background-color: #e30613; float:right }
table.basket th {
    text-align: left;
    padding: 5px 0;
    color: #9b9b9b;
    font-weight: 400;
}
table.basket th,
table.basket td {
    border-bottom: 1px solid #d8d8d8;
}
table.basket td {
    padding: 10px 0;
}
table.basket tr td:first-child { width: 25px }
table.basket tr td:nth-child(4) { width: 150px }
table.basket tr td:nth-child(5),
table.basket tr td:nth-child(6) { width: 130px; text-align: right }
table.basket tr td:nth-child(6) { font-weight: 600 }
table.basket tr td:nth-child(7) { width: 55px; text-align: right }

table.basket th.tar { text-align: right }

table.basket input {
    float : left;
    clear : none;
    width: 60px;
    text-align: center;
    margin: 0 10px 0 0;
    height: 40px;
    line-height: 38px;
}
table.basket .select.formStyle {
    float: left;
    clear: none;
    width: 80px;
    height: 40px;
    line-height: 38px;
    margin: 0;
}
table.basket .select.formStyle button {
    font-size: 15px;
    height: 40px;
    line-height: 38px;
}
table.basket tr.finished td > * { opacity: 0.5 }
table.basket tr.finished td a { opacity: 1 }
table.basket tr.finished td a.check { background-color: #d5d5d5 }

table.basket tr.summary td {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 23px;
    padding: 25px 0;
}
.catalogPagerButtons.basketButtons {
    width: 100%;
    margin: 0 0 20px 0;
}
.catalogPagerButtons.basketButtons a {
    float: none;
    letter-spacing: 0;
    margin: 0 20px 0 0;
}
.catalogPagerButtons.basketButtons a:first-child {
    margin: 4px 0 0 0;
}
.catalogPagerButtons.basketButtons a:first-child i {
    font-size: 11px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #e30613;
    border-radius: 100%;
    float : left;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.userList {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.prodSliderprev{
    z-index: 999;
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 25px;
    height: 50px;
    float: left;
    border-radius: 0 25px 25px 0;
    line-height: 54px;
    text-align: left;
    background-color: #00945d;
    position: absolute;
    margin: -25px 0 0 0;
    top: 50%;
    left: 0;
    color: #fff;
    font-size: 10px;
    padding-left: 5px;
}
.prodSlidernext{
    z-index: 999;
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 25px;
    height: 50px;
    float: left;
    border-radius: 0 25px 25px 0;
    line-height: 54px;
    text-align: left;
    background-color: #00945d;
    position: absolute;
    margin: -25px 0 0 0;
    top: 50%;
    left: 0;
    color: #fff;
    font-size: 10px;
    padding-left: 5px;
    border-radius: 25px 0 0 25px;
        padding-left: 11px;
        left: auto;
        right: 0;
}
.detailsRandomBox .box{
    width:205px;
    float: left;
    margin-bottom: 15px;
}
.filters {
    padding: 10px 10px;
}
.filters .col-33 {
    width: 33.33%;
}
a.actionProducts{
    height: 30px !important;
    line-height: 32px !important;
    padding-right: 38px !important;
}
.filters div.select button {
    height: 42px !important;
    line-height: 40px !important;
    font-size: 14px;
    font-weight: normal !important;
    font-family: 'MyriadPro';
    color: #5d5d5d;
}
.content .filters [class^="col-"] > label {
    color: #4a4a4a;
    font-family: "MyriadPro";
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
}
[class^="col-"] .filters .col-1 {
    padding: 0 15px !important;
}
.row.filters [class^="col-"]:last-child {
    padding-right: 0 !important;
}
.row.filters [class^="col-"]:first-child {
    padding-left: 0 !important;
}
.onlineProd.notebook span.name {
    font-size: 18px;
}
.notebook .parameters {
    float: left;
    width: calc(100% - 290px);
    width: -moz-calc(100% - 290px);
    width: -webkit-calc(100% - 290px);
    padding-right: 10px;
}
.notebook:first-of-type{ margin-top: 10px }
.params1,
.params2 {
    float : left;
    width: 270px;
    color: #4a4a4a;
    font-family: "MyriadPro";
    font-size: 13px;
    line-height: 16px;
}
.params2 {
    width: 290px;
}
.notebook .onlineProdImage {
    height: 200px;
    width: 260px !important;
    text-align: center !important;
    padding: 0 !important;
    margin-right: 30px;
}
.notebook.onlineProd span.name {
    display: inline-block;
    text-align: left;
    padding: 15px 0 10px 0;
}
.notebook .valid {
    float: right;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
}
.notebook .price {
    float: left;
    color: #e31f19;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    line-height: 23px;
    padding: 0;
    width: auto;
}
.notebook .price em {
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    font-style: normal;
}
.notebook .onlineProdImage i {
    display: inline-block;
    width: 100%;
    clear : both;
    text-align: left;
    color: #4a4a4a;
    font-size: 11px;
    padding-left: 10px;
    font-style: italic;
    line-height: 13px;
}
.tesztbuy form{
    padding: 0 !important;
}
.truncate{ width: 190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis }
.notebook-online h2 {font-family: 'MyriadPro' !important;color: #027bc1 !important;}
.notebook-online { padding: 0 10px !important;}
/*.notebook-online .col-2 { height: 135px !important;}*/
.notebook-online li:before { background: #4a4a4a !important; }

.ccBox1:nth-child(even) {
    margin-right: 15px;
    margin-bottom: 30px;
}
.ccBox1:nth-child(odd) {
    margin-left: 15px;
    margin-bottom: 30px;
}
.customercareBoxer{
    width: 595px;
    padding-right: 30px;
}
.customercareP{
    margin-left: 15px;
    font-size: 16px;
    line-height: 20px;"
}
.cosmiaImg{
    width: 25%;
    float: left;
}
.cosmiaImg2{
    width: 15%;
    float: right;
}
div.box span.grillbox{
    width: 200px !important;
    margin: 0;
}
.grillparameters{
    width: calc(100% - 200px) !important;
    width: -moz-calc(100% - 200px) !important;
    width: -webkit-calc(100% - 200px) !important;
}
.bluelife p{
    font-size: 15px;
    padding: 0 15px;
    display: block;
    margin: 0;
}
.bluelifecolor {
    color: #01b5e5;
}

.bluelife1{
    background: url(../images/bg_nd_box.png);
    display: block;
    width: 100%;
}
.bluelife2 img{
    float: right;
}

.bluelife2 span{
    font-size: 15px;
    color: #01b5e5;
    margin: 10px;
    display: block;
    font-weight: 600;
}
.bluefw{
    font-weight: 600;
}

.bluelife2 span img{
    float: left;
    margin-right: 10px;
    line-height: 70px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.bluelife3{
    background: #f0f1ee;
    display: block;
    margin-top: 23px;
}
.bluelife3 h1{
    background: #f0f1ee;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.bluelifehowtobox{
    position: absolute;
    bottom: 0;
    right: 70px;
    display: block;
    float: right;
    background: white;
    padding-left: 20px;
    color: #01b5e5;
    width:400px;
}

.bluelifehowtobox p{
    padding-left:19px;  ;
    font-size: 15px;
    display: block;
    margin: 0;
    color: #01b5e5;
    padding-bottom: 20px;
    float: left;
    width: 91%;
}

.bluelife1 p{
    padding-top: 10px;
}
.bluelife2 p{
    padding-top: 10px;
}
.bluelife1 h1{
    margin-top: 20px;
    margin-bottom: 0;
}
.bluelife2 h1{
    margin-top: 20px;
    margin-bottom: 0;
}

.samsungprice{
    color: #e31f19;
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 29px;
}
h1.samsungprop{
    margin: 10px;
    margin-bottom: 0;
}

.samsungdex{
    width: 120px;
    float: right;
    margin: 10px;
}

@media print {
    .bluemenu {display: none;}
    .kkuponignore {display: none;}
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

div.radiodeliv{
    padding-top: 10px;
}

.deliverytext{
  color: #4a4a4a;
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0;
  float: left;
}

div.radiodeliv label::before{
  border: 1px solid #979797;
  box-shadow: none;
  width: 16px;
  height: 16px;
}

div.radiobottom input{
    position: absolute;
    top:-10px;
}

div.radiobottom label::before{
    left: 15px;
    top:-20px;
}

div.radiodeliv input[type="radio"]:checked + label::after{
    border: 6px solid #e31f19;
    background: none;
    left: 0;
    top: 0;
    width: 7px;
    height: 7px;
}

div.radiobottom input[type="radio"]:checked + label::after{
    left: 15px;
    top:-20px;
}

@media  (min-width : 940px) and (max-width : 1200px) {
    .bluelifehowtobox{
        position: relative;
        bottom: 0;
        right: 0;
        display: block;
        float: right;
        background: white;
        padding-left: 20px;
        color: #01b5e5;
        width:400px;
    }
    .notebook-online h2 { font-size: 14px !important; }
    .notebook-online li { font-size: 13px !important; }
    .truncate{ width: 140px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis }
    div.row { width: 940px }
    header div.top nav a { font-size: 13px; padding: 0 10px }
    header div.top a.btn { width: 140px; margin: 8px 0 0 20px }
    a.btn { font-size: 12px }
    header div.top nav ul li ul li a { width: 180px; font-size: 13px !important; line-height: 18px !important; margin-bottom: 5px }
    nav > ul > li.shops.hov > ul { left: -40px; width: 940px }
    a.logo { width: 143px; height: 35px; background-size: cover }
    .restricted-friendly { font-size: 13px; line-height: normal; margin: 6px 0 0 0; letter-spacing: -0.5px }
    .tabs label { font-size: 13px; margin-right: 20px }
    [class^="col-"] { padding-right: 20px }
    .col-3-3 { width: 100%; padding-right: 0 !important; }
    .col-1 { width: 240px }
    header .col-2 { width: 540px }
    .row .col-3:last-of-type,
    .col-3 { width: 700px }
    .col-4 { width: 100%  }
    header .row a.btn.red { width: 140px }
    .tab-content button { width: 95px; height: 36px; line-height: 36px; font-size: 14px }
    .tab-content button i:before { margin: 7px 5px 0 10px }
    .tab-content button:before { height: 24px }
    .tab-content input { width: 445px; height: 36px; line-height: 34px }
    header div.bottom .col-2 { padding-right: 0 }
    header .row .col-1:last-of-type { width: 160px; padding: 0 0 0 20px }
    header div.bottom { height: 100px; padding-top: 50px }
    header { height: 150px; margin-bottom: 5px }
    header .row a.btn.red.first { margin-top: 10px }
    .tabs { margin: 27px 0 0 0 }
    input, textarea { font-size: 13px }
    .tabs li:nth-child(2) .tab-content:before { left: 100px }
    h2 { font-size: 19px; line-height: normal; margin: 10px 0 5px 0 }
    a.more, a.back { font-size: 14px; padding-left: 10px }
    .mainFlyerButton { padding: 10px 10px 5px 10px }
    .col-1 .sliderContainer { height: 285px !important }
    .services, .meat, .career, .shopFinder, .shopcard, .trust, .petrol { height: 360px; background-size: 100% auto; background-position: center top }
    a.blue.title { font-size: 19px; line-height: 23px; margin: 5px 10px 10px 10px; display: inline-block; width: auto }
    .ownProd { background: transparent url(../images/ownprod.png) no-repeat bottom left; background-size: 100% auto; height: 360px }
    .ownProd a.boxed, .services a { width: 102px; height: 102px; margin: 0 6px 6px 0; text-align: center; color: #fff; font-size: 12px; font-weight: 500; line-height: 15px }
    ul.redDot li, ul.white li,ul.greenCheck li { font-size: 12px; line-height: normal; padding-right: 10px }
    ul.greenCheck { margin-bottom: 10px }
    .row .col-1:last-of-type { width: 220px }
    h3 { font-size: 15px; line-height: normal; padding: 0 10px 5px 10px }
    ul li:before, ol li:before { top: 3px }
    h2.white { margin-bottom: 5px }
    .services p { margin: 0 10px 28px 10px; font-size: 12px; line-height: normal }
    .services a span {width: 102px;height: 102px;font-size: 12px; line-height: 10px }
    .meat a.more { width: 190px }
    .meat { background-size: cover }
    footer h2 { font-size: 13px }
    footer a { font-size: 12px; margin-bottom: 5px }
    .iframe p { font-size: 13px; line-height: normal }
    ul.submenu li a { font-size: 14px }
    h1 { font-size: 24px; line-height: normal; margin: 15px 0 }
    .row.newsList .item.big a.title { font-size: 18px; line-height: normal }
    .row.newsList .item.big p { font-size: 13px; line-height: normal }
    .row.newsList .col-1.item { width: 223px !important; padding: 0 10px !important; }
    .row.newsList .col-1.item:last-of-type,
    .row.newsList .col-1.item:first-of-type { width: 223px !important }
    .row [class^="col-"].item .more { margin-left: -106px; width: 214px }
    p { font-size: 13px; line-height: normal }
    div.html p { font-size: 13px; line-height: normal }
    .share a { font-size: 14px; line-height: 22px }
    .box h1 { margin: 15px 10px }
    .petrolTypeItem { height: 40px; line-height: 38px; font-size: 14px; padding-right: 5px !important; width: 135px }
    .petrolTypeItem span { color: #fff; font-size: 13px; height: 38px; line-height: 39px; width: 70px }
    .petrolTypeItem.blue span { font-size: 13px; height: 38px; line-height: normal; width: 70px }
    .leftside .petrolTypeItem span { color: #fff; font-size: 14px; height: 38px; line-height: 39px; width: 35px }
    .leftside .petrolTypeItem.double span { font-size: 11px !important; }
    .petrolTypeItem.double span { line-height: normal; padding-top: 5px; font-size: 12px; font-weight: 400; }
    .petrolTypeItem.double span em { font-size: 14px }
    .leftside .petrolTypeItems .petrolTypeItem.double { height: 40px; line-height: 38px }
    .mapSmall, .mapSmall2 { width: 210px !important; height: 200px }
    .shopList a { font-size: 13px; margin: 7px 0 }
    .col-33 { width: 240px }
    .col-66 { width: 460px }
    .col-33 .sliderContainer { width: 220px !important }
    .imgContainer { width: 120px; height: 120px; line-height: 120px }
    html .row [class^="col-"].newsItem .text { width: calc(100% - 130px); width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px) }
    .petrol_pest a.btn, .petrol_country a.btn { left: 5px; bottom: 5px; width: 200px }
    .html * { max-width: 100% !important }
    .box img { max-width: 100% !important }
    .kkupon > .kkuponimg { max-width: 98% !important }
    .onlineProdImage img { max-width: none !important }
    .html.haztaji { background-size:  100% auto;padding: 220px 0 0 0; }
    .html.haztaji > div { background-size: 100% auto; padding: 10px 10px 300px 10px }
    div.info { width: 670px; padding: 15px 10px; font-size: 16px; line-height: normal; margin: 0 0 15px 15px }
    .content .accordion label { font-size: 16px;  padding: 8px 40px 8px 15px }
    .accordion article p { font-size: 14px; line-height: 18px }
    .downloads ul.redDot li { font-size: 13px; padding-left: 20px }
    .downloads ul.redDot li:before { top: 5px }
    .downloads p { font-size: 13px; line-height: 18px }
    .fs15 { font-size: 13px !important; line-height: 18px !important }
    .content input, .content textarea { height: 32px !important; line-height: 30px !important; font-size: 13px !important; margin-bottom: 10px !important }
    .content label { font-size: 13px !important; line-height: 18px !important }
    .showcase { width: 100% !important; height: 378px !important; }
    .sliderContainer div { margin: 0 10px; width: calc(100% - 20px) !important; width: -moz-calc(100% - 20px) !important; width: -webkit-calc(100% - 20px) !important }
    .sliderContainer ul { width: 100% !important; height: 285px !important; }
    .sliderContainer div img { width: 100% !important; height: auto }
    .sliderContainer div.prodSlider img { width: auto !important; height: auto }
    .sliderContainer ul li { width: 100%; height: 285px; line-height: 285px }
    html .showcase-thumbnail-restriction { width: 100% !important }
    .row [class^="col-"].item:last-of-type, .row [class^="col-"].prod:last-of-type { width: 25% !important; padding-right: 5px !important; }
    .row [class^="col-"].item:first-of-type, .row [class^="col-"].prod:first-of-type { width: 25% !important; padding-left: 5px !important; }
    .row [class^="col-"].item, .row [class^="col-"].prod { padding: 0 10px !important; width: 25% !important }
    .showcase-content { width: 100% !important; height: 261px !important; }
    .showcase-content-container { height: 378px !important; }
    .shopDetails .map { width: 100% !important; height: 300px !important }
    html section .row .col-4.prod, .row .col-4.prod:first-of-type, .row .col-4.prod:last-of-type { padding: 0 10px !important; width: 25% !important }
    a.title { font-size: 14px; line-height: normal; }
    .prodItem span { width: 142px; height: 120px; }
    .prodItem { height: 290px }
    .fs13 { font-size: 12px !important }
    .sliderContainer.autoheight { height: 585px !important; }
    .sliderContainer .flyerSlider { height: 585px !important; margin: 0 10px; width: calc(100% - 20px) !important; width: -moz-calc(100% - 20px) !important; width: -webkit-calc(100% - 20px) !important; padding-top: 10px }
    .sliderContainer .flyerSlider ul li { width: 100%; height: 585px; line-height: 585px }
    .box[style=" height: 640px"] { height: 590px !important }
    .petrolSelect { background-size: cover; width: 220px; height: 185px; font-size: 14px; line-height: normal }
    .petrolTypeItems { width: 455px }
    /*.content .petrolTypeItem.double { width: 125px; height: 90px; line-height: 45px; padding-right: 0 !important }*/
    .petrolTypeItem.double span { line-height: normal }
    .inside iframe { width: 100% !important }
    .frame { height: 677px; line-height: 677px; margin: 0 10px 10px 10px; width: 920px }
    .frame ul li { width: 920px; height: 677px }
    .frame ul li > div { width: 452px; height: 677px; font-size: 24px; line-height: 28px }
    .scrollbar { width: 920px; margin: 0 10px 10px 10px }
    .catalogPagerButtons { width: 920px; margin: 0 10px 10px 10px }
    .mobile-mainLinks a.btn i:before, .mobileHeader a.btn i:before, header a.btn i:before { font-size: 20px; margin-left: 5px }
    .content .liteTabs > ul > li a { padding: 0 10px; height: 30px; line-height: 30px }
    .content .liteTabs > ul > li { height: 30px; line-height: 30px; font-size: 14px; }
    .content .liteTabs > ul { height: 30px; }
    .content .liteTabs { padding: 0 10px }
    .content .prodTabs.liteTabs > ul > li { height: 29px; line-height: 29px; width: 29px }
    .content .prodTabs.liteTabs ul { padding: 15px 10px; height: 60px }
    .content .prodTabs.liteTabs ul li a { width: 29px; height: 29px; border-radius: 100%; padding: 1px; display: block; border: 1px solid #fff; background: #fff }
    .content .prodTabs.liteTabs a.selected { background: #fff !important; border: 1px solid #027bc1 }
    .box.onlineProd { width: 98% !important }
    .onlineProdImage { height: 120px; width: 120px !important; vertical-align: middle }
    .onlineProdImage img { margin: 10px 0 0 0 }
    .onlineProd span { font-size: 14px; padding: 10px }
    .detailsRandomBox { width:550px }
    .detailsRandomBox .box{ margin-right: 20px }
    .content button.submit i { margin-left: 0 }
    .params1, .params2 { width: 100% }
    .params1 { padding-bottom: 10px }
    .valid { padding-bottom: 10px }
    .onlineProd table tr td:last-child{
        width: 98px !important;
    }
    .ccBox1:nth-child(even) {
        margin-right: 0 !important;
        margin-bottom: 15px;
    }
    .ccBox1:nth-child(odd) {
        margin-left: 0 !important;
        margin-bottom: 15px;
    }
    .customercareBoxer {
        width: 425px;
        padding-right: 30px;
    }
    .blackfridayitem{
        margin-bottom: 10px !important;
    }
    .boxsizer{
        width: 430px !important;
    }
}

@media  (max-width : 939px) {
    body:not(.iframe) { padding-top: 70px }
    .hidden-mobile { display: none }
    .hidden-desktop { display: block }
    footer.hidden-desktop { text-align: center; padding: 5px 0 10px 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.25); margin-top: 10px; clear: both; }
    footer.hidden-desktop img {  }
    footer.hidden-desktop a { min-width: 0; display: inline; color: #e31f19; padding: 0 8px }
    footer.hidden-desktop p:last-of-type a { display: table-cell; vertical-align: middle; padding: 0 10px; max-width: 25%  }
    footer.hidden-desktop p:last-of-type > img { float: left; margin: 0 10px; max-width: 25%  }
    footer.hidden-desktop p:last-of-type a img { max-width: 100% }
    footer.hidden-desktop p { padding: 0 10px; margin: 10px 0 0 0; line-height: normal;color: #4a4a4a; font-size: 13px; }
    header, .sideMenu { display: none }
    .mobileHeader { border-top: 5px solid #e31f19; display: block; height: 70px; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); width: 100%; visibility: visible; position: fixed; top: 0; left: 0; z-index: 1000 }
    .mobileHeader .restricted-friendly { font-size: 12px; padding-left: 10px }
    .mobileHeader img { margin: 10px 0 0 10px }
    .mobile-nav.open { -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); display: block; visibility: visible }
    .mobile-nav { width: 100%; margin: 0; padding: 0; z-index: 1001; position: absolute; top: 65px; left: 0; float: none; height: auto; line-height: normal; overflow-y: auto; background-color: #fff }
    .mobileHeader .logo {width: 102px; height: 25px; background-size: cover; margin: 10px 0 0 10px }
    .btn-navbar .close { display: none }
    .btn-navbar { border: none; background: transparent; z-index: 999; cursor: pointer; margin: 17px 10px 0 0; color: #bca203; display: block; float: right; text-align: center }
    .btn-navbar i { display: block; width: 20px; height: 3px; background: #e31f19; margin-left: 9px }
    .btn-navbar i:nth-child(2) { margin: 4px 0 4px 9px }
    .btn-navbar i:nth-child(3) { margin: 0 0 4px 9px }
    .btn-navbar span { color: #e31f19; font-size: 15px; font-weight: 600; line-height: 18px }
    .btn-navbar span:before { content: 'Menü' }
    .btn-navbar.open span:before { content: 'Bezár' }
    .btn-navbar.open i { display: none }
    .btn-navbar.open em { display: block; color: #e31f19; font-size: 20px  }
    .btn-navbar.open span { display: block; margin-top: -3px }
    .mobile-layer.open { display: block; width: 100%; height: 100%; z-index: 11; position: fixed; top: 0; left: 0; background: rgba(0,0,0, 0.5); visibility: visible }
    .mobile-nav li { padding: 0 10px }
    .mobile-mainLinks li { padding: 0 }
    .mobile-mainLinks li.menu a, .mobile-nav li.menu a { width: 100%; display: block; font-size: 20px; font-weight: 400; color: #0bb14c; text-align: center; line-height: 40px }
    .mobile-nav li.menu a.active {color: #e4c87c }
    div.row { width: 100%; margin: 0 auto }
    .mobile-mainLinks li a.normal, .mobile-nav li a.normal { background: #e31f19; width: 100%; height: 40px; border-radius: 4px; line-height: 40px !important; display: inline-block; color: #fff; font-size: 16px; padding-left: 15px; font-family: 'Myriad Pro'; margin-bottom: 5px }
    .mobile-mainLinks li a.normal i, .mobile-nav li a.normal i { float: right; display: block; width: 20px; height: 20px; border-radius: 100%; font-size: 20px; margin: 4px 10px 0 0 }
    .mobile-mainLinks a.btn, .mobileHeader a.btn { height: 40px; line-height: 42px !important; border: 1px solid #00945d; border-radius: 3px; float: left; margin: 0; font-size: 13px; font-weight: 600; width: calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -moz-calc(50% - 2px) }
    .mobile-mainLinks a.btn { background: transparent }
    .mobileHeader li a.btn:nth-child(1),.mobileHeader li a.btn:nth-child(2),
    .mobile-mainLinks li a.btn:nth-child(1), .mobile-mainLinks li a.btn:nth-child(2) { margin: 5px 0; }
    .mobileHeader li a.btn:nth-child(1),.mobileHeader li a.btn:nth-child(3),
    .mobile-mainLinks li a.btn:nth-child(1),.mobile-mainLinks li  a.btn:nth-child(3) { margin-right: 2px; }
    .mobileHeader li a.btn:nth-child(2),.mobileHeader li a.btn:nth-child(4),
    .mobile-mainLinks li a.btn:nth-child(2), .mobile-mainLinks li a.btn:nth-child(4) { margin-left: 2px; }
    .mobile-nav li:last-of-type { padding-bottom: 10px; float: left; }
    .col-4 { width: 100%; padding: 0 10px !important }
    .slick-slider { margin-bottom: 25px }
    .slick-slide { height: 140px }
    .slick-slide img { max-width: 100% }
    .slick-dots { position: absolute; bottom: -20px; display: block; width: 100%; padding: 0; list-style: none; text-align: center }
    .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 6px; padding: 0; cursor: pointer }
    .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 8px; height: 8px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background-color: #e31f19; opacity: 0.5; border-radius: 100% }
    .slick-dots li.slick-active button { opacity: 1 }
    h2 { font-size: 20px; line-height: 24px; text-align: center }
    .flyerSliderMobile div a { height: 200px; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); text-align: center; display: block; color: #e31f19; font-size: 12px; font-weight: 400; line-height: 14px; width: 100%; padding: 5px 10px }
    .flyerSliderMobile div.slick-slide { height: 202px; padding: 0 5px }
    .flyerSliderMobile .slick-list { width: 100% }
    .flyerSliderMobile div a img { max-height: 150px }
    .flyerSliderMobile .slick-slide img { display: inline-block }
    .breadcrumb, .leftside { display: none }
    body section > .row { padding: 0 }
    div.box { padding: 0 !important; background-color: #f5f5f5; border-radius: 0; box-shadow: none; float: none }
    .row .col-3 { width: 100% !important }
    h1 { margin: 0 !important; background-color: #E8E8E8; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 24px; line-height: normal; padding: 14px 10px 15px 10px }
    .row.newsList .item.big div { float: left; width: 100% }
    .row.newsList [class^="col-"].item.big { padding: 10px !important }
    .row.newsList .item.big a img { display: inline; margin: 0; border-radius: 4px; float: none }
    .row.newsList .item.big a.more { width: 100% }
    .row.newsList .item > a { display: block; width: 100%; padding: 0; text-align: center }
    .row.newsList .item > a.title { text-align: left }
    .row.newsList .item.big a.title { font-size: 16px; line-height: 19px }
    .row.newsList .item.big p { font-size: 13px; line-height: 16px }
    .row.newsList [class^="col-"].item,
    .row.newsList [class^="col-"].item:first-of-type { padding: 10px !important; width: 100% !important }
    .row [class^="col-"].item, .row [class^="col-"].prod { margin-bottom: 0 }
    .row [class^="col-"].item .more { position: static; margin-left: 0; width: 100% }
    .row [class^="col-"].item { height: auto }
    .row.newsList [class^="col-"].item:last-of-type { width: 100% !important; padding: 10px !important; }
    .row.newsList { border: 0; width: 100%; margin-bottom: 0 }
    .row.newsList .item { border-bottom: 1px solid #d8d8d8; border-right: 0 }
    .pager { margin-top: 10px }
    .content img, .content iframe, .prodItem span img { max-width: 100% }
    .content iframe { height: auto !important; }
    .col-2 .prodItem { padding: 5px !important; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); float: left; height: auto }
    .col-2 .prodItem img { max-width: 100% }
    .col-2 .prodItem span { width: inherit; height: 120px }
    .col-2 .prodItem span a { text-align: center; display: inline-block; width: 100% }
    .col-2 .prodItem a.title { font-size: 14px; line-height: normal }
    p.lead {font-size: 13px; line-height: 18px; padding: 10px }
    div.html { padding: 10px !important }
    div.html * { font-size: 13px; line-height: 18px }
    .share { border-top: 1px solid #d8d8d8; padding: 10px; margin-top: 10px }
    .share a { height: 20px; color: #00945d; font-family: "Myriad Pro"; font-size: 13px; line-height: 20px; margin-right: 10px }
    h2 {font-size: 20px; line-height: 24px; text-align: left}
    form div.fleft[style="width: 50%; padding-right: 15px"],
    form div.fleft[style="width: 50%; padding-left: 15px"] { width: 100% !important; padding: 0 !important; }
    form div.fleft[style="width: 33%"] { width: 50% !important; padding: 0 !important; }
    .checkbox label, .radio label { font-size: 13px !important }
    .aszfContainer { clear: left; float: left; width: 100% }
    button.submit.fright { float: left !important; }
    .content form { padding: 0 10px !important; }
    .fancybox-title-inside-wrap { font-size: 20px !important; padding: 10px 30px 10px 10px !important }
    .fancybox-wrap iframe { padding-top: 0 !important; }
    .pager.fright { width: 100%; padding-top: 10px }
    .selectContainer li { font-size: 13px !important }
    .selectContainer li label { padding: 5px 10px !important; font-size: 13px !important; line-height: normal !important }
    h1 a.btn { background: #e31f19 !important; height: 40px; line-height: 40px !important; color: #fff !important; padding: 0 10px;font-size: 16px; margin-top: -5px }
    h1 a.btn i { vertical-align: middle !important; font-size: 20px; margin: 0 0 -5px 10px }
    .mobile-Cat.open { -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); display: block; visibility: visible }
    .mobile-Cat { width: 100%; margin: 0; padding: 0; z-index: 99; position: absolute; top: 130px; left: 0; float: none; height: auto; line-height: normal }
    .closeMobileCatMenu { display: block; width: 62px; height: 62px; line-height: 68px; border-radius: 100%; background-color: #e0dbd0; text-align: center; color: #862235; font-size: 18px; position: absolute; bottom: -18px; left: 50%; margin-left: -31px }
    .closeMobileCatMenu i { vertical-align: middle }
    div.mobileTopLevel { width: 100%; list-style: none }
    div.mobileTopLevel > div { width: 100%; height: 60px; line-height: 60px }
    div.mobileTopLevel  > a { width: 100%; color: #e31f19; font-size: 15px; font-weight: 600; line-height: 18px; position: relative; display: block; padding: 10px; background: #fff }
    div.mobileTopLevel  > a > i { font-size: 40px; color: #862235; vertical-align: middle; margin-right: 15px; line-height: 60px; float: left; }
    div.mobileTopLevel a.hasSublevelMenu:after { position: absolute; right: 12px; top: 24px; color: #1a4078; font-size: 10px }
    div.mobileTopLevel ul.mobileSecondLevel { display: none; position: absolute; top: 0; left: 0; padding: 0; margin: 0; list-style: none; width: 100%; background: #fff; z-index: 10 }
    div.mobileTopLevel ul.mobileSecondLevel li { padding: 0 }
    div.mobileTopLevel > a.active { border-radius: 2px; color: #ec9613 !important; }
    div.mobileTopLevel > a.active i { color: #ec9613 !important }
    div.mobileTopLevel > a.active i:before { vertical-align: middle }
    div.mobileTopLevel > ul.mobileSecondLevel li  { display: block }
    ul.mobileSecondLevel span { display: block; padding: 10px; background-color: #e8e8e8; text-align: right; color: #e31f19; font-size: 15px; font-weight: 600;}
    ul.mobileSecondLevel span em { font-style: normal; float: left; }
    ul.mobileSecondLevel span i { font-size: 40px; color: #ec9613; vertical-align: middle; margin-right: 15px; line-height: 60px; float: left }
    ul.mobileSecondLevel span i:before { vertical-align: middle }
    ul.mobileSecondLevel span em i { font-size: 16px; line-height: normal; vertical-align: middle; margin: 0 5px 0 0; color: #e31f19 }
    ul.mobileSecondLevel li a { font-size: 15px; font-weight: 600; line-height: 18px; color: #e31f19;display: block; width: 100%; padding: 10px }
    ul.mobileSecondLevel li a.active { color: #862235;background-color: #fef6e8; border-radius: 2px; }
    .catalogCategoryContainer { float: none; margin: 0 10px }
    .catalogCategoryContainer div.select { width: calc(100% - 85px) !important; width: -webkit-calc(100% - 85px) !important;width: -moz-calc(100% - 85px) !important; }
    .catalogCategoryContainer .prefix { width: 85px !important; }
    .catalogCategoryContainer div.select button { min-width: 0 !important }
    .shopListBig { width: 100%; padding: 0 }
    .shopListBig p { margin: 0 10px !important; padding: 10px 0 8px 0 !important; border-bottom: 1px solid rgba(216, 216, 216, 0.6); float: left; width: calc(100% - 20px); width: -moz-calc(100% - 20px); -webkit-calc(100% - 20px); }
    .shopListBig p img { width: 49px;}
    .map { height: 300px }
    .scrollbar.mobileScrollbar { height: 20px; background-color: #e9e8e8; border-radius: 4px; float: left; clear: both; width: 100%; margin: 0 0 10px 0 }
    .catalogPagerButtons { width: 100%; margin: 0 0 15px 0 }
    .catalogPagerButtons a { font-size: 11px; margin-left: 15px; line-height: 18px }
    .catalogPagerButtons a i { font-size: 18px; vertical-align: middle; line-height: 18px }
    .frame2 ul li > div a.pages { width: calc(50% - 10px);width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px); margin: 5px }
    .petrolTypeItem { width: calc(50% - 10px);width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); height: 50px; background-color: #fff; border-radius: 4px; float: left; margin: 0 0 10px 10px; line-height: 48px; color: #000; font-size: 16px; font-weight: 400; text-align: center; padding-right: 0 }
    .petrolTypeItems { width: 100%; padding-right: 10px }
    .petrolSelect.mobilPetrol { background: transparent url(../images/benzunkut_mobil_bg.png) no-repeat top center; margin: 0 10px 10px 10px; width: calc(100% - 20px);width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); height: 165px }
    .petrolSelect span p { line-height: 20px !important; margin: 0 !important; color: #fff }
    div.petrolMobileText { width: calc(50% - 130px);width: -webkit-calc(50% - 130px); width: -moz-calc(50% - 130px); clear: none; font-size: 13px; line-height: 16px; margin: 0 0 0 10px; padding: 0 !important; float : left; }
    .selectedStation { width: calc(100% - 90px);width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px); clear: none; }
    .petrolPrice.hidden-desktop div.select { width: calc(100% - 20px);width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); margin: 10px; height: 40px }
    .petrolPrice.hidden-desktop div.select button { height: 40px; line-height: 40px;background-color: #e31f19; border-radius: 4px; border: 0; color: #fff; font-size: 16px; font-weight: 600 }
    .petrolPrice.hidden-desktop div.select button:after { top: 11px; right: 10px; color: #fff; content: "m"; font-size: 20px }
    .petrolPrice.hidden-desktop div.select .selectContainer ul { max-height: none !important }
    .petrolPrice.hidden-desktop div.select .selectContainer li { font-size: 15px !important; }
    .petrolPrice.hidden-desktop div.select .selectContainer li label { padding: 6px 10px !important; font-size: 15px !important }
    .infoMobile img { max-width: 100% }
    .grayBox { width: 100%; border-radius: 0; padding: 0 10px; color: #4a4a4a; font-size: 15px; line-height: 20px; height: auto; float : left; clear : both; margin-bottom: 10px }
    .grayBox input, .grayBox textarea { padding: 11px 10px; background-color: #fff; border: 1px solid #d8d8d8; border-radius: 2px; font-size: 14px; width: 100%; color: #5d5d5d; margin-bottom: 15px }
    .grayBox textarea { height: 120px; line-height: normal !important; }
    .grayBox label { font-size: 15px !important; line-height: normal !important; padding-right: 0 }
    .grayBox div.select { margin-bottom: 15px }
    .grayBox div.select button { font-size: 14px; height: 40px; line-height: 38px }
    .filterGroup div.fleft {width: 50% !important }
    .onlineCatMobile .row .col-2 { width: 100% !important; padding: 0 10px !important; }
    .box.onlineProd { background: #fff; width: 100% !important; }
    .onlineProd span {font-size: 16px;font-weight: 600;line-height: 19px;text-align: right;width: 60%;padding: 10px }
    .onlineProdImage {float: left;display: table-cell;vertical-align: middle;height: auto;width: 40% !important }
    .onlineProd span {font-size: 14px;line-height: 19px;text-align: right;width: 100%;padding: 10px;float : left }
    .swimsuite span {width: 50%}
    .onlineProd table {font-size: 11px;line-height: 14px;float: left;padding-left: 0;width: 50% }
    .onlineProd table tr td:last-child {font-weight: 600 !important;border-right: 0;text-align: left !important;width: auto !important }
    .onlineProd span.shopsAvailable {display: block; width: 100%; padding-top: 10px }
    .col-3.content div.col-3-3[style="margin-bottom: 20px;"] { width: 100%; padding: 0 10px !important }
    div.col-3-3 .box { background: #fff; border-radius: 4px }
    .detailsRandomBox .box,
    .col-5 .box { background: #fff; border-radius: 4px; padding: 5px !important; margin-left: 10px }
    .col-1-1.detailsRandomBox.pr0 { width: 100%; padding: 0 5px !important; }
    .col-1-1 .box.prodItem { width: calc(50% - 10px);width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); margin: 0 5px }
    .prodItem span { width: 100%; display: block }
    h2[style="padding-left: 0"] { padding-left: 10px !important }
    h1 a.actionProducts { padding-right: 8px !important;font-size: 0 }
    .content button.submit i { margin-left: 0 }
    .params1, .params2 { width: 100% }
    .params1 { padding-bottom: 10px }
    .valid { padding-bottom: 10px }
    .content .filters [class^="col-"] > label { font-size: 14px }
    .row [class^="col-"].item:first-of-type, .row [class^="col-"].prod:first-of-type,
    .row [class^="col-"].item, .row [class^="col-"].prod,
    .row [class^="col-"].item:last-of-type, .row [class^="col-"].prod:last-of-type { width: 100% !important; padding: 0 10px !important; border: 0 !important }
    a.prodPic { width: 100%; display: block }
    .prod a.title { width: 100% }
    .ccBox1:nth-child(even) {
            margin-right: 0 !important;
            margin-bottom: 15px;
        }
        .ccBox1:nth-child(odd) {
            margin-left: 0 !important;
            margin-bottom: 15px;
        }
    .customercare{ float: none !important; }
    .customercareBoxer{
        width: 100%;
        padding-right: 0;
    }

}

@media (max-width: 767px) {
    .col-1-1.detailsRandomBox.pr0 { padding: 0 !important }
    .col-1-1 .box.prodItem {
        width: calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        margin: 0 10px 10px 10px;
    }
    .row [class^="col-"] .col-5 {
        width: 50%;
        padding: 0 5px !important;
    }
    .detailsRandomBox .box, .col-5 .box {
        margin-left: 0;
    }
    .sliderContainer[style="width: 100%; height: 430px;"] { height: auto !important }
    div.prodSlider[style="height:430px;"] { height: auto !important }

    .filters .col-33 {
        width: 100%;
        padding: 0 5px !important;
    }
    .row.filters [class^="col-"]:first-child {
        padding: 0 5px !important;
    }
    .row.filters [class^="col-"]:last-child p {
        padding-top: 0 !important;
    }
    .row.filters [class^="col-"],
    .row.filters [class^="col-"]:last-child,
    .row.filters [class^="col-"]:first-child { width: 100% !important; padding: 0 5px !important }
    .filters { padding: 0 5px }
    .notebook .onlineProdImage { height: 200px; width: 100% !important; margin-right: 0 }
    .notebook .parameters {
        width: 100%;
        padding: 0 10px;
    }
}


@media (max-width: 570px) {
    .prodDetailsPic { float: none; width: 100%; height: auto; padding-top: 50px }
    .prodDetailsText { float: none; width: 100%; padding-left: 10px }
    .iframe p { font-size: 13px; line-height: normal; margin: 5px 0 }
    .blackfridayitem { width: 100% !important}
    .blackfriday-valid { padding-top: 10px }
    .blackfimg { height: 250px;width: 250px !important; }
    .col-4 .blackfridayitem:first-of-type{ margin-bottom: 20px }
    .cosmiaImg{ width: 45%; !important; }
    .cosmiaImg2{
        width: 35%;
    }
    .grillparameters{
        width: 100% !important;
    }
    div.box span.grillbox{
        width: 100% !important;
        height: 200px;
        margin: 0;
    }
    .bluelifehowtobox{
        position: relative;
        left:10px;
        bottom: 0;
        display: block;
        float: right;
        background: white;
        padding-left: 20px;
        color: #01b5e5;
        width:400px;
    }
}
@media (max-width: 740px) {
    div.petrolMobileText {
        width: 100%;
        clear: both;
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 0 10px;
        padding: 0 !important;
        float: left;
    }
}

.iframe .checkbox label { font-size: 15px !important }
.iframe .reg input, .iframe .reg textarea { margin-bottom: 20px }
a.fb_login,
a.gplus_login {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 52px;
    border-radius: 4px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Myriad Pro';
    float : left;
}
a.fb_login { background-color: #3b5999 }
a.gplus_login { background-color: #df4a32 }

a.fb_login span,
a.gplus_login span {
    display: block;
    float : left;
    border-radius: 4px 0 0 4px;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
a.fb_login span { background: rgba(0,0,0,0.1) url(../images/fb.png) no-repeat center center }
a.gplus_login span { background: rgba(0,0,0,0.1) url(../images/gplus.png) no-repeat center center }

ul.grayDot {
    margin: 15px 5px;
    list-style: none;
    padding: 0;
}
ul.grayDot li {
    padding-left: 20px;
    position: relative;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding-bottom: 0;
}
ul.grayDot li:before {
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    content: "";
    background: #4a4a4a;
    left: 0;
    top: 8px;
}
.ttu { text-transform: uppercase }
form#animalsday-Form input {
    margin-bottom: 5px; !important;
}
form#biotech-Form input {
    margin-bottom: 5px; !important;
}
form#driver-Form input {
    margin-bottom: 5px; !important;
}
form#ceressuto-Form input {
    margin-bottom: 5px; !important;
}
.blackfridayheader{
    background-color: black;
    border-radius: 4px;
}
.blackfridayheader p{
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.blackfridayitem{
    background: #c9e4ef;
    width: 430px;
    float: left;
    border-radius: 4px;
    height: 480px;
}
.blackfridayitem h3 {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 10px 10px 10px;
}
.blackfridayitem p{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
}
.blackfridayitem span{
    color: black;
    font-size: 18px;
    font-weight: 700;

}
.redbox{
    background: url(../images/red_bg.png) no-repeat;
    padding: 4px 36px 5px 10px;
}
.whitebox{
    color: black !important;
    font-size: 24px !important;
    font-weight: 700;
    font-style: italic;
    background: url(../images/whitebox.png);
    margin-left: 10px;
    padding: 1px 20px 4px 10px;
    display: block;
    width: 138px;
    height: 30px;
    margin-top: 4px;
}
.whitebox2{
    color: black !important;
    font-size: 20px !important;
    font-weight: 700;
    font-style: italic;
    background: url(../images/whitebox2.png);
    margin-left: 10px;
    padding: 3px 20px 4px 10px;
    display: block;
    width: 220px;
    height: 30px;
    margin-top: 4px;
}
.blackfimg{
    display: table-cell;
    vertical-align: middle;
    width: 300px;
    height: 300px;
    padding-left: 65px;
}
.oldprice{
    margin-left: 10px;
    padding: 10px;
    text-decoration: line-through ;
}
.blackfriday-valid{
    font-size: 12px !important;
    float: right !important;
    font-weight: 400 !important;
    padding-right: 10px !important;
}
.cc-selector input{
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}



.okostelefon-bg{background-image:url(../images/phone.png);}
.tablet-bg{background-image:url(../images/tablet.png);}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:415px;height: 80px;
    margin: 10px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.phonesamsung{
    margin-bottom: 10px;
}

.vasarloiTartalomjegyzek {
    width: 100%;
    background: rgba(2, 130, 67, 0.1);
    padding: 5px 15px 20px 15px;
    margin: 20px 0;
}
.vasarloiTartalomjegyzek h1 {
    margin-left: 0;
}
.vasarloiTartalomjegyzek a {
    color: #e31f19;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 22px;
    padding-left: 30px;
    position: relative;
}
.vasarloiTartalomjegyzek a i {
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -3px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.b2bHeader {
    width: 100%;
    height: 100px;
    margin: 40px 0 10px 0;
    padding: 0 150px 0 5px;
}
.b2bHeader h2 {
    color: #fff;
    margin: 20px 0 5px 0;
    font-size: 28px;
    font-weight: 400;
}
.b2bHeader h3 {
    color: #fff;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
}
.header1 { background: transparent url(../images/b2b_header1.png) no-repeat 0 0 }
.header2 { background: transparent url(../images/b2b_header2.png) no-repeat 0 0; height: 124px }
.header3 { background: transparent url(../images/b2b_header3.png) no-repeat 0 0; height: 124px }
.header4 { background: transparent url(../images/b2b_header4.png) no-repeat 0 0; height: 124px }

ol.b2b {
    font-size: 15px;
    color: #4a4a4a;
    list-style: decimal;
    margin: 0;
    padding: 10px 35px;
}
ol.b2b li { padding: 0 0 5px 10px }

.b2bHeader:before,
.b2bHeader:after,
.form:before,
.form:after {
    clear : both;
    display: table;
    width: 100%;
    content: "";
}
span.aszf { line-height: 38px !important; color: #4a4a4a; }
ul.grayDot2 {
    margin: 15px;
    list-style: none;
    padding: 0;
}
ul.grayDot2 li {
    padding-left: 20px;
    position: relative;
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 10px;
}
ul.grayDot2 li:before {
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    content: "";
    background: #4a4a4a;
    left: 0;
    top: 8px;
}

.customercare{
    margin-top: 30px;
    float: left;
    margin-left: 0;
    width: 100%
}
.customercarebox{
    width: 420px !important;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    height: 180px;
}
.ccBox1{
    position: relative;
    margin: 0;
}
.fogyasztas{
    background: url(../images/box1.png) no-repeat 5px 5px;
}

.textil{
    background: url(../images/box2.png) no-repeat 5px 5px;
}

.food{
    background: url(../images/box3.png) no-repeat;
}

.vegy{
    background: url(../images/box4.png) no-repeat;
}

div.row .ccBoxButton{
    position: absolute;
    padding: 0;
    bottom: 15px;
    left: 10px;
    margin: 0;
}
img.thms8{
    margin-top: 20px;
    margin-right: 10px;
    padding: 10px;
}
.s8box{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
}
div.col-4 div.s8box p{
    font-size: 15px;
    line-height: 20px;
}
.blues8{
    color: #027bc1;
}
.s8select .formStyle{
    width:60%;
}
.chooses8{
    width: 120px;
    border-radius: 4px;
    background-color: #e31f19 ;
    display: block;
    height: 40px;
    padding-left: 10px;
    margin-right: 30px;
}
div.chooses8 input{
    height: 40px !important;
    width: 20px !important;
    padding: 10px !important;
    color: white !important;
    background-color: #e31f19 !important;
}
div.s8preorderform form {
    padding:0 !important;
}
.cosmia {
    padding-left: 15px;
    font-size: 15px;
    margin-bottom: 15px;
}

.wineOpeningBox {
    background: transparent url(../images/bg_borkatalogus.png) no-repeat 0 0;
    width: 100%;
    height: 580px;
}
.wineOpeningBox h1 {
    text-shadow: 0 0 10px #90bdba;
    color: #ffffff;
    font-size: 36px;
    font-family: 'Myriad Pro';
    padding: 45px 56px 0 478px;
    line-height: 50px;
}
.wineOpeningBox a {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    height: 287px;
    position: relative;
    margin-top: 30px;
}
.wineOpeningBox a span {
    clear : both;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.winetabs {
    position: relative;
    min-height: 200px; /* This part sucks */
    clear: both;
    margin: 10px 0px;
    background: white;
}
.winetab {
    float: left;
    width: 33.33%;
    padding: 40px 10px 0 10px;
}
.content .winetab > label {
    height: 100px;
    border-radius: 4px;
    border: 1px solid #689e9a;
    background-color: #89beba;
    display: block;
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Myriad Pro';
    padding:  43px 0 0 0;
}
.content .winetab label img {
    float: left;
    margin-top: -85px;
}
.winetab [type=radio] {
    display: none;
}
.winetabs .content {
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    -webkit-transition: opacity .6s linear;
    opacity: 0;
}
.winetab > [type=radio]:checked ~ label {
    background: #689e9a;
    border-color: #689e9a;
    z-index: 2;
    position: relative;
}
.winetab > [type=radio]:checked ~ label:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #689e9a transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
}
.winetab > [type=radio]:checked ~ label ~ .content {
    z-index: 1;
    opacity: 1;
}
button.filterBtn {
    width: 190px;
    text-align: left;
    padding: 0 0 0 15px;
    line-height: 42px !important;
    margin: 0 5px 15px 0;
}
button.filterBtn i {
    color: #fff !important;
}
.content .wineFilterRow form { padding: 0 }
.winetab .content .checkbox {
    float : left;
    width: 130px;
    margin-right: 15px;
    clear : none;
}
.winetab .content .checkbox input {
    margin-bottom: 0;
}
.winetab .content .checkbox label {
    width: 130px;
    height: 42px;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
    line-height: 42px !important;
    color: #4a4a4a;
    padding-left: 30px;
}
.winetab .content label:before,
.winetab .content label:after {
    top: 13px;
    left: 10px;
}
.winetab .content label:after {
    z-index: 2;
    color: #fff !important;
    position: absolute !important;
    top: 0 !important;
    left: 13px !important;
}
.winetab div.select {
    height: 42px;
    width: 260px;
    float: right;
}
.winetab div.select button {
    color: #4a4a4a;
    font-size: 14px;
    padding: 0 25px 0 10px;
    height: 42px;
    line-height: 40px;
}

.equal-height {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.equal-height [class^="col-"] {
    display: flex;
    flex-direction: column;
    float: none
}

.equal-height [class^="col-"] .box {
    height: 100%;
    margin-bottom: 10px;
}
.box.onlineCatalogueItem {
    padding: 15px 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.box.onlineCatalogueItem .data {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.box.onlineCatalogueItem .data div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-top: 10px;
}
.box.onlineCatalogueItem .data div table {
    width: 100%;
}
.box.onlineCatalogueItem .data div table th,
.box.onlineCatalogueItem .data div table td {
    color: #4a4a4a;
    font-size: 12px;
    padding: 1px 3px;
    line-height: normal;
    vertical-align: top;
    width: 50%;
}
.box.onlineCatalogueItem .data div table th {
    text-align: right;
    font-family: 'Myriad Pro';
    font-weight: normal;
}
.onlineCatalogueItem .name {
    color: #4a4a4a;
    font-family: "Myriad Pro";
    font-size: 16px;
    text-align: right;
    display: inline-block;
    width: 100%;
}
.onlineCatalogueItem .price {
    text-align: right;
    display: inline-block;
    width: 100%;
    padding-top: 6px;
}
.onlineCatalogueItem .additionalInfo {
    width: 100%;
    border-top: 1px solid #d8d8d8;
    padding-top: 15px;
    color: #4a4a4a;
    font-size: 13px;
}
div.row > div.kkupon{
    margin: 0 !important;
    padding: 5px !important;
}


@media (max-width: 767px) {
    .content .winetab label img {
        display: none;
    }
    .content .winetab > label {
        border-radius: 4px;
        color: #ffffff;
        font-size: 12px;
        padding: 43px 0 0 0;
        text-align: center;
    }
    .winetab {
        padding: 10px 10px 0 10px;
    }
    .winetabs .content {
        top: 130px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 10px;
        -webkit-transition: opacity .6s linear;
        opacity: 0;
    }
    .winetab .content .checkbox {
        width: calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        margin: 0 10px 0 0;
    }
    .winetab .content .checkbox:nth-child(even) {
        width: 50%;
        margin: 0;
    }
    .winetab div.select {
        width: 100%;
        float: none;
    }
    .winetab .content .checkbox label {
        width: 100%;
    }
    .winetabs {
        min-height: 290px;
    }
    .box.onlineCatalogueItem { background: #fff; padding: 5px !important }

    [class^="col-"] .row.equal-height div.col-xs-1 {
        width: 100% !important;
        padding: 0 5px !important;
    }
    [class^="col-"] .row.equal-height div.col-xs-1 img {
    }
    .equal-height [class^="col-"] {
        display: block;
        float: none;
        margin-bottom: 5px;
    }
}