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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
@media(max-width: 1399px){
body {
font-size: 0.9rem;
}
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@media(max-width: 1399px){
div, p {
line-height: 20px;
}
} @font-face {
font-family: 'icomoon';
src:    url(//esgaravita.com/wp-content/themes/esgaravita/fonts/icomoon.eot?x1uoo7);
src:    url(//esgaravita.com/wp-content/themes/esgaravita/fonts/icomoon.eot?x1uoo7#iefix) format('embedded-opentype'),
url(//esgaravita.com/wp-content/themes/esgaravita/fonts/icomoon.ttf?x1uoo7) format('truetype'),
url(//esgaravita.com/wp-content/themes/esgaravita/fonts/icomoon.woff?x1uoo7) format('woff'),
url(//esgaravita.com/wp-content/themes/esgaravita/fonts/icomoon.svg?x1uoo7#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-phone:before {
content: "\e904";
}
.icon-user:before {
content: "\e900";
}
.icon-arrow-right:before {
content: "\e902";
}
.icon-arrow-left:before {
content: "\e903";
}
.icon-chat:before {
content: "\e901";
}
.icon-envelope:before {
content: "\e909";
} .your-name:after {
content: "\e900";
}
.icon-arrow-right:before {
content: "\e902";
}
.icon-arrow-left:before {
content: "\e903";
}
.your-subject:after {
content: "\e901";
}
.your-email:after {
content: "\e909";
}  .overlay{
display: none;
opacity: 0;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
height: 100%;
position: fixed;
width: 100%;
z-index: 2500;
}
.container {
font-family: 'Open Sans', sans-serif;
margin: 0 auto;
width: 1903px;
line-height: 30px;
}
.container p{
margin-bottom: 15px;
}
@media (max-width: 1919px){
.container {
width: 1700px;
}
}
@media (max-width: 1699px){
.container {
width: 1450px;
}
}
@media (max-width: 1449px){
.container {
width: 1200px;
}
}
@media (max-width: 1199px){
.container {
width: 992px;
}
.tarjeta {
width: 125px;
}
}
@media (max-width: 991px){
.container {
width: 100%;
}
.tarjeta {
width: 200px;
}
}
@media (max-width: 768px){
.container {
font-size: 0.9rem;
line-height: 20px;
}
}
h1{
color: #5b875d;
font-size: 2rem;
line-height: 30px;
margin: 35px 0 10px;
text-align: center;
text-shadow: 1px 1px 1px #333;
}
@media (max-width: 1399px){
h1{
font-size: 1.6rem;
}
}
@media (max-width: 991px){
h1{
margin: 10px 0 25px;
}
}
@media (max-width: 768px){
h1{
font-size: 1.5rem;
}
}
h2{
color: #5b875d;
font-size: 1.5rem;
line-height: 30px;
margin: 35px 0 10px;
text-align: center;
text-shadow: 1px 1px 1px #333;
}
.ether-cols-1{
margin-top: 30px;
padding: 0 5%;
} .sobrem{ padding: 0 100px;
position: relative;
z-index: 3;
}
@media (max-width: 1919px){
.sobrem{ }
}
@media (max-width: 1699px){
.sobrem{ padding: 0 15px;
}
}
@media (max-width: 1449px){
.sobrem{ }
}
@media (max-width: 1199px){
.sobrem{ }
}
@media (max-width: 991px){
.sobrem{ }
}
@media (max-width: 1449px){
.padretarjeta{
display: inline-block;
width: 15%;
}
.tarjeta{
width: 100%;
}
}
@media (max-width: 1199px){
.padretarjeta{
width: 13%;
}
}
@media (max-width: 991px){
.padretarjeta {
width: auto;
}
}
.sobrem .menu-principal-container{
float: right;
width: 85%;
}
@media (max-width: 1699px){
.sobrem .menu-principal-container{
width: 83%;
}
}
@media (max-width: 1449px){
.sobrem .menu-principal-container {
margin-right: 15px;
}
}
@media (max-width: 1199px){
.sobrem .menu-principal-container {
float: right;
width: 85%;
}
}
@media (max-width: 991px){
.sobrem .menu-principal-container {
display: none;
}
}
.menu{
list-style: outside none none;
font-family: 'Gochi Hand', cursive;
}
.superior{
display: table;
width: inherit;
}
.menu-item{
display: table-cell;
text-align: center;
width: auto;
}
.menu-item a{
//font-size: 1.8rem;
font-size: 1.4rem;
text-decoration: none;
}
@media (max-width: 1449px){
.menu-item a {
font-size: 1.2rem;
}
}
.paramovil .menu-item a{
color: #fff;
text-shadow: 2px 2px 2px #333;
}
.superior .menu-item a {
border-radius: 4px;
color: #097265;
font-family: "Indie Flower",cursive;
padding: 3px 5px;
position: relative;
text-shadow: 1px 1px 1px #333;
top: 25px;
}
@media (max-width: 1199px){
.menu-item a {
font-size: 1rem;
}
.paramovil .menu-item a{
font-size: 1.6rem;
}
}
.menumovil{
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
display: none;
height: 100%;
position: fixed;
top: 0;
z-index: 501;
}
.ico_menu{
display: none;
position: absolute;
right: 20px;
top: 10px;
}
@media (max-width: 991px){
.ico_menu{
display: block;
}
}
.menumovil{
background: transparent url(https://esgaravita.com/wp-content/themes/esgaravita/imagenes/papel-foto-verde.jpg) repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 5px;
height: 482px;
left: -280px;
padding: 50px 30px 50px 25px;
position: absolute;
top: 0;
z-index: 100;
display: none;
}
@media(max-width: 991px){
.menumovil{
display: block;
}
}
@media(max-width: 767px){
.menumovil{
height: 400px;;
}
}
.paramovil li {
display: block;
margin-bottom: 25px;
text-align: left;
}
.servicios,
.clientes{
position: relative;
top: 2px;
}  footer{ background: #006a59 none repeat scroll 0 0;
border-top: 4px solid #a7c6a1;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
padding: 35px 75px 0;
margin-top: 50px;
}
@media(max-width: 991px){
footer{
display: block;
padding: 35px 0 0;
} 
}
.bloque{
width: 50%;
}
@media(max-width: 991px){
footer .bloque {
width: auto;
text-align: center;
}
}
.bloque p{
margin: 0 10px;
}
.bloque_izq{
line-height: 40px;
}
.bloque_der{
-webkit-align-self: end;
-ms-align-self: end;
align-self: end;
line-height: 24px;
padding-top: 22px;
text-align: right;
}
.bloque_der p:nth-child(1){
margin-bottom: 10px;
}
.bloque_der p:nth-child(5){
font-size: 0.9rem;
}
.sindesign img{
position: relative;
top: 2px;
}
@media(max-width: 991px){
.bloque_der p:nth-child(2),.bloque_der p:nth-child(3),.bloque_der p:nth-child(4){
display: inline-block;
font-size: 1.2rem;
margin: 0 0 20px;
}
.bloque_der p:nth-child(3)::before,.bloque_der p:nth-child(4)::before{
content: "|";
margin: 0 10px;
}
}
@media(max-width: 390px){
.bloque_der p:nth-child(4) {
display: block;
}
.bloque_der p:nth-child(4)::before {
content: "";
margin: 0;
}
}
@media(max-width: 991px){
.facebook{
margin-right: 10px;
}
.twitter{
margin-left: 10px;
}
}
footer, footer a {
color: #c8a97a;
text-decoration: none;
}
footer a:hover {
color: #fff;
background: none;
}
.esgaravita{
font-family: 'Indie Flower', cursive;
font-size: 2rem;
}
footer .icon-phone, footer .icon-envelope {
font-size: 1.3rem;
margin-bottom: 15px;
}
@media(max-width: 334px){
footer .icon-phone, footer .icon-envelope {
font-size: 1rem;
}
} .ether-cols-2 {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin-top: 30px;
padding: 0 5%;
}
@media (max-width: 1449px){
.ether-cols-1,
.ether-cols-2 {
padding: 0 2%;
}
}
@media (max-width: 991px){
.ether-cols-1,
.ether-cols-2 {
padding: 0 5%;
}
.ether-cols-2 {
display: block;
}
}
.tlfnonoindex, .tlfnonoindex a, .tlfnonoindex a:hover {
color: #6b8668;
text-decoration: none;
}
.bloque p.sindesign {
margin-bottom: 10px;
} #cookieChoiceInfo span {
display: block;
margin: 15px 0 25px;
} a {
color: #4fa51d;
padding: 0 2px;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
transition:: all 0.2s ease 0s;
}
a:hover {
color: #fff;
background: #6C875D;
-webkit-transition: all 0. ease 0s;
transition:: all 0.2s ease 0s;
}
.primera .foto a {
padding: 0;
}
.sobrem a:hover,
.menumovil a:hover,
.galeria a:hover,
.fotogrande a:hover,
.fotochica a:hover,
form a:hover,
.telefonos .icon-phone a:hover {
background: none;
}
.lascookies {
width: 100%;
border: 1px solid black;
margin: 8px 0 15px;
}
.lascookies td,
.lascookies th {
padding: 10px;
}
.lascookies thead tr{
background-color: #fff;
font-weight: bold;
}
.lascookies tr:nth-child(2n){
background-color: #fff;
}
.icon-position {
background: #097265;
width: 120px;
margin: 0 auto 5px !important;
border-radius: 15px;
padding: 5px 15px !important;
}
.icon-position:hover {
background: #6C875D;
-webkit-transition: all 0. ease 0s;
transition: : all 0.2s ease 0s;
}
.icon-position img {
position: relative;
top: 1px;
}
.contacto .icon-position a {
color: #fff;
-webkit-transition: none;
transition: : none;
}
.icon-position a:hover {
}
.overlayindex h3 a {
font-size: 0.9rem;
color: #fff;
} #moove_gdpr_cookie_info_bar {
top: 0;
}
.widget-kit-digital {
display: flex;
flex-direction: column;
align-items: flex-end;
}
@media (max-width: 991px){
.widget-kit-digital {
display: flex;
flex-direction: column;
align-items: center;
}
} .flex-text {
display: flex;
margin-top: 15px; 
flex-direction: row;
align-items: end;
row-gap: 10px;
text-align: left;
}
.flex-text {
display: flex;
margin-top: 15px; 
flex-direction: row;
align-items: end;
row-gap: 10px;
text-align: left;
}
.flex-numbers {
display: flex;
margin-top: 15px; 
flex-direction: row;
align-items: end;
row-gap: 10px;
}
.flex-numbers span {
line-height: 1.4!important;
text-align: center;
width: 100%;
margin: 0 auto;
}
.flex-numbers input {
width: 90%!important;
}
.flex-numbers label span:first-of-type {
width: 70%;  
}
#precioFinal {
display: flex;
}
@media screen and (max-width: 992px) {
.flex-text {
display: flex;
flex-direction: column!important;
margin-top: 15px; 
flex-direction: row;
align-items: end;
row-gap: 10px;
text-align: left;
}
.flex-text p {
width: 100%!important;
}
.flex-text input {
width: 100%;
}
label[for="picNic"] span {
width: fit-content!important;
}
}