@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* genéricos */

body { font-family: "Merriweather", serif;  font-size: 18px;  font-weight: 300;  line-height: 2;  color: #5e493a; }
body.overflow { overflow-x: auto; }
a { color: #9ac460;  -webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s; }
a:hover, a:focus, a:active {  color: #bf4c03;}
h1, h2, h3, h4, h5, h6 {  font-family: "Playfair Display", serif;  color: #000;}
p {  margin-bottom: 30px; }
.btn { margin-right: 4px;  margin-bottom: 4px;  font-family: "Playfair Display", serif;  font-size: 12px;  letter-spacing: 2px;  text-transform: uppercase;  font-weight: 700;
  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  border-radius: 4px;  -webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;}
.btn.btn-md { padding: 10px 20px !important; }
.btn.btn-lg { padding: 18px 36px !important; }
.btn:hover, 
.btn:active, 
.btn:focus { box-shadow: none !important; outline: none !important; }

.btn-primary {  background: #9ac460;  color: #fff;  border: 2px solid #9ac460; }
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {  background: #f16104 !important;  border-color: #f16104 !important; }
.btn-primary.btn-outline {  background: transparent;  color: #9ac460;   border: 2px solid #9ac460; }
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {  background: #9ac460;  color: #fff; }
.btn-success {  background: #58ca7e;  color: #fff;  border: 2px solid #58ca7e; }
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active {  background: #45c46f !important;  border-color: #45c46f !important; }
.btn-success.btn-outline {  background: transparent;  color: #58ca7e;  border: 2px solid #58ca7e; }
.btn-success.btn-outline:hover, 
.btn-success.btn-outline:focus, 
.btn-success.btn-outline:active {  background: #58ca7e;  color: #fff;}
.btn-info {  background: #1784fb;  color: #fff;   border: 2px solid #1784fb; }
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active {  background: #0477f4 !important;  border-color: #0477f4 !important; }
.btn-info.btn-outline {  background: transparent;  color: #1784fb;  border: 2px solid #1784fb; }
.btn-info.btn-outline:hover, 
.btn-info.btn-outline:focus, 
.btn-info.btn-outline:active {  background: #1784fb;  color: #fff; }
.btn-warning {  background: #fed330;  color: #fff;  border: 2px solid #fed330;}
.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active {  background: #fece17 !important;  border-color: #fece17 !important; }
.btn-warning.btn-outline {  background: transparent;  color: #fed330;  border: 2px solid #fed330;}
.btn-warning.btn-outline:hover, 
.btn-warning.btn-outline:focus, 
.btn-warning.btn-outline:active {  background: #fed330;  color: #fff; }
.btn-danger {  background: #fb4f59;  color: #fff;  border: 2px solid #fb4f59; }
.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active {  background: #fa3641 !important;  border-color: #fa3641 !important;}
.btn-danger.btn-outline {  background: transparent;  color: #fb4f59;  border: 2px solid #fb4f59; }
.btn-danger.btn-outline:hover, 
.btn-danger.btn-outline:focus, 
.btn-danger.btn-outline:active {  background: #fb4f59;  color: #fff; }
.btn-outline {  background: none;  border: 2px solid gray;  font-size: 12px;  letter-spacing: 2px;  text-transform: uppercase;  -webkit-transition: 0.3s;  -o-transition: 0.3s;  transition: 0.3s; }
.btn-outline:hover, 
.btn-outline:focus, 
.btn-outline:active {  box-shadow: none;}

.form-control {  box-shadow: none; background: transparent; border: 2px solid rgba(0, 0, 0, 0.1); height: 54px; font-size: 18px; font-weight: 300; }
.form-control:active, 
.form-control:focus { outline: none; box-shadow: none; border-color: #9ac460; }



/*enable animations only on js*/
.js .to-animate, 
.js .to-animate-2 {  opacity: 0; }


/*estilos generales*/
.row-padded { padding-bottom: 40px; }

.sec-heading .heading {  font-size: 50px;  font-style: italic;  position: relative;  padding-bottom: 30px;  margin-bottom: 30px; }
@media screen and (max-width: 768px) {
  .sec-heading .heading {    font-size: 30px;  }
}
.sec-heading .heading:after {  content: "";  position: absolute;  bottom: 0;  width: 40px;  height: 2px;  left: 50%;  background: #9ac460;  margin-left: -20px; }
.sec-heading .sub-heading {  font-size: 20px;  line-height: 1.5;  margin-bottom: 30px; }
@media screen and (max-width: 768px) {
  .sec-heading .sub-heading {    font-size: 18px;  }
}

#main-container { position: relative;  z-index: 10; }


/*navegacion*/
.main-nav {  position: relative;  background: #fff; }
.main-nav.shadow {
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);  -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
}
.main-nav:before, 
.main-nav:after {  content: "";  position: absolute;  left: 0;  height: 2px;  width: 100%;  background: #e6e6e6;
}
.main-nav:before {  top: 2px; }
.main-nav:after {  bottom: 2px; }

.main-nav .menu,
.main-nav .logo {  vertical-align: middle;  float: left;  line-height: 0; }
.main-nav .menu a,
.main-nav .logo a {  padding: 35px 10px;  color: #130d08;  display: -moz-inline-stack;  display: inline-block;  zoom: 1; }
.main-nav .menu a:hover, 
.main-nav .menu a:focus, 
.main-nav .menu a:active,
.main-nav .logo a:hover,
.main-nav .logo a:focus,
.main-nav .logo a:active {  outline: none;  text-decoration: none;}
.main-nav .menu a.active,
.main-nav .logo a.active {  color: #9ac460; }
.main-nav .menu {  text-align: left;  width: 50%; }
.main-nav .menu a {  vertical-align: middle; }
.main-nav .logo {  text-align: center;   width: 50%;  font-size: 40px; font-family: "Playfair Display", serif;  font-weight: 700;  font-style: italic; }
.main-nav .logo a {  position: relative;  top: -5px;  display: inline-block; }




#offcanvas, 
#main-container, 
.nav-toggle, 
#footer {  -webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s; }

#main-container, 
.nav-toggle, 
#footer {  z-index: 2;  position: relative; }

#offcanvas {
  display: block; height: 100%; left: 0; overflow-y: auto; position: fixed; z-index: 1; top: 0; width: 275px; background: rgba(0, 0, 0, 0.9);
  padding: 0.75em 1.25em; 
  -moz-transform: translateX(-275px); -webkit-transform: translateX(-275px); -ms-transform: translateX(-275px); -o-transform: translateX(-275px); transform: translateX(-275px); 
  -webkit-transition: 0.9s; -o-transition: 0.9s; transition: 0.9s;
}
#offcanvas a { display: block; color: rgba(255, 255, 255, 0.4); text-align: center; padding: 7px 0; }
#offcanvas a:hover, 
#offcanvas a:focus, 
#offcanvas a:active { outline: none; text-decoration: none; color: #9ac460; }
#offcanvas a.active { color: #9ac460; }
@media screen and (max-width: 768px) {
  #offcanvas { display: block; }
}
.offcanvas-visible #offcanvas {  
  -moz-transform: translateX(0px);  -webkit-transform: translateX(0px);  -ms-transform: translateX(0px);  -o-transform: translateX(0px);
  transform: translateX(0px);  -webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;
}

@media screen and (max-width: 768px) {
  #main-container, 
  #footer, 
  .nav-toggle { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px);  }
}
.offcanvas-visible #main-container,
.offcanvas-visible #footer, 
.offcanvas-visible .nav-toggle {  
	-moz-transform: translateX(275px);  -webkit-transform: translateX(275px);  -ms-transform: translateX(275px);  -o-transform: translateX(275px);  transform: translateX(275px); 
}



/*pegajoso*/
.js-sticky {  display: block; }
@media screen and (max-width: 768px) {
  .js-sticky { display: none; }
}

/*Menú hamburguesa*/
.nav-toggle {  cursor: pointer;  text-decoration: none; }
.nav-toggle.active i::before, 
.nav-toggle.active i::after { background: #fff; }
.nav-toggle:hover, 
.nav-toggle:focus, 
.nav-toggle:active { outline: none; border-bottom: none !important; }
.nav-toggle i {
  position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 30px;
  height: 2px; color: #fff; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #fff; transition: all .2s ease-out;
}
.nav-toggle i::before, 
.nav-toggle i::after { content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

.nav-toggle i::before {  top: -7px;}
.nav-toggle i::after {  bottom: -7px;}
.nav-toggle:hover i::before {  top: -10px;}
.nav-toggle:hover i::after {  bottom: -10px;}
.nav-toggle.active i {  background: transparent; }
.nav-toggle.active i::before {  top: 0;  -webkit-transform: rotateZ(45deg);  -moz-transform: rotateZ(45deg);  -ms-transform: rotateZ(45deg);  -o-transform: rotateZ(45deg);  transform: rotateZ(45deg); }
.nav-toggle.active i::after {  
	bottom: 0;  -webkit-transform: rotateZ(-45deg);  -moz-transform: rotateZ(-45deg);  -ms-transform: rotateZ(-45deg);  -o-transform: rotateZ(-45deg);  transform: rotateZ(-45deg); 
}
.nav-toggle {
  position: fixed;  top: 20px;  left: 20px;  z-index: 9999;  display: block;  margin: 0 auto;
  display: none;  border-bottom: none !important;  background: rgba(0, 0, 0, 0.7);  padding: 0px 10px 10px 10px;  cursor: pointer;
  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  border-radius: 4px;}
@media screen and (max-width: 768px) {
  .nav-toggle {    display: block;  }
}



/*Página básica*/
#basicpage {  padding: 2em 0  7em 0 ;}
@media screen and (max-width: 768px) {
  #basicpage {    padding: 5em 0;  }
}
#basicpage h2 {  font-style: italic;  position: relative;}
#basicpage h3 {  margin: 0 0 10px 0;  padding: 0;  font-size: 20px;  color: #000; }
#basicpage p {  clear: both;  }



/* Home (Flexslider) */
#home { min-height: 700px;  background: #fff url(../images/loader.gif) no-repeat center center; }
#home .flexslider { border: none; position: relative;  z-index: 1;  margin-bottom: 0; }
#home .flexslider .text { position: absolute; z-index: 3; width: 100%; top: 50%;  margin-top: -212px;  text-align: center; }
#home .flexslider .text h1 { 
  margin: 0; padding: 0; font-family: "Playfair Display", serif; font-size: 160px; font-weight: 700; font-style: italic; color: #fff;  
  -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
}

@media screen and (max-width: 992px) {
  #home .flexslider .text h1 { font-size: 100px; }
}

#home .flexslider .text h2 {
  margin: 0; padding: 0; font-family: "Merriweather", serif; font-weight: 300; font-size: 40px; letter-spacing: 2px; color: #fff;
  -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #home .flexslider .text h2 {   font-size: 20px; }
}
#home .flexslider .text h2 span { font-family: "Playfair Display", serif; font-style: italic; text-transform: none; }
#home .flexslider .text h2 a { color: #9ac460;}
#home .flexslider .slides li { background-repeat: no-repeat; background-size: cover; }
#home .flexslider .overlay { position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; opacity: .5; background: #000; }
#home .flexslider .flex-control-nav,
#home .flexslider .flex-direction-nav { display: none; }

/*Sobre nosotros*/
#about { 
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
  flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; background: #e6e6e6; width: 100%;
}
#about .2col { width: 50%; }
@media screen and (max-width: 1200px) {
  #about .2col { width: 100%; }
}
#about .text {  padding: 2em 6em;  text-align: left;  background: #130d08 repeat; }
@media screen and (max-width: 1200px) {
  #about .text { padding: 1em; }
}
#about .text .btn { color: #fff;}
#about .text .heading {  margin-bottom: 30px;  color: #fff;  font-style: italic;  font-weight: 300;  position: relative;  padding-bottom: 30px;  text-align: center; }
#about .text .heading:after {  content: "";  position: absolute;  bottom: 0;  width: 40px;  height: 2px;  left: 50%;  background: #9ac460;  margin-left: -20px; }
#about .text p {  line-height: 2;  color: #a99c92; }
#about .text p span.firstcharacter {  
	float: left;  color: #903;  font-size: 75px;  line-height: 60px;  padding-top: 4px;  padding-right: 10px;  padding-left: 3px;  
	font-style: italic; top: -20px;  position: relative;  color: #fff;  font-family: "Playfair Display", serif;
}
#about .text p:first-of-type::first-letter{
  color: #903;  font-size: 75px;  line-height: 60px;  padding-top: 4px;  padding-right: 10px;  padding-left: 3px;
  font-style: italic;  top: -20px;  position: relative;  color: #fff;  font-family: "Playfair Display", serif;
}
#about .bg {  background-repeat: no-repeat;  background-size: cover; }
@media screen and (max-width: 1200px) {
  #about .bg {    width: 100%;    min-height: 500px;  }
}
@media screen and (max-width: 768px) {
  #about .bg {    width: 100%;    min-height: 300px;   }
}

/* destacados */
#destacados {  padding: 7em 0;  background: #130d08 repeat; }
@media screen and (max-width: 768px) {
  #destacados {    padding: 5em 0;   }
}
#destacados .sec-heading .heading {  position: relative;  padding-top: 30px !important;  color: #fff; }
#destacados .sec-heading .heading:before, 
#destacados .sec-heading .heading::before {
    height: 64px;  width: 64px;  position: absolute;  
    /*
	content: var(--custom-content-var);
    background: var(--custom-icon-var) no-repeat;
	*/
    content: "";  
    background: url(../images/0103-served-plate_64.png) no-repeat;  
    top: 0;  left: 50%;  margin-top: -50px;  margin-left: -32px; 
}
#destacados .sec-heading .sub-heading {  color: #a99c92; }
#destacados .grid {  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  flex-wrap: wrap;  -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap; }
#destacados .grid h2 {  font-size: 20px;  margin-bottom: 0; }
#destacados .grid p {  line-height: 1.6;  font-size: 16px;  color: #222; }
#destacados .grid .pricing {  font-size: 40px;  display: block;  padding-top: 20px; }
#destacados .grid .pricing:after {  content: "";  position: absolute;  width: 40px;  height: 2px;  left: 50%;  margin-left: -20px;  background: #9ac460; }
#destacados .grid .arrow-left:before, 
#destacados .grid .arrow-left::before {
  content: "";  position: absolute;  z-index: 999;  top: 50px;  left: 0;  margin-left: -15px;  width: 0;  height: 0;
  border-top: 15px solid transparent;  border-bottom: 15px solid transparent;  border-right: 15px solid #f5f5f5;
}
@media screen and (max-width: 768px) {
  #destacados .grid .arrow-left:before, #destacados .grid .arrow-left::before {
    right: auto !important;    left: 15px !important;    top: 0 !important;    margin-top: -15px !important;    margin-left: 0px !important;
    border-top: none !important;    border-left: 15px solid transparent !important;    border-right: 15px solid transparent !important;    border-bottom: 15px solid #f5f5f5 !important;
  }
}
#destacados .grid .arrow-right:before, 
#destacados .grid .arrow-right::before {
  content: "";  position: absolute;  z-index: 999;  top: 50px;  right: 0;  margin-right: -15px;  width: 0;
  height: 0;  border-top: 15px solid transparent;  border-bottom: 15px solid transparent;  border-left: 15px solid #f5f5f5;
}
@media screen and (max-width: 992px) {
  #destacados .grid .arrow-right:before, #destacados .grid .arrow-right::before {
    right: auto !important;    left: 0 !important;    margin-left: -15px !important;    border-left: none !important;    border-right: 15px solid #f5f5f5 !important;  }
}
@media screen and (max-width: 768px) {
  #destacados .grid .arrow-right:before, #destacados .grid .arrow-right::before {
    right: auto !important;    left: 15px !important;    top: 0 !important;    margin-top: -15px !important;    margin-left: 0px !important;    border-top: none !important;
    border-left: 15px solid transparent !important;    border-right: 15px solid transparent !important;    border-bottom: 15px solid #f5f5f5 !important;
  }
}
#destacados .grid > .v-half {
  width: 50%;  text-align: center;  position: relative;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
  display: flex;  flex-wrap: wrap;  -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap; 
}
@media screen and (max-width: 992px) {
  #destacados .grid > .v-half { width: 100%; }
}
#destacados .grid > .v-half .text { background: #f5f5f5; }

#destacados .grid > .v-half .text .desc { height: 400px; overflow: hidden; }
@media screen and (max-width: 768px) {
	#destacados .grid > .v-half .text .desc { height: unset;}
}

#destacados .grid > .v-half .special-1 { background: #faebcd; }
#destacados .grid > .v-half .special-1.arrow-left:before, 
#destacados .grid > .v-half .special-1.arrow-left::before { border-right: 15px solid #faebcd; }
@media screen and (max-width: 768px) {
  #destacados .grid > .v-half .special-1.arrow-left:before, 
  #destacados .grid > .v-half .special-1.arrow-left::before {
    border-left: 15px solid transparent !important;  border-right: 15px solid transparent !important;  border-bottom: 15px solid #faebcd !important;
  }
}
#destacados .grid > .v-half > .v-col-2 {  width: 50%;  padding: 20px;  position: relative; }
#destacados .grid > .v-half > .v-col-2.bg-img {  background-size: cover;  background-repeat: no-repeat;  background-position: center center; }
@media screen and (max-width: 768px) {
  #destacados .grid > .v-half > .v-col-2.bg-img {    height: 400px;  }
}
@media screen and (max-width: 768px) {
  #destacados .grid > .v-half > .v-col-2 {  width: 100%; }
}
#destacados .grid > .v-half > .h-row-2 {
  width: 100%;  position: relative;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
  display: flex;  flex-wrap: wrap;  -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;
}
#destacados .grid > .v-half > .h-row-2 > .v-col-2 {  width: 50%;  position: relative;  padding: 20px; }
@media screen and (max-width: 768px) {
  #destacados .grid > .v-half > .h-row-2 > .v-col-2 { width: 100%; }
}
#destacados .grid > .v-half > .h-row-2 > .v-col-2.bg-img { background-size: cover; background-repeat: no-repeat; background-position: center center; }
@media screen and (max-width: 768px) {
  #destacados .grid > .v-half > .h-row-2 > .v-col-2.bg-img { height: 200px;}
}
#destacados .grid > .v-half > .h-row-2.reversed .bg-img {  position: absolute;  right: 0;  bottom: 0;  top: 0; }
@media screen and (max-width: 992px) {
  #destacados .grid > .v-half > .h-row-2.reversed .bg-img {    position: relative;    right: inherit;    top: inherit;    bottom: inherit;  }
}




/* Opiniones */
#opiniones {  padding: 7em 0; }
@media screen and (max-width: 768px) {
  #opiniones {    padding: 5em 0;  }
}
#opiniones .flexslider .slides li {  font-size: 40px;  line-height: 1.5; }
#opiniones .flexslider .slides li blockquote {  padding-left: 0;  border-left: none; }
@media screen and (max-width: 768px) {
  #opiniones .flexslider .slides li blockquote {    padding: 0 20px;  }
}
#opiniones .flexslider .slides li blockquote p {  font-size: 40px;  line-height: 1.5; }
@media screen and (max-width: 768px) {
  #opiniones .flexslider .slides li blockquote p {    font-size: 20px;    line-height: 1.5;  }
}
#opiniones .flexslider .slides li blockquote p.quote-author {  font-size: 20px;  color: gray; }
@media screen and (max-width: 768px) {
  #opiniones .flexslider .slides li blockquote p.quote-author {    font-size: 18px;  }
}
#opiniones .flexslider .flex-control-paging {  position: relative; }
#opiniones .flexslider .flex-control-paging.flex-control-nav {  bottom: -70px; }
@media screen and (max-width: 768px) {
  #opiniones .flexslider .flex-control-paging.flex-control-nav {    bottom: -60px;  }
}
#opiniones .flexslider .flex-control-paging li a {  width: 14px;  height: 14px;  background: rgba(0, 0, 0, 0.2);  box-shadow: none; }
#opiniones .flexslider .flex-control-paging li a:active, 
#opiniones .flexslider .flex-control-paging li a:focus {  outline: none; }
#opiniones .flexslider .flex-control-paging li a.flex-active {  top: 2px;  position: relative;  background: transparent;  box-shadow: none;  border: 2px solid #9ac460; }


/*productos*/
#productos {  padding: 7em 0;  background-color: transparent;  background-size: cover;  background-attachment: fixed;  position: relative; }
#productos > .overlay {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(0, 0, 0, 0.7);  z-index: 9; }
#productos > .container {  /*z-index: 10;*/  position: relative; }
#productos .producto { float: left;  width: 100%;  text-align: center; min-height: 600px;}

@media screen and (max-width: 768px) {
  #productos .producto {    margin-bottom: 30px;  min-height: unset;}
}

#productos h3 {  margin-bottom: 30px;  font-style: italic;  color: #fff;  font-size: 40px;  text-align: center;  padding-top: 110px;}
#productos h3.with-icon {  position: relative; }
#productos h3.with-icon:before, 
#productos h3.with-icon::before {
  content: "";  position: absolute;  left: 50%;  margin-left: -54px;  margin-top: -125px;  width: 104px;  height: 104px;
  border: 4px solid rgba(255, 255, 255, 0.8);  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  -ms-border-radius: 50%;  border-radius: 50%;
}
#productos h3.with-icon.icon-custom:before, 
#productos h3.with-icon.icon-custom::before { background: var(--custom-icon-var) no-repeat center center; }

#productos p { color: rgba(255, 255, 255, 0.7); }



/*Contacto*/
#contact {  padding: 7em 0; }
@media screen and (max-width: 768px) {
  #contact {    padding: 5em 0;  }
}
#contact h3 {  margin-bottom: 30px;  font-style: italic; }
@media screen and (max-width: 768px) {
  #contact {    padding: 5em 0;  }
}
#contact .sec-heading .heading {  position: relative;   padding-top: 30px !important; }
#contact .sec-heading .heading:before, 

#contact .sec-heading .heading::before {
  height: 61px;  width: 61px;  position: absolute;  
  content: var(--custom-content-var);
  background: var(--custom-icon-var) no-repeat;
  top: 0;  left: 50%;  margin-top: -50px;  margin-left: -24px;
}

#contact .sec-heading .sub-heading {  color: #a99c92; }
#contact .social {  padding: 0;  margin: 0; }
#contact .social li {  padding: 0;  margin: 0; }
#contact .contact-info {  padding: 0;  margin: 0 0 1.5em 0; }
#contact .contact-info li {  position: relative;  padding: 0;  margin: 0 0 1.5em 0;  padding-left: 50px;  list-style: none; }
#contact .contact-info li i {  position: absolute;  top: .4em;  left: 0; }
#contact .social  li a span {  display:none; }

#contact .aviso-legal {
    font-size: 60%;
}


/*footer*/

#footer {  width: 100%;  background: rgba(35, 31, 32, 0.9);  padding: 7em 0;  z-index: 1;  font-size: 14px;  line-height: 1.5;  color: rgba(255, 255, 255, 0.5); }
@media screen and (max-width: 768px) {
  #footer {    padding: 5em 0;  }
}
@media screen and (max-width: 480px) {
  #footer {    height: inherit;    position: relative;  }
}

.social {  padding: 0;  margin: 0;}
.social li {  padding: 0;  margin: 0;  list-style: none;  display: inline;}
.social li a {  font-size: 30px;  padding: 10px;}
.social li a i {  font-size: 30px;}
.social li a span {  display:none; }
.social li a:hover, 
.social li a:active, 
.social li a:focus {  outline: none;  text-decoration: none; }