@charset "UTF-8";

/*
	CSS Stylesheet La Artesa 
	Jul 2019
	Powered by AyMsoft	
*/
/*========== ResetCSS ==========*/
*,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,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,tr,select,input{appearance:inherit; -moz-appearance:inherit; -webkit-appearance:inherit; background:transparent; border:none; border-radius:0; box-sizing: border-box; margin:0; outline:0; padding:0; text-decoration:none;}
/*========== FUENTE ==========*/
@font-face {font-family:'Title'; src:url('/aym_font/Futura-Light.ttf');}
@font-face {font-family:'Italic'; src:url('/aym_font/Futura-Light-Italic.ttf');}
@font-face {font-family:'Regular'; src:url('/aym_font/Futura-Book.ttf');}
@font-face {font-family:'Bold'; src:url('/aym_font/Futura-Bold.ttf');}
@font-face {font-family:'Light'; src:url('/aym_font/Futura-Light.ttf');}
/*========== ROOT ==========*/
:root{
	--artesa_tone_1: #edeae2;
	--artesa_tone_2: #D39800;
	--artesa_tone_3: #E86512;
	--artesa_tone_4: #F5F0E4;
	--artesa_tone_5: #E8E3D6;
	--artesa_tone_6: #D6CBBC;
	--artesa_tone_7: #646464
}
/*========== MAIN ==========*/
main.fixed-intern{padding-top:115px;}
* {color: #222; font-family: 'Regular';}
body {opacity: 1; transition: 1s ease;}
h1,h2,h3,h4,h5,h6{color: #222; font-family: 'Title'; font-weight: lighter;}
strong, b {font-family: 'Bold'}
i {font-family: 'Italic'; font-style: Regular;}
p {text-align: justify;}
img {display: block; width: 100%;}
a {color: inherit; display: inline-block; text-decoration: none;}
hr {background: #222; height: 1px; margin: 15px 0; width: 100%;}
ul li {list-style: none; position: relative;}
ul li:before {content: '•'; color: var(--artesa_tone_3); left: -.5em; margin-right: .5em; position: absolute; width: 1em;}
header > section, main > section, footer > section {max-width: 1400px; margin: auto; padding: 0 50px; position: relative;}
/*========== GENERAL CLASS ==========*/
.aym_content{max-width: 1400px;margin: auto; padding: 0 50px;position: relative;}
.aym_like_button {background: #222630; color: #fff; margin-top: 20px; padding: 5px 15px;}
::placeholder {color: #777; opacity: 1; font-family: 'Regular'}
.owl-item {max-height: 700px;}
.owl-nav, .owl-dots {display: none;}
.aym_hidden{width: 0; height: 0; position: absolute; z-index: -1;}
/*========== LINKS ==========*/
.aym_link{ font-family:'Bold'; background-color: var(--artesa_tone_3);border-radius: 10px;color: var(--artesa_tone_1);font-size: 1em;text-align: center;padding: 7px 35px; letter-spacing: 4px; transition: .4s all}
.aym_link:hover{background-color: black;}

.aym_link.light{background-color: var(--artesa_tone_2);}
.aym_link.light:hover{background-color: black;}

.aym_link.tone_2{background-color: var(--artesa_tone_2);}
.aym_link.tone_2:hover{background-color: var(--artesa_tone_3); color:black}

.aym_link.tone_3{background-color: var(--artesa_tone_3);}
.aym_link.tone_3:hover{background-color: black; color:var(--artesa_tone_1)}


/*========== GOOGLE TRANSLATE ==========*/
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
#google_translate_element{padding: 0 20px;}
@media only screen and (max-width: 517px){ #google_translate_element{padding: 20px 20px;}}
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important;border: none !important; box-shadow: none !important;}
/*========== GOOGLE CAPTCHA ==========*/
.grecaptcha-badge { visibility: hidden;}

/*========== FORMS ==========*/
input[type=submit], button, .aym_button, .aym_like_button {border: 0; cursor: pointer; display: inline-block; outline: none; padding: 15px; transition: all .3s linear; width: auto !important;}
input, select, textarea { background-color:#fff;font-family: 'Regular' !important; font-size: 1em; transition: all .3s linear; padding: 10px; border-radius:15px}
input{border-right: 0px solid var(--artesa_tone_3);border-left: 0px solid var(--artesa_tone_3);}
button:hover, input[type=submit]:hover ,.aym_button:hover, .aym_like_button:hover {color: #fff}
select {padding-right: 30px !important;background: URL(/aym_image/aym_ico/aym_ico_arrow_select.png) no-repeat 95% / 15px #fff !important;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
input::-webkit-inner-spin-button{display:none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] { -moz-appearance:textfield; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--artesa_tone_2);
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
/*VALIDATE*/
input:focus{border-right: 5px solid var(--artesa_tone_3);border-left: 5px solid var(--artesa_tone_3);}
input[type=checkbox]:focus{border:0;}
input.error, select.error, textarea.error { color: #ffa8a8 !important;border-bottom: 2px solid;}
input.error::placeholder{ color: #ffa8a8 !important;}
/*========== NAVS CAROUSEL ==========*/
.aym_wrap_nav  {display: flex;left: 0;justify-content: space-between; top: 47%; padding: 0; position: absolute; width: 100%;     z-index: 1;}
.aym_wrap_nav .aym_prev {transform: rotate(180deg);}
.aym_wrap_nav .aym_nav {cursor: pointer; height: 40px;width: 30px; background: url( '/aym_image/aym_ico/aym_ico_arrow.png')no-repeat center / 17px;}
.aym_wrap_nav .aym_nav {cursor: pointer; max-width: 60px;}

/*========== CONTACTO ==========*/
#aym_page_contact {background-image: url(/aym_image/aym_cms/2/17.jpg);background-size:cover;background-repeat: no-repeat;overflow:hidden;height: 100%;min-height: 100vh;position: relative;}
#aym_page_contact .transparent{content:'';top: 0;width: 100%;background-color: #00000085;display: block;position: absolute;bottom: 0;}
#aym_page_contact form{max-width: 1400px; margin: auto; padding: 0 50px; position: relative;}
#aym_page_contact #aym_banner_internal{background-size:cover; background-repeat: no-repeat; overflow:hidden;}
#aym_page_contact #aym_wrap_contact {max-width:none;padding:100px;display: flex;align-items: center;justify-content: space-between;z-index: 1;}
#aym_page_contact #aym_wrap_contact h1{color:var(--artesa_tone_2) ; font-size:2em; letter-spacing:3px; text-align:center; font-family:'Bold'; border-bottom:1px solid; text-transform:uppercase; margin-bottom:25px}
#aym_page_contact #aym_wrap_contact form{   max-width: 650px; width: 100%; margin: auto;}
#aym_page_contact #aym_wrap_contact .aym_wrap_logo{max-width: 350px; width: 100%; margin: auto;}
#aym_page_contact #aym_wrap_contact form fieldset > div{margin-bottom:20px;}
#aym_page_contact #aym_wrap_contact form fieldset > div label{margin-bottom:10px; color:var(--artesa_tone_2)}
#aym_page_contact #aym_wrap_contact form fieldset .aym_two_col{display:flex; align-items: center; justify-content:space-between;}
#aym_page_contact #aym_wrap_contact form fieldset .aym_two_col div{width:49%;}
#aym_page_contact #aym_wrap_contact form fieldset div input,
#aym_page_contact #aym_wrap_contact form fieldset div select,
#aym_page_contact #aym_wrap_contact form fieldset div textarea{ background: #fff;border: 0; border-radius: 10px;box-shadow: 0px 4px 7px 0px #00000040; padding: 15px 35px !important;width:100%; margin-top: 5px;}
#aym_page_contact #aym_wrap_contact form fieldset div textarea{ height: 150px;}
#aym_page_contact #aym_wrap_contact form fieldset div button{width:100% !important; padding:15px 30px ;}
#aym_page_contact #aym_wrap_contact form fieldset div.aym_wrap_checkbox {display: flex;align-items: flex-start; margin-bottom:15px;flex-flow: wrap;}
#aym_page_contact #aym_wrap_contact form fieldset div.aym_wrap_checkbox .aym_frm_checkbox{margin-right: 10px;display: flex;align-items: center;justify-content: center;flex-flow: wrap;width: 30%;}
#aym_page_contact #aym_wrap_contact form fieldset div.aym_wrap_checkbox .aym_frm_checkbox label{width: calc(100% - 30px);display: block;margin: 0 0 0 5px;}
#aym_page_contact #aym_wrap_contact form fieldset div.aym_wrap_checkbox .aym_frm_checkbox input[type=radio]{display: flex;width: 20px;height: 20px;padding: 0 !important;margin: 0;}
#aym_page_contact #aym_wrap_contact form fieldset div.aym_wrap_checkbox .aym_frm_checkbox input[type=radio]:checked {background: var(--artesa_tone_2); border-color: #fff}
#aym_page_contact #aym_wrap_contact .aym_text p {text-align: center; line-height: 35px; color:white}
#aym_page_contact #aym_wrap_contact .aym_termins_google p {text-align: center; line-height: 35px; color:white}
#aym_page_contact #aym_wrap_contact .aym_termins_google p a{color: var(--artesa_tone_2); font-family: 'Bold';}
#aym_page_contact #aym_wrap_contact .aym_logo{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
#aym_page_contact #aym_wrap_contact .aym_logo img{max-width: 304px;}

@media screen and (max-width: 750px){
	#aym_page_contact #aym_wrap_contact{padding:15px;}
	#aym_page_contact #aym_wrap_contact form{padding: 0;}
	#aym_page_contact #aym_wrap_contact .aym_logo img{max-width: 240px;}
}

@media screen and (max-width: 490px){
	#aym_page_contact #aym_wrap_contact{padding:60px 15px;}

}


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


	#aym_wrap_left_detail_product{width: 70%;}
	#aym_wrap_right_detail_product .aym_button_buy button{padding: 15px 8px;}



	#aym_wrap_footer article .aym_wrap_newsletter{width: 100%;padding:20px 0 !important;}
	#aym_wrap_footer article .aym_footer_right > div{width: 90%;}

	#aym_banner_internal.aym_banner_cart .aym_content #aym_wrap_content{padding: 20px 0;}

	#aym_page_make_bread #aym_wrap_value_propositions .aym_pag_tit{font-size: 1.4em;}

	#aym_list_brief .list_product_brief .item h2{font-size: 1em;}
}