/* 
    Document   : layout.less
    Created on : 2015.05.21.
    Author     : Farkas Dániel
*/

//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs: 480px;
@screen-xs-min: @screen-xs;
@screen-phone: @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm: 768px;
@screen-sm-min: @screen-sm;
@screen-tablet: @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md: 992px;
@screen-md-min: @screen-md;
@screen-desktop: @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg: 1200px;
@screen-lg-min: @screen-lg;
@screen-lg-desktop: @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max: (@screen-sm-min - 1);
@screen-sm-max: (@screen-md-min - 1);
@screen-md-max: (@screen-lg-min - 1);


.border-radius (@radius-top-left: 8px, @radius-top-right: 8px, @radius-bottom-left: 8px, @radius-bottom-right: 8px) {
    -webkit-border-radius: @radius-top-left @radius-top-right @radius-bottom-left @radius-bottom-right;
    -moz-border-radius: @radius-top-left @radius-top-right @radius-bottom-left @radius-bottom-right;
    border-radius: @radius-top-left @radius-top-right @radius-bottom-left @radius-bottom-right;
}

.border-radius (@radius: 8px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}

.box-shadow(@shadow){
    -webkit-box-shadow: @shadow;
    -moz-box-shadow: @shadow;
    box-shadow: @shadow;
}

.gradient (@startColor, @endColor) {
    background-color: @startColor;
    background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
    background: -webkit-linear-gradient(top, @startColor, @endColor);
    background: -moz-linear-gradient(top, @startColor, @endColor);
    background: -ms-linear-gradient(top, @startColor, @endColor);
    background: -o-linear-gradient(top, @startColor, @endColor);
    background: linear-gradient(to bottom, @startColor, @endColor);	
}

@import "style.less";

/* LAYOUT BEGIN */

.nopadding{
    padding: 0px;
}
.nomargin{
    margin: 0px;
}

.clear{
    clear: both;
}

a{
	outline:none !important;
}

body{
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

input[type="email"],
input[type="text"],
input[type="password"]{
	padding: 8px 15px 8px 15px;
	width: 100%;
}

input[type="checkbox"],
input[type="radio"]{
	margin: 0;
}

button{
	font-weight: 700;
	border: 0;
	text-transform: uppercase;
	padding: 5px 20px;
	font-family: 'Roboto Slab',Arial;
}	

h1{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 25px;
	padding-bottom: 15px;
	margin-top: 30px;
}
/*
h2{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	padding-bottom: 15px;
}*/

h2{
	font-family: 'Roboto Slab',Arial;
	font-size: 22px;
	color: #5F7C8A;
	border: none;
	padding: 0px;
	text-align: center;
	border-bottom: none;
	font-weight: 700;
}

h3{
	font-weight: 700;
	font-size: 14px;
}
h3.bold{
	font-weight: 700 !important;
}

.wrapper{
    max-width: 1200px;
    margin: 0 auto;
}

.shadow-wrapper{
	max-width: 1230px;
	margin: 0px auto;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	.box-shadow(0px 0px 10px 3px #ccc);
	padding-left: 14px;
	padding-right: 14px;
}

#header{
	
    .header-content{
        padding-top: 15px;
        padding-bottom: 15px;        
        .logo{
            img{
                width: 100%;
                max-width: 295px;
            }
        }
        .menu{
            ul{
                float: right;
                padding: 0 0 15px 0;
                margin: 0;
                li{
                    float: left;
                    list-style: none;
                    margin-left: 20px;
                }
            }
        }
        .search{
            form{
                width: 40%;
                float: right;
				position: relative;
                input{
                    text-align: right;
					padding: 8px 15px 8px 30px;					
                }
				.glyphicon{
					position: absolute;
					top: 10px;
					left: 10px;
					font-size: 18px;
				}
				.pop-over{
					z-index: 2001;
					left: -3%;
					width: 106%;
					top: 38px;
					.content{
						padding: 7px;
					}
					select{
						width: 100%;
						text-align: left;
						padding: 8px 15px 8px 15px;
						margin-bottom: 8px;
					}
					.close-pop-over{
						margin-top: 5px;
						font-weight:700;
					}
				}
            }
        }
        .cart{
			padding-right: 0px;
            .cart-box{
                height: 73px;
				text-decoration: none;
				
                .cart-icon{
                    padding: 10px 10px 0 0;
                    font-size: 44px;
                    float: left;
					max-width: 65px;
                }
				.cart-num{
					float: left;
					padding: 10px 10px 0 0;
					margin-top: 13px;
				}
                .cart-text{
                    text-transform: uppercase;                    
                    font-size: 22px;
                    font-weight: 700;
					padding-top: 10px;
                }                
                .product-text{                 
                    font-size: 14px;
                    font-weight: 700;
                }                
            }
            .arrow{
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 7px 7.5px 0 7.5px;
                    margin: 0 auto;
                    position: relative;
                    bottom: -73px;
            }
            button{
                    margin: 7px;
            }
            .close-pop-over{
                margin: 10px 0 10px 15px;
				font-weight:700;
            }
			#termekszam{
				.border-radius(50%);
				background: #8496A0;
				padding: 7px 15px;
				font-weight: 700;
				font-size: 20px;
				
			}
        }
		.pop-over{
			display: none;
			z-index: 2000;
			position: absolute;
			top: 73px;
			left: 0;
			width: 100%;
			background: transparent;
			padding-right: 0px;
			.arrow{
				margin: 0 auto;
				position: relative;			
				top: 25px;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 7.5px 7px 7.5px;	
			}
			.content{
				margin-top: 25px;
				padding: 10px 0 0 0;
				table{
					width: 100%;
					tr{
						th{
							padding: 5px 15px 10px 15px;
							font-weight: 700;
							font-size: 14px;
						}							
						td{
							padding: 5px 10px;
							font-weight: normal;
							font-size: 12px;
							&:first-child{
								font-size: 12px;
							}
						}
						&:nth-child(2){
							td{
								padding-top: 10px;							
							}
						}					
					}
				}

			}
			.close-pop-over{
				float: left;
				font-size: 14px;
				cursor: pointer;
			} 
		}
    }
}

#main{
	
	#topmenu{
		.menu{
			background: #5F7C8A;
			padding-top: 0px;
			padding-bottom: 0px;
			font-family: 'Roboto Slab',Arial;

			ol,ul{
				list-style: none;
				padding: 0px;
				margin: 0px;

				a{
					border-width: 0px;
					border-bottom: 1px solid #eee;
					text-decoration: none;
				}
				.cd-dropdown-item{
					border-bottom: none;
				}
			}
		}
	}
	
	
	.full-slider{
		border-bottom: 0px solid #fff;
		margin-bottom: 0px;
	}
	.sidebar{
		padding: 0 0 30px 0;
		.mobile-category-menu-button{
			cursor: pointer;
			padding: 8px 0 8px 20px;
			display: block;
			font-weight: 700;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 16px;
			i{
				font-size: 25px;
			}			
			span{
				position: relative;
				top: -3px;
				margin-left: 5px;				
			}
		}
		.mobile-filters-menu-button{
			cursor: pointer;
			padding: 8px 0 8px 20px;
			display: block;
			font-weight: 700;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 16px;
			i{
				font-size: 25px;
			}			
			span{
				position: relative;
				top: -3px;
				margin-left: 5px;				
			}
		}		
		.category-menu{
			ul{
				margin-bottom: 15px;			
				padding: 0;			
				li{
					list-style: none;
					.arrow{
						float: right;
						font-weight: bold;
						padding-right: 10px;
					}					
					a{
						padding: 8px 0 8px 20px;
						display: block;
						font-weight: 700;
						text-decoration: none;
						text-transform: uppercase;
					}
					ul{
						display: none;
						margin-left:-1px;
						li{
							padding-left: 0;						
							a{
								font-weight: normal;
								&:hover{
									font-weight: bold;
								}									
							}						
						}
					}
				}
				li:nth-child(n){
					position: relative;
					ul{
						z-index: 2000;
						position: absolute;
						left: 300px;
						top: 0;
						width: 250px;
					}	
				}
				li:hover{
					> ul{
						display: block;					
					}
				}				
			}
		}
		.filters{
			ul{		
				padding: 0;			
				li{
					list-style: none;
					.arrow{
						float: right;
						font-weight: bold;
						padding-right: 10px;
					}
					.title{
						padding: 4px 0 4px 20px;
						display: block;
						font-weight: 700;
						text-decoration: none;
						text-transform: uppercase;						
					}
					a{
						padding: 8px 0 8px 20px;
						display: block;
						font-weight: 700;
						text-decoration: none;
						text-transform: uppercase;
					}
					ul{
						li{
							padding-left: 0;						
							a{
								font-weight: normal;
								&:hover{
									font-weight: bold;
								}									
							}						
						}
					}
				}
				li:nth-child(n){
					position: relative;	
				}
				li:hover{
					> ul{
						display: block;					
					}
				}				
			}
		}
		.filters-show,
		.filters-hide{
			padding: 10px 20px;
			cursor: pointer;
		}
		.filters-show{
			display: none;
		}
		.newsletter{
			padding-top: 15px;
			padding-bottom: 15px;		
			.fa{
				font-size: 80px;
			}
			.title{
				padding-top: 10px;
				font-size: 18px;
				text-transform: uppercase;
				font-weight: 700;
			}
			input{
				margin: 15px 0;
			}
		}
		.item{
			margin-bottom: 30px;
			.ribbon{
				left: 0;
			}
			img{
				max-width: 80%;
				height: auto;
				margin-top: 0px;
			}
			h3{
				margin-bottom: 0;
				font-size: 14px;
				font-weight: 700;
				text-align: left;
				padding: 0px;
			}
			p{
				font-size: 12px;
				height: 71px;
				margin: 0;
			}
			.price{
				font-weight: bold;
				font-size: 12px;
			}
			a{
				border: none;
				border-bottom: 1px solid #eee;
				display: inline-block;
			}
		}
		.simple{
			img{
				width:100% !important;
				margin-top:0px;
				height:auto !important;
				max-height:100% !important;
			}
			p{
				height:auto !important;
				margin:10px 0px !important;
			}
		}
	}
	.content.fullwidth{
		padding: 0px;
		
		h2{
			font-family: 'Roboto Slab',Arial;
			font-size: 22px;
			color: #5F7C8A;
			border: none;
			padding: 0px;
			text-align: center;
		}
		.product-row{
			.item{
				h3{
					height: 100px;
					font-size: 15px;
					font-weight: 700;
				}
			}
		}
		.product-row.inner{
			margin-bottom: 30px;
			.row{
				margin-left: 0px;
				margin-right: 0px;
				
				.item{
					a{
						background: #fff;
						border: 1px solid #fff;
						border-bottom: 1px solid #eee;
					}
					.box{
						.box-shadow(0px 2px 0px 0px #ddd);
					}
					button{
						background: #fff;
						&:hover{
							background: #ddd;
						}
					}
				}
			}
		}
		.slideshow.fullwidth{
			height: auto;
			margin-bottom: 30px;
			
			#prev-model-1,
			#next-model-1,
			#prev-model-3,
			#next-model-3,{
				background-color: #5F7C8A;
				height: auto;
				opacity: 0.6;
				font-size: 50px;
				height: 100px;
				top: 120px;
				
				.glyphicon{
					font-weight: 300;
					padding: 0px;
					margin: 25px 0px 0px 0px;
				}
			}
			.item{
				padding-top: 0px;
				/*padding-left: 7.5px;
				padding-right: 7.5px;*/
				h3{
					font-weight: 700;
				}
			}
		}
		
		.why-us{
			margin-bottom: 30px;
			background-color:#eee;
			.main-block{
				text-align: left;
				h5{
					font-family: 'Roboto Slab',Arial;
					font-size: 20px;
					color: #5F7C8A;
					border: none;
					padding: 20px 15px;
					font-weight: 500;
					margin: 0px;
				}
			
			}
			.right-block{
				text-align: left;
				.c-block{
					.block-icon{
						float: left;
						width: 20%;
						img{
							max-width: 40px;
						}
						padding: 20px 0px;
					}
					h6{
						font-family: 'Roboto Slab',Arial;
						font-size: 14px;
						color: #5F7C8A;
						padding: 25px 5px;
						font-weight: 400;
						text-transform: uppercase;
						float: left;
						width: 80%;
						margin: 0px;
					}
					a:hover{
						h6{
							color: #FF7900 !important;
						}
						
					}
				}
			}
		}
	}
	.content{
		.slideshow{
			height: 343px;
			position: relative;			
			.item{
				/*float: none !important;*/
				float:left !important;
				min-width: 300px;
				padding-top: 40px;
				h3,
				p{
					white-space: normal;
				}
			}
			#prev-model-1,
			#next-model-1,
			#prev-model-3,
			#next-model-3{
				z-index: 1049;
				position: absolute;
				top: 140px;
				text-decoration: none;
				font-size: 60px;
				background-color: #5F7C8A;
				height: 100px;
				opacity: 0.6;

				.glyphicon{
					font-weight: 600;
					color: #fff;
				}
				&:hover{
					opacity: 0.9;
				}
			}
			#prev-model-1,#prev-model-3{
				left: 0;
			}
			#next-model-1,#next-model-3{
				right: 0;
			}
		}
		.slideshow-banner{
			position: relative;
			#prev-model-2,
			#next-model-2{
				z-index: 1049;
				position: absolute;
				top: 40%;
				text-decoration: none;
				font-size: 60px;
				.glyphicon{
					font-weight: 600;				
				}
				&:hover{
					opacity: 0.9;
				}
			}
			#prev-model-2{
				left: 0;
			}
			#next-model-2{
				right: 0;
			}
			img{
				width: 100%;
			}
		}		
		.banner{
			margin-top:15px;
			margin-bottom:15px;
			img{
				max-width: 728px;
				width: 100%;
				/*padding: 35px 10px;*/
			}
		}
		.product{
			.backtolist{
				background: #eee;
				color: #000;
				display: block;
				padding: 8px 15px;
				text-align: center;
				margin-top: 15px;
				font-weight: 700;
				font-size: 16px;
			}
			.price-box{
				margin-top: 30px;
				padding: 10px;
				.price{
					font-weight: 700;
					float: left;
					font-size: 19px;
					font-family: 'Roboto Slab',Arial;
				}
			}
			.text{
				.brand{
					padding: 30px 15px 15px 15px;
				}
				.info{
					padding: 15px;
					button{
						margin-top: 25px;
					}
				}
			}
			button{
				float: right;
				margin-top: 4px;
				padding-top: 5px;
				padding-bottom: 5px;
				font-family: 'Roboto Slab',Arial;
			}
			.features{
				table{
					margin: 15px 0;
					width: 100%;
					tr{
						td{
							padding: 7px 10px;
						}
						td:first-child{
							text-transform: uppercase;
							font-weight: 700;
						}
					}
				}
			}
			.features-left{
				padding-right: 15px;
			}
			.features-right{
				padding-left: 15px;
			}
			.linkek{
				ul{
					padding: 0;
					list-style: none;
				}
			}			
			.videok{
				ul{
					padding: 0;
					list-style: none;
					li{
						margin-right: 10px;
						float: left;
					}
				}
			}
		}
		.contact-box{
			margin-top: 15px;
			margin-bottom: 15px;			
			.contact{
				padding: 15px;
				.title{
					font-size: 16px;
					text-transform: uppercase;
					font-weight: 700;
					padding-bottom: 10px;						
				}
				.photo{
					position: absolute;					
				}
				.text{
					padding-left: 115px;
				}
				button{
					margin-top: -6px;
				}
			}
			button{
				float: right;
				margin-top: 4px;
				padding-top: 8px;
				padding-bottom: 8px;
			}
		}
		.textpage{
			h1{
				text-transform: none;
			}		
			h2{
				text-transform: none;
				padding: 0;
				border: 0;
			}
		}
	}
	.cart{
		padding-bottom: 10px;
		.link{
			position: relative;
			float: left;
			padding: 5px 10px 5px 15px;
			font-size: 12px;
			height: 28px;
			.number{
				font-size: 12px;
				font-weight: 700;
				text-align: center;
				float: left;
				width: 18px;
				height: 18px;
				margin-right: 10px;
				.border-radius(9px);
			}
		}
		.right-arrow{
			top: 0;
			position: absolute;
			right: -9px;
			z-index: 11;		
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 14px 0 14px 10px;	
		}
		.right-arrow-line{
			top: -1px;
			position: absolute;
			right: -10px;
			z-index: 10;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 15px 0 15px 11px;	
		}
		table{
			margin: 10px 0;
			width: 100%;
			tr{
				th{
					font-size: 12px;
					padding: 10px;
					font-weight: normal;
				}
				td{
					padding: 10px;
					vertical-align:middle;
				}
				.mennyiseg{
					text-align: center;
				}
				.price{
					white-space: nowrap;
					text-align: right;
					font-weight: 700;
					display: block;					
				}
				.delete{
					float: right;
				}
				.recount,
				.delete{
					text-transform: none;
					font-size: 10px;
					font-weight: normal;
					position: relative;
					top: -1px;
					padding: 5px;
				}
				&.bottom{
					font-weight: 700;
					a{
						font-weight: normal;
						font-size: 12px;
					}
				}
			}
			img{
				width: 80px;
			}
		}
		.checkout{
			tr{
				display: none;
			}
			tr.bottom{
				display: table-row !important;
				.hide-items{
					display: none;
				}
				.show-items,
				.hide-items{
					cursor: pointer;
				}				
			}
		}		
		.login{
			input{
				margin-top: 5px;
				margin-bottom: 15px;
			}
			button{
				margin-bottom: 15px;
				float: none;
			}
		}
		.registration{
			input{
				margin-top: 5px;
				margin-bottom: 15px;
			}
			input[type="checkbox"]{
				margin-top: 10px;
			}
			button{
				margin-bottom: 15px;
				float: none;
			}			
		}
		.mode{
			.cart-row{
				position: relative;
				.title{
					text-transform: uppercase;
				}
				.desc{
					font-weight: normal;
				}
			}
			input[type="radio"]{
				position: absolute;
				right: 10px;
				top: 0px;			
			}
		}
		.check{
			form{
				& > div{
					display: flex;
				}
			}
			textarea{
				margin-bottom: 10px;
				height: 100px;
				width: 50%;
				min-width: 100px;
			}
			label {
			  width: 50%;
			  text-align: right;
			  padding-right: 10px;
			}			
		}
	}
	.search-form{
		margin-top: 15px;
		padding: 15px 7.5px 15px 7.5px;
		form{
			& > div{
				padding-left: 7.5px;
				padding-right: 7.5px;
			}
			select{
				margin-bottom: 15px;
			}
			label{
				font-weight: normal;
			}
		}
	}
	.item.search-item{
		a{
			border: none;
		}
		p{
			height: auto;
			a{
				display:inline-block;
				/*float:left;*/
			}
		}
		h3{
			height: 85px;
			margin-top: 15px;
			overflow: visible;
			padding: 0px;
			font-weight: 700;
			text-align: left;
			margin: 0px;
		}
		.price-box{
			margin-top: 15px;
			padding: 10px;
			.price{
				text-align: left;
				font-weight: 900;
				float: left;
				font-size: 19px;
			}
		}
		.line{
			margin-bottom: 10px;
		}
		.compare{
			float: rigth;
			button{
				padding-left: 12px;
				padding-right: 12px;
				margin: 10px 0;
			}
		}
		.details{
			float: left;
			button{
				margin: 10px 0;
			}
		}
		.info{
			margin-top: 10px;
			ul{
				padding-left: 20px;
				li{
					font-weight: 700;				
				}
			}
		}
		button{
			float: right;
			width: auto;
		}
		img{
			max-width: 100%;
		}
	}
	.item.search-item.grid-item{
		.price-box{
			.price{
				font-size: 14px;
			}
		}
	}
	.results{
		.result-advanced{
			padding: 0px;
			margin-top: 15px;
			a{
				border-radius: 0px;
			}
		}
		h2{
			float: left;
			border: 0;
			margin-bottom: 0;
		}
		.pager{
			float: right;
			margin-top: 17px;			
			margin-bottom: 20px;
			margin-left: 10px;
		}
		.line{
			margin-bottom: 10px;
		}		
	}
	.pager{
		font-size: 20px;
		font-weight: 700;	
		a{
			font-size: 14px;
			font-weight: 700;
			background: #eee;
			padding: 2px 6px;
		}
	}
	.item{
		position: relative;
		margin-bottom: 25px;
		
		a{
			border: 1px solid #eee;
			-webkit-transition: all .5s ease-in-out;
			-moz-transition: all .5s ease-in-out;
			-ms-transition: all .5s ease-in-out;
			-o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
			opactiy:1;
			filter: alpha(opacity=100);
			zoom:1;		
			text-decoration: none;
			display:block;
			&:hover{
				opactiy:0.7;
				filter: alpha(opacity=70);			
				text-decoration: none;
				h3{
					text-decoration: none;
				}
			}		
		}
		.image-wrapper{
			height: 160px;
			position:relative;
			border-bottom: 1px solid #eee;
			margin: 15px 0px;
			img{
				max-height: 80%;
				max-width: 80%;
				width: auto;
				height: auto;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
			}
		}
		img{
			max-height: 160px;
			width: auto !important;
		}
		h3{
			height: 100px;
			overflow: hidden;
			padding: 15px 5px;
			text-align: center;
			font-weight: 400;
			margin-top: 0px;
			font-size: 16px;
		}
		h3.yestext{
			font-weight: 700;
		}
		p{
			height: 60px;
			overflow: hidden;
			padding: 0px 15px;
		}			
		button{
			float: none;
			display: block;
			width: 100%;
		}		
		.price{
			padding: 0px 0 0px 0px;
			/*float: left;*/
			font-weight: 400;
			font-size:30px;
			font-family: 'Roboto Slab',Arial;
		}
		.leftprice{
			padding:3px 4px 3px 4px !important;
			font-size:14px !important;
			background:#f1f1f1;
		}
	}
	
	.item.grid-item{
		padding-left: 15px;
		padding-right: 15px;
		a{
			width: 100%;
			display: inline-block;
			img{
				max-width: 100% !important;
				margin-bottom: 30px;
				margin-top: 15px;
				min-height: 160px;
			}
		}
		.product-info{
			h3{
				text-align: center;
				height: 80px;
			}
			width: 100%;
			p{
				display: none;
			}
		}
		.product-box{
			width: 100%;
			a{
				width: 50%;
				button{
					float: none;
					padding-left: 9px;
					padding-right: 9px;
					font-size: 12px;
				}
			}
			a.details{
				text-align: left;
			}
			a.compare{
				text-align: right;
			}
			p,ul{
				display: none;
			}
		}
		.line{
			display: none;
		}
		.item-inner{
			border: 1px solid #eee;
			display: inline-block;
		}
	}
	
	.next{
		float: right;
	}	
	.profile{
		h3{
			font-size: 16px;
			text-transform: uppercase;
		}
		.postcode_1,.postcode_2{
			width: 25%;
		}
		.city_1,.city_2{
			width: 75%;
		}
		.street_1,.street_2{
			width: 100%;
		}
		input{
			margin-top: 5px;
			margin-bottom: 15px;
		}
		button{
			margin-bottom: 15px;
		}	
		.copy-address{
			text-decoration: underline;
			cursor: pointer;
		}
	}
	.ribbon{
		box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 15px;
		font-weight: 700;			
		display: inline-block;	
		/*height: 36px;*/
		padding: 2px 5px;
		font-size: 15px;
		z-index:100;
		text-transform: uppercase;
		.arrow{
			height: 18px !important;
			position: absolute;
			right: -10px;
			z-index: 1000;
			&.top{
				top: 0px;
				border-bottom: 18px solid transparent;
				border-top: 0px solid transparent;
				border-right: none;
				display: none !important;
			}
			&.bottom{
				top: 18px;
				border-top: 18px solid transparent;
				border-bottom: 0px solid transparent;
				border-right: none;
				display: none !important;
			}
		}
	}	
}

#footer-content{
	.wrapper{
		padding: 30px 0;
		.title{
			font-size: 18px;
			font-weight: 700;
			text-transform: uppercase;
			padding-bottom: 20px;
		}
		p{
			font-size: 14px;
		}		
        .logo{
            img{
                width: 100%;
                max-width: 295px;
            }
        }		
	}
}

#footer{
	.wrapper{
		padding: 10px 0;
		font-size:14px;
		a:hover{
			color:#ffffff !important;
		}
	}
	p{
		/*margin:0px;*/
	}
}

#callModal{
  z-index: 12000;
  .modal-dialog{
	  width:380px;
  }
  .modal-header{
    border: 0;
    padding-bottom: 0;
  }
  .modal-body{
    padding-top: 0;
    padding-bottom: 0;
  }
  .modal-content{
    .border-radius(0);	
  }
  #callModalLabel{
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 25px;
    padding: 20px 0 5px 0;
  }
  .modal-footer{
    border-top: 0;
    padding: 20px 55px 35px 55px;
    button{
      border: 0;
      padding: 10px 40px;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      width: 100%;		   
    }	
  }
  form.contact{
    .left{
      padding-left: 0;
    }
    .right{
      padding-right: 0;
    }
    textarea, input[type="text"], input[type="password"], select{
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 15px;
      text-align: center;
    }
    textarea{
      height: 156px;
    }
    button{
      margin-top: 0px;
      border: 0;
      padding: 10px 40px;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      width: 100%;		   
    }
    .checkboxes{
      margin-top: 22px;
    }
    input[type=radio], input[type=checkbox] {
      margin: -2px 0 0;
    }
    .from-wrapper{
	padding: 0 40px;
    }
	.logger{
		margin-top: 20px;
	}
  }
}

@media(max-width: @screen-xs-max){
	h1{
		font-size: 18px;
	}
	.box{
		button{
			margin: 0 !important;		
			padding: 5px 5px !important;
		}	
	}
	ul.cd-dropdown-content{
		padding-top: 60px !important;
	}
	#header{
		.header-content{
		padding-top: 0;
			.logo{
				text-align: left;
				padding-right: 40px;
				min-height: 80px;
			}
			.menu{
				display: none;
				ul{
					float: none;
					padding: 0 0 15px 0;
					margin: 0;
					li{
						float: none;
						list-style: none;
						margin-left: 0;
						a{
							padding: 10px 0;
							display: block;
							border-bottom: 1px solid #CACACA;
						}
					}
				}
			}
			.mobile-menu-button{
				position: absolute;
				top: 5px;
				right: 5px;
				font-size: 40px;
				padding: 15px 10px 0 0;
				cursor: pointer;			
			}
			.search{
				form{
					width: 100%;
					margin-bottom: 15px;
				}
			}
		}
	}
	#main{
		.wrapper{
			padding-bottom: 15px;
		}
		.sidebar{
			padding: 0;
			.category-menu{
				display: none;
				ul{
					li:nth-child(n){
						position: relative;
						ul{
							position: relative;
							left: initial !important;
							top: initial !important;
							width: auto;
							padding-left: 10px;
						}	
						&:hover{
							> ul{
								display: block;					
							}
						}
					}
				}
			}
			.filters{
				display: none;			
			}
			.item{
				padding: 0;
				div{
					padding: 0;
				}
				img{
					width: auto;
				}
			}
		}
		.content{
			.slideshow{
				display:none;
			}
			.slideshow-banner{
				#prev-model,
				#next-model{
					font-size: 35px;
				}
			}
			.product{
				.price-box{
					margin-top: 0;
				}
			}				
			.contact-box{
				.contact{
					.text{
						padding-left: 0;
					}
					button{
						margin-top: 6px;
					}
				}
			}
		}
		.cart{
			.product-image{
				img{
					width: 40px;
				}
			}
			.product-name{
				width: 150px;
				max-width: 150px;
				white-space: normal;
			}
		}
		.profile{
			.postcode_1,.postcode_2{
				width: 40%;
			}
			.city_1,.city_2{
				width: 60%;
			}
			.street_1,.street_2{
				width: 100%;
			}
		}		
	}
	#header{
		.header-content{
			.cart{
				.cart-box{
					.cart-icon{
						font-size: 44px;
					}
					.cart-text{                
						font-size: 18px;
					}                
					.product-text{                 
						font-size: 12px;
					}  
				}
			}		
		}
	}
	#footer-content{
		.wrapper{
			.title{
				padding-top: 20px;
			}
		}
	}
	
	#callModal{
	  .modal-dialog{
		  width:100% !important;
	  }
	  #callModalLabel{
		text-align: center;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 22px !important;
		padding: 10px 0 10px 0 !important;
	  }
	  .from-wrapper{
		padding: 0 10px !important;
		}
	  .modal-footer{
		border-top: 0;
		padding: 10px 15px 35px 15px;
		button{
		  border: 0;
		  color: #000000;
		  background-color:#E5E5E8;
		  padding: 6px 30px !important;
		  font-size: 16px !important;
		  font-weight: bold;
		  text-transform: uppercase;
		  width: 100%;		   
		}	
	  }
	  textarea, input[type="text"], input[type="password"], select{
		  background-color: #FFFFFF;
		  padding-top: 6px !important;
		  padding-bottom: 10px;
		  margin-bottom: 15px;
		  border: 1px solid #CDCDD1;
		  text-align: center;
		}
		textarea{
		  height: 156px;
		}
	}
	
	#cartModal{
	  .modal-dialog{
		  width:100% !important;
	  }
	  .full{
		  width:100% !important;
		  margin-bottom:3px !important;
	  }
	  .cartfont{
		  font-size:10px !important;
	  }
	  .cartfont img{
		max-width:30px !important;
	  }
	}
	  
}

@media(min-width: @screen-tablet) and (max-width: 1024px){
	.box{
		button{
			margin: 0 !important;
			padding: 5px 3px !important;
		}	
	}
	ul.cd-dropdown-content{
		padding-top: 60px !important;
	}
	#header{
		.header-content{
			.search{
				form{
					width: 80%;
				}
			}
			.menu{
				display: block !important;
				font-size:13px;
			}
			.cart{
				.cart-box{
					.cart-icon{
						font-size: 40px;
					}
					.cart-text{                
						font-size: 13px;
						padding-top: 20px;
						display: none;
					}                
					.product-text{                 
						font-size: 11px;
						display: none;
					}  
				}
			}	
		}
	}
	#main{
		.content{
			.slideshow{
				/*display:none;*/
				.item{
					min-width:238px;
				}
			}
		}
		.sidebar{
			.category-menu{
				display: block !important;
			}			
		}
		.item.search-item{
			.details{
				button{
					font-size:10px;
				}
			}
			.compare{
				button{
					font-size:10px;
				}
			}
		}
	}
}

@media(max-width: @screen-tablet){
	#main{
		.content{
			.slideshow{
				display:none;
			}
		}
		.content{
			.search{
				form{
					width: 80%;
				}
			}
			.slideshow{
				.item{
					min-width:200px;
					padding-top:0px;
					img{
						max-width:80% !important;
						max-height:80% !important;
						min-height:100px !important;
						padding-top:0px !important;
					}
				}
			}
			
			.item{
				img{
					max-width:80%;
					max-height:80%;
					padding-top:38px;
				}
			}
		}
		.item.search-item{
			.details{
				button{
					font-size:10px;
				}
			}
			.compare{
				button{
					font-size:10px;
				}
			}
		}
	}
}

@media(min-width: @screen-desktop){
	.box{
		button{
			margin: 0 !important;
			padding: 5px 10px !important;
		}
	}
	#header{
		.header-content{
			.cart{
				.cart-box{
					.cart-icon{
						font-size: 44px;
					}
					.cart-text{                
						font-size: 20px;
					}                
					.product-text{                 
						font-size: 12px;
					}  
				}
			}		
		}
	}
}

@media(min-width: @screen-lg-desktop){
	.box{
		button{
			margin: 0 !important;
			padding: 7px 20px !important;
			font-size: 16px;
		}
	}
	#header{
		.header-content{
			.cart{
				.cart-box{
					.cart-icon{
						font-size: 44px;
					}
					.cart-text{                
						font-size: 22px;
					}                
					.product-text{                 
						font-size: 14px;
					}  
				}
			}		
		}
	}
}

@media(max-width: 1150px){
	#main{
		.item.search-item{
			.details{
				float: right;
				margin-left: 15px;
			}
		} 
	}
}
.modal{
	.modal-title{
		text-align: center;
		font-weight: 700;	
	}
	.modal-content{
		.border-radius(0);
	}
	.modal-body{
		td{
			padding: 5px;
		}
		img{
			width: 50px;
		}
	}
	.modal-footer{
		.text{
			padding-bottom: 15px;
		}
	}
}

/* LAYOUT END */


/* PRODUCT SLIDESHOW BEGIN */

#cycle-1 div { width:100%; }
#cycle-1 .cycle-slide {width: 100%;height: 230px;}
#cycle-1 .cycle-slide img{
	max-width: 235px !important; 
	max-height: 235px !important;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}


#cycle-2 .cycle-slide {width: 50px !important; height: 50px !important; overflow: hidden; margin-right: 10px;}
#cycle-2 .cycle-slide img { max-width: 50px !important; max-height: 50px !important;}

#slideshow-1,#slideshow-2 { width: 100%; max-width: 600px; margin: auto }
#slideshow-2 { margin-top: 10px }
#slideshow-1 .cycle-slideshow img,#slideshow-2 .cycle-slideshow img {/* width: 100%;*/ height: auto; display: block; }

/* PRODUCT SLIDESHOW  END*/

/* RADIO BUTTON START */
input[type="radio"] {
    display:none;
}
input[type="radio"] + label {
    font-family:Arial, sans-serif;
    font-size:14px;
    cursor:pointer;
}
input[type="radio"] + label span.radio {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	.fa-check:before {
		bottom: 2px;
		position: relative;
	}	
}

input[type="radio"]:checked + label span.radio{
    text-align: center;
}

input[type="radio"] + label span.radio,
input[type="radio"]:checked + label span.radio {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}

/* RADIO BUTTON END */

.osszehasonlitas{
	table{
		tr:nth-child(odd){
			background: #FFFFFF;
		}
		tr:nth-child(even) {
			background: #E5E5E8;
		}

	}
}

.rss {
	ul {
		list-style: none;
		margin: 0;
		padding: 10px;
	}
	li {
		padding: 3px 0;
	}
}

.breadcr{
	padding:7px 0px 8px 7px;
}

.breadcr a{
	margin: 0px 5px 0px 5px;
	font-size:12px;
}

.gyartok {
	ul {
		list-style: none;
		margin: 0;
		padding: 10px;
		ul {
			list-style: none;
			margin: 0;
			padding: 10px;
		}
	}
	li {
		padding: 3px 0;
	}
	
}


.div_hide { display: none; }
.div_show { display: block; }

.bold { font-weight: bold; }

.img-responsive{
	height:auto !important;
}

#xmasModal{
  z-index: 120000;
  .modal-dialog{
	  width:60%;
  }
  .modal-body{
    padding:0;
	background:#ffffff;
	
	img{
		width:100%;
	}
  }
  .modal-content{
    .border-radius(0);	
  }
  #xmasModalLabel{
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 25px;
    padding: 20px 0 5px 0;
  }
  .modal-footer{
    border-top: 0;
    padding: 0;
    button{
      border: 0;
      color: #9D9EA2;
	  background-color:#ffffff;
      padding: 15px 40px;
      font-size: 25px;
      font-weight: bold;
      text-transform: uppercase;
      width: 100%;		   
    }	
  }
}

.modal-backdrop{
	z-index:1000 !important;
}

.multiselect-native-select{
	.btn-group{
		width: 100%;
		.btn-default{
			width: 100%;
			border: none;
			border-radius: 0px;
		}
		.btn-default:hover{
			background: #01A9D6;
			color: #fff;
		}
	}
	ul li a.multiselect-all{
		padding: 0px !important;
	}
	ul li a{
		padding: 0px !important;
		border-bottom:1px solid #ddd;
		font-size: 12px;
	}
	.multiselect-container{
		max-width: 100%;
		min-width: 100%;
		border-radius: 0px;
	}
	.filter-send button{
		/*padding: 0px;*/
		width: 100%;
	}
}
#delfilters{
	margin: 10px 0px;
}
.input-inner{
	margin: 8px 0px 8px 20px !important;
}

/* TABOS listázó */
.nav-tabs.centered > li, .nav-pills.centered > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}
.nav-tabs.centered, .nav-pills.centered {
    text-align:center;
}

.tabbed-list{
	.tabbed-list-content{
		padding: 0px;
		.nav-tabs{
			margin-bottom: 15px;
			border-bottom: none;
		}
		.nav-tabs > li{
			/*margin-bottom: 0px;*/
			border-bottom: 3px solid #ddd;
		}
		.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
			color: #FF7900;
			cursor: default;
			font-weight: 700;
			font-size: 20px;
			background-color: #fff;
			/*border: 1px solid #fff;*/
			font-family: 'Roboto Slab',Arial;
			border-bottom: 1px solid #fff;
			line-height: normal;
		}
		.nav > li > a:focus, .nav > li > a:hover{
			background-color: #fff;
			color: #FF7900;
			border: 1px solid #fff;
			/*border-bottom: 4px solid #01A9D6;*/
		}
		.nav-tabs > li > a {
			font-family: 'Roboto Slab',Arial;
			margin-right: 0px;
			font-weight: 700;
			font-size: 20px;
			line-height: normal;
			border: 1px solid #fff;
			border-radius: 0px;
			background: #fff;
			color: #5F7C8A;
			padding: 6px 15px;
			/*border-bottom: 4px solid #eee;*/
		}
	}
}