/*
	CSS file for Capribelt
*/


/*	General	
------------------------------*/
	
	* {
		padding: 0;
		margin: 0;
		outline: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	* html .clearfix,
	*:first-child+html .clearfix { 
		zoom: 1;
	}
	
	body {
		cursor: default;
		font-family: 'Open Sans', sans-serif;
		background-color: #f2f2f2;
		background: url('../img/page-background.png') repeat center center;
	}
	
	.wrapper {
		overflow: hidden;
	}
	
	
		/*
		 * Page specific details
		 */
		 
		body.page-login {
			background: url('../img/page-login-bg.jpg') no-repeat top center;
			background-size: cover !important;   
		}
		
		body.page-logout {
			background: url('../img/page-logout-bg.jpg') no-repeat top center;
			background-size: cover !important;   
		}
		
		body.page-testview {
			background: url('../img/page-testview-bg.jpg') no-repeat top center;
			background-size: cover !important;	 
		}
		
	.pull-left {
		float: left;
	}
	
	.pull-right {
		float: right;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	a img {
		border: 0;
	}		
	
	.container {
		width: 94%;
		max-width: 1170px;
		margin: 0 auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
		body.page-login .container,
		body.page-logout .container {
			width: 90%;
		}
		
	.ui-helper-hidden-accessible {
		display: none;
	}
	
	

/*	Loader
-------------------------------------------*/

	.loader:before,
	.loader:after,
	.loader {
	  border-radius: 50%;
	  width: 2.5em;
	  height: 2.5em;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-animation: load7 1.8s infinite ease-in-out;
	  animation: load7 1.8s infinite ease-in-out;
	}
	
	.loader {
	  font-size: 10px;
	  margin: 80px auto;
	  position: relative;
	  text-indent: -9999em;
	  -webkit-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-animation-delay: -0.16s;
	  animation-delay: -0.16s;
	}
	
	.loader:before {
	  left: -3.5em;
	  -webkit-animation-delay: -0.32s;
	  animation-delay: -0.32s;
	}
	
	.loader:after {
	  left: 3.5em;
	}
	
	.loader:before,
	.loader:after {
	  content: '';
	  position: absolute;
	  top: 0;
	}
	
	@-webkit-keyframes load7 {
	  0%,
	  80%,
	  100% {
		box-shadow: 0 2.5em 0 -1.3em #46739e;
	  }
	  40% {
		box-shadow: 0 2.5em 0 0 #46739e;
	  }
	}
	
	@keyframes load7 {
	  0%,
	  80%,
	  100% {
		box-shadow: 0 2.5em 0 -1.3em #46739e;
	  }
	  40% {
		box-shadow: 0 2.5em 0 0 #46739e;
	  }
	}

	
	
/*	Header
-------------------------------------------*/
	
	header {
	   position: relative;   
	}
	
		/*
		 * Top
		 */
		 
		header .top {
			background: #435d76;
			padding: 8px 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;	
		}
	
			/*
			 * Logo
			 */
			 
			header .logo {
				float: left;
			}
			
				header .logo img {
					display: block;
				}
			
			/*
			 * Menu
			 */
			 
			header .main-menu {
				float: right;
				padding: 30px 0 0 0;
			}
			
				header .main-menu-trigger {
					display: none;
					font-size: 20px;
					font-weight: 700;
					line-height: 24px;
					letter-spacing: -0.02px;
					text-decoration: none;
					color: #fff;
					text-decoration: none;
					cursor: pointer;
					text-align: center;
					position: relative;
					top: -1px;
				}
	
						header .main-menu-trigger i {
							margin-right: 10px;
						}
			
				header .main-menu ul {
					list-style: none;
				}
				
					header .main-menu ul li {
						float: left;
						margin-left: 40px;
					}
					
						header .main-menu ul li:first-child {
							margin-left: 0;
						}
					
						header .main-menu ul li a {
							font-size: 14px;
							line-height: 18px;
							font-weight: 400;
							letter-spacing: -0.02em;
							text-decoration: none;
							color: #fff;
							transition: all 0.3s;
							-moz-transition: all 0.3s;
							-webkit-transition: all 0.3s;
							position: relative;
							padding-left: 37px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}
						
							header .main-menu ul li a:hover {
								color: #c7d5e2;	
							}
						
							header .main-menu ul li a i {
								display: block;
								position: absolute;
								left: 0;
								top: -2px;
								background-position: center center;
								background-repeat: no-repeat;
								background-size: cover;
							}
							
								header .main-menu ul li a i.icon-order {
									width: 22px;
									height: 22px;
									background-image: url('../img/header-icon-order.png'); 
								}
								
								header .main-menu ul li a i.icon-cart {
									width: 30px;
									height: 25px;
									background-image: url('../img/header-icon-cart.png');  
								}
								
								header .main-menu ul li a i.icon-info{
									width: 26px;
									height: 26px;
									background-image: url('../img/header-icon-info.png');  
								}
								
								header .main-menu ul li a i.icon-account{
									width: 27px;
									height: 28px;
									background-image: url('../img/header-icon-account.png');
								}
								
								header .main-menu ul li a i.icon-logout{
									width: 23px;
									height: 23px;
									background-image: url('../img/header-icon-logout.png');
								}
								
								
								/*
								 * Badges
								 */
								 
								header .main-menu ul li a i span {
									position: absolute;
									top: -4px;
									right: -7px;
									width: 14px;
									height: 14px;
									border-radius: 50%;
									font-size: 8px;
									line-height: 8px;
									font-weight: 700;
									font-style: normal;
									text-align: center;
									letter-spacing: -0.02em;
									padding: 3px 0 0 2px;
									box-sizing: border-box;
									-moz-box-sizing: border-box;
									-webkit-box-sizing: border-box;
								}
								
									header .main-menu ul li a i span.notification {
										background: #f7c940;
										color: #3c3737;
									}
									
									header .main-menu ul li a i span.alert {
										background: #b71111;
										color: #fff;
									}

					header .main-menu ul li.flag {
						margin-top: 3px;
						margin-left: 10px;
					}	
					
						header .main-menu ul li.flag a {
							padding: 0px !important;	
						}
						
						header .main-menu ul li.flag a img {
							display: block;
						}
						
		/*
		 * Bottom
		 */
		 
		header .bottom {
			background: #fff;
			padding: 9px 0 20px 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

				/*
				 * Partner
				 */
				 
				header .bottom .partner {
					float: left;
					width: 34.18803418803419%;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					padding-left: 19px;
				}
				
					header .bottom .partner span {
						font-size: 12px;
						line-height: 16px;
						font-weight: 400;
						color: #9d9d9d;
					}
					
					header .bottom .partner .name {
						font-size: 22px;
						line-height: 26px;
						font-weight: 400;
						color: #364c62;
						position: relative;
						top: -5px;
					}
				 
			/*
			 * Menus
			 */
			
				 
			header .bottom .menu {
				float: right;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				padding-top: 19px;
			}
			
				header .bottom .menu .item {
					float: left;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}

				header .bottom .menu .item > a {
					position: relative;
					font-size: 22px;
					line-height: 26px;
					font-weight: 400;
					text-decoration: none;
					color: #919191;
					transition: all 0.3s;
					-moz-transition: all 0.3s;
					-webkit-transition: all 0.3s;   
				}
				
					header .bottom .menu .item > a:hover {
						color: #364c62;
					} 
				 
				 
					
				/*
				 * Categories
				 */

				header .bottom .cats {
					position: relative;	
				}
				
					header .bottom .cats .icon-cats {
						position: relative;
						float: left;
						left: 0;
						top: 6px;
						width: 16px;
						height: 16px;
						display: block;
						margin-right: 8px;
						background: url('../img/header-icon-cats-grey.png') no-repeat center center;
					}
						
						header .bottom .cats a:hover .icon-cats {						
							background: url('../img/header-icon-cats.png') no-repeat center center;
						}						
								   
			   
				/*
				 * Products
				 */
				 
				header .bottom .products {
					margin-left: 85px;
				}
				
					header .bottom .products .icon-products {
						position: relative;
						float: left;
						left: 0;
						top: 6px;
						width: 22px;
						height: 21px;
						display: block;
						margin-right: 8px;
						background: url('../img/header-icon-products-grey.png') no-repeat center center;
					}
						
						header .bottom .products a:hover .icon-products {						
							background: url('../img/header-icon-products-blue.png') no-repeat center center;
						}
						
					
				/*
				 * Search
				 */
				 
				header .bottom .search {
					margin-left: 85px;
				}
										
					header .bottom .search .icon-search {
						position: relative;
						float: left;
						left: 0;
						top: 5px;
						width: 21px;
						height: 21px;
						display: block;
						margin-right: 8px;
						background: url('../img/header-icon-search.png') no-repeat center center;
					}
					
						header .bottom .search a:hover .icon-search {
							background-image: url('../img/header-icon-search-hover.png');	 
						}
						
						
		/*
		 * Product search : dropdown
		 */
		 
		.product-search-dropdown {
			display: none;
			width: 100%;
			position: absolute;
			z-index: 99; 
			text-align: center;
			padding: 71px 0 73px 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			background: #f8ce51;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPG xpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4Y2U1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2Y1Y2I0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI3M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #f8ce51 0%, #f5cb4f 77%, #e1b73a 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ce51), color-stop(77%,#f5cb4f), color-stop(100%,#e1b73a));
			background: -webkit-linear-gradient(top,  #f8ce51 0%,#f5cb4f 77%,#e1b73a 100%);
			background: -o-linear-gradient(top,  #f8ce51 0%,#f5cb4f 77%,#e1b73a 100%);
			background: -ms-linear-gradient(top,  #f8ce51 0%,#f5cb4f 77%,#e1b73a 100%);
			background: linear-gradient(to bottom,  #f8ce51 0%,#f5cb4f 77%,#e1b73a 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ce51', endColorstr='#e1b73a',GradientType=0 );
			-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
			-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
			box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
		}
				
			.product-search-dropdown .desc {
				font-size: 32px;
				line-height: 36px;
				font-weight: 300;
				letter-spacing: -0.02em;  
				/*color: #fff;*/
				color: #435d76;
			}
			
			.product-search-dropdown form {
				position: relative;
				margin: 41px auto 0 auto;
				max-width: 700px;
				background: #ffffff;
				background: -moz-linear-gradient(top,  #ffffff 0%, #fbfbfb 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb));
				background: -webkit-linear-gradient(top,  #ffffff 0%,#fbfbfb 100%);
				background: -o-linear-gradient(top,  #ffffff 0%,#fbfbfb 100%);
				background: -ms-linear-gradient(top,  #ffffff 0%,#fbfbfb 100%);
				background: linear-gradient(to bottom,  #ffffff 0%,#fbfbfb 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				padding-right: 70px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			
				.product-search-dropdown form .search-btn {
					position: absolute;
					right: 0;
					top: 0;
					width: 70px;
					height: 70px;
					border: none;
					outline: none;
					background: transparent url('../img/product-search-dropdown-btn.png') no-repeat center center;
					cursor: pointer;
				}
				
			.product-search-dropdown .search-start {
				margin: 40px auto 0 auto;
				display: block;
				max-width: 180px;
				background: #46739e;
				padding: 10px 24px 12px 24px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				font-size: 14px;
				line-height: 18px;
				letter-spacing: -0.02em;
				font-weight: 700;
				color: #fff;
				text-align: center;
				text-decoration: none;
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}
			
				.product-search-dropdown .search-start:hover {
					background: #515661;	
				}
				
			.product-search-dropdown .dd-close {
				width: 60px;
				height: 40px;
				left: 50%;
				bottom: 9px;
				opacity: 0.35;
				cursor: pointer;
				margin-left: -30px;
				position: absolute;
				background: url('../img/search-close-arrow.png') no-repeat center center;
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}
			
				.product-search-dropdown .dd-close:hover {
					opacity: 1;	
				}
  
			
			/*
			 * 3rd party : tag-it
			 */
			 
			ul.tagit {
				overflow: auto;
				margin-left: inherit;
				margin-right: inherit;
				padding: 22px 0 19px 20px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				border-right: 1px solid #e3e3e3;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			
			ul.tagit li {
				display: block;
				float: left;
				margin: 0 0 0 10px;
				background: #515661;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				font-size: 14px;
				line-height: 18px;
				letter-spacing: -0.02em;
				font-weight: 600;
				color: #fff;
				padding: 5px 12px 4px 24px; 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}
			
				ul.tagit li:first-child {
					margin-left: 0;
				}
				
				ul.tagit li:hover {
					background: #46739e;	
				}
				
			
			ul.tagit li.tagit-choice {	
				position: relative;
				line-height: inherit;
			}
			
			input.tagit-hidden-field {
				display: none;
			}
			
			ul.tagit li.tagit-choice-read-only { 
			} 

			ul.tagit li.tagit-choice-editable { 
			} 

			ul.tagit li.tagit-new {
				background: none;
				padding: 6px 0; 
			}

			ul.tagit li.tagit-choice a.tagit-label {
				cursor: pointer;
				text-decoration: none;
			}
			
			ul.tagit li.tagit-choice .tagit-close {
				cursor: pointer;
				position: absolute;
				left: 9px;
				top: 10px;
				width: 10px;
				height: 9px;
				background: url('../img/tagit-close.png') no-repeat center center;
			}

			/* used for some custom themes that don't need image icons */
			ul.tagit li.tagit-choice .tagit-close .text-icon {
				display: none;
			}
			
			ul.tagit li.tagit-choice input {
				display: block;
				float: left;

			}
			ul.tagit input[type="text"] {
				-moz-box-sizing:	border-box;
				-webkit-box-sizing: border-box;
				box-sizing:		 border-box;
			
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
			
				border: none;
				margin: 0;
				padding: 0;
				width: inherit;
				background-color: inherit;
				outline: none;
				font-family: 'Open Sans';
				font-size: 14px;
				line-height: 18px;
				letter-spacing: -0.02em;
				font-weight: 600;
				color: #435D76;
			}
			

/*	Footer
-------------------------------------------*/
	
	footer {
	   	
	}
	
		/*
		 * Top
		 */
		 
		footer .top {
			padding: 40px 0 29px 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			background: url('../img/footer-top-bg.png') repeat center center;	
		}
		
			footer .top .container {
				max-width: 1125px;
			}
		
			/*
			 * Col
			 */
		
			footer .top .col {
				float: left;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box; 
				padding: 0 20px 0 0;   
			}
			
				/*
				 * Col customize
				 */
				 
				footer .top .col.categories {
					width: 25.64102564102564%;   25,64102564102564 
				}
				
				footer .top .col.for-users {
					width: 21.06666666666667%;	21,06666666666667
				}
				
				footer .top .col.contact {
					width: 26.31111111111111%;  26,31111111111111
				}
				
				footer .top .col.message {
					width: 26.98119658119658%;
					padding-right: 0;
				}
					/*
					 * Message form
					 */
				
					footer .top .col.message form {
						padding: 15px 0 0 0;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;   
					}
					
						
					
						footer .top .col.message input[type="text"],
						footer .top .col.message textarea {
							display: block;
							width: 100%;
							margin-top: 10px;
							padding: 15px 18px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							background: #fff;
							border: none;
							outline: none;
							border-radius: 4px;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
							font-family: 'Open Sans', sans-serif;
							font-size: 15px;
							line-height: 20px;
							font-weight: 400;
							color: #939b9f;
						}
						
							footer .top .col.message form *:first-child {
								margin-top: 0;
							}
							
							footer .top .col.message textarea {
								resize: none;
								min-height: 172px;
							}
							
							
						footer .top .col.message .send {
							display: block;
							width: 100%;
							margin-top: 10px;
							padding: 13px 20px 15px 20px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							background: #46739e;
							border: none;
							outline: none;
							border-radius: 4px;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
							font-family: 'Open Sans', sans-serif;
							font-size: 16px;
							line-height: 20px;
							font-weight: 400;
							letter-spacing: -0.02em;
							text-align: center;
							color: #fff; 
							cursor: pointer;
							box-shadow: 0px 2px 0px 0px rgba(50, 96, 140, 1);
							-moz-box-shadow: 0px 2px 0px 0px rgba(50, 96, 140, 1);
							-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 96, 140, 1);
							transition: all 0.3s;
							-moz-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
						
							footer .top .col.message .send:hover {
								background: #32608c;
							}
				
				
				/*
				 * Col content formats
				 */
				 
				footer .top .col .title {
					font-family: 'Arial';
					font-size: 14px;
					line-height: 18px;
					font-weight: 700;
					letter-spacing: -0.02em;
					color: #f8dc61;		
				}
				
				footer .top .col .list {
					list-style: none;
					padding: 15px 0 0 0;
				}
				
					footer .top .col .list + .title {
						padding-top: 27px;
					}
				
					footer .top .col .list li {
						font-size: 13px;
						line-height: 17px;
						font-weight: 400;
						letter-spacing: -0.02em;
						color: #fff;
						padding: 9px 0 0 0;
					}
					
						footer .top .col .list li:first-child {
							padding-top: 0;
						}
					
						footer .top .col .list li a {
							color: #fff;
							text-decoration: none;
							transition: all 0.3s;
							-moz-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
						
							footer .top .col .list li a:hover {
								color: #f8dc61	
							}
			
			
		
		/*
		 * Bottom
		 */
		 
		footer .bottom {
			background: #000; 
			position: relative; 
		}
		
			footer .bottom .container {
				padding: 23px 0 42px 20px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;	 
			}
			
			/*
			 * To top
			 */
			 
			footer .bottom .to-top {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 22px;
				height: 14px;
				padding: 12px 8px;
				margin: -16px 0 0 -15px;				
				cursor: pointer;
			}
			
				footer .bottom .to-top span {
					width: 22px;
					height: 14px;
					display: block;
					text-indent: -9999px;
					background: url('../img/footer-bottom-arrow.png') no-repeat top left;
					-webkit-transition: all ease 0.3s;
					-moz-transition: all ease 0.3s;
					transition: all ease 0.3s;
				}
				
				footer .bottom .to-top:hover span {
					background-position: bottom left;
				}
		
			/*
			 * Logo
			 */
		
			footer .bottom .logo {
				float: left;
			}
			
			/*
			 * Social
			 */
			 
			footer .bottom .social {
				float: right;
				list-style: none;
				padding: 8px 90px 0 0;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			
				footer .bottom .social li {
					float: left;
					margin-left: 32px;
				}
				
					footer .bottom .social li:first-child {
						margin-left: 0;
					}
					
				footer .bottom .social li a img.normal {
					display: block;
				}
				
				footer .bottom .social li a img.hover {
					display: none;
				}
				
				footer .bottom .social li a:hover img.normal {
					display: none; 
				}
				
				footer .bottom .social li a:hover img.hover {
					display: block;
				}
			

/*	General Content
-------------------------------------------*/

	.general-content {
		font-size: 14px;
		line-height: 24px;
		font-weight: 400;
		letter-spacing: -0.02em;
		color: #1f1f1f;
	}
	
		.general-content *:first-child {
			padding-top: 0;
		}
	
		.general-content h1 {
			font-size: 32px;
			line-height: 36px;
			font-weight: 300;
			color: #323231;
			padding-top: 24px;
		}
		
		.general-content h2 {
			font-size: 22px;
			line-height: 26px;
			font-weight: 400;
			color: #46739e;
			padding-top: 33px;
		}
		
		.general-content h3 {
			font-size: 16px;
			line-height: 20px;
			font-weight: 800;
			color: #364c62;
			padding-top: 27px;
		}
		
		.general-content h4 {
			font-size: 16px;
			line-height: 20px;
			font-weight: 700;
			color: #364c62;
			padding-top: 27px;
		}
		
		.general-content h5 {
			font-family: 'Asap', sans-serif;
			font-size: 14px;
			line-height: 18px;
			font-weight: 700;
			letter-spacing: 0;
			color: #364c62;
			padding-top: 24px;
		}
		
		.general-content p {
			padding-top: 18px;
			text-align: justify;
		}
		
			.general-content p + p {
				padding-top: 24px;
			}
			
			.general-content h2 + p {
				padding-top: 9px;
			}
			
			.general-content h3 + p {
				padding-top: 10px;
			}
			
			.general-content h4 + p {
				padding-top: 11px;
			}
			
			.general-content h5 + p {
				padding-top: 10px;
			}
			
		.general-content ul {
			padding: 18px 0 0 22px;
			list-style: none; 
		}

			.general-content ul li {
				background: url('../img/general-content-li.png') no-repeat 0 6px;
				padding: 0 0 0 14px;
				margin-top: 11px;
				font-size: 14px;
				line-height: 18px;
			}
			
				.general-content ul li:first-child {
					margin-top: 0;
				}
				
				.general-content ul li ul {
					margin-top: 11px;
				}
				
					.general-content ul li ul li {
						background: url('../img/general-content-li-ul.png') no-repeat 0 6px;
						padding: 0 0 0 14px;	
					}

		.general-content ol {
			padding: 18px 0 0 37px;
			list-style: normal;
			color: #46739e;
			counter-reset: item;
		}
		
			ol > li {
				counter-increment: item;
			}

				ol ol > li {
					display: block;
				}

					ol ol > li:before {
						content: counters(item, ".") ". ";
						margin: 0 4px 0 -41px;
					}
		
			.general-content ol li {
				padding: 0 0 0 5px;
				margin-top: 9px;
				font-size: 14px;
				line-height: 18px;   
			}
			
				.general-content ol li:first-child {
					margin-top: 0;
				}
				
					.general-content ol li ol {
						margin-top: 0;
						padding-top: 9px;
					}
			
				.general-content ol li span {
					color: #1f1f1f;
				}

	
	/*
	 *	Home
	 */
	#home-content-form button[type="submit"] {
		float: left;
		padding: 14px; 
		margin-top: 20px;	   
		display: block;
		background: #364c62;
		border: none;
		border-radius: 4px;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		line-height: 20px;
		font-weight: 700;
		color: #fff;
		cursor: pointer;
		text-decoration: none;
		transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
		#home-content-form button:hover {
			background: #283b4e;	
		}

	

/*	Popups
-------------------------------------------*/

	.popup-overlay {
		position: fixed;
		z-index: 9999;
		width: 100%;
		height: 100%;
		background: url('../img/popup-overlay-bg.png') repeat center center;
	}

	.popup {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		min-width: 600px;
		/*background: #b84a3a;
		background: -moz-linear-gradient(top,  #b84a3a 1%, #e15a46 60%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b84a3a), color-stop(60%,#e15a46));
		background: -webkit-linear-gradient(top,  #b84a3a 1%,#e15a46 60%);
		background: -o-linear-gradient(top,  #b84a3a 1%,#e15a46 60%);
		background: -ms-linear-gradient(top,  #b84a3a 1%,#e15a46 60%);
		background: linear-gradient(to bottom,  #b84a3a 1%,#e15a46 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b84a3a', endColorstr='#e15a46',GradientType=0 );*/
		background: url('../img/popup-bg-full.png') no-repeat center center;
		background-size: cover;
		box-shadow: 0px 0px 4.95px 0.05px rgba(0, 0, 0, 0.35);
		-moz-box-shadow: 0px 0px 4.95px 0.05px rgba(0, 0, 0, 0.35);
		-webkit-box-shadow: 0px 0px 4.95px 0.05px rgba(0, 0, 0, 0.35);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 30px 105px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-align: center;
	}
	
		/*
		 * Popup icons : global
		 */
		 
		.popup .popup-icon {
			display: block;
			margin: 0 auto;	
		}

		/*
		 * Popup texts : global
		 */
		
		.popup .popup-title {
			font-size: 22px;
			line-height: 26px;
			font-weight: 400;
			color: #fff;
			padding: 15px 0 0 0;
		}
		
		.popup .popup-subtitle {
			font-size: 18px;
			line-height: 22px;
			font-weight: 400;
			color: #fff;
			letter-spacing: -0.02em;
			padding: 17px 0 0 0;
		}
		
		.popup .popup-desc {
			font-size: 13px;
			line-height: 17px;
			font-weight: 400;
			letter-spacing: -0.02em;
			color: rgba(255,255,255,0.6);
			padding: 24px 0 0 0;
		}
		
		/*
		 * Popup buttons : global
		 */
		 
		.popup .button-wrapper { }
		
			.popup .button-wrapper .button {
				display: inline-block;
				margin: 0 0 0 30px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				border-radius: 4px;
				font-size: 14px;
				line-height: 18px;
				font-weight: 700;
				letter-spacing: -0.02em;
				color: #fff;
				text-decoration: none;
				background: #c74532;
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}
			
				.popup .button-wrapper .button:first-child {
					margin-left: 0;
				}
				
				.popup .button-wrapper .button:hover {
					background: #a03222;
				}

	
		/*
		 * Popup : Logout error
		 */
		 
		.popup-logout-error { }
		
			.popup .alert-logout-icon {
				padding: 17px 0 0 0;	
			}
		
			.popup-logout-error .button-wrapper {
				padding: 24px 0 0 0;	
			}
			
				.popup-logout-error .button-wrapper .button {
					padding: 9px 13px;	
				}
			
		/*
		 * Popup : Shipping date error
		 */
		 
		.popup-ship-date-error { 
			padding-bottom: 41px;
		}
		
			.popup .alert-shipdate-icon {
				padding: 27px 0 0 0;	
			}
		
			.popup-ship-date-error .button-wrapper {
				padding: 43px 0 0 0;	
			}
			
				.popup-ship-date-error .button-wrapper .button {
					padding: 9px 21px;   
				}
				
		/*
		 * Popup : Shipping type error
		 */
		 
		.popup-ship-type-error {
			padding-bottom: 41px;
		}
		
			.popup .alert-shiptype-icon {
				padding: 27px 0 0 0;	
			}
		
			.popup-ship-type-error .button-wrapper {
				padding: 43px 0 0 0;	
			}
			
				.popup-ship-type-error .button-wrapper .button {
					padding: 9px 21px;   
				}
		 
		



/*	Page: Login / Logout
-------------------------------------------*/

	.page-login .languages {
		text-align: center;
		margin-top: 12px;
	}
	
		.page-login .languages a {
			display: inline-block;			
		}
		
			.page-login .languages a img {
				display: block;
			}
		
		.page-login .languages a + a {
			margin-left: 5px;
		}
		

	/*
	 * Log box
	 */

	.log-box {
		position: relative;
		width: 100%;
		max-width: 300px;
		padding: 85px 0;
		margin: 0 auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-align: center;
	}
	
		.log-box .logo {
			display: block;
			margin: 0 auto;
		}
		
		.log-box .log-title {
			font-size: 22px;
			line-height: 26px;
			font-weight: 400;
			color: #fff;
			padding: 37px 0 0 0;	
		}
		
		.log-box .log-subtitle {
			font-size: 14px;
			line-height: 18px;
			font-weight: 400;
			color: #fff;
			padding: 3px 0 0 0;	
		}
		
		.log-box .login-error {
			color: #ffffff;
			padding: 8px 10px;
			font-size: 15px;
			border-radius: 6px;
			background: #fb3939;
		}
		
		/*
		 * Form
		 */
		 
		 .log-box .log-form {
			padding: 22px 0 0 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		 }
		 
			.log-box .log-form input[type="text"],
			.log-box .log-form input[type="password"] /* a jelszó mezőre is érvényesítjük. Feri: 2015.07.21 */ {
				display: block;
				width: 100%;
				margin: 10px 0 0 0;
				padding: 15px 18px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				font-family: 'Open Sans', sans-serif;
				font-size: 16px;
				line-height: 21px;
				font-weight: 400;
				color: #939b9f;
				border: none;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				outline: none;
			}
			
				.log-box .log-form input[type="text"]:first-child {
					margin-top: 0;
				}
				
				/*
				 * Error
				 */
				 
				 .log-box .log-form input[type="text"].error {
					border: 3px solid #fb3939;
					color: #fb3939;
					font-weight: 700;
				 }
				
			.log-box .log-form .submit {
				display: block;
				width: 100%;
				margin: 10px 0 0 0;
				padding: 14px 18px 16px 18px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				font-family: 'Open Sans', sans-serif;
				font-size: 16px;
				line-height: 20px;
				font-weight: 400;
				text-align: center;
				color: #fff;
				border: none;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				outline: none;
				background: #46739e;
				cursor: pointer;
				box-shadow: 0px 2px 0px 0px rgba(50, 96, 140, 1); 
				-moz-box-shadow: 0px 2px 0px 0px rgba(50, 96, 140, 1); 
				-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 96, 140, 1);
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}
			
				.log-box .log-form .submit:hover {
					background: #4385c3;
				}
				
		/*
		 * Lost password
		 */
				
		.log-box .lost-password {
			font-size: 14px;
			line-height: 18px;
			font-weight: 400;
			letter-spacing: -0.02em;
			color: rgba(255,255,255,0.5);
			padding: 33px 0 0 0;
		}
		
			.log-box .lost-password a {
				font-weight: 700;
				text-decoration: none;
				color: rgba(255,255,255,0.5);
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}
			
				.log-box .lost-password a:hover {
					color: rgba(255,255,255,1);
				}
				
				
		/*
		 * Description
		 */
		 
		.log-box .desc {
			font-size: 14px;
			line-height: 23px;
			font-weight: 400;
			letter-spacing: -0.02em;
			text-align: justify;
			color: #fff;
			padding: 28px 0 0 0;
		}
			

  
	
/*	Page: Global
-------------------------------------------*/

	.page {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 35px 0 0 0;
	}

		.page .sidebar {
			float: left;
			width: 23.07692307692308%;
		}
		
		.page .content {
			float: right;
			width: 74.35897435897436%;
			margin-left: 2.564102564102564%;  
		}
		
		
		/*
		 * Widgets
		 */
		 
		.widget {
			margin: 20px 0 0 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;  
		}
		
			.widget:first-child:not(.widget-profile) {
				margin-top: 0;
			}
		
		/*
		 * Widget : Categories
		 */
		 
		.widget-cats { }

			.widget-cats .widget-title {
				font-size: 16px;
				line-height: 20px;
				letter-spacing: -0.02em;
				font-weight: 800;
				color: #364c62;
				padding: 0 0 0 20px;	   
			}
			
			.widget-cats .widget-content {
				background: #fff;
				margin: 15px 0 0 0;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				padding: 0 0 30px 0;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;	  
			}
			
				/*
				 * Search
				 */
				 
				.widget-cats .search {
					background: #dddddd;
					border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;   
				}
				
					/*
					 * Keywords
					 */
				
					.widget-cats .search .keywords {
						position: relative;
						background: #fff;
						border-radius: 4px;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						padding: 0;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;					 
					}
					
						.widget-cats .search .keywords .key {
							display: block;
							width: 100%;
							border: none;
							padding: 13px 50px 15px 22px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							font-family: 'Open Sans', sans-serif;
							font-size: 14px;
							font-weight: 400;
							line-height: 18px;
							letter-spacing: -0.02em;
							color: #adadad;
							border-radius: 4px;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
						}
						
						.widget-cats .search .keywords .filter {
							position: absolute;
							top: 16px;
							right: 17px;
							width: 19px;
							height: 19px;
							border: none;
							outline: none;
							text-indent: -9999px;
							background: url('../img/product-cat-filter.png') no-repeat center center;
							cursor: pointer;
						}
						
					/*
					 * Tags
					 */
					 
					.widget-cats .search .tags {
						padding: 19px 11px 18px 11px;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}
					
						.widget-cats .search .tags .tag {
							position: relative;
							float: left;
							background: #515661;
							margin: 0 0 0 10px;
							padding: 5px 11px 6px 25px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							font-size: 14px;
							line-height: 18px;
							font-weight: 600;
							letter-spacing: -0.02em;
							color: #fff;
							border-radius: 4px;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
						}
						
							.widget-cats .search .tags .tag:first-child {
								margin-left: 0;
							}
							
							.widget-cats .search .tags .tag .close {
								position: absolute;
								display: block;
								left: 7px;
								top: 10px;
								width: 10px;
								height: 9px;
								background: url('../img/tagit-close.png') no-repeat center center;
							}
				
				/*
				 * List
				 */
				 
				.widget-cats .list {
					list-style: none;
					margin: 6px 0 0 0;
				}
				
					.widget-cats .list li {
						
					}
					
						.widget-cats .list li a {
							display: block;
							width: 100%;
							padding: 8px 20px 7px 20px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							font-size: 14px;
							line-height: 18px;
							font-weight: 400;
							letter-spacing: -0.02em;
							color: #1f1f1f;
							text-decoration: none;
							transition: all 0.2s;
							-moz-transition: all 0.2s;
							-webkit-transition: all 0.2s;
						}
						
							.widget-cats .list li a.active {
								background: #46739e !important;
								color: #fff !important;
							}
							
							.widget-cats .list li a:hover {
								background: #ddd;	
							}
							
		/*
		 * Widget : Cart
		 */
		 
		.widget-cart {
			
		}
		
			.widget-cart .widget-content {
				background: #fff;
				border-top-left-radius: 4px;
				-moz-border-top-left-radius: 4px;
				-webkit-border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				-moz-border-top-right-radius: 4px;
				-webkit-border-top-right-radius: 4px;
				padding: 17px 16px 23px 16px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;	 
			}
			
				/*
				 * Top
				 */
	
				.widget-cart .top { }
				
					.widget-cart .top .icon {
						float: left;
						width: 29.41176470588235%;  
						display: block; 
					}
					
					.widget-cart .top .widget-title{
						float: right;
						width: 64.28571428571429%;
						margin-left: 6.302521008403361%; 
						padding: 20px 0 0 0;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						font-size: 22px;
						line-height: 26px;
						font-weight: 400;
						letter-spacing: -0.02em;
						color: #46739e;
					}
					
					
						
				/*
				 * Desc
				 */
				  
				.widget-cart .desc {
					padding: 26px 6px 0 6px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
				 
					.widget-cart .desc p {
						font-size: 13px;
						line-height: 17px;
						font-weight: 400;
						letter-spacing: -0.02em;
						color: #000;
						padding-top: 8px;  
					}
					
						.widget-cart .desc p:first-child {
							padding-top: 0;
						}
	
						.widget-cart .desc p.products span {
							font-weight: 600;
							font-size: 14px;
							color: #2c6296;	
						}
						
						.widget-cart .desc p.total span {
							font-weight: 700;
							font-size: 16px;
							color: #46739e;	
						}
					
			/*
			 * To order : btn
			 */
			 
			.widget-cart .to-order {
				display: block;
				width: 100%;
				padding: 17px 20px 16px 20px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				text-align: center;
				text-decoration: none;
				font-size: 14px;
				line-height: 18px;
				font-weight: 700;
				letter-spacing: -0.02em;
				color: #fff;
				background: #46739e;
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}
			
				.widget-cart .to-order:hover {
					background: #435D76;
				}
				
				
		/*
		 * Widget : Support
		 */
		 
		.widget-support {
			padding: 26px 20px 28px 20px; 
			background: url('../img/widget-support-bg.png') repeat-x center center;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;  
		}
		
			.widget-support .widget-title {
				font-size: 22px;
				line-height: 26px;
				font-weight: 400;
				letter-spacing: -0.02em;
				color: #fff;  
				margin-bottom: 27px;  
			}
			
			.widget-support p {
				font-size: 13px;
				line-height: 30px;
				font-weight: 400;
				letter-spacing: -0.02em;
				color: #fff;	
			}
			
				.widget-support p strong {
					font-size: 20px;
					font-weight: 700;
				}
				
	/*
	 * Widget : Profile
	 */
	 
	.widget-profile {
		position: relative;
		margin: 31px 0 0 0;
		background: #fff;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 150px 24px 27px 24px;
	}
	
		.widget-profile .picture {
			position: absolute;
			top: -54px;
			left: 50%;
			transform: translatex(-50%);
			-moz-transform: translatex(-50%);
			-webkit-transform: translatex(-50%);
			-o-transform: translatex(-50%);
			-ms-transform: translatex(-50%);
			width: 160px;
			height: 160px;
			display: block;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border: 10px solid #fff;
			background: #ddd;
		}
		
		/*
		 * Row
		 */
		 
		.widget-profile .row {
			display: block;
			margin: 20px 0 0 0;
			height: 60px;
		}
		
			.widget-profile .picture + .row {
				margin-top: 0;
			}
		
			.widget-profile .row .icon {
				float: left;
				width: 27%;
				height: 60px;
			}
			
				.widget-profile .row .icon img {
					display: block;
					margin: 0 auto;
					opacity: 0.4;
					transition: all 0.3s;
					-moz-transition: all 0.3s;
					-webkit-transition: all 0.3s;
					position: relative;
					top: 50%;
					transform: translatey(-50%);
					-moz-transform: translatey(-50%);
					-webkit-transform: translatey(-50%);
					-ms-transform: translatey(-50%);
					-o-transform: translatey(-50%);
				}
				
				.widget-profile .row.active .icon img,
				.widget-profile .row:hover .icon img {
					opacity: 1;
				}
				
			.widget-profile .row .title {
				float: left;
				width: 73%;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				padding: 0 0 0 20px;
				font-size: 14px;
				line-height: 18px;
				font-weight: 400;
				letter-spacing: -0.02em;
				color: #ccc;
				text-decoration: none;
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
				top: 50%;
				transform: translatey(-50%);
				-moz-transform: translatey(-50%);
				-webkit-transform: translatey(-50%);
				-ms-transform: translatey(-50%);
				-o-transform: translatey(-50%);
				position: relative;
			}
			
				.widget-profile .row.active .title {
					color: #666666;
				}
			
				.widget-profile .row:hover .title {
					color: #666666;
				}
				
				
		
	/*
	 * Page sections : global
	 */
	 
	 
	 /*
	  * Newsletter
	  */
	 
	.page .newsletter-box {
		background: url('../img/newsletter-box-bg.png') repeat center center;
		margin: 45px 0 0 0;
		padding: 32px 0 38px 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;	
	}
	
		/*
		 * Text
		 */
	
		.page .newsletter-box .text {
			float: left;
			width: 63.24786324786325%;
			
		}
		
			.page .newsletter-box .text .title {
				font-size: 22px;
				line-height: 26px;
				font-weight: 400;
				letter-spacing: -0.02em;
				color: #fff;
				position: relative;
				top: 9px; 
			}
			
			.page .newsletter-box .text .desc {
				font-size: 14px;
				line-height: 18px;
				font-weight: 400;
				letter-spacing: -0.02em;
				color: #110f11;
				position: relative;
				top: 13px;   
			}
		
		/*
		 * Signup
		 */
		
		.page .newsletter-box .signup {
			float: right;
			width: 36.75213675213675%;
		}
		
			.page .newsletter-box .signup .email {
				float: left;
				width: 70.23255813953488%;
				padding: 15px 20px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background: #f3f5f6;
				border: none;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				font-family: 'Open Sans', sans-serif;
				font-size: 16px;
				line-height: 20px;
				font-weight: 400;
				color: #939b9f;
				text-decoration: none;
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}
			
			.page .newsletter-box .signup .send {
				float: left;
				width: 27.67441860465117%;
				height: 50px;
				max-width: 100px;
				margin-left: 2.093023255813953%;
				padding: 14px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				display: block;
				background: #364c62;
				border: none;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				font-family: 'Open Sans', sans-serif;
				font-size: 16px;
				line-height: 20px;
				font-weight: 400;
				color: #fff;
				text-decoration: none;
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
				cursor: pointer;
			}
			
				.page .newsletter-box .signup .send:hover {
					background: #203142;	
				}
				
				
	/*
	 * Services
	 */
	 
	.page .services-box {
		padding: 48px 0 63px 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background: #fff;   
	}
	
		.page .services-box .title {
			text-align: center;
			font-size: 32px;
			line-height: 36px;
			font-weight: 300;
			letter-spacing: -0.02em;
			color: #323231;
		}
		
			.page .services-box .col-wrapper {
				padding: 72px 0 0 0;
				max-width: 942px; 
				margin: 0 auto;
			}
			
				/*
				 * Col
				 */
			
				.page .services-box .col {
					float: left;
					list-style: none;
					position: relative;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
				
					.page .services-box .col:nth-child(1) {
						width: 51.59574468085106%;
						padding-right: 70px;
					}
					
					.page .services-box .col:nth-child(2) {
						width: 48.40425531914894%; 
					}
					
						.page .services-box .col:nth-child(2):before {
							content: '';
							display: block;
							position: absolute;
							left: 0;
							width: 1px;
							height: 100%;
							background: #e5e5e5;
						}
				
					.page .services-box .col li {
						margin: 33px 0 0 0;
						width: 100%;
					}
					
						.page .services-box .col li:first-child {
							margin-top: 0;
						}

						.page .services-box .col:nth-child(2) li {
							width: 90.42735042735043%;
							padding-left: 56px;   
						}
				
					/*
					 * Icon
					 */
				
					.page .services-box .col .icon {
						float: left;
						width: 17.5%;
					}
					
						.page .services-box .col .icon img {
							display: block;
							margin: 0 auto;
							-webkit-transform: scale(1);
							   -moz-transform: scale(1);
							   		transform: scale(1);
							-webkit-transition: all ease 0.3s;
							   -moz-transition: all ease 0.3s;
							   		transition: all ease 0.3s;
						}
						
						.page .services-box .col li:hover img {
							-webkit-transform: scale(0.90);
							   -moz-transform: scale(0.90);
							   		transform: scale(0.90);
						}

					
					/*
					 * Text
					 */
					
					.page .services-box .col .text {
						float: left;
						width: 82.5%;
						padding: 0 0 0 20px;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}
					
						.page .services-box .col .text .title {
							font-size: 22px;
							line-height: 26px;
							font-weight: 400;
							letter-spacing: -0.02em;
							color: #46739e;
							text-align: left;
							padding: 10px 0 0 0;
						}
						
							.page .services-box .col .text .title a {
								color: #46739e;
								text-decoration: none;
								transition: all 0.3s;
								-moz-transition: all 0.3s;
								-webkit-transition: all 0.3s;
							}
							
								.page .services-box .col .text .title a:hover {
									color: #F8DC61;
								}
								
							.page .services-box .col .text .desc {
								font-size: 14px;
								line-height: 18px;
								font-weight: 400;
								letter-spacing: -0.02em;
								color: #1f1f1f; 
								padding: 3px 0 0 0;   
							}
			 
					
					   

	
/*	Page: Product listing
-------------------------------------------*/

	.page-listing {
		padding: 35px 0 0 0;
	}
	
		/*
		 * Page : global
		 */
	
		.page .page-title {
			font-size: 16px;
			line-height: 20px;
			letter-spacing: -0.02em;
			font-weight: 800;
			color: #364c62;
			padding: 0 0 0 20px;	  
		}
		
		.page .page-heading {
			margin-bottom: -5px;
		}
			
			.page .page-heading .page-title {
				float: left;
			}
			
			.page .page-heading .view-all {
				float: right;
				display: block;
				color: #ffffff;
				font-size: 12px;
				line-height: 16px;
				border-radius: 3px;
				background: #46749f;
				text-decoration: none;
				padding: 4px 7px 5px 7px;
				-webkit-transition: all ease 0.3s;
				   -moz-transition: all ease 0.3s;
				   		transition: all ease 0.3s;
			}
			
				.page .page-heading .view-all:hover {
					color: #364c62;
					background: #f9da60;
				}
		
		.page .content-wrapper {
			margin: 15px 0 0 0;	
		}
	
		/*
		 *	Category Description
		 */
		.content-wrapper > .category-description {
			font-size: 14px;
			line-height: 24px;
			font-weight: 400;
			letter-spacing: -0.02em;
			color: #1f1f1f;
			background: #ffffff;
			border-radius: 4px;
			padding: 20px 24px 20px 20px;
		}
	
		/*
		 * Sub category
		 */		 
		.page-listing .subcat {
			margin: 10px 0 0 0;  
			position: relative;
		}
		
			.page-listing .subcat .subcat-loader {
				width: 100%;
				height: 100%;
				display: none;
				z-index: 8000;	 	
				position: absolute;
				background: rgba(255, 255, 255, 0.85);
			}
			
				.page-listing .subcat .subcat-loader .loader {
					margin: 25px auto 0 auto;
				}
		
			.page-listing .subcat:first-child {
				margin-top: 0;
			}
			
			.page-listing .subcat .main {
				padding: 20px 24px 20px 20px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background: #fff;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;	 
			}
		
			/*
			 * Image
			 */
		
			.page-listing .subcat .image {
				float: left;
				width: 10%; 
			}
			
				.page-listing .subcat .image img {
					display: block;
					border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					border: 1px solid #ddd;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
			
			/*
			 * Data
			 */
			 
			.page-listing .subcat .data {
				float: left;
				width: 90%;
				padding: 15px 0 0 20px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			
				.page-listing .subcat .data .title {
					font-size: 16px;
					line-height: 21px;
					font-weight: 700;
					letter-spacing: -0.02em;
					color: #364c62;  
					cursor: pointer; 
				}
				
				.page-listing .subcat .data .types {
					margin: 11px 0 0 0;
					padding: 1px 0 0 0;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-top: 1px solid #ddd;
					list-style: none;
				}
				
					.page-listing .subcat .data .types li {
						float: left;
						margin-top: 7px;				 
						margin-right: 4px;
					}
					
						.page-listing .subcat .data .types li a {
							cursor: pointer;
							font-size: 15px;
							line-height: 19px;
							font-weight: 600;
							color: #3f3f3f;
							padding: 3px 8px;
							border-radius: 4px;
							text-transform: uppercase;
							text-decoration: none;
							transition: all 0.3s;
							-moz-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
						
							.page-listing .subcat .data .types li a:hover {
								color: #f8ce51;
							}
							
							.page-listing .subcat .data .types li a.active {
								background: #f8ce51;
								color: #3f3f3f !important;								
								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;								
							}
							
					.page-listing .subcat .data .types a.back {
						cursor: pointer;
						font-size: 14px;
						line-height: 18px;
						font-weight: 600;
						color: #3f3f3f;
						padding: 3px 0px;
						border-radius: 4px;
						text-decoration: none;
						display: inline-block;
						margin-top: 7px;
						transition: all 0.3s;
						-moz-transition: all 0.3s;
						-webkit-transition: all 0.3s;
					}
					
						.page-listing .subcat .data .types a.back:hover {
							color: #f8ce51;
						}
							
							
			/*
			 * Details
			 */			 
			.page-listing  .subcat .details {
				display: none;	
			}
			
				.page-listing  .subcat-all .details {
					display: block;	
				}
			
				/*
				 * Filter
				 */
				 
				.page-listing  .subcat .details .filter {
					padding: 18px 32px 28px 38px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					background: #f8ce51;
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPG xpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4Y2U1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2Y1Y2I0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWI3M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  #f8ce51 0%, #f5cb4f 77%, #e1b73a 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ce51), color-stop(77%,#f5cb4f), color-stop(100%,#e1b73a));
					background: -webkit-linear-gradient(top,  #f8ce51 0%,#f5cb4f 77%,#e1b73a 100%);
					background: -o-linear-gradient(top,  #f8ce51 0%,#f5cb4f 77%,#e1b73a 100%);
					background: -ms-linear-gradient(top,  #f8ce51 0%,#f5cb4f 77%,#e1b73a 100%);
					background: linear-gradient(to bottom,  #f8ce51 0%,#f5cb4f 77%,#e1b73a 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ce51', endColorstr='#e1b73a',GradientType=0 );

				}
				
					.page-listing  .subcat .details .filter .item {
						float: left;
						width: 25.125%;
						margin-left: 3.75%;
					}
					
						.page-listing  .subcat .details .filter .item:first-child {
							margin-left: 0;
						}
						
						.page-listing  .subcat .details .filter .item:last-child {
							width: 12.25%;
							width: 12.125%;
							margin-left: 4.875%; 
							margin-left: 4.75%;  
						}
						
						.page-listing  .subcat .details .filter .item label {
							position: relative;
							left: 14px;
							font-family: 'Asap', sans-serif;
							font-size: 15px;
							line-height: 19px;
							font-weight: 700; 
						}
						
						.page-listing  .subcat .details .filter .item .search-btn {
							position: relative;
							top: 33px;
							display: block;
							width: 100%;
							max-width: 98px;
							padding: 9px 10px 8px 10px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							background: #8f6b01;
							font-size: 14px;
							line-height: 18px;
							letter-spacing: -0.02em;
							font-weight: 700;
							color: #fff; 
							text-align: center;
							text-decoration: none;
							border-radius: 4px;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
							transition: all 0.3s;
							-moz-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
						
							.page-listing  .subcat .details .filter .item .search-btn:hover {
								background: #695006;	
							}
  
				/*
				 * Selectbox : 3rd party : global
				 */


				.sbHolder {
					position: relative;
					width: 100%;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					outline: none;
					border: none;
					border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					font-family: 'Asap', sans-serif;
					font-size: 15px;
					line-height: 19px;
					font-weight: 400;
					color: #000;
					text-align: left;
					margin-top: 10px;
				}
						
					select:first-child + .sbHolder {
						margin-top: 0;
					}
				   
					.sbSelector {
						position: relative;
						z-index: 11;
					   	display: block;
						overflow: hidden;
						outline: none;
						line-height: 15px;
						padding: 9px 11px 11px 14px;
						background: #fff;
						border-radius: 4px;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
					}
					
							.sbSelector:link, 
							.sbSelector:visited, 
							.sbSelector:hover, 
							.sbSelector:focus {
								color: #000;
								outline: none;
								border: none;
								text-decoration: none;
							}
						
						.sbToggle {
							display: block;
							position: absolute;
							right: 0;
							top: 0;
							border: none;
							border-top-right-radius: 4px;
							-moz-border-top-right-radius: 4px;
							-webkit-border-top-right-radius: 4px;
							border-bottom-right-radius: 4px;
							-moz-border-bottom-right-radius: 4px;
							-webkit-border-bottom-right-radius: 4px;
							outline: none;
							width: 32px;
							height: 100%;
							z-index: 12;
							background: #f0f0f0 url(../img/subcat-selector-icon.png) no-repeat center center;
						}
					   
						.sbOptions {
							width: 100%;
							position: absolute;
							top: 29px !important;
							z-index: 13;
							left: 0px;							
							margin: 9px 0 0 0;
							list-style: none;
							border: none;
							border-radius: 4px;
							background: #fff;
							-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
							-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
							box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
							overflow-y: scroll;
							max-height: 240px !important;
						}
						
							.sbOptions a {
								display: block;
								outline: none;
								border: none;
								padding: 9px 11px;
								color: #000;
								transition: all 0.2s;
								-webkit-transition: all 0.2s;
								-moz-transition: all 0.2s;
							}
							
								.sbOptions li:first-child {
									display: none;
								}
							
								.sbOptions a:link, 
								.sbOptions a:visited {
									text-decoration: none;
								}
								
								.sbOptions a:hover,
								.sbOptions a:focus,
								.sbOptions a.sbFocus {
									outline: none;
									border: none;
									background: #46739E;
									color: #fff;
								}
						
						
				/*
				 * Rows
				 */
				 
				.page-listing .subcat .details .rows {
					background: #ddd;
					padding: 12px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					text-align: center;
				}
				
					.page-listing .subcat .details .rows ul {
						list-style: none;
					}
					
						.page-listing .subcat .details .rows ul li {
							display: inline-block;
							font-family: 'Asap', sans-serif;
							font-size: 13px;
							line-height: 17px;
							font-weight: 400;
							color: #000;
							margin-left: 15px;
						}
						
							.page-listing .subcat .details .rows ul li:first-child {
								margin-left: 0;
							}
						
							.page-listing .subcat .details .rows ul li span {
								font-weight: 700;
								font-style: italic;	
							}
						
							.page-listing .subcat .details .rows ul li a {
								text-decoration: none;
								color: #000;
							}
							
								.page-listing .subcat .details .rows ul li a:hover {
									text-decoration: underline;
								}
								
								
				/*
				 * Table of products
				 */
				 
				.page-listing .subcat .details .products {
					background: #fff;
					/*padding: 21px 0 80px 0;*/
					padding: 21px 0 0px 0;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;   
				}
				
					.page-listing .subcat .details .products .category-description {
						font-size: 14px;
						line-height: 24px;
						font-weight: 400;
						letter-spacing: -0.02em;
						color: #1f1f1f;
						background: #ffffff;
						border-radius: 4px;
						margin-bottom: 18px;
						padding: 0 20px 20px 20px;
						border-bottom: 1px solid #ddd;
					}
				
					.page-listing .subcat .details .products table {
						width: 100%;
						border-collapse: collapse; 
						font-family: 'Asap', sans-serif;
					}
					
						.page-listing .subcat .details .products table thead {
   
						}
						
							.page-listing .subcat .details .products table thead th {
								font-size: 14px;
								line-height: 18px;
								font-weight: 700;
								color: #364c62;
								padding: 0 0 18px 0;
							}
							
								.page-listing .subcat .details .products table tr th.item { 
									text-align: left;
									padding-left: 13px;
								}
								
								.page-listing .subcat .details .products table thead th .add-cart {
									display: block;
									margin: 0 auto;
									position: relative;
									left: 3px;
								}
							
						
						.page-listing .subcat .details .products table tbody {
							
						}
						
							.page-listing .subcat .details .products table tr {
								
							}
							
								.page-listing .subcat .details .products table tr td {
									border: 1px solid #ddd;
									border-right-color: #c7c7c7;
									padding: 12px 8px 9px 8px;
									box-sizing: border-box;
									-moz-box-sizing: border-box;
									-webkit-box-sizing: border-box;
									text-align: center;
									font-size: 14px;
									line-height: 18px;
									font-weight: 400;
									color: #364c62;
								}
								
									.page-listing .subcat .details .products table tr td:first-child {
										border-left: none;
									}
									
									.page-listing .subcat .details .products table tr td:last-child {
										border-right: none;
									}
									
									/*
									 * Customize cells
									 */
									 
									.page-listing .subcat .details .products table tr td.buy { 
										width: 5.747126436781609%; 
									}
									
										.page-listing .subcat .details .products table tr td.buy label {
											display: none;
										}
									
										.page-listing .subcat .details .products table tr td.buy .checkbox {
											border-radius: 5px;
											-moz-border-radius: 5px;
											-webkit-border-radius: 5px;
											box-sizing: border-box;
											-webkit-box-sizing: border-box;
											-moz-box-sizing: border-box;
											cursor: pointer;
											display: block;
											height: 18px;
											width: 18px;
											background: #ddd;
											margin: 0 auto;   
										}
				
											.page-listing .subcat .details .products table tr td.buy .checkbox .inn {
												background: #46739e;
												border-radius: 3px;
												-moz-border-radius: 3px;
												-webkit-border-radius: 3px;
												display: none;
												height: 10px;
												width: 10px;
												position: relative;
												top: 4px;
												margin: 0 auto;
											}
											
												.page-listing .subcat .details .products table tr td.buy .checkbox.checked .inn {
													display: block;
												}
									
									.page-listing .subcat .details .products table tr td.info { width: 8.850574712643678%; }
									
									.page-listing .subcat .details .products table tr td.item { 
										/*width: 50.22988505747126%; */
										text-align: left;
									}
									
										.page-listing .subcat .details .products table tr td.item input {
											width: 100%;
											color: #000000;
											font-size: 11px;
											line-height: 13px;
											margin-top: 4px;
											padding: 6px 5px 4px 5px;
											display: none;
											-webkit-box-sizing: border-box;
											   -moz-box-sizing: border-box;
											   		box-sizing: border-box;
										} 
									
									.page-listing .subcat .details .products table tr td.quantity { 
										width: 10.57471264367816%;
										padding: 0;
										position: relative; 
									}
									
										.page-listing .subcat .details .products table tr td.quantity input {
											position: absolute;
											top: 0;
											left: 0;
											display: block;
											width: calc(100% - 2px);
											height: calc(100% - 2px);
											padding: 10px 0;
											box-sizing: border-box;
											-moz-box-sizing: border-box;
											-webkit-box-sizing: border-box;
											border: none;
											outline: none;
											font-family: 'Asap', sans-serif;
											font-size: 14px;
											line-height: 18px;
											font-weight: 400;
											color: #364c62;
											text-align: center;
											-webkit-transition: all 0.30s ease-in-out;
											-moz-transition: all 0.30s ease-in-out;
											-ms-transition: all 0.30s ease-in-out;
											-o-transition: all 0.30s ease-in-out;
										}
										
											.page-listing .subcat .details .products table tr td.quantity input:focus {
												box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.3) inset;
												-moz-box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.3) inset;
												-webkit-box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.3) inset;	
											}
											
									
									.page-listing .subcat .details .products table tr td.quantity.two-unit {
										width: 15%;	
									}
									
										.page-listing .subcat .details .products table tr td.quantity.two-unit input {
											width: 50%;	
										}
										
										.page-listing .subcat .details .products table tr td.quantity.two-unit input + input {
											left: 50%;
											width: calc(50% - 1px);
											border-left: 1px solid #ccc;											
										}
										
										.page-listing .subcat .details .products table tr td.quantity.two-unit input + input {
										
										}
																			
									.page-listing .subcat .details .products table tr td.stock-type span {
										width: 10px;
										height: 10px;
										display: block;
										margin: 0 auto;
										border-radius: 50%;
									}
									
										.page-listing .subcat .details .products table tr td.stock-type span.in-stock {
											background: #2ba61e;
										}
										
										.page-listing .subcat .details .products table tr td.stock-type span.out-of-stock {
											background: #da3030;
										}
										
									.page-listing .subcat .details .products table tr td.stock { width: 9.195402298850575%; }
									.page-listing .subcat .details .products table tr td.unit { width: 5.977011494252874%; }
									.page-listing .subcat .details .products table tr td.price { width: 9.425287356321839%; }
				
 
 
/*	Page: Cart + Page : Order
-------------------------------------------*/	 

	.page-cart,
	.page-order {
		padding: 35px 0 0 0;	
	}
	
		.page-cart .content-wrapper,
		.page-order .content-wrapper {
			background: #fff;
			padding: 20px 0 0 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px; 
		}
		
		/*
		 * Cart content : global
		 */
		
		.cart-content { }
		
			/*
			 * Customize
			 */
			 
			.page-order .cart-content {
				padding-top: 14px;
			}
			
		
			.cart-content table {
				width: 100%;
				border-collapse: collapse; 
				font-family: 'Asap', sans-serif;
			}
					
				.cart-content table thead { }
						
					.cart-content table thead th {
						font-size: 14px;
						line-height: 18px;
						font-weight: 700;
						text-align: center;
						color: #364c62;
						padding: 0 0 19px 0;
					}
							
						.cart-content table thead th.item {
							text-align: left;
							padding-left: 29px;
						}
								
							.cart-content table thead th.item-total,
							.cart-content table thead th.quantity-total {
								text-align: left;
								padding-left: 9px;
							}
   
				.cart-content table tbody { }
						
					.cart-content table tr { }
							
						.cart-content table tr td {
							border: 1px solid #ddd;
							border-right-color: #c7c7c7;
							padding: 12px 9px 9px 9px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							text-align: center;
							font-size: 14px;
							line-height: 18px;
							font-weight: 400;
							color: #364c62;
						}
								
							.cart-content table tr td:first-child {
								border-left: none;
							}
									
							.cart-content table tr td:last-child {
								border-right: none;
							}
									
							.cart-content table tr:last-child td {
								border: none;	
							}
									
								.cart-content table tr:last-child td.total-text {
									font-size: 17px;
									line-height: 21px;
									font-weight: 700;
									text-align: left;
									padding-left: 29px;
									padding-top: 10px;
								}
										
								.cart-content table tr:last-child td.total-value {
									font-size: 17px;
									line-height: 21px;
									font-weight: 700; 
									background: #f0f0f0; 
									text-align: left; 
									padding-top: 10px;
								}
								
								/*
								 * Customize cells
								 */
									 
								.cart-content table tr td.item { 
									width: 36.37931034482759%;
									padding: 12px 29px 9px 29px;
									text-align: left; 
								}
								
									.cart-content table tr td.item input {
										width: 100%;
										color: #000000;
										font-size: 11px;
										line-height: 13px;
										margin-top: 4px;
										padding: 5px 5px 5px 5px;
										display: block;	
										-webkit-box-sizing: border-box;
										   -moz-box-sizing: border-box;
										   		box-sizing: border-box;
									} 
									
								.cart-content table tr td.quantity { 
									width: 10.3448275862069%;
									padding: 0;
									position: relative;
								}
									
									.cart-content table tr td.quantity input[type="text"] {
										position: absolute;
										top: 0;
										left: 0;
										width: calc(100% - 2px);
										height: calc(100% - 2px);
										display: block;
										padding: 10px 0;
										box-sizing: border-box;
										-moz-box-sizing: border-box;
										-webkit-box-sizing: border-box;
										border: none;
										outline: none;
										font-family: 'Asap', sans-serif;
										font-size: 14px;
										line-height: 18px;
										font-weight: 400;
										color: #364c62;
										text-align: center;
										-webkit-transition: all 0.30s ease-in-out;
										-moz-transition: all 0.30s ease-in-out;
										-ms-transition: all 0.30s ease-in-out;
										-o-transition: all 0.30s ease-in-out;
									}
										
										.cart-content table tr td.quantity input[type="text"]:focus {
											box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.3) inset;
											-moz-box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.3) inset;
											-webkit-box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.3) inset;	
										}
									  
								.cart-content table tr td.unit { 
									width: 8.045977011494253%;
									color: rgba(54,76,98,0.5); 
								}
									
								.cart-content table tr td.price { 
									width: 9.195402298850575%; 
									color: rgba(54,76,98,0.5);
								}
									
								.cart-content table tr td.item-total { 
									width: 13.79310344827586%;
									text-align: left;
									font-weight: 700; 
								}
									
								.cart-content table tr td.quantity-total { 
									width: 12.24137931034483%; 
									text-align: left;
								}  

		/*
		 * Buttons
		 */
		 .selected-to-cart {
		 	background: #f9cd42;
			position: fixed;
			height: 65px;
			z-index: 9999;
			left: 0px;
			bottom: 0px;
			width: 100%;
			text-align: center;
			border: 0px;
			color: #364c62;
			font-size: 14px;
			font-weight: 700;
			line-height: 18px;
			text-decoration: none;
			padding-right: 48px;
			cursor: pointer;
		 }
		 
		 	.selected-to-cart img {
			 	margin-top: -5px;
			 	margin-left: 8px;
			 	position: absolute;
		 	}

		.page-cart .buttons {
			padding: 25px 0 0 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			text-align: center;
		}
		
			.page-cart .buttons a {
				display: inline-block;
				min-width: 117px;
				margin-left: 9px;
				padding: 9px 14px 10px 14px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background: #b4b4b4;
				font-size: 14px;
				line-height: 18px;
				font-weight: 700;
				letter-spacing: -0.02em;
				color: #fff;
				text-decoration: none;
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}
			
				.page-cart .buttons a:first-child {
					margin-left: 0;
				}
				
				.page-cart .buttons a:hover {
					background: #46739e;   
				}
				
		/*
		 * Cart info : global
		 */
		 
		.cart-info {
			margin: 28px 0 0 0;
			padding: 17px 0 12px 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			background: #fafafa;
		}
		
			/*
			 * Icon
			 */
		
			.cart-info .icon {
				float: left;
				padding: 0 40px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			
				.cart-info .icon img {
					display: block;
					margin: 0 auto;
					width: 68px;
					height: 68px;
				}
			
			/*
			 * Text
			 */
			
			.cart-info .text {
				position: relative;
				overflow: hidden;
				font-size: 12px;
				line-height: 16px;
				color: rgba(0,0,0,0.5);
				padding: 13px 50px 0 0;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;   
			}
			
			
		/*
		 * Submit : global
		 */
		 
		.cart-submit {
			padding: 30px 0 32px 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			background: url('../img/blue-textured-bg.png') repeat-x center center;
			border-bottom-left-radius: 4px;
			-moz-border-bottom-left-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			-moz-border-bottom-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			text-align: center;  
		}
		
			.cart-submit .btn {
				display: inline-block;
				padding: 19px 54px 17px 54px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background: #f8dc60;
				background: -moz-linear-gradient(top,  #f8dc60 0%, #f1be26 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8dc60), color-stop(100%,#f1be26));
				background: -webkit-linear-gradient(top,  #f8dc60 0%,#f1be26 100%);
				background: -o-linear-gradient(top,  #f8dc60 0%,#f1be26 100%);
				background: -ms-linear-gradient(top,  #f8dc60 0%,#f1be26 100%);
				background: linear-gradient(to bottom,  #f8dc60 0%,#f1be26 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8dc60', endColorstr='#f1be26',GradientType=0 );
				-webkit-box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 0px 0px rgba(198, 156, 31, 1);
				-moz-box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 0px 0px rgba(198, 156, 31, 1);
				box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 0px 0px rgba(198, 156, 31, 1);
				border: 0px;
				border-radius: 4px;
				font-size: 18px;
				line-height: 22px;
				font-weight: 700;
				letter-spacing: -0.02em;
				color: #fff;
				text-decoration: none;
				text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
				-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
				-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
				transition: all 0.3s;
				-moz-transition: all 0.3s;
				-webkit-transition: all 0.3s;
			}
			
				.cart-submit .btn:hover {
					color: #364c62;
					text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
				}
									


/*	Page : Order
-------------------------------------------*/

	.page-order .order-row {
		padding: 17px 0 13px 35px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;  
	}
	
		.page-order .order-row:first-child {
			padding-top: 4px;
		}
	
		/*
		 * Customize
		 */
		 
		 .page-order .order-row.shipping-date {
			padding-bottom: 28px;   
		 }
		 
		 .page-order .order-row.note {
			background: #fcfcfc;   
		 }
		 
		 .page-order .order-row.shipping-mode {
			background: #f3f3f3;   
		 }
		 
		
		/*
		 * Label
		 */
		
		.page-order .order-row .label {
			float: left;
			width: 31.25%;
		}
		
			.page-order .order-row .label .icon {
				float: left;
				width: 30%;
			}
			
				.page-order .order-row .label .icon img {
					display: block;
					margin: 0 auto;
				}
			
			.page-order .order-row .label .title {
				float: left;
				width: 70%;
				font-size: 16px;
				line-height: 20px;
				font-weight: 800;
				letter-spacing: -0.02em;
				color: #364c62;
				padding: 22px 0 0 10px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
		
		/*
		 * Data
		 */
		
		.page-order .order-row .data {
			float: left;
			width: 68.75%;
			padding: 15px 38px 0 5px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		
		
	/*
	 * Shipping date
	 */
	 
	.page-order .shipping-date .datepicker {
		width: 100%;
		max-width: 270px;
		padding: 11px 0 0 0;	
	}
	
		.page-order #shipping-date {
			display: none;
		}
	
		/*
		 * Datepicker UI
		 */
	
		.ui-datepicker {
			width: 100%;
			display: none;
		}
		
			/*
			 * Header
			 */
			
			.ui-datepicker .ui-datepicker-header {
				position: relative;
				padding: 0 0 7px 0;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				border-bottom: 1px solid #ddd;
			}
			
			/*
			 * Navigation
			 */
		
			.ui-datepicker .ui-datepicker-prev,
			.ui-datepicker .ui-datepicker-next {
				position: absolute;
				top: 0;
				width: 20px;
				height: 20px;
				background-position: center center;
				background-repeat: no-repeat;
				cursor: pointer;
			}
		
				.ui-datepicker .ui-datepicker-prev {
					left: 5px;
					background-image: url('../img/datepicker-prev.png');
				}
				
				.ui-datepicker .ui-datepicker-next {
					right: 5px;
					background-image: url('../img/datepicker-next.png');
				}
	
				.ui-datepicker .ui-datepicker-prev span,
				.ui-datepicker .ui-datepicker-next span {
					display: none;
				}
			
			/*
			 * Title
			 */
				
			.ui-datepicker .ui-datepicker-title {
				margin: 0 auto;
				padding: 2px 0 0 0;
				font-size: 12px;
				line-height: 16px;
				font-weight: 400;
				color: #7f7f7f;
				text-align: center;
				text-transform: uppercase;
			}
	 
				.ui-datepicker .ui-datepicker-month,
				.ui-datepicker .ui-datepicker-year {
					
				}
				
			/*
			 * Table
			 */
		
			.ui-datepicker table {
				width: 100%;
				border-collapse: collapse;
				font-size: 16px;
				line-height: 20px;
				font-weight: 300;
				color: #7f7f7f;
				text-align: center;
			}
	 
				.ui-datepicker th {
					padding: 4px 0 5px 0;
					font-weight: 300;
					border-bottom: 1px solid #eee;
				}
				
				.ui-datepicker td {
					border: none;
					padding: 9px 0 0 0;
				}
		
					.ui-datepicker td a {
						display: inline-block;
						margin: 0 auto;
						height: 30px;
						width: 30px;
						display: block;
						border: 1px solid #cbcbcb;
						border-radius: 50%;
						-moz-border-radius: 50%;
						-webkit-border-radius: 50%;
						padding: 3px 0 0 0;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						text-align: center;
						text-decoration: none;
						color: #7f7f7f;
						transition: all 0.3s;
						-moz-transition: all 0.3s;
						-webkit-transition: all 0.3s;
					}
   
					.ui-datepicker td.ui-datepicker-today a {
						background: #c2c2c2;
						border: none;
						color: #fff !important;
					}
					
					.ui-datepicker td.ui-datepicker-current-day a {
						background: #46739e;
						border: none;
						color: #fff !important;
						padding-top: 4px;
					}
					
						.ui-datepicker td.ui-datepicker-today.ui-datepicker-current-day a {
							background: #c2c2c2;	
						}
												
						.ui-datepicker td a:hover,
						.ui-datepicker td.ui-datepicker-today.ui-datepicker-current-day a:hover {
							background: #46739e;
							color: #fff !important;
							border-color: transparent;	
						}

	/*
	 * Note
	 */
	 
	.page-order .note .title {
		padding-top: 24px !important;	
	}
	 
	.page-order .note textarea {
		width: 100%;
		max-width: 500px;
		height: 95px;
		border: 1px solid rgba(192,192,192,0.5);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 10px;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 18px;
		color: rgb(127,127,127);
		position: relative;
		top: -3px;  
	}
	
	/*
	 * Shipping mode
	 */
	 
	.page-order .shipping-mode .title {
		padding-top: 24px !important;
	}
	 
	.page-order .shipping-mode .data {
		margin-top: 13px;
	}
	

		/*
		 * Item
		 */
	
		.page-order .shipping-mode .data .item { 
			float: left; 
			margin-left: 22px;
		}
		
			.page-order .shipping-mode .data .item:first-child {
				margin-left: 0;
			}
			
		/*
		 * Label
		 */
		
		.page-order .shipping-mode .data .item label { 
			float: left;
			font-size: 14px;
			line-height: 18px;
			font-weight: 400;
			color: #000;
			margin-left: 6px;
			position: relative;
			top: -1px;
			cursor: pointer;
		}
		
		/*
		 * Radiobox
		 */
	
		.page-order .shipping-mode .data .item .radiobox {
			float: left;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			cursor: pointer;
			display: block;
			height: 16px;
			width: 16px;
			background: #f3f3f3;
			margin: 0 auto; 
			border: 1px solid #d7d7d7;  
		}
		
			.page-order .shipping-mode .data .item .radiobox .inn {
				background: #46739e;
				border-radius: 50%;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				display: none;
				height: 10px;
				width: 10px;
				position: relative;
				top: 2px;
				margin: 0 auto;
			}
											
				.page-order .shipping-mode .data .item .radiobox.checked .inn {
					display: block;
				}
		 
	/*
	 * VAT
	 */	

	.page-order .vat {
		padding: 9px 0 13px 30px;
		font-size: 12px;
		line-height: 16px;
		font-weight: 400;
		color: rgba(0,0,0,0.5);
	}
	
	
	
	
	
/*	Page: Profile
-------------------------------------------*/

	.page-profile {
		padding-top: 35px;
	}

	.page-profile .content { padding: 0 0 0 0; }
	
		.page-profile .section {
			margin: 27px 0 0 0;
		}
		
			.page-profile .section:first-child {
				margin-top: 0;
			}
		
			.page-profile .section .title {
				font-size: 16px;
				line-height: 20px;
				font-weight: 800;
				letter-spacing: -0.02em;
				color: #364c62;
				padding: 0 0 0 23px;	   
			}
	
		.page-profile .section .box {
			background: #fff;
			margin: 11px 0 0 0;
			padding: 30px 30px 25px 30px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px; 
		}
		
			.page-profile .section .box .row {
				margin: 10px 0 0 0;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;	
			}
			
				.page-profile .section .box .row:first-child {
					margin-top: 0;
				}	
		
				.page-profile .section .box .col {
					float: left;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
		
		/*
		 * Input & buttons : global
		 */
		 
		.page-profile .section input[type="text"],
		.page-profile .section input[type="file"],
		.page-profile .section input[type="password"], /* Kiegészítve a jelszó mezőkre is SZ.F. 15.07.27 */
		.page-profile .section textarea {
			display: block;
			width: 100%;
			padding: 10px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border: 1px solid rgba(194,194,194,0.5);
			font-family: 'Open Sans', sans-serif;
			font-size: 14px;
			line-height: 18px;
			font-weight: 400;
			color: rgb(127,127,127);
		}
		
			.page-profile .section input[type="file"] {
				padding-bottom: 8px;
			}
		
			.page-profile .section textarea {
				min-height: 80px;
				max-width: 100%;
			}
		
		.page-profile .section .button {
			position: relative;
			float: left;
			width: 100%;
			max-width: 99px;
			display: block;
			padding: 9px 22px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			font-size: 14px;
			line-height: 18px;
			font-weight: 700;
			letter-spacing: -0.02em;
			color: #fff;
			text-decoration: none;
			text-align: center;
			transition: all 0.3s;
			-moz-transition: all 0.3s;
			-webkit-transition: all 0.3s;
		}
		
			.page-profile .section .button + .button {
				margin-left: 6px;
			}
		
			.page-profile .section .button.gray { background: #6a6a6a; }
				.page-profile .section .button.gray:hover { background: #515151 }
			.page-profile .section .button.lightgray { background: #dadada; }
				.page-profile .section .button.lightgray:hover { background: #b4b3b3; }
	/*
	 * Customize
	 */
	 
	 
	/*
	 * Profile picture
	 */
	 
	.page-profile .section.picture .input {
		width: 65.4320987654321%;	
	}
	
		.page-profile .section.picture .input .desc {
			font-size: 12px;
			line-height: 16px;
			font-weight: 400;
			color: rgba(127,127,127,0.5);
			padding: 4px 0 0 9px;
		}
	
	.page-profile .section.picture .buttons {
		width: 34.5679012345679%;
		padding: 0 0 0 15px;  
	}
	
		.page-profile .section.picture .buttons .button {
			top: 2px;
			padding: 9px;
			width: 100%;
			max-width: 100%;
		}	
			
	/*
	 * Customer + Shipping : global
	 */	 
	.page-profile .section.customer .row:nth-child(1) .col,
	.page-profile .section.shipping .row:nth-child(2) .col { width: 49.38271604938272%; margin-left: 1.234567901234568%; }
	
		.page-profile .section.customer .row:nth-child(1) .col:first-child,
		.page-profile .section.shipping .row:nth-child(2) .col:first-child { 
			margin-left: 0; 
		}
		
	.page-profile .section.customer .row:nth-child(2) .col,
	.page-profile .section.shipping .row:nth-child(3) .col { 
		margin-left: 1.234567901234568%; 
	} 
	
		.page-profile .section.customer .row:nth-child(2) .col:first-child,
		.page-profile .section.shipping .row:nth-child(3) .col:first-child { 
			margin-left: 0; 
		}
		
	.page-profile .section .zip { width: 14.81481481481481%; }
	.page-profile .section .address { width: 58.02469135802469%; }
	.page-profile .section .number,
	.page-profile .section .floor,
	.page-profile .section .door { width: 7.407407407407407%; }
	
	.page-profile .comment { width: 100%; }
	
	
	.page-profile .section.customer .button,
	.page-profile .section.shipping .button {
		float: right;
		margin-top: 10px;
	}
	
	/*
	 * Shipping
	 */
	 
	.page-profile .section.shipping .row:nth-child(2) {
		margin-top: 21px;
	}
	 
	.page-profile .section.shipping label {
		float: left;
		margin: 0 0 0 11px;
		font-size: 14px;
		line-height: 18px;
		font-weight: 400;
		color: rgba(127,127,127,0.5);
		cursor: pointer;
	}

	.page-profile .section.shipping .checkbox {
		float: left;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		cursor: pointer;
		display: block;
		height: 16px;
		width: 16px;
		background: #fff;
		border: 1px solid #d6d6d6;
		position: relative;
		top: 1px;
	}
				
		.page-profile .section.shipping .checkbox .inn {
			background: #46739e;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			display: none;
			height: 8px;
			width: 8px;
			position: relative;
			top: 3px;
			margin: 0 auto;
		}
												
			.page-profile .section.shipping .checkbox.checked .inn {
				display: block;
			}
			
			
	/*
	 * Previous orders
	 */
	 
	.page-profile .section.orders .box {
		background: #f7f7f7;
		padding: 0;	
	}
	
		/*
		 * Filter
		 */
		 
		.page-profile .section.orders .box .filter {
			padding: 23px 30px 19px 30px;
		}
		
			.page-profile .section.orders .box .filter .sbHolder {
				float: right;
				max-width: 242px;
			}
			
				.page-profile .section.orders .box .filter .sbOptions {
					background: #f0f0f0;
				}
		  
		/*
		 * Accordion
		 */
		 
		.page-profile .section.orders .box .accordion-wrapper {
			
		}
		
			/*
			 * Line
			 */
		
			.page-profile .section.orders .box .line {
				
			}
			

				/*
				 * Visible
				 */
				 
				.page-profile .section.orders .box .line .visible {
					background: #fff;
					padding: 12px 30px 10px 30px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					cursor: pointer;
					border-top: 1px solid #ddd;	
				}
				
					.page-profile .section.orders .box .line:first-child .visible {
						border-top: none;
					}
				
					.page-profile .section.orders .box .line.opened .visible {
						background: #fafafa;
					}
			
					/*
					 * Date
					 */
				
					.page-profile .section.orders .box .line .date {
						float: left;
						font-family: 'Asap', sans-serif;
						font-size: 14px;
						line-height: 18px;
						font-weight: 400;
						color: #364c62;
					}
					
						.page-profile .section.orders .box .line.opened .date {
							font-weight: 700;
						}
					
					/*
					 * Icon
					 */
					
					.page-profile .section.orders .box .line .toogle-icon {
						float: right;
						width: 15px;
						height: 9px;
						position: relative;
						top: 6px;
						right: 10px;
						background: url('../img/profile-orders-closed.png') no-repeat center center;
					}
					
						.page-profile .section.orders .box .line.opened .toogle-icon {
							background-image: url('../img/profile-orders-opened.png');	
						}
						
						
				/*
				 * Toogle
				 */
				 
				.page-profile .section.orders .box .line .toogle {
					display: none;
					background: #fafafa;
				}
				
					.page-profile .section.orders .box .line.opened .toogle {
						display: block;
					}
					
					.page-profile .section.orders .box .line .toogle .cart-content {
						padding: 13px 0 10px 0;
						border-top: 1px solid #f3f3f3;
					}
					
					.page-profile .section.orders .box .line .toogle .cart-info {
						background: #f5f5f5;
					}
		

/*	Page: FAQ
-------------------------------------------*/ 

	.page-faq {
		padding-top: 35px;
	} 
	
		.page-faq .faq-wrapper {
			padding-top: 6px;	
		}
		
		/*
		 * Item
		 */
		 
		.page-faq .faq-wrapper .item {
			margin-top: 25px;  
		}
		
			.page-faq .faq-wrapper .item:first-child {
				margin-top: 0;
			}
			
			.page-faq .faq-wrapper .item.opened + .item {
				margin-top: 8px;
			}  
			
			/*
			 * Question
			 */
	
			.page-faq .item .question {
				position: relative;
				font-size: 32px;
				line-height: 36px;
				font-weight: 300;
				letter-spacing: -0.02em;
				color: #46739e;
				cursor: pointer;
				display: inline-block;
				padding-left: 33px;
			}
			
				.page-faq .item .question:before {
					display: block;
					position: absolute;
					left: 0;
					content: '+';
				}
				
					.page-faq .item.opened .question:before {
						content: '-';
						margin-right: 26px;
					} 

			/*
			 * Answer
			 */ 
			 
			.page-faq .faq-wrapper .item .answer {
				display: none;
				background: #fff;
				margin: 16px 0 0 0;
				padding: 14px 0 11px 0;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				font-size: 15px;
				line-height: 23px;
				font-weight: 400;
				letter-spacing: -0.02em;
				color: #1f1f1f;
				text-align: justify;
			}
			 
				.page-faq .faq-wrapper .item.opened .answer {
					display: block;	
				}
		
				.page-faq .faq-wrapper .item .answer .container {
					padding: 0 37px;
					position: relative;
				}
				
					.page-faq .faq-wrapper .item.opened .answer .container:before {
						content: '';
						position: absolute;
						top: -25px;
						left: 35px;
						display: block;
						width: 23px;
						height: 11px;
						background: url('../img/faq-item-top.png') no-repeat center center;
					}
					
					
/*	Page: General
-------------------------------------------*/	 

	.page-general {
  
	}
	
		.page-general .content {
			margin-top: 35px;
			padding: 25px 20px 30px 20px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			background: #fff;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
		}		
		
		
/*	Page: Products
-------------------------------------------*/ 

	.page-products {
		padding-top: 28px;
	}
	
		.page-products .page-wrapper {
			  
		}
		
			/*
			 * Box
			 */		
			.page-products .box {
				position: relative;
				display: block;
				float: left;
				width: 15.59829059829083%;
				height: 275px;				
				background: #fff;				
				border-radius: 5px;				
				text-decoration: none;
				margin-bottom: 33px;
				margin-left: 1.282051282051%;
				padding: 143px 0 33px 0;
				background-position: top center;
				background-repeat: no-repeat;
				background-size: cover;
				-webkit-box-shadow: 0px 0px 4.95px 0.05px rgba(51, 51, 50, 0.35);
				   -moz-box-shadow: 0px 0px 4.95px 0.05px rgba(51, 51, 50, 0.35);
				   		box-shadow: 0px 0px 4.95px 0.05px rgba(51, 51, 50, 0.35);								
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				   		box-sizing: border-box;				
			}
			
				.page-products .box:first-child,
				.page-products .box.col-6-last + .box,
				.page-products .dropdown + .box {
					margin-left: 0;
				}
  
				.page-products .box .name {
					width: 100%;
					background: rgba(255,255,255,0.7);
					position: absolute;
					bottom: 47px;
					padding: 13px 10px 17px 13px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					font-size: 20px;
					line-height: 23px;
					font-weight: 600;
					letter-spacing: -0.02em;
					color: #364c62;
				}
				
				.page-products .box .details {
					width: 100%;
					position: absolute;
					bottom: 0;
					list-style: none;
					padding: 9px 13px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					background: #dee6ed;
					text-align: center;
					border-bottom-left-radius: 5px;
					-moz-border-bottom-left-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;
					-moz-border-bottom-right-radius: 5px;
					-webkit-border-bottom-right-radius: 5px;
					transition: all 0.3s;
					-moz-transition: all 0.3s;
					-webkit-transition: all 0.3s;
				} 
				
					.page-products .box .details li {
						font-size: 11px;
						line-height: 15px;
						font-weight: 600;
						letter-spacing: -0.02em;
						color: rgba(0,0,0,0.6);
						text-align: left;
						transition: all 0.3s;
						-moz-transition: all 0.3s;
						-webkit-transition: all 0.3s;
					}
					
						.page-products .box .details li.cats {
							font-weight: 700;
						}						
							
					/*
					 * Hover
					 */
					 
					.page-products .box:hover .details {
						background: #46739e;
					}
					
						.page-products .box:hover .details li {
							color: rgba(255,255,255,0.9);
						}
						
						.page-products .box:hover .details li:before {
							background: rgba(255,255,255,0.9);
						}
				
			/*
			 * Dropdown
			 */			 
			.page-products .dropdown {
				clear: both;				
				position: relative;
				padding-top: 26px;
				margin: 0px 0 5px 0; 
				top: -20px;			   
			}
				
				.page-products .dropdown .arrow {
					content: '';
					position: absolute;
					top: 0px;
					display: block;
					width: 53px;
					height: 26px;
					margin-left: -26px;
					background: url('../img/products-dropdown-top.png') no-repeat center center;
				}
				
					.page-products .dropdown.row-index-1 .arrow { left: 7.79914529914542%; }
					.page-products .dropdown.row-index-2 .arrow { left: 24.67948717948725%; }
					.page-products .dropdown.row-index-3 .arrow { left: 41.55982905982908%; }
					.page-products .dropdown.row-index-4 .arrow { left: 58.44017094017091%; }
					.page-products .dropdown.row-index-5 .arrow { left: 75.32051282051274%; }
					.page-products .dropdown.row-index-6 .arrow { left: 92.20085470085457%; }
				
				.page-products .dropdown .inner {
					background: #fff;
				}
			
				.page-products .dropdown .container {
					position: relative;
					padding: 32px 0 40px 0;					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
			
				.page-products .dropdown .cat {
					font-size: 16px;
					line-height: 20px;
					font-weight: 800;
					letter-spacing: -0.02em;
					color: #364c62;
					padding-left: 11px;   
				}
				
				/*
				 * Col
				 */
				 
				.page-products .dropdown .col-wrapper {
					padding: 6px 0 0 0;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
				 
				.page-products .dropdown .col {
					float: left;
					width: 48.71794871794872%;
					margin-left: 2.56410256410256%;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
				
					.page-products .dropdown .col:first-child {
						margin-left: 0;
					}
					
					/*
					 * Block
					 */
					 
					.page-products .dropdown .col .block { }
					
						.page-products .dropdown .col .block .subcat {
							font-size: 14px;
							line-height: 18px;
							font-weight: 600;
							letter-spacing: -0.02em;
							color: #364c62;
							padding: 6px 0 4px 10px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;	
							transition: all 0.3s;
							-moz-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
						
							.page-products .dropdown .col .block .subcat:hover {
								color: #000;
								cursor: pointer;	
							}
						
						.page-products .dropdown .col .block .types {
							background: rgba(239,239,239,0.7);
							list-style: none;
							padding: 2px 54px 5px 54px;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							transition: all 0.3s;
							-moz-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
			
							.page-products .dropdown .col .block .types:hover {
								background: #46739e;
							}
						
							.page-products .dropdown .col .block .types li {
								float: left;
								margin-right: 4px;
								position: relative;
							}
								
								.page-products .dropdown .col .block .types li:first-child:before {
									position: absolute;
									left: -7px;
									margin-top: 1px;
									content: '·';
									display: block;
									color: #1f1f1f;
									transition: all 0.3s;
									-moz-transition: all 0.3s;
									-webkit-transition: all 0.3s; 
								}
							
								.page-products .dropdown .col .block .types li a {
									font-size: 14px;
									line-height: 18px;
									font-weight: 400;
									letter-spacing: -0.02em;
									color: #1f1f1f;
									padding: 3px 6px;									
									border-radius: 0px;
									text-decoration: none;
									transition: all 0.3s;
									-moz-transition: all 0.3s;
									-webkit-transition: all 0.3s;  
								}
								
									.page-products .dropdown .col .block .types li a:hover {
										color: #3f3f3f;
										background: #f8ce51;
										border-radius: 4px;
									}
								
									.page-products .dropdown .col .block .types:hover li a,
									.page-products .dropdown .col .block .types:hover li:first-child:before {
										color: #fff;
									}

/* Message boxes
-------------------------------------------*/														   
.success-message-box, 
.error-message-box {
	position: fixed;
	height: 40px;
	z-index: 9999;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;
	border: 0px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	text-decoration: none;
	padding-top: 25px;
}
.success-message-box { background: #4C965A; }
.error-message-box { background: #C54545; }

.quantity-error {
	border: 1px solid red !important;
}

/*	Responsive
-------------------------------------------*/

/*
 * ------------------------------------------------------------- 1300 px
 */ 
 
@media(max-width: 1300px) {

	/*
	 * Footer
	 */
	 
	footer .bottom .social {
		padding-right: 0;
	}
	
}


/*
 * ------------------------------------------------------------- 1250 px
 */ 
 
@media (max-width: 1250px)
{

	/*
	 * Products
	 */	 
	.page-products .box .name {
		font-size: 16px;
		line-height: 20px;
	}
	 
}



 
/*
 * ------------------------------------------------------------- 1200 px
 */ 

@media(max-width: 1200px) {
	
	/*
	 * Header
	 */
	
	header .main-menu ul li {
		margin-left: 25px;
	}
	
		header .main-menu ul li a i.icon-order {
			height: 19px;
			width: 19px;
			top: -1px;
		}
		
		header .main-menu ul li a i.icon-cart {
			height: 22px;
			width: 26px;
		}
		
		header .main-menu ul li a i.icon-info {
			height: 22px;
			top: -1px;
			width: 22px;
		}
		
		header .main-menu ul li a i.icon-account {
			height: 23px;
			width: 22px;
		}
		
		header .main-menu ul li a i.icon-logout {
			height: 22px;
			top: -1px;
			width: 22px;
		}
		
		
	
	header .logo img {
		width: 230px;
	}
	
	header .main-menu {
		padding-top: 26px;
	}
	
	header .bottom .menu .item > a,
	header .bottom .partner .name {
		font-size: 20px;
	}
	 
	header .bottom .cats .icon-cats {
		top: 7px;
	}
	
	header .bottom .cats .icon-dropdown {
		top: 11px;
	}
	
	header .bottom .search .icon-search {
		top: 4px;
	}
	
	
	
	
	/*
	 * Cart
	 */

	.cart-info .text {
		padding-top: 0;
	}
	
	/*
	 * Widgets
	 */
	 
	.widget-cart .top .widget-title,
	.widget-support .widget-title {
		font-size: 20px;
	} 
	

	
}   

/*
 * ------------------------------------------------------------- 1150 px
 */ 


@media (max-width: 1150px)
{
	
	.widget-cats .list li a { font-size: 13px; }
	 	
	.page-order .order-row .label { width: 40%; }	
	.page-order .order-row .data { padding: 15px 38px 0 5px; width: 60%; }
	
	.page-products .dropdown .col .block .types { padding-left: 20px; padding-right: 20px; }
 
}

@media (max-width: 1140px)
{
	.page-products .box { width: 18.9743589743592%; }	
	.page-products .box.col-6-last + .box { margin-left: 1.282051282051%; }
	.page-products .box.col-5-last + .box { margin-left: 0; }
	
	.page-products .dropdown.row-index-1 .arrow { left: 9.4871794871796%; }
	.page-products .dropdown.row-index-2 .arrow { left: 29.7435897435898%; }
	.page-products .dropdown.row-index-3 .arrow { left: 50%; }
	.page-products .dropdown.row-index-4 .arrow { left: 70.2564102564102%; }
	.page-products .dropdown.row-index-5 .arrow { left: 90.5128205128204%; }
}


/*
 * ------------------------------------------------------------- 1100 px
 */						

@media(max-width: 1100px) {
	
	/*
	 * Header
	 */
	
	header .logo img {
		width: 200px;
	}
	
	header .main-menu {
		padding-top: 22px;
	}
	
	header .main-menu ul li {
		margin-left: 15px;
	}
	
		header .main-menu ul li a {
			font-size: 13px;
		}
			
	header .bottom .partner {
		padding-left: 19px;
		width: 35%;	
	}
	
	header .bottom .products {
		margin-left: 50px;
	}
	
	header .bottom .search {
		margin-left: 50px;
	}		
	
		
	/*
	 * Page
	 */
	 
	.page .content {
		float: right;
		margin-left: 2.5641%;
		width: 72.359%;
	}
	
	.page .sidebar {
		float: left;
		width: 25.0769%;
	}
	
	/*
	 * Profile
	 */
	 
	.page-profile .section input[type="text"], .page-profile .section textarea {
		font-size: 12px;
	}
	
	.page-profile .section.picture .input {
		width: 60%;
	}
	
	.page-profile .section.picture .buttons {
		width: 40%;
	}
	
	
} 

/*
 * ------------------------------------------------------------- 1024 px
 */

@media(max-width: 1024px) {
	
	/* 
	 * Header
	 */
	 
	header .main-menu .main-menu-trigger {
		display: block;
	}
	 
	header .main-menu ul {
		display: none;
		position: absolute;
		top: 79px;
		left: 0;
		width: 100%;
		background: #515661;
		z-index: 9999;
	}
	
		header .main-menu ul li {
			float: none;
			width: 100%;
			margin: 0;
			text-align: center;
			text-transform: uppercase;
		}
		
			header .main-menu ul li a {
				display: block;
				padding: 12px 0;
				font-size: 15px;
				font-weight: 700;	
			}
			
				header .main-menu ul li a i {
					display: none;	
				}
				
				header .main-menu ul li a:hover {
					background: rgba(70,115,158,0.7);
					color: #fff;
				}
		
		header .main-menu ul li.flag {
			margin-left: 0px;
		}
				
		header .main-menu ul li.flag img {
			display: block;
			margin: 0 auto;
		}
	
	header .bottom .menu {
		width: auto;
	}
	
		header .dropdown {
			display: none !important;
		}
		
	/*
	 * Page
	 */
	 
	.page .content {
		float: right;
		margin-left: 2.5641%;
		width: 67.359%;
	}
	
	.page .sidebar {
		float: left;
		width: 30.0769%;
	}
	
	/*
	 * Cart
	 */
	
	.cart-content table thead th,
	.cart-content table tr td {
		font-size: 12px; 
	}
	
		.cart-content table thead th.quantity-total {
			padding-right: 9px;
		}
	
	
	/*
	 * Page : global
	 */
		
	.page .newsletter-box .text .title {
		font-size: 20px;
		line-height: 24px;
		top: 0;
	}
	
	.page .newsletter-box .text .desc {
		top: 6px;
	}
	
	.page .newsletter-box {
		padding-bottom: 32px;
	}
	
	.page .services-box .title {
		font-size: 27px;
		line-height: 31px;
	}
	
	.page .services-box .col .text .title {
		font-size: 18px;
		line-height: 22px;
	}
	
	.page .services-box .col .icon img {
		width: 60px;
		position: relative;
		top: 5px;
	}
	
	.page .services-box .col {
		width: 50% !important;
	}
	
	.page .services-box .col:nth-child(2) {
		padding-right: 40px;
	}
 
	
	/*
	 * Footer
	 */
	 
	footer .top .col .title {
		font-size: 13px;
	}
	 
	footer .top .col .list li {
		font-size: 12px;
	}
	
	/*
	 * Faq
	 */
	 
	.page-faq .item .question  {
		font-size: 26px;
		line-height: 30px;
	}
	
	/*
	 * Order
	 */
	 
	.page-order .order-row.shipping-mode {
		padding-bottom: 23px;
	}
	 
	.page-order .order-row .label {
		width: 45%;
	}
	
	.page-order .order-row .data {
		width: 55%;
	}
	 
	.page-order .order-row .label .icon img {
		position: relative;
		top: 7px;
		width: 50px;
	}
	
	.page-order .order-row .label .title {
		font-size: 14px;
		line-height: 18px;
	}
	
	/*
	 * Listing
	 */
 
	.page-listing .subcat .data .types li a {
		font-size: 14px;
	}
	
	.page-listing .subcat .details .filter .item:last-child {
		margin-left: 3.75%;
		width: 13.125%;
	}
	
	.page-listing .subcat .details .filter {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.page-listing .subcat .details .filter .item .search-btn {
		padding: 9px 5px;
	}
	
	/*
	 * Profile
	 */
	 
	.page-profile .section.picture .input {
		width: 100%;
		float: none;
	}
	
	.page-profile .section.picture .buttons {
		width: 100%;
		float: none;
		padding-left: 0;
		margin-top: 10px;
	}
	
	.page-profile .section .zip,
	.page-profile .section .address {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.page-profile .section.customer .row:nth-child(2) .col:nth-child(2),
	.page-profile .section.shipping .row:nth-child(3) .col:nth-child(2) {
		margin-left: 0 !important;
	}
	
	.page-profile .section .number,
	.page-profile .section .floor,
	.page-profile .section .door { 
		width: 32.51028666666667%;
	}
	
	.page-profile .section .number {
		margin-left: 0 !important;
	}

}
	
@media (max-width: 950px)
{
	header .bottom .partner { padding-left: 0px; width: 40%; }
	header .bottom .item.products { display: none; }
	
	.page-products .box { width: 24.03846153846175%; }
	.page-products .box.col-5-last + .box { margin-left: 1.282051282051%; }
	.page-products .box.col-4-last + .box { margin-left: 0; }
	
	.page-products .dropdown.row-index-1 .arrow { left: 12.01923076923088%; }
	.page-products .dropdown.row-index-2 .arrow { left: 37.33974358974363%; }
	.page-products .dropdown.row-index-3 .arrow { left: 62.66025641025638%; }
	.page-products .dropdown.row-index-4 .arrow { left: 87.98076923076913%; }
	
	.page-products .dropdown .col { width: 100%; }
	.page-products .dropdown .col + .col { margin-left: 0px; }
}
		
@media(max-width: 900px) {
	
	.widget-cats .list li a {
		font-size: 12px;
	}
	
	/*
	 * Widgets
	 */
	 
	.widget-cart .top .widget-title,
	.widget-support .widget-title {
		font-size: 19px;
	}
	
	.widget-support p strong {
		font-size: 18px;
	}

	
	/*
	 * Page
	 */
	 
	.page .content {
		float: right;
		margin-left: 2.5641%;
		width: 68.359%;
	}
	
	.page .sidebar {
		float: left;
		width: 29.0769%;
	}
	
	/*
	 * Footer
	 */
	 
	footer .top {
		padding-bottom: 60px;
	}
	 
	footer .top .col {
		width: 50% !important;
	}
	
	
	footer .top .col.contact {
		clear: both;
		margin-top: 30px; 
	}
	
	footer .top .col.message {
		margin-top: 30px; 
	}
	
		footer .top .col .list li {
			font-size: 13px;
		}
		
		footer .top .col.message input[type="text"], footer .top .col.message textarea {
			font-size: 14px;
			line-height: 18px;
		}
	
}  
		


/*
 * ------------------------------------------------------------- 840 px
 */

@media(max-width: 840px) {
	
	
	/*
	 * Page
	 */
	 
	.page .content {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	
	.page .sidebar {
		float: none;
		width: 100%;
		display: block;
		margin-top: 30px;
	}
	
	/*
	 * Widgets
	 */
  

	.widget-cart .top .icon {
		float: none;
		margin: 0 auto;
		width: 48px;
		height: 48px;
	}
	
	.widget-cart .top .widget-title {
		float: none;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		padding-top: 10px;
	}
	
	.widget-cart .desc {
		padding: 20px 0 0 0;
		text-align: center;   
	}
	
	/*
	 * Support
	 */
	
	.widget-support {
		text-align: center;
	}
	
	 
	.widget-cats .list li a {
		font-size: 14px;
	}
	
	
	.widget-profile {
		margin-top: 90px;
	}
	
		.widget-profile .row {
			height: auto;
			max-width: 320px;
			margin: 30px auto 0 auto;
			text-decoration: none;
		}
		
			.widget-profile .picture + .row {
				margin-top: 0;
			}
		
			.widget-profile .row .icon {
				float: none;
				height: auto;
				width: 100%;
			}
			
				.widget-profile .row .icon img {
					top: auto;
					transform: none;
					-moz-transform: none;
					-webkit-transform: none;
					-ms-transform: none;
					-o-transform: none;
				}
				
			.widget-profile .row .title {
				float: none;
				width: 100%;
				top: auto;
				transform: none;
				-moz-transform: none;
				-webkit-transform: none;
				-ms-transform: none;
				-o-transform: none;
				padding-left: 0;
				text-align: center;
			}
			
			
	
	
	
	/*
	 * Page : global
	 */
	 
	.page .newsletter-box .text {
		float: none;
		text-align: center;
		width: 100%;
	}
	
		.page .newsletter-box .text .desc {
			padding-top: 5px;
			top: 0;
		}
		
	.page .newsletter-box .signup {
		float: none;
		padding: 20px 50px 0 50px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
	}
	
		
		.page .newsletter-box .signup .email {
			
		}
		
		.page .newsletter-box .signup .send {
			max-width: 100%;	
		}
		
	/*
	 * General Content
	 */
	 
	.page-general .content {
		margin-top: 0;
	}
	
	/*
	 * Profile
	 */
	 
	.page-profile .section.picture .input .desc {
		padding-top: 10px;
	}

}

/*
 * ------------------------------------------------------------- 767 px
 */


@media(max-width: 767px) {

	/*
	 * Header
	 */
	 
	header .logo img {
		width: 185px;
	}

	header .main-menu {
		padding-top: 19px;
	}
	
		header .main-menu ul {
			top: 63px;
		}
		
	header .bottom {
		padding: 9px 0;
	}			
	
		header .bottom .partner {
			padding-left: 0;
		}
	
	header .bottom .menu {
		width: auto;
		padding-top: 13px;
	}
	
		header .bottom .menu .item {
			margin-left: 40px;
		}
				
			header .bottom .menu .item > a,
			header .bottom .partner .name {
				font-size: 18px;
			}		
		
		header .bottom .cats .icon-cats {
			top: 6px;
		}
		
		header .bottom .search .icon-search {
			top: 5px;
			width: 19px;
			height: 18px;
			background-size: auto 100%;
		}
		
			
	/*
	 * Cart
	 */
	 
	.cart-content table tr:last-child td.total-text,
	.cart-content table tr:last-child td.total-value {
		font-size: 15px;	
	} 
	
	/*
	 * Page : global
	 */
	 
	.page .services-box .title {
		font-size: 22px;
		line-height: 26px;
	}
	
	.page .services-box .col-wrapper {
		width: 100%;
		text-align: center;
		padding-top: 0;
	}
	
	.page .services-box .col {
		float: none;
		display: block;
		width: 100% !important;
		padding: 0 !important; 
		text-align: center;
		margin: 0 auto; 
	}
	
		.page .services-box .col:nth-child(2):before {
			display: none;
		}
	
		.page .services-box .col:nth-child(2) li {
			padding-left: 0;
			width: 100%;
		}
		
		.page .services-box .col li:first-child {
			margin-top: 33px;
		}
		
		.page .services-box .col .icon {
			float: none;
			width: auto;
		}
		
		.page .services-box .col .text {
			float: none;
			padding: 0;
			text-align: center;
			width: auto;
		}
		
			.page .services-box .col .text .title {
				text-align: center;
				padding-top: 20px;
			}
		
		
		
	/*
	 * Faq
	 */
	 
	.page-faq .item .question  {
		font-size: 22px;
		line-height: 26px;
		padding-left: 29px;
	}
	
	.page-faq .faq-wrapper .item {
		margin-top: 20px;
	}
	
	
	.page-products .dropdown .col .block + .block {
		padding-top: 10px;
	}
 
} 

@media (max-width: 750px)
{
	.page-products .box { width: 32.13333333333333%; margin-left: 1.8% !important; margin-bottom: 24px; }
	.page-products .box:first-child { margin-left: 0px !important; }
	.page-products .dropdown + .box { margin-left: 0px !important; }
	.page-products .box.col-4-last + .box { margin-left: 1.8% !important; }
	.page-products .box.col-3-last + .box { margin-left: 0 !important; }
	
	.page-products .dropdown.row-index-1 .arrow { left: 16.06666666666667%; }
	.page-products .dropdown.row-index-2 .arrow { left: 50%; }
	.page-products .dropdown.row-index-3 .arrow { left: 83.93333333333333%; }
	
	.product-search-dropdown { padding: 30px 0 65px 0; }	
	.product-search-dropdown .desc { font-size: 26px; line-height: 34px; }
	.product-search-dropdown .desc br { display: none !important; }
	.product-search-dropdown form { margin-top: 30px; }
	.product-search-dropdown form .search-btn { height: 54px; }
	.product-search-dropdown .search-start { margin-top: 30px; }
	ul.tagit { padding: 12px 0 12px 15px; }	
}

@media(max-width: 700px) {
	
	/*
	 * Cart
	 */
	
	.cart-info {
		padding: 17px 0;
	}
	
		.cart-info .icon {
			float: none;
			padding: 0;
		}
		
			.cart-info .icon img {
				height: 48px;
				width: 48px;
			}
		
		.cart-info .text {
			padding: 10px 20px 0 20px;
			text-align: center;
		}
		
		
	/*
	 * Widgets
	 */
	 
	 /*
	  * Cats
	  */
	
	.widget-cats .widget-title {
		padding: 0;
		text-align: center;	
	}
	
	.widget-cats .list li {
		text-align: center;
	}
	
	
	
	/*
	 * Order
	 */
	 
	.page-order .order-row {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 20px;
	}
	
	 
	.page-order .order-row .label {
		width: 100%;
		float: none;
		text-align: center;
	}
	
		.page-order .order-row .label .icon,
		.page-order .order-row .label .title {
			float: none;
			width: auto;
			display: inline-block;
		}
		
			.page-order .order-row .label .title {
				font-size: 16px;
				line-height: 20px;
				padding-top: 0;
				position: relative;
				top: -18px;  
			}
			
			.page-order .order-row .label .icon img {
				top: 0;
			}
	
	
	.page-order .order-row .data {
		width: 100%;
		float: none;
		padding: 0;
		text-align: center;
		padding-top: 20px;
		margin-top: 0;
	}
	
		.page-order .order-row .data .datepicker {
			display: inline-block;  
		}
		
		.page-order .shipping-mode .data .item {
			float: none;
			display: inline-block;
		}
		
		.page-order .note .data {
			padding-left: 20px;
			padding-right: 20px;
		}
		
			.page-order .note textarea {
				height: auto;
				min-height: 100px;
			}
		
	.page .page-title {
		font-size: 19px;
		line-height: 24px;
		text-align: center;
		padding-left: 0;
		padding-bottom: 10px;
	}
	
	
	
	
}


/*
 * ------------------------------------------------------------- 650 px
 */


@media(max-width: 650px) {
	
	header .bottom .menu .item > a, header .bottom .partner .name {
		font-size: 16px;
	}
	
		header .bottom .menu .item {
			margin-left: 30px;
		}
	
		header .bottom .cats .icon-cats {
			top: 5px;
			width: 15px;
			height: 15px;
			background-size: 100% auto;
		}
		
		header .bottom .search .icon-search {
			width: 17px;
			height: 17px;
		}
	
	.product-search-dropdown .desc { font-size: 22px; line-height: 28px; }
	.product-search-dropdown .search-start { margin-top: 20px; }
		
	/*
	 * Page : global
	 */
	 
	.page .services-box .col {
		width: 80% !important;
	}
	
	/*
	 * Popup
	 */
	 
	.popup {
		min-width: 0;
		padding: 20px;
		width: 90%;
	}
	  
		.popup .popup-icon.alert-icon {
			width: 70px;
		}
		
		.popup .alert-logout-icon {
			width: 170px;
		}
		
		.popup .alert-shipdate-icon {
			width: 70px;
		}
		
		.popup .alert-shiptype-icon {
			width: 70px;
		}
		
		.popup .popup-title {
			font-size: 20px;
			line-height: 24px;
		}
		
		.popup .popup-subtitle {
			font-size: 16px;
			line-height: 20px;
		}
		
		.popup .button-wrapper .button {
			display: block;
			margin: 0;
		}
		
			.popup .button-wrapper .button:nth-child(2) {
				margin-top: 15px;
			}
		
	.cart-content table thead th { padding-bottom: 10px; }
	.cart-content table thead th.item { padding-left: 12px; }
	.cart-content table tr td.item { width: auto; padding-left: 12px; padding-right: 12px; }
	.cart-content table tr td.quantity { width: 65px; }		
	.cart-content table tr td.price { width: 55px; }
	.cart-content table tr td.unit { width: 42px; }
	.cart-content table tr td.item-total { width: 60px; }	
	.cart-content table tr td.quantity-total { width: 70px; }
	.cart-content table tr:last-child td.total-text { padding-left: 12px; }
	
}


/*
 * ------------------------------------------------------------- 600 px
 */

@media(max-width: 600px) {
	
	/*
	 * Page : global
	 */

	.page .newsletter-box .signup {
		padding: 20px 0 0 0;
	}
	
	/*
	 * Footer
	 */
	 
	footer .top {
		padding-bottom: 60px;
	}
	 
	footer .top .col {
		width: 100% !important;
		margin-top: 30px;
		padding: 0;
	}
	
		footer .top .col:first-child {
			margin-top: 0;
		}
	
	
	footer .top .col.contact {
		clear: none;
	}

	
		footer .top .col .list li {
			text-align: center;
		}
		
		footer .top .col .title {
			text-align: center;
		}
		
		footer .top .col.message input[type="text"], footer .top .col.message textarea {
			font-size: 14px;
			line-height: 18px;
		}
		
	footer .bottom .social li {
		margin-left: 15px;
	}
	
	/*
	 * Listing
	 */
	 
	.page-listing .subcat .image {
		float: none;
		width: 100%;
	}
	
		.page-listing .subcat .image img {
			margin: 0 auto;
		}
		
	
	.page-listing .subcat .data {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	
		.page-listing .subcat .data .title {
			text-align: center;
		}
		
		.page-listing .subcat .data .types {
			text-align: center;
		}
		
			.page-listing .subcat .data .types li {
				float: none;
				display: inline-block;
				margin-left: 10px;
			}
			
	.page-listing .subcat .details .filter {
		padding: 20px;
	}
	
	.page-listing .subcat .details .filter .item,
	.page-listing .subcat .details .filter .item:last-child  {
		float: none;
		margin: 15px 0 0 0;
		width: 100%;
	}
	
	
		.page-listing .subcat .details .filter .item:first-child {
			margin-top: 0;
		}
		
		.page-listing .subcat .details .filter .item:last-child {
			margin-top: 25px;
		}
		
		.page-listing .subcat .details .filter .item .search-btn {
			top: 0;
			max-width: 100%;
			padding: 15px;
			font-size: 15px;
			line-height: 19px;
		}
		
	.page-listing .subcat .details .rows ul li {
		display: block;
		margin: 10px 0 0 0;
		text-align: center;
	}
	
		.page-listing .subcat .details .rows ul li:first-child {
			margin-top: 0;
		}
	
	
	
}

/*
 * ------------------------------------------------------------- 550 px
 */


@media(max-width: 550px)
{
	
	header .bottom .partner {
		width: 100%;
		float: none;
		text-align: center;
	}
	
		header .bottom .partner .name {
			display: inline-block;
			top: 0;
		}
		
	header .bottom .menu {
		padding-top: 10px;
		width: 100%;
		text-align: center;
	}
	
		header .bottom .menu .item {
			display: inline-block;
			float: none;
		}
		
			header .bottom .menu .item.cats {
				margin-left: 0px;	
			}
		
			header .bottom .menu .item.products {
				display: none;
			}			
 
		
	/*
	 * Cart
	 */
	 
	.cart-submit {
		padding: 20px 0 22px 0;
	}
	
	.cart-submit .btn {
		padding: 16px 24px 14px 24px;
		font-size: 16px;
	}
	
	/*
	 * Page : global
	 */
	 
	.page .services-box .title {
		font-size: 20px;
		line-height: 24px;
	}
	
	/*
	 * Faq
	 */
	 
	.page-faq .item .question  {
		font-size: 20px;
		line-height: 24px;
	}
	
	.page-faq .faq-wrapper .item {
		margin-top: 15px;
	}
	
	/*
	 * Profile
	 */
	 
	.page-profile .section .box .contact,
	.page-profile .section .box .company {
		float: none;
		width: 100% !important;
		margin-left: 0 !important;	
	}
	
		.page-profile .section .box .company {
			margin-top: 10px;
		}
	

	.page-products .box { width: 48.7%; margin-left: 2.6% !important; }
	.page-products .box:first-child { margin-left: 0px !important; }
	.page-products .box.col-3-last + .box { margin-left: 2.6% !important; }
	.page-products .box.col-2-last + .box { margin-left: 0 !important; }
	
	.page-products .dropdown.row-index-1 .arrow { left: 24.35%; }
	.page-products .dropdown.row-index-2 .arrow { left: 75.65%; }
	
	.page-listing .subcat .details .products table { display: block; padding-bottom: 1px; }
	.page-listing .subcat .details .products table thead { display: none; }
	.page-listing .subcat .details .products table tbody { display: block; }
	.page-listing .subcat .details .products table tr { display: block; position: relative; }
	.page-listing .subcat .details .products table tr + tr { margin-top: 20px; }
	.page-listing .subcat .details .products table td { display: block; position: relative; border-color: #dddddd !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.page-listing .subcat .details .products table tr td.buy { width: 100%; border: 0px; text-align: center; padding: 0px; position: absolute; bottom: 64px; z-index: 2; }
	.page-listing .subcat .details .products table tr td.buy div { display: inline-block; }
	.page-listing .subcat .details .products table tr td.buy input { float: left; margin: 3px 5px 0 0; }
	.page-listing .subcat .details .products table tr td.buy label { float: left; display: block; font-size: 12px; line-height: 14px; padding: 3px 0px; }
	.page-listing .subcat .details .products table tr td.item { width: 100%; padding-top: 0px; border-right: 0px; border-left: 0px; border-top: 0px; text-align: center; font-weight: bold; padding-bottom: 52px; }
	.page-listing .subcat .details .products table tr td.quantity { width: 25% !important; height: 40px; display: block; float: left; border-left: 0px; border-top: 0px; }
	.page-listing .subcat .details .products table tr td.stock { width: 25%; float: left; border-left: 0px; border-top: 0px; }
	.page-listing .subcat .details .products table tr td.unit { width: 25%; float: left; border-left: 0px; border-top: 0px; }
	.page-listing .subcat .details .products table tr td.price { width: 25%; float: left; border-left: 0px; border-top: 0px; }
	
	.page-listing .subcat .details .products table tr td.quantity:before { content: "Mennyiség"; left: 0px; right: -1px; top: -20px; font-size: 11px; line-height: 13px; padding: 4px 0; position: absolute; background: #f1f1f1; border-top: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 2; }
	.page-listing .subcat .details .products table tr td.stock:before { content: "Készlet"; width: 100%; left: 0px; right: -1px; top: -20px; font-size: 11px; line-height: 13px; padding: 4px 0; position: absolute; background: #f1f1f1; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
	.page-listing .subcat .details .products table tr td.unit:before { content: "Megys."; width: 100%; left: 0px; right: -1px; top: -20px; font-size: 11px; line-height: 13px; padding: 4px 0; position: absolute; background: #f1f1f1; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
	.page-listing .subcat .details .products table tr td.price:before { content: "Egys.ár"; width: 100%; left: 0px; top: -20px; font-size: 11px; line-height: 13px; padding: 4px 0; position: absolute; background: #f1f1f1; border-top: 1px solid #ddd; }
} 


@media (max-width: 530px)
{
	.page-cart .content-wrapper { padding-top: 0px; }
	.page-order .cart-content { padding-top: 0px; }
	.page-order .vat { padding: 14px 12px 14px 12px; border-top: 1px solid #637a90; }
	
	.cart-content table { display: block; width: 100%; }
	.cart-content table thead { display: none; }
	.cart-content table tbody { display: block; }
	.cart-content table tr { display: block; }
	.cart-content table tr + tr { border-top: 1px solid #637a90; }
	.cart-content table tr td { display: block; position: relative; width: 100% !important; padding: 10px 12px 10px 100px !important; text-align: left !important; border-left: 0px; border-color: #eee !important; border-right: 0px; border-bottom: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.cart-content table tr td.item { border-top: 0px; }
	.cart-content table tr td.quantity { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 90px !important; }
	.cart-content table tr td.quantity input[type="text"] { position: relative; text-align: left; padding-left: 10px; }
		
	.cart-content table tr td:before { position: absolute; top: 10px; left: 12px; color: #364c62; font-weight: bold; }
	.cart-content table tr td.item:before { content: "Megnevezés"; }
	.cart-content table tr td.quantity:before { content: "Mennyiség"; }
	.cart-content table tr td.unit:before { content: "Megys."; }
	.cart-content table tr td.price:before { content: "Egységár"; }
	.cart-content table tr td.item-total:before { content: "Érték"; }
	.cart-content table tr td.quantity-total:before { content: "Készlet"; }
	
	.cart-content table tr:last-child td { display: none; }
	.cart-content table tr:last-child td.total-text { display: block; float: left; padding-left: 12px !important; padding-right: 0px !important; width: 90px !important; font-size: 14px; }
	.cart-content table tr:last-child td.total-value { display: block; float: left; padding-left: 10px !important; width: auto !important; }
}

 
@media (max-width: 500px) {
	
	/*
	 * Footer
	 */
	 
	
	footer .bottom {
		text-align: center;
		padding-top: 30px;
	}
	
		footer .bottom .container {
			box-sizing: border-box;
			padding: 20px 0 30px 0;
		}
	 
	footer .bottom .logo {
		display: inline-block;
		float: none;
	}
	
	footer .bottom .social {
		float: none;
		text-align: center;
		padding-top: 20px;
	}
	
		footer .bottom .social li {
			float: none;
			display: inline-block;
			
			margin-left: 30px;
		} 
		
		
	/*
	 * Faq
	 */
	
	.page-faq .item .question {
		padding-left: 15px;
	}
	
	.page-faq .faq-wrapper .item .answer .container {
		padding: 10px 15px;
	}
	
	
 }



/*
 * ------------------------------------------------------------- 480 px
 */


@media(max-width: 480px) {

	header .logo img {
		width: 150px;
	}
	
	header .main-menu {
		padding-top: 14px;
	}
	
	/*
	 * Login
	 */
	 
	.log-box {
		padding-top: 30px;
	}
	
	/*
	 * Order
	 */
	 
	.page-order .order-row .label .icon img {
		width: 40px;
	}
	
	.page-order .order-row .label .title {
		top: -15px;
	}
	
	
}


/*
 * ------------------------------------------------------------- 450 px
 */


@media(max-width: 450px) {
	
	
	/*
	 * Widgets
	 */
	 
	.widget-cats .list li a {
		font-size: 13px;
	}
	
	/*
	 * Page : global
	 */
	 
	.page .services-box {
		padding: 48px 0;
	}
	 
	.page .services-box .col {
		width: 100% !important;
	}
	
		.page .services-box .col .icon img {
			top: 8px;
			width: 50px;
		}
		
		
	/*
	 * Faq
	 */
	 
	.page-faq .item .question {
		font-size: 18px;
		line-height: 22px;
	}
	

}


/*
 * ------------------------------------------------------------- 400 px
 */


@media (max-width: 400px)
{
	header .bottom .partner { border-bottom: 1px solid #eee; padding-bottom: 7px; }
	header .bottom .partner span { display: block; }
	
	.product-search-dropdown { padding: 20px 0px 60px 0px; }
	.product-search-dropdown .desc { font-size: 17px; line-height: 22px; }
	.product-search-dropdown form { margin-top: 20px; }
	.product-search-dropdown form .search-btn { height: 50px; background-size: 26px auto; }
	ul.tagit { padding: 10px 0 10px 10px; }
	ul.tagit li { font-size: 13px; margin-left: 5px; }
	ul.tagit li.tagit-new { margin-left: 0px; }
		
	/*
	 * Page : global
	 */
	 
	.page .newsletter-box {
		padding: 17px 0;
	}
	 
	.page .newsletter-box .signup .email,
	.page .newsletter-box .signup .send {
		float: none;
		width: 100%;
		font-size: 14px;
		line-height: 18px;	
	}
	
		.page .newsletter-box .signup .send {
			margin: 10px 0 0 0;
		}

	.page .newsletter-box .text .title {
		font-size: 18px;
		line-height: 22px;
	}
	
	/*
	 * Popups
	 */
	 
		.popup .popup-icon.alert-icon {
			width: 50px;
		}
		
		.popup .alert-logout-icon {
			width: 120px;
		}
		
		.popup .alert-shipdate-icon {
			width: 50px;
		}
		
		.popup .alert-shiptype-icon {
			width: 50px;
		}
	
	.page-products .box {
		height: 200px;
		margin-bottom: 15px;
	}
		
	.page-products .box .name {
		bottom: 42px;
		font-size: 15px;
		text-align: center;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	.page-products .box .details li { 
		text-align: center;
	}
	
	.success-message-box { font-size: 17px; }
	.error-message-box { font-size: 17px; }
	
	
	.general-content { font-size: 14px; line-height: 23px; }
	.general-content h1 { font-size: 27px; line-height: 34px; }
	.general-content h2 { font-size: 21px; line-height: 31px; padding-top: 30px; }
	
	.page-products .dropdown .container { padding: 20px 0; }
	.page-products .dropdown .arrow { background-size: auto 70%; background-position: bottom center; }
	
}

@media (max-width: 340px)
{
	header .bottom .menu .item.cats { float: left; margin-left: 10px; }
	header .bottom .menu .item.search { float: right; margin-left: 0px; margin-right: 10px; }
}