.section {
    position: relative;
    width   : 100%;
    display : block;
}

.full-height {
    height: 100vh;
}

.row {
    margin-right: 0px;
    margin-left : 0px;
}


/* Home Full Height Width */
.over-hide {
    overflow: hidden;
}

.absolute-center {
    position  : absolute;
    top       : 40%;
    left      : 0;
    width     : 100%;
    margin-top: 40px;
    transform : translateY(-50%);
    z-index   : 20;
}

.custom-section {
    /*background-image : url("../../img/home/SNJ_01.jpg");*/
    /*background-image : url("../../img/web/Bodega.png");*/
	background-image : url("../../img/home/background-home/SNJ_bg_medals_home_05.png");
    background-repeat: no-repeat;
    background-size  : cover;
    filter           : grayscale(0.1);
    background-position-y: center;
    background-position-y: 75px;
}

.custom-section img {
    width : 42%;
    filter: drop-shadow(4px 3px 3px #834d5d);
}

/* Home Full Height Width */

/* Menú 3 Recuadros */
.container#container-menu-recuadros {
    padding: 0;
}

.container#container-menu-recuadros>.row>.col-lg-12 {
    padding-left : 0 !important;
    padding-right: 0 !important;
}

/* Menú 3 Recuadros */

/* Banner Club Join */
.section_banner_club {
    /*background-image     : url("../../img/home/SNJ_05.jpg");*/
    background-image     : url("../../img/web/galeriaSJ10-1.jpg");
    background-position  : center;
    background-attachment: scroll;
    background-size      : cover;
    background-position-y: 57%;
    padding              : 9% 0 7%;
    margin-bottom        : 2%;
}

.container_banner_club {
    text-align      : right;
    width           : 75%;
    float           : right;
    margin-top      : -6%;
    background-color: rgba(106, 67, 79, 60%);
    padding         : 2% 2% 3% 0;
    border-radius   : 15px;
}

.container_banner_club h3 {
    font-weight: 400;
    font-size  : 36px;
    color      : #f3f3f3;
    font-family: "Lato", sans-serif;
}

.container_banner_club hr {
    width        : 75%;
    border-bottom: 1px solid #f3f3f3;
    margin-right : 0;
    margin-top   : 0;
    margin-bottom: 0;
}

.container_banner_club p {
    font-weight: 400;
    font-size  : 18px;
    color      : #f3f3f3;
    margin-top : 3%;
    font-family: "Comfortaa", sans-serif;
}

a#banner_clubJoin {
    -webkit-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    -moz-transition   : all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    -ms-transition    : all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    -o-transition     : all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    transition        : all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    display           : block;
    margin            : 20px auto;
    max-width         : 180px;
    text-decoration   : none;
    border-radius     : 4px;
    padding           : 5px 15px;
    font-family       : "Comfortaa", sans-serif;
    text-align        : center;
    display           : inline-block;
    color             : rgb(255, 255, 255);
    box-shadow        : rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
}

a#banner_clubJoin:hover {
    color     : rgb(255, 255, 255);
    box-shadow: rgba(30, 22, 54, 0.7) 0 0px 0px 40px inset;
}

/* Banner Club Join */

/* Historia Vinedo */
#txt_titulo_historia {
    font-weight   : 400;
    color         : #4c4c4c;
    font-family   : "Lato", sans-serif;
    line-height   : 1.2em;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size     : 35px;
}

#txt_texto01_historia {
    font-weight: 500;
    font-size  : 15px;
    color      : rgb(90, 90, 90);
    font-family: 'Comfortaa', sans-serif;
    line-height: 27px;
}

/* Historia Vinedo */

/* Primeros pasos */
#carousel-primeros-pasos>.carousel-inner>.carousel-item>img {
    width: 95%;
}

.column-descripcion-primeros-ext {
    padding-right: 7rem;
}

#txt_titulo_primeros {
    font-weight   : 400;
    color         : #4c4c4c;
    font-family   : "Lato", sans-serif;
    line-height   : 1.2em;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size     : 35px;
}

#txt_texto01_primeros,
#txt_texto02_primeros,
#txt_texto03_primeros,
#txt_texto04_primeros {
    font-weight: 500;
    font-size  : 15px;
    color      : rgb(90, 90, 90);
    font-family: 'Comfortaa', sans-serif;
    line-height: 27px;
}

/* Primeros pasos */

/* Carousel TripAdvisor */
#title-trip-review {
    font-weight   : 400;
    color         : #4c4c4c;
    font-family   : "Lato", sans-serif;
    line-height   : 1.2em;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size     : 35px;
}

.container-trip img {
    width   : 65%;
    position: absolute;
    top     : 0%;
    bottom  : 0;
    left    : 0;
    right   : 0;
    margin  : auto;
}

#carousel-trip-prev i,
#carousel-trip-next i {
    font-size: 24px !important;
    color    : #a26577
}

.card {
    border    : 1px solid rgb(204 0 0 / 13%) !important;
    box-shadow: 2px 2px 10px #a26577cc !important;
}

.card-body {
    height: 20rem !important;
}

.card-body>p {
    font-family: 'Comfortaa', sans-serif;
    font-size  : 14.50px;
}

.txt-user-trip {
    color        : #863850;
    font-weight  : 600;
    padding-left : 5px;
    margin-bottom: 8% !important;
    font-family  : "Lato", sans-serif;
}

.txt-fecha-trip {
    font-size    : 10px !important;
    margin-bottom: 0px !important;
    margin-left  : 8px !important;
}

/* Carousel TripAdvisor */

/* Newsletter Suscripcion */
#section-newsletter-join {
    margin-top      : 2%;
    padding         : 3% 0;
    background-image: url("../../img/home/SNJ_14.png");
}

.container-newsletter-join {
    background-color: rgba(100, 100, 100, 0.7);
    padding         : 3% 0;
    border-radius   : 15px;
}

.container-newsletter-join>h2 {
    color         : #FFF;
    font-weight   : 500;
    font-family   : "Lato", sans-serif;
    text-transform: uppercase;
}

.container-newsletter-join>p {
    color      : #FFF;
    font-family: 'Comfortaa', sans-serif;
}

#form-newsletter-home {
    padding: 0 30%;
}

#inputSuscriptor_newsletter {
    width        : 100%;
    height       : 31px;
    border       : 2px solid #863850;
    border-radius: 8px;
    padding      : 3px 0 1px 4%;
    font-family  : 'Comfortaa', sans-serif;
    font-weight  : 600;
    font-size    : 13px;
    transition      : all .65s;
}

#inputSuscriptor_newsletter:focus{
    outline: none !important;

    color: #a27b87;
    box-shadow: 0 0 5px 4px #876670;
}

#btnSuscribe-newsletter {
    width           : 130px;
    height          : 30px;
    display         : inline-block;
    border-radius   : 13px;
    color           : #fff;
    text-transform  : uppercase;
    font-size       : 13px;
    transition      : all .65s;
    letter-spacing  : 1.5px;
    font-weight     : 600;
    background-color: #a26577;
    border          : 2px solid #863850;
    padding         : 0 0 2px 0;
}

#btnSuscribe-newsletter:hover {
    color           : #a26577;
    background-color: #FFF;
}

#btnSuscribe-newsletter:focus{
    box-shadow: 2px 2px 5px 2px rgba(255,255,255,0.65);
}
/* Newsletter Suscripcion */


@media only screen and (min-width: 320px) and (max-width: 480px) {

    /* Responsive Home Full Height Width */
    .custom-section img {
        width: 85%;
    }

    /* Responsive Home Full Height Width */

    /* Responsive Banner Club San Juanito */
    .container_banner_club {
        width     : 100%;
        text-align: center;
        padding   : 2%;
    }

    .container_banner_club h3 {
        font-size: 25px;
    }

    .container_banner_club p {
        font-size: 15px;
        padding  : 0 10%;
    }

    .container_banner_club hr {
        width : 80%;
        margin: 0px 10%;
    }

    #banner_clubJoin {
        padding-bottom: 2%;
    }

    /* Responsive Banner Club San Juanito */

    /* Responsive Primeros Pasos */
    .container-primeros {
        margin-top: 1rem !important;
    }

    .carousel-item>img {
        width: 100% !important;
    }

    #carousel-primeros-pasos {
        margin-bottom: 6% !important;
    }

    .column-descripcion-primeros-ext {
        padding-right: 0 !important;
        text-align   : center !important;
        padding      : 0 15px 2% 15px !important;
    }

    #txt_titulo_primeros {
        padding-bottom: 2%;
    }

    /* Responsive Primeros Pasos */

    /* Responsive Carousel tripadvisor */
    #reviews-tripadvisor {
        margin-top: 0rem !important;
    }

    #title-trip-review {
        margin-bottom: 1rem !important;
    }

    .container-trip>img {
        margin-top: 0rem !important;
    }

    #carouselTripadvisor {
        margin-top: 21rem !important;
    }

    .carousel-item>.row {
        margin-bottom: 0 !important;
    }

    #navigator-carousel-custom {
        margin-top  : 20.5rem !important;
        margin-left : 70%;
        margin-right: 12%;
    }

    .card-body {
        height: 14rem !important;
    }

    .card-body>p {
        font-size: 12.5px;
    }

    .txt-fecha-trip {
        font-size: 11px !important;
    }
    /* Responsive Carousel tripadvisor */

    /* Responsive Newsletter */
    #section-newsletter-join {
        margin-top      : 0%;
        padding         : 3% 0;
        background-image: url("../../img/home/SNJ_16.jpg");
        background-size: cover;
    }
    
    .container-newsletter-join {
        padding         : 4% 0;
    }
    
    .container-newsletter-join>h2 {
        font-size: 24px;
    }
    
    .container-newsletter-join>p {
        font-size: 13px;
        margin-top: 15px;
    }
    
    #form-newsletter-home {
        padding: 0 0%;
    }
    
    #inputSuscriptor_newsletter {
        width        : 80%;
        margin-bottom: 10px;
    }

    #form-newsletter-home > .row > .col-md-3{
        text-align: center !important;
        margin-top: 2%;
    }

    #btnSuscribe-newsletter:focus{
        box-shadow: 0px 0px 2px 2px rgba(255,255,255,0.65);
    }
    /* Responsive Newsletter */
}

@media only screen and (min-width: 481px) and (max-width: 767px) {}

@media only screen and (min-width: 993px) and (max-width: 1024px) {}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {}

@media only screen and (min-width: 1201px) {}

.counter {
    display: table-cell;
    /* margin: 1.5%; */
    /* font-size: 50px; */
    /* background-color: #FF6F6F; */
    width: 212px;
    /* border-radius: 50%; */
    height: 38px;
    vertical-align: middle;
    font-family: 'Comfortaa';
    font-size: 75px;
    font-weight: 700;
    color: #785164;
    line-height: normal;
    padding-top: 60px;
    padding-left: 90px;
}

#txt_titulo_historia_{
    text-align: justify;
    margin-top: 22%;
    font-size: 18px;
    font-family: 'Comfortaa';
    font-weight: 800;
}

p.medals {
    text-align: end;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Comfortaa';
    text-transform: uppercase;
    color: #785164;
}

#toMedalleroLink {
    background-color: #785164;
    color: #FFF;
    font-family: 'Poppins';
    padding: 6px 25px;
    border-radius: 17px;
}

p#txt_titulo_carbono_mx {
    text-align: end;
    margin-top: 6%;
    font-family: 'Comfortaa';
    color: #785164;
    font-size: 22px;
    font-weight: 600;
}