body {
  padding-top: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size:0.9rem;
  color:#333;
}
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #c3225e;
    text-decoration: none;
}
img {
	max-width:100%;
}

h2, 
h3,
h4 {font-family: 'Open Sans', sans-serif;}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}
.img-review {
	width:16%;
	display:inline-block;
	padding:8px;
}

.button-default-1 {
  background: transparent none repeat scroll 0 0;
  border: 3px solid;
  color: #000 !important;
  padding: 10px 15px;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}
.button-default-1:hover {
  background: transparent none repeat scroll 0 0;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
}
.button-default-2 {
  background: transparent none repeat scroll 0 0;
  border: 3px solid;
  color: #fff !important;
  padding: 10px 15px;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}
.button-default-2:hover {
  background: transparent none repeat scroll 0 0;
  color: #e8e22c !important;
  text-align: center;
  text-decoration: none;
}

.button-call {
  background-color: #000;
  color: #fff !important;
  padding: 10px 20px;
  display: inline-block;
  text-align: center;
  margin-bottom: 15px;
  transition:all 0.3s ease 0s !important;
}
.button-call:hover {
  background: #c3225e none repeat scroll 0 0;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
}

#top-wrapper {
	background:#000;
}

#header-wrapper {
	background:#fff;
}
.header-logo {
	text-align:center;
	padding: 8px 0px;
}
.contact-link {
	font-size:14px;
	padding: 5px 0;
	margin: 0 5px;
}
.contact-link a {
	color:#fff;
	padding:0 5px;
	
}
.contact-link a:hover {
	color:#c3225e;

}
.contact-link h1 {    
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-transform: none;    
    letter-spacing: 0.05em;
	display:inline;
}

.contact-link img {
  margin-right: 5px;
}

.lang a {
  color: #fff;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f19da0;
    border: 1px solid #d57f82;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.carousel-item {
  min-height: 700px;
  background: no-repeat center center scroll;
  background-size:cover !important;

}
.carousel-item-content {
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption {
	bottom:25%;
}
.carousel-caption h3 {
    font-size: 36px;
    text-shadow: 0 1px 0 #000;
}



.portfolio-item {
  margin-bottom: 30px;
}

#menu-wrapper {
	background:#eee;
}
.menu-content {
	position:relative;
	z-index:1000;
	height:auto;
}


.navbar {
	padding:.5rem 0;
	display:inline-block;
}
.navbar-brand {
	margin:0;
}
.navbar-dark .navbar-brand {
   margin-top: 0px;
}
.navbar-dark .navbar-nav .nav-link {
  color: #000 !important;
  font-family: 'Open Sans', sans-serif;
  text-transform:uppercase;
  transition:all 200ms linear;
  font-weight:800;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .8rem;
  padding-left: .8rem;
  margin: 0px 8px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  background:#eee;
}
.navbar-dark .navbar-nav .nav-link.active {
	background:#eee;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #000;
}

.menu-nav-content {
    text-align: center;
    width: 100%;
}

#intro-wrapper {
	background:#fff;
	text-align:center;
}

.call-in-action {
    display: block;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.call-in-action h3 {
    font-size: 1.1rem;
	font-weight:700;
	text-transform:uppercase;
	color:#000;
}
.call-in-action h4 {
	font-weight:400;
	font-size:1rem;
	color: #777;
	line-height:1.4rem;
}
.call-in-action h4 span {
	display:block;
	padding: 5px 0px;
}



.box {
  display: block;
  list-style: outside none none;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.box figure {
  background: #000 none repeat scroll 0 0;
  cursor: pointer;
  float: left;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}
.box figure img {
  display: block;
  max-width: 100%;
  min-height: 100%;
  opacity: 0.8;
  position: relative;
}
.box figure figcaption {
  backface-visibility: hidden;
  color: #fff;
  font-size: 1.25em;
  padding: 2em;
  text-transform: uppercase;
}
.box figure figcaption::before,
.box figure figcaption::after {
  pointer-events: none;
}
.box figure figcaption,
.box figure figcaption > a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.box figure figcaption > a {
  font-size: 0;
  opacity: 0;
  text-indent: 200%;
  white-space: nowrap;
  z-index: 1000;
}
.box figure h3 {
  font-weight: 800;
  word-spacing: -0.15em;
  letter-spacing:0.1rem;
  font-size: 1rem;
}
.box figure h3 span {
  font-weight: 800;
}
.box figure h3,
.box figure p {
  margin: 0;
}
.box figure p {
  font-size: 68.5%;
  letter-spacing: 1px;
}
figure.effect-lily img {
  max-width: none;
  opacity: 0.7;
  transform: translate3d(-40px,0px,0px);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  width: calc(150%);
}
figure.effect-lily figcaption {
  text-align: left;
}
figure.effect-lily figcaption > div {
  bottom: 0;
  height: 50%;
  left: 0;
  padding: 1em;
  position: absolute;
  width: 100%;
}
figure.effect-lily h3,
figure.effect-lily p {
  transform: translate3d(0px,40px,0px);
}
figure.effect-lily h3 {
  transition: transform 0.35s ease 0s;
}
figure.effect-lily p {
  color: rgba(0,0,0,0.8);
  opacity: 0;
  transition: opacity 0.2s ease 0s, transform 0.35s ease 0s;
}
figure.effect-lily:hover img,
figure.effect-lily:hover p {
  opacity: 1;
}
figure.effect-lily:hover h3 {
  color: #000;
}
figure.effect-lily:hover img,
figure.effect-lily:hover h3,
figure.effect-lily:hover p {
  transform: translate3d(0px,0px,0px);
}
figure.effect-lily:hover p {
  transition-delay: 0.05s;
  transition-duration: 0.35s;
}
.box-left figure figcaption {
  backface-visibility: hidden;
  color: #fff;
  font-size: 0.3em;
  padding: 0.4em;
  text-transform: none;
}

#main-wrapper {
    background: #eee;
}
.main-content {
	padding: 50px 0px;
	margin: 20px 0px;
}


.crae-home .page-header {
    margin: 16px 0 21px;
	
}
.crae-home h2 {
    font-size: 1.2rem;
    color: #000;
}
.crae-home h2 span {
	display: block;
    font-weight: 300;
    text-transform: none;
    font-size:  0.9rem;
}
.crae-home h3 {
    font-size: 1.6rem;
	line-height:1.8rem;
	font-weight:800;
	text-align: center;
}
.crae-home h3 span {
    display: block;
	font-weight: 400;
	font-size: 1.1rem;
}

#product_descripcion table thead {
    color: #fff;
    background: #999;
}
#product_descripcion ul {
    padding: 0px 25px;
}

#vinaTabContent {
    padding: 20px;
    border: 1px solid #ddd;
    background: #fff;
	margin-bottom: 30px;
}
.tab-content {
    overflow: auto;
}


.card {
  border: 0px;
  padding:20px;
  margin-bottom: 20px;
  background:#fff;
  color:#000;
}
.card img {
  max-width: 100%;
}
.card-header {
  background-color: transparent;
  border-bottom: 0px !important;
  padding:.75rem 0;
  color:#000;
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
}

#main-content-wrapper {
    background: #fff;
}
.main-content-wrapper {
	padding: 30px 0px;
}

.crae-content {
	display:block;
	overflow:hidden;
	padding: 10px 0px 20px;
	border-bottom:4px solid #ccc;
}
.crae-content h2 {
    font-size: 1.4rem;
    text-align: center;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
	margin-bottom: 25px;
}
.crae-content h2 span {
	display: block;
    font-weight: 300;
    text-transform: none;
    font-size: 1.3rem;
}

.crae-content h4 {
    font-size: 1.2rem;
    text-align: center;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
.crae-content ul {
	list-style:none;
	padding:0px;
	margin: 20px 0px;
}

.divider_text {
    background-color: #dbd8b7;
    display: inline-block;
    height: 3px;
    margin: 5px 0 30px;
    width: 100px;
}

.menus_content {
    background: #dbd8b7 none repeat scroll 0 0;
    padding: 20px;
	margin-bottom: 25px;
	text-align:left;
}
.menus_content h4 {
    font-size: 1.2rem;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
.menus_content ul {
	list-style:none;
	padding:0px;
	line-height:26px;
	
}

#bottom-wrapper { }
.bottom-container {
    display: block;
    overflow: hidden;
    padding: 40px 0;
}
.bottom-container .page-header {
	text-align:center;
	margin-bottom:30px;
}
.bottom-container h3 {
	font-weight:800;
	font-size:1.8rem;
}
.bottom-container h4 {
	font-size:1.1rem;
}

footer {
	background:#ccc;
	color:#333;
}
footer h4 { margin-bottom:1rem; font-weight:800; font-size:1.3rem; color:#000;}
footer h5 { font-weight:400; font-size:1rem; color:#000;}
footer ul { padding: 0px; list-style:none; line-height:24px;}
footer a { color:#000;}

.copy {
  background-color: #333;
}
.copyright {
  padding: 20px 0;
  font-size:0.8em;
}


.photo-gallery {
  color:#313437;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
  margin-top: 20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}





@media (max-width: 767px) {
	#header-wrapper { padding-bottom: 0px;}
	#menu-wrapper {height:auto; background:#fff;}
	.menu-content { height:auto;}
	.navbar-brand { margin:0px; display:block; text-align:center;}
	.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    .navbar-toggler { border:1px solid #333; margin:20px 0 0;}
	.navbar {padding: 10px 0px; background: #eee;}
    .dropdown-menu {border: 0px;}
	.contact-link { margin:0px; padding: 10px 0px; text-align:center !important;}
	.contact-link h1 {font-size: 16px;}
	.lang { text-align:center !important;}
	#promo { margin-top: 0px;}
	.carousel-item {min-height: 300px;}
	#intro-wrapper {padding: 0px 20px;}
	#grupintro-wrapper { margin-top:40px;}
	.call-in-action { margin-bottom: 0px;}
	.call-in-action h2 { font-size:1.4rem;}
	.call-in-action h3 { font-size:1rem; line-height:1.5rem;}
	.main-content { padding:40px 10px;}
    .main-content-wrapper {margin-top:0px;}
	#main-wrapper h2 { margin-bottom: 20px; text-align:center;}
	#main-wrapper img { width:100%;}
	.main-content-wrapper {padding: 10px 0px;}
	.crae-home h2 {font-size:1.1rem; line-height:1.8rem;}
	.crae-home h2 span { margin-top: 10px; font-size:1rem;}
	.crae-home h3 {font-size:1rem;}
	.crae-content h2 {font-size:1rem; line-height:1.6rem;}
	.img-review-gallery { width:100%; padding:8px 0px;}
	.copyright {width:100%; text-align:center;}
	.card {padding: 0px 20px;}
    .product-description h3 {font-size:1.3rem; text-align: center; margin-bottom: 12px;}
    #product_descripcion ul {padding: 10px;}
    .img-review {width: 48%; padding: 5px;}
	.bottom-container .col-lg-2 {width: 50%;} 


}