@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:'Roboto';}
b, strong{font-weight:bold;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
body{line-height:1;color:#353535;background:#ffffff;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a:active,a:focus,input:active,input:focus{outline:0;}
input{border-radius:0;}
button::-moz-focus-inner{border:0;}
textarea{resize:none;border-radius:0;}
*{font-family:Roboto,Sans serif;}
svg{overflow:hidden;}
img,svg{vertical-align:middle;}
a{text-decoration:none;}
em {font-style:italic;}
.btn.icon i{ margin-right: 15px; }
@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1230px}
}
@media (max-width:991.98px){.container,.container-sm{max-width:100%;}
}
:root{
--sarga:#119a48;
--sotetsarga:#0b7a37;
--font-body:fonf-family:Roboto,Sans serif;
--sotetkek:#0085bd;
--szurke:#777777;
--vszurke:#dddddd;
--szurkevonal:#403f40;
--hpiros:#ffe1e1;
}
.search-input .search-input-input{border:1px solid #e5e5e5;color:#000;height:39px;margin:0;padding:0 50px 0 12px;width:100%;float:left;border-radius:4px;font-size:14px;font-family:var(--font-body);}
.search-input .search-input-button{border:medium none;color:#fff;display:block;height:39px;padding:0;position:absolute;right:0;text-align:center;top:0;width:92px;border-radius:0 4px 4px 0;background:var(--sarga);font-weight:500;transition:all .2s ease-out;}
.search-input .search-input-button:hover{background:var(--sotetsarga);color:#fff;}
.search-input .searchresult {position:absolute;height:auto;width:100%;background:#ffffff;z-index:99999;margin-top:40px;}
.search-input .searchresult .spin {text-align:center;border-top: 2px solid #E7E7E7;padding:10px;display:none;}
.search-input .searchresult .tartalom .lista { border-top: 2px solid #E7E7E7;}
.search-input .searchresult .tartalom .lista .noresult {padding:10px;}
.search-input .searchresult .tartalom .lista .item a { color:var(--sotetszurke);text-decoration:none;padding:10px;display:block;}
.search-input .searchresult .tartalom .lista .item a:hover {background:var(--vszurke);}

#ajaxspin {position: fixed;left: 50%;z-index: 9999;top: 20%;font-size: 40px;color: var(--sotetkek); display:none;}
.tovabbgomb{background:var(--sarga); color:#fff;padding:10px; text-decoration:none; text-align:center;display:block; transition:all .5s ease-out; border-radius:5px;margin:10px;}
.tovabbgomb i {margin-right:15px;}
.tovabbgomb:hover{background:var(--sotetsarga);color:#fff;}

#view{position:fixed;  bottom:0;background:#ffffff;padding:5px; z-index:99999; border:1px solid #000000;}
#view p{color:#000000;font-size:12px;}


/* header */
#site>header{background-color:#eaeaea;}
#site>header .header-top{padding:30px 0;position:relative; }
#site>header .header-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end; }
#site>header .header-icons i, #site>header .header-icons svg{-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
#site>header .header-icons svg{height:23px;width:auto;fill:var(--sarga);}
#site>header .header-icons a{text-decoration:none; margin-left:15px;}
#site>header .header-icons p{color:#119a48; text-align:center;font-size:12px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
#site>header .header-icons a:hover svg{fill:var(--sotetsarga);}
#site>header .header-icons a:hover p{color:var(--sarga);}
#site>header .header-icons .phone{color:var(--sarga);}
#site>header .header-icons .phone svg{height:23px;}
#site>header .header-icons .phone p{display:inline!important;margin-left:2px;}
#site>header .header-icons .phone span {display:block;}
#site>header .header-icons .elvalaszto{border-right:1px solid var(--szurkevonal); height:35px;padding:0 10px 0 10px;}
@media (max-width:1199.98px){
    #site > header .header-icons .phone{margin-left:10px;}
    #site > header .header-icons a{margin-left:10px;}
    #site>header .header-icons .elvalaszto {display:none!important;}
}
@media (max-width:767.98px){
    #site > header .header-icons a{margin-left:30px;}
}
@media (max-width:991.98px){
    #site > header{height:50px;}
    #site > header .header-icons svg{height:23px;}
    #site > header .header-icons a{margin-left:20px;}
    #site > header .header-top{padding:0;position:fixed;top:0;z-index:9;background:#1b1a1c;width:100%;}
}
#site>header .header-icons .shopping-cart-button .cart-data{cursor:pointer;position:relative;margin-right:20px;}
#site>header .header-icons .shopping-cart-button{cursor:pointer;}
#site>header .header-icons .shopping-cart-button .cart-data .items-amount{position:absolute;top:9px;right:-15px;background-color:#ff3400;color:#fff;height:15px;width:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.75rem;font-weight:600;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);border-radius:3px;}
.navbar input[type="checkbox"],.navbar .hamburger-lines{display:none;}
.navbar{width:100%;background:none;color:#000;height:50px;z-index:12;}
.navbar-container{display:flex;justify-content:space-between;align-items:center;width:50px;}
.navbar-container input[type="checkbox"],.navbar-container .hamburger-lines{display:block;}
.navbar-container input[type="checkbox"]{position:absolute;display:block;height:40px;width:50px;top:10px;z-index:5;opacity:0;}
.navbar-container .hamburger-lines{display:block;height:23px;width:35px;position:relative;margin:auto;z-index:2;display:flex;flex-direction:column;justify-content:space-between;}
.navbar-container .hamburger-lines .line{display:block;height:4px;width:100%;border-radius:10px;background:#fff;}
.navbar-container .hamburger-lines .line1{transform-origin:0% 0%;transition:transform 0.4s ease-in-out;}
.navbar-container .hamburger-lines .line2{transition:transform 0.2s ease-in-out;}
.navbar-container .hamburger-lines .line3{transform-origin:0% 100%;transition:transform 0.4s ease-in-out;}
.navbar .menu-items{position:fixed;width:100%;background:#fff;height:0;top:-20px;display:flex;flex-direction:column;padding-left:0px;transition:all 0.5s ease;;overflow:scroll;margin-top:67px;left:0;}
.navbar-container input[type="checkbox"]:checked~.menu-items{top:35px;}
.navbar-container input[type="checkbox"]:checked~.hamburger-lines .line1{transform:rotate(35deg); }
.navbar-container input[type="checkbox"]:checked~.hamburger-lines .line2{transform:scaleY(0); }
.navbar-container input[type="checkbox"]:checked~.hamburger-lines .line3{transform:rotate(-35deg);}
@media (max-width:991.98px){
    .navbar-container input[type="checkbox"]:checked~.menu-items{top:-20px;height:100%;}
}
@media (min-width:769px) and (max-width:1200px){
    .img-container h3{font-size:1.5rem;}
    .img-container .btn{font-size:0.7rem;}
}
@media (orientation:landscape) and (max-height:500px){
    .showcase-area{height:50vmax;}
}

#site>header .header-bottom{width:100%; background:var(--sotetkek);}
.dropdown-menu {padding:20px;left:0;width:100%;top:-1px;}
.dropdown-menu li{position:relative; line-height:130%; padding:5px 0;}
.dropdown-menu .dropdown-submenu{display:none; position:absolute; left:100%; top:-7px; }
.dropdown-menu .dropdown-submenu-left{right:100%; left:auto; }
.dropdown-menu > li:hover > .dropdown-submenu{display:block; }
#main-menu { position:relative;}
#main-menu .dropdown-toggle svg{height:6px; fill:var(--sarga);margin-left:10px;}
#main-menu .dropdown-toggle::after{display:none; }
#main-menu .level1{color:#ffffff;text-decoration:none; margin-right:15px;padding:19px 20px 19px 10px;font-weight:bold;}
#main-menu .btn-group:last-child .level1{margin-right:0px;}
#main-menu a.level1{font-size:16px;}
#main-menu .btn-group {position:static;}
#main-menu .btn-group a{font-size:16px; }
#main-menu .btn-group:hover > a{background:#ffffff;color:#000000;}
#main-menu .btn-group:hover > a svg{fill:#000000;}
#main-menu .btn-group:hover > .dropdown-menu{display:block; position:absolute; transform:translate(0px,54px); }
#main-menu .btn-group:hover .dropdown-menu{border-radius:unset;}
#main-menu .dropdown-menu li a{padding:7px 20px; border-bottom:1px solid var(--vszurke);color:var(--sotetkek);}
#main-menu .dropdown-menu li:last-child a {border-bottom:none;}
#main-menu .dropdown-menu i.fa-chevron-right{color:#000000;right:5px; top:10px;position:absolute;font-size:14px;}
#main-menu .dropdown-menu i.fa-chevron-left{color:#000000;left:5px; top:10px;position:absolute;font-size:14px;}
@media (max-width:1399.98px){
    #main-menu .level1{padding:19px 4px 19px 10px; }
}
@media (max-width:1199.98px){
    #main-menu .btn-group a { font-size:14px;}
    #main-menu .level1{padding:19px 5px 19px 5px; margin-right:5px;}
}

/* kosar */
.cart-sidebar{position:fixed;top:0;height:100%;max-height: 100vh;width:380px;max-width:90%;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:30;right:-380px;background:#f3f5f8;-webkit-transition:right 0.3s;-moz-transition:right 0.3s;transition:right 0.3s;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.speed-in{right:0;}
.cart-sidebar .close-icon {cursor: pointer;position: absolute;right: 5px;top: 0px;padding: 5px;}
.cart-sidebar .close-icon .icon-close {width: 15px;height: 15px;fill: var(--vszurke);transition: all .2s ease-out}
.cart-sidebar .close-icon:hover .icon-close { fill: #000000;}
.cart-sidebar .tovabbgomb {display:inline;}
.cart-sidebar .cart-title {margin:0;padding:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.05);box-shadow:0 4px 4px rgba(0,0,0,.05);background-color:#fff;    text-align:center;}
.cart-sidebar .cart-title h3 {font-size:2.125rem;margin-bottom:0;}
.cart-sidebar .cart-title .cart-size {font-size:.75rem;background-color:#ff3400;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);border-radius:3px;padding:2px 10px;text-transform:uppercase;}
.cart-sidebar .cart-title .cart-page {text-transform:uppercase;font-size:.625rem;color:var(--sotetkek);display:inline-block;margin-top:5px;text-decoration:none;}
.cart-sidebar .cart-title .cart-page:hover {text-decoration:underline;}
.cart-sidebar .cart-title .free-shipping{padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:#f3f5f8;border-radius:5px;margin:35px 0;}
.cart-sidebar .cart-title .free-shipping .icon-container{margin-right:20px;}
.cart-sidebar .cart-title .free-shipping .icon-container svg{width:50px;height:auto;fill:#80ced5;}
.cart-sidebar .cart-title .free-shipping .free-shipping-title{margin-bottom:0;font-weight:500;color:#ff3400;line-height:1.3em;}

.cart-sidebar .total-checkout {margin-top:auto;background-color:#fff;border-top:1px solid #e7e8e8;padding:30px 20px;line-height:1.5;}
.cart-sidebar .total-checkout .total .total-price-label{text-transform:uppercase;font-size:.625rem;}
.cart-sidebar .total-checkout .total .total-price{font-size:1.5rem;color:#ff3400;font-weight:400;}
.cart-sidebar .cart-content { padding: 25px 20px; }
.cart-sidebar .cart-content .cart-item {border-radius: 5px;padding: 20px;margin-bottom: 20px;text-align: center;position: relative;}
.cart-sidebar .cart-content .cart-item .item-image img {max-width: 100%;}
.cart-sidebar .cart-content .cart-item .product-link {font-size: .875rem;color: #353535;font-weight: 500;display: inline-block;text-align: left;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.cart-sidebar .cart-content .cart-item .quantity-product-price-container {margin-top: 20px;}
.cart-sidebar .cart-content .cart-item  .quantity-product-price-container .quantity {font-size: .875rem;font-weight: 500;}
.cart-sidebar .cart-content .cart-item .remove-item {position: absolute;top: 2px;right: 10px;color: #868e96;z-index: 0;cursor: pointer;padding: 5px;margin: 0;border: 0;outline: 0;background: none;}
.cart-sidebar .cart-content .cart-item .price {color: #ff3400;font-size: 1rem;font-weight: 400;}
.cart-sidebar .cart-content .cart-item .quantity-product-price-container .quantity .btn {font-size: 1rem;padding: .25rem;margin:0 3px;}
#cart-layer{position:fixed;min-height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.5);cursor:pointer;z-index:20;display:none;}
#cart-layer.is-visible{display:block;-webkit-animation:cd-fade-in 0.3s;-moz-animation:cd-fade-in 0.3s;animation:cd-fade-in 0.3s;}
@-webkit-keyframes cd-fade-in{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes cd-fade-in{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes cd-fade-in{
    0%{opacity:0;}
    100%{opacity:1;}
}
@media only screen and (max-width:380px){
    .cart{width:100%; }
}


/* fo kosar */

#kosar .page-content-box {padding: 40px 30px;}
#kosar .page-title {padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px solid #e7e8e8;font-size: 1.875rem;text-transform: uppercase;font-weight: 700;}
#kosar .maintitle {color: #0473b8;font-size: 18px;text-transform: uppercase;}
#kosar .cim {color: var(--sotetkek);font-size: 24px;text-transform: uppercase;margin: 40px 0 20px 0;text-align: center;font-weight: bold;}


.added { left:0; position:fixed; top:-100px; width:100%; z-index:10004; background-color:#4caf50; border:medium none; border-radius:0; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); box-sizing:border-box; color:#fff; height:50px; line-height:50px;transition:all 1s ease 0s }
@media(max-width:450px) { .added { line-height:normal; } }
.added a { display:block }
.added i { height:50px; line-height:50px; padding:0 15px 0 10px; background:#388e3c; color:#fff; font-size:32px; display:inline-block; left:-100px; position:relative; transition: all 0.5s ease 0s; margin-right:20px; float:left }
.added p { display:inline; font-size:16px; color:#fff }
#kosar { background:#fff; margin-bottom:50px }
#kosar .main { width:95%; max-width:1000px; margin:auto; padding:20px 0 }
#kosar .main .focim { font-size:30px; color:#0473b8; text-align:center; font-family:zona; border-bottom:1px solid #dadada; padding:10px; text-transform:uppercase }
#kosar .main .folytatas { text-align:right; margin:10px 0 0 0 }
#kosar .main .folytatas a { color:#4c81e8; font-size:16px; text-decoration:underline }
#kosar .main  .cim { color:#8cc252; font-size:24px; text-transform:uppercase; margin:40px 0 20px 0; text-align:center; font-weight:bold }

#kosar .tartalom .tablazat {display:table;border-spacing:0 13px;width:100%; border:1px solid #dadada }
#kosar .tartalom .tablazat .sor{display:table-row;}
#kosar .tartalom .tablazat .sor:nth-child(1) p{text-align:left; padding-bottom:10px;border-bottom:3px double #dadada }
#kosar .tartalom .tablazat .sor p{display:table-cell;vertical-align:middle;height:10px;}
#kosar .tartalom .tablazat .sor p:first-child {width:auto;}
#kosar .tartalom .tablazat .sor p.kep {width:auto;}

#kosar .tartalom .tablazat .sor:nth-child(1) p{padding:10px 8px; color:#404041; }
#kosar .tartalom .tablazat .sor:nth-child(n+2) p{padding:8px; border-bottom:1px solid #dadada}
#kosar .tartalom .tablazat .sor:last-child p {border:none;}
#kosar .tartalom .tablazat .sor:last-child p:last-child{padding-right:10px;}
#kosar .tartalom .tablazat .sor .kep {text-align:center!important;}
#kosar .tartalom .tablazat .sor .kep a {display:block;height:52px;background-color:#ffffff;}
#kosar .tartalom .tablazat .sor .kep img{height:52px;vertical-align:middle;}
#kosar .tartalom .tablazat .sor .nev a{color:#404041;font-size:16px;}
#kosar .tartalom .tablazat .sor .nev a:hover{text-decoration:underline;}
#kosar .tartalom .tablazat .sor .netto {color:#404041;font-size:12px;text-align:right;}
#kosar .tartalom .tablazat .sor .brutto {color:#404041;font-size:18px;text-align:right!important; line-height:14px }
#kosar .tartalom .tablazat .sor .mennyiseg {color:#404041;font-size:16px;width:130px;text-align:center}
#kosar .tartalom .tablazat .sor .mennyiseg input {background:#fff;border:1px solid #525151;color:#363636;height:30px;text-align:center;width:30px;margin-top:10px;}
#kosar .tartalom .tablazat .sor .mennyiseg img{cursor:pointer;display:inline-block;float:right;}
#kosar .tartalom .tablazat .sor .mennyiseg i { font-size:20px;cursor:pointer;color:#404041; position:relative;top:2px;margin-left:5px;}
#kosar .tartalom .tablazat .sor .ertek{font-size:18px;color:#404041;font-weight:bold;text-align:right;min-width:60px; line-height:14px  }
#kosar .tartalom .tablazat .sor .torles {cursor:pointer; text-align:center }
#kosar .tartalom .tablazat .sor .torles i{ font-size:20px }
#kosar .tartalom .osszesen {border-left:1px solid #dadada;border-bottom:1px solid #dadada;border-right:1px solid #dadada;text-align:right;color:var(--sotetkek); font-size:18px;}
#kosar .tartalom .osszesen p { display:inline-block;background:var(--sotetkek); color:#fff;padding:10px; margin-left:10px;line-height:16px; font-weight:bold }
#kosar .tartalom .osszesen p span { font-size:13px; font-weight:bold }
#kosar .tartalom .ingyen { color:var(--sotetkek); font-size:16px; text-align:center; font-weight:bold }
#kosar .tartalom .szemelyes, #kosar .tartalom .futar, #kosar .tartalom .posta  { border:1px solid #000; padding:10px; margin:20px 0 }
#kosar .tartalom .alcim { color:#404041; font-size:16px; font-weight:normal; border-bottom:1px solid #dadada; margin-bottom:10px; padding-bottom:10px; text-transform:uppercase }
#kosar .tartalom .alcim.aktiv { font-weight:bold;color:#0473b8; }
#kosar .tartalom input[type="radio"] {display:none;}
#kosar .tartalom input[type="radio"] + label {display:inline-block;width:35px;height:31px;top:-5px;float:right;cursor:pointer;background:url('/images/kosar-checkout-barkacs.png') no-repeat;display:inline-block;position: relative;}
#kosar .tartalom input[type="radio"]:checked + label {display:inline-block;width:35px;height:31px;cursor:pointer;background:url('/images/kosar-checkin-barkacs.png') no-repeat;}
#kosar .tartalom .szoveg { display:block;margin:10px 0 5px 0}
#kosar .tartalom .szoveg span { text-transform:uppercase }
#kosar .tartalom .szoveg span.aktiv { font-weight:bold;color:#0473b8;}
#kosar .tartalom .leiras { min-height:40px }
#kosar .tartalom .ar { display:block; border:1px solid #dadada;    padding:10px; }
#kosar .tartalom .ar span { color: #404041; display: inline-block; font-size: 18px; font-weight: normal; line-height: 18px; }
#kosar .tartalom .ar span.aktiv { color:#0473b8 }
#kosar .tartalom p.aktiv2 { border:1px solid #0473b8 }
#kosar .tartalom .increase-quantity {padding:5px 10px;border:1px solid #eee;cursor:pointer;background:#eee;}
#kosar .tartalom .reduce-quantity {padding:5px 10px;border:1px solid #eee;cursor:pointer;background:#eee;}
#kosar .tartalom .increase-quantity:hover {border:1px solid #aaa;}
#kosar .tartalom .reduce-quantity:hover {border:1px solid #aaa;}

#kosar .osszesito { margin:30px 0;border:1px solid #dadada }
#kosar .osszesito .cim {padding:20px 0; margin:0; border-bottom:1px solid #dadada; color:var(--sotetkek);}
#kosar .elvalaszto {border-bottom:1px solid #dadada; margin:10px 0 }
#kosar .osszesito .nagy { font-size:24px; font-weight:bold; color:var(--sotetkek);}
#kosar .osszesito .zold { color:#0473b8; font-size:18px; text-transform:uppercase; }
#kosar .osszesito .link { color:#5e7fc7; text-decoration:underline }
#kosar .osszesito h1 { color:#0d0d11; font-size:18px; text-transform:uppercase; margin:20px 0 10px 0 }
#kosar .osszesito h1 a{ font-size:9px;cursor:pointer; margin-left:5px;text-transform:none;}
#kosar .osszesito .emailhiba { color: red; display: none; font-size: 11px; line-height: 11px; padding: 0 10px; }
#kosar .osszesito .rovid{ width:140px }
#kosar .osszesito .megrendelem {display:block; text-align:center; margin:30px 0 }
#kosar .osszesito .megrendelem img { cursor:pointer }
#kosar .osszesito .elkuldes {margin:30px 0; line-height:14px }
#kosar .osszesito .feltetel { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none !important; color: #ff0000; display: none; margin: 0 0 20px 30px;  }
#kosar .osszesito .szallitasi { display:none }
#kosar .osszesito .aktiv { display:block!important;}
#kosar .osszesito textarea {height:170px;}
#kosar .success p {color:var(--sotetkek); font-size:16px; padding:40px; width:80%;margin:auto;text-align:center;}
@media (max-width:767.98px){
    #kosar .page-content-box {padding: 10px 10px;}
}
@media (max-width:575.98px){
    #kosar .page-content-box {padding: 10px 3px;}
    #kosar .tartalom .tablazat .sor .nev a { font-size:14px;}
    #kosar .tartalom .tablazat .sor .brutto { font-size:14px;}
    #kosar .tartalom .tablazat .sor .netto { font-size:10px;}
}


/* termekoldal */
#product {background:#f3f5f8;padding-bottom:30px;}
#product .quantity {display: inline-block;font-size: 1.125rem;min-width: 110px;height: 46px;line-height: 44px;padding: 0 40px 0 18px;position: relative;border: 2px solid #eaeaea;background-color: #f3f5f8;border-radius: 5px;font-weight: 400;margin-right: 20px;}
#product .quantity:hover { border:2px solid var(--vszurke);}
#product .quantity .down, #product .quantity .up {position: absolute;right: 15px;font-size: 24px;line-height: 15px;cursor: pointer;color:#002364}
#product .quantity .up {top: 2px;}
#product .quantity .down {bottom: 2px;}
.nav-pills .nav-link { border-radius:0;color:#000000;background-color: var(--vszurke); padding:10px 20px;}
.nav-pills .nav-link.active { color:#000000;background-color: var(--sarga);}
.nav-pills .nav-item {margin-right:1px;}
.tab-content {border:1px solid var(--vszurke);padding:30px;}
.tab-content .video { text-align:center;}
.tab-content .video iframe {height:500px;width:100%;}

.readmore { position:relative;margin-bottom:40px;}
.readmore .content {max-height:700px;overflow:hidden;position:relative;}
.readmore .content::after {content: "";display: block;position: relative;top: 50%;left: 0;width: 100%;height: 50%;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),color-stop(40%,hsla(0,0%,100%,.8)),color-stop(70%,hsla(0,0%,100%,.95)),to(#fff));background: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 40%,hsla(0,0%,100%,.95) 70%,#fff);}
.readmore .button-container {position: absolute;bottom: auto;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width:100%;text-align:center;}
.readmore .button-container .show {font-weight: 500;border: none;outline: none;background: none;}
.readmore .button-container .show .text {margin-bottom: 5px;display: block;}
.readmore .button-container .show i {position:relative;color: #ff3400;animation: MoveUpDown 1s linear infinite;}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 5px;
  }
}
.readmore.visible .button-container .show {display: none;}
.readmore.visible .content {max-height: none !important;}
.readmore.visible .content::after {background:none;}
#product .fokep { text-align: center;width: 100%;padding: 20px;}
#product .fokep img {max-width:100%;}
#product .thumb { height: 120px;text-align: center;margin-top: 20px;padding: 10px;position: relative;}
#product .thumb img { max-height: 100px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;position: absolute;width:100%;padding:0 5px;}
#product h1.title {font-size: 2.25rem;color:#0085bd;font-weight: 400;margin-bottom: 0;}
#product .blokk .ar{text-align:left;padding:0 10px 0 0;font-size:40px;color:var(--sotetkek);font-weight:bold;}
#product .blokk{padding:20px;}
#product .blokk .cim{font-weight:bold;margin-bottom:10px;}
#product .blokk li{margin:10px 0; line-height:1.5;}
#product .blokk .rendeles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:right;flex-wrap:wrap;}
#product .free-shipping{padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:#f3f5f8;border-radius:5px;margin:35px 0;}
#product .free-shipping .icon-container{margin-right:20px;}
#product .free-shipping .icon-container svg{width:50px;height:auto;fill:#80ced5;}
#product .free-shipping .free-shipping-title{margin-bottom:0;font-weight:500;color:#ff3400;line-height:1.3em;}
#product .tablazat{display:table;width:100%;}
#product .tablazat .sor{display:table-row;height:40px;margin-bottom:1px;}
#product .tablazat .sor p:first-child{font-weight:bold;}
#product .tablazat .sor:nth-child(2n+1){background:#f3f5f8;}
#product .tablazat .sor:nth-child(2n){background:#ffffff;}
#product .tablazat .sor p{color:#404041;border-bottom:1px solid #fff;display:table-cell;font-size:16px;padding-left:10px;vertical-align:middle;width:50%;}
#product .velemenyek{position:relative;font-size:16px;line-height:1.2;}
#product .velemenyek .cim{color:#000000;padding:8px;background:var(--sarga);    text-align:center;}
#product .velemenyek .aru{background:#efefef;padding:10px;}
#product .velemenyek .box:nth-child(2n){background:#f5f5f5;}
#product .velemenyek .box{padding:10px;margin:20px 0;}
#product .velemenyek .datum{margin:5px 0 10px 0;}
#product .velemenyek .star1{position:absolute;right:20px;}
#product .velemenyek .icon-star-full::before{content:"\2605";font-family:icomoon !important;color:#f15922;speak:none;}
#product .velemenyek .text1{margin-left:10px;}
#product .velemenyek .text2{margin-left:10px;color:#4da300;margin-top:5px;}
#product .velemenyek .text3{margin-left:10px;color:#e23a0c;margin-top:5px;}
#product .velemenyek .stars{margin:10px;border:1px solid #ddd;font-size:12px;padding:5px;text-align:left;max-width:240px;background:#fff;}
#product .termekismerteto{padding:0 20px 20px 0;}
#product .termekismerteto i {color:red; font-size:24px;}
#product .hasonlitas { cursor:pointer;}
#product #termek-leiras p { font-size:16px; letter-spacing: 0.5px;line-height: 24px;}
@media (max-width:767.98px){
    .nav-pills .nav-link { padding:10px 15px;}
}
@media (max-width:575.98px){
    #product .blokk .ar { width:100%;text-align:right;margin-bottom:20px;}
}

/* kategoria oldal */
#kategoria #catid {display:none;}
#kategoria h1.title {font-size: 2.25rem;font-weight: 400;margin-bottom: 0;color:#353535;}
#kategoria .categories .box { width:135px; padding:5px;position: relative; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: start;}
#kategoria .categories .box a {display:block;}
#kategoria .categories .box .photo {height:120px; margin-bottom:5px;display:flex;justify-content:center;text-align:center;align-items:center;}
#kategoria .categories .box .photo img {max-width:100%;max-height:110px;transition:all .2s ease-out;border-radius:5px;}
#kategoria .categories .box .title {margin-top:auto;text-align:center;color:#353535;font-size:14px;}
#kategoria .categories .box a:hover img { transform: scale(1.05);}

#kategoria .filter .box {padding:10px;}
#kategoria .filter .header {border-bottom:1px solid #252129;padding-bottom:3px;background:var(--sotetkek);color:#ffffff;padding:10px 5px;}
#kategoria .filter .toggleall, #kategoria .filter .toggle-panel i{float:right;cursor:pointer;padding:5px; margin-top:-7px;}
#kategoria .filter .toggle-panel {margin:10px 0;color:#353535;}
#kategoria .filter .toggle-panel .title {background:#ececec;padding:10px; font-weight:bold;margin:10px 0;}
#kategoria .filter .toggle-panel label {margin:0;display:block;}
#kategoria .filter .toggle-panel label.checkbox {padding-left:30px;line-height:1.5;}
#kategoria .filter .toggle-panel label.checkbox .checkmark {width:20px; height:20px;background:#f3f5f8;}
#kategoria .filter .toggle-panel label.checkbox .checkmark::after {left:7px;top:2px;width:6px;height:14px;}
#kategoria .filter .toggle-panel .form-control {width:100px; padding:5px;display:inline-block;}
#kategoria .filter .toggle-panel a.form-control { width:36px;height:36px;float:right;cursor:pointer;text-align:center;}
#kategoria .filter .toggle-panel p.extra {border-top:1px solid #ececec;margin-top:20px;padding:10px;}
#kategoria .products-list .header .order {margin-bottom:10px;background:var(--sotetkek);color:#ffffff;padding:10px 5px;}
#kategoria .products-list .header span {text-align:left;top:10px;position:relative;margin-left:10px;}
#kategoria .products-list .header .order p { text-align:right;}
#kategoria .products-list .header .order .form-control {display:inline-block; width:auto;}
#kategoria .cat-desc p {font-size:16px; letter-spacing: 0.5px;line-height: 24px;}


#kategoria .products-list .jellemzok {
	max-height: 185px;
	overflow-x: hidden;
}
#kategoria .products-list .jellemzok .jellnev {
	font-size: 11px;
}
#kategoria .products-list .jellemzok .jelladat {
	font-size: 11px;
	font-weight: bold;
}
#kategoria .products-list .jellemzok .row { padding:5px;}
#kategoria .products-list .jellemzok .row:nth-child(2n+1){background:#f3f5f8;}
#kategoria .products-list .jellemzok .row:nth-child(2n){background:#ffffff;}

/* hasonlito */
#hasonlito {background-color:var(--sotetkek);border-top:3px solid var(--sotetsarga);position:fixed;z-index:100;bottom:0;left:0;right:0;color:#ffffff;padding:10px;}
#hasonlito .content{width:1000px;margin:auto;}
#hasonlito .content .top .cim{font-size:18px;font-style:italic;font-weight:normal;color:#ffffff;padding:0;width:950px;float:left;}
#hasonlito .content .top a {float:right;cursor:pointer;height:23px;line-height:23px;color:#ffffff;}
#hasonlito i {cursor:pointer;}
#hasonlito .becsuk {display:none;}
#hasonlito .content .bottom { display:none;}
#hasonlito .content .bottom .bal {width:720px;clear:both;padding-bottom:0px;float:left;}
#hasonlito .content .bottom .bal .termek {float:left;width:140px;}
#hasonlito .content .bottom .bal .termek .icon { color:#ffffff; display: inline-block; line-height:1; margin-left: 100px }
#hasonlito .content .bottom .bal .termek p{text-align:center;color:#ffffff;font-size:12px;}
#hasonlito .content .bottom .bal .termek img{max-width:50px;max-height:50px;}
#hasonlito .content .bottom .bal .termek .torles{cursor:pointer;padding:2px;}
#hasonlito .content .bottom .bal .termek .kep{height:50px;width:50px;background-color:#fff;margin:auto;text-align:center;line-height:50px;margin-bottom:5px;}
#hasonlito .content .jobb {float:right;margin:10px;}
#hasonlito .content .jobb .osszestorlese {position:absolute;margin:0 0 0 25px;font-size:18px;color:#ffffff;text-decoration:underline;cursor:pointer;font-size:12px;bottom:5px;}

#osszehasonlito h1 { font-size: 22px;text-align: center;color: var(--sotetkek);margin: auto;font-weight: 600;padding: 10px;margin-bottom: 30px;}
#osszehasonlito .jellemzok span { font-size:11px;}
#osszehasonlito .jellemzok .row { padding:5px 0;}
#osszehasonlito .jellemzok .row:nth-child(2n+1){background:#f3f5f8;}
#osszehasonlito .jellemzok .row:nth-child(2n){background:#ffffff;}


/* popup */
#popup-mask{background:#000000;opacity:0;filter:alpha(opacity=0);top:0;left:0;height:100%;width:100%;position:fixed;z-index:100;}
#popup{position: fixed;opacity:1;filter:alpha(opacity=1);top:10%;left:0;right:0;margin:auto;padding:10px;z-index:200;background-color:#f4f4f4;max-width:600px}
#popup .bezaras{right:10px;;cursor:pointer;margin-left:240px;position:absolute;}
#popup h2{text-align:center;font-family:'open_sanslight';font-size:21px;margin-top:20px;}
#popup input {width:300px;margin-left:40px;padding:5px;color:#5a3b5b;font-family:'open_sanslight';}
#popup .button{color:#5a3b5b;font-family:'open_sanslight';float:right;cursor:pointer;font-size:16px;}
#popup a:hover{text-decoration:underline;}
#popup .error{color:red;}


/* hireink slider */
#hireinkslider h2{text-align:left;margin:50px auto; font-size:24px; font-weight:bold;}
#hireinkslider h2 a { text-decoration:none; color:var(--bs-body-color);}
#hireinkslider .product-box{border:none; }
#hireinkslider .slider-container .tns-controls [data-controls="prev"]{right:20%;left:auto;transition:all .2s ease-out;}
#hireinkslider .slider-container .tns-controls [data-controls="prev"]:hover {right:calc(20% + 2px);}
#hireinkslider .slider-container .tns-controls [data-controls="next"]{right:calc(20% - 50px);left:auto;transition:all .2s ease-out;}
#hireinkslider .slider-container .tns-controls [data-controls="next"]:hover {right:calc(20% - 52px);}
#hireinkslider .slider-container .tns-controls{top:-30px;}
#hireinkslider .product-box img{max-width:unset;max-height:200px;width:100%;}
#hireinkslider .product-box a { margin:auto;}
#hireinkslider .datum{font-size:16px;}
#hireinkslider .product-box .title{font-size:16px; margin:0;padding:0; color:#0085bd; font-weight:bold;justify-content:left;height:40px;}
#hireinkslider .product-box .photo {height:200px;}
#hireinkslider h4{font-size:14px; color:var(--szurke); line-height:20px;}
#hireinkslider .rovid{margin-bottom:10px;}
#hireinkslider a.tovabbgomb{width:max-content;margin:unset;}

/* blog slider */
#blogslider h2{text-align:left;margin:50px auto; font-size:24px; font-weight:bold;}
#blogslider h2 a { text-decoration:none; color:var(--bs-body-color);}
#blogslider .product-box{border:none;}
#blogslider .slider-container .tns-controls [data-controls="prev"]{right:20%;left:auto;transition:all .2s ease-out;}
#blogslider .slider-container .tns-controls [data-controls="prev"]:hover {right:calc(20% + 2px);}
#blogslider .slider-container .tns-controls [data-controls="next"]{right:calc(20% - 50px);left:auto;transition:all .2s ease-out;}
#blogslider .slider-container .tns-controls [data-controls="next"]:hover {right:calc(20% - 52px);}
#blogslider .slider-container .tns-controls{top:-30px;}
#blogslider .product-box img{max-width:unset;max-height:200px;width:100%;}
#blogslider .product-box a { margin:auto;}
#blogslider .datum{font-size:16px;}
#blogslider .product-box .title{font-size:16px; margin:0;padding:0; color:#0085bd; font-weight:bold;justify-content:left;height:40px;}
#blogslider .product-box .photo {height:200px;}
#blogslider h4{font-size:14px; color:#747474;}
#blogslider .rovid{margin-bottom:10px;}
#blogslider a.tovabbgomb{width:max-content;margin:unset;}


/* velemenyek */
#velemenyek{width:100%; background:#eaeaea;padding:40px 0;}
#velemenyek h2{font-weight:bold;font-size:24px;}

/* footer */                       
footer{padding:30px 0 20px 0; background:#063534;border-bottom:2px solid #ffffff;}
footer .title{color:#ffffff; font-weight:bold;margin-bottom:30px;}
footer ul li{margin-top:10px;color:#979797;font.weight:300;font-family:'Roboto';}
footer ul li a{text-decoration:none; color:#979797;font.weight:300;font-family:'Roboto';-moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s;}
footer ul li a:hover{color:#ffffff;}
footer .kapcsolat li{margin-top:15px; position:relative;}
footer .kapcsolat div{margin-left:40px;line-height:110%;}
footer .kapcsolat svg{height:23px; fill:var(--sarga); margin-right:20px;position:absolute;left:0;}
footer .kapcsolat .icon-search svg {fill:#038bdc;position:relative;height:48px;}
footer .kapcsolat .icon-youtube svg {fill:#d73d32;position:relative;height:48px}
footer .elvalaszto{border-right:1px solid var(--szurkevonal); height:100%; padding:0 10px 0 10px; position:absolute; top:0px; right:60px; }
footer .informaciok{position:relative;}
footer .informaciok li{margin-bottom:20px;}
footer .szolgaltatasaink{position:relative;}
footer .szolgaltatasaink li{margin-bottom:20px;}
footer .google-maps iframe{width:100%;}
footer .footer-bottom{border-top:1px solid var(--szurkevonal);width:100%;padding:15px 0 0px 0; margin-top:40px; text-align:center;line-height:130%;}
footer .footer-bottom p{font-size:14px; color:#fefefe;}
footer .footer-bottom p span{color:#119a48;}
footer .footer-bottom .copyright{color:#7f7f7f;margin-top:15px;}
footer .footer-bottom .copyright a{color:#7f7f7f;-moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s;}
footer .footer-bottom .copyright a:hover{color:#fefefe;}
@media (max-width:1199.98px){
    footer .elvalaszto {right:8px;}
}
@media (max-width:767.98px){
    footer .informaciok{text-align:center;}
    footer .kapcsolat{text-align:center;}
    footer .kapcsolat svg{display:none;}
}
@media (max-width:575.98px){
    footer .kapcsolat svg{position:relative; margin-right:0;}
    footer .kapcsolat div{margin:10px 0 0 0;}
    footer .footer-bottom p{font-size:12px;}
    footer .google-maps iframe {height:400px;}
}
@media (min-width: 768px) and (max-width: 1199.98px){
    footer .google-maps iframe {height:400px;}
}

/* top button */
#top_button{display:none;background:var(--sarga);top:auto !important;bottom:20px !important;display:none;height:40px;width:40px;position:fixed;right:50px;text-align:center;border-radius:5px;}
#top_button .icon-chevron-up{height:12px;width:12px;position:relative;top:12px;    -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s;}
#top_button:hover {background:var(--sotetsarga);}
#top_button:hover .icon-chevron-up{top:8px;}

/* mobil menu */
#mobile-menu ul ul{display:none; margin-left:20px }
#mobile-menu .maintitle{font-size:24px;padding:10px; border-bottom:1px solid var(--vszurke);}
#mobile-menu i{font-size:14px;}
#mobile-menu .title{font-size:18px;padding:10px; border-bottom:1px solid var(--vszurke);}
#mobile-menu .subtitle{font-size:16px;padding:10px 5px; border-bottom:1px solid var(--vszurke);}
#mobile-menu a{padding:5px 10px; display:block; text-decoration:none; color:var(--sotetkek); border-bottom:1px solid var(--vszurke);}
#mobile-menu .tel a{border:none;display:inline;}
#mobile-menu .tel li {margin-bottom:10px;}
#mobile-menu .enable > div{background:var(--vszurke);}
.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;background:#f8f8f8;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.sidr .sidr-inner{padding:0 0 15px}
.sidr .sidr-inner > p{margin-left:15px;margin-right:15px}
.sidr.right{left:auto;right:0;right:-260px}
.sidr.left{left:-260px; right:auto}
.sidr li{border-bottom:1px solid #ddd; list-style:none }
#mobile-menu ul ul{display:none; margin-left:20px }
.sidr ul ul li:last-child{border:0 }
.sidr a{display:block; padding:5px 10px; color:#138dff }
.sidr a:hover{background:#138dff; color:#fff }
.#mobile-menu .title{padding:10px; cursor:pointer }
.sidr .title:hover{background:#ddd }
.sidr span{font-size:12px; margin-right:5px }
.sidr .has-no-subcategory{padding-left:21px }
.sidr .has-no-subcategory a{color:#000; padding:10px }
.sidr .has-no-subcategory a:hover{background:#ddd; color:#000 }

.pagination {margin-top:50px;}
.pagination .active > .page-link { color:#ffffff;background:var(--sotetkek);}
.pagination .page-item {margin:0 3px;}
.pagination .page-item a {color:var(--sotetkek);}
.pagination .page-item:first-child .page-link {border-radius:0;}
.pagination .page-item:last-child .page-link {border-radius:0;}

#searchModal { margin-top: 22px; }
#searchModal .modal-dialog {margin-left:5px;margin-right:5px;max-width:none;}
#searchModal svg { height:20px;position:absolute;right:10px; top:10px}
#searchModal .modal-content {border-radius:0;}
#searchModal .form-control { border:0;}
#searchModal .mobilsearch input {background:#f5f5f5 !important;}
#searchModal .mobilsearch .result { min-width: 285px;z-index: 10;background: white;max-height: 500px;overflow: auto;}
#searchModal .mobilsearch .spin {text-align:center;border-top: 2px solid #E7E7E7;padding:10px;display:none;}
#searchModal .mobilsearch .result .tartalom .lista { border-top: 2px solid #E7E7E7;}
#searchModal .mobilsearch .result .tartalom .lista .noresult {padding:10px;}
#searchModal .mobilsearch .result .tartalom .lista .item a { color:var(--sotetszurke);text-decoration:none;padding:10px;display:block;}
#searchModal .mobilsearch .result .tartalom .lista .item a:hover {background:var(--vszurke);}
@media (max-width:575.98px){
    #searchModal {margin-top:42px;}
}

.form-control {height: auto;padding: 10px 20px;}
.form-control, input[type="email"], input[type="password"], input[type="text"], select, textarea {height: auto;padding: 10px 20px;}
.form-group {margin-bottom: 1rem;}
.form-control {display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #f3f5f8;background-clip: padding-box;border: 1px solid var(--vszurke);border-radius: .25rem;-webkit-box-shadow: unset;box-shadow: unset;-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}
.form-control:focus {color: #495057;background-color: #f3f5f8;outline: 0;-webkit-box-shadow: unset;box-shadow:unset;}
.btn-primary {color: #fff;background-color: #fc553e;border-color: #d23e2b;-webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {color: #fff;background-color: #eb4b35;border-color: #d23e2b;}
label.checkbox {display: inline-block;position: relative;padding-left: 38px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height: 30px;text-transform: none;letter-spacing: normal;}
label.checkbox {cursor: pointer;line-height: 30px;text-transform: none;letter-spacing: normal;}
label.checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
label.checkbox .checkmark {position: absolute;top: 0;left: 0;height: 30px;width: 30px;background-color: #f3f5f8;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.025);box-shadow: inset 0 1px 1px rgba(0,0,0,.025);border: 1px solid #eaeaea;border-radius: 3px;}
label.checkbox input:checked ~ .checkmark::after {display: block;}
label.checkbox .checkmark::after {left: 10px;top: 3px;width: 9px;height: 18px;border: solid #002364;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
label.checkbox .checkmark::after {content: "";position: absolute;display: none;}

label.radiobox {display: inline-block;position: relative;padding-left: 38px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height: 30px;text-transform: none;letter-spacing: normal;top:-5px;}
label.radiobox {cursor: pointer;line-height: 30px;text-transform: none;letter-spacing: normal;float:right;}
label.radiobox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
label.radiobox .checkmark {position: absolute;top: 0;left: 0;height: 30px;width: 30px;background-color: #f3f5f8;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.025);box-shadow: inset 0 1px 1px rgba(0,0,0,.025);border: 1px solid var(--sotetkek);border-radius: 3px;}
label.radiobox input:checked ~ .checkmark::after {display: block;}
label.radiobox .checkmark::after {left: 10px;top: 3px;width: 9px;height: 18px;border: solid #002364;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
label.radiobox .checkmark::after {content: "";position: absolute;display: none;}


label.error, p.error {font-weight: 400;color: #dc3545;font-size: .875rem;margin-top:5px;}
input.error, textarea.error {border-color: #dc3545;}

.breadcrumb {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding:10px;--bs-breadcrumb-margin-bottom:2px;}
.breadcrumb svg {fill: #353535;height: 18px;width: auto;top:-3px;position:relative;}
.breadcrumb .breadcrumb-item { display:inline-block;}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {content: ">";color: #002364;font-weight: 400;display: inline-block;padding-right:5px;float:unset;}
.breadcrumb .breadcrumb-item + .breadcrumb-item {padding-left: 5px;}
.breadcrumb .breadcrumb-item.active {display:inline;color: #353535;}
.breadcrumb .breadcrumb-item a {color:#353535;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;text-decoration:none;}
.breadcrumb .breadcrumb-item a:hover {text-decoration: none;color: var(--sotetkek);}
@media (max-width:991.98px){
    .breadcrumb {margin-bottom:0px;}
}
@media (max-width:575.98px){
    .breadcrumb .breadcrumb-item + .breadcrumb-item {padding-left:2px;}
    .breadcrumb .breadcrumb-item + .breadcrumb-item::before { padding-right:2px;}
    
}

/*
ERROR 404
*/
#error404 { margin:50px auto;max-width:1000px;}
#error404 h1 { font-size:32px; text-align:center; color:var(--sotetkek);text-transform:uppercase; width:80%;border-bottom:1px solid var(--sotetkek); margin:auto; font-weight:600;padding:10px; margin:30px auto;}
#error404 .title2 { font-size:24px; text-align:center;margin:30px auto; font-weight:400;}
#error404 .title3 { text-align:center;margin:30px auto; }
#error404 .title3 a { font-size:18px; font-weight:400; color: var(--sotetkek);}

/*
HOME
*/
/* slider */
#maincarousel .carousel-caption{position:absolute;top:20%;left:18.5%;max-width:600px;text-align:left;}
#maincarousel .carousel-caption h2{font-size:60px; font-weight:600;text-align:left;line-height:120%;}
#maincarousel .carousel-caption h3{font-size:36px; font-weight:600;text-align:left;margin-top:40px;line-height:120%;}
#maincarousel .carousel-caption a{background:var(--sarga);color:#fff;padding:15px 40px;text-decoration:none;top:30px;transition:all .2s ease-out;font-weight:normal;position:relative;border-radius:5px;}
#maincarousel .carousel-caption a:hover{background:var(--sotetsarga); color:#fff;}
@media (max-width:1799.98px){
    #maincarousel .carousel-caption{left:10%;top:15%;  max-width:40%;}
    #maincarousel .carousel-caption h2{font-size:52px;}
    #maincarousel .carousel-caption h3{font-size:32px;}
}
@media (max-width:1199.98px){
    #maincarousel .carousel-caption{left:10%;top:10%;  max-width:45%;}
    #maincarousel .carousel-caption h2{font-size:36px;}
    #maincarousel .carousel-caption h3{font-size:24px;margin-top:20px;}
}
@media (max-width:991.98px){
    #maincarousel .carousel-caption{left:10%;top:0%; max-width:45%;}
    #maincarousel .carousel-caption h2{font-size:32px;}
    #maincarousel .carousel-caption h3{font-size:18px;margin-top:20px;}
}
@media (max-width:767.98px){
    #maincarousel .carousel-caption{left:10%;top:0%; max-width:40%;}
    #maincarousel .carousel-caption h2{font-size:18px;}
    #maincarousel .carousel-caption h3{font-size:14px;margin-top:10px;}
    #maincarousel .carousel-caption a{font-size:14px; padding:10px;}
}
@media (max-width:575.98px){
    #maincarousel .carousel-caption{left:12%;top:0%; max-width:40%;}
    #maincarousel .carousel-caption h2{font-size:16px;}
    #maincarousel .carousel-caption h3{display:none;}
    #maincarousel .carousel-caption a{font-size:12px; padding:5px;top:20px;font-weight:300;}
    .carousel-indicators{margin-bottom:-5px;}
}


/* kiemelt slider */
#kiemeltslider h2{text-align:center;margin:50px auto; font-size:24px; font-weight:bold;}
/* productslider */
#productslider h2{text-align:center;margin:50px auto; font-size:24px; font-weight:bold;}

.product-box{text-align:center;text-decoration:none; border:1px solid var(--vszurke); height:200px;padding:10px;-webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.product-box .photo{display:block; position:relative; height:105px;}
.product-box:hover{border:1px solid #cccccc;}
.product-box img{max-width:100px; transition:all .5s ease;}
.product-box:hover img{transform:scale(1.05);}
.product-box .title{color:#0085bd; font-weight:bold; padding:10px 10px 10px 10px;text-align:center; height:85px; transition:all .2s ease-out;display:flex; align-items: center; justify-content: center;}
.product-box a {text-decoration:none;}
.product-box .title:hover{color:var(--sotetkek); }

.productslider { display:flex;margin:auto;}
.product-box2 { margin:0:padding:0;border:1px solid var(--vszurke);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: start; }
.product-box2:hover {border:1px solid #cccccc;} 
.product-box2 .photo{height:250px; border:none; padding:10px;display:flex;}
.product-box2 .photo a{margin:auto;}
.product-box2 img{max-width:100%;max-height:200px;justify-content:center;transition:all .5s ease;}
.product-box2:hover img{transform:scale(1.05);}
.product-box2 .title{color:#0085bd; font-weight:bold; padding:0px 10px 10px 10px;text-align:left; justify-content: left;}
.product-box2 .info {margin-top:auto;}
.product-box2 .ar{margin:20px 10px;text-align:left;}
.product-box2 .ar span{font-size:12px;color:#000000;}
.product-box2 .ar p{font-size:16px;color:#000000; font-weight:bold;margin-top:3px;}
.product-box2 i.fa-truck { color:green;}
.product-box2 .bottom { margin:5px;}
.product-box2 .bottom .info{width:100%;}
.product-box2 .bottom .tovabbgomb {display:inline-block;cursor:pointer;margin:0;}
.product-box2 .bottom .tovabbgomb i {margin:0px;}


/* banner */
#banner{overflow:hidden; position:relative;}
#banner a{display:block; overflow:hidden; width:99%;}
#banner img{max-width:100%; text-align:center; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; transition:all 0.8s; }
#banner:hover img{-moz-transform:scale(1.05); -webkit-transform:scale(1.2); transform:scale(1.2); }
#banner .zoom-desc{position:absolute; top:25%; left:5%;width:90%;}
#banner .zoom-desc .title1{font-size:25px; color:#ffffff; text-align:left; line-height:28px; font-weight:600; letter-spacing:0; width:100%;}
#banner .zoom-desc .title2{font-size:40px; font-weight:900; text-align:left; padding-top:15px; line-height:33px; letter-spacing:-.1px; width:100%; color:var(--sarga); }
@media (max-width:991.98px){
    #banner .zoom-desc{top:25%; }
    #banner .zoom-desc .title1{font-size:25px; line-height:10px; margin-bottom:20px;}
    #banner .zoom-desc .title2{font-size:40px; line-height:20px; padding-top:5px;}
}
@media (max-width:767.98px){
    #banner .zoom-desc{top:5%;}
    #banner .zoom-desc .title1{font-size:30px; line-height:normal; margin-bottom:40px;}
    #banner .zoom-desc .title2{font-size:42px; line-height:normal; padding-top:5px;}
}
@media (max-width:575.98px){
    #banner .zoom-desc{top:15%;}
    #banner .zoom-desc .title1{font-size:20px; line-height:18px; margin-bottom:20px; }
    #banner .zoom-desc .title2{font-size:24px; line-height:20px; }
}

/* slider kozos elemek */


.slider-container {position:relative;}
.slider-container .tns-controls{position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; z-index:2;}
.slider-container .tns-controls [data-controls="prev"]{position:absolute; top:-10px; left:10px; font-size:24px;padding:10px;}
.slider-container .tns-controls [data-controls="next"]{position:absolute; top:-10px; right:10px; font-size:24px;padding:10px;}
.slider-container .tns-controls [data-controls="prev"]:hover{left:8px;}
.slider-container .tns-controls [data-controls="next"]:hover{right:8px;}
.slider-container .tns-controls button{background-color:transparent; border:none; display:inline-block; color:#000000; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.slider-container .photos { margin:auto; }
@media screen and (max-width:875px){
    .slider-container .tns-controls [data-controls="prev"]{left:15px;padding:2px 8px 0 3px;}
    .slider-container .tns-controls [data-controls="next"]{right:10px;padding:2px 8px 0 3px;}
}


/* tanacsado*/
#tanacsado .banner{position:relative; overflow:hidden; max-width:590px;margin:10px auto;}
#tanacsado .content{position:absolute; top:18%;left:5%; width:40%; height:82%;}
#tanacsado a{text-decoration:none;}
#tanacsado .subtitle{color:#000000; font-size:14px;}
#tanacsado .title{color:#000000; font-size:24px; font-weight:bold; bottom:10%;margin-top:10%;}
#tanacsado .button{padding:10px 20px; color:var(--sotetkek);background:#ffffff;text-align:center; display:block; border-radius:10px; width:100px;margin-top:10%;}
#tanacsado .banner a img{transition:transform .5s ease; display:block; }
#tanacsado .banner a:hover img{-o-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05); }
@media screen and (max-width:575.98px){
    #tanacsado .content {top:5%;width:60%}
    #tanacsado .title{font-size:18px;}
}

/*
MENUPONT
*/
#menupont { margin:0 auto 50px;}
.leiras { max-width:1000px;margin:auto;}
.leiras p { font-size:16px; letter-spacing: 0.5px;line-height: 24px;}
.leiras ul {padding:10px;}
.leiras ul li {line-height:20px;list-style-type:disc;margin-left:20px;}
#menupont h1 { font-size:22px; text-align:center; color:var(--sotetkek); margin:auto; font-weight:600;padding:10px; margin-bottom:30px;}
#menupont h2 { font-size:20px; color:var(--sotetkek); font-weight:bold;}
#menupont h3 { font-size:18px; color:#404041 }
#menupont table { width:100% }
#menupont table td { vertical-align: top; }

/*
HIR, BLOG
*/
#hirblog { margin:20px auto 50px;}
#hirblog h1 { font-size:22px; text-align:center; color:var(--sotetkek); margin:auto; font-weight:600;padding:10px; margin-bottom:30px;}
#hirblog .article { margin:30px 0;}
#hirblog a { text-decoration:none; }
#hirblog a:hover img { transform: scale(1.07); }
#hirblog .article-card { height:300px;display: flex;justify-content: center;align-items: center;overflow:hidden;position:relative; }
#hirblog .article-card img { transition: transform 0.5s ease; transform: scale(1); }
#hirblog .info {margin:10px 0;}
#hirblog .info time { color:var(--sotetsarga);}
#hirblog .info h2 { margin:10px 0;color:#000000;text-decoration: none;word-break: break-word;font-weight: 500;font-size: 20px; }
#hirblog .info p { color:#000000; line-height:24px; }
#hirblog .tovabbgomb {width:max-content;padding:10px 20px;}

#hirblog .image { margin:30px auto;text-align:center;}
#hirblog .image img{ max-width:100%;}
#hirblog .leiras {max-width:1000px;margin:auto;}
#hirblog .leiras time { color:var(--sotetsarga);}
#hirblog .leiras h2 {font-size:24px; color:#000000;padding-top:10px}
#hirblog .leiras .rovid {margin:30px 0;font-size: 14px;letter-spacing: 0.5px;line-height: 24px;}
#hirblog .leiras .hosszu {margin:30px 0;padding-bottom:40px;}
#hirblog .back{ border-bottom: 1px solid var(--szurke);border-top: 1px solid var(--szurke);padding:30px 0;position:relative; }
#hirblog .back svg {width: 1.5rem;transform: rotate(180deg);margin-right: 1rem;height:12px;position:absolute;top:32px;left:10px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
#hirblog .back a { text-decoration:none;color: var(--szurke);font-size: 15px;}
#hirblog .back a span { margin-left:50px;}
#hirblog .back a:hover svg { left:0px;}

/*
BEJELENTKEZES
*/
.auth-box {padding: 40px 30px;overflow: hidden; }
.auth-box .auth-box-title{text-align:center;  font-size:2.25rem;  margin:0 0 35px;}
.box{background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:5px;}
.box label{display:inline-block;margin-bottom:.5rem;}
.btn{padding:10px 30px;text-transform:uppercase;font-weight:500;}
.auth-box .button-container{margin-top:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.auth-box.login-box .content{padding:40px 30px;}
.auth-box.login-box .forgot-password{display:inline-block;font-size:.875rem;color:#353535;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;margin-top:10px;text-transform:uppercase;    text-decoration:none;    font-weight:500;}
.auth-box.login-box .forgot-password:hover{text-decoration:none;color:#648ad0;}
.auth-box .login-register-box{background:radial-gradient(circle,#00328d 0,#002364 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:40px 30px;color:#fff;text-align:center;}
.auth-box .login-register-box svg{fill:#80ced5;height:65px;width:auto;}
.auth-box .login-register-box .title{font-size:1.875rem;color:#fff;margin:15px 0 30px;}
.auth-box .login-register-box .description{font-size:1rem;margin-bottom:40px;}
.auth-box .login-register-box .alert {display:none;}
.auth-box .btn.with-icon i{margin-right:15px;}


/* profil */
#profil .box {padding:20px;}
#profil p.title {margin:20px 0 5px 0;}
#profil h1.cim {font-size: 24px;color: #363636;font-weight: bold;margin-bottom:20px;}
#profil p.fejlec {
	font-size: 18px;
	color: #363636;
	font-weight: bold;
	padding-left: 10px;
	margin: 10px 0 10px 0;
}

#profil .rendelesek .fejlec {font-size:18px;color:#363636;font-weight:bold;padding-left:10px;margin:10px 0 10px 0;}
#profil .rendelesek .box {margin:20px 0;}
#profil .rendelesek .box .azonosito {background-color: var(--sotetkek);height: 38px;}
#profil .rendelesek .box .azonosito p{color:#fff ;font-size: 18px;font-weight: bold;height: 38px;line-height: 38px;padding: 0 10px;text-align: left;vertical-align: middle;}
#profil .rendelesek .box .tabla1 {padding:10px;display:table;width:100%;}
#profil .rendelesek .box .tabla1 .row {display:table-row;height:25px;}
#profil .rendelesek .box .tabla1 .row p{display:table-cell;text-align:center;font-size:16px;}
#profil .rendelesek .box .tabla1 .row p:first-child{text-align:left;}
#profil .rendelesek .box .tabla1 .row p a{text-decoration:underline;}

#profil .rendelesek .osszesito {padding:10px;}
#profil .rendelesek .osszesito h1{font-size:18px;font-weight:bold;color:#363636;}
#profil .rendelesek .osszesito h2{font-size:16px;color:#363636;margin-top:30px;}
#profil .rendelesek .osszesito table tr {line-height:1.4;}
#profil .rendelesek .osszesito table tr td:nth-child(2) {padding-left:20px;}
#profil .rendelesek .osszesito p{color:#363636;font-size:16px;}
#profil .rendelesek .osszesito .bal{float:left;width:320px;padding-right:20px;}
#profil .rendelesek .osszesito .jobb{float:left;width:330px;margin-left:20px;}
#profil .rendelesek .osszesito .osszesen p{font-weight:bold;}
#profil .rendelesek .osszesito .bal div {clear:both;}
#profil .rendelesek .osszesito .jobb div {clear:both;}
#profil .rendelesek .osszesito div p:nth-child(1) {float:left;}
#profil .rendelesek .osszesito .bal div p:nth-child(2) {float:right;}
#profil .rendelesek .osszesito .jobb div p:nth-child(2) {float:left;margin-left:30px;}
#profil .rendelesek .status {text-align:center;margin:20px 0;}
#profil .rendelesek .status p{font-size:16px;font-weight:bold;color:#363636;}
#profil .rendelesek .status h3{font-size:18px;font-weight:bold;color:#363636;}
#profil .nav-pills .nav-link.active { color: #fff;background-color: var(--sotetkek); }

#swipebox-overlay #swipebox-close {right:10px;}
#swipebox-overlay #swipebox-arrows {width:92%;}


#postaPontApi {background:#fff;}
#pp-filter-open-icon  {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
#pp-filter-open-btn {display:none!important;}
#postaPontApi h2 { display: none!important;}
#popupmodal .tartalom {width:600px; margin:auto;background:#fff;}
#popupmodal .tartalom .head h2{position:relative;display: block;height: 40px;line-height: 40px;padding-left: 15px;font-size: 14px;font-weight: bold;color: #ffffff;background: rgb(21, 134, 57);background: -moz-linear-gradient( top, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100% );background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(21, 134, 57, 1)), color-stop(51%, rgba(20, 118, 51, 1)), color-stop(100%, rgba(15, 83, 36, 1)) );background: -webkit-linear-gradient( top, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100% );background: -o-linear-gradient( top, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100% );background: -ms-linear-gradient( top, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100% );background: linear-gradient( to bottom, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100% );}  
#popupmodal .tartalom .head button {text-align: right;position: absolute;right: 10px;top: 0px;font-size: 20px;background: none;color: #fff;cursor: pointer;border:none;}