/*******************************************************************************
Header footer main */

	header, footer {
	height: 60px;
	padding: 10px 32px 10px 32px;
	}

	main {
	height: calc(100% - 120px) !important;
	min-height: initial !important;
	top: 60px;overflow-x: hidden;
	}

	/* Breadcrumb */
	#breadcrumb {
	display: none;
	}

/*******************************************************************************
Main */


	/*******************************************************************************
	Page */

	.home .content-page {
		display: none;
	}

	.content-page .col-right {
	padding-left: 40px;
	}

			.excerpt {
			font-size: 14px;
			}

			.product-preview {
			width: 100px;
			height: 100px;
			margin: 0px auto 12px;
			}

			.content-page .col-right {
			padding-left: 40px;
			}

			.content-page .col-left h1 {
			line-height: 1;
			margin-bottom: 32px;
			}


		/* Menu producto */
			.content-page .col-left {
			position: absolute;
			z-index: 100;
			right: calc(100% + -40px);
			transition: all .25s linear;
			}

			.cols.menu-product-is-showing .col-left {
			right: calc(40% + -40px) !important;
			}

				.menu-icon-product { 
				display: block;
				}

	/* Slider */

		/* Main Slider */
		#main-slider .col {
		max-width: 100%;
		}

		#main-slider img {
		width: 80%;
		height: auto;
		}

		/* Flickity fixes*/

			ol.flickity-page-dots li:after {color: white;}
			ol.flickity-page-dots li:nth-child(1):after {content: "\f129";}
			ol.flickity-page-dots li:nth-child(2):after {content: "A";}
			ol.flickity-page-dots li:nth-child(3):after {content: "C";}
			ol.flickity-page-dots li:nth-child(4):after {content: "D";}
			.page-etiquetas ol.flickity-page-dots li:nth-child(4):after {content: "E";}
			

			.flickity-page-dots .dot:after {
			font-family: 'FontAwesome', 'Open Sans';
			border: 2px solid white;
			border-radius: 20px;
			width: 20px;
			height: 20px;
			display: inline-block;
			line-height: 2;
			}




/*******************************************************************************
Cols */

		.col {
			width: 100% !important;
			max-width: initial;
		}

/*******************************************************************************
Slider */

		.slider-cell {
		flex-direction: column;
		}


/*******************************************************************************
Blog */

	.post-preview {
	position: initial;
	margin: auto;
	}


	/**********************************************************************
	Contacto */

		/* Formulario */
			.page[title="Contacto"] .page-container {
			width: 80%;
			}