body { background: url('/images/bg.jpg'); color: black; }

body, * {    font-family: 'AvenirLTStd-Light'; font-size: 14px; }

.container { max-width: 970px; }

img { max-width: 100%; }

.wdiv {   width: 100%;  margin: auto; }
.wdiv:after {
    content: " ";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;

}

a, a:hover, a:focus { color: black; outline: none; text-decoration: none; }

.half { width: 50%; float: left; }
.quarter { width: 25%; float: left; }

.left-column { float: left; width:20%;   background: #fff; border: 1px solid #b3b3b3; border-bottom: 0px;padding-bottom: 20px;  }
.center-left-column { float: left; width:80%; padding-left: 5px; background: #fff;  padding-bottom: 20px;  }

img#logo { display: block; margin: auto; height: 116px; margin: -26px auto 0px auto; }

.headmenu {  background: rgba(182,170,157,0.7); min-height: 33px; line-height: 28px; }
.topmenu { background: #fff; }
.topmenu { border-bottom: 3px solid #383836;border-top: 3px solid #383836; min-height: 55px; }
.topmenu a { margin: 10px; color: black; display: inline-block; text-transform: uppercase; font-size: 16px;  font-family: 'Amaranth-Regular', 'MyriadPro-Regular'; margin-top: 14px;
    margin-right: 20px;
    margin-left: 20px;
}
.topmenu a:hover { text-decoration: underline; }
.headflekk { border-bottom: 3px solid #383836;border-top: 3px solid #383836; padding: 5px; }
.headflekk div { font-size: 30px; color: black;
    font-family: 'CaviarDreams';
}


.woodbg { background: url(/images/woodbg.jpg) top center; }
.woodbg2 { background: url(/images/woodbg2.jpg) top  center; }
.whitebg { background: white; }

.homepage-more { text-align: center; margin: 35px; }
.homepage-more a { display: inline-block;   color: black;  font-family: 'AvenirLTStd-Heavy'; font-size: 17px; }
.homepage-more a:hover { text-decoration: underline; }


ul.leftmenu , ul.leftmenu ul{  list-style-type: none; margin: 0px; padding: 0px; }
ul.leftmenu ul { background: #d2cbc3; }
ul.leftmenu ul li a { color: black; }
ul.leftmenu li { background:#fff; padding: 5px 0 3px 0px; border-bottom: 1px solid #b3b3b3; line-height: 25px; }
ul.leftmenu ul li { background: transparent; }
ul.leftmenu li a { color: black; display: block; padding-left: 5px; text-decoration: none;  font-family: 'CaviarDreams'; font-size: 16px; }
ul.leftmenu>li>a:hover, ul.leftmenu>li>a.active { color: #a99ab7; font-weight: bold; }
ul.leftmenu.pagemenu>li>a:hover, ul.leftmenu.pagemenu>li>a.active {
    color: black;
    font-weight: normal;
}
ul.leftmenu ul li { text-indent: 10px; }
ul.leftmenu ul li a { font-style: italic; }
ul.leftmenu ul li:hover a i.circle.white { background: #826F5F;  }
ul.leftmenu ul li {  color: white;  font-family: 'CaviarDreams'; }
ul.leftmenu li img.chevron-updown { float: right; margin: 8px 8px 0 0; }
ul.leftmenu li.catname { background: #a99ab7; color: white; padding-left: 5px;  font-family: 'CaviarDreams'; font-size: 21px; }

ul.leftmenu.filters { margin-top: 15px; margin-left: 10px;  }
ul.leftmenu.filters li { border-bottom: 0px; list-style-type: none;  font-family: 'CaviarDreams';
}

ul.leftmenu.pagemenu li:first-child {
    background: #dc9cbf;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: white;
}
ul.leftmenu.pagemenu li:first-child a {
    color: white;
    font-size: 20px;
}
ul.leftmenu.pagemenu li a.active {
    color: #dc9cbf;
}
ul.leftmenu.pagemenu.pagemenu-3 li a.active {
    color: #f4d553;
}
ul.leftmenu.pagemenu.pagemenu-3 li:first-child{
    background: #f4d553;
}

.topsearch { width: 200px; float: right; padding: 3px;  background: rgba(182,170,158,0.9); margin-top: 10px; margin-bottom: 10px; }
.topmenu input { width: 160px; border: 0px; border-radius: 3px;  color: white; background: transparent; }
.topmenu input:focus { border:0px; outline: none; }
.topmenu i { cursor: pointer; color: white; float: right; margin-right: 4px; font-size: 18px; }

.topmenu i.topmenu-0 { background: #a99ab7;  }
.topmenu a.topactive-0 { color: #a99ab7;  }
.topmenu i.topmenu-1 { background: #8bc4d2; }
.topmenu a.topactive-1 { color: #8bc4d2;  }
.topmenu i.topmenu-2 { background: #db9cc0; }
.topmenu a.topactive-2 { color: #db9cc0;  }
.topmenu i.topmenu-3 { background: #f4d553; }
.topmenu a.topactive-3 { color: #f4d553;  }
.topmenu i.topmenu-4 { background: #94b43c; }
.topmenu a.topactive-4 { color: #94b43c;  }

.precontent-anim { padding-left: 15px; }
.precontent-anim #breadcrumbDiv { margin: 10px 0px 10px 0px; }

.kategoriaOldal { padding-top: 0px; }
.kategoriaOldal .termekDivNagykep { width: 29.3333333%; margin: 2%; float: left;   min-height: 200px; color: white; text-align: center;  }
.featuredItems { padding-bottom: 20px; padding-top: 20px; }
.featuredItems .termekDivNagykep { color: white; text-align: center;   }
.kategoriaOldal ul li .termekDivNagykep {  width: 23%; }
.kategoriaOldal .termekDivNagykep span.termeknev,
.featuredItems .termekDivNagykep span.termeknev { display: block; padding: 10px 0px 10px 0px; text-transform: uppercase; }
.kategoriaOldal .termekDivNagykep span.ar,
.featuredItems .termekDivNagykep span.ar { display: block; padding: 5px 0px 10px 0px;color: black;  font-size: 19px;
    font-family: 'AvenirLTStd-Heavy';
}

.kategoriaOldal .termekDivNagykep a,
.featuredItems .termekDivNagykep a{ color: white; font-size: 16px; }
.kategoriaOldal .termekDivNagykep a img,
.featuredItems .termekDivNagykep a img { display: block; margin: auto; width:100%; }
.kategoriaOldal h1 { display: inline-block; margin-top: 0px; padding: 0px; }
.kategoriaOldal .termekDivNagykep span.reszletek,
.featuredItems .termekDivNagykep span.reszletek{ display: block; width: 50%; padding: 10px 3px 10px 3px; text-align: center; float: left; color: black;  }

.kategoriaOldal.cat-2 .termekDivNagykep, .kategoriaOldal.cat- .termekDivNagykep {
    background: #b6aa9e;
}
.kategoriaOldal.cat-1 .termekDivNagykep {
    background: #b6aa9e;
}
.kategoriaOldal.cat-2 .termekDivNagykep span.reszletek, .kategoriaOldal.cat- .termekDivNagykep span.reszletek { background: #d6d3ce;  }
.kategoriaOldal.cat-2 .termekDivNagykep span.reszletek.kosarba, .kategoriaOldal.cat- .termekDivNagykep span.reszletek.kosarba { background: #666666; text-transform: uppercase;   color: white;  font-family: 'Amaranth-Regular', 'MyriadPro-Regular'; font-size: 18px; padding: 7px 3px 7px 3px }

.kategoriaOldal.cat-1 .termekDivNagykep span.reszletek, .featuredItems .termekDivNagykep span.reszletek { background: #d6d3ce;  }
.kategoriaOldal.cat-2 .termekDivNagykep span.reszletek,
.kategoriaOldal.cat-1 .termekDivNagykep span.reszletek,
.featuredItems .termekDivNagykep span.reszletek{ color: black; }
.kategoriaOldal.cat-1 .termekDivNagykep span.reszletek.kosarba,
.featuredItems .termekDivNagykep span.kosarba{  background: #666666; text-transform: uppercase;   color: white;  font-family: 'Amaranth-Regular', 'MyriadPro-Regular'; font-size: 18px; padding: 7px 3px 7px 3px  }
.termekDivNagykep span.reszletek:hover { text-decoration: underline; }

.kategoriaOldal .firstcatimage img,  .catimage img { display: block; margin: auto;  margin-bottom: 10px; }

.featuredItems .termekDivNagykep { width: calc(25% - 20px); margin: 10px; float: left; background: #b6aa9e;}
.row.feautured-items-flekk { margin-right: 0px; margin-left: -5px; margin-top: 15px; margin-bottom: 25px; }


.sticker-container { width: 0px; height: 0px; }
.sticker-container div { padding: 7px; width: auto; position: relative; background: red; color: white; top:-17px; left: -10px; text-decoration: none;
    font-size: 17px;
    font-family: 'Amaranth-Bold';
text-transform: uppercase; display: inline-block;
}
.nagykep-sticker.sticker-container div {
    z-index: 999;
    top: 18px;
    left: 18px;
    font-size: 25px;
}
.sticker-container div:hover { text-decoration: underline; }
.sticker-container div.sticker-action { background:#9886a8; }
.sticker-container div.sticker-new { background:#73b8c9; }

 .paginator { text-align: center; }
 .paginator a { color:#000; display: inline-block; margin: 10px 1px 10px 1px; padding: 3px; font-weight: bold; font-size: 12px; }
.paginator a.active { background: #d2cbc3; }
 .paginator .paginInner { text-align: center; display: inline-block; }
a.toleft { color: black; font-family: 'Amaranth-Regular', 'MyriadPro-Regular';   font-size: 16px; display: inline-block;
    margin-top: 1px; }
a.toleft.active { color: white; }
a.toleft img { height: 20px; margin: -4px 2px 0px 0px; }
a.toright { display: inline-block; float: right; color: black; padding-top: 3px; margin: 0 10px 0 10px; text-transform: uppercase; font-size: 12px;
    font-family: 'Amaranth-Regular', 'MyriadPro-Regular';
}
a.toright:hover { text-decoration: underline; }
a.toright.topcarttext { background: #666666;; display: inline-block; color: white; padding: 3px 8px 3px 8px; font-size: 16px; font-weight: bold;  }
a.toright.topcarttext:hover { text-decoration: none; background: black; }

.homepage-carousel li { padding: 10px;
float: left; width: 25%;}

.homepage-carousel.homepage-products li {
    padding: 16px;
    padding-bottom: 0px; }
.aboutus-home, .aboutus-home * { font-size: 17px; }

.kategoriaOldal .bx-wrapper { overflow: hidden; }
.kategoriaOldal .bx-wrapper .bx-viewport { left:-5px; }

.footer {  background: #b6aa9e; padding-top: 0px;  padding-bottom: 20px; border-top: 3px solid #383836;  }
.footer20 { border-top: 3px solid #383836; }
.footer .footer-head { background:#ada193; padding: 2px 0px 0px 0px; margin-bottom: 15px; text-transform: uppercase; color: white; }
.footer .footer1 { width: 38%; float: left;  color: black; font-size: 18px; line-height: 36px; }
.footer .footer1 strong { font-weight: bold;  font-size: 18px; line-height: 36px;}
.footer .footer-head .footer1 { color: white;  font-family: 'Amaranth-Regular', 'MyriadPro-Regular';  text-align: center;  font-size: 16px; }
.footer .footer-head .footer1, .footer .footer-head .footer2, .footer .footer-head .footer3 {  font-size: 16px; line-height: 30px; }

.footer .footer2 { width: 24%; float: left; line-height: 30px;  font-family: 'Amaranth-Regular', 'MyriadPro-Regular';  padding-left: 55px; }
.footer .footer2 a { display: block; margin-top: 0px;  color: black; font-size: 18px;  line-height: 36px; }
.footer .footer2 a:hover { text-decoration: underline; }
.footer .footer3 { width: 38%; float: left;   font-family: 'Amaranth-Regular', 'MyriadPro-Regular';  text-align: center;}
.footer .footer3-inner { color: black; text-align: left; font-family: 'AvenirLTStd-Light'; font-weight: bold;  font-size: 18px; line-height: 36px; }

.footer20 #footerlogo {  display: block; margin: auto; position: relative; top:-53px; }
.footer20 span, .footer20 a { font-size: 16px; color: #333; }
.footer20 .copyright { float: left; }
.footer20 .design { float: right; }

.footer20 div.container { position: relative; top:0px; min-height: 50px; padding-top: 10px; font-weight: bold;
    padding-bottom: 20px; }

div#termekOldal { padding-top: 5px; background: white; padding-bottom: 20px; }
div#termekOldal div#nagykep { min-height: 200px; }
div#termekOldal div#nagykep img { width:100%; display: block; margin: auto; }
div#termekOldal div.szinKocka { width:20px; height:50px; margin-left:5px; float:left; }
div#termekOldal div.szinKocka.kiskocka { height:40px; }
div#termekOldal div.termekKiskep { float:left; height:70px; margin: 4px 10px 4px 10px; width: calc(20% - 18px);
}
div#termekOldal div.termekKiskep.variant { float:left; height:50px; }
div#termekOldal div.termekKiskep img { height:70px; margin:1px; cursor: pointer; opacity: 0.5;  }
div#termekOldal div.termekKiskep img:hover {  opacity: 1;  }
div#termekOldal div.termekKiskep img.active {  opacity: 1;  }
div#termekOldal div.termekKiskep img.variant { height:50px; margin:1px; cursor: pointer; }
div#termekOldal .fb-like { margin: 0px 0 10px 0; }

div#termekOldal .termekadatok { padding-left: 20px; }
div#termekOldal .termekadatok h1 { font-size: 24px;  color: #826f5e; }
div#termekOldal .termekadatok span#ar { display: block; font-size: 20px; margin: 10px 0px 10px 0px; }
div#termekOldal .termekadatok span#ar span { font-size: 35px;    font-family: 'AvenirLTStd-Heavy'; }
div#termekOldal .termekadatok #megrendeles input { height: 30px; margin: 10px 0 10px 0; width:40px; }
div#termekOldal .termekadatok #megrendeles select { height: 30px; min-width: 40px; }
div#termekOldal .termekadatok #megrendeles a.intocart { display: block; background: #8bc5d3;  width: 100%; color: white; padding: 10px; text-align: center;  margin: 10px 0 10px 0; font-size: 20px;
    font-family: 'Amaranth-Bold'; font-size: 25px; ;
}
div#termekOldal .termekadatok #megrendeles a.intocart:hover {
 background: #1C8293;
}
div#termekOldal .termekadatok #megrendeles a.intocart i { font-size: 20px; }
div#termekOldal .termekadatok .hoverimage, .blogpage .hoverimage { height: 20px; }
div#termekOldal .termekadatok .hoverimage {
    margin-top: 5px;
}
div#termekOldal .kepek { margin-bottom: 20px; }

div#termekOldal div.variacio { margin-top:15px; background:#fff;  line-height:35px; }
div#termekOldal div.variacio .termekKiskep:first-child { margin-left: 0px; }
div#termekOldal div.variacio .termekKiskep:last-child { margin-right: 0px; }
div#termekOldal #dbselector { margin-bottom: 30px; font-size: 17px; }
/*.grayselect { background: #e4e4e4; color: black; }*/
div#termekOldal main, div#termekOldal main * { font-size: 17px; text-align: justify; }
div#termekOldal main { padding-top: 25px; }
div#termekOldal main strong { font-family: 'AvenirLTStd-Heavy'; font-size: 17px; display: block; margin-bottom: 10px; }

#breadcrumbDiv>div { display: inline-block; }
#breadcrumbDiv, #breadcrumbDiv a, #breadcrumbDiv a span { color: #000; font-size: 12px; text-transform: lowercase; }
#termekOldal #breadcrumbDiv { margin-bottom: 10px; }
#termekOldal .colorselector { display: inline-block;width: 28px;
    height: 28px; border-radius: 14px; margin: 0px 5px 0px 5px; border: 2px solid #fff; padding: 2px; cursor: pointer; }
#termekOldal .colorselector div { width: 20px; height: 20px; border-radius: 10px; }
#termekOldal .colorselector.selected { border: 2px solid #aaa; }
#termekOldal .szinmeret { line-height: 10px; position: relative; top:-5px; cursor: pointer; margin: 3px; }
.like-container { display: inline-block; float: left; }
.share-text, .share-text { float: right; display: inline-block; padding:5px  5px 5px 5px; background: #DEDEDE; color: black; font-size: 13px; height: 33px; font-size: 16px; margin-right: 20px; padding-left: 10px; padding-right: 10px;
    position: relative; }
.like-container .share-text { background: #8bc5d3; color: white; float: none; margin-right: 10px; }
.share-text::after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #e3e2e2;
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -4px;
    margin-top: -7px;
}
.like-container .share-text::after  {
    border-left: 7px solid #8bc5d3;
}

.like-container .share-text:hover {
    background: #DB9CC0;
}
.like-container .share-text:hover::after  {
    border-left: 7px solid #DB9CC0;
}

.like-container .like-count { float: right; display: inline-block; padding:5px  5px 5px 5px; background: #DEDEDE; color: black;  height: 33px; font-size: 16px; margin-right: 20px; padding-left: 10px; padding-right: 10px;
     }


#termekOldal .sbHolder { display: inline-block; }
#termekOldal .sbHolder, #termekOldal .sbOptions { width: 100px;}
#termekOldal #dbselector span.db { position: relative; display: inline-block; top:-10px; font-size: 17px; }
#termekOldal .kepek li a img { display: block; margin: auto; }

#kosartop { width: 150px; height: 60px; float: right; background: rgba(182,170,158,0.9); margin-top: 3px; color: black;    transition: 1s background linear; cursor: pointer; margin-top: 5px;
    margin-right: 15px;
}
#kosartop:hover { background: rgba(182,170,158,1); transition: 0.3s background linear;  }
#kosartop .carticon img { width: 34px; }
#kosartop .carticon { float: left; width: 35%; padding: 14px 0px 10px 10px; text-align: center;  }
#kosartop .carticon i { font-size: 20px; display: inline-block; background: #6bceea; padding: 10px; border-radius: 5px; }
#kosartop .carticon>span { display: block; height: 0px; width: 0px; }
#kosartop .carticon>span>span { font-size: 10px;
    color: black;
    background: black;
    border-radius: 50%;
    width: 17px;
    color: white;
    position: relative;
    padding-top: 2px;
    left: 30px;
    top: -8px;
    text-align: center;
    font-family: 'AvenirLTStd-Heavy';
    display: inline-block;
    font-size: 12px;
}
#kosartop .cartcontent { float: left; width: 65%; padding-right: 10px; padding-top: 10px; }
#kosartop .cartcontent span { display: block; float: right; }
#kosartop .cartcontent span.kosardarab {  font-size: 12px; text-align: right; position: relative;  }
#kosartop .cartcontent span.kosarar {  font-size: 16px; text-align: right;
    font-family: 'AvenirLTStd-Heavy'; font-size: 13px;
}

.kosar-modositas { margin-bottom: 20px; margin-top: 10px; width: 100%; }
.kosar-modositas .c1 { width: 33%; float: left; }
.kosar-modositas .c2 { width: 45%; float: left; padding-top: 10px; }
.kosar-modositas .c2 .db { font-size: 17px; }
.kosar-modositas .c2 select { background: #DEDEDE; border: 0px; padding: 5px; }
.kosar-modositas .c3 { width: 22%; float: left; }
.kosar-modositas .cartline { border-bottom: 1px solid #444; }
.kosar-modositas .head , .kosar-modositas .color1{ background: #b6aa9e; color: white;   font-family: 'Amaranth-Bold'; text-transform: uppercase; font-size: 18px; padding: 7px;   }
.kosar-modositas .color2 {background: #958575; color: white;    font-family: 'Amaranth-Bold'; text-transform: uppercase; font-size: 18px; padding: 7px; text-align: center; }

.kosar-modositas .ar {  font-family: 'AvenirLTStd-Heavy'; font-size: 30px; }
.kosar-modositas .deleteIcon { display: inline-block; padding: 4px; border-radius: 50%; color: #888; border: 1px solid #888; font-weight: 100; font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 13px;
    padding-left: 7px;
    margin-left: 10px;
}
.kosar-modositas tr td { padding: 10px; border-collapse: collapse; border-bottom: 1px solid #aaa; }
.kosar-modositas tr td input[type="text"] { width: 40px; }
.kosar-modositas .webshopgomb { width: 100%; }
.postingselect label { margin: 5px; margin-right: 25px; }
.pagehead { text-align: center; font-size: 30px; margin-bottom: 20px; font-family: 'CaviarDreams';
margin-top: 15px;
}

.kosar-modositas .totalline { padding: 10px 0px 10px 0px; }
a.backtoshop { font-size: 16px; font-weight: bold; }

.kosar-modositas span.itemname { display: block; font-size: 15px; }

.kosar-modositas span.itemname { display: block; text-transform: uppercase; font-size: 15px; line-height: 32px; margin-bottom: 5px; }


#kosarmodositasForm>input, .megrendeles-gomb { background: #1b9dc0; margin: 10px; color: white; border: 0px; padding: 5px; }

table.rendelesAdatok { width: 500px; max-width: 100%; }
table.rendelesAdatok tr, .rendelesOsszesito tr { border-bottom: 1px solid #ddd; }
table.rendelesAdatok tr td { padding: 5px; }
table.rendelesAdatok tr td input[type="text"],
table.rendelesAdatok tr td textarea { width: 100%; }
span.hiba { display: block; color: red; border: 1px solid red; border-radius: 3px; margin-top: 3px; padding: 2px; }
#megrendelesform  input[type="button"], #megrendelesform  input[type="submit"] {  background: #1b9dc0; margin: 5px; border: 0px; padding: 7px; color: white; }
#megrendelesform { margin-bottom: 20px; }
.rendelesOsszesito tr td { padding: 5px; }


.termekDivLeftHead { color: white; text-transform: uppercase; padding-left: 5px;  }
.termekDivLeft { padding: 5px; border-bottom: 1px solid white; text-align: center; }
.termekDivLeft a { color: white; text-align: center; }
.termekDivLeft a img { width:80%; margin: auto; display: block ; }

.cikkKat>div:first-child { width: 30%; float:left; }
.cikkKat>div:last-child { width: 70%; float:left; }
.cikkKat>div a { text-decoration:none; color: black;  font-weight: bold; }
.cikkKat>div a.tohover:hover { text-decoration: underline; }

.bloglist { margin-top: 20px; margin-bottom: 20px; background: #fff;   font-family: 'AvenirLTStd-Light'; }
.bloglist .cikkKat { border-bottom: 1px solid #aaa; padding-top: 25px; padding-bottom: 20px; }
.bloglist .cikkKat i.circle { margin-right: 3px; }

.bloglist-date-container { width: 0px; height: 0px; }
.bloglist-date-container>div { position: relative; top:-15px; left: -10px; background: #abb586; color: white; font-size: 18px; padding: 10px; width: 85px; text-align: center;
    font-family: 'Amaranth-Regular', 'MyriadPro-Regular';
}
.bloglist-date-container>div.blogpage {
    position: relative; top:25px; left: 10px;
}
.blogpage hr { border-top: 1px solid #bbb; }
.blogpage

.home-bloglist .bloghead { display: block; text-align: center; font-size: 20px; }
.home-bloglist .img-container { width: 100%; height: 200px; background-size: cover; background-position: center center; }
.home-bloglist>div { padding: 2%; font-size: 17px; padding-top: 0px; margin-top: -5px; }
.home-bloglist  div.blog-lead-text, .home-bloglist  div.blog-lead-text * { text-align: justify; font-size: 17px; }
.home-bloglist>div img { width: 100%; }
.home-bloglist>div .date-container { position: relative; padding: 10px; background: #acb586; display: inline-block; top:25px; left: -17px; color: white;
    font-family: 'Amaranth-Bold'; font-size: 18px;
}
.home-bloglist>div .blog-title { padding: 20px 0px 15px 0px;   font-family: 'AvenirLTStd-Heavy';font-size: 17px; display: block; }
.home-bloglist>div a { color: black; font-weight: bold; display: block; margin-top: 35px;  font-size: 17px; }
.home-bloglist>div a:hover {text-decoration: underline; }
.moreblogs { text-align: center; margin-bottom: 15px; }
.moreblogs a { color: black;  font-family: 'AvenirLTStd-Heavy'; font-size: 17px; }
.moreblogs a:hover { text-decoration: underline; }

.hompeage-products-list { padding-top: 17px; }

.greenstringbox { padding: 10px; background: green; color: white; border-radius: 5px; }
.redstringbox { padding: 10px; background: red; color: white; border-radius: 5px; }

table.reglogin tr td { padding: 2px; }

#mobile-menu { display: none; background: black; }
#mobile-menu-open { display: none; background: black; position: fixed; top:0px; width: 100%; color: white; cursor: pointer; padding-top: 5px; padding-bottom: 5px; font-size: 20px; }
#mobile-menu a { color: white; display: block; margin-top: 4px; margin-bottom: 4px; border-bottom: 1px solid #ddd; }
#mobile-menu ul.leftmenu li { background: none; padding: 0px;  }
#mobile-menu ul.leftmenu.filters { margin: 0px; }

i.circle { display: inline-block; width:10px; height: 10px; border-radius: 5px; background: rgba(182,170,158,1); margin-right: 10px; float: none; }
i.circle.white { background: #fff; }
i.circle.purple { background: #a899b6; }
i.active { background: #826f5f; }

.modal {    font-family: 'AvenirLTStd-Light'; }
.modal input { width: 100%; display: block; margin: 10px auto 10px auto; background: #eeeeee; color: black; padding: 10px; border: 0px; }
.modal button, .webshopgomb { background: #666666; color: white; padding: 5px 10px 5px 10px; display: block; width: auto;  margin: 0px auto 10px auto; border: 0px; border: 0px;  font-family: 'Amaranth-Bold'; text-transform: uppercase; font-size: 18px; }
.modal button.gray { background: #b9b9b9; }
.modal button.close { background: white; color: black; }
.modal button.close span { font-size: 30px; }
.modal .modal-body { text-align: center; }
.modal .modal-body a { color: black; }
.modal .modal-header { border-bottom:0px; padding-bottom: 5px; }
.modal-backdrop { background-color: rgb(182,170,158); }
.modal .loginerror { color: red; }
.modal h4 {  font-family: 'Amaranth-Regular', 'MyriadPro-Regular';text-transform: uppercase; text-align: center; font-size: 24px;  }
.modal button.close {   font-family: 'AvenirLTStd-Light'; font-size: 30px;
    padding: 0px; }

.userdatas .c1 { padding: 4px; }
.userdatas .c1long { width: 66.666%; }
.userdatas .c1longfull { width: 100%; }
.userdatas .data-head { font-weight: bold; display: block; font-size: 16px; }
.userdatas .c1 input[type="text"], .userdatas .c1long input[type="text"], .userdatas .c1longfull input[type="text"] { background: #eeeeee; border: 0px; width: 90%; display: block; padding: 4px; margin: 2px;  }

.userdatas label { font-size: 18px; margin: 5px; }
.userdatas .headrow { margin-top: 10px; }
.userdatas .headrow>div { padding: 7px; }

.kosar-container { display: block; }
.postingselect, .userdatas { display: none; }
.userdatas .billingrow { display: none; }
.ordercheck * { font-size: 18px; }
.ordercheck hr { border-top: 1px solid #555; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.ordercheck strong {  font-family: 'AvenirLTStd-Heavy'; font-weight: normal; }
.ordercheck .price { float: right; color: #b6aa9e;  font-family: 'AvenirLTStd-Heavy';  }
.ordercheck .price.total { color: black; }

.ordercheck .topborder { border-top: 1px solid #444; }

#bottomform { width: 90%; }
#bottomform input { display: block; width: 80%; border: 0px; padding: 3px; font-size: 17px; }
#bottomform textarea { display: block; width: 100%; height: 100px; border: 0px; margin-top: 5px; margin-bottom: 5px;  padding: 3px;
    font-size: 17px;
}
#bottomform button, #contactform button { background: #666666; color: white; text-transform: uppercase; border: 0px; float: right;  margin-left: 5px;
    font-family: 'Amaranth-Bold';
    height: 38px; min-width: 95px;
    font-size: 17px;
}

#bottomform button:hover, #contactform button:hover {
    background: black;
}

#contactform { margin-bottom: 60px; }
#contactform input { width: 50%; display: block; margin: 5px;  background: #eeeeee; border: 0px; padding: 5px; height: 32px; }
#contactform textarea { width: 100%; display: block; margin: 5px; background: #eeeeee; border: 0px; padding: 5px; height: 133px; }
#contactform button { float: right; margin-right: -5px; }

.contact-page .half { padding: 10px; }
.contact-page .half:last-child { border-left: 1px solid #111;
    font-family: 'AvenirLTStd-Heavy'; font-size: 19px;
}
.contact-page .half:first-child p { font-family: 'AvenirLTStd-Heavy'; font-size: 17px; }
.contact2 { font-family: 'AvenirLTStd-Heavy'; font-size: 17px; display: block; padding-left: 10px; }

#editdatas { margin-bottom: 10px; }
#editdatas input { display: block; margin-top: 5px; }
#editdatas button { float: none; margin: 0px; }

img.hoverimage { opacity: 0.6;
-moz-opacity: 0.6;
border: 0px; margin: 2px 4px 2px 4px;
}
.footer img.hoverimage { margin: 0px 4px 2px 4px;}
.footer .social-container { padding-left: 15px; }
img.hoverimage:hover { opacity: 1;
    -moz-opacity: 1;
}

.page-content { padding: 15px 0px 15px 0px; }
.page-content img, .page-content * img { max-width: 100%; }
.page-content h1, .page-content h2, .page-content h3 {
    font-size: 16px;
    font-weight: bold;
}
.page-content h1 .circle, .page-content h2 .circle, .page-content h3 .circle {
vertical-align: middle;
}

.account-flekk { background: #b5aa9d; padding: 10px; color: #6d5d4b; text-transform: uppercase; margin-top: 30px; margin-bottom: 30px; }
.account-flekk>div { text-align: center; }
.account-flekk i { background: #6d5d4b; }
.account-flekk a { color: white; }
.account-flekk  a i { background: #fff; }

#rendezesSelect, #productperpage { border: 0px; background: #d2cbc3; color: black; padding: 3px; border-radius: 0px; }
#szallitasiOrszag, .grayselect, #szamlazasiOrszag { border: 0px; background: #eeeeee; color: black; padding: 3px; border-radius: 0px; }
.perpage { padding-left: 15px; }

.orderreturn { display: none; padding: 30px; }

.myorders { min-width: 500px; }
.myorders>div { border-bottom: 1px solid black; padding: 5px 0px 5px 0px; }
.myorders>div:first-child>div { font-weight: bold; }
.myorders>div>div { float: left; width: 20%; }

table#lakas-vasar-idopontok {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #444;

}
table#lakas-vasar-idopontok * { font-family: 'CaviarDreams'; font-size: 18px; }
table#lakas-vasar-idopontok thead { background: #d2cbc3; }
table#lakas-vasar-idopontok th { background: #d2cbc3; padding: 10px; font-weight: bold; font-size: 25px; text-align: center;
    border-collapse: collapse;
    border: 1px solid #444;
}
table#lakas-vasar-idopontok tr td { border-collapse: collapse;
    border: 1px solid #444; padding: 10px; font-style: italic; text-align: center; }
table#lakas-vasar-idopontok tr td:nth-child(2) {  background: #eeeeee;
font-weight: 600; font-style: normal; text-align: center;
}

.kategoriaOldal header { margin: 0px 0px 20px 0px; font-size: 12px; }
.kategoriaOldal header * { font-size: 12px; }

.head2 { min-height: 100px; padding-left: 250px; }

@media screen and (max-width: 768px) {
    .topmenu a { margin-right: 10px;
        margin-left: 10px; }
    .left-column, .center-left-column { width: 100%; }
    .termekDivNagykep { width: 50%; }
    .kategoriaOldal ul li .termekDivNagykep {  width: 48%; }


    .footer .footer1 { width: 50%;}
    .footer .footer2 { width: 50%; }
    .footer .footer3 { width: 50%;}
    #kosartop { margin-right: 15px; }
    .row { margin: 0px; }
    .kosar-modositas .c1 { width: 33%; float: left; }
    .kosar-modositas .c2 { width: 33%; float: left; }
    .kosar-modositas .c3 { width: 33%; float: left; }

    .head2 {  padding-left: 0px; }
    .homepage-carousel li { width: 50%;}
}

@media screen and (max-width: 468px) {
    #mobile-menu-open { display: block; z-index: 999; }
    .row.topmenu { display: none; }
    .left-column { display: none; }
    .half { width: 100%; float: left; }
    .half.need-mobile-full { width: 100%; }
    .quarter { width: 50%; float: left; }
    .kategoriaOldal .termekDivNagykep { width: 46%; margin: 2%;  }
    .headmenu { margin-top: 40px; }
    a.toright.tomobilemenu { display: none; }
    img#logo { height: 90px; margin: 0px; }
    .copyright-container { margin-top: 50px; }
    .footer20 .design { float: left; width: 100%; }

}


@font-face {
    font-family: 'Amaranth-Bold';
    src: url('/fonts/Amaranth-Bold.eot?#iefix') format('embedded-opentype'),  url('/fonts/Amaranth-Bold.otf')  format('opentype'),
    url('/fonts/Amaranth-Bold.woff') format('woff'), url('/fonts/Amaranth-Bold.ttf')  format('truetype'), url('/fonts/Amaranth-Bold.svg#Amaranth-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd-Light';
    src: url('/fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),  url('/fonts/AvenirLTStd-Light.otf')  format('opentype'),
    url('/fonts/AvenirLTStd-Light.woff') format('woff'), url('/fonts/AvenirLTStd-Light.ttf')  format('truetype'), url('/fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Amaranth-Regular';
    src: url('/fonts/Amaranth-Regular.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Amaranth-Regular';
    src:  url('/fonts/Amaranth-Regular.otf')  format('opentype'),
    url('/fonts/Amaranth-Regular.ttf')  format('truetype'), url('/fonts/Amaranth-Regular.svg#Amaranth-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Heavy';
    src: url('/fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),  url('/fonts/AvenirLTStd-Heavy.otf')  format('opentype'),
    url('/fonts/AvenirLTStd-Heavy.woff') format('woff'), url('/fonts/AvenirLTStd-Heavy.ttf')  format('truetype'), url('/fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CaviarDreams';
    src: url('/fonts/CaviarDreams.eot?#iefix') format('embedded-opentype'),  url('/fonts/CaviarDreams.woff') format('woff'), url('/fonts/CaviarDreams.ttf')  format('truetype'), url('/fonts/CaviarDreams.svg#CaviarDreams') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('/fonts/MyriadPro-Regular.otf')  format('opentype'),
    url('/fonts/MyriadPro-Regular.woff') format('woff'), url('/fonts/MyriadPro-Regular.ttf')  format('truetype'), url('/fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}