@import url('fonts.css');

body {
	background: #ffffff;
}

.row {
	margin: 0;
}

.container {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	margin: auto;
}

.center {
	display: block;
	text-align: center;
}

.text-right {
	display: block;
	text-align: right;
}

.middler {
	width: 0px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.page-header {
	margin: 0px;
	padding: 20px 0;
	background: url('../../images/page-header.png') top center no-repeat,
	#2a2a2a;
	border: 0px none;
	font: 40px "Aller Bold";
	color: white;
	background-size: cover;
}

.page-content {
	padding-top: 20px;
	padding-bottom: 20px;
	background: url('../../images/bg-top-left.png') top left no-repeat,
	url('../../images/bg-top-right.png') top right no-repeat;
}


form label {
	margin-top: 10px;
}

select {
	height: 36px;
	padding: 0px 5px;
	background: #fafafa;
	border: 1px solid #e8e8e8;
	font: 12px "Myriad Pro";
	color: #9d9d9d;
}

select option {
	display: block;
}

input.yellow-button, button.yellow-button, a.yellow-button {
	padding: 12px 45px;
	margin: 15px 0px 0px;
	display: inline-block;
	background: #fed049;
	border: 0px none;
	font: 14px "Montserrat Regular";
	color: #2e2e2e;
	text-decoration: none;
	transition: background 0.5s, color 0.5s;
}

input.yellow-button.no-hover, button.yellow-button.no-hover, a.yellow-button.no-hover {
	background: #fed049 !important;
	color: #2e2e2e !important;
}

input.yellow-button:hover, button.yellow-button:hover, a.yellow-button:hover {
	background: #2e2e2e;
	color: #fed049;
}

.yellow-button * {
	display: inline-block;
	vertical-align: middle;
}

.page-content input[type="text"],
.page-content input[type="password"],
.page-content input[type="email"] {
	width: 100%;
	height: 27px;
	padding: 0px 5px;
	margin: 5px 0px;
	display: block;
	background: #fff;
	font: 14px "Aller Regular";
	border: 2px solid #dadada;
	border-radius: 4px;
}

.page-content input[type="text"].big,
.page-content input[type="password"].big,
.page-content input[type="email"].big {
	width: 100%;
	height: 40px;
	padding: 0px 5px;
	display: block;
	background: #fff;
	border: 1px solid #555555;
	border-radius: 2px;
	font: 16px "Myriad Pro";
	color: #757575;
}

.sections {
	font-size: 0px;
}

.section-half {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.section-big .header,
.section-half .header {
	font: 30px "Aller Bold";
	text-align: left;
}

.section-big .header .underline,
.section-half .header .underline {
	width: 140px;
	margin-top: 15px;
	border-bottom: 7px solid #fecd3f;
}

.section-big .content,
.section-half .content {
	padding-top: 35px;
	margin-bottom: 50px;
	border-top: 1px solid #eeeeee;
	font: 13px "Aller Light";
	color: #666666;
	text-align: justify;
}

body > .header {
	min-height: 93px;
	background: #2e2e2e;
	border-bottom: 1px solid #ffffff;
	font: 12px "Myriad Pro";
	text-align: center;
}

a.logo {
	width: 400px;
	height: 75px;
	display: inline-block;
	vertical-align: middle;
	background: url('../../images/logo.png');
	background-size: 100% 100%;
}

body > .header .box-right {
	margin-left: 30px;
	display: inline-block;
	vertical-align: middle;
}

body > .header .menu .links {
	min-width: 293px;
	display: inline-block;
	vertical-align: middle;
}

body > .header .menu .links a {
	padding: 0px 9px;
	float: left;
	border-right: 1px solid #a5a5a5;
	color: white;
	text-decoration: none !important;
}

body > .header .menu .links a:last-child {
	border-right: 0px none;
}

body > .header .menu .userpanel {
	width: 225px;
	height: 47px;
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #444444;
	border-right: 1px solid #444444;
	color: #8c8c8c;
	text-align: center;
}

body > .header .menu .userpanel a {
	text-decoration: none !important;
}

body > .header .menu .userpanel .not-loged {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	text-align: center;
}

body > .header .menu .userpanel a.login-link {
	color: #fecd3f;
}

body > .header .menu .userpanel a.register-link {
	color: #ebe7df;
}

body > .header .menu .userpanel a.username-link{
	border-right: 1px solid #ebe7df;
	margin-right: 5px;
	padding-right: 5px;
}

body > .header .search-form {
	max-width: 306px;
	width: 100%;
	height: 45px;
	display: inline-block;
	vertical-align: top;
}

body > .header .search{
	max-width: 306px;
	width: 100%;
}

body > .header .search,
body > .header .cart {
	float: left;

}

body > .header .search-form input {
	height: 45px;
	float: left;
	background: white;
	border: 1px solid #eee;
}

body > .header .search-form input[type="text"] {
	width: calc(100% - 45px);
	padding: 0px 5px;
	border-right: 0px none;
	font: 14px "Myriad Pro";
}

body > .header .search-form input[type="submit"] {
	width: 45px;
	height: 45px;
	background: url('../../images/search.png') center no-repeat,
	white;
	border-left: 0px none;
}

body > .header .cart {
	max-width: 212px;
	width: 100%;
	height: 45px;
	display: inline-block;
	vertical-align: top;
	background: #fecd3f;
	border-right: 1px solid #444444;
	text-align: center;
	color: #272727;
}

body > .header .cart .text {
	display: inline-block;
	vertical-align: middle;
}

body > .header .cart .items-count {
	padding: 5px;
	background: #242424;
	border-radius: 4px;
	font: 12px "Aller Bold";
	color: white;
}

body > .header .cart .icon-cart {
	width: 19px;
	height: 16px;
	margin: 0px 5px 0px 10px;
	display: inline-block;
	vertical-align: bottom;
	background: url('../../images/cart.png');
}

.prefooter {
	padding-top: 35px;
	background: url('../../images/bg-footer.png') bottom right no-repeat,
	#555555;
	color: #e7e7e7;
}

.prefooter a {
	color: inherit;
	text-decoration: none !important;
}

.prefooter .company-data {
	margin-top: 50px;
	font: 12px "Aller Regular";
}

.prefooter .company-data div {
	font-size: 20px;
}

.prefooter .company-data span {
	padding: 0px 15px;
	display: inline-block;
	border-right: 1px solid #dfdfdf;
}

.prefooter .company-data span:last-of-type {
	border-right: 0px none;
}

.prefooter .punkt {
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 40px;
	border-top: 1px solid #6a6a6a;
	border-bottom: 1px solid #6a6a6a;
	font-size: 0px;
}

.prefooter .punkts .header {
	margin-bottom: 35px;
	text-align: center;
	font: 14px "Aller Bold";
}

.prefooter .punkts .list {
	vertical-align: top;
	text-align: center;
	font: 12px "Aller Light";
	line-height: 18px;
	color: #e7e7e7;
}

.prefooter .newsletter {
	margin: 30px 0px 25px;
	text-align: center;
	font-size: 0px;
}

.prefooter .newsletter span {
	display: inline-block;
	vertical-align: middle;
	font: 18px "Aller Bold";
}

.prefooter .newsletter input[type="email"] {
	max-width: 215px;
	min-width: 185px;
	height: 37px;
	margin: 0px;
	margin-left: 30px;
	padding: 0px 5px;
	display: inline-block;
	vertical-align: middle;
	background: #f2f2f2;
	border: 1px solid #949494;
	border-right: 0px none;
	font: 12px "Aller Light";
	color: #555555;
	text-indent: 5px;
}

.prefooter .newsletter button[type="submit"] {
	width: 37px;
	height:37px;
	margin: 0px;
	display: inline-block;
	vertical-align: middle;
	background: url('../../images/newsletter-btn.png') center no-repeat,
	#fecd3f;
	border: 1px solid #e9c869;
	border-left: 0px none;
}

.prefooter .newsletter .help-block {
	display: none;
}

.prefooter .newsletter .form-group {
	margin: 0px !important;
	display: inline-block;
}

.hidden-div {
	display: none;
}

html,
body {
	height: 100%;
}

.wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}

.wrap > .container {
	padding: 70px 15px 20px;
}

.jumbotron {
	text-align: center;
	background-color: transparent;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.not-set {
	color: #c55;
	font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}

a.asc:after {
	content: /*"\e113"*/ "\e151";
}

a.desc:after {
	content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
	content: "\e153";
}

.sort-numerical a.desc:after {
	content: "\e154";
}

.sort-ordinal a.asc:after {
	content: "\e155";
}

.sort-ordinal a.desc:after {
	content: "\e156";
}

.grid-view th {
	white-space: nowrap;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.error-summary, .error{
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}


.footer {
	height: 90px;
	background: #2e2e2e;
	font-size: 0px;
}

.footer .container {
	height: 100%;
}

.footer .left {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	color: white;
	font: 12px "Myriad Pro";
	line-height: 18px;
}

.footer .right {
	width: calc(100% - 200px);
	display: inline-block;
	vertical-align: middle;
	font: 12px "Myriad Pro";
	color: #929292;
	line-height: 18px;
	text-align: right;
}

.footer a {
	color: #fecd3f;
	text-decoration: none !important;
}

a{
	text-decoration: none !important;
	color: #000;
}

#fixed{
	background: url(../../images/bg-footer.png) bottom right no-repeat,
	#555555;
	color: #e7e7e7;
}

#fixed {
	position: fixed;
	bottom: 0;
	margin: 0;
	width: 100%;
	visibility: hidden;
}

/* TO TOP BUTTON */
.back-to-top {
	visibility: visible;
	left: 90%;
	display: none;
	font-size: 20px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #000;
	opacity: 0.89;
	height: 35px;
	width: 48px;
	text-align: center;
	padding-top: 5px;
	color: #fff;
	transition: background-color 1s;
}

.back-to-top:hover {
	text-decoration: none;
	background-color: #FFBE3D;
	color: #fff;
}

/* COOKIES */
#cookies {
	border-top: #FFBE3D 1px solid;
	width: 100%;
	background-color: #000;
	padding: 15px;
	display: none;
	visibility: visible;
}

#cookies a {
	color: #fff;
}

#cookies a:hover {
	text-decoration: none;
	color: #FFBE3D;
}

#cookies button {
	background-color: #FFBE3D;
	color: #000;
	padding: 10px;
	border-radius: 5px;
	border-width: 0;
	margin-top: -9px;
}

.register .box{
	padding-bottom: 15px;
}
.register .field-frontendregisterform-privacypolicy, .register .field-frontendregisterform-privacypolicy label{
	margin: auto;
}
.register .yellow-button{
	margin-top: 0px;
}
.login .field-frontendloginform-password{
	margin-bottom: 30px;
}

.category-tree-widget .base-category{
	display: inline-grid;
	font: 18px "Aller Bold";
	color: #525252;
}
.category-tree-widget .child-category{
	padding-left: 20px;
	font: 16px "Aller Bold";
	color: #525252;
}
.category-tree-widget .child-category .category{
	display: list-item;
}
.category-tree-widget .category{
	padding: 2px;
}

.main-categories img{
	max-height: 55px;
	margin-right: 15px;
}
.main-categories div{
	font-size: 30px;
	padding-bottom: 10px;
}
.main-categories .col-sm-6 > div{
	padding: 5px;
	padding-left: 100px;
}
.main-categories .description{
	margin-bottom: 20px;
}

.prefooter .container {
	max-width: 1007px;
}
.punkts {
	margin: 10px 0 20px 0;
}




@media(max-width: 991px) {
	.page-header{
		font-size: 30px;
	}

	.page-content{
		background-size: 50%
	}

	body > .header a.logo,
	.prefooter a.logo{
		width: 200px;
		height: 37px;
		margin-bottom: 10px;
	}

	body > .header .box-right {
		margin-left: 0px;
		display: block;
	}

	body > .header .menu .links a {
		padding: 0px 3px;
	}

	body > .header .cart{
		margin: auto;
		float: none;
		margin: 5px;
	}

	body > .header .search{
		margin: auto;
		float: none;
		padding: 5px;
	}

	body > .header .menu .userpanel {
		width: 100%;
		border: none;
	}

	.prefooter .company-data span {
		border:none;
		line-height: 20px;
	}

	.prefooter .newsletter input[type="email"] {
		margin-left: 0;
	}

	.footer .left {
		width: 100%;
		text-align: center;
	}

	.footer .right {
		display: none;
	}

	.products .product .image img{
		font-size: 20px;
	}

	.section-big .header{
		font-size: 20px;
	}

	#cookies button{
		margin-top: 10px;
	}
	.slider h1{
		font-size: 26px;
	}
	.slider h3{
		font-size: 20px;
	}
	.slider{
		height:360px !important
	}	
	.main-categories div {
		font-size:18px;
	}
}

@media(max-width: 767px) {
	.page-content{
		background-size: 25%
	}
	.slider h1{
		font-size: 24px;
	}
	.slider h3{
		font-size: 16px;
	}
}