/* ====================================================================== */
/* = 	hdklima.hu 							= */
/* =	TemplateMonster Theme3034 sablon testre szabása			= */
/* = 	(C) Horváth Csaba, 2016						= */
/* ====================================================================== */

/* **********************************************************************
 * **********************************************************************
 * **
 * **		SABLON (ÉS EGYES KOMPONENSEK) HIBÁINAK KORRIGÁLÁSA
 * **
 * **********************************************************************
 * **********************************************************************
 */

h4 {
    font-weight: bold;
    font-size: 16px;
}

/*	a lista nézzen ki listának */
li {
  list-style-type: inherit;
  line-height: inherit; /* a sablonban 30px van, kapja a szülőtől */
}

ul, ol {
    /*padding: 0;*/
    /*margin: 15px 0 15px 25px;*/
    /*list-style: initial;*/
}

/* hogy a balra lebegtetett képek miatt nem maradjanak ki a listajelek */
ul, ol {
    overflow: hidden;
    padding-left: 25px;
    margin-left: 0;
}
ol li, ul li {
    list-style-position: outside;
    padding-left: 0;
}



/* kivéve, ahol nem kell a szimbólum */
ul.unstyled li, ol.unstyled li{
    margin-left: 0;
    list-style: none;
}

/* mivel van a sablonban egy ol li {list-style-type: decimal} szabaly, kevés a html-ben a type="a" ! */
ol[type="a"] li,
ol[style="list-style-type: lower-alpha;"] li{
    list-style-type: lower-alpha;
}

ul > li {
    list-style: initial;
}

/* .checkmark */
ul.checkmark {
    list-style: none;
}

ul.checkmark li:before {
    content: '\2714';
    margin-left: -25px; /* ennyi az ul margin-left értéke */
    display: inline-block;
    width: 25px;
    text-align: center;
}

/*	bekezdés után elég ennyi térköz is  */
p , ul, ol {
	padding-bottom: 0;
	text-align: justify;
    margin-top: 15px;
	margin-bottom: 15px;
}

/* keskenyebb helyeken nem szép a sorkizárt szöveg */
.span1 p, .span1 li,
.span2 p, .span2 li,
.span3 p, .span3 li,
.span4 p, .span4 li,
.span5 p, .span5 li,
.span6 p, .span6 li {
    text-align: left;
}

input, button, select, textarea {
    font-family: inherit;
}

/* hosszú gombneveknél sortörés engedélyezése */
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
    white-space: normal;
}

fieldset {
    padding: 20px;
    margin-bottom: 15px;
}
fieldset + fieldset {
    padding-top: 0;
}

.lead {
    /*font-size: 1.2em !important;*/
    font-size: 1.1em !important;
    line-height: inherit;
    font-weight: inherit;
    margin-bottom: 15px;
}


.light {
    font-weight: 100;
}

.lighter {
    font-weight: lighter;
}

.bolder {
    font-weight: bolder;
}

.uppercase {
    text-transform: uppercase;
}

.small-caps {
    font-variant: small-caps;
    font-size: 130% !important;
}

.italic {
    font-style: italic;
}

.text-shadow {
    text-shadow: 2px 2px #ddd;
}


.float-right {
    float: right;
}
.float-left {
    float: left;
}

.width50 {
    width: 50%;
}

.video-responsive {
}

.video-responsive {
    text-align: center;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-bottom: 35px;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.table-responsive
{
    overflow-x: auto;
}

blockquote {
  margin: 25px;
  padding: 20px 10px;
  quotes: "\201C""\201D";
}
blockquote:before {
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-left: -30px;
    vertical-align: -20px;
    font-family: monospace;
}
blockquote:after {
    font-size: 4em;
    content: close-quote;
    line-height: 0.1em;
    font-family: monospace;
    text-align: right;
    display: block;
    margin-top: -24px;
    margin-right: -30px;
}

blockquote footer {
    text-align: right;
    font-style: italic;
}

.hideme {
    display: none;
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/* Mivel a template felülírja a mezők szélességét */
input, select, textarea {
    width: 100%;
}

/*
.checkbox {
    display: block;
    margin-left: 30px;
}
*/
.radio, .checkbox {
    padding-left: 30px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    width: 30px;
    margin-left: -30px;
    margin-top: 3px;
}

label.checkbox,
label.radio {
    font-size: inherit;
    line-height: inherit;
}

span.text-error, label.error {
    display: block;
    font-size: 14px;
    color: #ed1c24;
    line-height: 17px;
    margin-top: 3px;
}

.checkbox .text-error {
    /*margin-top: 0;*/
}

/* LINE - kézi sortörésekhez

     <span class="line">Sor1</span>
     <span class="line">Sor2</span>

    mobil nézetben külön sorban jelenik meg, desktopon folyamatosan.
*/


.line {
    display: block;
}

@media screen and (min-width: 768px) {
    .line {
        display: inline;
    }
}


/* Többszintű sorszámozott lista (1, 1.1, 1.1.1, 1.1.2, ...) <ol class="multilevel">  */

ol.multilevel {
  counter-reset: item;
}

ol.multilevel:not(.heading) {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ol.multilevel > li {
  counter-increment: item;
  margin-bottom: 0.6em;
}



ol.multilevel:not(.heading) > li {
  display: table;
  *counter-increment: item;
  *margin-bottom: 0.6em;
}

ol.multilevel:not(.heading) > li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.4em;
}

ol.multilevel:not(.heading) > li ol.multilevel > li {
    *margin: 0;
}

ol.heading {
  list-style-type: none;
  padding-left: 0;
}


ol.multilevel > li ol.multilevel:not(heading) > li:before {
    content: counters(item, ".") " ";
}

ol > li ol, ul > li {
  /* font-weight: initial;
  font-size: initial;
  line-height: initial; */
}

ol.heading > li {
  /*font-weight: bold;*/
/*  font-size: 115%;
  line-height: 125%;*/
  margin-bottom: 15px;
  list-style-type: inherit;
}

ol.heading > li > ol > li {
  margin-top: 1em;
  margin-bottom: 1em;
}

ol+p, ul+p {
    margin-top: 15px;
}

/* Bootstrap 3-ból */
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

p.ident {
  padding-left: 2em;
}


h1.moduleTitle, h2.moduleTitle, h3.moduleTitle, h4.moduleTitle {
    margin-top: 0;
}

/*	a háttér halványításának tiltása */
#image-row .row-container:before {
    display: none; /* különben eltakar mindent, és nem lehet kattintani! */
}

#copyright .rights {
    display: none;
}
#component {
    /*margin-bottom: 40px;*/
}

/* információs ikon cseréje */
.hasTooltip img {
    display: none;
}
.hasTooltip:after  {
    content: "\f05a";
    font-family: FontAwesome;
    margin-left: 5px;
    margin-right: 5px;
}
.hasTooltip.hasIcon:after {
    display: none;
}
.hasTooltip.hasIcon i.fa {
    color: #e4122f;
}

.bg_cont .moduletable {
    padding-top: 22px;
    padding-bottom: 22px;
}

#mainbottom-row {
    border: none;
    margin-bottom: 0;
}
#feature-row {
    padding-bottom: 20px;
    padding-top: 20px;
}

.page-blog article.item {
	margin-bottom: 20px; /* hogy ha egymás alá csúsznak az oszlopok, akkor is elkülönüljenek */
            /* ha kifutó fejlécet akarunk, akkor ezt 0-ra kell állítani, és az egyes elemeknél külön beállítani! */
            /*padding: 20px;*/
	padding: 0 0 20px 0;
	text-align: center; /* a képek? és a Bővebben gomb középre igazítása - a szöveg igazítása ettől független  */
	background: white;
}
@media screen and (max-width: 979px) {
	.page-blog article.item .btn {
	    margin: 0 20px; /* a kifutó fejlécek miatt a gomboknak is kell margó ha nem fér el a kép mellett */
	}
}


.page-blog article.item h3 {
    padding: 10px 20px;
    text-align: left;
}
.page-blog items-leading h3 {
    text-align: center;
}

.page-blog article.item .item_introtext {
	padding: 20px;
}

.page-blog article.item figure {
	padding: 15px 15px 0 15px;
}
.page-blog article.item figure.img-intro__none  {
	padding: 15px 15px 0;
}

.page-blog .item_img {
	margin: 0;
}

/* hover esetén a kép kilóghasson az eredeti konténerből */
.item_img a {
    overflow: visible;
}

/* Hogy ezt miért kellett külön megadni?! */
.item_fulltext ol li {
	padding-bottom: 0;
}

.item_fulltext ul > li,
.item_fulltext ol > li {
	margin-top: 15px;
}

.item_introtext ol > li,
.item_introtext ul > li {
    margin-top: 0;
}

/* .nospace: nincs térköz az elemek között */
.item_fulltext ul.nospace > li,
.item_fulltext ol.nospace > li {
	margin-top: 0;
	margin-top: 0;
}
/* helyette inkább a 2. szinttől automatikusan tiltom a térközt */
.item_fulltext ol ul > li,
.item_fulltext ol ol > li,
.item_fulltext ul ul > li,
.item_fulltext ul ol > li {
	margin-top: 0;
	margin-top: 0;
}

/* Ezt miért kellett block/bold-ra állítani?! */
ol li span {
    display: inline;
    font-weight: inherit;
}

.item_fulltext li {
    /*margin-bottom: 15px;*/
}

.item_fulltext li p {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* mobil nézetben kilóg balra a sor eleje */
@media (max-width: 979px) and (min-width: 768px) {
    .row {
         /*margin-left: -12px;*/
         /* margin-left: 0; */
    }
}


@media (max-width: 767px) {
    body .row-container {
        padding: 0 5px;
    }

}


/*	-------------------------------------------------------
		.piktogram - balra igazított kis képek a szövegben (80x80 képekhez)
		HTML:
		<div class="piktogram">
			<img ...>
			<div> szöveg </div>
		</div>
	-------------------------------------------------------	*/

.piktogram  > img,
.piktogram-320 > img {
	float: left;
}

.piktogram > div {
	margin-left: 90px;
	min-height: 80px;
	*min-height: 50px; /* 80x80 helyett 50x50 szebb lenne */
	padding-bottom: 15px;
}

/* 320x120 képhez */
.piktogram-320 > div {
	margin-left: 320px;
	min-height: 120px;
	padding-bottom: 15px;
}

/*  ======================================================================
				datepicker
    ====================================================================== */

#ui-datepicker-div {
    font-size: 14px;
    line-height: 14px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 1.7em !important;
}

.ui-datepicker select,
.ui-datepicker-inline select {
	padding: 0;
    background-color: white;
    border-color: inherit;
    height: auto;
}

/*
 * Bejelentkezett felhasználóknak megjelenő szerkesztő/beállító ikonok elrejtése, mert széttöri a designt!
 */

.item_icons {
    display: none !important;
}

/**
 * 		LOGIN FORM
 */
.user .firstItem:after {
    content: "|";
    padding: 0 4px;
}


/* ----------------------------------------------------------------------
 * 			VIRTUEMAERT
 * ----------------------------------------------------------------------
 */

/* termékképek leírása ne jelenjen meg */
#fancybox-title-inside {
	display: none;
}
span.vm-img-desc {display: none;}

/* nagyobb termékképek */
.browseProductImage {
    max-height: 250px;
    *padding-top: 15px;
}
.main-image img {
    max-height: 100%;
}

/*	kategória nézetben megjelenített egyedi mezők */
.view-category .product-field,
.view-category .product-field span{
    /*float: none;*/
    font-size: 14px !important;
    line-height: 17px;
    /*padding: 5px 0;*/
}

.view-category .product-field {
    width: 100%;
    /*text-align: center;*/
    padding-bottom: 3px;
}

.view-category .product-field strong{
    font-weight: bold;
    color: #538d82;
}

.view-category .product-fields-title-wrapper {
    float: none;
    width: 100%;
    /*display: block;*/
    min-width: 0;
    /*font-weight: bold;*/
    padding: 0;
}

.view-category .product-field-display,
.view-category .product-field-desc {
    display: inline-block;
}
.view-category .product-field-desc {
    padding-left: 0.5em;
}

.availability {
    margin: 0; /* remove duplicate margin (img and div has the same .availibity class) */
}
div.availability {
    text-align: left;
    font-weight: bold;
}

/*	termékadatlapok */

.view-productdetails .product-fields {
    line-height: 20px;
    margin-bottom: 24px; /* legyen térköz utána (a letölthető állományok előtt) */
}

.mcf-fields-title {
    display: none;
}
.product-fields-value li {
    list-style-type: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.product-fields-value ul {
    margin: 0;
}
.product-fields-value ol,
.product-fields-value ul {
    padding-left: 0;
}
.view-productdetails .product-field {
    border-bottom: 1px dotted gray;
    padding: 2px;
    margin-bottom: 0;
}
.view-productdetails .product-fields-title {
    /*margin-right: 1em;*/
}
.view-productdetails .product-fields-title-wrapper {
    padding: 0;
    padding-left: 20px;
    display: block;
    width: 40%;
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
}


.product-field-type-G .product-fields-title-wrapper {
    width: auto;
    text-transform: uppercase;
    padding-left: 0;
}

.hasTooltip img {
    margin-left: 5px;
}

.view-productdetails .product-field-display {
    /*padding: 5px;*/
    /*display: block;*/
    display: inline-block;
    vertical-align: middle;
    /*width: 40%;*/
    /*float: left;*/
    margin-left: 1em;
}

.view-productdetails .product-field-display img{
    max-height: 20px;
}


.view-productdetails .product-field-desc {
    margin-left: 1em;
    display: block;
    width: auto;
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
}


.view-productdetails .vm-product-descr-container-1 {
    height: 5.5em;
}
Xdiv.vm-details-button {
    display: none;
}

.view-productdetails .product-field {
    padding-bottom: 0.4em;
}

.view-productdetails .product-field-icon {
    display: inline-block;
    float: right;
    display: inline-block;
    vertical-align: middle;
}

div[class*="-view"] .row {
    justify-content: center;
}
div#content-bottom-row {
    justify-content: flex-start;
}
.quantity-box .quantity-input {
    width: 25px;
    height: 25px;
    font-weight: bold;
}


/* ünnepi szöveg */
div.product-holiday-message {
    margin-top: 8px;
    margin-bottom: 16px;
}
div.product-holiday-message p {
    font-weight: bold;
    color: red;
}



/* a kosárban gombok ne érjenek össze */
.cart-view a.details {
    margin-right: 20px;
}


/* kosárba helyezés utáni popup */


#facebox .content {
    width: auto;
}
a.showcart.floatright {
    margin-right: 40px; /* különben a bezárás gomb rálóg */
}

.control-buttons {
    margin-bottom: 8px;
}
.control-buttons #reg_text {
    margin-bottom: 8px;
    float: none;
}

/* felesleges a form tetején is megjeleníteni */
form#userForm fieldset .control-buttons {
    display: none;
}

div#reg_text strong {
    text-transform: uppercase;
}

/*
 * 		részletfizetési adatok megjelenése
 *
 */
.reszletfizetes h3 {
    margin-top: 15px;
}
.reszletfizetes .vm-price-desc {
    width: 100px;
    display: inline-block;
    font-weight: bold;
}





/* ----------------------------------------------------------------------
 * 		Search (filter) module for Virtuemart 3 multiple customfield plugin
 * ----------------------------------------------------------------------
 */

.paramfilter .values.sliderbox  input {
    width: 50px;
    height: 20px;
    font-size: 12px;
    padding: 0px;
    text-align: center;
    color: #243467;
    font-weight: bolder;
}

.paramfilter .mcf_button {
    line-height: 20px;
    background: #e4122f;
    border: 1px solid transparent;
    margin: 10px 0;
    float: left;
    width: 75px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    border-radius: 0;
    padding: 5px 0 !important;
    font-size: 12px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.paramfilter .mcf_button:hover {
    color: #e4122f;
    border: 1px solid #e4122f;
    background: white;
}

.paramfilter a.fullreset {
    line-height: 20px;
    border: 1px solid #e4122f;
    float: left;
    margin: 10px 0;
    width: 75px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    padding: 5px 0 !important;
    font-size: 12px;
    color: #e4122f;
    background: white;
}
.paramfilter a.fullreset:hover {
  background: #e4122f;
  border: 1px solid transparent;
  color: white !important;
}
.paramfilter label {
    white-space: normal;
    display: inline-block;
    margin-bottom: 0;
}

.paramfilter label,
.paramfilter li {
    line-height: 15px;
    font-size: 13px;
    text-align: left;
}
.paramfilter li {
    white-space: nowrap;
}

/* paramfilter bevezető és befejező szöveg */


.mcf_append_text {
    clear: both; /* különben felcsúszik a gombok közé */
}

.mcf_prepend_text p,
.mcf_append_text p {
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
    text-align: left;
}

.paramfilter li span {
/*    display: block;
    padding-left: 20px;
    margin-top: -16px;*/
}

.paramfilter .custom_params {
    /*margin: 10px 20px;*/
}

.paramfilter .heading {
    font-size: 100%;
    margin-top: 15px;
    /*margin-bottom: 5px;*/
    text-align: center;
}

/* 	csúszkák */
.custom_params .ui-slider .ui-slider-handle {
    background: #e0dedf;
    border: 1px solid #e4122f;
    border-radius: 0;
}
.custom_params .ui-slider .ui-slider-range {
    background: #e0dedf;
    /*border: 1px solid #e4122f;*/
    /*border-radius: 0;*/
}
.custom_params .ui-slider-horizontal {
    border: 1px solid #e4122f;
    border-radius: 0;
}
.custom_params .slider_active {
    background: #e4122f;
}


a.btn.btn-info.readmore,
.mod-newsflash-adv_custom-link {
    margin-top: 20px;
}


/* keskeny kijelzőkön a képek középre igazítása - lehet, mégse kell... */
@media screen and (max-width: 767px){
    figure.item_img.img-intro {
        text-align: center;
        max-width: 100%;
    }

}



/*	----------------------------------------------------------------------
 * 			VINA-SLIDESHOW
 *
 * 			@todo: címet, readmore-t testre szabni
 *	----------------------------------------------------------------------
 */

/* kép középre igazítása, mert UW széles kijelzőn csúnya, ha balra van igazítva */
.vina-slideshow-content {
	margin-left: auto !important;
	margin-right: auto !important;
}

.vina-slideshow-content .sp-image {
    /* különben torzítja a képet */
    /*max-width: none;*/
}

/* a szövegről a fekete átmenetes háttér eltávolítása */
.vina-slideshow-content .news-caption {
    background: transparent !important;
    text-align: center;
}

.vina-slideshow-content .news-caption a.readmore {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0px;
    text-transform: uppercase;
    overflow: hidden;
    text-shadow: none;
    border: 1px solid transparent;
    padding: 5px 40px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
    border-color: transparent;
    color: white !important;
    background-color: #e4122f;
}

.vina-slideshow-content .sp-previous-arrow:before,
.vina-slideshow-content .sp-previous-arrow:after,
.vina-slideshow-content .sp-next-arrow:before,
.vina-slideshow-content .sp-next-arrow:after {
	background-color: #e4122f !important;
}


.vina-slideshow-content .news-caption a.readmore:hover {
    color: #e4122f !important;
    background: white;
    border-color: #e4122f;
}

@media (min-width: 768px) {
    .vina-slideshow-content .news-caption a.readmore {
        margin-top: 15px;
        margin-bottom: 20px;
   }
}


/* ----------------------------------------------------------------------
 * 			ARTICLE SINGLE / NEWSFLASH CUSTOM LINK / VIRTUEMART
 * 			A gombok legyenek gombok - mint a .btn
 * ----------------------------------------------------------------------
 */
#component .vm-details-button a,
#component .vm-details-button a:link,
#component .vm-details-button a:visited,
#component .vm-button-correct,
#component .vm-button-correct:link,
#component .vm-button-correct:visited,
#component input[type="submit"],
#component button[type="submit"],
#component button[type="reset"],
#component a.details,
.btn,
.mod-newsflash-adv_custom-link a {
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0px;
    text-transform: uppercase;
    overflow: hidden;
    text-shadow: none;
    /*border: 1px solid transparent;*/
    border: none;
    padding: 5px 30px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    text-align: center;

    color: #72beba;
    /*border-color: #e4122f;*/
    /*background: white;*/
    background: #e4122f url('../images/csikos.png') repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><pattern id="pinstripe" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(315)"><line x1="2" y="0" x2="2" y2="4" stroke="%23ea455c" stroke-width="2" /></pattern></defs><rect width="100%" height="100%" fill="%23e4122f" /><rect width="100%" height="100%" fill="url(%23pinstripe)" /></svg>');

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

/* */
#component .vm-details-button a,
#component input[type="submit"].addtocart-button {
    /*padding: 5px !important;*/ /* nem kell túl keskenynek lennie */
}

.btn:hover,
#component .vm-details-button a:hover,
#component .vm-button-correct:hover,
#component button[type="submit"]:hover,
#component button[type="reset"]:hover,
#component a.details:hover,
.mod-newsflash-adv_custom-link a:hover {
    color: white;
/*    background: #e4122f;
    border-color: transparent;*/
}


.btn-primary,
#component input[type="submit"],
#feature-row .mod-newsflash-adv_custom-link a,
#showcase-row .mod-newsflash-adv_custom-link a,
#image-row .mod-newsflash-adv_custom-link a,
#video-row .mod-newsflash-adv_custom-link a {
    border-color: transparent;
    color: white;
    background: #e4122f url('../images/csikos.png') repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><pattern id="pinstripe" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(315)"><line x1="2" y="0" x2="2" y2="4" stroke="%23ea455c" stroke-width="2" /></pattern></defs><rect width="100%" height="100%" fill="%23e4122f" /><rect width="100%" height="100%" fill="url(%23pinstripe)" /></svg>');
}

#showcase-row .mod-newsflash-adv_custom-link a:hover,
#image-row .mod-newsflash-adv_custom-link a:hover,
#video-row .mod-newsflash-adv_custom-link a:hover {
    color: #e4122f;
    border-color: transparent;
    background-color: white;
}


.btn-primary:hover,
#component input[type="submit"]:hover,
#feature-row .mod-newsflash-adv_custom-link a:hover {
    color: #72beba;
}

/* VirtueMart ikonok */
button.vmicon {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

button.vmicon:before {
    font-family: FontAwesome;
}
.vm2-remove_from_cart:before {
    content: '\f1f8';
}

.vm2-add_quantity_cart:before {
    content: '\f021';
}


/*	-------------------------------------------------------
		TERMÉKMENÜ
	------------------------------------------------------- */

.moduletable.termekmenu {
    padding-bottom: 0;
}

.moduletable.termekmenu p{
    display: inline-block;
    text-align: center;
}

.moduletable.termekmenu a {
    display: inline-block;
    text-align: center;
    border: 2px solid #538d82;
    font-size: 10px !important;
    /*line-height: 58px;*/
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 0 5px 5px 5px;
    width: 62px;
}

.moduletable.termekmenu a:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 38px !important;
    line-height: 56px !important;
    /*text-align: center;*/
}
.moduletable.termekmenu a#tm-kepek:before {
    content: "\f03e";
}
.moduletable.termekmenu a#tm-jellemzok:before {
    content: "\f129";
}
.moduletable.termekmenu a#tm-letoltesek:before {
    content: "\f019";
}
.moduletable.termekmenu a#tm-ertekeles:before {
    content: "\f123";  /* fa-star-half-o */
}

.moduletable.termekmenu a,
.moduletable.termekmenu a:link,
.moduletable.termekmenu a:visited {
    color: #538d82;
    background: rgba(255,255,255, 0.7);
}

.moduletable.termekmenu a:hover {
    background: #538d82;
    color: white !important;
}

.moduletable.termekmenu .module_container {
    text-align: center;
}

.moduletable.termekmenu a#tm-muszaki-adatlap:before {
    content: "\f1c1"; /* fa-file-pdf-o */
    /*content: "\f15c";  fa-file-text */
}

.moduletable.termekmenu a#tm-arak-termekjellemzok:before {
    *content: "\f03a"; /* fa-list */
    *content: "\f00b"; /* fa-th-list */
    *content: "\f009"; /* fa-th-large (boxes) */
    content: "\f00a"; /* fa-th (boxes) */
}


/*	ha elég széles a kijelző, akkor oldalt jelenik meg a termékmenü */
@media (min-width: 768px) {

	.moduletable.termekmenu {
		position: fixed;
		/*left: 15px;  a back-to-top résszel azonos a közepe */
		*right: 120px; /* a jellemző-ikonok bal oldalán - ez nem egységes pozíció) */
		padding-top: 30px;
		width: 76px;
	}

	/* TODO: különböző felbontásokhoz beállítani a pozíciót */

} /* min-width: 768px */


/* 	kategória nézetben ne jelenjen meg a termékmenü
	(csak kategória menühöz tudom hozzárendelni a modult,
	de csak a termékadatlapoknál van értelme)  */
 .view-category #content-row .termekmenu {
	display: none;
}
.view-category #aside-left {
    padding: 0;
    min-height: 0;
}




.ar {
	whitespace: nowrap;
	text-align: right;
}
#hitelakcio .listaar {
	color: red;
	text-decoration: line-through;
}
#hitelakcio .havi-reszlet {
	font-weight: bold;
}



/* **********************************************************************
 * **********************************************************************
 * **
 * **		HDKLÍMÁRA VONATKOZÓ BEÁLLÍTÁSOK
 * **
 * **********************************************************************
 * **********************************************************************
 */



 /* 	FISHER	SZÍNEK
 *
 *
 * 	#e4122f világoskék		menüsáv. gombok
 * 	#26548d	sötétkék 1		aktív menüpont
 * 	#243467	sötétkék 2		szöveg, fejlécek
 * 	#f1f6f7	zöldeskék		oldal háttere (body)
 * 	#e0dedf	halványkék		beviteli mezők háttere
 *
 * 	#50ba60 zöld			a klímaválasztón használt zöld szín (.kv-zold)
*/

/**
 *  HDKLIMA színek
 *  --------------
 *  #e4122f piros           menüsáv és a gombok háttere
 *  #538d82 zölf            lábléc
 *  #afcec8 halványzöld     sorozatfotó háttere
 *  #e0dedf halvány drapp   fejléc háttere
 *  #565656 sötétszürke     betűk színe
 */


/* ----------------------------------------------------------------------
 * 			HTML ELEMEK
 * ----------------------------------------------------------------------
 */

html, body { height: 100%; margin: 0; padding: 0; }


html {
    font-size: 100%;
  }

body {
	background: #ffffff;
	font-size: 16px;
	line-height: 1.2;
	font-family: 'Arial', sans-serif;
	font-weight: normal;
  }

body /*, p, h1, h2, h3, h4, h5, h6, h1 small, h2 small, h3 small, ul, ol, li */ {
	color: #565656;
}

h1, h2, h3, h4, h5, h6, h1 small, h2 small, h3 small {
    font-family: 'Oswald';
}



h1, h2, h1 small, h2 small, h3 small {
	line-height: 1.25; /* fejlécnél nem kell többszörös sortávolság */
	font-weight: normal;
}
h3, h2 small{
    font-weight: normal;
}
h1 {
	font-size: 34px;
	text-align: center;
}
h2, h1 small, h3 {
    font-size: 30px;
}
h3, h2, h1 small {
    text-transform: uppercase;
}

h1 small {
   display: block;
}

div#bg_top .container {
    background-color: #e0dedf;
    /*min-height: 480px;*/ /* ezt az egyes háttérképek ismeretében kell módosítani */
    background-size: cover;
    background-position: center center;
}

#bg_top header {
    /*background-color: #e0dedf;*/
    padding-top: 20px;

}


@media screen and (min-width: 768px){
    #feature-row .moduletable {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media screen and (min-width: 1200px){
    #feature-row .moduletable {
        padding-left: 150px;
        padding-right: 150px;
    }
}
#showcase-row, #image-row, #mainbottom-row, #video-row {
	background-image: none;
	background-size: cover;
}

/* parallax tiltása */
#showcase-row,
/*#image-row,*/
#mainbottom-row,
#video-row {
	background-position: center center !important;
}

/* #showcase tartalom középre igazítása */

/* tartalom függőlegesen középre */
#image-row .moduletable {
    display: table;
    width: 100%;
    min-height: 250px;
}

#image-row .module_container {
	display: table-cell;
	vertical-align: middle;
}
/*
#image-row .moduletable,
#mainbottom-row .moduletable {
	display: table;
	min-height: 250px;
}

#image-row .module_container,
#mainbottom-row .module_container {
	display: table-cell;
	vertical-align: middle;
}
*/


#showcase-row .container {
    display: table;
	min-height: 300px;
}

#showcase-row .row-container .container .row {
    display: table-cell;
    vertical-align: middle;
}


#showcase-row {
    *padding: 40px 0;
}


.text-error {
    color: #e4122f;
}




#showcase-row {
	/*background-color: #e0dedf;*/
}

#bottom-row {
	border-bottom: none;
	padding-top: 20px;
}

.view-article article.page-item {
	padding-bottom: 0;
}

#showcase-row p, #showcase-row h1, #showcase-row h2, #showcase-row h3,
#image-row p, #image-row h1, #image-row h2, #image-row h3,
#video-row p, #video-row h1, #video-row h2, #video-row h3 {
	text-align: center;
}

#showcase-row li, #showcase-row p, #showcase-row h1, #_showcase-row h2, #showcase-row h3,
#image-row li, #image-row p, #image-row h1, #_image-row h2, #image-row h3,
#video-row li, #video-row p, #video-row h1, #_video-row h2, #video-row h3,
#mainbottom-row li, #mainbottom-row p, #mainbottom-row h1, #_mainbottom-row h2, #mainbottom-row h3 {
	/*text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;*/
}

#content-bottom-row {
	padding-bottom: 0;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	border-color: #e0dedf;
	background-color: #e0dedf;
}

/* aktív mező jelölőjének árnyéka */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,


.uneditable-input:focus {
  border-color: #72beba;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(114,190,186, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(114,190,186, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(114,190,186, 0.6);
  outline: 0 none;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    border-color: #e4122f;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(114,190,186, 0.6);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(114,190,186, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(114,190,186, 0.6);
}
.invalid {
    color: #e4122f;
}


label {
	*margin-bottom: 0;
	line-height: 1;

}
.span6 h1 {
 	font-size: 38px;
}

a, a:link, a:visited {
    *color: #e4122f;
}

a:hover, a:focus {
    color: #538d82;
    *color: #e0dedf;
}

.XXXbtn {
    /*  */
    padding: 5px 40px;
    /* width: 100%; */
    *display: block;
    *font-size: 19px;
    font-size: 16px;
    line-height: 1.25;
    *font-weight: bold;
    font-weight: normal;
    text-align: center;
 	border-color: #e4122f;
 	color: #e4122f;
 	background-color: white;
}

/*.btn:hover, .btn:active, .btn:focus, .btn.active, .btn.selected {
    color: white;
    border-color: transparent;
    background-color: #e4122f;
}*/

/* bizonyos esetekben pont az inverz kell */

/*.page-blog__fooldal .btn,
.btn-primary,
.items-leading .btn,  04.06 Kata: ez is olyan gomb legyen, mint a többi 04.07: mégis legyen inverz
#maintop-row .btn.readmore,  pl. klímaválasztó
#feature-row .btn,
#showcase-row .btn,
#image-row .btn,
#video-row .btn,
#mainbottom-row .btn {
    background-color: #e4122f;
    color: white;
 	border-color: transparent;
}

#showcase-row .btn:hover,
#image-row .btn:hover,
#video-row .btn:hover,
#mainbottom-row .btn:hover {
 	border-color: transparent;
 	color: #e4122f;
 	background-color: white;
}
#feature-row .btn:hover,
#maintop-row .btn.readmore:hover,  pl. klímaválasztó
.items-leading .btn:hover,  04.06 Kata: ez is olyan gomb legyen, mint a többi 04.07: mégis legyen inverz
.page-blog__fooldal .btn:hover,
.btn-primary:hover {
 	border-color: #e4122f;
 	color: #e4122f;
 	background-color: white;

}*/

/* button with image (on the left) */
.btn.btn-image {
    display: inline-flex;
    flex-grow: 0;
    align-items: center;
    text-align: left;
    padding: 10px;
}
.btn.btn-image img {
    margin-right: 10px;
}

.btn.btn-image.large-padding {
    padding-left: 60px;
    padding-right: 60px;
}

/*.productdetails h1, .productdetails h2, .productdetails h3, .productdetails h4, .productdetails h5, .productdetails h6,
.item_fulltext h1, .item_fulltext h2, .item_fulltext h3, .item_fulltext h4, .item_fulltext h5, .item_fulltext h6*/
h1, h2, h3, h4, h5, h6 {
	margin-top: 40px; /* a felső margó ki van kapcsolva */
}
h1.item-title, h2.item-title, h3.item-title, h4.item-title, h5.item-title, h6.item-title,
article header.item_header h1, article header.item_header h2, article header.item_header h3, article header.item_header h4, article header.item_header h5, article header.item_header h6,
.item_introtext h1, .item_introtext h2, .item_introtext h3, .item_introtext h4, .item_introtext h5, .item_introtext h6,
.item_fulltext h1+h1, .item_fulltext h2+h2, .item_fulltext h3+h3, .item_fulltext h4+h4, .item_fulltext h5+h5, .item_fulltext h6+h6 {
	margin-top: 0; /* fejlécekben és azonos h tag-ek között nem kell felső margó */
}
.item_fulltext h1, .item_fulltext h2, .item_fulltext h3, .item_fulltext h4, .item_fulltext h5, .item_fulltext h6 {
	*padding-bottom: 0; /* alul meg nem kell, elég, amiennyi a bekezdések előtt van */
	padding-bottom: 15px; /* de a bekezdések előtt nincs... :) */
}

h1 img, h2 img, h3 img, p img, ul img, li img, ol img {vertical-align: baseline}
h2 {color: #e4122f;}
h2 img {height: 35px;}

/* mobil nézetben az egymás alá csúszott span-ok között legyen szünet */
@media (max-width: 767px) {
	.row > [class*="span"] {
		margin-bottom: 20px;
	}
}


 /*
  * .termekkategoria-fejlec
  * a showcase > maintop pozícióban elhelyezett modul a termékkategóriák kiemelt tulajdonságainak
  */
/*.termekkategoria-fejlec .img-intro img{
	float: right;
	max-height: 200px;
	margin-left: 20px;
}*/

.moduletable.termekkategoria-fejlec {
    font-weight: normal;
    font-size: 115%;
}

/* a kép középen legyen */
.moduletable.termekkategoria-fejlec .row-fluid > div[class*="span"] + div[class*="span"] {
    text-align: center;
}

@media (min-width: 768px){
	.moduletable.termekkategoria-fejlec {
		padding: 0;
                padding-bottom: 20px;
	}
}

/* termékadatlapok megjelenítésekor a showcase elrejtése, hogy a fejléc ne jelenjen meg  - advanced module manager miatt nincs rá szükség
body.com_virtuemart.view-productdetails #showcase-row {
	display: none;
}*/

/*	======================================================================
				FlexiContact
				Kapcsolatfelvételi űrlap a Legyen a partnerünk! oldalhoz
	======================================================================	*/

/* checkbox megjelenítésének javítása */
form.fc_form input[type="checkbox"] {
	vertical-align:baseline !important;
}


/*	----------------------------
		#debug
	---------------------------- */

/*	======================================================================
				JoomBall - Cookies
				cookie figyelmeztetés megjelenésének testre szabása
	======================================================================	*/

.jb.cookie {
	padding: 10px !important;
}

.jb.cookie p {
	font-size: inherit !important; /* különben túl kicsi (14px) lesz */
	text-align: center; /* különben a p sorkizárt lesz */
}

.jb.cookie p a {
	font-weight: bold;
}

.jb.accept {
	border-radius: 0 !important;
	text-shadow: none !important;

}



/* **********************************************************************
 *
 * 			EGYES KOMPONENSEKRE VONATKOZÓ BEÁLLÍTÁSOK
 *
 * **********************************************************************
 */

/*	======================================================================
			JoomBall - Cookies
			cookie figyelmeztetés megjelenésének testre szabása
	======================================================================	*/

.jb.cookie.blue p {
	color: #e0dedf !important;
}

.jb.cookie.blue p a {
	color: #e4122f !important;
}
.jb.accept.blue {
    background: #e4122f !important;
}


/*	======================================================================
					VIRTUEMART
	======================================================================	*/
.hasTooltip:after {
	color: #538d82;
}
.product-field-type-G .product-fields-title-wrapper {
	color: #e4122f;
}
.product-field.product-field-type-G {
	border-bottom: 1px solid #538d82;

}
.category-view div.product {
	*border-color: #e4122f;
	border: none;
	background-color: white;
}
/*	rendezési szempont választásának kikapcsolása */
.vm-order-list {
    display: none;
}
/* lapozás kikapcsolása*/
.orderby-displaynumber {
    display: none;
}

/* úgy nézzen ki, mint a h2 */
.view-productdetails .product-description .title {
    font-size: 18px;
    color: #e4122f;
    line-height: 1; /* fejlécnél nem kell többszörös sortávolság */
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 40px;
    padding-bottom: 24px;
}

.view-productdetails .product-short-description {
    text-align: center;
}

.view-productdetails .product-fields-ontop {
    margin-top: 15px;
}
.view-productdetails .product-fields-ontop .product-fields-title-wrapper {
	padding-left: 0;
    white-space: nowrap;
}
.view-productdetails .product-fields-ontop img {
	/* max-height: 100%; */
}

.view-productdetails .product-fields-ontop .product-field {
    border-bottom: none;
    float: right;
}



.category-view .vm-product-media-container {
    margin-right: 10px;
    /*display: table;*/
}
.category-view .vm-product-media-container a {
    max-width: 250px;
    max-height: 250px;
    border: 1px solid #538d82;
    display: table;

}
.category-view .vm-product-media-container a img {
    display: table-cell;
    vertical-align: middle;
    /* a 250x187 pixeles képek miatt a felső padding = 63px/2/250px > 12,6%  */
    /*%-os padding esetén a szülő SZÉLESSÉGE az alap! */
    padding-top: 12%;
    padding-bottom: 13%;
}
.category-view .vm-product-descr-container-1,
.category-view .vm3pr-3 .product-price {
    min-height: 0;
    margin-bottom: 15px;
}

.vm-display.vm-price-value span + span {
    white-space: nowrap;
}

.category-view .addtocart-area {
    margin-bottom: 15px;
    /* webáruház letiltva */
    display: none;
}
.category-view .addtocart-bar {
    text-align: left;
}
.category-view div.vm-details-button {
    text-align: left !important;
}
.category-view div.vm-details-button a {
    width: auto;
}

/* megfelelő szélesség esetén a kép balra igazítva, a tartalom pedig a jobboldalán */
@media screen and (min-width: 980px) {
    .category-view .spacer {
        display: table;
        width: 100%;
    }
    .category-view .vm-product-media-container {
        display: table-cell;
    }
    .category-view .vm-product-media-container a {
        /*float: left;*/
        width: 15vw;
        height: 15vw;
        max-width: 155px;
        max-height: 155px;
    }
    .category-view .vm-product-details-group {
        display: table-cell;
        vertical-align: top;
        width: 100%;
        padding: 0 25px 10px 10px;
    }
    .category-view div.vm-details-button a {
        max-width: 100%;
        width: auto;
        display: block !important;
    }
}

.category-view .product h2 {
    /*color: white;*/
    /*background-color: #e4122f;*/
    /*padding: 5px 0;*/
    padding: 0;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
}
/*img.browseProductImage {
    float: left;
}*/
.category-view .row .category .spacer,
.featured-view .spacer,
.latest-view .spacer,
.topten-view .spacer,
.recent-view .spacer,
.related-products-view
.spacer, .browse-view .row .product .spacer {
	padding: 10px 10px 10px 0px;
}

.browse-view .product p.product_s_desc {
    padding: 0;
    text-align: left;
    height: auto; /* VM-ben fix 40px! */
    /*text-align: center;*/
}

.vm-col {
	*margin: 10px;
}
.vm-col-2 {
	*width: 46% !important; /* TODO: helyette spacer? */
}
.browse-view .product .addtocart-area,
.browse-view .product .vm-details-button {
	/*padding: 0 10px 10px;*/
}

/* keskeny kijelzőn függőlegesen ne érjenek össze a termékek */
@media screen and (max-width: 480px) {
	div[class*="vm-col-"] {
		margin-bottom: 20px;
	}
	.horizontal-separator {
		display: none;
	}
}

/* kategória nézet */
/*.category-view .vm-category-title {*/
.vm-category-title {
    margin-top: 60px;
    margin-bottom: 40px;
}
/*.category-view img.vm-category-image {*/
img.vm-category-image {
    margin-left: 40px;
}
/*.category-view .vm-category-title h1 {*/
.vm-category-title h1 {
    margin-top: 15px;
    text-align: left;
    background: #e4122f url('../images/csikos.png') repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><pattern id="pinstripe" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(315)"><line x1="2" y="0" x2="2" y2="4" stroke="%23ea455c" stroke-width="2" /></pattern></defs><rect width="100%" height="100%" fill="%23e4122f" /><rect width="100%" height="100%" fill="url(%23pinstripe)" /></svg>');
    padding: 10px 40px;
    font-size: 25px;
    line-height: 1;
    color: white;
    text-transform: uppercase;
}
@media screen and (min-width: 769px) {
    /*.category-view img.vm-category-image {*/
    img.vm-category-image {
        /*margin-left: 40px;*/
        float: left;
    }
    /*.category-view .vm-category-title h1 {*/
    .vm-category-title h1 {
        margin-left: 250px;
        font-size: 30px;
    }
}


/* regisztrációs űrlapis legyen fehér (ebbe miért nem tettek fieldset-et?!) */
form#adminForm {
    padding: 20px;
    background: white;
}


div.back-to-category {
    display: none;
}

/*	======================================================================
					UNIVERSAL AJAX SEARCH
	======================================================================	*/

/* A menü z-index értéke 2000, ennyi kell ahhoz, hogy ne takarja el */
#offlajn-ajax-search113, #search-results113 {
	z-index: 3000 !important;
}
#offlajn-ajax-search113 {
    margin-bottom: 5px;
}

input#suggestion-area113 {
    left: 0 !important;
}

/* ezt máshol nem tudom állítani */
input#search-area113 {
	border: 1px solid #e4122f !important;
	border-radius: 0 !important;
}


/*	szűrés, kategória, dátum elrejtése */
#searchForm fieldset.only, /* @TODO: ezt inkább a globális konfigurációban kellene kikapcsolni */
.page-search dl.search-results dd.result-category,
.page-search dl.search-results dd.result-created {
	display: none;
}


/* Eredményeknél a box-shadow kikapcsolása */
#search-results113 #search-results-inner113 .result-element:hover,
#search-results113 #search-results-inner113 .selected-element {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/*	Az egy oldalon megjelenítendő keresési eredmények számát kiválasztó legördülő listában
	a sablonban beállított 60px szélesség esetén nem férnek el a számok
 */
.input-mini {
	width: 80px;
}

/* 	A keresési eredményeknél sok volt az alapértelmezett 50px alsó padding. Mivel a sablonban van definiálva ez az érték,
	ha máshol problémát okoz a csökkentése, a keresőmodulra (#search-results142 .pagination) kell korlátozni az érvényességét.
*/
.pagination {
	padding: 0;
}

/*	======================================================================
					FELSŐ KERESŐ
	======================================================================	*/


.kereso_kosar .module_container {
    background-color: #538d82;
    padding: 10px;
}

@media screen and (min-width: 769px) {
    .kereso_kosar .module_container {
        width: 450px;
        float: right;
    }
}


._mod-article-single__keresohoz {
    font-size: 16px;
    line-height: 19px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 85px;
}
._mod-article-single__keresohoz  .item_introtext p {
	margin-top: -1em; /* a kereső modul elé és után betett üres <p> eltűntetése */
	margin-bottom: 0;
}

.kereso_kosar .item_introtext p {
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px;
}


.kereso_kosar .line {
    display: inline;
}

@media screen and (min-width: 1200px), (min-width: 320px) and (max-width: 480px) {
    .kereso_kosar .line {
        display: block;
    }
}


.kereso_kosar .item_introtext p {
    text-align: left;
    margin-bottom: 10px;
}



@media screen and (min-width: 768px) {
    .kereso_kosar .module_container {
        margin-left: 30px;
    }
    .kereso_kosar .item_introtext p {
        /*text-align: right;*/
        margin-bottom: 0;
    }
    .moduletable.kereso_kosar, .moduletable.kosar {
        margin-top: 20px;
    }
}





/* **********************************************************************
 *
 * 			ADOTT POZÍCIÓRA VONATKOZÓ BEÁLLÍTÁSOK
 *
 * **********************************************************************
 */

#back-top a {
	color: #afcec8;
	border-color: #afcec8;
	*background: #e0dedf;
}
#back-top a:hover {
  color: #ffffff !important;
  background: #e4122f;
}



#header-row {
    padding-bottom: 5px;
}

#banner {
    text-align: center;
    padding: 22px;
}

.fejlec-jobb p {
    text-align: right;
    margin: 0;
}
.moduletable.fejlec-jobb {
	margin-top: 13px;
}

@media (max-width: 767px) {
	#footer-row p {
		text-align: center;
	}
	.fejlec-jobb p, .fejlec-bal p {
		text-align: center;

        }
        /* lábléc logó középre */
        .mod-custom__footer-logo > div {
            text-align: center;
        }
}





#maintop-row {
    /*padding: 20px 0;*/
    padding: 0;
    background: none;
}

#mainbottom-row {
    margin-top: 20px;
}

.bg_cont {padding-top: 0;}

#content-row {
    /*
     * ideiglenesen az egész sor fehér, nem pont ezt találta ki a grafikus,
     * de az ő tervéhez meg kell oldani az egyforma magas reszponzív oszlopokat.
     * */
    *background: white;
    *margin-bottom: 0; /* különben kilátszik a body kékje - ezt törölni kell, ha már nem fehér a háttér */
    border: none;
    padding-top: 20px;
  }

#footer-row {
    /*background-color: #e4122f;*/
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;

}

#footer .moduletable.lablec {
    background-color: #538d82;
    border-top: 21px solid #e4122f;
    padding-top: 7px;
    padding-bottom: 15px;
    font-size: 14px;
}

div.logo img {
    padding-left: 12px;
}

div.cegadatok {
    margin-top: 12px;
}

img.footer-logo {
    max-width: 150px;
}

@media (max-width: 768px) {
    div.logo, div.cegadatok {
        text-align: center;
    }
}

#footer-row p{
    padding-bottom: 0;	/* eredetileg 46 volt - miért??? */
    margin-bottom: 0;
    color: #ffffff;
}



/*#copyright-row {
	*border-top: 5px solid #ba161c;  alsó piros csík
    background-color: #e0dedf;
    padding-top: 20px;
	padding-bottom: 50px;
    *color: white;
	font-size: 18px;
	line-height: 22px;
}*/

/*	cimkemenu */

.cimkemenu ul {
  text-align: center;
  *border-top: 1px solid #f0646a;
  *color: #f0646a;
	font-size: 16px;
    line-height: 16px;
}

.cimkemenu a, .cimkemenu a:link {
  *color: white;
  *padding: 10px;
  *margin: 2px 5px;
  padding: 5px 10px;
  margin: 0 5px;
  display: inline-block !important;
}

.cimkemenu a:hover {
	color: white !important;
	background: #e4122f !important;
}

.cimkemenu li {
  list-style-type: none;
  display: inline-block;
  *margin: 0 10px;
  *border: 1px solid white;
}


/* **********************************************************************
 *
 * 			ADOTT OLDALRA VONATKOZÓ BEÁLLÍTÁSOK
 *
 * **********************************************************************
 */







/* ----------------------------------------------------------------------
 * 			FŐOLDAL
 * ----------------------------------------------------------------------
 */
.body__fooldal #showcase-row {
	background-image: url(../images/fooldal-showcase.jpg);
	background-size: cover;
	background-position: center center !important;
}
.body__fooldal #showcase-row .container {
	min-height: 400px;
}
.body__fooldal #content-row {
    display: none;
    visibility: hidden;
}




/*	a főoldalon csak modulok vannak */
/*.body__fooldal #content-row {
	display: none;
}*/

#image-row .moduletable,
#video-row .moduletable,
#showcase-row .moduletable,
/*#mainbottom-row .moduletable,*/
#showcase-row .moduletable {
	/*padding: 50px 250px;*/
	text-align: center;
	font-weight: bolder;
}





/* keskenyebb kijelzőn nem kell ekkora padding
 * TODO: megnézni, miért nem látszik a WebDev Toolbar-ban a módosítás, és ellenőrizni
 */
#image-row .moduletable,
#video-row .moduletable,
#showcase-row .moduletable,
/*#mainbottom-row .moduletable,*/
#showcase-row .moduletable {
	padding: 30px;
}

@media (min-width: 768px) {

	#image-row .moduletable,
	#video-row .moduletable,
	#showcase-row .moduletable,
	/*#mainbottom-row .moduletable,*/
	#showcase-row .moduletable {
		padding: 50px 25%;
	}
}





div.termek-kiemeles {
    margin-top: 40px;
    margin-bottom: 40px;
}

.termek-kiemeles h1,
.termek-kiemeles h2,
.termek-kiemeles h3 {
    margin-top: 0;
}


@media screen and (max-width: 750px) {

	.termek-kiemeles [class*="span"],
	.termek-kiemeles .col-1 h1,
	.termek-kiemeles .col-1 h2,
	.termek-kiemeles .col-1 h3,
	.termek-kiemeles .col-1 p {
	    text-align: center;
	}
}

@media screen and (min-width: 751px) {

	.termek-kiemeles .col-1,
	.termek-kiemeles .col-1 h1,
	.termek-kiemeles .col-1 h2,
	.termek-kiemeles .col-1 h3,
	.termek-kiemeles .col-1 p {
	    text-align: right;
	}

}


/* ----------------------------------------------------------------------
 * 			KLÍMAVÁLASZTÓ
 * ----------------------------------------------------------------------  */

.body__klimavalaszto #showcase-row .container {
	min-height: 225px;
}

.body__klimavalaszto #component form .btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 280px;
}


/*	==========	klímaválasztó beviteli mezői  ==========  */
.body__klimavalaszto #component form input,
.body__klimavalaszto #component form select {
    width: 40%;
}


.body__klimavalaszto #component form div[class*="span"] {
    white-space: nowrap;
    *overflow: hidden;
}
.body__klimavalaszto #component form div[class*="span"] label {
    white-space: normal;
    width: 50%;
    display: inline-block; /* TODO: kis szélersségnél 100%/block legyen! */
}
.body__klimavalaszto #component form li {
	margin-top: 0;
}


.body__klimavalaszto #vegeredmeny {
	margin-top: 15px;
}
.body__klimavalaszto #vegeredmeny,
.body__klimavalaszto #vegeredmeny p {
	text-align: center;
}
.body__klimavalaszto #vegeredmeny i.fa {
	font-size: 40px;
	color: #2eaff8;
}

.body__termekszures .vm-category-title {
    display: none;
}





/* teljesítmény mező figyelemfelkeltés */
@keyframes figyu {
  33% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }
  66% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.figyelj {
  -webkit-animation: figyu 1s ease;
  -moz-animation: figyu 1s ease;
  -o-animation: figyu 1s ease;
  animation: figyu 1s ease;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.wow {
    /*  */
    visibility: hidden;
}

/* Klímaválasztó modul a főoldalon */

.moduletable.klimavalaszto {
    background-color: #e5e4e4;
    padding: 0;
    /* hogy a kép kilóghasson felül (ott -30px a margó) */
    margin-top: 30px;
    /* különben nem biztos, hogy működik a negítív margó */
    border: 1px solid transparent;
}
/* mobil nézetben a cím és a readmore gomb középre */
.moduletable.klimavalaszto,
.moduletable.klimavalaszto h3 {
    text-align: center;
}
.moduletable.klimavalaszto figure.item_img {
    margin: -30px 0 0 0;
}
.moduletable.klimavalaszto figure.item_img img {
    margin: 0;
}
@media screen and (min-width: 768px) {
    /* readmore gomb jobbra */
    .moduletable.klimavalaszto {
        text-align: right;
    }
    /* cím balra */
    .moduletable.klimavalaszto h3 {
        text-align: left;
    }
    .moduletable.klimavalaszto figure.item_img {
        margin-right: 50px;
    }
}

.moduletable.klimavalaszto .module_container {
    padding: 0 20px 0 40px;
}


.moduletable.klimavalaszto .item_introtext {
    padding-top: 30px;
}
.moduletable.klimavalaszto .mod-newsflash-adv_custom-link {
    /*text-align: right;*/
}
.moduletable.klimavalaszto a.btn.readmore,
.moduletable.klimavalaszto .mod-newsflash-adv_custom-link a {
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}
@media screen and (min-width: 768px) {
    .moduletable.klimavalaszto a.btn.readmore,
    .moduletable.klimavalaszto .mod-newsflash-adv_custom-link a {
        padding-left: 80px;
        padding-right: 80px;
    }
}

/* ----------------------------------------------------------------------
 * 			MAXIMUS/DESIGN széria - VM kategória nézet
 * ----------------------------------------------------------------------  */
body.com_virtuemart.view-category #bg_top .container {
    min-height: 283px;
}
.body__maximus-sorozat.view-category #bg_top .container {
    background-image: url(../images/maximus-fejlec.png);
}
.body__design-sorozat.view-category #bg_top .container {
    background-image: url(../images/design-fejlec.png);
}



/* ----------------------------------------------------------------------
 * 			TERMÉKEK
 * ----------------------------------------------------------------------  */






/*.body__termekek #showcase-row {
	background-image: url(../images/termekek-showcase.jpg);
}
.body__termekek #mainbottom-row {
	background-image: url(../images/termekek-mainbottom.jpg);
    background-position: top left !important;
}

#mainbottom-row {
	background-color: #efedde;
}*/

.XXXmoduletable.garancialis_filozofiank {
	padding: 50px 240px;
	text-align: center
}

/*	Klímaválasztó (vezércikk) címének elrejtése */
.page-blog__termekek article.leading-0 header.item_header {
    display: none;
}
.page-blog article.leading-0 h3 {
    text-align: center;
}
.page-blog article.item h3 {
    text-transform: uppercase;
    font-weight: normal;
}
.page-blog article.item h3 a {
    color: inherit;
}
.page-blog article.item h3 a:hover {
    color: #538d82;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.items-leading article {
    border-bottom: 1px solid #538d82;
}




#piktogramok {
    padding: 45px;
}
#piktogramok h2 {
    margin-bottom: 30px;
}

#piktogramok p,
#piktogramok ul,
#piktogramok ol,
#piktogramok li {
    color: white;
    font-size: 18px;
    font-weight: normal
}

#piktogramok strong {
    font-weight: 100;
    text-transform: uppercase;
}

#piktogramok h2 {
    color: white;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: normal;
    font-style: italic;
    margin-top: 45px;
    text-align: center;
}



/*
 *
 * 		IDEIGLENES BEÁLLÍTÁSOK
 *
 *
 */
.fejlec-jobb img {height: 40px;}
.lablec-jobb img {height: 32px;}
.moduletable.fejlec-jobb {margin-top: 19px}
._mod-article-single__keresohoz {margin-top: 50px;}

/*.moduletable {background-color: yellow !important;}
.module_container {border: 1px solid #f00;}
.row{background-color:green !important;border: 1px solid blue}*/



#_component, /* lehet mégsem kell a 65. sorba ez... */
#content-row {
	margin-bottom: 0;
}


#jux_megamenucss3 ul {
    overflow: visible;
}



#jux_megamenucss3 .megamenu {
    *z-index: 1100 !important; /* ezt már nem tudom, miért vettem ilyen magasra */
    z-index: 99 !important;  /* ennyi van a navigation-row esetén is */
}


#jux_megamenucss3 .megacol.menu-1 {
    vertical-align: top;
}


#jux_megamenucss3 .megamenu .js-megamenu {
    font-family: 'Oswald', sans-serif !important;
    font-size: 15px !important;
    font-weight: bold  !important;
	*letter-spacing: -1px;

}

#jux_megamenucss3 span.menu-title,
#jux_megamenucss3 span.image-title {
    font-size: 18px !important;
    line-height: 24px;
    font-weight: 400;
    *text-align: center;
    display: block;
	padding: 0 !important;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 10px;
    margin: 3px 6px;
	text-transform: uppercase;
	*letter-spacing: -1px;
	*color: white; /*  */

}
/* keskeny kijelzőn se legyen 2 sor a menü */
@media screen and (min-width: 769px )and (max-width: 979px) {
    #jux_megamenucss3 span.menu-title,
    #jux_megamenucss3 span.image-title {
        font-size: 16px !important;
    }
}

#jux_megamenucss3 .childcontent .menu-title {
    font-weight: 400;
    *font-size: 18px !important;
}

#jux_megamenucss3 span.image-title {
    *font-size: 18px !important;
    font-weight: bold;
}

#jux_megamenucss3 span.menu-desc {
    font-size: 15px !important;
    line-height: 20px;
    *font-weight: 300 !important;
    text-align: center;
    display: block;
    height: 3em;
}

/* almenü esetén a nyilak eltávolítása */
#jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild.megacss3 span.menu-title:after,
#jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild-over.megacss3 span.menu-title:after
{
	display: none !important;
}


#jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild.megacss3 span.menu-title:after,
#jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild-over.megacss3 span.menu-title:after {
  *position: relative !important;
  *top: inherit !important;
}

#jux_megamenucss3  ul.level0 {
    width: 100%; /* ettől nem lehetett középre igazítani! */
}

/*	Ha nem tartalmaz linket a menüpont a főmenüben, akkor rosszul jelenik meg. Bemásoltam ide a
	custom-128.css-ből a .none .megamenu ul.level0 li.megacss3 a.megacss3 formázását */
.megamenu ul.level0 li.megacss3 span.megacss3 {
    color: #72beba;
    padding: 5px 2px; /* ez a minimum - így elfér keskenyebb kijelzőn is */
    /* TODO: szélesebb kijelzőkön megnövelni */
}
@media screen and (min-width: 980px) {
    .megamenu ul.level0 li.megacss3 span.megacss3 {
        padding: 5px 10px;
    }

}

.megamenu ul.level0 li.megacss3 span.megacss3:hover {
    color: #ffffff;
}

/* a mobil menü kapcsolója ne lógjon bele a levágott sarokba */
@media screen and (max-width: 768px) {
    #css3-megaMenuToggle {
        padding-left: 20px !important;
    }
}

/* a logó aljához igazítás */
#navigation-row {
    margin-top: -50px;
    background-color: transparent;
    /*height: 42px !important;*/
    /* így alul lesz egy kis szín a fejléc hátteréből*/
    padding-bottom: 20px;
    /*overflow: hidden;*/
}
#logo img {
    /*padding-left: 62px;*/
    max-width: 200px;
}
/* mobilon legyen kisebb a logó */
@media screen and (max-width: 979px) {
    #logo img {
        max-width: 185px;
        /* max-width: 85%; */
    }
}
/* mobil menünél jó, ha a teljes sort kitölti a menüpont */
@media (min-width: 769px) {
/* Főmenü középre igazítása */
#jux_megamenucss3 .megamenu ul.level0 li.megacss3 {
	float: none !important;
	display: inline-block !important;
}
#jux_megamenucss3 .megamenu.horizontal.center ul {
	text-align: center;
}

/* Almenük középre */
#jux_megamenucss3 .childcontent-inner {
    text-align: center;
}
#jux_megamenucss3 .megamenu .megacol {
    float: none !important;
    display: inline-block !important;
}
}



/* mobil menünél az első almenü ne legyen bentebb kezdve */
@media screen and (max-width: 767px) {
	#jux_megamenucss3 .megamenu ul.megamenu.level1 > li.megacss3 > span.megacss3,
	#jux_megamenucss3 .megamenu ul.megamenu.level1 > li.megacss3 > a.megacss3 {
            /*padding-left: 0 !important;*/
	}
}


/* menü színek
clearfix megamenu horizontal center sticky_center down noJS animated affix headroom--unpinned
clearfix megamenu horizontal center sticky_center down noJS animated headroom--pinned

*/


/* menü csíkos háttere: igazából csak a biztonság kedvéért kell, mert a tényleges hátteret a sarkok levágása miatt JavaScript-ből generálom  */
X.none  #js-mainnavcss3.megamenu,
.none #js-mainnavcss3.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner-wrap {
    background: #e4122f url('../images/csikos.png') repeat;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><pattern id="pinstripe" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(315)"><line x1="2" y="0" x2="2" y2="4" stroke="%23ea455c" stroke-width="2" /></pattern></defs><rect width="100%" height="100%" fill="%23e4122f" /><rect width="100%" height="100%" fill="url(%23pinstripe)" /></svg>');
}
#js-mainnavcss3.megamenu.affix {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><pattern id="pinstripe" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(315)"><line x1="2" y="0" x2="2" y2="4" stroke="%23ea455c" stroke-width="2" /></pattern></defs><rect width="100%" height="100%" fill="%23e4122f" /><rect width="100%" height="100%" fill="url(%23pinstripe)" /></svg>') !important;
}


@media screen and (max-width: 768px) {
    li.megacss3 span.megacss3,
    li.megacss3 a.megacss3 {
        padding: 15px 12px;
        margin: 0!important;
    }
    /* mobil nézetben a főmenü is lenyílik, kell háttér */
    #js-meganav {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><pattern id="pinstripe" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(315)"><line x1="2" y="0" x2="2" y2="4" stroke="%23ea455c" stroke-width="2" /></pattern></defs><rect width="100%" height="100%" fill="%23e4122f" /><rect width="100%" height="100%" fill="url(%23pinstripe)" /></svg>') !important;
    }
}

@media screen and (max-width: 767px) {
    #jux_megamenucss3 .megamenu ul.megamenu li.megacss3 a.megacss3 span.menu-desc {
      display: block !important;
      text-align: center;
      height: inherit;
    }
    #jux_megamenucss3 img {
      display: none;
    }
    #XXXjux_megamenucss3 div.megacol {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    }
}

.megacol ul li {
    display: block !important;
    width: 100%;
    text-align: left !important;
}

#jux_megamenucss3 .megamenu ul.level1 .childcontent {
    margin-top: -30px !important;
}



/*	Felhasználói menü ikonként jelenjen meg (fa-user) */
#jux_megamenucss3 .megamenu ul.level0 > li .user-menu .menu-title {
    display: none !important;
}

span.user-menu:after {
    font-size: 18px !important;
    line-height: 24px;
    font-weight: 300 !important;
    display: block;
    padding: 0 !important;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 10px;
    margin: 3px 6px;
    font-family: FontAwesome;
    content: '\f007';
}

/* A beviteli mezők kerete látszódjon */
.megamenu input {
	border-color: #26548d;
}

.user-menu ul.nav.menu li,
.user-menu div.mod-login ul.unstyled li {
    padding: 5px;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}

.user-menu div.mod-menu {
    padding-bottom: 20px;
}

.user-menu div.login-greeting p {
    text-align: center;
    font-size: 16px;
}


/* letölthető termékismertetőkhöz */

a.document {
    display: inline-block;
    *border: 1px solid #e4122f;
    border: 1px solid #f1f6f7;
    padding: 5px;
    margin: 3px 10px;
    *height: 40px;
    width: 300px;
    text-align: left;
    overflow: hidden;
    line-height: 1;
    /* TODO: függőlegesen középen legyen a kép és a szöveg is */
   	/* TODO: mobilon kilógnak a dolgok, át kell gondolni... */
}

a.pdf:before {
    content: url('/images/extensions/pdf.png');
    margin-right: 5px;
    float: left;
    vertical-align: baseline;
    *padding-top: 5px;
}

a.document:hover {
    background-color: #e0dedf;
    color: black;
}

.view-article.itemid-185 #component .item_introtext {
	min-height: 200px;
}

.allomany_sor {
    margin-bottom: 5px;
}

p.letoltheto_allomanyok_megjegyzes {
    margin-top: 10px;
}

/*	compare */

/* remove:  */

#component .compare_btn_box {
	font-family: FontAwesome;
	font-size: 18px;
	color: #e4122f !important;
}

.compare_img, .compare_img img, .compare_title {
    vertical-align: baseline !important;
}

.browse-view .row .product .spacer span.compare_title {
    font-size: inherit;
    display: inline-block;
    margin-bottom: 15px;
}

.mod_compare_btn-remove  {
	font-family: FontAwesome;
}

.compare-list {
	word-wrap: break-word;
}

.compare-list li {
	font-size: 12px;
	line-height: 13px;
}

.compare-list a {
	color: #292929;
}
.compare-list a:hover {
	color: #e4122f !important;
}

.td_compare_product .td_compare-price {
	display: none;
}

.td_compare_product.product {
	text-align: center;
}
.td_compare_title, .td_compare_fields {
  border-top: 1px dotted #292929;
}

.td_compare-img, .td_compare-name {
	padding: 5px !important;
}

#compare-list .mod_compare-action {
    text-align: center;
}
#compare-list .mod_compare-action a.mod_compare-start,
#compare-list .mod_compare-action a.mod_compare-clear {
    line-height: 20px;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 12px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 10px 5px;
    width: 55px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    display: inline-block !important;
    /*float: none !important;*/
}

a.mod_compare-start,
a.mod_compare-start:visited,
a.mod_compare-start:active {
    float: left;
    background: #e4122f;
    color: white;
    border: 1px solid transparent;
}
a.mod_compare-start:hover {
  color: #e4122f !important;
  border: 1px solid #e4122f;
  background: white;
}

a.mod_compare-clear,
a.mod_compare-clear:visited,
a.mod_compare-clear:active {
    border: 1px solid #e4122f;
    color: #e4122f;
    background: white;
}
a.mod_compare-clear:hover {
  color: white !important;
  background: #e4122f;
  border: 1px solid transparent;
}

div#compare h2 {
	font-size: initial;
}
div#compare {
	font-size: 12px;
	line-height: 16px;
}

div#compare .param-G {
	font-weight: bold;
}

div#compare {
	padding-bottom: 40px;
}


#aside-left h3, #aside-right h3 {
	padding-bottom: 0;
}
form.mcf_form {
	margin: 0;
}

#aside-left, #aside-right {
	padding-top: 20px;
}
#aside-left.span2 h3, #aside-right.span2 h3 {
    font-size: 22px;
    color: #538d82;
    text-transform: none;
    font-weight: 400;
}
.compare_btn_box {
	margin-left: 5px;
}

.compare_btn.compare_goto {
	font-family: 'Titillium Web', sans-serif;
}

/*
	Termékösszehasonlításből a szürő plugin eredményeit el kell távolítani
	customfield id 9 és 10
*/
div.td_compare-9,
div.td_compare-10 {
	display: none;
}

#compare form {
	margin: 0;
}
div.td_compare_product {
	width: 200px;
}

/* klímaregisztrációhoz */

input#klimaregisztral  {
	display: block;
	margin: 20px auto;
}

span.lbl {
    width: 250px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
legend {
    /*color: #e4122f;*/
    color: #538d82;
    width: auto;
    border: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #538d82;
    display: block;
    width: 100%;
}
fieldset {
    background: white;
}


/*
	Megjelenített árak formázása
*/

.product-price,
.product-price span {
	color: #e4122f !important; /* különben a span felülírja!*/
}

.product-price,
.product-price span {
	*margin: 40px 0;
	*text-align: left;
	float: none;
}
.PricesalesPrice {
	font-weight: bold;
}

/*	árak a termékadatlapon */
.com_virtuemart.view-productdetails .product-price {
	padding: 0 0 20px 0;
}
.com_virtuemart.view-productdetails .product-price,
.com_virtuemart.view-productdetails .product-price span {
	text-align: left;
	font-size: 18px !important;
	line-height: 22px;
}
.com_virtuemart.view-productdetails .product-price .PricesalesPrice,
.com_virtuemart.view-productdetails .product-price .PricesalesPrice span {
	text-align: left;
	font-size: 22px !important;
	line-height: 22px;
}
div.reszletfizetes {
	margin-top: 40px;
}
div.reszletfizetes p.zaroszoveg {
	text-align: left;
}
.com_virtuemart.view-productdetails .product-price p.afas-arak {
	font-size: 15px;
	margin-top: 5px;
}

/*	árak a kategória nézetben */

/*	Bruttó listaár */
.com_virtuemart.view-category .product-price,
.com_virtuemart.view-category .product-price span  {
	font-size: 16px !important;
	line-height: 18px;
	text-align: left;
}

/* havi részlet megjelenítése rövid formában */
.com_virtuemart.view-category .product-price div.PricehaviReszletShort  {
	font-size: 14px !important;
	font-weight: bold;
}
/* a termékadatlapon nem szükséges */
.com_virtuemart.view-productdetails  .product-price div.PricehaviReszletShort  {
	display: none;
}

/*	Kedvezményes ár */
.com_virtuemart.view-category .product-price .PricesalesPrice,
.com_virtuemart.view-category .product-price .PricesalesPrice  span {
	font-size: 18px !important;
}
.com_virtuemart.view-category .product-price .PricesalesPrice  span {
	/*display: block;*/
	margin-right: 0; /* hogy tényleg középen legyen */
}
/*	ÁFÁ-s árakra vonatkozó információ nem kell a kategória nézetben */
.com_virtuemart.view-category .product-price p.afas-arak {
	display: none;
}


/*
	valamiért (Chrome-ban és FF-ban egyaránt) összemossa a product_customfields és product-price div-eket... ezért nem működik a padding
	20160713: valamiért a product-field-type-S osztály kavart be, kivettem.
*/
.com_virtuemart.view-category .product_customfields {
	/*padding-bottom: 10px;*/
	margin-bottom: 15px;
}
.com_virtuemart.view-category .product-price {
	/*padding-top: 10px;*/
}

.com_virtuemart.view-category .PricebasePriceWithTax  {
	*line-height: 50px;
}


table.user-details input,
table.user-details select {
	background: #e0dedf !important;
	border-radius: 0  !important;
	border-color: #e0dedf  !important;
}

/*	Nettó listaár csak a kosárban kell, a termékadatlapon nem jelenítjük meg. Kikapcsolni a kosár miatt nem tudom */
div.PricebasePriceVariant {
	display: none;
}



.vm-product-container .vm-product-media-container,
.vm-product-details-container {
    float: none;
    width: 100%;
}




/**
 * 	KOSÁR
 */

/* a kosárban legyenek nagyok a képek */
span.cart-images img {
	width: auto;
	float: none;
}

[class*="sectiontableentry"] {
    vertical-align: middle !important;
}
td.vm-cart-item-name {
    font-size: 18px;
    font-weight: bold;
}

/*	a kosárban a termékeknél nincs ár leírás */
#checkoutForm span.vm-price-desc {
    display: none;
}


/*	hozzáadott oszlopok */
.vm-cart-item-salesprice {
    min-width: 64px;
    width: 5%;
    text-align: center;
}

/**
 * 	TOS megjelenítésekor az eladó fejlécének elrejtése - ez külön link esetén fontos
 */
.vendor-details-view .vendor-tos-title {
	display: none;
}

/*	=====	MEGRENDELÉS RÉSZLETEK	===== */
td.pricePad {
	padding-right: 0; /* az összesen szövegek jobb oldalán nem kell térköz */
}

/* a megrendelések tételei legyenek elválasztva */
.vm-orders-items td,
.vm-orders-items th {
	border-bottom: 1px solid;
	padding-left: 5px;
	padding-right: 5px;
}

td.priceCol {
}

/* 	**********************************************************************
 *
 * 				Flexible - Virtuemart 3 Dropdown Shopping Cart
 *
 * 	**********************************************************************
 */

/* 	Kosár jobbra igazítása */
#FlexibleVM3Cart {
	*width: 100%;
	*text-align: right !important; /* Egyébként nem érvényesül */
}

/* 	Kosár megjelenítése gomb megjelenésének testre szabása
 * 	A szöveg módosításához a COM_VIRTUEMART_CART_SHOW állandót kell beírni
 */
#FlexibleVM3Cart .flexibleShow_cart a {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-transform: uppercase;
    color: #72beba !important;
    font-size: 14px !important;
    font-weight: bold !important;
    background: #e4122f url('../images/csikos.png') repeat !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><pattern id="pinstripe" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(315)"><line x1="2" y="0" x2="2" y2="4" stroke="%23ea455c" stroke-width="2" /></pattern></defs><rect width="100%" height="100%" fill="%23e4122f" /><rect width="100%" height="100%" fill="url(%23pinstripe)" /></svg>') !important;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

#FlexibleVM3Cart .flexibleShow_cart a:hover {
    background-color: #e4122f !important;
    color: #ffffff !important;
  }

/*	kosárban lévő termékek száma */
#FlexibleVM3Cart .flexibleNumber {
    background: none repeat scroll 0 0 #72beba !important;
    *font-size: 20px !important;
    *width: 23px !important;
    *height: 23px !important;
    *line-height: 22px !important;
    *right: -6px !important;
    *top: 3px !important;
}

/*	Kosár ikonja - 64x64 pixel */
#FlexibleVM3Cart .flexible_cart_icon {
    /*background-image: url(../images/fisher-kosar-40px.png) !important;*/
    background-image: none !important;
    /*margin-top: 2px;*/
}

#FlexibleVM3Cart .flexible_cart_icon:before {
    content: '\f07a';
    font-family: 'FontAwesome';
    font-size: 40px;
    /*color: #72beba;*/
    color: #538d82;
}


/**
 * 	ARCHÍV TERMÉKEK
 */

/* vásárlás letiltása */
.body__termekarchivum .product-price,
.body__termekarchivum .reszletfizetes,
.body__termekarchivum .addtocart-bar {
	display: none;
}

.moduletable.archiv-kereso {
	margin-left: auto;
	margin-right: auto;
	float: none;
	padding: 0;
}



/*
 * 	KOSÁR
 */

/* ez csak feleslegesen foglalja a helyet */
.cart-summary h3 {
    display: none;
}
.cart-summary fieldset {
	border: none;
	padding: 0;
	margin: 0;
}


.vm-cart-item-quantity {
    vertical-align: middle;
}


/* facebox - a VM termékképek nagy méretben jelenjenek meg */
#facebox img {
    max-width: none;
}

/* valamiért a close képet nem jó URL-en keresi */
#facebox img.close_image {
    display: none;
}

#facebox .popup a.close:after {
    font-family: FontAwesome;
    content: '\f00d';
}


.body__fooldal #feature-row .moduletable {
    padding-bottom: 30px;
    border-bottom: 1px solid #72bebe;
    margin-bottom: 30px;
}
.body__fooldal #feature-row {
    padding-bottom: 0;
}
.body__fooldal #maintop-row {
    padding-top: 0;
}

#feature-row h3 {
    text-align: center;
}

/* lebegtetett képeket kikapcsolni keskeny oszlopoknál */
@media screen and (max-width: 979px) {
    .span6 figure.img-intro__left,
    .span6 figure.img-intro__right {
        float: none;
        max-width: 100%;
    }
}

/* bevezető képek, címek és gobbok középre, ha nem egymás mellett jelennek meg a span-ok */
@media screen and (max-width: 767px) {
    h3.item-title,
    div.mod-newsflash-adv_custom-link,
    figure.img-intro__left,
    figure.img-intro__right {
        text-align: center;
    }


}

div#bg_top .container {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width: 855px) {
    /* kölünben kilóg a jobb oldal */
    div#bg_top .container {
        padding-left: 42px;
        padding-right: 42px;
    }
}


/* gombokat a kép aljához igazítani */

@media screen and (min-width: 980px) {
    .align-buttons .mod-newsflash-adv_custom-link a {
    }
    .align-buttons .item__module {
        overflow: hidden;
        *float: left;
    }

    .align-buttons .mod-article-single {
        position: relative;
    }
    .align-buttons .mod-newsflash-adv_custom-link {
        position: absolute;
        bottom: 10px;
        right: 0px;
    }
    .maximus-szeria.align-buttons .mod-newsflash-adv_custom-link a,
    .design-szeria.align-buttons .mod-newsflash-adv_custom-link a {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* mivel a readmore link az intro_text-en belül van, ezt a hatást csak a custom link használatával valósítom meg */
}

/* a kép 217px széles és van még 20px margó */
.maximus-szeria.align-buttons .mod-newsflash-adv_custom-link,
.design-szeria.align-buttons .mod-newsflash-adv_custom-link {
    left: 237px;
}



/* KÖLTSÉGHATÉKONY FŰTÉSI MEGOLDÁSOK... banner */

.mod-custom.koltseghatekony-banner {
    padding-bottom: 40px;
}

.koltseghatekony, .forma1-banner {
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    font-family: 'Oswald';
    color: #538d82;
}

.koltseghatekony em {
    font-style: normal;
    font-size: 30px;
    line-height: 40px;
    text-indent: 20px;
    text-align: left;

}

.koltseghatekony span {
    display: block;
}
.koltseghatekony em {
    display: inline-block;
}

.koltseghatekony p {
    text-align: center;
    display: inline-block;
}



@media screen and (min-width: 480px) and (max-width: 767px), (min-width: 980px) {
    .koltseghatekony {
        font-size: 35px;
        line-height: 50px;
    }
    .koltseghatekony em {
        font-size: 45px;
        line-height: 60px;
        text-indent: 50px;
    }
}


.mod-custom.forma1-banner h1 {
    text-align: left;
}

@media screen and (min-width: 768px)
{

    .forma1-banner .row-fluid {
        display: flex;
    }
    .forma1-banner .span6 {
        float: none !important;
        align-self: center;
    }

    .forma1-banner .szoveg {

    }

    .forma1-banner img {
        /* object-fit: cover;
        height: 100%; */
    }
}

body.short-page #component {
    min-height: 35vh;
}

@media screen and (min-width: 768px)
{
    body.short-page #component {
        min-height: 60vh;
    }
}


body.body__landing-page #bg_top,
body.body__landing-page #footer-wrapper
{
    display: none;
}


/* MailMaster */

form.mssysform  div.error-container {
    display: none;
    color: #da0023;
}

/* ==================== KUPONAKCIÓ 2017 NYÁR ==================== */
@font-face {
    font-family: TeXGyreHerosCondensed;
    src: url("../fonts/texgyreheroscn-regular-webfont.woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: TeXGyreHerosCondensed;
    src: url("../fonts/texgyreheroscn-bold-webfont.woff");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: TeXGyreHerosCondensed;
    src: url("../fonts/texgyreheroscn-italic-webfont.woff");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: TeXGyreHerosCondensed;
    src: url("../fonts/texgyreheroscn-bolditalic-webfont.woff");
    font-weight: bold;
    font-style: italic;
}
body.kuponakcio-2017-nyar {
	background: white;
	font-family: TeXGyreHerosCondensed, Helvetica, Arial, sans-serif;
	color: black;
}

body.kuponakcio-2017-nyar #campaign-top-row-b,
body.kuponakcio-2017-nyar #campaign-bottom-row-e {
    background: #61bed5;
}

body.kuponakcio-2017-nyar #campaign-top-row-a,
body.kuponakcio-2017-nyar #campaign-top-row-b,
body.kuponakcio-2017-nyar #campaign-top-row-c {
	padding: 40px 40px 25px;
}

body.kuponakcio-2017-nyar #campaign-bottom-row-e {
    padding: 10px;
}

body.kuponakcio-2017-nyar #campaign-top-row-a {
	border-top: 18px solid #f57130;
}

body.kuponakcio-2017-nyar #campaign-top-row-b,
body.kuponakcio-2017-nyar #campaign-top-row-c,
body.kuponakcio-2017-nyar #content-row {
	border-bottom: 5px solid #f57130;
}

body.kuponakcio-2017-nyar #campaign-bottom-row-e {
    border-top: 5px solid white;
    border-bottom: 16px solid #f57130;
}
/* nem működik*/
body.kuponakcio-2017-nyar #campaign-bottom-row-e:after {
	border-bottom: 2px solid white;
	content: " ";
	position: absolute;
	top: 0px;
	bottom: 16px; left: 0px; right: 0px;
    z-index: -1;
}

body.kuponakcio-2017-nyar #campaign-top-row-a p,
body.kuponakcio-2017-nyar h1,
body.kuponakcio-2017-nyar h2,
body.kuponakcio-2017-nyar #campaign-top-row-c p {
	text-align: center;
	color: black;
}

body.kuponakcio-2017-nyar h1,
body.kuponakcio-2017-nyar h2 {
	text-transform: uppercase;
}

body.kuponakcio-2017-nyar h2 {
	font-size: 32px;
	color: #f57130;

}

body.kuponakcio-2017-nyar h1 {
	color: #f57130;
	font-weight: bold;
	font-size: 48px;
	line-height: 1.4
}

body.kuponakcio-2017-nyar h1 small,
body.kuponakcio-2017-nyar h2 small {
	text-transform: inherit;
	font-weight: inherit;
	font-size: 65%;
    display: block;
}
body.kuponakcio-2017-nyar h1 small {
    	color:black;
}
body.kuponakcio-2017-nyar a {
    color: #f57130;
}

body.kuponakcio-2017-nyar #campaign-bottom-row-e p {
    margin-bottom: 0;
    font-size: 13px;
    display: inline-block;
    float: right;
}

body.kuponakcio-2017-nyar .mmform {
	background: white;
    border: 1px solid #1fa6d8;
}
body.kuponakcio-2017-nyar .mmform h2 {
    margin-bottom: 0;
}
body.kuponakcio-2017-nyar .mmform .titlepart h2 {
    display: none;
}
body.kuponakcio-2017-nyar .mmform hr {
    border-bottom: 2px solid #1fa6d8;
    margin: 0px 60px;
}

body.kuponakcio-2017-nyar #campaign-top-row-b {
	background-image: url("/images/cikkekhez/kuponakcio-2017-nyar/grafika.png");
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat
}
body.kuponakcio-2017-nyar .mmform h2 {
    font-size: 48px;
    line-height: 1;
}
body.kuponakcio-2017-nyar .mmform h2 small {
    font-size: 24px;
}

body.kuponakcio-2017-nyar .mmform h2 {
    font-size: 48px;
    line-height: 1;
}
body.kuponakcio-2017-nyar .mmform h2 small {
    font-size: 24px;
}

body.kuponakcio-2017-nyar .mmform label.formlabel {
    text-transform: uppercase;
}
body.kuponakcio-2017-nyar .mmform input {
    background: #e2f6fc;
    border: 1px solid #dceaee;
}

body.kuponakcio-2017-nyar .btn.nostripes {
    background-image: none;
    border: 2px solid #f57130;
    background: white;
    color: #f57130;
}
body.kuponakcio-2017-nyar .btn.nostripes:hover {
    color: white;
    background: #f57130;
}
body.kuponakcio-2017-nyar .mmform button {
    background: #f57130;
    border: 2px solid #f57130;
    color: white;
    font-weight: bold;
    padding: 5px 20px;
    text-transform: uppercase;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
body.kuponakcio-2017-nyar .mmform button:hover {
    background: white;
    color: #f57130;
}
body.kuponakcio-2017-nyar .moduletable.igen {
	text-align: right;
}


body.kuponakcio-2017-nyar .moduletable.igen p {
	font-size: 72px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	max-width: 200px;
	text-align: center;
	display: inline-block;
	padding-right: 80px;
	background-image: url("../../../images/cikkekhez/kuponakcio-2017-nyar/jobb-nyil.png");
	background-position: top right;
	background-size: contain;
	background-repeat: no-repeat;
	color: black;
}


body.kuponakcio-2017-nyar .moduletable.igen p small {
	display: block;
	font-size: 20px;
	line-height: 1.25;

}

body.kuponakcio-2017-nyar a.btn {
    color: #f57130;
    border-color: #f57130;
    background-color: white;
}
body.kuponakcio-2017-nyar a.btn:hover {
    color: white;
    border-color: #f57130;
    background-color: #f57130;
}
@media screen and (max-width: 767px)
{
    body.kuponakcio-2017-nyar #campaign-top-row-a,
    body.kuponakcio-2017-nyar #campaign-top-row-b,
    body.kuponakcio-2017-nyar #campaign-top-row-c {
        padding: 15px 0;
    }
    body.kuponakcio-2017-nyar #campaign-top-row-b {
        padding-bottom: 75%;
    }
    body.kuponakcio-2017-nyar h1 {
        font-size: 26px;
    }
    body.kuponakcio-2017-nyar h2 {
        font-size: 22px;
    }
    body.kuponakcio-2017-nyar .moduletable.igen {
        text-align: center;
    }
    body.kuponakcio-2017-nyar .moduletable.igen p {
        background-image: url("../../../images/cikkekhez/kuponakcio-2017-nyar/le-nyil.png");
    	background-position: bottom center;
        padding-right: 0;
        padding-bottom: 100px;
    }
    body.kuponakcio-2017-nyar #campaign-bottom-row-e p {
        font-size: 12px;
        float: none;
        text-align: center;
        display: block;
        white-space: nowrap;
    }
    body.kuponakcio-2017-nyar .moduletable.lablec-logo {
        text-align: center;
    }

}


/* --------------- vReview --------------- */
.moduletable.vreview {
    margin-top: 24px;
    /*border: 1px solid red;*/
}

div.md_vr_reviews h3 {
    border-bottom: none;
    padding: 0;
}

.list-reviews .normal,
.list-reviews .highlight,
.list-reviews span.date {
    border-color: #538d82;
}

.list-reviews .normal blockquote:before,
.list-reviews .highlight blockquote:before,
.list-reviews .normal blockquote:after,
.list-reviews .highlight blockquote:after {
    color: #538d82;
}


div.md_vr_reviews form#adminForm {
    padding: 0;
}

div.md_vr_reviews .avg-rating {
   margin-top: 0;
}
div.md_vr_reviews .avg-rating .vr_avg_rating {
    padding: 0;
}

div.md_vr_reviews #comment {
    display: block;
}
div.md_vr_reviews #comment #cmnt {
    width: 100%;
}
div.md_vr_reviews #comment textarea#comments {
    border-color: #e0dedf;
    background-color: #e0dedf;
    width: 100%;
}

div.md_vr_reviews .avg-rating .vr_avg_rating strong {
    line-height: 28px;
}
div.md_vr_reviews .v-multiple-rating .vr-rating {
    margin: 0;
}
div.md_vr_reviews .v-multiple-rating .vr-rating .vr-label {
    line-height: 1;
    padding: 0;
}
div.md_vr_reviews .guest-form .guest-form-control {
    margin: 0;
}
div.md_vr_reviews .rating {
    margin-bottom: 0;
}
div.md_vr_reviews .review-panel .review_avtar {
    display: none;
}
div.md_vr_reviews .review-panel .review_databox {
    width: 100%;
    margin: 0;
}
div.md_vr_reviews .guest-form .guest-form-control .guest-form-control-inputbox input {
    width: 100%;
    border-color: #e0dedf;
    background-color: #e0dedf;
}
div.md_vr_reviews .stars span label {
    height: 16px;
}

/* adott termékek kosárba helyezésének ideiglenes tiltása */
div.addtocart-area.product-id-442,      /* HD MAXIMUS HDWI-MAXIMUS-125C / HDOI-MAXIMUS-125C */
XXX {
    display: none;
}
div.vm-product-rating-container {
    margin-bottom: 15px;
}

.product-downloads .attachment-list .file-pdf {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    margin-bottom: 0.25rem;

}
.product-downloads .attachment-list .file-pdf:before {
    content: url('../../../../../images/extensions/pdf.png');
}

.moduletable.fooldali-felhivas {
    background-color: #538d82;
    /* padding: 5px; */
    /* font-weight: bold; */
    color: white;
}
.moduletable.fooldali-felhivas p {
    text-align: center;
}