@charset "utf-8";
/*
Theme Name: farcospel_v02
Theme URI:
Description: Design created by 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%;background: transparent;list-style:none; 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: "Poppins", sans-serif; font-size:14px; }

.serif{ font-family: "Playfair Display", serif; font-optical-sizing: auto; font-style: normal; }


.title_gen{ font-size: 37px; font-weight: 300px; line-height: 1.4; margin-bottom: 40px; }
.txtgen{ font-size: 17px; line-height: 1.1; font-weight: 300; }
.txtgen p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 20px; }
.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; }

.transition{ transition: all .5s ease-in-out; }

.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; }

::selection { background: #F1F1F1; }
::-moz-selection { background: #F1F1F1; }
/*
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { background: #7f7f7f; border: 0px none #ffffff; border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #7f7f7f; }
::-webkit-scrollbar-thumb:active { background: #000000; }
::-webkit-scrollbar-track { background: #f1f1f1; border: 0px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-track:hover { background: #f1f1f1; }
::-webkit-scrollbar-track:active { background: #333333; }
::-webkit-scrollbar-corner { background: transparent; }
*/

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/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%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.2%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;
}

.clear{ clear: both; }

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

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

.wrapper{ position: relative; z-index: 2; width:100%; }
.wrapper_blanc{ background-color:#fff; }
.wrapper_salmon{ background-color:#FAE9E4; } 
.wrapper_crema{ background-color:#FFF6EE; }

/* HEADER ===================================================================================================================================================================================== */
.header{ position:fixed; z-index: 999; width:100%; background-color:#FFF6EC; height:100px; }
	
	.header .container{ width:100%; height:100%; }

	.menu_wrapper{ width: 100%; height: 100%; display:flex; justify-content: space-between; align-items: center; }

		.logo{}

		.menu_instagram{ display:flex; align-items: center; }

			.menu{ font-size: 16px; font-weight: 500; }
				.menu ul{ display: flex; align-items: center; list-style: none; padding: 0; margin: 0; }
				.menu ul li{ margin: 0 15px; position: relative;  }
				.menu ul li:after{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -15px; width: 1px; height: 15px; background-color: #000; }
				.menu ul li:last-child:after { content: none; }
				.menu ul li a{ color:#000; }

			.instagram{ margin-left:10px; }


/* menu mobile*/
.menu_movil_trigger{ display: none; position:absolute; right:10px; top:30px; }

	.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: #FFF6EC; color: #333; padding: 15px; }

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

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

			.lang_mobile{ font-size: 13px; font-weight: 700; width: 60px; }

			.menu_mobile a{ color: #000; }

			.menu_mobile{ font-size: 13px; text-transform: uppercase; }
			.menu_mobile ul li{ padding: 17px 0; }
			.menu_mobile ul li a{ display: block; width: 230px !important; border-bottom: 1px solid #ccc; padding-bottom: 30px; font-weight: bold; }

			.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: ''; }


@media only screen and (max-width: 1100px) {	
	.logo img{ width:240px; height:auto; }
	.menu{ font-size: 14px; }
}

@media only screen and (max-width: 970px) {	
	.menu{ display:none; }
	
	.menu_instagram{ margin-right:70px; }
	.instagram svg{ width:26px; height:28px; }

	.menu_movil_trigger{ display: inherit; }
}

/* HOME ======================================================================================================================================================================================= */
.banner{ width:100%; height: 700px; background-color:#FFF6EC; position:fixed; z-index:1; }
	
	.banner_inner{ position:relative; height:100%; }

		.banner_left{ position:absolute; z-index: 2; bottom:0; left:0; height:100%; width:311px; }
			.banner_left_shapes{ position: absolute; bottom: 0; width:295px; height:592px; background-image:url('images/banner-deco-left.png'); background-size:cover; }
			.banner_left_product{ position: absolute; bottom: 55px; left: 120px; width:311px; height:418px; background-image:url('images/crema-facial-hidratante-stick-solar.png'); background-size:cover; }

		.banner_right{ position:absolute; z-index: 1; bottom:0; right:0; height:100%; width:557px; }
			.banner_right_shapes{ position: absolute; bottom: 0; width:557px; height:594px; background-image:url('images/banner-deco-right.png'); background-size:cover; }
			.banner_right_product{ position: absolute; bottom: 60px; right: 230px; width:171px; height:418px; background-image:url('images/CREMA-FACIAL-COLOR.png'); background-size:cover; }

		.banner_textos{ width: 100%; max-width: 668px; text-align: center; top: 150px; position: absolute; z-index: 3; left: 0; right: 0; margin: auto; }

			.banner_txt1{ font-size: 90px; }
			.banner_txt2{ font-size:38px; font-weight:300; margin-top:40px; line-height:1.1; letter-spacing:2px; }
			.banner_txt2 span{font-size:60px; font-weight:900; letter-spacing:1px; }
			.banner_bt{ width: fit-content; margin:20px auto; background-color:#000; color:#fff; padding:20px 40px; cursor:pointer; }


.separa_banner{ height: 700px; }

.banner_bt_mobile{ display:none; }

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

	.banner{ width:100%; height: 675px; }

		.banner_left{ width:213px; }
			.banner_left_shapes{ width:207px; height:419px; }
			.banner_left_product{ bottom: 55px; left: 120px; width:213px; height:286px; }

		.banner_right{ width:353px; }
			.banner_right_shapes{ width:353px; height:436px; }
			.banner_right_product{ bottom: 60px; right: 120px; width:117px; height:286px; }
		
		.banner_textos{ top: 100px; }
			.banner_txt1{ font-size: 50px; width:100%; max-width:400px; margin:auto; }
			.banner_txt2{ font-size:20px; }
			.banner_txt2 span{ font-size:30px; }

	.separa_banner{ height: 675px; }
}


@media only screen and (max-width: 560px) {	
	.banner_left{ left: -50px; }
	.banner_right{ right:-50px; }

	.banner_bt{ display:none; }

	.banner_bt_mobile{ display:inherit; width: fit-content; margin:20px auto; background-color:#000; color:#fff; padding:20px 40px; cursor:pointer; 
		position: absolute; left: 50%; transform: translateX(-50%); margin-top:-20px; }
}

@media only screen and (max-width: 460px) {	
	.banner_left{ left: -85px; }
	.banner_right{ right:-85px; }
}



.subtitle{ width: fit-content; background-color:#EF9178; font-size: 20px; font-weight: 500; color:#FFF; padding:10px 13px 7px 13px; }
.title{ font-size:48px; margin-top:5px; }

@media only screen and (max-width: 768px) {	
	.subtitle{ font-size: 18px; }
	.title{ font-size:38px; }
}

/* CATÁLOGO =================================================================================================================================================================================== */
.catalogo{ padding-top:70px; }


/* SWIPER SCREEN */
.swiper_productos{ margin-top:70px; }
.swiper_productos .swiper-slide{ background-size:100% 100%; border-radius: 30px; min-height:540px }

	.swiper_prod_deco1{ position:absolute; z-index: 1; right:30px; top:0; background-size: 100% 100%; width: 100px; height: 131px; }
	.swiper_prod_deco2{ position:absolute; z-index: 1; right:0; top:200px; background-size: 100% 100%; width: 251px; height: 92px; }

	.swiper_prod{ padding:40px; display:flex; align-items: end; justify-content: space-between; position:relative; z-index:2; }

		.swiper_prod_left{ width:48%; }

			.swiper_prod_title{ font-size:40px; font-weight:bold; }
			.swiper_prod_subtitle{ margin-top:15px; width:fit-content; padding:6px 10px; font-size:20px; font-weight:600; }
			.swiper_prod_txt1{ margin-top:15px; font-size:11px; line-height:1.5; }
			.siper_prod_img{ margin-top:15px; }
			/*.siper_prod_img img{ width:100%; height:auto; }*/

		.swiper_prod_right{ width:48%; font-size:15px; line-height:1.5; }


/*
@keyframes flotar {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px); 
    }
    100% {
        transform: translateY(0);
    }
}

.siper_prod_img {
    margin-top: 15px;
    animation: flotar 4s ease-in-out infinite;
}

.siper_prod_img img {
    display: block;
    max-width: 100%;
    height: auto;
}
*/


/* SWIPER MOBLE */
.swiper_productos_mobile{ display:none; margin-top:50px; }

.flip-card{ padding: 0; perspective: 1000px; }
	
	/*.flip-card:hover .flip-card-inner { transform: rotateY(180deg); } */
	.flip-card.is-flipped .flip-card-inner { transform: rotateY(180deg); }

	.flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; }
	
		.flip-card-front{ position: absolute; width: 100%; height: 100%; padding: 25px; -webkit-backface-visibility: hidden; backface-visibility: hidden; 
			background-size: 100% 100%; background-position:center; background-repeat:no-repeat; border-radius: 30px; }

				.flip_card_more{ width:44px; height:44px; background-image:url('images/more.png'); position:absolute; bottom:10px; right:10px; }

				.flip_card_title{ font-size:40px; }
				.flip_card_subtitle{ margin-top:15px; width:fit-content; padding:6px 10px; font-size:18px; font-weight:600; }
				.flip_card_txt1{ margin-top:15px; font-size:11px; line-height:1.5; }
				.flip_cart_img{ margin-top:20px; }
				.flip_cart_img img{ max-width:95%; height:auto; }

		.flip-card-back{ position: relative; width: 100%; height: 100%; min-height: 500px;  
			background-size: 100% 100%; background-position:center; background-repeat:no-repeat; border-radius: 30px;
			-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(180deg); padding:40px; }

			.flip_card_back{ width:44px; height:45px; background-image:url('images/back.png'); position:absolute; bottom:10px; right:10px; }

			.flip_cart_deco1{ position:absolute; z-index: 1; left:15px; bottom:60px; background-size: 100% 100%; width: 100px; height: 131px; transform: rotate(-90deg);  }
			.flip_cart_deco2{ position:absolute; z-index: 1; right:-30px; top:80px; background-size: 100% 100%; width: 251px; height: 92px; transform: rotate(-90deg); }

			.flip_cart_content{ position:relative; z-index:2; }
				.flip_cart_txt2{ margin-top: 50px; font-size:15px; line-height:1.5; }


@media only screen and (max-width: 768px) {	
	.swiper_productos{ display:none; }
	.swiper_productos_mobile{ display:inherit; }
}

@media only screen and (max-width: 500px) {	
	.flip-card-back{ min-height: 550px; }
}



/* swiper nav */
.swiper_productos_nav_wrapper{ position: relative; width:90%; max-width: 570px; height: 77px; margin:40px auto 0 auto; background-color:#E5E7ED; border-radius: 60px; }

	.swiper_productos_nav{ position: relative; padding-top: 10px; width:calc(100% - 30px); margin:auto; overflow:hidden; }

		.pro_nav_item{ width:60px; height:60px; background-color:#EDB989; border-radius: 50%; margin:auto; cursor:pointer; }

		.prov_nav_item_img{ width:40px; height:40px; position:absolute; margin:10px; background-size:contain; background-position:center; background-repeat:no-repeat; opacity:.7; }

.swiper_productos_nav .swiper-slide.is-active .pro_nav_item { background-color: #E0937D; }
.swiper_productos_nav .swiper-slide.is-active .prov_nav_item_img { opacity: 1; }

.swiper-button-prev svg, .swiper-button-next svg{ display:none; }
.swiper-button-prev{ background-image: url('images/left.png'); left: 0px; }
.swiper-button-next { background-image: url('images/right.png'); right: 0px; }


@media only screen and (max-width: 500px) {	
	.swiper_productos_nav{ width:calc(100% - 90px); }
}






/* QUIENES SOMOS ============================================================================================================================================================================== */
.quienes_somos{ padding-top:100px; }

.swiper_qs{ margin-top:70px; }

.swiper_qs .swiper-slide{ padding:60px; background-color:#FFF6ED; border-radius: 30px; display:flex; justify-content: space-between; align-items: center; min-height:470px; }
	
	.slide_qs_left{ width:50%; padding-right: 40px; border-right:1px solid #EF9178;  }

		.slide_qs_title{ font-size:40px; font-weight:bold; text-align:center; color:#EF9178; }
		.slide_qs_icon{ margin:40px 0; text-align:center; }
		.slide_qs_icon img{ max-width:100%; height:auto; }

		.slide_qs_txt1{ font-size:15px; line-height:1.4; }
		.slide_qs_txt1 p{ margin-bottom:20px; }
		.slide_qs_txt1 p:last-child{ margin-bottom:0; }

	.slide_qs_right{ width:50%; padding-left: 40px;  }

		.slide_qs_txt2{ font-size:15px; line-height:1.4; }
		.slide_qs_txt2 p{ margin-bottom:20px; }
		.slide_qs_txt2 p:last-child{ margin-bottom:0; }

	.qs_deco_middle{ width:173px; height:87px; background-image:url('images/qs_deco_top.png'); position:absolute; left:50%; margin-left:-86px; top: 0; }

	.qs_deco_top{ position:absolute; width: 79px; height: 157px; top:20px; }
	.qs_deco_bottom{ position:absolute; width:170px; height:132px; bottom:0; }

	.swiper-slide:nth-child(odd) .qs_deco_top{ right:0; background-image:url('images/qs_top_right.png'); }
	.swiper-slide:nth-child(odd) .qs_deco_bottom{ left:0; background-image:url('images/qs_bottom_left.png'); }

	.swiper-slide:nth-child(even) .qs_deco_top{ left:0; background-image:url('images/qs_top_left.png'); }
	.swiper-slide:nth-child(even) .qs_deco_bottom{ right:0; background-image:url('images/qs_bottom_right.png'); }

.swiper-pagination-qs{ display: flex; justify-content: center; align-items: center; margin-top: 30px; z-index: 10; opacity: 1; }
.swiper-pagination-qs .swiper-pagination-bullet { width: 22px; height: 22px; background: #EF9178;  opacity: 1; border-radius: 44px;  margin: 0 5px;  transition: width 0.3s ease, background-color 0.3s ease; }
.swiper-pagination-qs .swiper-pagination-bullet-active { width: 60px; background: #EF9178; }


.swiper_qs_mobile{ display:none; margin-top:70px;  }
.swiper-pagination-qs_mobile{ display:none; }

.flip-card_qs{ padding: 0; perspective: 1000px; }
	
	.flip-card_qs.is-flipped .flip-card-inner_qs { transform: rotateY(180deg); }

	.flip-card-inner_qs { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; }
	
		.flip-card-front_qs{ position: absolute; width: 100%; height: 100%; padding: 40px 25px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #FFF6EC;
			background-size: 100% 100%; background-position:center; background-repeat:no-repeat; border-radius: 30px; text-align:center; }

				.flip_deco_top{ position:absolute; width: 79px; height: 157px; top:20px; }
				.flip_deco_bottom{ position:absolute; width:170px; height:132px; bottom:0; }

				.swiper-slide:nth-child(odd) .flip_deco_top{ right:0; background-image:url('images/qs_top_right.png'); }
				.swiper-slide:nth-child(odd) .flip_deco_bottom{ left:0; background-image:url('images/qs_bottom_left.png'); }

				.swiper-slide:nth-child(even) .flip_deco_top{ left:0; background-image:url('images/qs_top_left.png'); }
				.swiper-slide:nth-child(even) .flip_deco_bottom{ right:0; background-image:url('images/qs_bottom_right.png'); }

				.flip_cart_front_content{ position:relative; z-index:2; width:100%; height:100%; }
					.flip_card_more_qs{ width:44px; height:44px; background-image:url('images/more_qs.png'); position:absolute; bottom:10px; right:10px; }

					.slide_qs_mobile_title{ font-size:40px; font-weight:bold; text-align:center; color:#EF9178; }
					.slide_qs_mobile_icon{ margin-top:30px; }
					.slide_qs_mobile_txt1{ margin-top:30px; font-size:15px; line-height:1.5; }

		.flip-card-back_qs{ position: relative; width: 100%; height: 100%; min-height: 500px; background-color: #FFF6EC;
			background-size: 100% 100%; background-position:center; background-repeat:no-repeat; border-radius: 30px; font-size: 15px; line-height: 1.5; text-align: center;
			-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(180deg); padding:40px; overflow:hidden; }

				.flip_deco_back_top{ position:absolute; z-index: 1; width: 79px; height: 157px; top:-60px; right: 0; background-image:url('images/qs_top_right.png');}
				.flip_deco_back_bottom{ position:absolute; z-index: 1; width: 113px; height: 68px; bottom:0; left: 0; background-image:url('images/deco2.png'); }

				.flip_card_back_qs{ width:44px; height:45px; background-image:url('images/back_qs.png'); position:absolute; bottom:10px; right:10px; }

				.flip_card_back_content{ position:relative; z-index: 2; }



@media only screen and (max-width: 768px) {	
	.swiper_qs, .swiper-pagination-qs{ display:none; }

	.swiper_qs_mobile, .swiper-pagination-qs_mobile{ display:inherit; }

	.swiper-pagination-qs_mobile{ display: flex; justify-content: center; align-items: center; margin-top: 30px; z-index: 10; opacity: 1; }
	.swiper-pagination-qs_mobile .swiper-pagination-bullet { width: 22px; height: 22px; background: #EF9178;  opacity: 1; border-radius: 44px;  margin: 0 5px;  transition: width 0.3s ease, background-color 0.3s ease; }
	.swiper-pagination-qs_mobile .swiper-pagination-bullet-active { width: 60px; background: #EF9178; }
}



/* COSMETICA PERSONALIZADA ==================================================================================================================================================================== */
.cosmetica_personalizada{ padding-top:100px; }

.pers_items{ display:flex; flex-wrap:wrap; justify-content: center; margin-top:60px; padding-bottom:100px; }

	.pers_item{ width:390px; padding:10px; transition: opacity 0.8s ease-out, transform 0.8s ease-out;  opacity: 0; transform: translateY(30px); }

 	.pers_item:nth-child(1) { transition-delay: 0s; } 
	.pers_item:nth-child(2) { transition-delay: 0.2s; } 
	.pers_item:nth-child(3) { transition-delay: 0.4s; } 
	.pers_item:nth-child(4) { transition-delay: 0.6s; } 
	.pers_item:nth-child(5) { transition-delay: 0.8s; } 

	.pers_item.is-revealed { opacity: 1; transform: translateY(0); }

	.pers_item_inner{ background-color:#FFF6ED; padding:30px; width:100%; height:100%; border-radius: 30px; }

		.pers_item_top{ display:flex; align-items: center; justify-content: space-between; }
			.pers_item_num{ font-size:150px; color:#EF9178; margin-top:-60px; }
			.pers_item_icon{  }

		.pers_item_title{ margin-top:25px; font-size:40px; color:#EF9178; }
		.pers_item_text{ margin-top:20px; font-size: 15px; line-height: 1.3; }


/* IDEA ======================================================================================================================================================================================= */
.idea{ padding-top: 100px; }

	.idea_deco_top{ position: absolute; top: 0; left: 45%; width:414px; height:212px; background-image:url('images/top.png'); }
	.idea_deco_left{ position: absolute; top: 45%; left: 0; width:206px; height:414px; background-image:url('images/idea_left.png'); }
	.idea_deco_right{ position: absolute; bottom: -14px; right: 0; width:312px; height:469px; background-image:url('images/idea_right.png'); }


.pasos { width: 100%; padding: 100px 0 100px 100px; }

	.pas { display: flex; align-items: center; width: 100%; margin-bottom: 40px; position: relative; z-index: 10; 
		transition: opacity 0.8s ease-out, transform 0.8s ease-out; opacity: 0; transform: translateX(-30px); }

	.pas1{ padding-left:0; }
	.pas2{ padding-left:100px; }
	.pas3{ padding-left:200px; }
	.pas4{ padding-left:300px; }
	.pas5{ padding-left:400px; }
	.pas6{ padding-left:500px; }

	.pas.is-visible { opacity: 1; transform: translateX(0); }

		.pas_num{ width: 57px; min-width: 57px; height: 57px; border-radius: 50%; background-color: #fff; border: 2px solid #F8D8D3; color: #000; font-size: 30px;
			display: flex; justify-content: center; align-items: center; margin-right: 30px; z-index: 20; }

		.pas_text{ background-color: #fff; padding: 15px 30px; border-radius: 30px; text-align: left; line-height: 1.3; position: relative; width:400px; max-width:400px; 
			font-size: 25px; }

		.pas_text:after { content: ''; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 0; height: 0; 
			border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 25px solid #fff;  z-index: 6; }

		.pas:last-child .pas_text:before, .pas:last-child .pas_text:after { content: none }


@media only screen and (max-width: 1150px) {	
	.pasos { width: 100%; padding: 100px 0 100px 30px; }
}

@media only screen and (max-width: 1000px) {
	.pasos { width: 100%; padding: 100px 0; }
}

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

	.pasos { padding: 50px 0; }

	.pas1{ padding-left:0; }
	.pas2{ padding-left:0; }
	.pas3{ padding-left:0; }
	.pas4{ padding-left:0; }
	.pas5{ padding-left:0; }
	.pas6{ padding-left:0; }

	.pas_num{ margin-right: 10px; font-size: 18px; }
	.pas_text{ font-size:18px; }
}






/* CONTACTO =================================================================================================================================================================================== */
.contacto{ padding-top:50px; }

	.contacto_title{ font-size:45px; font-weight:bold; text-align:center; color:#EF9178; width:100%; max-width: 550px;  margin:0 auto 60px auto; line-height:1.2; }

	.frm-fluent-form label{ padding-left:15px; font-size:18px; color:#EF9178; font-weight:400 !important; }
	.frm-fluent-form input, .frm-fluent-form textarea{ border:1px solid #EF9178 !important; border-radius: 30px !important; padding: 15px !important; resize:none; }

	#fluentform_1_success{ padding: 20px 0; font-size:18px !important; text-align:center !important; color:#EF9178 !important; }


.ff-custom_html a{ color:#EF9178; text-decoration:underline; }

/* FOOTER ===================================================================================================================================================================================== */
footer .footer1{ border-top:1px solid #EF9178; border-bottom:1px solid #EF9178; padding:30px 0; }

	.footer1 .container{ display:flex; justify-content: space-between; }

		.footer_logo{ width:48%; }
			.footer_logo img{ max-width:100%; height:auto; }

		.footer_menu{ width:48%; }

			.footer_menu ul{ display: grid; grid-template-columns: 1fr 1fr; text-align: left;  gap: 10px; list-style: none; padding: 0; margin: 0; }
			.footer_menu ul li a{ display: block; padding: 10px 0; text-decoration: none; color: #000; font-size:18px; }
			.footer_menu ul li a:hover{ color:#EF9178; }


	.footer2{ width: 100%; padding:30px 0; font-size: 15px; }

		.footer2 .container{ display: flex; flex-direction: row-reverse; justify-content: space-between; }

			.footer2_menu_links{ display:flex; align-items: center; }

			.footer2_menu_legal{ display: flex; align-items: center; }

				.footer2 ul { display: flex; list-style: none; padding: 0; margin: 0; }
				.footer2 ul li:after{ content:'·'; }
				.footer2 ul li:last-child:after{ content:''; }
				.footer2 ul li a { padding: 0 15px; text-decoration: none; color: #000;  }
				.footer2 ul li a:hover{ color:#EF9178; }




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

	.footer1 .container{ display:block; }

		.footer_logo{ width:100%; }

		.footer_menu{ width:100%; margin-top:30px; }

	.footer2{ font-size: 12px; }
		.footer2 .container{ display: block; }

			.footer2_menu_legal{ margin-top:15px; margin-left:-5px; }
			.footer2 ul li a { padding: 0 5px; }

}


/* PER FER FUNCIONAR LA MAQUETACIO FLOAT DE CONTENT ------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 0px 0 7px 7px; }
.alignleft { float: left; margin: 0px 7px 7px 0; }
a img.alignright { float: right; margin: 5px 0 7px 7px; }
a img.alignnone { margin: 5px 7px 7px 0; }
a img.alignleft { float: left; margin: 5px 7px 7px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto;
	left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }



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















/* BLOG =================================================================================================================================== */
.container_blog{ padding-top:120px; }

.col50{ width:48%; justify-content: space-between; }

/*
.col33{ float: left; width: 33.333%; padding: 0 10px; }
.col50{ float: left; width: 50%; padding: 0 10px; }
.col66{ float: left; width: 66.666%; padding: 0 10px; }
.col100{ width: 100%; padding: 0 10px; }
*/


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

.archive_info{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top:-3px; }

.blog_masa{ position: absolute; width: 75%; z-index: -1; height: 640px; right: 0; top: 0; background-color: #F8F8F8; }

.blog_archive_title_cat{ margin: 40px; font-size: 40px; font-family: 'Playfair Display', serif; font-weight: bold; 
	background-color: #000; color: #fff; padding: 15px 40px; width: fit-content; }

@media only screen and (max-width: 763px) {	
	.blog_archive_title_cat{ margin: 40px 10px; font-size: 30px; padding: 15px 25px; }
}

.txtgen_blog{ font-size: 15px; line-height: 2; font-weight: 400; /*font-family: 'Playfair Display', serif;*/ }
.txtgen_blog p, .txtgen_blog h1, .txtgen_blog h2, .txtgen_blog h3{ margin-bottom: 30px; }
.txtgen_blog h1{ font-size: 225%; line-height: 1.4;}
.txtgen_blog h2{ font-size: 200%; line-height: 1.4; }
.txtgen_blog h3{ font-size: 175%; line-height: 1.4; }
.txtgen_blog img { max-width: 100% !important; height: auto !important; }
.txtgen_blog a{ color: #666; text-decoration: underline; }
.txtgen_blog a:hover{ opacity: .6; }

.txtgen_blog ul, .txtgen_blog ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
.txtgen_blog ul li{ list-style:outside; margin-bottom:12px; }
.txtgen_blog ol li{ margin-bottom:12px; }
.txtgen_blog ol, .txtgen_blog ol li { list-style:decimal; }

.txtgen_blog iframe { max-width: 100%; /*height: 300px;*/ }

.txtgen_blog table{ max-width: 100%; margin-bottom: 20px; width: 100%; }
.txtgen_blog table tr td{ padding: 7px; border: 1px solid #d9d9d9; }

.txtgen_blog table tr td img{ width: 100%; max-width: 100%; height: auto; }

@media only screen and (max-width: 800px) {	
	.txtgen_blog table tr{ display: flex;
      flex-wrap: wrap; }
	.txtgen_blog table td{  width: 50%; }	
}

/* DESTACADO PRINCIPAL =========================================================================================================== */
.destacado_principal_screen{ display:flex; }

.blog_first_item{ margin-top: 25px; }
	
	.blog_first_item .col:first-child{ padding: 0 40px; }
		
		.blog_first_item_content{ width: 100%; display: table-cell; vertical-align: middle; padding-bottom:70px; }

		.blog_first_item_title{ font-family: 'Playfair Display', serif; font-size: 46px; font-weight: bold; text-align: left; }
			.blog_first_item_title a{ color: #000; }
			.blog_first_item_title a:hover{ opacity: .5; }
		
		.blog_first_item_cat{ font-size: 10px; font-weight: 900; text-transform: uppercase; margin-top: 10px; width: 100%; line-height: 1.3; padding-left: 3px; 
			position: relative; display:flex; align-items: center; }

			.blog_first_item_cat .arrow-right-deco{ width:9px; height:8px; background-image:url('images/righ_arrow.png'); }
			
			.blog_first_item_cat a{ margin-right: 3px; margin-left: 3px; }
			.blog_first_item_cat h2{ font-size: 10px; font-weight: 900; }
			.blog_first_item_cat a, .blog_first_item_cat_mobile a{ color: #000; }
			.blog_first_item_cat a:hover, .blog_first_item_cat_mobile a:hover{ opacity: .5; }
			.blog_first_item_cat .blog_first_item_data, .blog_first_item_cat_mobile .blog_first_item_data{ color: #CECFD0; }

			.blog_first_item_arrow{ position: absolute; left: 0; }

		.blog_first_item_excerpt{ margin-top: 20px; width: 100%; }

	.blog_first_item_image{ width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }

.destacado_principal_mobile{ display: none; }

@media only screen and (max-width: 763px) {	
	
	.destacado_principal_screen{ display: none; }
	.destacado_principal_mobile{ display: inherit; }

	.blog_first_item_cat_mobile{ font-size: 10px; font-weight: 900; text-transform: uppercase; margin-top: 0; line-height: 1.3; }
	.blog_first_item_cat_mobile img, .blog_first_item_cat_mobile a, .blog_first_item_cat_mobile span{ float: left; margin-right: 3px; }
	.blog_first_item_cat_mobile h2{ font-size: 10px; font-weight: 900; }
	.blog_first_item_cat_mobile img{ margin-top: 2px; }

	.blog_first_item_image_mobile{ margin-top: 10px; }
	.blog_first_item_image_mobile img{ width: 100%; height: auto; }

	.blog_first_item_title_mobile{ font-family: 'Playfair Display', serif; font-size: 25px; font-weight: bold; margin-top: 10px; }
	.blog_first_item_title_mobile a{ color: #000; }

	.blog_first_item_excerpt_mobile{ margin-top: 20px; }
}


/* BLOG COLUMNA ===================================================================================================== */
.blog_column{ float: right; width: 45%; margin-top: 70px; position: relative; }
	
	.blog_column_mc{ margin-top: 70px;  }

	.blog_destacadao_items{ padding: 0; background-color: #F8F8F8; }

	.destacado_item{ padding: 25px; }
	/* =========================================================================== */
		.destacado_item_cat{ margin-left: 3px; font-size: 10px; text-transform: uppercase; font-weight: 900; position: relative; display:flex; align-items: center; }
			
			.destacado_item_cat .arrow-right-deco{ width:9px; height:8px; background-image:url('images/righ_arrow.png'); }

			.destacado_item_cat a h2{ font-size: 10px; text-transform: uppercase; font-weight: 900; }
			.destacado_item_cat a h2{ margin-right: 3px; }
			.destacado_item_cat a{ color: #000; margin-left:3px; }
			.destacado_item_cat a:hover{ opacity: .6; }
			.destacado_item_cat span{ position: absolute; margin-left: -15px; margin-top: -2px; }

		.destacado_item_img img{ width: 100%; height: auto; margin-top: 7px; }

		.destacado_item_title{ font-family: 'Playfair Display', serif; font-size: 30px; font-weight: 900; padding: 20px 0 5px 0; line-height: 1.3; }
			.destacado_item_title a{ color: #000; }
				.destacado_item_title a:hover{ opacity: .6; }
		.destacado_item_date{ font-size: 10px; font-weight: 900; text-transform: uppercase; color: #CECFD0; }
		.destacado_item_content{ margin-top: 15px; margin-bottom: 40px; }

	.blog_cta{ margin-top: 20px; }
	.blog_cta img{ width: 100%; height: auto; }

	.blog_tags{ margin-top: 20px; padding: 35px 30px; background: linear-gradient(to right, #F8F8F8 60%, transparent 0);}
		.blog_tags_title{ font-family: 'Playfair Display', serif; font-size: 23px; font-weight: 900; width: 50%; }
		
		.blog_tags ul{ margin-top: 25px; height: 100px; overflow: hidden; }
		.blog_tags ul li{ display: inline-block; font-size: 12px; font-weight: bold; border-bottom: 2px solid #CECFD0; padding-bottom: 3px; margin: 0 8px 8px 0; }
			.blog_tags ul li a{ color: #000; }

		.blog_tags_more{ cursor: pointer; margin-top: 25px; }
		.blog_tags_more:hover{ opacity: .6; }

		.blog_tags_less{ display: none; cursor: pointer; }

	.single_content_stars{ margin-top: 30px; }
	
	.fixed_column{ opacity: 0; visibility: hidden; position: fixed; top: 10px; }


@media only screen and (max-width: 763px) {	
	.blog_column{ float: none; margin-top: 40px; width: 100%; }
}


/* BLOG LIST ======================================================================================================================= */
.blog_item_list{ float: left; width: 55%;  margin-top: 90px; padding-right: 40px; }

.home_blog_item:nth-child(odd){ }

	.home_blog_item:nth-child(odd) .home_blog_item_img{ float: left; width: 50%; padding-right: 20px; }
	.home_blog_item:nth-child(odd) .home_blog_item_txt{ float: right; width: 50%; padding-left: 20px; }

.home_blog_item:nth-child(even){  }

	.home_blog_item:nth-child(even) .home_blog_item_img{ float: right; width: 50%; padding-left: 20px; }
	.home_blog_item:nth-child(even) .home_blog_item_txt{ float: left; width: 50%; padding-right: 20px; }

.home_blog_item_img img{ width: 100%; height: auto; }

.home_blog_item{ margin-bottom: 50px; }
.hbii{ width: 100%; height: auto; }

.home_blog_item_txt{ }
	.home_blog_item_cat{ font-size: 10px; font-weight: 900; margin-bottom: 15px; text-transform: uppercase; line-height: 1.5; position: relative; padding-left: 3px; display:flex; align-items: center; }
	.home_blog_item_cat .arrow-right-deco{ width:9px; height:8px; background-image:url('images/righ_arrow.png'); }

	.home_blog_item_cat a h2{ font-size: 10px; font-weight: 900; }
	.home_blog_item_cat a h2{ float: left; margin-right: 3px; }
	.home_blog_item_cat span{ position: absolute; margin-top: -2px; }

	.home_blog_item_cat a{ color: #000; margin-left:3px; }
	.home_blog_item_title{ font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 900; line-height: 1.4; }
	.home_blog_item_title a{ color: #000; }
	.home_blog_item_title a:hover{ opacity: .5; }
	.home_blog_item_data{ font-size: 10px; color: #CECFD0; text-transform: uppercase; margin: 10px 0; font-weight: 900;  }

.bt_mas_articulos{ font-size: 17px; font-weight: bold; text-align: center; margin-top: 40px; cursor: pointer; }
.bt_mas_articulos:hover{ opacity: .6; }
.bt_mas_articulos img{ margin-top: 7px; }

.home_blog_item_cat_mobile{ display: none; }

@media only screen and (max-width: 763px) {	
	
	.blog_item_list{ float: none; width: 100%; margin-top: 50px; padding-right: 0; }
	
	.home_blog_item:nth-child(odd) .home_blog_item_img{ float: none; width: 100%; padding: 0; }
	.home_blog_item:nth-child(odd) .home_blog_item_txt{ float: none; width: 100%; padding: 0; }

	.home_blog_item:nth-child(even) .home_blog_item_img{ float: none; width: 100%; padding: 0; }
	.home_blog_item:nth-child(even) .home_blog_item_txt{ float: none; width: 100%; padding: 0; }
	
	.home_blog_item_cat_mobile{ display: inherit; font-size: 10px; font-weight: 900; margin-bottom: 5px; text-transform: uppercase; padding-left: 13px; }
	
		.home_blog_item_cat_mobile h2{ font-size: 10px; font-weight: 900; }
		.home_blog_item_cat_mobile a h2{ float: left; margin-right: 3px; }
		.home_blog_item_cat_mobile a{ color: #000; }
		.home_blog_item_cat_mobile span{ position: absolute; margin-left: 10px; margin-top: -1px; }

	.home_blog_item_cat{ display: none; }
}

.navigation_archive{ margin: 40px 0; }

.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#707070 !important;
		background:#FFFFFF !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border:solid 1px #DCDCDC !important;
		padding:6px 9px 6px 9px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-size:12px !important;
}
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #866454 !important;
		border-color:#886756 !important;
		background:#A37A66 !important;
		background:-moz-linear-gradient(top,#E9C4B2 1px,#C59882 1px,#A37A66) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#E9C4B2),color-stop(0.02,#C59882),color-stop(1,#A37A66)) !important;
}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		border-color:#3390CA !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		color:#fff !important;
		margin-right:3px !important;
		text-shadow:0px 1px #866454 !important;
		border-color:#886756 !important;
		background:#A37A66 !important;
		background:-moz-linear-gradient(top,#E9C4B2 1px,#C59882 1px,#A37A66) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#E9C4B2),color-stop(0.02,#C59882),color-stop(1,#A37A66)) !important;
}

/* SINGLE ------------------------------------------------- */
.container_single{ width: 100%; max-width: 925px; margin: auto; }

	.single_cat{ font-size: 10px; text-transform: uppercase; font-weight: 900; text-align: center; margin: 40px 0 25px 0; }
	.single_title{ font-family: 'Playfair Display', serif; font-size: 46px; font-weight: bold; text-align: center; line-height: 1.2; }
	.single_subtitle{ font-size: 20px; text-align: center; line-height: 1.2; margin-top: 20px; }
	.single_subtitle h2{ font-weight: normal; }

	.single_img{ margin-top: 25px; text-align: center; }
	.single_img img{ max-width: 100%; height: auto; }

	.single_content{ margin-top: 30px; display:flex;  }

		.single_content_col{ width: 230px; padding-right:20px; }

		.single_content_txt{ padding-left: 40px; width: calc(100% - 230px); }


	.single_blog_cat{ margin-bottom: 10px; font-size: 12px; }
	.single_blog_cat a{ color: #000; }

	.single_share_title{ font-family: 'Playfair Display', serif; font-size: 23px; font-weight: 900; width: 50%; margin-bottom: 15px; padding-left: 30px; }
	.single_share_bts{ padding-left: 30px; }


.widget{ margin-bottom:50px; }
.widget .header_widget{ background-color: #f1f1f1; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px 2px; text-align: center; margin-bottom: 15px; }
.widget ul li { padding: 12px 0; border-bottom: 1px solid #E1E5E4; color: #898F93; font-size:12px; }
.widget ul li a { color: #898F93; }


@media only screen and (max-width: 763px) {	
	
	.blog_masa{ display: none; }

	.single_cat{ margin: 30px 0 15px 0; }

	.single_title{ font-size: 32px; padding: 0 10px; }

	.single_subtitle{ font-size: 17px; }

	.single_content{ flex-direction: column; margin-top: 15px; }
		.single_content_col{ width: 100%; order: 2; margin:40px 0 10px 0; }
		.single_content_txt{ width: 100%; padding: 0 5px; order: 1; }
}

.navigation{ padding: 20px 0; }
	
	.next_post, .prev_post{ position: relative; font-size: 13px; color: #333; width: 50%; }
	.next_post{ float: right; }
	.prev_post{ float: left; border-right: 1px solid #ccc; }
	
	.nav_post a{ color: #000; }

	.next_post_inner{ text-align: right; padding: 25px 30px 25px 10px; display:flex; justify-content:flex-end;  }
		.next_post_content{ padding-right:15px; }

	.prev_post_inner{ padding: 25px 10px 25px 30px; display:flex;  }
		.prev_post_content{ padding-left:15px; }

		.prev_post_prev, .next_post_next{ font-size: 10px; font-weight: 900; color: #898F93; margin-bottom: 7px; }
		.prev_post_txt, .next_post_txt{ font-size:19px; font-family: 'Playfair Display', serif; width:100%; max-width:250px; line-height:1.2; }

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

	.next_post{ float: none; width:100%; }
	.prev_post{ float: none; width:100%; border-right: 1px solid #fff; }

	.next_post_inner{ padding: 25px 10px 25px 10px; }

	.prev_post_inner{ padding: 25px 10px 25px 10px; }
}

/* single firma */
.blog_firma{ display:flex; padding-left:25px; }
	
	.blog_firma_img{ align-self: flex-end; }

	.blog_firma_content{ align-self: flex-end; padding: 0 0 20px 30px; max-width: 550px; line-height:1.3; }
		.blog_firma_head{ width: fit-content; font-size:18px; font-weight:400; border-bottom:1px solid #000; padding: 0 70px 6px 0; }
		.blog_firma_name{ margin-top:7px; font-size:18px; font-weight:900; }
		.blog_firma_cargo{ margin-top:2px; font-size:14px; font-weight:400; }
		.blog_firma_description{ margin-top:10px; font-size:12px; font-weight:400; color:#666; }

@media only screen and (max-width: 763px) {	
	.blog_firma{ display:block; padding-left:0; }
		.blog_firma_content{ padding: 0 0 20px 20px; }
			.blog_firma_head{ display:none; }
}	

/* comments ---------------- */
.single_comments{ width:100%; max-width:1000px; margin: 30px auto 0 auto; }

	.single_comments a{ color:#666; text-decoration:underline; }

	.item_num_comments{ font-size:14px; }
	#comentaris .navigation{ display:none; }

	.commentlist{ padding-left: 20px; }

	.commentlist li{ margin-bottom:15px; min-height:50px; border-bottom: 1px solid #E1E5E4; padding: 7px 0; }
	.commentlist li:last-child{ border-bottom: 1px solid #fff; }
	.commentlist li a{ color: #666; text-decoration: underline; }

	.comment-author{ float:left; }
	.comment-author .fn{ margin-left:0px; font-size:14px; font-style:normal; font-weight:bold; }
	.comment-author .fn, .comment-author .fn a{ color:#000; }
	.comment-author .says { display:none; }
	.comment-author img{ width:40px; height:40px; }

	.comment-meta{ clear:both; font-size:12px; }
	.comment-meta a{ color: #000; font-size: 11px; pointer-events: none; opacity: .7; font-style: italic; }
	.reply{ display:none; }

	.commentlist p{ margin-left:0; padding: 5px 0; }
	
	.comment_input_name{ float: left; width: 49%; }
	.comment_input_email{ float: right; width: 49%; }

	.comment-body{ color:#666; font-size:13px; line-height:1.2; }
	.commentmetadata{ margin:10px 0; }


	#deja_coment_txt{ font-size:18px; color:#000; opacity: .7; font-weight:bold; text-transform: uppercase; padding-top: 15px; margin-bottom: 20px; }
	#commentform{ padding-left: 0px; }

	#commentform textarea{ width:100%; height:150px; resize:none; font-family: 'Poppins', sans-serif; font-size:13px; padding: 10px; border:none; border:1px solid #ccc; 
		webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; }

	#commentform p{ font-size:12px; color:#666; margin-top:15px; margin-bottom:2px; }
	
	#commentform input[type='text']{ width: 100%; border:none; border:1px solid #ccc; padding: 10px; font-family: 'Poppins', sans-serif; font-size:14px;
		webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	#commentform input[type='submit']{ color:#000; font-size:14px; border:none; height:35px; cursor:pointer; line-height: 1 !important;
		border: 1px solid #ccc; }

.comment-form-url{ display:none; }
.google-captcha-notice{ font-size:12px; color:#666; }
.comment-reply-title{ display:none; }

.comments_title1{ font-size:20px; font-weight:900; }
.comments_title2{ margin-top:7px; }

#comments{ margin-top:15px; }

.comment ul{ padding-left:40px; background-color:#F8F8F8; }