* {
    scroll-behavior: smooth;
}

html{
	width:100vw;
}

body {
    width: 100%;
    margin-top: 0;
    font-family: 'Avenir';
    color: #FFF;
    background-color: #252525;
    text-align:justify;
    font-size: 20px;
}

h1 {
    font-family: 'Source Serif Pro';
    font-weight:bold;
    font-size: 50px;
    letter-spacing: 5px;

}

h2 {
    font-family: 'Source Serif Pro';
    /*font-weight: bold;*/
    font-size: 24px;
}

h3 {
    font-family: 'Avenir';
    font-size: 14px;
   letter-spacing: 2px;
}

.full img{
    width:100%;
    height:auto;
    position:center;
}

.letterspacing2{ letter-spacing: 2px;  }
.letterspacing3{ letter-spacing: 3px;  }





.head-banner {
    position: absolute;
    width: 100%;
    top: 0;
    padding-top: 2%;
}

.head-banner img{
    padding-left:38px;
    left:0;
}

.head-banner a {
    display: block;
    text-align: right;
    padding-right: 38px;
    float: right;
    font-family: 'Avenir';
    color: #999999;
    text-decoration:none;
    padding-top:14px;
}

.concept-picture {
    background-image: url('../images/soil-hands.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 420px;
    overflow: hidden;
}

.concept-text{
    max-width:395px;
}

.concept-text2{
    max-width:380px;
}

.degustaciones{ max-width: 386px;  }

 .half {
    display: block;
    width: 50%;
    float: left;
    overflow: hidden;
}

.pad-left{
    padding-left:20%;
}

.pad-top{
    padding-top: 180px;
}

.pad-bottom{
    padding-bottom:60px;
}

.mb-20{
    margin-bottom:20px;
}

.top-19{
    top:-19px;
}


.color-overlay {
    height: 720px;
    background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(../images/vinedo.png) no-repeat center;
    background-size: cover;
    position: relative;
    float:none;
}

.color-overlay2 {
    height: 650px;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(../images/grapes.png) no-repeat center;
    background-size: cover;
    position: relative;
}

.color-overlay p {
    padding-top: 300px;
}

.color-overlay2 p {
    padding-top:150px;
}

.color-overlay2 h1 {
    color: white;
}



.boton{
    transition: all .2s ease-in-out;
    border-radius:5px;
    background-color: white;
    font-weight:900;
    padding:5px 10px;
    border: 1px solid white;  
}

.boton:hover{ 
  background-color: #252525;
  border: 1px solid #252525; 
  color: white; 

 }



.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center-text {
    width: 100%;
    text-align: center;
}
.center-vertical {
    position:absolute;
    top:40%;
    color:white;
}

.align-right{
    text-align:right;
    padding-right: 20px !important;
}


.align-left-text{ text-align: left; }


.align-left {
    padding-left: 20px !important;
}

.percentage {
    padding-top: 40px;
    line-height: 20px;

}

sup {
    font-size: 34%;
    top: -1.5em;
}

.black{
    background-color:black;
}

input {
    width: 100%;
    background-color: #262626;
    color: #656565;
    border:none;
    margin-top:15px;
    padding: 5px 15px;
}
textarea {
    width: 100%;
    background-color: #262626;
    color: #656565;
    border: none;
    margin-top: 15px;
    padding: 5px 15px;
}

form button {
    background-color: rgba(0,0,0,0);
    border: none;
    text-align: right;
    width: 100%;
    color: #656565;
}

.container-fluid{
    padding:0;
}

.row{
    margin:0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-left:0;
    padding-right:0;
}

#header-carousel li {
      font-family: 'Avenir';
    display:block;
    float:left;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    right:0;
}

#header-carousel .carousel-indicators {
    left: 93%;
    bottom: 50%;
    margin-right: 0;
    margin-left: 0;
    transform:rotate(90deg);
}
#carousel-vinos .carousel-indicators{
    top:0;
}

#carousel-vinos .pad-top {
    padding-top: 100px;
}

.carousel {
   background-color: #262626;
}

.crouselcol4{ background-color: #3f3f3f;  }



#carousel-vinos .carousel-indicators li{   text-indent: 0px; width: auto; background-color: transparent; border-bottom: 2px  solid #fff; height: 35px; margin-right: 18px; text-transform: uppercase;   }
#carousel-vinos .carousel-indicators{ position: relative; padding: 35px; }


.carousel-control-next, .carousel-control-prev{
    width:4%;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}


.carousel-control-next-icon, .carousel-control-prev-icon {
background-color: #666666;
padding: 30px; 
    }

.carousel-control-prev-icon{
        right: 15px;
    position: relative;
}
.carousel-control-next-icon{
        right: -7px;
    position: relative;
}



.enviar{  transition: all .2s ease-in-out; }
.enviar:hover{ color: white;  }

.link{  transition: all .2s ease-in-out; }
.link:hover{ color: white;  }

.linkimg{  transition: all .2s ease-in-out; }
.linkimg:hover{filter: invert(100%); }





footer{
    width:100%;
}

footer .content{
    padding: 61px;
    padding-bottom:130px;
}

footer .icons a {
    float: left;
    padding-right: 15px;
    color: #626262;
    text-decoration:none;
    display:inline;
}

footer .trademark{
    float:right;
    color:white;
}

footer .pad-top {
    padding-top: 20px;
	padding-bottom:40px;
}

@media(max-width:762px){
	body{
		text-align:left;
	}
		
    .head-banner img{
        width:50%;
    }
	
	.pad-sides{
		padding:0px 25px;
	}
	
	.color-overlay p {
		padding: 300px 50px;
	}
	#header-carousel .carousel-indicators {
		display:none;
	}
	.center-vertical{
		top:30%;
	}
	.carousel-control-prev-icon {
		display:none;
	}
	.carousel-control-next-icon {
		display:none;
	}
	
	.trademark{
		float:none;
		width:100%;
		text-align:center;
	}
	.icons .logos{
		width:110px;
		display:block;
		margin-right:auto;
		margin-left:auto;
	}
	.icons .contact{
		width:100%;
		text-align:center;
	}
}