@charset "utf-8";
/*
Theme Name: jinseicosmetics.com v03
Theme URI:
Description: Design created for Panda Creatiu.
Version: 1.0
Author: Panda Creatiu
Author URI: http://www.pandacreatiu.com/
Tags:
*/
/* ------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;/*vertical-align: baseline*/;background: transparent;list-style:none;
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
/* -------------------------------------------------------------------- */
html, body{ overflow-x: hidden; }
body { font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:100 }


body .hidden { display: none !important; }

.wrapper{ width: 100%; margin: 0; }

.title_gen{ font-size: 37px; font-weight: 300px; line-height: 1.4; margin-bottom: 40px; font-weight:bold; color:#808080; }
.txtgen{ font-size: 17px; line-height: 1.4; font-weight: 300; color:#808080; }
.txtgen p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 30px; }
.txtgen h1{ font-size: 140%; }
.txtgen h2{ font-size: 120%;  }
.txtgen h3{ font-size: 100%; }
.txtgen img { width: 100% !important; max-width: 1200px !important; height: auto !important; }
.txtgen a{ color: #666; }
.txtgen a:hover{ text-decoration: underline; }
.txtgen ul, .txtgen ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
.txtgen ul li, .txtgen ol li{  list-style:outside; margin-bottom:12px; }
.txtgen ol li { list-style:decimal; }
.txtgen iframe { max-width: 100%; height: 300px; }

.txtgen sup{ font-size:9px; }

.txtgen table tr{ vertical-align:middle; }
.txtgen table tr td{ border:1px solid #ccc; padding:10px; vertical-align:middle; }


/* center div variable width */
.outer{ position: relative; left: 50%; float: left; }
.inner { position: relative; left: -50%; float: left; }

.transition{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.clear{ clear:both; }

.shadow{ -webkit-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); -moz-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); }
.radius{ -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }

select{
    padding: .3125rem 3rem .3125rem 1rem;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right 1rem center;
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #d8e2ef;
    color: #344040;
    background-size: 10px 12px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    outline:none;
}

::selection { background: #F1F1F1; }
::-moz-selection { background: #F1F1F1; }

.container{ width: 100%; max-width: 1500px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }

.container_mini{ width: 100%; max-width: 1000px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }

/* MENU / SUBMENU ============================================================================================ */
.header{ padding:60px 0 60px 0; }
.header_home{ position:absolute; width: 100%; z-index: 999; padding:60px 0 60px 0; }

	.logo{ float: left; margin-left:70px; }


	/*
	#main-nav { font-size: 18px; font-weight: 300; float: right; display:flex; margin-top:10px; margin-right:30px; }
		#main-nav ul { margin: 0; padding: 0; display: inline-flex; }
		#main-nav li { position: relative; word-wrap: break-word; }
		#main-nav li a { margin: 0 25px; padding-bottom: 5px; color: #adadad; }
		#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover, li.current-menu-parent >a{ border-bottom:1px solid #adadad; }

		#main-nav .tm{ }
		#main-nav .tm sup{ font-size:9px; margin-left:4px; }
		*/

	#main-nav { display:flex; justify-content:flex-end; margin-right:-15px; position:relative; z-index:10; }
			
		#main-nav ul { margin: 0; padding: 0; display: inline-flex; font-size:16px; font-weight: 300; text-transform:uppercase; }
		#main-nav li { display: block; float: left; margin: 0; padding: 0; position: relative; cursor: pointer; word-wrap: break-word; }
		#main-nav li a { display: block; padding: 0 15px 15px 15px; color: #666; transition: all .3s ease-in-out;}
		
		#main-nav ul .menu-item-has-children > a { padding-right: 25px; position: relative; }
		#main-nav ul .menu-item-has-children > a::after { content: ''; display: block; width: 11px; height: 11px; position: absolute; top: 9px; right: 5px; transform: translateY(-50%); 
			background-image: url('images/down-chevron-svgrepo-com.svg'); background-repeat: no-repeat; background-size: contain; opacity:.7; }

		#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover,  li.current-menu-parent >a, .current-menu-ancestor >a{ color: #d30613 !important; }
		.current-menu-ancestor > a::after { filter: invert(36%) sepia(94%) saturate(1435%) hue-rotate(84deg) brightness(96%) contrast(105%); opacity: 1; }

		#main-nav ul li ul { display: none; position: absolute; background-color: #fff; border-top: 2px solid #d30613; padding: 15px 0 0 0; font-weight: normal; 
			-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important; -moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important; box-shadow: 0 0 7px rgba(0,0,0,.1)!important; }

		#main-nav ul li ul li { float: none; word-wrap: break-word; font-size: 14px; padding: 3px 15px; }
		#main-nav ul li ul li a { display: block; white-space: nowrap; padding: 0 15px 15px 5px; }

		#main-nav .tm sup{ font-size:9px; margin-left:4px; }




	.menu_movil_trigger{ display: none; }



@media only screen and (max-width: 1113px) {
	.logo img{ width:150px; height:auto; }
	#main-nav { font-size: 15px; }
}

@media only screen and (max-width: 1021px) {
	.logo{ margin-left:0px; }
	#main-nav { margin-right:0px; }
}

@media only screen and (max-width: 915px) {
	.header{ padding:20px 0; }
	.logo{ margin-left:10px; }

	#main-nav{ display:none; }
	.menu_movil_trigger{ display: inherit; float:right; margin-top:-10px; }
}

.menu_mobile{ margin-top: 20px; }

	.sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto;
	  font-size: 14px; background: #fff; color: #333; box-shadow: 0 0 5px 5px #F0F3F7 inset; padding: 15px; }

	.sidr .sidr-inner { padding: 0 0 15px; }

	.sidr.right { left: auto; right: -260px; }
	.sidr.left { left: -260px; right: auto; }

		.menu_mobile{ font-size: 13px; text-transform: uppercase; margin-top:15px; }
			.menu_mobile a{ color: #000; }
			.menu_mobile ul li{ padding: 14px 0; }
			.menu_mobile ul li a{ display: block; width: 230px !important; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-weight: 600; }
			
			.menu-item-has-children > a:after{ content: ''; width: 15px; height: 15px; float: right; padding-right: 10px; 
				background-image: url('images/arrow-down.png'); background-size: contain; background-position:center; background-repeat:no-repeat; }

			.menu_mobile ul li ul{ padding-left: 15px; font-size: 12px; margin-top: 7px; display: none; }
			.menu_mobile ul li ul li a{ border-bottom: none; font-weight: normal; }
			.menu_mobile ul li ul li a:after{ content: ''; }



/* FLEXIBLE CONTENT ============================================================================================ */
.flexible_content_separa{ margin:90px auto 0 auto; }

.bt_gen{ width:fit-content; background-color:#d30613; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size:21px; padding:14px 30px; }
.bt_gen:hover{ background-color: #000; }

@media only screen and (max-width: 800px) {
	.flexible_content_separa{ margin:50px auto 0 auto; }

	.bt_gen{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size:15px; padding:14px 30px; }
}



/*banner video*/
.video-wrapper {
	opacity: 0;
	position: relative;
	width: 100vw;
	height: 70vh;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.play_video{ position: absolute; z-index: 99;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); cursor:pointer; }

@media only screen and (max-width: 800px) {
	.video-wrapper{ width: 100%; height: auto; }
	.video-wrapper video{ width:100%; height:auto; }
}


/* banner_full_screen */
.banner_full_screen{ width:100%; height:100vh; background-size:cover; background-position:center; background-repeat:no-repeat; }


/*banner_principal*/
.banner_principal{ width:100%; height:50vh; background-position:center; background-size:cover; background-repeat:no-repeat; position: relative; }
	.banner_principal_content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; padding:0 10px; font-size:80px; color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.61); }
	.banner_principal_content sup{ font-size: 20px; }
	.banner_principal_content img{ max-width:100%; height:auto; }


@media only screen and (max-width: 800px) {
	.banner_principal{ height:50vh; }
		.banner_principal_content{ font-size:65px; }
}









/*banner_olenol_care_complex*/
.banner_principal_olenol{ width:100%; height:50vh; background-position:center; background-size:cover; background-repeat:no-repeat; position: relative; }
	.banner_principal_content_olenol{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:0 10px; font-size:80px; color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.61); line-height:.9; }
	.banner_principal_content_olenol sup{ font-size: 20px; font-style:normal; }
	.banner_principal_content_olenol img{ max-width:100%; height:auto; }
	.banner_principal_content_olenol strong{ font-weight:600; }

@media only screen and (max-width: 800px) {
	.banner_principal_olenol{ height:50vh; }
		.banner_principal_content_olenol{ font-size:65px; }
}









/*olenol_6_textos*/
.container_olenol6{ width: 100%; max-width: 1500px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }
.olenol_6_textos{ padding:120px 0; background-position:center; background-size:cover; background-repeat:no-repeat; }
	.olenol_6_textos_img{ text-align:center; }

	.olenol_6_textos_mobile{ display:none; }

	.olenol_6_textos .container_olenol6 .txt{ position:absolute; font-size:16px; color:#fff; width:300px; line-height:1.2; }
		.olenol_6_textos_txt1{ top:20px; left:60px; text-align:right; }
		.olenol_6_textos_txt2{ top:200px; left:20px; text-align:right; }
		.olenol_6_textos_txt3{ top:380px; left:60px; text-align:right; }
		.olenol_6_textos_txt4{ top:40px; right:60px; text-align:left; }
		.olenol_6_textos_txt5{ top:200px; right:20px; text-align:left; }
		.olenol_6_textos_txt6{ top:380px; right:60px; text-align:left; }

@media only screen and (max-width: 1400px) {

	.container_olenol6{ max-width: 1000px; }
	.olenol_6_textos{ padding:70px 0; }

		.olenol_6_textos_img img{ width:400px; height:auto;  }

		.olenol_6_textos .container_olenol6 .txt{ font-size:14px; color:#fff; width:290px; }
			.olenol_6_textos_txt1{ top:0px; left:20px; }
			.olenol_6_textos_txt2{ top:100px; left:0px; }
			.olenol_6_textos_txt3{ top:180px; left:20px; }
			.olenol_6_textos_txt4{ top:10px; right:20px; }
			.olenol_6_textos_txt5{ top:100px; right:0px; }
			.olenol_6_textos_txt6{ top:180px; right:20px; }
}

@media only screen and (max-width: 900px) {
	.olenol_6_textos_img{ display:none; }
	.olenol_6_textos_mobile{ display:inherit; text-align:center; color:#fff; font-weight:bold; font-size:16px; margin-bottom:25px; }
	.olenol_6_textos_mobile sup{ font-size:8px; }

	.olenol_6_textos .container_olenol6 .txt{ position:relative; font-size:14px; width:100%; margin-bottom:20px; }
		.olenol_6_textos_txt1{ top:auto; left:auto; text-align:center; }
		.olenol_6_textos_txt2{ top:auto; left:auto; text-align:center; }
		.olenol_6_textos_txt3{ top:auto; left:auto; text-align:center; }
		.olenol_6_textos_txt4{ top:auto; right:auto; text-align:center; }
		.olenol_6_textos_txt5{ top:auto; right:auto; text-align:center; }
		.olenol_6_textos_txt6{ top:auto; right:auto; text-align:center; }

}

/*listado_productos*/
.listado_productos{ position:relative; }

	.listado_productos_deco_left{ display: none; position:absolute; left:0; top:20%; z-index:1; pointer-events:none; }
	.listado_productos_deco_right{ display: none; position:absolute; right:0; top:40%; z-index:2; pointer-events:none; }
	.listado_productos_deco_bottom{ display: none; position:absolute; left:0; bottom:0; z-index:2; pointer-events:none; }

	.listado_productos .container{ z-index:1; padding-bottom:100px; }

		.listado_productos_title{ text-align:center; font-size:50px; font-weight:bold; margin-bottom:75px; line-height:1.2; }
		.listado_productos_title strong{ color:#d30613; }

		.listado_productos_item{ }
			
			.listado_productos_item_img{ width:50% }
				.listado_productos_item_img img{ width: 100%; height:auto; }

			.listado_productos_item_content{ width:50%; }

				.listado_productos_item:nth-child(even) .listado_productos_item_img{ float:right; }
				.listado_productos_item:nth-child(odd) .listado_productos_item_img{ float:left; }

				.listado_productos_item:nth-child(even) .listado_productos_item_content{ float:left; /*padding: 80px 80px 20px 20px;*/ padding:80px; }
				.listado_productos_item:nth-child(odd) .listado_productos_item_content{ float:right; /*padding: 80px 20px 20px 80px;*/ padding:80px; }

				.listado_productos_item_cat{ font-size:30px; color:#d30613; font-weight:bold; }
				.listado_productos_item_title{ font-size:23px; font-weight:bold; margin-top:40px; }
				.listado_productos_item_text{ margin:20px 0 40px 0; }

@media only screen and (max-width: 900px) {

	.listado_productos_deco_left{ display:none; }
	.listado_productos_deco_right{ display:none; }
	.listado_productos_deco_bottom{ display:none; }

	.listado_productos .container{ max-width:700px; padding-bottom:60px;  }

		.listado_productos_title{ font-size:40px; margin-bottom:50px; }

		.listado_productos_item{ margin-bottom:30px; }

			.listado_productos_item_img{ float: none; width:100% }

			.listado_productos_item_content{ float: none; width:100%; margin-top:10px; }

				.listado_productos_item:nth-child(even) .listado_productos_item_img{ float:none; }
				.listado_productos_item:nth-child(odd) .listado_productos_item_img{ float:none; }

				.listado_productos_item:nth-child(even) .listado_productos_item_content{ float:none; padding: 10px; }
				.listado_productos_item:nth-child(odd) .listado_productos_item_content{ float:none; padding: 10px; }

			.listado_productos_item_cat{ font-size:15px; }
			.listado_productos_item_title{ font-size:18px; margin-top:20px; }
			.listado_productos_item_text{ margin:20px 0; }

}

@media only screen and (max-width: 540px) {
	.listado_productos_title{ font-size:25px; }
}


/*características*/
.caracteristicas{ position:relative; }

	.caracteristica_item{ margin:70px 0 0 0; }

		.caracteristica_item_img{ width:50% }
			.caracteristica_item_img img{ width: 100%; height:auto; }

		.caracteristica_item_content{ width:50%; display:flex; align-items: center; }

			.caracteristica_item_content_inner{ width:100%; max-width:470px; margin:auto; }

			.caracteristica_item:nth-child(even) .caracteristica_item_img{ float:right; }
			.caracteristica_item:nth-child(odd) .caracteristica_item_img{ float:left; }

			.caracteristica_item:nth-child(even) .caracteristica_item_content{ float:left; padding:0 80px; }
			.caracteristica_item:nth-child(odd) .caracteristica_item_content{ float:right; padding:0 80px; }

			.caracteristica_item_texto1{ font-size: 32px; font-weight: 400; margin-bottom:40px; line-height: 1.2; }
				.caracteristica_item_texto1 strong{ font-weight:400; color:#EA0029; }

			.caracteristica_item_texto2{ }
				.caracteristica_item_texto2 sup{ font-size:12px; }
				.caracteristica_item_texto2 strong{ font-weight:300; color:#EA0029; }

			.caracteristica_item_bt{ margin-top:30px; }


@media only screen and (max-width: 900px) {

	.caracteristicas{ max-width:700px; padding-bottom:60px;  }

		
		.caracteristica_item{ margin:50px 0 0 0; }

			.caracteristica_item_img{ float: none; width:100% }

			.caracteristica_item_content{ float: none; width:100%; margin-top:10px; }

				.caracteristica_item:nth-child(even) .caracteristica_item_img{ float:none; }
				.caracteristica_item:nth-child(odd) .caracteristica_item_img{ float:none; }

				.caracteristica_item:nth-child(even) .caracteristica_item_content{ float:none; padding: 10px; }
				.caracteristica_item:nth-child(odd) .caracteristica_item_content{ float:none; padding: 10px; }

			.caracteristica_item_texto1{ font-size:25px; }
			.caracteristica_item_texto2{ font-size:17px; margin-top:20px; }

}





/*textos*/
.texto_destacado{ width: 100%; max-width: 950px; text-align:center; font-size:42px; color:#808080; line-height:1; }
.texto_destacado strong{ font-weight:400; font-size:58px; color:#EA0029; }

@media only screen and (max-width: 768px) {
	.texto_destacado{ font-size:30px; }
	.texto_destacado strong{ font-size:23px; }
}

/*imagen_text*/
.imagen_texto{ display:flex; }

	.imagen_texto_img{ width: 50%; position: relative; }
		.imagen_texto_img img{ width:100%; height:auto; }

	.imagen_texto_content{ width: 50%; display:flex; align-items: center; padding:0 170px 0 60px; }
		.imagen_texto_title{ font-size:32px; font-weight: 400; margin-bottom:40px; line-height:1.2; }
		.imagen_texto_title strong{ font-weight:400; color:#EA0029; }
		.imagen_texto_title sup{ font-size:12px; }


@media only screen and (max-width: 900px) {
	.imagen_texto{ display:block; }

		.imagen_texto_img{ width: 100%; }

		.imagen_texto_content{ width: 100%; padding:0px; margin-top:25px; }
			.imagen_texto_title{ font-size:27px; margin-bottom:30px; }
}


/*texto_imagen*/
.texto_imagen{ }

	.texto_imagen_esq{ width:50%; float: left; display:flex; align-items: center; padding:0 80px; }
		.texto_imagen_title{ font-size:32px; font-weight: 400; margin-bottom:40px; line-height:1.2; }
		.texto_imagen_text{ margin-top:50px; }
		.texto_imagen_esq .bt_gen{ margin:100px 0 50px 0; }

	.texto_imagen_dre{ width:50%; float:right; }
		.texto_imagen_dre img{ width:100%; height:auto; }


@media only screen and (max-width: 900px) {
	.texto_imagen{ display:block; }

		.texto_imagen_esq{ width:100%; padding:0px; margin-top:25px; }
			.texto_imagen_title{ font-size:27px;  }
			.texto_imagen_text{ margin-top:40px; }
			.texto_imagen_esq .bt_gen{ margin:30px 0 0 0; }

		.texto_imagen_dre{ width:100%; }
}


/*pregunta*/
.pregunta_linea{ width:100vw; border-bottom:1px solid #ea0029; }
.pregunta_comillas{ width: 101px; height:88px; background-image:url('images/comillas.png'); margin:25px 0; }
.pregunta_txt{ width:100%; max-width: 650px; font-size:34px; line-height:1.2; }

@media only screen and (max-width: 900px) {
	.pregunta_txt{ font-size:24px; }
}


/*pregunta centrada*/
.pregunta_centrada{ width:100%; max-width:575px; margin:0 auto 140px auto; position:relative; }
	
	.pregunta_deco_left,.pregunta_deco_right{ position:absolute; margin-top:130px; }
	.pregunta_deco_left{ width: 2055px; height:130px; background-image:url('images/cita-deco-left.png'); left: 0; margin-left:-2100px; }
	.pregunta_deco_right{ width: 2056px; height:130px; background-image:url('images/cita-deco-right.png'); left: 0; margin-left:calc(100% - 20px); }

	.pregunta_centrda_comillas{ width: 101px; height:88px; background-image:url('images/comillas.png'); }
	.pregunta_centrada_txt{ width:100%; max-width: 610px; font-size:34px; line-height:1.2; text-align:center; margin:35px auto 0 auto; }


@media only screen and (max-width: 900px) {
	.pregunta_centrada{ margin:0 auto 80px auto; }
	.pregunta_centrada_txt{ font-size:28px; }
}


/*pregunta centrada título*/
.pregunta_centrada_titulo{ width:100%; max-width:870px; margin:0 auto 60px auto; position:relative; }
	
	.pregunta_titulo_deco_left,.pregunta_titulo_deco_right{ position:absolute; margin-top:220px; }
	.pregunta_titulo_deco_left{ width: 2055px; height:130px; background-image:url('images/cita-deco-left.png'); left: 0; margin-left:-1950px; }
	.pregunta_titulo_deco_right{ width: 2056px; height:130px; background-image:url('images/cita-deco-right.png'); left: 0; margin-left:calc(100% - 150px); }

	.pregunta_centrada_titulo_txt{ width:100%; max-width: 650px; font-size:21px; line-height:1.2; text-align:center; margin:35px auto 0 auto; }
		.pregunta_centrada_titulo_txt h3{ font-size: 33px; color:#ea0029; font-weight:200; margin-bottom:25px; }
		.pregunta_centrada_titulo_txt p{ margin-bottom:20px; }



/*items_icono_texto*/
.items_icono_texto{}

	.items_icono_texto .item{ float:left; width: 50%; padding:25px; }
	.items_icono_texto .item_inner{ background-color:#fff; padding: 30px; display: flex;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); }

	.items_icono_texto .item_inner .item_icon{ width:40%; }
	.items_icono_texto .item_inner .item_icon img{ max-width: 100%; height:auto; }

	.items_icono_texto .item_inner .item_txt{ width:60%; padding-left:40px; }

@media only screen and (max-width: 900px) {

	.items_icono_texto .item{ float:none; width: 100%; padding:10px; }

	.items_icono_texto .item_inner .item_icon{ width:30%; }
	.items_icono_texto .item_inner .item_txt{ width:70%; }
}

@media only screen and (max-width: 550px) {
	.items_icono_texto .item_inner{ padding: 20px; display: block; }

	.items_icono_texto .item_inner .item_icon{ width:100%; text-align:center; }
	.items_icono_texto .item_inner .item_icon img{ width: 100%; max-width: 150px; height:auto; }

	.items_icono_texto .item_inner .item_txt{ width:100%; padding-left:0px; margin-top:20px; }
}


/*banner_titulo_texto*/
.banner_titulo_text{ background-position:center; background-size:cover; background-repeat:no-repeat; padding:150px 0; }
	
	.banner_titulo_text .container{ display:flex; width: 100%; max-width: 1100px; }
		.banner_titulo_texto_title{ width:50%; font-size:55px; color:#fff; padding-right:30px; text-align:right; line-height:1.2; }
		.banner_titulo_texto_texto{ width:50%; padding-left:30px; font-size:26px; color:#fff; line-height:1.3; }

@media only screen and (max-width: 900px) {

	.banner_titulo_text{ padding:70px 0 90px 0; }
		.banner_titulo_text .container{ display:block; padding:0 50px; }
			.banner_titulo_texto_title{ width:100%; font-size:35px; padding-right:0px; text-align:left; }
			.banner_titulo_texto_texto{ width:100%; padding-left:0px; font-size:20px; margin-top:60px; line-height:1.3; }

}

/*items_icono_titulo_texto*/ 
.items_icono_titulo_texto{ width: 100%; max-width: 1300px; margin: auto; display:flex; justify-content: space-between; }

	.items_icono_titulo_texto .item{ width:400px; padding:30px; }
		
		.items_icono_titulo_texto .item .item_icon{ width:300px; height:300px; background-size: cover; background-position: center; margin:auto; 
			-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
		.items_icono_titulo_texto .item .item_icon img{ max-width: 100%; height:auto; }

	.item_content{ width:90%; margin:40px auto 0 auto; text-align:center; }
		.items_icono_titulo_texto .item .item_title{ font-size:26px; color:#d30613; font-weight:bold; }
		.items_icono_titulo_texto .item .item_text{ margin-top:25px; }


@media only screen and (max-width: 1080px) {

	.items_icono_titulo_texto .item{ width:300px; padding:20px; }
		.items_icono_titulo_texto .item .item_icon{ width:250px; height:250px; }
}

@media only screen and (max-width: 900px) {

	.items_icono_titulo_texto{ display:block; }

		.items_icono_titulo_texto .item{ width: 100%; max-width:400px; margin:0 auto 60px auto; padding:0;  }
}


/*items_titulo_texto*/
.items_titulo_texto{  }

	.items_titulo_texto .item{ float:left; width: 33.333%; padding:25px; }
		.items_titulo_texto .item_inner{ background-color:#fff; padding: 30px; text-align: center;
			-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); }

		.items_titulo_texto .item_inner .title{ font-size:36px; color:#d30613; font-weight:bold; }
		.items_titulo_texto .item_inner .text{ margin-top:20px; }

@media only screen and (max-width: 1250px) {
	.items_titulo_texto .item{ padding:15px; }
		.items_titulo_texto .item_inner .title{ font-size:26px; }
}

@media only screen and (max-width: 850px) {
	.items_titulo_texto .item{ float:none; width: 100%; padding:0; margin-bottom:20px; }
	.items_titulo_texto .item_inner{ padding:25px 15px 15px 15px; }
}

/*banner_texto*/
.banner_texto_imagen{ background-position:center; background-size:cover; background-repeat:no-repeat; padding:250px 0; }
	.banner_titulo_text_text{ text-align:center; color:#fff; text-align:center; font-size:40px; line-height:1.2; }

@media only screen and (max-width: 850px) {
	.banner_texto_imagen{ padding:150px 0; }
		.banner_titulo_text_text{ font-size:30px; }
}


/* FILOSOFÍA ============================================================================================================== */
.filosofia{ width:100%; position:relative; padding-bottom:100px; }
	.filosofia_deco_bottom_1{ width:629px; height:259px; background-image:url('images/deco_filosofia_bottom1.png'); position:absolute; bottom: 0; left:0; z-index:999; }
	.filosofia_deco_bottom_2{ width:457px; height:186px; background-image:url('images/deco_filosofia_bottom2.png'); position:absolute; bottom: 0; right:0; z-index:999; }

@media only screen and (max-width: 900px) {
	.filosofia{ padding-bottom:70px; }
		.filosofia_deco_bottom_1{ display:none; }
		.filosofia_deco_bottom_2{ display:none; }
}


/* PRODUCTOS ============================================================================================================== */
.productos_todos{ padding-left:15px; font-size:40px; margin-bottom:40px; }

.productos_list{ padding-bottom:120px; }

.productos_item{ float:left; width:33.333%; padding:15px; }
	.productos_item img{ width:100%; height:auto; }
	.productos_item_title{ margin-top:15px; font-size:15px; font-weight:600; color:#000; padding-right:10px; }	
	.prodcutos_item_link{ margin-top:8px; color:#ea0029; display:flex; }
		.productos_item_link_marca{ width:12px; height:16px; margin-right: 5px; background-image:url('images/bt_mas_informacion.png');  
			background-position:center; background-size:cover; background-repeat:no-repeat; }

@media only screen and (max-width: 900px) {
	.productos_todos{ padding-left:10px; font-size:35px; }

	.productos_item{ float:left; width:50%; padding:10px; }
		.productos_item_title{ font-size:17px; padding-right:20px; }	
}

@media only screen and (max-width: 500px) {
	.productos_todos{ padding-left:5px; font-size:35px; }

	.productos_item{ padding:5px; margin-bottom:15px; }
		.productos_item_title{ margin-top:10px; font-size:13px; padding-right:20px; }	
		.prodcutos_item_link{ font-size:12px; }
		.productos_item_link_marca{ width:10px; height:10px; }
}


/* SINGLE PRODUCTO ========================================================================================================= */
.single_breadcrumb{ margin-bottom:15px; font-weight:400; color: #848483; font-size:16px; width: fit-content; border-bottom:1px solid #848483; padding:0 35px 5px 0; }
.single_breadcrumb a{ font-size:16px; font-weight:300; color: #848483; }
.single_breadcrumb a:hover{ color:#000; }

.single_content{ /*display:flex;*/ }
		
	.single_title_mobile{ display:none; }

	.single_galeria{ float: left; width: 768px; /*50%;*/ overflow:hidden; position:relative; }

	.single_textos{ float: right; width: calc(100% - 768px); /*50%;*/ padding-left:40px; }

		.single_title{ font-size:28px; font-weight:bold; color:#ea0029; line-height:1.3; }
		.single_resumen{ margin-top:20px; padding-bottom: 10px; border-bottom:1px solid #848483; font-weight:600; }
			.single_resumen .single_capacidad{ font-weight:400; margin-top:-10px; }

		.single_the_content{ margin-top:20px; }

.single_items_textos{ margin-top:70px; }

	.single_textos_item{ margin-bottom:40px; border-top:1px solid #848483; padding-top:40px; }

	.single_textos_item:last-child{ border-bottom:1px solid #848483; padding-bottom:40px; }
		.single_textos_item_title{ cursor:pointer; font-size:34px; }
			.single_textos_item_bt{ position: absolute; right:20px; }
				.more{ width:35px; height:35px; background-image:url('images/more.png'); }
				.less{ width:35px; height:35px; background-image:url('images/less.png'); display:none; }

		.single_textos_item_content{ display:none; padding:40px 0 0 0; }
		.single_textos_item_content p:last-child{ margin-bottom: 0; }

		.single_textos_item_content ul{ padding-left:0; columns:2; column-gap: 100px; margin-bottom:50px; }
		.single_textos_item_content ul li{ list-style-type:none !important; list-style:none !important; padding-left:0; break-inside: avoid-column; margin-bottom:30px; }

		.single_textos_item_content ol li{ list-style-type: circle; }
		
		.single_textos_item_content table{ width:100%; max-width:700px; }
		.single_textos_item_content table tr td{ padding:20px; }
		.single_textos_item_content table tr td:first-child{ font-weight:bold; }

		.single_textos_item_content .subtabla{ margin-top:7px; width:100%; max-width:700px; font-size:12px; }


@media only screen and (max-width: 1180px) {
	.single_galeria{ width: 400px; }
		.slider_item_img img{ width:400px; height:auto; }

	.single_textos{ width: calc(100% - 400px); padding-left:30px; }
}

@media only screen and (max-width: 768px) {
	.single_title_mobile{ display:inherit; font-size:26px; margin:20px 0; color:#ea0029; font-weight:bold; }

	.single_galeria{ width: 100%; }
		.slider_item_img img{ width:100%; height:auto; }

	.single_textos{ width: 100%; padding-left:0px; }
		.single_title{ display:none; }

	.single_textos_item_title{ font-size:22px; }
	.single_textos_item_bt{ margin-top:-5px; }

	.single_textos_item_content ul{ padding-left:0; columns:1; column-gap: 0; margin-bottom:30px; }
}


.single_banner_mobile{ display:none; }

.single_banner{ position: relative; background-color: #CFCAD2; background-position:center; /*background-size: auto 100%;*/ background-size:cover; background-repeat:no-repeat; padding:100px 0 200px 0; margin-top:90px; }
	
	.single_banner_back{ position:absolute; width:100%; height:100%; top: 0; left: 0; background-color:rgba(0,0,0,.2); }

	.single_banner_cols{ display:flex; }
	.col_justify{ justify-content: space-between; }
	.col_left{}
	.col_right{ justify-content: flex-end; }

		.single_banner_col_esq{ width:36%; }
		.single_banner_col_dre{ width:36%; }

			.single_banner_txt_item{ font-size:19px; color:#fff; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:45px; line-height:1.3; }
			.single_banner_txt_item sup{ font-size:9px; padding-left:4px; }

			.col_left .single_banner_col_esq{ padding-right:40px; }
			.col_left .single_banner_col_dre{ padding-left:40px; }
			.col_left .single_banner_col_esq .single_banner_txt_item, .col_left .single_banner_col_dre .single_banner_txt_item{ padding-right:90px; }

			.col_right .single_banner_col_esq{ padding-right:40px; text-align:right; }
			.col_right .single_banner_col_dre{ padding-left:40px; text-align:right; }
			.col_right .single_banner_col_esq .single_banner_txt_item, .col_right .single_banner_col_dre .single_banner_txt_item{ padding-left:90px; }

			.col_justify .single_banner_col_esq{ padding-right:40px; text-align:left; }
			.col_justify .single_banner_col_dre{ padding-left:40px; text-align:right; }
			.col_justify .single_banner_col_dre .single_banner_txt_item{ padding-left:90px; }
			.col_justify .single_banner_col_esq .single_banner_txt_item{ padding-right:90px; }


@media only screen and (max-width: 1250px) {

	.single_banner{ padding:150px 0 50px 0; }

		.single_banner_col_esq{ width:42%; }
		.single_banner_col_dre{ width:42%; }

		.single_banner_txt_item{ font-size:17px; }

		.col_left .single_banner_col_esq .single_banner_txt_item, .col_left .single_banner_col_dre .single_banner_txt_item{ padding-right:10px; }
		.col_right .single_banner_col_esq .single_banner_txt_item, .col_right .single_banner_col_dre .single_banner_txt_item{ padding-left:10px; }
		.col_justify .single_banner_col_dre .single_banner_txt_item{ padding-left:10px; }
		.col_justify .single_banner_col_esq .single_banner_txt_item{ padding-right:10px; }
}

@media only screen and (max-width: 900px) {
	.single_banner_col_esq{ width:49%; }
	.single_banner_col_dre{ width:49%; }
}

@media only screen and (max-width: 650px) {

	.single_banner_mobile{ display:inherit; margin-top:50px; }
	.single_banner_mobile img{ width:100%; height:auto; }

	.single_banner_back{ background-color:#d30613; margin-top:-2px; }

	.single_banner{ padding:30px 0 50px 0; margin-top:0px; }

	.single_banner_cols{ display:block; }

	.single_banner_col_esq{ width:100%; }
	.single_banner_col_dre{ width:100%; }

	.single_banner_txt_item{ font-size:15px; margin-bottom:30px; }

	.col_left .single_banner_col_esq{ padding-right:0px; }
	.col_left .single_banner_col_dre{ padding-left:0px; }
	.col_left .single_banner_col_esq .single_banner_txt_item, .col_left .single_banner_col_dre .single_banner_txt_item{ padding-right:0px; }
	
	.col_right .single_banner_col_esq{ padding-right:0; text-align:left; }
	.col_right .single_banner_col_dre{ padding-left:0; text-align:left; }
	.col_right .single_banner_col_esq .single_banner_txt_item, .col_right .single_banner_col_dre .single_banner_txt_item{ padding-left:0px; }

	.col_justify .single_banner_col_esq{ padding-right:0px; text-align:left; }
	.col_justify .single_banner_col_dre{ padding-left:0; text-align:left; }
	.col_justify .single_banner_col_dre .single_banner_txt_item{ padding-left:0px; }
	.col_justify .single_banner_col_esq .single_banner_txt_item{ padding-right:0px; }
}



.bt_comprar{ background-color: #28303b; color: #fff; -webkit-tap-highlight-color: rgba(83,104,133,.2); padding: 15px 30px; font-size: 18px; cursor: pointer;
	display:flex; align-items: center; text-align:center; width:fit-content; }

	.bt_comprar svg{ fill:#fff; width:30px; margin-right:15px; }

	.bt_comprar:hover{ opacity:.6; }



.productos_list_single{ margin:70px 0; }


.single_back{ position:fixed; z-index:98; top:0; left: 0; width:100vw; height:100vh; background-color:rgba(0,0,0,.4); opacity:0; pointer-events:none; }

.single_col{ position: fixed; z-index: 99; bottom: 0; top: 0; right: -400px; width:100%; max-width:400px; background: #fff;
    -webkit-transition: all .2s ease-out; transition: all .2s ease-out;
    -webkit-box-shadow: 0 2px 6px -2px rgba(0,0,0,.16), 0 2px 6px 0 rgba(0,0,0,.12); box-shadow: 0 2px 6px -2px rgba(0,0,0,.16), 0 2px 6px 0 rgba(0,0,0,.12); 
    overflow-y: scroll; scrollbar-width: none; }

	.single_col_header{ position: sticky; z-index: 20; width:100%; top:0; overflow:hidden; background-color: #fff; }

		.bar_next, .bar_prev{ width:30px; height:30px; background-size:cover; background-repeat:no-repeat; position: absolute; z-index: 10; cursor:pointer; }
		.bar_next{ background-image:url('images/arrow-right.svg'); right:10px; top:40%; }
		.bar_prev{ background-image:url('images/arrow-left.svg'); left:10px; top:40%; }

		.bar_close{ position:absolute; z-index:10; top:10px; right:10px; cursor:pointer; }

		.slide_bar{ }
		.slide_bar img{ width:100%; height:auto; }
		.slider_bar_title{ text-align:center; font-size: 20px; font-weight: bold; color: #ea0029; line-height: 1.3; padding:10px; }

		.slide_bar_linea{ width:90%; margin:auto; border-bottom:1px solid #ccc; }

	.single_col_content{ padding:20px; }

		.single_col_content_title{ font-size:25px; }

		.single_col_content_farmacias{ margin-top:15px; }

			.single_col_content_farmacia{ width:50%; padding:3px; float:left; }
			.single_col_content_farmacia_inner{ border:1px solid #ccc; padding:5px; width:100%; aspect-ratio:3.55; background-position:center; background-size:contain; background-repeat:no-repeat; }
				.single_col_content_farmacia_inner img{ width:100%; height:auto; opacity:0; }


		.single_col_busca_title{ margin-top: 30px; font-size:25px; }

		.single_col_busca_form{ display:flex; width:100%; margin-top:20px; }

			.single_col_busca_inputs{ width:calc(100% - 53px); }
				
				.single_col_busca_remove{ position:absolute; right:85px; margin-top:15px; cursor:pointer; }

				.single_col_busca_inputs input{  width: 100%; border: none; border: 1px solid #ccc;
    				webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 40px 15px 10px; }

    				#localidad{ position: absolute; font-size:12px; margin: 3px 0 0 3px; }

			.single_col_busca_bt{ width:53px; background-color:#DAE0E1; cursor:pointer; }
				.single_col_buscar_icon{ width: 25px; height: 25px; background-image:url('images/arrow-right.svg'); margin:12px 0 0 14px; }


			.pharmacy_list{ margin-top:25px; padding-bottom:40px; }

				.item_pharmacy{ width:100%; border:1px solid #ccc; margin-bottom:7px; padding:10px; display:flex; align-items: center; cursor:pointer; }

					.item_pharmacy_icon{ width:30px; height:30px; background-size:cover; background-repeat:no-repeat; background-image:url('images/offline_green_cross.svg'); }

					.item_pharmacy_content{ width:calc(100% - 46px); padding:0 10px; }
						.item_pharmacy_name{ color:#657a98; }

					.item_pharmacy_bt{ width:16px; height:25px; background-size:cover; background-repeat:no-repeat; background-image:url('images/right.png'); }


			.pharmacy_map_item{ margin:30px 0 10px 0; }
				.pharmacy_map_name{ font-size:15px; font-weight:bold; }
				.pharmacy_map_address{ margin-top:3px; }
				.pharmacy_map_map iframe{ width:100%; aspect-ratio:1; margin-top:10px; }

				.pharmacy_map_close{ position:absolute; right:30px; font-size: 20px; cursor:pointer; }


/* CONTACTO =================================================================================================================== */
.contact_content{ display: flex; margin: 40px 0 200px 0; }

	.contacto_adresa{ padding: 0 15px; font-size: 15px; color: #000; line-height: 1.4; float: left; width: 30%; border-right:1px solid #ccc; }

		.contacto_adresa_title{ font-size: 25px; font-weight: bold; color:#d30613; margin-bottom:25px; }

		.contacto_adresa_item{ margin-top: 25px; display: flex;align-items: center; line-height:1.4; }
			.contacto_adresa_item div:first-child{ margin-right:10px; }
			.contacto_adresa_item div:last-child{ padding-bottom:4px; }
			.contacto_adresa span{ position: absolute; margin-left: -30px; margin-top: -3px; font-size: 21px; color: #0076bc; }
			.contacto_adresa a{ color: #000; }
			.contacto_adresa a:hover{ color: #0076bc; }

	.contacto_formulario{ float: right; padding: 5px 30px 0 30px; width: 70%; }
	.contacto_form{  }

		.contacto_form label{ padding-left: 10px; }
		.contacto_bt_enviar{ margin-top: 25px; background-color: #34383f; text-align: center; padding: 10px 20px; color: #fff; font-size: 16px; font-weight: bold; width: fit-content; cursor: pointer;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

		.contacto_bt_enviar:hover{ opacity: .6; }

		.contacto_form #phone{ display: none; }

		.spinner{ display: none; }


@media only screen and (max-width: 1100px) {
	.contacto_adresa{ width: 40%; }
	.contacto_formulario{ width: 60%; }
	.contacto_adresa_title{ font-size: 21px; }
}

@media only screen and (max-width: 850px) {

	.contacto_adresa{ float: none; width: 100%; padding: 0 15px 0 0; border-right:none; }
	.contacto_formulario{ float: none; width: 100%; padding: 0; margin-top:40px; }

	.contacto_adresa_title{ font-size: 21px; }

	.contact_content{ display: block; }
}




/* FORM THEME 3  formulario de contacto ------------------------------------------------------- */
.form_theme_3 { font-size: 1em; color: #666; margin-top: 25px; }
.form_theme_3 input[type="text"], .form_theme_3 input[type="email"], .form_theme_3 input[type="tel"], .form_theme_3 textarea{ 
    width: 100%; border: none; border: 1px solid #ccc; margin-bottom: 10px; margin-top: 7px;
    webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; 
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.form_theme_3 input[type='checkbox']{ margin-top: 10px; margin-left: -5px; cursor: pointer; }

.form_theme_3 textarea{ resize:none; height: 100px; font-family: 'Titillium Web', sans-serif; font-size: 14px; }

.form_theme_3 label{ cursor: pointer; }

.form_theme_3 a{ color: red; }
.form_theme_3 a:hover{ text-decoration: underline; }

.form_theme_3 input[type="submit"]{ border: none; margin-top: 10px; cursor: pointer; width: 118px; height: 35px; 
	background-color: #34383f; color: #fff; margin-top: 20px; font-size: 18px; }

.form_theme_3 div.wpcf7-validation-errors{ 
    margin-top: 20px !important; 
    margin-left: -10px !important; 
    font-size: 14px !important; 
    border: none !important; 
    padding-top: 0 !important; 
    color: red !important;
    webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px;
}


/* FOOTER ================================================================================================================== */
footer{ width: 100%; background-color: #d30613; margin-top:-95px; }

.footer_content{ width: 100%; padding:50px 0 90px 0; }
	
	.footer_content_menu{ position: absolute; left: 50%; transform: translateX(-50%); display:flex; padding-top:13px; white-space: nowrap; }
		.footer_content_tm{ color:#fff; }
		.footer_content_menu_legal ul{ display:flex; margin-left:15px; }
		.footer_content_menu_legal ul li{ margin:0 10px; }
		.footer_content_menu_legal ul li a{ color:#de8a8a; }
		.footer_content_menu_legal ul li a:hover{ color:#fff; }

	.footer_content_logo{ float:left; }

	.footer_content_rrss{ float: right; display: flex; padding-top:4px; }
		.footer_content_rrss div{ margin-right:15px; }
		/*.footer_content_rrss div:last-child{ margin-right:0; }*/


@media only screen and (max-width: 1035px) {
	.footer_content_menu{ margin-top: 70px; padding-top:0; }
}

@media only screen and (max-width: 775px) {

	.footer_content{ width: 100%; padding:50px 0 20px 0; }

		.footer_content_rrss{ padding-top:8px; }
			.footer_content_rrss div img{ width:24px; height:24px; }
			.footer_content_rrss div{ margin-right:10px; }

		.footer_content_menu{ position: relative; left: 10px; transform: translateX(0); display:block; }
			.footer_content_menu_legal ul{ display:block; margin-left:0; margin-top:15px; }
			.footer_content_menu_legal ul li{ margin:0 10px 10px 0; font-size:13px; }

}