*{box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px; margin: 0px;}
html,body{height: 100%; padding: 0px; margin: 0px; line-height: 100%; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;}

figcaption{font-size:10px; float:right; font-style: italic;}

p{width: 100%;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-decoration: none; color: #404040; cursor: pointer;}
a:hover{text-decoration: none;}
li{list-style:none;}

/* DIALOG BOXES */
div[class^="dialog-box-"]{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; display: none;}
.dialog-bgr{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.85; z-index: 2;}
.dialog-inner{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.dialog-inner-box{box-shadow: 0px 0px 2px #888888; overflow-y: auto; z-index: 3333; max-width: 420px; width: 100%; max-height: 85%; margin-top: -100%; padding: 15px 20px; background: #ffffff; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.dialog-inner-box-on-air{margin-top: 0px!important;}
.dialog-inner-box article{border-bottom: 1px solid #bbbbbb; margin-bottom: 8px;}
.dialog-inner-box article h1{position: relative; padding-right: 30px; font-size: 21px; line-height: 100%; margin: 1px 0px 3px 0px; padding-bottom: 7px; border-bottom: 1px solid #bbbbbb;}
.dialog-inner-box article p{font-family: Arial, Helvetica, sans-serif; padding: 8px 0px;}
.dialog-inner-box article p span{color: #008ec2; font-weight: bold;}
.dialog-inner-box article p span.dialog-information{display: inline-block; color: #666; font-weight: normal; font-size: 11px; font-style: italic; line-height: 14px; border-top: 1px dotted #bbb; padding-top: 5px; margin-top: 5px; }
.dialog-inner-box nav{justify-content: center;}

div[class^="form-box-"]{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; display: none;}
.form-inner{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 10px 15px;}
.form-inner-box{box-shadow: 0px 0px 2px #888888; overflow-y: auto; z-index: 3333; max-width: 800px; width: 100%; max-height: 85%; margin-top: -100%; padding: 0px; background: #ffffff; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.form-inner-box-on-air{margin-top: 0px!important;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:solid 5px #5d7307;-webkit-box-shadow: 0px 0px 50px 5px #000000; 
box-shadow: 0px 0px 50px 5px #000000;}
.form-inner-box .section-box:first-of-type{margin-top: 0px;}
.form-inner-box .section-box .section-box-inside{box-shadow: none;}
.form-inner-box .section-box .section-box-inside .section-content{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.form-inner-box .section-box .section-box-inside h2{position: relative; padding-right: 28px;}
.form-inner-box .section-box .section-box-inside h2 span.close-form{cursor: pointer; color: #333333; position: absolute; right: 0; font-size: 24px; top: -3px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.form-inner-box .section-box .section-box-inside h2 span.close-form:hover{color: #d90000;}


/* BUTTONS */
button, input[type=button], input[type=submit], input[type=reset] {text-align: left; font-size: 16px; font-weight: normal; position:relative; cursor: pointer; display: inline-block; border: 1px solid #cccccc; height: 40px; }
.submit-button-2{cursor: pointer; color: #ffffff;  background: #008ec2; display: inline-block; border: 1px solid #0099FF; padding: 3px 9px; border-radius: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.submit-button-2:hover{background: #00BBFF; border: 1px solid #00BBFF; color: #ffffff;}
.submit-button-3{cursor: pointer; color: #ffffff;  background: #a60000; display: inline-block; border: 1px solid #a60000; padding: 3px 9px; border-radius: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.submit-button-3:hover{background: #d90000; border: 1px solid #d90000; color: #ffffff;}
.submit-button-4{cursor: pointer; color: #ffffff;  background: #737d86; display: inline-block; border: 1px solid #737d86; padding: 3px 9px; border-radius: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.submit-button-4:hover{background: #000000; border: 1px solid #000000; color: #ffffff;}
.submit-button-2, .submit-button-3, .submit-button-4{font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform: uppercase; min-height: 26px!important; height: auto!important;}
.icon-button{font-size: 13px; line-height: 0px;}
.mini-button{min-height: 23px!important; padding: 2px 5px;}

/* SECTION BOX */
.section-box{margin-top: 13px; width: 100%; display: flex;}
.section-box-inside{width: 100%; background: #ffffff; padding: 10px 15px 12px 15px; box-shadow: 0px 0px 3px #666666; -moz-box-shadow: 0px 0px 3px #666666; -webkit-box-shadow: 0px 0px 3px #666666;}
.section-top-menu{width: 100%;}
.section-top-menu ul{width: 100%; overflow: hidden; padding: 3px 15px 0px 15px; margin: -3px 0px 0px 0px;}
.section-top-menu ul li{font-size: 10px; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform: uppercase; float: left; margin-left: 3px;}
.section-top-menu ul li a{background: #eeeeee; border: 1px solid #cccccc; border-bottom: none; padding: 4px 9px 4px 9px; display: block;}
.section-top-menu ul li a.active{background: #ffffff; border: 1px solid #ffffff; box-shadow: 0px 0px 3px #666666; -moz-box-shadow: 0px 0px 3px #666666; -webkit-box-shadow: 0px 0px 3px #666666;}
.section-top-menu ul li a:hover{background: #008ec2; color: #ffffff; border: 1px solid #0099FF;}
.section-top-menu ul li:first-child{margin-left: 0px!important;}
.section-info-article{}
.section-info-article h2{font-size: 18px; line-height: 100%; margin: 3px 0px; padding-bottom: 7px; border-bottom: 1px solid #5d7307;}
.section-info-article h2 span{color: #008ec2;}
.section-info-article p{margin: 8px 0px; font-size: 13px; line-height: 17px; border-radius: 3px; background: #eeeeee; border: 1px solid #bbbbbb; padding: 6px 10px;}
.section-info-article p span{color: #008ec2; font-weight: bold;}
.section-info-article p span.required{color: #d90000; font-weight: bold; font-size: 16px; position: relative; top: 1px;}

/* kosár András */
.basket-widget{position: relative; z-index: 9999;}
.basket-information{display: none; position: absolute; max-width: 450px; padding: 10px 15px; right: 0px; top: 43px; background: #ffffff; border-radius: 3px; box-shadow: 0px 0px 2px #555555; max-height: 400px; overflow-y: auto!important;}
.basket-information span{display: block; width: 100%; text-align: center; padding: 2px 5px; font-size: 14px;}
.basket-name{font-weight: bold; text-align: center; justify-content: center;}
.basket-row{border-top: 1px dotted #cccccc; padding: 5px 0px;}

.show-basket{position: absolute; right: 0; border: none; background-image: linear-gradient(to bottom, #1bc214, #106a0c); color: #fff; font-size: 16px; width:fit-content; height: auto; text-align: center; padding: 10px 5px;}
.show-basket:hover, .buy-items:hover{background-image: linear-gradient(to bottom, #1fd817, #13800f);}

.show-product-normal{background-color:#5d7307; color: #fff; height:30px;}
.show-product-normal:hover{background-color:#759108;}
.buy-items{ border: none; background-image: linear-gradient(to bottom, #1bc214, #106a0c); color: #fff; font-size: 16px; width: 150px; height: auto; text-align: center; padding: 10px 5px;}

.total-title,#total-osszeg-total{display: block; width: 100%;}
.total-row{width: 100%; background: #efefef; border-radius: 3px; padding: 8px 10px; text-align: center; border: 1px solid #cccccc;}
.total-osszeg{font-weight: bold;}
.total-osszeg, .total-db{display: inline-block; padding: 5px 0px 0px 0px;}
.put-basket{border: none; background-image: linear-gradient(to bottom, #1bc214, #106a0c); color: #fff; font-size: 16px; height: auto; text-align: center; padding: 10px 5px;}
.put-basket:hover{background-image: linear-gradient(to bottom, #1fd817, #13800f);}

/* termékek */
.hm-flex-row{display: flex; display: -webkit-flex; width: 100%; flex-flow: row wrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hm-flex-margin-row-01{display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hm-flex-margin-row-02{display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hm-flex-margin-row-03{display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hm-flex-margin-row-04{display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.hm-flex-margin-row-05{display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.termek-mine{box-shadow: 0px 0px 2px #555555; padding: 0.2em 0 0 0; margin-top:20px;}
.nagy-termek-mine{box-shadow: 0px 0px 2px #555555;}

.product-price-list{position: absolute; right: 0; top: 50px;}
.product-price-list li{margin: 5px 0px; color: #ffffff; padding: 5px 10px; text-align: right;}
.product-price-list li span{display: block; font-style: italic; font-size: 12px;}
.product-price-normal{background: #5d7307;}
.product-price-discount{background: #d90000;}
.product-box{width: 100%; background: #ffffff; padding: 0px; flex-direction: column; margin: 4px; overflow: hidden; border-radius: 5px;}
.product-name{order: 2; margin: 0px!important; text-align: center; padding: 5px 10px; font-size: 18px; line-height: 21px; justify-content: center; height:80px;}
.product-name span{display: block; width: 100%;}
.product-picture-box{order: 1; margin: 0px!important; width: 100%!important; position: relative;}
.product-picture-box .product-picture{width: 100%;}
.product-picture-box figure{width: 100%; line-height: 0px;}
.product-picture-box .product-caption{display: none;}
.product-description{display: none;order: 4; }
.product-buy{order: 3; }

.db_szalag_box, .db_oszlop_box{position: relative; overflow: hidden; width: 100%;}
.db_szalag_box label, .db_oszlop_box label{position: absolute;line-height: 28px; width: 35px; padding: 0px 10px 0px 5px; right: 0; top: 0; display: inline-block; border-left: 1px dotted #cccccc;}
.db_szalag_box input, .db_oszlop_box input{padding-right: 40px; text-align: right; font-size: 16px; color: navy;}

.eladas-gomb{background-image: linear-gradient(to bottom, #1bc214, #106a0c); color: #fff; font-size: 16px; height:40px; text-align:center;}
.eladas-gomb:hover{background-image: linear-gradient(to bottom, #1fd817, #13800f);}
.delete-basket-item{background-image: linear-gradient(to bottom, #ff704d, #991f00); color: #fff;}
.delete-basket-item:hover{background-image: linear-gradient(to bottom, #ff5c33, #b32400);}
.anim{webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.main{width:1280px; margin:auto; top:10px; position:relative;background-color:rgba(61, 78, 85, 0.2);}
.inner{width:100%; text-align:center;}
.inner_title{line-height:150%;}
.inner_title h3{color:#fff;width:100%; justify-content: center; text-align:center; padding:0.5em 0; font-weight:bold; font-size:30px; line-height:120%; margin:1.5em 0 0 0;}
.inner_title h1{color:#fff;width:100%; justify-content: center; text-align:center; padding:0.5em 0; font-weight:bold; font-size:30px; line-height:120%; margin:1.5em 0 0 0;}
.inner_title span{width:100%; text-align:center;}
.inner_kateg{width:calc(25% - 10px); display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; margin:0.3em 0.3em 1.7em 0.3em;background: rgb(150,162,46);
background: linear-gradient(180deg, rgba(150,162,46,1) 0%, rgba(103,111,31,1) 100%);}
.inner_kateg:hover img{opacity:0.9;}
.inner_kateg img{width:100%;-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.inner_kateg h2{padding:7px; position:absolute; bottom:-25px; left:0; width:100%; text-align:center; color:#fff; font-weight:bold; font-size:20px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-shadow: 2px 2px 3px #000;}
.inner_kateg .h2_up{position:absolute; bottom:40px; left:0; width:100%; text-align:center; color:#fff; font-weight:bold; font-size:20px;}
.inner_kateg .h2_down{position:absolute; bottom:10px; left:0; width:100%; text-align:center; color:#fff; font-weight:bold; font-size:20px;}
.inner_kateg a{text-decoration: none;}

.vissza{text-decoration: none; font-size:16px; display: inline-block;}
.vissza div{text-align:center; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; padding:10px 5px; width:150px; background-color:#5d7307;}
.vissza div:hover{background-color:#759108}
.product{position:relative; display:inline-block; width:49.5%; margin: 0.3em 0 0.3em 0; background-color:rgba(255,255,255, 0.3);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.product img{-webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.product:hover{background-color:#8D9FC7;}
.product div{display:inline-block; width:50%; float:left;}
.prod_text{position:relative;}
.prod_neve{font-weight:bold; width:100%; background-color:#8D9FC7; display:inline-block; padding:0.5em;-webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; border-bottom:solid 1px #E4E7E7;}
.prod_cikk{display:inline-block; padding:0.5em;}
.prod_leiras{display:inline-block; line-height:150%;}
.prod_ar_lista{width:75%; float:right; font-weight:bold; color:#fff; background-color:#00b300; display:inline-block; padding:0.5em;}
.prod_ar_akcios{width:75%; float:right; font-weight:bold; color:#fff; background-color:#cc0000; display:inline-block; padding:0.5em;}
.prod_vasarlas{padding:0.5em; font-weight:bold; color:#fff; background-color:rgba(0,0,0,0.7); position:absolute; bottom:0; right:0;-webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; border-top:solid 1px #E4E7E7;}

.footer{width:1280px; background-color:#000; margin:auto; margin-top:10px; color:#fff; display:flex;}
.footer h3{font-size:20px; padding:1em 0;}
.f1{text-align:center; flex:1; border-right:dotted 1px #333333;}
.f2{text-align:center; flex:1;align-self:center; line-height:115%;}
.f2 a{cursor:pointer; padding:0.3em; width:100%; color:#fff;}
.f2 a:hover{color:rgba(255, 255, 255, 0.5)}
.f3{flex:1;}
.f3 iframe{width:100%; height:250px;}

.gradient-szinem{background: #465418; /* Old browsers */
background: -moz-linear-gradient(left,  #465418 0%, #96a22e 34%, #96a22e 66%, #465418 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #465418 0%,#96a22e 34%,#96a22e 66%,#465418 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #465418 0%,#96a22e 34%,#96a22e 66%,#465418 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465418', endColorstr='#465418',GradientType=1 ); /* IE6-9 */}

.gradient-szinem2{background: #465418; /* Old browsers */
background: -moz-linear-gradient(left,  #465418 0%, #96a22e 34%, #96a22e 66%, #465418 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #465418 0%,#96a22e 34%,#96a22e 66%,#465418 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #465418 0%,#96a22e 34%,#96a22e 66%,#465418 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465418', endColorstr='#465418',GradientType=1 ); /* IE6-9 */
color:#fff; text-shadow: 2px 2px 3px #000; letter-spacing:1px;}

.header-menu{width:100%; display:flex;}
.header-menu a{flex:1; padding:0.8em 0; color:#fff; border-right:solid 1px #759108; text-shadow: 2px 2px 3px #465418;}
.header-menu a:last-child{border:none;}
.header-menu a:hover{background-color:#759108;}

.belso-info{text-align:center; width:100%;}
.b_termek{border-top: solid 1px #000; border-bottom:solid 1px #000; border-left: solid 1px #fff;}
.a_termek{border-top: solid 1px #000; border-bottom:solid 1px #000;}
.ar{border-left: solid 1px #fff; vertical-align: middle;}
.berles tr{background-color:#f2f2f2;}

.sectionom{padding-top: 30px;}
.sectionom h1{display:block; font-size:22px; padding:1em 0; color:#fff; text-shadow: 2px 2px 4px #000; letter-spacing:1px;}

.mine-szoveg{line-height:160%; padding:0.2em 1em;}
.mine-szoveg a {color:#748125; font-weight:bold; }
.mine-szoveg a:hover{color:#4B591A;text-shadow: 2px 2px 3px #bbbcbd;}

.mine-block{display:block}
.mine-block div{display:inline-block; width:49%}

.f1 img{width:57%;padding-top:0.8em;}
.mine-asd{height:5px;}

.telefonszam{
    bottom: 21px;
    left: 0;
    padding: 0.3em;
    background-image: linear-gradient(to bottom, #1bc214, #106a0c);
    text-align: center;
    z-index: 999;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    position: fixed;
}
.telefonszam a{color:#fff;}

/* slider */
.slideshow-container img{width:100%;}
.dot {height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}

.active {background-color: #717171;}

/* Fading animation */
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}

@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}
}

@keyframes fade {from {opacity: .4} to {opacity: 1}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (max-width: 1200px) {    
    .main{width:100%; top:0px;}
    .footer{width:100%;}
    .f3{display:none;}
    .header-menu a{flex:2;}
    .inner{width:100%;}
    .inner_kateg{width:calc(33.33333333% - 10px);}    
    .meret{width:calc(33.3333333% - 10px)!important;}
    .inner_title h1{padding:1.5em 0 0.2em 0;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media screen and (max-width: 992px) {
    .inner_kateg{width:calc(50% - 10px);}
    .meret{width:calc(50% - 10px)!important; margin:5px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (max-width: 768px) {
    button, input[type=button], input[type=submit], input[type=reset] {font-size: 14px;}
    .f1{display:none;}
    .slideshow-container{display:none;}
    .header-menu{width:100%; display:block; background-color:rgba(0, 0, 0, 0.3);}
    .header-menu a{display:block;; padding:0.5em 0; color:#fff; border-bottom:solid 1px #759108}
    .header-menu a:last-child{border:none;}
    .header-menu a:hover{background-color:#759108;}
    .header-menu{display:block;}
    .inner_kateg{width:calc(100% - 10px);}
    .meret{width:calc(100% - 10px)!important;}
}