*{box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px; margin: 0px; line-height: 100%}
html,body{height: 100%; padding: 0px; margin: 0px; line-height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #333333;}
body{background: url(/design/background-image.webp) no-repeat center top fixed; background-size: cover;}
p{font-size: 13px; line-height: 16px; padding: 5px 0px 10px 0px; width: 100%; color: navy;}
a{color: #333333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-decoration: none;}
a:hover{color: #6b9cc7; }
h1, h2, h3, h4, h5{width: 100%;}
img{max-width: 100%; height: auto;}


/* KAPCSOLAT */
.kapcsolati-cikk{background: #cccccc; margin: 10px 0px; padding: 15px; text-align: center;}
.kapcsolati-cikk h3{font-size: 18px;}
.kapcsolati-cikk p{font-size: 16px; line-height: 21px;}

.contact-person{width: 100%; border-bottom: 1px solid #496bb6; padding-bottom: 10px;}
.contact-person img{display: inline-block; width: 150px; line-height: 0px; float: left; padding-right: 10px;}
.contact-person h3{font-size: 20px;}
.contact-person h3 span{display: block; font-size: 15px; line-height: 21px; padding: 2px 0px; font-weight: normal;}
.contact-person p{padding:2px 0px;}
.contact-person p a{color: navy; font-weight: bold;}

/* KAPCSOLAT VÉGE */

.product-box{border-top: 1px dotted #cccccc;}
.product-box h2{background: #de8e36; color: #ffffff; font-size: 15px; line-height: 18px; padding: 5px 10px; text-align: center;}
.product-box figure{box-shadow: 0px 0px 2px #555555; -moz-box-shadow: 0px 0px 2px #555555; -webkit-box-shadow: 0px 0px 2px #555555; line-height: 0px; width: 100%;}
.product-box figure figcaption{display: none;}
.product-box .article-content p{font-size: 14px; line-height: 19px; padding: 5px 0px 0px 0px;}
.discount-price{color: #d90000;}
.normal-price{}

.custom-article{background: #efefef;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #555;
    -moz-box-shadow: 0px 0px 3px #555;
    -webkit-box-shadow: 0px 0px 3px #555;
}

.custom-article h3{font-size: 18px; border-bottom: 1px dotted #cccccc; padding: 0px 0px 10px 0px; margin: 0px 0px 5px 0px;}
.custom-article p{font-size: 14px; line-height: 18px;}

.termek-informacio-button{
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 5px 0px 0px 0px;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    border: solid 1px #10105b;
    box-shadow: 1px 1px 5px #000;
    font-size: 14px;
    background: #3b679e;
    background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
    background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
}

.termek-informacio-button:hover{
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    border: solid 1px #3333aa;
    box-shadow: 2px 2px 10px #000;
    font-size: 14px;
    background: #d0e4f7;
    background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea));
    background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%);
    background: -o-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%);
    background: -ms-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%);
    background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 );
}


.product-price-list{position: absolute; right: 0; bottom: 50px;}
.product-price-list li{margin: 5px 0px; color: #ffffff; padding: 5px 10px; text-align: right;}
.product-price-list li span{display: block; font-style: italic; font-size: 12px;}
.product-price-normal{background: #344D83;}
.product-price-discount{background: #d90000;}

/* Breadcrumb */
#box-breadcrumb{border-top: 1px dotted #ccc; padding: 5px 0px 3px 0px; margin: 0px 0px 3px 0px; width: 100%;}
.ol-breadcrumb{overflow: hidden; list-style: none; width: 100%;}
.ol-breadcrumb li{float: left;}
.ol-breadcrumb li a{display: inline-block; padding-left: 15px; position: relative; line-height: 19px;}
.ol-breadcrumb li a:hover{color: #6b9cc7;}
.ol-breadcrumb li a:before{content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0px; left: 6px; }
.ol-breadcrumb li:first-child a{padding-left: 0px;}
.ol-breadcrumb li:first-child a:before{content: ''; left: 0;}
.ol-breadcrumb li a span{}

.page-width{width: 100%;}
.page-inner-width{max-width: 1000px; margin: auto;}
.page-subtitle{font-size: 24px; justify-content: center;}

#menu-box{background: #ffffff; padding: 10px;}
#menu-box-inner{background: #5292CC; margin: 0px;}
#menu-box-inner li{margin: 0px; width: 100%; }
#menu-box-inner li a{color: #ffffff; font-size: 16px; text-align: center; padding: 8px 5px; display: block; width: 100%; border-top: 1px dotted #ffffff; border-bottom: 1px solid #5292CC;}
#menu-box-inner li:first-child a{border-top: 1px solid #5292CC;}
#menu-box-inner li a:hover{background: #000080;}


#main-box{}
#main-box-inner{background: #ffffff; padding: 10px;}

#footer-lists section{padding: 10px 0px 20px 0px;}
#footer-lists section h2{background: #000040; color: #ffffff; font-size: 14px; line-height: 18px; padding: 10px 15px; width: 100%; margin: 0px 10px; border-radius: 3px; text-transform: uppercase; text-align: center;}
#footer-lists section nav ul{width: 100%; padding: 10px;}
#footer-lists section nav ul li{width: 100%;}
#footer-lists section nav ul li a{display: inline-block; padding: 7px 12px; color: #ffffff; font-size: 16px; border-radius: 3px; width: 100%; text-align: center;}
#footer-lists section nav ul li a:hover{background: #333333; color: #de8e36; }

#footer-bottom{background: #1e1e1e; padding: 10px 0px 20px 0px;}
#footer-logo{max-width: 150px;}

#search-slider{position: relative; background: #ffffff;}
#search-slider:after{content: ""; clear: both; display: block;}
#search-form{position: relative;}
#search-form-submit{position: absolute; right: 0; top: 0;}
#search_text{height: 40px; font-size: 14px; font-weight: bold; color: #777; padding-right: 40px;}
#search_text:focus{color: navy;}
#search-submit{cursor: pointer; background: #fff; border: none; width: auto; height: auto; font-size: 24px; padding: 0px; position: absolute; right: 10px; top: 8px;}
#search-submit:hover{color: #5292CC;}
#search-suggest{position: absolute; top:40px; background: #333333; border:1px solid #aaaaaa; display: none; z-index: 99999;}

#search-suggest h3{color: #ffffff; width: 100%; font-size: 16px; padding: 10px;}
#search-suggest h3 span{color: #de8e36;}
#search-suggest ul{list-style: none; margin: 0px;}
#search-suggest ul li{border-top: 1px solid #cccccc; padding: 5px; color: #efefef;}
#search-suggest ul li:hover{background: #000040;}
.quick-normal{background: #5292CC; padding: 5px 10px; font-weight: normal; display: block; text-align: center; width: 100%;}
.quick-discount{background: #d90000; padding: 5px 10px; font-weight: normal; display: block; text-align: center; width: 100%;}
#search-suggest ul li div a{color: #ffffff;}

.header-search{right: 0; top: 0; z-index: 99; padding: 10px; width: 100%;}
.header-search form{justify-content: flex-end;}
.camera-slider-contener{background: #ffffff; display: none;}


.egyedi_cikk{background: #efefef; padding: 15px; margin-bottom: 10px; border-radius: 3px;}
.egyedi_cikk h2{font-size: 21px;}
.egyedi_cikk p{font-size: 14px; line-height: 18px;}

.result{text-align: center; font-size: 21px; justify-content: center;}
.result span{font-weight: bold;color: #ffffff; background: url(/design/counter.webp) no-repeat; width: 96px; height: 25px; line-height: 23px; display: inline-block; text-align: right; letter-spacing: 6px;}
.result em{color: navy; font-weight: bold;}


.mobil-menu-button{border: 10px solid #ffffff; cursor: pointer; display: block;background: #333333; color: #fff; padding: 10px; text-align: center; border-radius: 3px; text-transform: uppercase; }
.mobil-menu-button:hover{background: #5292CC;}
#menu-box{display: none;}

#page-title{display: block; background: #ffffff; padding: 10px 10px 5px 10px; text-align: center; text-transform: uppercase; font-size: 28px;}
#page-title a{color: navy;}
#page-title a span{color: #de8e36; display: block; padding: 5px 0px 0px 0px; text-transform: none; font-size: 18px;}

.to-the-top{position: fixed; bottom: 15px; width: 100%;}
.to-the-top a{display: block; margin: auto; width: 40px; text-align: center; font-size: 36px; color: #ffffff; z-index: 9999; text-shadow: 0px 0px 3px #111111;}
.to-the-top a:hover{color: #5292CC;}

#basket-box{padding-right: 10px;}
#basket-box a{text-align: right; width: 100%; border-radius: 3px; display:block; border: none; background-image: linear-gradient(to bottom, #1bc214, #106a0c); color: #fff; font-size: 16px; height: auto; padding: 10px 15px 10px 10px;}
#basket-box a i{margin-left: 5px; padding-left: 5px; border-left: 1px solid #cccccc;}

#footer-lists{
    background: rgb(92,119,219);
    background: -moz-linear-gradient(top, rgba(92,119,219,1) 0%, rgba(61,61,61,1) 90%, rgba(30,30,30,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,119,219,1)), color-stop(90%,rgba(61,61,61,1)), color-stop(100%,rgba(30,30,30,1)));
    background: -webkit-linear-gradient(top, rgba(92,119,219,1) 0%,rgba(61,61,61,1) 90%,rgba(30,30,30,1) 100%);
    background: -o-linear-gradient(top, rgba(92,119,219,1) 0%,rgba(61,61,61,1) 90%,rgba(30,30,30,1) 100%);
    background: -ms-linear-gradient(top, rgba(92,119,219,1) 0%,rgba(61,61,61,1) 90%,rgba(30,30,30,1) 100%);
    background: linear-gradient(to bottom, rgba(92,119,219,1) 0%,rgba(61,61,61,1) 90%,rgba(30,30,30,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c77db', endColorstr='#1e1e1e',GradientType=0 );
}

#filter-submit{background: navy;  color: #fff; padding: 5px 10px; justify-content: center; align-items: center; border: navy; cursor: pointer;}
#filter-submit i{margin-right: 5px;}
#filter-submit:hover{background: #5292CC;}


#footer-bottom article{}
#footer-bottom article h3{color: #5292CC;}
#footer-bottom article p{color: #ffffff;}

.fixed-top{}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    #footer-lists section h2{text-align: left;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #page-title{display: none;}
    .header-search{position: absolute;}
    .camera-slider-contener{display: block;}
    .mobil-menu-button{display: none;}
    #menu-box{display: block!important;}
    #menu-box-inner{display: flex;}
    #menu-box-inner li{flex: auto; width: auto;}
    #menu-box-inner li a, #menu-box-inner li:first-child a{border:none;}
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
}