/* Header */

	.content-header .right {
		position: fixed;
		top: 0px;
		right: 0px;
		float: right;
		padding-right: 20px;
		text-align: right;
	}

	.content-header .right .button {
		padding: 0px;
		background-color: transparent;
		font-size: 13px;
		font-family: 'Noto Serif TC', serif, "Adobe Caslon Pro";
		color: #666666;
		background-repeat: no-repeat;
		background-size: 16px 16px;
		background-position: left center;
	}

	.content-header .right .button.cart {
		margin-right: 10px;
		padding-left: 20px;
		background-image: url(../media/icon.header.basket.png);
	}

	.content-header .right .button.profile {
		margin-right: 10px;
		padding-left: 20px;
		background-image: url(../media/icon.header.account.png);
	}

	.content-header .right .button.signin{
		color: #3898F2;
	}

	.content-header .right .button.signout {
		color: #D18C8E;
	}

/* Home */
	.content-body.home{
		background-size: cover;
		background-repeat: repeat;
		background-position: center center; 
		background-image: url(../media/home.background.pattern.gif);
	}

/* Blocks */

	/* Blocks . Defaults */
		.content-body .block {
			overflow: auto;
		}

		.content-body .block .block_header {
			overflow: auto;
			background-size: 7px 1px;
			background-repeat: repeat-x;
			background-position: center bottom; 
			background-image: url(../media/dashed.blue.light.png);
		}

		.content-body .block .block_header h2 {
			display: block;
			float: left;
			margin-bottom: 0px;
			font-weight: 200;
			letter-spacing: 1px;
			color: #858789;
		}

		.content-body .block.right .block_header h2 {
			float: right;
		}

		.content-body .block .block_header i {
			display: block;
			float: left;
			font-size: 0px;
			box-sizing: border-box;
			border-bottom: 1px solid #60ADF5;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center; 
		}

		.content-body .block.right .block_header i {
			float: right;
		}

		.content-body .block .divider {
			position: inherit;
			clear: both;
		}

	/* Blocks . Icons */

		.content-body .block .block_header i.basket {
			background-image: url(../media/block.icon.basket.png);
		}

		.content-body .block .block_header i.question {
			background-image: url(../media/block.icon.question.png);
		}

		.content-body .block .block_header i.info {
			background-image: url(../media/block.icon.info.png);
		}

		.content-body .block .block_header i.featured {
			background-image: url(../media/block.icon.featured.png);
		}

		.content-body .block .block_header i.paragraph {
			background-image: url(../media/block.icon.paragraph.png);
		}

		.content-body .block .block_header i.euro {
			background-image: url(../media/block.icon.euro.png);
		}

		.content-body .block .block_header i.user {
			background-image: url(../media/block.icon.user.png);
		}

	/* Blocks . Body */
		.content-body .block .block_body {
			box-sizing: border-box;
		}

		.content-body .block.right .block_body {
			float: right;
		}

	/* Blocks . Sizing */

		/* Extra small */
		@media (min-width: 10px) {
			.content-body .block .block_header		{ margin-bottom: 24px; }
			.content-body .block .block_header h2	{ font-size: 13px; line-height: 25px; }
			.content-body .block .block_header i 	{ height: 25px; width: 18px; margin-right: 6px; }
			.content-body .block .block_body.padded { padding-left: 24px; }
		}

		/* Small */
		@media (max-width: 783px) {
			.content-body .block.right .block_header h2,
			.content-body .block.right .block_header i,
			.content-body .block.right .block_body { float: left !important;}
		}

		/* Small */
		@media (min-width: 705px) {
			.content-body .block .block_header 		{ margin-bottom: 22px; }
			.content-body .block .block_header h2 	{ font-size: 13px; line-height: 31px; }
			.content-body .block .block_header i  	{ height: 30px; width: 16px; margin-right: 6px; }
			.content-body .block .block_body.padded { padding-left: 22px; }

			.content-body .block.right .block_header h2,
			.content-body .block.right .block_header i,
			.content-body .block.right .block_body { float: right;}

			.content-body .block.right .block_header h2 	{ margin-right: 6px; }
			.content-body .block.right .block_header i  	{ margin-right: 0px; }
			.content-body .block.right .block_body.padded { padding-right: 22px; }
		}

		/* Medium */
		@media (min-width: 992px) {
			.content-body .block .block_header 		{ margin-bottom: 26px; }
			.content-body .block .block_header h2 	{ font-size: 16px; line-height: 31px; }
			.content-body .block .block_header i  	{ height: 32px; width: 20px; margin-right: 6px; }
			.content-body .block .block_body.padded { padding-left: 26px; }
		}

/* Blocks . Breadcrumb */
	
	.content-body .block.breadcrumb .left {
		float: left;
	}

	.content-body .block.breadcrumb .right {
		float: right;
	}


/* Header */

	.content header {
		/*float: left;*/
		position: absolute;
		z-index: 999999;
	}

/* Footer */

	.content footer p {
		padding: 100px 0px 64px 0px;
		
		
		text-align: center;
		text-transform: uppercase;
	}

	.content footer p,
	.content footer p a {
		font-size: 10px !important;
		color: rgba(0,0,0,0.3);
	}

/* Promos */

	/* Promo about */ 
		.promo.about {
			text-align: center;
			padding: 64px 0px 48px 0px;
			background-color: rgba(0,0,0,0.05);
		}

		.promo.about h1 {
			margin-bottom: 0px;
			font-weight: 600;
			color: #3898F2 !important;
		}

		.promo.about h2 {
			margin-bottom: 20px;
			color: #737476 !important;
		}

		.promo.about p {
			margin: 0px auto 10px auto;
		}

		/* Extra small */
		@media (min-width: 10px) {
			.promo.about h1 { font-size: 26px; }
			.promo.about h2 { font-size: 14px; }
			.promo.about  p { font-size: 13px; line-height: 18px; width: 90%; }
		}

		/* Small */
		@media (min-width: 768px) {
			.promo.about h1 { font-size: 34px; }
			.promo.about h2 { font-size: 18px; }
			.promo.about  p { font-size: 13px; line-height: 18px; width: 80%; }
		}

		/* Medium */
		@media (min-width: 990px) {
			.promo.about h1 { font-size: 34px; }
			.promo.about h2 { font-size: 18px; }
			.promo.about  p { font-size: 13px; line-height: 18px; width: 80%; }
		}

		/* Large */
		@media (min-width: 1200px) {
			.promo.about h1 { font-size: 30px; }
			.promo.about h2 { font-size: 14px; }
			.promo.about  p { font-size: 13px; line-height: 18px; width: 60%; }
		}

	/* Promo home */

		.promo.home {
			height: 400px;
			/*background-color: blue;*/
		}

		.promo.home .layer.info {
			height: 400px;
		}

		.promo.home .layer.info .block {
		}

		.promo.home .layer.info .block_body {
			width: 50%;
		}

		.promo.home .layer.info .divider {
			position: initial;
		}

		.layer.media {
			float: right;
			height: 400px;
			margin-top: -400px;
		}

		.layer.media .carrousel {
			float: right;
			height: 400px;
			width: 45%;
			/*background-color: red;*/
		}

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

			.promo.home {
				padding-bottom: 64px;
			}

			.promo.home,
			.promo.home .layer.info,
			.promo.home .layer.info .block {
				height: auto;
			}

			.promo.home .layer.info .block {
				padding-top: 200px;
				height: auto;

			}

			.promo.home .layer.info .block_body {
				width: 100%;
				overflow: auto;
			}

			.layer.media {
				float: none;
				height: 400px;
				margin-top: -440px;
			}

			.layer.media .carrousel {
				float: none;
				height: 400px;
				width: 90%;
				margin: 0px auto 0px auto;
				max-width: 400px;
				/*background-color: red;*/
			}
		}

/* Centrics */

		.centric {
			overflow: visible;
		}

		.centric .layer_bottom {
			margin-top: -100px;
		}

		.centric .layer_bottom .block .block_body {
			width: 50%;
		}

		.centric .layer_top {
			width: 50%;
			margin: 0px 0px 0px auto;
		}

		.centric.right .layer_top {
			margin: 0px 0px 0px 0px;
		}

		.centric .layer_top img {
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
		}

		@media (max-width: 783px) {

			.centric .layer_top {
				margin: 0px auto 0px auto !important;
				width: 70%;
			}

			.centric .layer_bottom {
				margin: 0px auto 0px auto !important;
			}

			.centric .layer_bottom .block .block_body {
				width: 100%;
			}

		}

/* Carousel */
	
	.carousel {
		width: 100%;
	}

	.carousel .controls {
		text-align: center;
		font-size: 0px;
	}

	.carousel .controls .button {
		padding: 0px;
		width: 32px;
		height: 32px;
		border-radius: 0px;
		background-position: center center;
		background-size: 16px 16px;
		background-repeat: no-repeat;
		opacity: 0.5;
		background-color: transparent;
		transition: 0.2s opacity ease-in-out;
	}
	
	.carousel .controls .button:hover {
		opacity: 1;
	}

	.carousel .controls .button.carousel-button-prev {
		background-image: url(../media/arrow.left.dark.png);
	}

	.carousel .controls .button.carousel-button-next {
		background-image: url(../media/arrow.right.dark.png);
	}

	.carousel .controls .carousel-pagination {
		display: inline-block;
		height: 32px;
		margin: 0px 10px 0px 10px;
		font-size: 0px;
	}

	.carousel .controls .carousel-pagination .swiper-pagination-bullet {
		display: block;
		float: left;
		height: 1px;
		width: 20px;
		margin: 16px 5px 0px 5px;
		border-radius: 0px;
		line-height: 0px;
	}

/* Messages */

	.message {
		width: 250px;
		margin: 0px auto 0px auto;
		padding-top: 150px;
		text-align: center;
		background-size: 125px 125px;
		background-position: center top;
		background-repeat: no-repeat;
	}

	.message h1 {
		font-weight: normal;
	}

	.message.added_to_cart {
		background-image: url(../media/message.added_to_cart.png);
	}


/* Account orders list */
.orders_list container container {
	border: 1px dashed rgba(0,0,0,0.2);

}

.orders_list .pricing {
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
}