/****** PLACE YOUR CUSTOM STYLES HERE ******/
.widget-handle .search-form {
    padding: 2px;
    display: inline-block;
    width: 100%;
    line-height: 50px;
}
.map-container {

    margin-bottom: -8px;

}

.margin-t-25 {
    margin-top: 25px;
}

.tile-left {
    width: 30%;
    float: left;
    display: inline-block;
    overflow: hidden;
    min-height: 300px;
    position: relative;
}

.tile-right {
    width: 70%;
    float: left;
    display: inline-block;
    overflow: hidden;
    min-height: 300px;
    position: relative;
}

@media all and (max-width: 767px) {
 .tile-left {
    width: 100%;
    float: none;
    display: inline-block;
    overflow: hidden;
    min-height: inherit;
    position: relative;
}

.tile-right {
    width: 100%;
    float: none;
    display: inline-block;
    overflow: hidden;
    min-height: inherit;
    position: relative;
}
}
.shop-boraszat-title {letter-spacing: 1px;}
.price {font-size: 16px;}
.price-new {color: crimson; font-weight: bold;}
.price-old {text-decoration: line-through;}
.crimson {color: crimson;}
.crimson-bg {background: crimson;}
.feherbor-bg {background: #e9de75;}
.rose-bg {background: #F8918D;}


.ajanlott-carousel li {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .8;
    text-align: center;
}
.ajanlott-carousel li:hover {
  opacity: 1;
}
.ajanlott-carousel img {

}

.select-active {border: solid 1px #292929;}
.termekadatok{font-size: 14px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px;}
.font16 {font-size: 16px;}
.kiemelt {text-transform: uppercase; background: #b69466; color: #fff; padding: 2px 5px; letter-spacing: 1px;}
.kiemelt-uzlet {text-transform: uppercase; background: #9B9B9B; color: #fff; padding: 2px 5px; letter-spacing: 1px;}
.font-big {font-size: 36px;}
.flex-control-thumbs img {opacity: .4;}
.font13 {font-size: 13px;}
.img30 {max-width: 65%;}

.m0 {
  margin: 0;
}
.bh-icon{border-radius: 45px; border: solid 1px #666; height: 45px; line-height: 45px; width: 45px; margin: 0 15px 15px 0; font-style: normal;}
.bsz-icon{border-radius: 30px; border: solid 1px #666; height: 30px; line-height: 30px; width: 30px; margin: 0 10px 15px 0; color:#777; font-style: normal; font-size: 11px; font-weight: bold;}
.uzlet-borlista {border-bottom: solid 1px #f5f5f5; padding: 8px 0;}
.bor-ar {font-size: 16px;}
.underline {text-decoration: underline;}
.terkep {z-index: 1;}
#map {
        height: 620px;
    margin-top: -620px;
position: relative;
     
    
      }
#map-kereso 
{
	position: relative;
    height: 620px;
}
.terkep-kereso {z-index: 99;}
.hirlevel {line-height: 50px; text-align: right;}



.halvany {color: #999;}

.bg-zold {
    background: #929D70;
}

.zold {
    color: #929D70;
}

.bg-arany {
    background: #b69466;
    color: #fff;
}

.arany {
    color: #b69466;
}

.kiemelt-zold {background: rgba(146, 157, 112, 0.9); padding: 5px 15px;}
.kiemelt-arany {background: rgba(182, 148, 102, 0.7); padding: 5px 15px;}
.italic {font-style: italic;}
.szlogen-logo {max-height: 45px; margin-bottom: 8px;}
.zold-szlogen {line-height: 55px; margin-bottom: 0;}
.label-date {
    background: rgba(182, 148, 102, 0.7);
}
  
.quantity {
  position: relative;
}

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

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
  width: 45px;
  height: 50px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 50px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 25px;
  text-align: center;
  color: #333;
  font-size: 14px;
  line-height: 25px;
  -webkit-transform: translateX(-100%);
  font-family: 'Roboto Slab', serif;
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}
.ml8 {margin-left: 8px;}
.feature-1 i {color: #b69466;}
.szuro_cim, .szuro_cim a {font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #777;
margin-bottom: 10px;}



.range-slider {

  text-align: center;
  position: relative;
  height: 6em;
}
.range-slider svg,
.range-slider input[type=range] {
  position: absolute;
  left: 0;
  bottom: 0;
}
input[type=number] {
  border: 1px solid #ddd;
  text-align: center;
  font-size: 1.6em;
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number]:invalid,
input[type=number]:out-of-range {
  border: 2px solid #ff6347;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f5f5f5;
}
input[type=range]:focus::-ms-fill-lower {
  background: #f5f5f5;
}
input[type=range]:focus::-ms-fill-upper {
  background: #f5f5f5;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #f5f5f5;
  border-radius: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}
input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  -webkit-box-shadow: 0px 0px 0px #000;
          box-shadow: 0px 0px 0px #000;
  border: 1px solid #f5f5f5;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #666;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #f5f5f5;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #f5f5f5;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #666;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
  background: #f5f5f5;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
 
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #666;
  cursor: pointer;
}
.mega-menu > li > ul > li {
    line-height: 14px;
}

input[type="text"].uzletkereso-menu {color: #666; background: #fff; height: 25px; margin: 5px 0 5px 24px; border: none; text-transform: inherit; font-size: 10px; width: 200px; padding: 5px;}
.uzletkereso-menu::-webkit-input-placeholder {
  text-transform: inherit; font-size: 10px;
}
.uzletkereso-menu:-moz-placeholder {
  text-transform: inherit; font-size: 10px;
}
.uzletkereso-menu::-moz-placeholder {
  text-transform: inherit; font-size: 10px;
}
.uzletkereso-menu:-ms-input-placeholder {
  text-transform: inherit; font-size: 10px;
}

.menu-magazin { width: auto; height: auto; font-size: 11px;}

.borszin-feher {background: url(../img/feher.png); background-repeat: no-repeat; padding-left: 20px; font-size: 11px; letter-spacing: 1px; line-height: 45px;}
.borszin-rose {background: url(../img/rose.png); background-repeat: no-repeat; padding-left: 20px; font-size: 11px; letter-spacing: 1px; line-height: 45px;}
.borszin-voros {background: url(../img/voros.png); background-repeat: no-repeat; padding-left: 20px; font-size: 11px; letter-spacing: 1px; line-height: 45px;}
.borszin-feher a {color: #d0b500;}
.borszin-rose a {color: #84332e;}
.borszin-voros a {color: #fca4bc;}
.btn-feherbor {color: #777; background: #f5f5f5; font-size: 11px; border: 2px solid #EFEF63; padding: 0 15px; }
.btn-feherbor:hover {color: #7e7b00; background: #EFEF63;}
.btn-rosebor {color: #777; background: #f5f5f5;  font-size: 11px;  border: 2px solid #FFAB90 ;}
.btn-rosebor:hover {color: #777; background: #FFAB90;}
.btn-vorosbor {color: #777; background: #f5f5f5;  font-size: 11px;  border: 2px solid #901916;}
.btn-vorosbor:hover {color: #777; background: #901916;}

.btn-bor {font-family: 'Open Sans', sans-serif;
  
  padding: 0 15px;
  height: 40px;
  min-width: inherit;
    width: 32%;
  line-height: 36px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
  color: inherit;
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  margin-right: 0px;
  margin-bottom: inherit;}

.pbor {padding: 0 45px 0 15px;}
.mr30 {margin-right: 30px;}
.font-light {font-weight: 300;}







.slider-labels {
  margin-top: 10px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
/* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s,top .3s;
  transition: left 0.3s,top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: -5px;
  top: -5px;
  background-color: #777;
}

/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: #777;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #666;
  border: 8px solid rgba(102,102,102,0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
  cursor: not-allowed;
}

.terkep {
    position: relative;
    top: 70px;
    left: 50px;
    background: #fff;
    padding: 0;
    width: 20%;
        
}
.terkep-fejlec {background: #d8d8d8; margin: 0;  padding: 5px 0 5px 15px;}
h5.terkep-fejlec {margin-bottom: 0;}
.terkep-container {padding:  15px; font-size: 12px; color: #777;}
.terkep-container a {font-weight: 400; color: #777;}
.terkep-container a:hover {font-weight: bold;}
.terkep-uzlet-link {margin: 4px 0 8px 0;}
.terkep-szoveg {margin-bottom: 4px;}
.terkep-felsorolas {padding-left: 15px; line-height: 15px;}
.terkep-container .terkep-input input {background: #fff; border: solid 1px #d8d8d8; line-height: 24px; font-size: 14px; font-weight: 400; color: #777; text-transform: lowercase; height: 24px; padding: 5px 10px; margin-bottom: 8px;}

.szuro_cim a {color: #999;}
.szuro_cim a:hover, szuro_cim a:active {color: #444;}
a.active-szuro {color: #444;}
.sidebar-fix {position: sticky; top: 60; left: 0; overflow-x: hidden;}

.affix {
     
      z-index: 0 !important;
  }



.menu > li:nth-child(5) ul { /*Ajánlataink menüpont extra szélesre*/
  width: 30rem;
}

ul.mega-menu > li > ul > li > div > img { /* #menubhkartyakep BH kártya a menüben...*/
  padding: 0 2rem;
}
















/*!---------- IPAD ----------*/
@media all and (max-width: 990px) {
    .kiemelt-sm {font-size: 9px;}
     .sm-12 {font-size: 12px;}
    .kiemelt-arany {font-size: 9px; padding: 3px 5px;}
    .hirlevel {font-size: 24px;}
    .btn-feherbor {padding: 0 15px;}
    .btn-rosebor {padding: 0 15px;}
    .btn-vorosbor {padding: 0 15px;}
    .btn-bor {width: 100%;}
    .terkep {width: 45%; left: 20px;}

}

/*!---------- MOBIL ----------*/
@media all and (max-width: 767px) {
  .ajanlott-carousel .slides li {
    width: 100%;
  }
.uzlet-adatok {font-size: 11px;}
.xs-12 {font-size: 12px;}
.xs-18 {font-size: 22px;}
.bor-ar {font-size: 14px;}
ul.uzlet-cim {margin-bottom: 0px;}
ul.lead li {font-size: 14px; line-height: 32px;}
.kiemelt-arany {line-height: 60px; padding: 3px 5px;}
.hirlevel {font-size: 18px; text-align: center;}
.terkep {width: 100%; left: 0px; top: 0px;}
    #map { margin-top: -300px;}
	#map-kereso 
	{
		position: relative;
		height: auto;
  }
  
  div.description>div.uzvezcol {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .tabs.tabmenucucc li {
    margin-bottom: 3rem;
    margin-right: 0;
    width: 14rem;
  }
}


.btn-bor {
	font-family: 'Open Sans', sans-serif;
	padding: 0 15px;
	height: 40px;
	min-width: inherit;
	width: 32%;
	line-height: 36px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0;
	color: inherit;
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	margin-right: 0px;
	margin-bottom: inherit;
}
.btn-feherbor {
	color: #777;
	background: #f5f5f5;
	font-size: 11px;
	border: 2px solid #EFEF63;
	padding: 0 15px;
}
.btn-rosebor {
	color: #777;
	background: #f5f5f5;
	font-size: 11px;
	border: 2px solid #FFAB90;
}
.btn-vorosbor {
	color: #777;
	background: #f5f5f5;
	font-size: 11px;
	border: 2px solid #901916;
}
.btn-vorosbor:hover {
	color: #777;
	background: #901916;
}
.btn-rosebor:hover {
	color: #777;
	background: #FFAB90;
}
.btn-feherbor:hover {
	color: #7e7b00;
	background: #EFEF63;
}