/*! * Skin 2019 Remedia * /*

 /* Generales */
body{ font-family: 'Sarabun', sans-serif!important; font-size: 1em!important; color: #10181f!important; }

.p40{ padding:40px!important; }
.p0{ padding:0!important; }
.p100-0-95{ padding: 100px 0 95px; }
.pt85{ padding-top: 85px; }
.pt80{ padding-top: 80px; }
.pt60{ padding-top: 60px; }
.pt50{ padding-top: 50px; }
.pt40{ padding-top: 40px; }
.pt35{ padding-top: 35px; }
.pt10{ padding-top: 10px; }
.pt0{ padding-top: 0px; }
.pb20{ padding-bottom: 20px!important; }
.p25-20{ padding: 30px 20px; }
.pr60{padding-right: 90px;}
.pl10{ padding-left: 10px;}

.mt50{ margin-top: 50px!important; }
.mt40{ margin-top: 40px; }
.mt30{ margin-top: 30px; }
.mt20{ margin-top: 20px; }
.mt8{ margin-top: 8px!important; }
.mt0{ margin-top: 0px!important; }
.mb80{ margin-bottom: 80px!important; }
.mb60{ margin-bottom: 60px!important; }
.mb50{ margin-bottom: 50px!important; }
.mb46{ margin-bottom: 46px!important; }
.mb40{ margin-bottom: 40px!important; }
.mb30{ margin-bottom: 30px!important; }
.mb20{ margin-bottom: 20px!important; }
.mb10{ margin-bottom: 10px!important; }
.mb5{ margin-bottom: 5px!important; }
.mb0{ margin-bottom: 0px!important; }

.m0{ margin: 0!important; }

.mtb1015{ margin:10px 15px;}

section{ padding: 90px 0!important;}

a .hover-img {  position:relative; }
a .hover-img span { position:absolute; left:-9999px; top:-9999px; z-index:9999; }
a:hover .hover-img span {  top: 20px;  left:0; color: #fff!important;}

.relative{ position: relative; }
.absolute{ position: absolute; }

.h116{ height: 116px; } 
.z-index-top{ z-index: 9; }

 /* * */

/* Colors */
.color-light{ color: #fff!important; }
.color-blue{ color: #0751D7!important; }
.color-dark{ color: #071E54!important; }
.color-white{ color: #ffffff!important; }
.color-gray{ color: #7C7E82!important; }
a.color-white:hover{ color: #fff!important;}

/* Fonts */
h1,h2,h3, h4, .text-img{font-family: 'Sarabun', sans-serif!important; -webkit-font-smoothing: antialiased;}

h1{ font-size: 46px!important; font-weight: 800!important; color: #262E34;}
h2{ font-size: 30px; font-weight: 400; margin:10px 0 28px;}
h3{ font-size: 18px; font-weight: 800;}
 
.experiencia h1{ font-size: 30px!important; margin-bottom: 20px;}

.text-img{ font-size: 1.355em; -webkit-font-smoothing: antialiased;}

p, .btn{ font-size: 14px; line-height: 1.28;}
p{font-weight: 400!important; }
p{ margin-bottom: 1.5em!important;}
.light{font-weight: 400!important;}
.bold{ font-weight: 700!important; }
.upper{ text-transform: uppercase!important; }
.italic{ font-family: 'Sarabun', sans-serif!important; font-style: italic;}
small{ color: #fff!important; }

.text18{ font-size: 18px; line-height: 30px;}

.logo-sticky{ display: block; }
.logo-black{ display: none; }

.navbar-shrink .logo-sticky{ display: none; }
.navbar-shrink .logo-black{ display: block; }

.menu-fixed {
  position:fixed;
  width: 100%;
  z-index:99999;
  top:86px;
}

hr{ border-top: 1px solid #fff!important; }
.inlineblock{ display: inline-block; }
.baseline{ vertical-align: baseline;}
.super{ vertical-align: super;}

/* buttons / Links */
.btn{
	border: 0!important;
	border-radius: 0!important;
	padding-right: 0;
 padding-left: 0;
 font-size: 0.85em;
 letter-spacing: 2px;
}

.btn:hover{
 background: none!important;
 opacity: 0.6!important;
 color: #fff!important;
}
.btn-blue{
  font-size: 13px;
 color: #fff;
 background-color: #0751D7!important;
 padding: 12px 25px;
 width:120px;
}
.btn-blue :hover{
 color: #fff!important;
 opacity: 0.4!important;
}

/* Nav */
#mainNav .navbar-toggler{
 font-size: 18px;
 padding: 10px 20px;
}
#mainNav{
  background-color: #fff!important;
  padding: 15px 0;
  -webkit-box-shadow: 0px 10px 5px -10px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 10px 5px -10px rgba(0,0,0,0.5);
box-shadow: 0px 10px 5px -10px rgba(0,0,0,0.5);
}

#mainNav .navbar-nav .nav-item .nav-link{
  font-family: 'Sarabun', sans-serif!important;
  font-size: 12px;
  padding: 1.1em 2.95em !important;
  font-weight: 700;
  color: #314974;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover
{
  color: #0751D7!important;
}
a.nav-link:hover{ color: #FF8736!important; }

/* Slide */
.carousel-caption{
  top: 30%!important;
  bottom: 0!important;
  right: 10%!important;
  left: 10%!important;
  height: 254px;
  text-align: left;
  color: #fff!important;
}
.carousel-caption h1{
  color: #fff!important;
}
.carousel-caption p{
  font-size: 24px;
  color: #fff!important;
}
.filter{
  opacity: .4;
  background-color: black;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 70vh;   /* z-index: 1;*/
}

.carousel-item {
	height: 70vh;
	min-height: 400px;
	background: no-repeat center 32% scroll;
	 	-webkit-background-size: cover;
	 	-moz-background-size: cover;
	 	-o-background-size: cover;
	 	background-size: cover;
}

/* Backgrounds */
.experiencia{
	background: url(../images/chite-experiencia.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 146px 0!important;
}
.bg-eventos{
	background: url(../img/eventos-privados01.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 580px;
}

.bg-black{ background: #1B1C1D;}
.bg-dark{ background: #10181f!important; }
.bg-light { background-color: #fff!important; }
.bg-gray { background-color: #F6F6F6!important; }
.bg-gray-dark { background-color: #848586!important; }
.bg-comprometidos{ background: #071E54 url(../images/comprometidos.jpg) right center no-repeat ; background-size: 38%;}
.bg-contacto{ 
  background: #fff url(../images/contacto.jpg) left center no-repeat ; 
  background-size: 60%;}
.bg-blue{ background: #071E54;}
.bg-second-nav{ background: #9FA3A5; }
.bg-footer-contact{ background: #D9D07B; }

.module-link img{
	margin: 40px 0;
}

.spacer { margin:0; padding:0; height:50px; }

.text-serv{
  background: #FF8736;
  color: #fff;
  padding: 5px 10px;
  margin-top: 12px;
  min-height: 130px;
}
.box-shadow{
  background: #fff;
  padding: 40px 0;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(89,89,89,0.42);
  -moz-box-shadow: 0px 6px 10px 0px rgba(89,89,89,0.42);
  box-shadow: 0px 6px 10px 0px rgba(89,89,89,0.42);
}

.image { position: relative; margin-bottom: 20px; width: 100%; }

h4 { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(7, 81, 215, 0.5); 
  padding: 10px 15px; margin: 0; font-size:18px!important; font-family: 'Sarabun', sans-serif!important; font-weight: 800;
}

h4 span { 
  color: white; 
  margin: 0;
  font-size: 18px;
  height: 46px;  
}

.va-m {vertical-align: initial;}

/* Footer */
footer{ background:#071E54; padding: 30px 0;}
footer .logo-space-l{ padding: 0 0 0 10px;}
footer .logo-space-r{ padding: 0 10px 0 0;}


/* RESPONSIVE */
/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 240px) and (max-width: 480px) {
 .p100-0-95 { padding: 40px 0; }
 .pt85 { padding-top: 50px;}
 
 .mtxs-30{ margin-top: 30px!important;}    
 .mtxs-20{ margin-top: 20px!important;}
 .mtxs-15{ margin-top: 15px!important;}
 .mbxs-24{ margin-bottom: 24px!important;}
 .mbxs-30{ margin-bottom: 30px!important;}
 
 .mtxs-15p{ margin-top: 15%!important;}
  
 .img-90{ height: 90px;}
 
 .bottom-right5-10 {
     bottom: -12%;
     right: 10%;
 }
 
 #mainNav { background-color: #fff; }
 #mainNav .navbar-nav .nav-item .nav-link{
  font-weight: 400!important;
  font-size: 0.885em!important;
 }
  #mainNav .navbar-nav .nav-item .nav-link:hover{
   color: #000!important;
 }
 #mainNav .navbar-nav .nav-item .color-white,
 a.color-white:hover{ color: #fff!important;}
 
 .navbar-brand{ margin-right: 0;}
 #mainNav .navbar-toggler{background-color: transparent!important;}
 /*.carousel-item{ background: no-repeat -310px center scroll; height: 60vh;}*/
  section { padding: 40px 0!important;}   
 
  /* MENU */
 .navbar{  padding: .5rem 0;}
 .navbar-brand img{ margin-left: 1rem;}
 
#navbarResponsive li{ 
 	margin: 0 1rem;
 }
 
 #navbarResponsive li.bg-gray-dark{ 
 	margin: 0;
 }
 .logo-black img{ height: 45px;}
 
 /* FONTS */
 section h1.section-heading{font-size: 2.0em; margin-bottom: 20px;}
 h2 { font-size: 1.58em; margin-bottom: 26px;}
 .module-caption h2{ margin-bottom: 0;}
 h3.section-subheading:after, h3.section-subheading-dark:after{ top: 40px;}

 header.inter{margin-top: 64px; }

 header.inter .carousel-item{
  background-size: cover;
 }
 header.inter .carousel-item h1{
	font-size: 1.624em;
 }
 
.eventos-especiales .nav-pills .nav-link{text-align: center;}
 
 /* Slideshow container */
.slideshow-container {
  position: relative;
}

/* Slides */
.mySlides {
  padding: 0px 10px 0;
  text-align: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
  text-align: center;
  padding: 20px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 2px;
  width: 36px;
  margin: 0;
  background-color: #fff;
  display: table-cell;
  transition: background-color 0.6s ease;
}

.dot-container .active{
  background-color: #0751D7!important;
}

/* Add a background color to the active dot/circle */
#servicios .active, #servicios .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.author {color: cornflowerblue;}

 
/* FOOTER */
 footer { padding: 35px 0 20px 0;}
 .footer-bottom{ margin-top: 20px;}
 footer a, footer p{ font-size: 0.85em;}

 
}

 /* Small Devices, Tablets */
@media only screen and (min-width: 320px) and (max-width: 768px){
.mt30sm{margin-top: 30px!important;}
.mtxs-15p{ margin-top: 15%!important;}
.mtsm-0{ margin-bottom: 0px!important;}

.pl30xs{ padding-left: 30px; }

h1 { font-size: 40px!important;}

.h116 { height: 86px;}

 #mainNav { background-color: #fff; }
 #mainNav .navbar-nav .nav-item .nav-link{
  font-weight: 400!important;
  font-size: 0.85em!important;
  letter-spacing: 0px;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #D8D8D8;
 }
 #mainNav .navbar-nav .nav-item .nav-link
  #mainNav .navbar-nav .nav-item .nav-link:hover{
   color: #000!important;
 }
 
 #mainNav .navbar-nav .nav-item .color-white,
 a.color-white:hover{ color: #fff!important;}
 
 .navbar-brand{ margin-right: 0;}
 #mainNav .navbar-toggler{background-color: transparent!important;}
 
 #mainNav .navbar-nav .nav-item .nav-link{
 	padding: 2.85em .36em!important;
 }
 #mainNav.navbar-shrink .nav-item .nav-link {
    padding: 1.85em .34em!important;
    text-align: center;
    border-bottom: 1px solid #D8D8D8;
 }
 .b-none{ border-bottom: 0!important; }
 
 /*.carousel-item{ background: no-repeat -310px center scroll; height: 60vh;}*/
  section { padding: 40px 0!important;}   
 
  /* MENU */
 .navbar{  padding: .5rem 0;}
 .navbar-brand img{ margin-left: 1rem;}
 .navbar-shrink .logo-black { display: none; }
 
#navbarResponsive li {
    margin: 0 0.5rem;
}
 #navbarResponsive li.bg-gray-dark{ 
 	margin: 0;
 }
 .logo-black img{ height: 45px;}
 .logo-sticky { display: none; }
 .navbar-brand img{ height: 26px; }
 .card-event .btn-full-g{
 	letter-spacing: 1px;    font-size: 0.815em;
 }
 .box-ag{ padding: 10% 30px;}
 .carousel-item {
     height: 48vh;}
 
 .menu-fixed {top: 55px;}
 
 .xs-n .bottom-right5-10 { bottom: 4%;  right: -21%;}

.carousel-caption{ top: 10%!important;padding: 5%!important; height: 260px; width: 70%; right: 8%!important; left: 8%!important;}
.carousel-item{ height: 50vh; margin-top: 70px; }
.carousel-caption p{ font-size: 16px; }
 
 .swiper-container {
    width: 100%;
    height: 100%;
    margin: 0 auto!important;
    padding: 0 0 20px!important;
}
.swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0!important;
 }
 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  left: 4%!important;
 }
 .swiper-pagination-bullet {
    width: 38px!important;
    height: 2px!important;
    display: table-cell!important;
    border-radius: 0!important;
    background: #fff!important;
    opacity: .6!important;
}
 .swiper-pagination-bullet-active{
  background: #0751D7!important;
 }

.bg-comprometidos {
  background: #071E54 url(../images/comprometidos.jpg) 0px -142px no-repeat;
  background-size: 102%;
  padding: 255px 0 5px 0!important;
}
.bg-contacto {
    background: #fff!important;
}

.text18 {
  font-size: 17px;
  line-height: 22px;
}
.box-shadow h3 {
  font-size: 15px;
}
 

footer .inner-left ul li{ margin: 0 10px!important;}
footer {padding: 25px 0 10px;}
footer .line{ margin: 30px auto;}

}

@media only screen and (min-width: 768px) and (max-width: 970px){
  .carousel-caption{ padding: 2% 3%!important; }
  .carousel-caption h1{
    line-height: 52px;
  }
}

@media only screen and (min-width: 770px) and (max-width: 1090px){
.carousel-caption {
    max-width: 70%!important;
}
}
  
  
 @media only screen and (min-width: 768px) and (max-width: 1024px){
 }
 
.s-vinos .top-left20-85 { top: 18%!important; left: 94%!important; }
.s-vinos .spacer-movil{display: none; }
ul.wine li.nav-item a img {
    height: 186px;
}
.wine .nav-link {
    padding: 1.985rem 0.58rem 0.980rem!important;
}
section.contact{
  padding: 36px 0!important;
}

}

@media only screen and (min-width: 1220px){
  section.contact{
  padding: 80px 0!important;
  }
}