/*
-----------------
	LIST
-----------------
*/
.bread {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAObNm36z4gsBhLw8/NjhAvCBECKwILIAmBBdAGQIAC9RhMbR3DHbwAAAABJRU5ErkJggg==); height: 90px; line-height: 88px; border: 1px solid #b2b2b2;}
.bread .title {color: #000; font-size: 30px;}
.bread ul {border:1px solid #c5c5c5; border-radius: 3px;padding:0 10px;background: #fff;height: 40px;line-height: 40px;display: inline-block;vertical-align: middle;margin-bottom: 0;margin-top: 25px;}
.bread ul li a{color: #000;text-decoration: underline;}
.bread ul li a:hover {text-decoration: none;}
.bread ul li + li:before {content: '>'; display: inline-block; margin-right: 10px; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: #445a8f;}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-radius:0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-radius:0;}

.products {margin-top: 20px;}
.products > li {position: relative; border:1px solid #dfdfdf;width: 25%; float: left; margin: -0.5px; padding: 15px; }
.products > li:hover { background: rgba(68,90,143, 0.3); }
.products > li .on_sale {position: absolute;right: 15px;top: 15px;background: #e64c66; padding: 3px 15px; font-size: 26px; color: #fff; font-weight: bold; }
.products > li .thumb {display: block;text-align: center;margin-top: 35px; height: 285px; line-height: 285px; }
.products > li a.name {display: block;color: #000;font-size: 20px;line-height: 32px; text-align: center; }
.products > li .price { text-align: center; line-height: 26px; font-size: 18px; font-weight: 300; color: #445a8f; }
.products > li .price .old { text-decoration: line-through; }
.products .productDescription ul { list-style-type: none !important; padding-left: 20px !important; }
.products .productDescription ul li {
	position: relative !important;
	padding-left: 15px !important;
}
.products .productDescription ul li::after {
	content: ' ';
	width: 6px;
	height: 6px;
	background: #445a8f;
	display: block;
	position: absolute;
	transform: rotate(45deg);
	top: .5em;
	left: 0;
	font-size: 12px;
}

.s_form {margin-top:20px;}
.s_form button[type="submit"] {background: #445a8f;border-color:#445a8f;border-radius:0;color: #fff;}
.s_form button[type="submit"]:hover {background: #fff;border-color:#445a8f;color: #445a8f;}
.s_form .form-control {border-radius:0;border-color:#445a8f;color: #445a8f;margin-right:10px;}


.s_form .form-control::-webkit-input-placeholder { color: #445a8f; }
.s_form .form-control:-moz-placeholder { color: #445a8f; }
.s_form .form-control::-moz-placeholder { color: #445a8f; }
.s_form .form-control:-ms-input-placeholder { color: #445a8f; }

.awards {margin: 40px auto;border-bottom: 1px solid #c2c2c2;padding-bottom: 20px;}
.awards .title{color: #454545;font-size: 30px;font-weight: bold;margin-bottom: 20px;}
.pl10 {padding-left: 20px;}
.pr10 {padding-right: 20px;}


.about_us {margin: 40px auto;padding-bottom: 20px;border-bottom: 1px solid #c2c2c2;}
.about_us .title{color: #454545;font-size: 30px;font-weight: bold;margin-bottom: 20px;}
.about_us .subtitle{color: #454545;font-size: 30px;line-height: 30px;margin-bottom: 20px;}
.about_us p {color: #454545;font-size: 16px;line-height: 25px;}

a.social {margin: 10px 4px 20px 0;width: 36px;height: 36px;border-radius: 50%;display: inline-block;border:1px solid #454545;color: #454545;text-align: center;line-height: 34px;margin-right: 4px;}
a.social:hover {background: #454545; color: #fff;}

.form .form-control {height: 50px;margin-bottom: 10px;border-color: #333; border-radius: 0; font-size: 16px;}
.form textarea {min-height: 230px;padding-top: 10px;}
.form li {position: relative;}
.form label.error {position: absolute;bottom: 0;right: 0;padding:0 15px;background: red;margin:0;color: #fff;font-weight: normal;}
.form input[type="submit"] {background: #333;height: 45px;line-height: 45px;text-align: center;padding:0 30px;border:0;color: #fff;font-size: 16px;font-weight: 500;}
.form input[type="submit"]:hover {background: #445a8f;}

.sidebar {padding:22px 0;}
.sidebar .title {font-size: 20px;color: #445a8f; font-weight: 600; }
#faq { padding: 20px 0; }
#faq .title { padding-bottom: 10px; font-size: 20px; line-height: 30px; font-weight: bold; display: block; color: #000; }
#faq .title i { color: #7f7f7f; font-size: 40px; float: right; margin-top: -5px; }
#faq .title.collapsed i:before { content: '\f106'; }
#faq .faq_text { font-size: 16px; line-height: 20px; border-bottom: 1px solid #e5e5e5; color: #000; padding-bottom: 5px; margin-bottom: 10px; } 
#faq .faq_text:last-of-type { border-bottom: 0; } 
#faq .pb10 { padding-bottom: 10px; } 

.pl20 {padding-left: 5px;}
.pr20 {padding-right: 5px;}
.contact { padding: 40px 0; color: #000; }
.contact p { font-size: 16px; }
.contact iframe {min-height: 645px;width: 100%;border:0;}

.contact .info { padding: 0; margin: 20px 0; }
.contact .info i { color: #445a8f; font-size: 17px; float: left; width: 20px; height: 30px; text-align: center; line-height: 30px; margin-right: 10px;  }
.contact .info span { float: left; height: 30px; line-height: 30px; color: #000; }
.contact .info span a { color: #000; text-decoration: underline; }
.contact .info span a:hover { text-decoration: none; }

.c_form {padding-right: 15px;}
.c_form .pl10 {padding-left: 10px;}
.c_form .pr10 {padding-right: 10px;}
.c_form .row .col-md-6 input {font-size: 16px;padding:0 20px;width: 100%;height: 55px;border:1px solid #464646; border-bottom-width: 3px; margin-bottom: 20px; }
.c_form .row .col-md-6 input:hover, .c_form .row .col-md-6 input:focus { border-color: #445a8f; }
.c_form .row textarea { font-size: 16px;padding:10px 20px;width: 100%;height: 230px;border:1px solid #464646; border-bottom-width: 3px; margin-bottom: 20px; resize:none; }
.c_form .row textarea:hover, .c_form .row textarea:focus { border-color: #445a8f; }
.c_form .row input[type="submit"] {background: #445a8f;height: 44px;line-height: 44px;border:0; text-transform: uppercase;color: #fff; font-size: 16px; padding:0 15px;}

.c_form ::-webkit-input-placeholder { color: #878787;  }
.c_form :-moz-placeholder { color: #878787; }
.c_form ::-moz-placeholder { color: #878787; }
.c_form :-ms-input-placeholder { color: #878787; }

.help article {border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 10px; }
.help article .title {font-size: 20px;margin-bottom: 20px;}
.help .answer {font-size: 20px;line-height: 30px;font-weight: bold;}
.help .pl20 {padding-left: 20px;}
.help .pr20 {padding-right: 20px;}

.s_products {padding:0;margin:20px 0 0 0;}
.s_products li { margin-bottom: 10px; }
.s_products li a .price .old{ text-decoration: line-through; }
.s_products li a img { float: left; margin-right: 10px; }
.s_products li span.name {color: #000;font-size: 20px;line-height: 20px; display: block; margin-bottom: 10px; margin-top: 10px; }
.s_products li .price {color: #445a8f;font-size: 20px;line-height: 18px; display: block;   position: absolute;  left: 135px;}

.sidebar .cats {font-size: 16px; padding: 10px 0; margin: 0;}
.sidebar .cats li a {font-size: 16px; font-weight: 500; color: #000; display: block; padding: 5px 5px 5px 0; }
.sidebar .cats li:hover a, .sidebar .cats li.active a {color: #c4c4c4;}

.categories li { border-top: 1px solid #e5e5e5; padding: 20px 0; }
.categories li a.thumb { line-height: 220px; }
.categories li a.name { font-size: 18px; line-height: 28px; color: #000; }
.categories li a.name span { display: block; font-size: 16px; color: #445a8f; font-weight: 300; }

.on_sales { border-top: 1px solid #e5e5e5; }

.on_sales .item { padding: 20px 0; text-align: center; }
.on_sales .item a.thumb { line-height: 220px; display: block; }
.on_sales .item a.thumb img { display: inline-block; width: auto; max-width: 100%; }
.on_sales .item a.name { font-size: 18px; line-height: 28px; color: #000; }
.on_sales .item .price { display: block; font-size: 16px; color: #445a8f; font-weight: 300; }

.owl-next, .owl-prev { position: absolute; top: 50%; margin-top: -25px;  display: block; width: 50px; height: 50px; border:1px solid #000; text-align: center; line-height: 46px; font-size: 30px; color: #000; }
.owl-next { right: -50px; }
.owl-prev { left: -50px; }

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


.hr:after { content: ''; background: #e5e5e5; height: 1px; width: 100%; display: block; max-width: 1200px; }

.related { margin: 40px auto; }
.related .owl-item:first-of-type .item { border-left: 1px solid #e5e5e5; }
.related .item { border: 1px solid #e5e5e5; border-top: 0; border-left: 0; }
.related .owl-next, .related .owl-prev { position: absolute; top: 50%; margin-top: -25px;  display: block; width: 50px; height: 50px; border:1px solid #445a8f; text-align: center; line-height: 46px; font-size: 30px; color: #fff; background: #445a8f; }
.related .owl-next { right: -25px; }
.related .owl-prev { left: -25px; }

#gallery { padding-top: 40px; }
.gallery { float: left; margin-right: 20px; }
.gallery li { border: 1px solid #dcdcdc; width: 118px; height: 118px; margin-bottom: 15px; text-align: center; line-height: 118px; }

.pictures { border: 1px solid #e4e4e4; height: 519px; float: left; width: 490px; text-align: center; }
.pictures .image_holder { line-height: 519px;  }
.p_details .title { padding-top: 40px; color: #000; font-size: 50px; }

.cart_form { margin-top: 20px; margin-bottom: 25px; }
.cart_form .qty { border: 1px solid #454545; height: 55px; width: 140px; position: relative; float: left; }
.cart_form .qty input { width: 85px; height: 53px; border: 0; text-align: center; font-size: 18px; font-weight: 600; }
.cart_form .qty button { background: #454545; border:0; height: 26px; width: 55px; color: #fff; position: absolute; bottom: 0; right: 0px; }
.cart_form .qty button.plus { top: 0; bottom: auto; }

.cart_form .cart_icon { float: left; margin-left: 20px;  }
.cart_form .cart_icon:before { content: ''; width: 55px; height: 55px;  background: url(../img/cart.png) no-repeat center #445a8f; float: left; margin-right: 1px; cursor: pointer; }
.cart_form input[type="submit"] { height: 55px; background: #445a8f; border: 0; padding:0 20px; font-weight: 600; font-size: 16px; color: #fff; text-transform: uppercase; }


.p_details .price { color: #445a8f; }
.p_details .netto { font-size: 15px; }
.p_details .brutto { font-size: 30px; }

.tab-content { border:1px solid #ddd; border-top: 0; padding: 10px; font-size: 16px; color: #000; }
.nav-tabs > li > a { border-radius:0; background: #dadada; color: #000; font-size: 17px; margin-right: 0; }

.p_details .pr10 {padding-right: 10px;}
.p_details .pl10 {padding-left: 10px;}

/*
-----------------------
		KOSÁR
-----------------------
*/

.main_title.mb0 {padding-top: 20px; margin-top: -50px;padding-bottom: 10px;}
#cart {margin-top: 20px;padding:20px;border-top: 5px solid #445A8F;background: #f5f5f5;margin-bottom: 20px;}
#cart .carts {width: 60%;margin-top: -10px; float: left; }
#cart .carts th {text-align: center;position: relative;position: relative;top: 10px;}
#cart .carts th:before { width: 100%;height: 1px;left: 0;top: 10px;background: #ddd;position: absolute;content: '';z-index: 1;}
#cart .carts th span {  background: #f5f5f5; display: inline-block; padding: 0 10px;position: relative;z-index:1;}
#cart .carts tbody tr {border-bottom: 1px solid #ddd;}
#cart .carts tbody td {padding: 10px 0;}
#cart .p_thumb {float: left; margin-right: 10px; }
#cart .details a {color: #445A8F; font-size: 16px;font-weight: 600;}
#cart .details a.name {font-size: 18px;}
#cart .details a:hover {text-decoration: underline;color: #000;}
#cart .details {vertical-align: top;font-size: 13px;}
#cart .product_d {max-width: 500px;}
#cart .price {text-align: center;font-weight: 600;}
#cart .qty {text-align: center;}
#cart .price_sum {text-align: center;font-weight: 700;position: relative;padding-right: 25px;}
#cart .remove_h{position: relative;width: 40px;}
#cart .remove_h a {right: 0;width: 30px;height: 30px;color: #fff;right: 0;display: block;background: #445A8F;line-height: 30px;top: 50%;right: 0px;text-align: center; border-radius:10px;}
#cart .remove_h a:hover {border: 1px solid #bf1f2d;background: #fff;color: #445A8F;}
#cart tr:hover .qty button {opacity:1;}
#cart .qty button {display: inline-block;margin-right: -5px;border:0;background: #445A8F;outline:0;border:1px solid #445A8F;width: 30px;height: 30px;color: #fff;opacity:0;}
#cart .qty input {margin-right: -5px;display: inline-block;text-align: center;border:1px solid #445A8F;height: 30px;width: 36px;}

#cart .cart_total table {float: right;border-top:3px solid #445A8F;width: 30%;background: #fff;}
#cart .cart_total table tr td {text-align: left;padding: 5px 20px;font-weight: 600;height: 45px;width: 200px;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
#cart .cart_total table tr td:last-of-type {text-align: left; font-weight: 700;width: auto;padding-left: 20px;}
#cart .cart_total table tr td{border-bottom: 1px solid #ddd;}

#cart .affix {top: 20px;}
#cart .bootstrap-select:not([class*=span]) {width: 250px;margin-bottom: 0;text-align: left;border: 1px solid #ddd;background: #fff;outline:0;margin-left: -2px;}
.bootstrap-select:not([class*=span]) .btn:hover {outline:0!important;}
#cart .buttons {margin-top: 20px;}
#cart tfoot .buttons {margin: 10px 0;}
#cart .buttons .btn_red {padding:0 20px; width: auto; padding:10px 20px; width: auto; background: #445A8F; color: #fff  }
#cart .buttons .btn_red:hover { color: #445A8F; border:1px solid #445A8F; background: #fff; }
#cart .buttons .btn_white {padding:10px 20px; width: auto; background: #454545; color: #fff }
#cart .buttons .btn_white:hover { background: #fff; border: 1px solid #454545; color: #454545 }

#cart label[for="use_eu_tax_number"] { display: inline; }

#megrendeles{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 15px;width: 100%;padding: 0;color: #575656;}
#megrendeles label{font-weight: normal;}
#megrendeles .col-md-12.p20{padding: 20px 0;}

#megrendeles label.error {margin: -15px 0 10px -25px !important;}

#megrendeles .btn-success{display: inline-block;margin: 0 auto;border-color: #000;background: #445A8F; color:#fff; margin-bottom: 10px;}
.megrendeles-bottom .btn-default{color: #fff;background: #445A8F;color:#fff;}
.megrendeles-bottom .text-left .btn-default:first-of-type{color: #fff;background: #454545;}
#megrendeles .buttons2{margin-top: 20px;}
#megrendeles .buttons2 a{font-size: 16px;background: red;}
#megrendeles legend{border-bottom: 1px solid #e5e5e5;padding-bottom:20px;}
#megrendeles textarea{width: 100%;height: 100px;text-indent: 15px;border: 1px solid #ccc;border-radius: 10px;background: #fff;}
#megrendeles .radio{text-align: left;}
#megrendeles .checkbox{width: auto !important;text-align: left;}
#megrendeles .controls{text-align: center;}
#megrendeles .controls input{width: auto;}
#megrendeles .control-group{text-align: center;}
#megrendeles .control-group input,#megrendeles .control-group textarea{width: 395px;height: 30px;margin-bottom: 20px;text-indent: 10px;border: 1px solid #ccc;border-radius: 5px;background: #fff;}
#megrendeles .control-group label{display: inline-block;width: 120px;margin-right: 20px;text-align: right;}
#megrendeles .control-group label.error{font-size: 13px;display: block;width: 100%;margin-top: 10px;text-align: center;color: #f00;}
#megrendeles .control-group .input-group{display: inline-block;}
#megrendeles .control-group .radio{margin-right: 0;margin-left: 10px;margin-left: 85px;text-align: left; width: 300px;}
#megrendeles .control-group .checkbox{margin-left: 20px; padding-bottom: 30px; text-align: left;}
#megrendeles .control-group input[type='radio'],#megrendeles .control-group input[type='checkbox']{width: auto;margin-top: -4px;margin-bottom: 10px;}
#billing-fieldset{display: none;}

#megrendeles .bootstrap-select:not([class*=span]) { width: 32%; margin-left: 1px; color: #e1e0e0; border: 0; background: transparent; margin-bottom: 10px; }

#megrendeles input[disabled="disabled"] {background-color: #ddd !important; cursor: not-allowed;}
.megrendelo {margin-bottom:20px;margin-top: 20px;}



@media(max-width:1110px) {
    #cart .carts {width: 100%;}
    #cart .cart_total table{margin-top: 30px;width: 100%;}
}
@media(max-width:650px) {
    #cart .p_thumb{display: none;}
}

@media(max-width:600px) {
    #cart .details p{display: none;}
    #cart .qty button{display: none;}
}

@media(max-width:520px) {
    #cart .cart_total table{float: none;}
    #cart .remove_h a{width: 15px;height: 15px;line-height: 15px;}
    #cart .remove_h{width: 20px;}
    #cart > table > thead > tr > th:nth-child(3){display: none;}
    #cart > table > tbody > tr > td.price{display: none;}
    #cart .cart_total table tr td{width: auto;}
}
@media(max-width:480px) {
    #cart .bootstrap-select:not([class*=span]){width: 150px;}
}

@media (max-width: 991px) {
    #megrendeles input{width: auto !important;}
    #megrendeles .control-group label{text-align: center;}
    #megrendeles .control-group .radio,#megrendeles .control-group .checkbox{margin-left: 10px;}
    #megrendeles .controls{text-align: center;}
    #megrendeles .control-group input[type='radio'],#megrendeles .control-group input[type='checkbox']{margin-top: -8px;}
}

@media (max-width: 600px) {
    #megrendeles .col-md-1,#megrendeles .col-md-11{width: 100%;margin-bottom: 10px;text-align: center;}
}