/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

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

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-tablet:before { content: '\e800'; } /* '' */
.icon-down:before { content: '\e801'; } /* '' */
.icon-right:before { content: '\e802'; } /* '' */
.icon-login:before { content: '\e803'; } /* '' */
.icon-pencil:before { content: '\e804'; } /* '' */
.icon-cart:before { content: '\e805'; } /* '' */
.icon-zoom:before { content: '\e806'; } /* '' */
.icon-book:before { content: '\e807'; } /* '' */
.icon-mail:before { content: '\e808'; } /* '' */
.icon-key:before { content: '\e809'; } /* '' */
.icon-help:before { content: '\e80a'; } /* '' */
.icon-gift:before { content: '\e80b'; } /* '' */
.icon-download:before { content: '\e80c'; } /* '' */
.icon-search:before { content: '\e80d'; } /* '' */
.icon-trash-empty:before { content: '\e80e'; } /* '' */
.icon-heart:before { content: '\e80f'; } /* '' */
.icon-heart-empty:before { content: '\e810'; } /* '' */
.icon-cancel:before { content: '\e811'; } /* '' */
.icon-info:before { content: '\f085'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-archive:before { content: '\f1c6'; } /* '' */


/***********************************
general
************************************/
html { height: 100% }
body { background: linear-gradient(to bottom, #999 0%,#ffffff 100%) no-repeat fixed; font-family: 'Nunito', sans-serif; height: 100% }
img { max-width: 100% }
small, .small { font-size: 0.875rem }


/***********************************
headings
************************************/
h2 { font-size: 20px }
.section-title { display: flex; flex-flow: row wrap; align-items: center; margin: 30px 0 15px 0; background: #f1ebe2; color: #c53e27; border-radius: 5px; padding: 10px 20px }
.section-title .title { flex-basis: 70% }
.section-title .more { flex: 1; text-align: right }
.section-title .more a { font-weight: 400; color: #212529; font-size: 1rem }
@media(max-width:480px) {
	.section-title .title,
	.section-title .more { flex-basis: 100%; text-align: left }
}

/***********************************
page wrapper & maximum width of the layout
************************************/
.wrapper { max-width: 1200px; margin: 0 auto }
.page { background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.05) }


/***********************************
header
************************************/
header { background: linear-gradient(180deg, #fff 30%, #f4f4f4 100%); }
header .logo { max-width: 300px }
@media(min-width:700px) {
	header.sticky { position: fixed; top: 0;  z-index: 1000; box-shadow: 0 13px 35px -18px rgb(0 0 0 / 90%);  }
}
@media(max-width:991px) {
	header .logo { max-width: 200px }
}


/***********************************
categories navigation menu
************************************/
.navbar { margin-bottom: 15px; background: #526845 }
.dropdown-menu { margin: 0; border-top: 0; border-radius: 0 }
@media (min-width: 991px){
	.nav-link { padding: 15px; position: relative }
	.dropdown { position: static }
	.dropdown-menu { left: 0; right: 0 }
	.nav-link.dropdown-toggle { padding: 15px 45px 15px 25px }
	.nav-item.dropdown.show .nav-link.dropdown-toggle,
	.navbar .nav-link:hover { background: #495e3c }
	.dropdown-toggle::after { position: absolute; top: 28px; right: 15px; margin: 0; border: none; font-family: 'fontello'; content: '\e801'; font-size: 23px; color: rgba(255,255,255,.7); line-height: 0 }
	.dropdown-menu .dropdown-toggle:after { position: absolute; left: auto; right: 10px; top: 18px; content: '\e802'; color: rgba(0,0,0,.5) }
	.dropdown-menu a { display: block; padding: 4px 10px; font-weight: 700; font-size: 15px }
	.dropdown-menu { padding: 15px }
	.dropdown-menu .submenu { padding: 0 0 0 27px; color: rgba(0,0,0,.3); margin: 0; list-style-type: disc }
	.dropdown-menu .submenu a { font-weight: 400; padding-left: 0; font-size: 14px }

}
@media (max-width: 990px) {
	.navbar { margin: 15px }
	.dropdown-menu { box-shadow: none }
	.dropdown-menu a { display: block; padding: 5px 15px; background: #f4f4f4; font-weight: 700; border-bottom: 1px solid #ddd }
	.nav-link { border-bottom: 1px solid rgba(255,255,255,.2); padding: 5px 15px }
	.submenu { box-shadow: none; border: 0; list-style: none; padding: 0 }
	.submenu a { background: #fff; font-weight: 400 }
	.submenu { display: none }
	.open-submenu { position: relative; }
	.open-submenu:after,
	.dropdown-toggle:after { content: '+'; position: absolute; right: 15px; top: 5px; border: 0 }
	.navbar a:hover { text-decoration: none }
}


/***********************************
footer
************************************/
footer { background: #738a67; color: #fff; padding: 15px }
footer .wrapper { background: #526847; padding-bottom: 15px }
footer a { color: #fff }
footer a:hover { color: #fff; text-decoration: none }
footer ul { display: flex; flex-flow: row wrap; justify-content: center; list-style: none; border-bottom: 1px solid #738a67 }
footer li { border-right: 1px solid #fff; padding: 0 10px; line-height: 1; margin: 0 0 15px 0 }
footer li:last-child { border: 0 }
footer .form-control { border: none }


/***********************************
product box
************************************/
.product-list { display: flex; flex-flow: row wrap; margin: 0 -7px }
.product-box { flex-basis: 25%; min-width: 200px; padding: 7px; text-align: center }
.product-box .inner { height: 100%; display: flex; flex-flow: column wrap; background: linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 50%, rgba(244,244,244,1) 100%); border-radius: 5px; box-shadow: 0 5px 5px -6px rgba(0,0,0,.5)}
.product-box .title { padding: 15px; flex-basis: 80px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.product-box .image { display: flex; align-items: center; flex-basis: 253px; position: relative; margin: 0 15px 15px 15px }
.product-box .image img { max-height: 250px; max-width: 180px; display: block; margin: 0 auto }
.product-box .image .badges { position: absolute; top: 0; right: 0 }
.product-box .image .badges span { display: block; width: 40px; height: 40px; border-radius: 20px; font-weight: bold; margin: 0 0 10px 0; font-size: 14px; line-height: 40px }
.product-box .image .badges .sale { background: #b90000; color: #fff }
.product-box .image .badges .new { background: #12559a; color: #fff }
.product-box .buttons { padding: 10px 15px 15px 15px; flex-basis: 68px }
.product-box .price-wrapper { flex-basis: 50px; display: flex; align-items: center; flex-flow: row wrap }
.product-box .price-wrapper .old-price { text-decoration: line-through; font-size: 14px; flex-basis: 100% }
.product-box .price-wrapper .price { font-weight: bold; font-size: 25px; line-height: 1; flex-basis: 100% }
@media(max-width:900px) {
	.product-box { flex-basis: 50% }
}
@media(max-width:480px) {
	.product-box { flex-basis: 100% }
}


/***********************************
news boxes
************************************/
.news-box { display: block; align-items: center; color: #fff; position: relative; margin: 0 0 30px 0 }
.news-box span { display: block; padding: 10px; background: rgba(82,104,69,.9); position: absolute; bottom: 0; left: 0; right: 0; text-align: center}
.news-box:hover span { display: flex; width: 100%; justify-content: center; align-items: center; top: 0; color: #fff; font-weight: bold; background: rgba(0,0,0,.9); font-size: 20px }


.breadcrumb { border-radius: 5px; background: #f4f4f4; padding: 15px; margin: 0 0 15px 0 }
.product-page h1 { margin: 0 }
.product-page h1 .author { display: block; font-size: 18px; font-style: italic; font-weight: 400; color: inherit;  }
@media(max-width:575px) {
	.product-page h1 { font-size: 25px }
}
.product-page h2.subtitle { font-weight: 400; font-size: 16px }

.product-page .price-box { display: flex; flex-flow: row wrap; align-items: center; background: #f4f4f4; padding: 25px 25px 0 25px; margin: 30px 0; border-radius: 5px }

.product-page .price-box .sale-name { flex-basis: 100%; color: #b90000; margin: 0 0 20px 0; font-weight: 700 }
.product-page .price-box .old-price { text-decoration: line-through; }
.product-page .price-box .price { font-size: 30px; font-weight: 700; text-align: right; margin-right: 30px; line-height: 1 }
.product-page .price-box .sale { display: inline-block; background: #b90000; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; font-weight: 700 }
.product-page .price-box .price-wrapper { margin: 0 0 25px 0 }
.product-page .price-box .sale-percent { margin: 0 25px 25px 0 }
.product-page .price-box .cart { flex: 1; margin: 0 0 25px 0 }
.product-page .price-box .cart .btn { white-space: nowrap }


.product-page .image { text-align: center; margin: 0 0 30px 0 }
.product-page .product-image { width: 100%; display: block; margin: 0 auto }
.product-page .image .btn { margin-top: 15px }
.product-page .image-wrapper { border: 1px solid #ddd; padding: 15px; margin: 0 0 15px 0 }

.product-page .more-images { margin-top: 25px; display: flex; align-items: center; flex-flow: row wrap; justify-content: center }
.product-page .more-images img { max-height: 100px; margin: 0 5px 10px 5px }

.product-page .product-properties { text-align: left; border: 1px solid #ddd }
.product-page .product-properties h3 { margin: 0; padding: 10px 15px; background: #f4f4f4 }
.product-page .product-properties ul { padding: 15px 15px 15px 35px; margin: 0 }


.product-page .downloads { background: #f4f4f4; padding: 25px 25px 10px 25px; border-radius: 5px }
.product-page .downloads h3 { margin: 0 0 15px 0 }





.modal.cart img { max-height: 100px }
.modal.cart .product { display: flex; flex-flow: row wrap; align-items: center; margin: 0 0 15px 0 }
.modal.cart .product .image { margin: 0 15px 0 0 }
.modal.cart .modal-header { background: #526845; color: #fff }
.modal.cart .close { color: #fff; text-shadow: none; opacity: 1 }

.cart-box { display: flex; flex-flow: row wrap; align-items: center; background: #f4f4f4; margin: 0 0 15px 0 }
.cart-box .image { max-width: 130px; padding: 15px }
.cart-box .title { flex: 1; padding-top: 15px }
.cart-box .product-title { font-weight: bold; color: inherit }
.cart-box .product-subtitle { font-size: 13px; margin: 3px 0 }
.cart-box .price-gross { flex-basis: 140px; text-align: right; font-size: 20px; font-weight: 700; padding: 15px }
.cart-box .remove { flex-basis: 100%; text-align: right }
.cart-box .prices { display: flex; flex-flow: row wrap; margin-bottom: 15px }
.cart-box .prices div { padding: 5px 10px; background: rgba(255,255,255,.8) }
.cart-box .prices p { margin: 0 }
.cart-box .prices .h { font-size: 12px; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid rgba(0,0,0,.1) }
.cart-box .amount { flex-basis: 100px }
.cart-box .old-price { text-decoration: line-through; }
.cart-box .sale { color: #b90000 }
.cart-box .price { font-weight: 700 }

.cart-box-summary { text-align: right; font-size: 35px; margin: 15px 0 }
.cart-box-summary span { display: block; font-size: 14px }

@media(max-width:800px) {
	.cart-box .amount { flex-basis: 100%; padding: 15px }
	.cart-box .amount .form-control { max-width: 100px; display: inline; }
	.cart-box .price-gross { flex-basis: 100%; background: #6c757d; color: #fff; padding: 5px 15px }
}
@media(max-width:600px) {
	.cart-box { text-align: center }
	.cart-box .image { flex-basis: 100%; max-width: 100%; padding-bottom: 0 }
	.cart-box .title { flex-basis: 100% }
	.cart-box .prices { margin: 0 }
	.cart-box .prices div { flex-basis: 100%; margin: 1px 15px; padding: 5px 10px }
	.cart-box .price-gross { text-align: center; }
	.cart-box .prices .h { border: 0; margin: 0; padding: 0 }
	.cart-box-summary { text-align: center }
}






#cartAccordion .card-header button { width: 100%; text-align: left; border: 0; padding: 15px; background: #526845; color: #fff; font-weight: 700 }
#cartAccordion .card-header button.collapsed { background: #f4f4f4; color: #000 }


#kuponkodom-tab { background: #c53a21; color: #fff }



.favourite-item { display: flex; flex-flow: row wrap; background: #f4f4f4; margin: 0 0 15px 0; align-items: center }
.favourite-item .image { flex-basis: 130px; padding: 15px }
.favourite-item .title { flex: 1 }
.favourite-item .title a { font-weight: bold; color: inherit}
@media(max-width:480px) {
	.favourite-item .image,
	.favourite-item .title { flex-basis: 100%; text-align: center; padding: 15px }
	.favourite-item .image { padding-bottom: 0 }
}


.order-history-box { display: flex; flex-flow: row wrap; background: #f4f4f4; margin: 0 0 15px 0; align-items: center; padding: 15px }
.order-history-box div { flex-basis: 25% }
.order-history-box .label { display: block; margin: 0 0 5px 0 }
@media(max-width:800px) {
	.order-history-box { padding-bottom: 0 }
	.order-history-box div { flex-basis: 50%; margin-bottom: 15px }
}
@media(max-width:480px) {
	.order-history-box div { flex-basis: 100% }
}

.downloadable-item { display: flex; flex-flow: row wrap; background: #f4f4f4; margin: 0 0 15px 0; align-items: center; padding: 15px }
.downloadable-item .label { display: block; margin: 0 0 5px 0 }
.downloadable-item .title { flex-basis: 50% }
.downloadable-item .title a { font-size: 1.5rem ; color:#000000 }
.downloadable-item .type { flex-basis: 15% }
.downloadable-item .deadline { flex-basis: 25% }
.downloadable-item .download { flex-basis: 100%; margin-top: 20px }
.downloadable-item .download div { display: inline-block; margin-right: 10px }
.downloadable-item .download .size { font-size: 13px; margin-left: 6px }
@media(max-width:800px) {
	.downloadable-item .title,
	.downloadable-item .type,
	.downloadable-item .deadline { flex-basis: 100%; margin-bottom: 15px }
	.downloadable-item .download { margin-top: 10px }
}
@media(max-width:480px) {
	.downloadable-item .download { margin-top: 0 }
	.downloadable-item .download div { display: block; margin: 15px 0 0 0 }
	.downloadable-item .download div:first-child { margin: 0 }
}

@media(max-width:800px) {
	.my-page.nav-tabs { border: 0 }
	.my-page.nav-tabs .nav-item { width: 100% }
	.my-page.nav-tabs .nav-link.active, .my-page.nav-tabs .my-page .nav-item.show .nav-link { border: 1px solid #ddd; border-radius: 0 }
	.my-page.nav-tabs .nav-link.active { font-weight: bold }
}

/* */