/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 21, 2020 */


/* 
    TIPOGRAFIA version inicial
@font-face {
    font-family: 'BellGothicBlack';
    src: url('../fonts/BellGothicStd-Black.eot');
    src: url('../fonts/BellGothicStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/BellGothicStd-Black.woff2') format('woff2'), url('../fonts/BellGothicStd-Black.woff') format('woff'), url('../fonts/BellGothicStd-Black.ttf') format('truetype'), url('../fonts/BellGothicStd-Black.svg#BellGothicBlack') format('svg');
    font-weight: 900 !important;
    font-style: normal;
}

@font-face {
    font-family: 'BellGothicLight';
    src: url('../fonts/BellGothicStd-Black.eot');
    src: url('../fonts/BellGothicStd-Light.eot') format('embedded-opentype'), url('../fonts/BellGothicStd-Light.woff2') format('woff2'), url('../fonts/BellGothicStd-Light.woff') format('woff'), url('../fonts/BellGothicStd-Light.ttf') format('truetype'), url('../fonts/BellGothicStd-Light.svg#BellGothicLight') format('svg');
    font-weight: 500 !important;
    font-style: normal;
} */

@font-face {
    font-family: "HelveticaNeueLTStd-Lt";
    src: url("../fonts/HelveticaNeueLTStd-Lt.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/HelveticaNeueLTStd-Lt.otf") format("opentype"), /* Open Type Font */
    url("../fonts/HelveticaNeueLTStd-Lt.svg") format("svg"), /* Legacy iOS */
    url("../fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/HelveticaNeueLTStd-Lt.woff") format("woff"), /* Modern Browsers */
    url("../fonts/HelveticaNeueLTStd-Lt.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    /* font-family: "BellGothicLight"; */
    font-family: "HelveticaNeueLTStd-Lt";
    font-weight: 500 !important;
    padding-top: 137px;
}


/* === GENERALES ====== */

img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0px auto;
}

a {
    text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

h1 {
    /* font-family: "BellGothicBlack"; */
    font-family: "HelveticaNeueLTStd-Lt";
    font-size: 50px;
    font-weight: 900 !important;
}

h2 {
    /* font-family: "BellGothicBlack"; */
    font-family: "HelveticaNeueLTStd-Lt";
    font-size: 40px;
    font-weight: 900 !important;
}

h3 {
    /* font-family: "BellGothicLight"; */
    font-family: "HelveticaNeueLTStd-Lt";
    font-weight: 500 !important;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
}

svg {
    max-width: 180px;
    height: auto;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
}

path {
    fill-opacity: 0;
    stroke: #000;
    stroke-width: 5;
    stroke-dasharray: 1800;
    stroke-dashoffset: 1800;
    animation: draw 10s linear infinite;
}

@keyframes draw {
    from {
        stroke-dashoffset: 1800;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.preloader-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background: #C4C6C0;
    z-index: 2000;
}

.percentage {
    z-index: 100;
    border: 1px solid #ffffff;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 15px;
}

.loader,
.percentage {
    height: 30px;
    max-width: 500px;
    border: 2px solid #ffffff;
    border-radius: 20px;
    font-weight: 400;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loader:after,
.percentage:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.trackbar {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    opacity: 0.99;
}

.loadbar {
    width: 0%;
    height: 100%;
    background: repeating-linear-gradient( 45deg, #174F8B, #174F8B 10px, #174F8B 10px, #174F8B 20px);
    /* Stripes Background Gradient */
    box-shadow: 0px 0px 14px 1px #174F8B;
    position: absolute;
    top: 0;
    left: 0;
    animation: flicker 5s infinite;
    overflow: hidden;
}

.glow {
    width: 0%;
    height: 0%;
    border-radius: 20px;
    position: absolute;
    bottom: -5px;
    animation: animation 5s infinite;
}

@keyframes animation {
    10% {
        opacity: 0.9;
    }
    30% {
        opacity: 0.86;
    }
    60% {
        opacity: 0.8;
    }
    80% {
        opacity: 0.75;
    }
}


/* ----- MENU ------ */

.navbar-nav {
    width: 100%;
    align-items: center;
    height: 137px;
}

.height-120 {
    height: 137px;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #799546;
}

.padding-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #000000;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 900 !important;
}

.banner-principal {
    background: url("../imgs/frase/banner-principal2.jpg");
    height: calc(100vh - 137px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.banner-principal h1 {
    font-size: 45px;
}

.banner-principal:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(44.53% 126.05% 89.92deg, rgba(69, 69, 69, 1) 17.95%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(89.92deg, rgba(69, 69, 69, 1) 17.95%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, 44.53% 126.05%, 44.7% 20.53%, color-stop(0.1795, rgba(69, 69, 69, 1)), color-stop(1, rgba(0, 0, 0, 1)));
    background: -o-linear-gradient(89.92deg, rgba(69, 69, 69, 1) 17.95%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(89.92deg, rgba(69, 69, 69, 1) 17.95%, rgba(0, 0, 0, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#000000' ,GradientType=0)";
    background: linear-gradient(0.08deg, rgba(69, 69, 69, 1) 17.95%, rgba(0, 0, 0, 1) 100%);
    opacity: .6;
    filter: alpha(opacity=60) progid: DXImageTransform.Microsoft.Alpha(opacity=80) progid: DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#000000', GradientType=1)
}

.navbar-toggler {
    float: right;
    margin-top: 10px;
}

.linea-gris {
    height: 1px;
    border-bottom: 1px solid rgb(109, 109, 109, 0.5);
    margin-top: 50px;
    width: 70%;
    display: block;
}

.frase {
    background: #799546;
    height: 270px;
    position: relative;
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
}

.margin-80 {
    margin: 80px auto;
}

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

.frase img {
    position: absolute;
    top: -110px;
    box-shadow: 10px 10px 20px #555;
}

.footer {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #000000;
}

.footer img {
    margin-left: 0;
    margin-right: 30px;
    width: 250px;
}

footer p {
    font-family: "HelveticaNeueLTStd-Lt";
    font-weight: 900;
}

footer span {
    font-family: "Helvetica";
}

footer a {
    font-size: 12px;
    color: #000000;
    font-family: "HelveticaNeueLTStd-Lt";
    font-weight: 400;
    transition: color 1s ease-out;
}

footer a:hover {
    color: #C4C6C0;
}

.direccion,
.telefonos {
    margin-right: 30px;
    margin-top: 10px;
}

.fondo-footer {
    background: #C4C6C0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ====== SERVICIOS ========= */

.servicios a {
    color: #000000;
}

.servicios-item {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 150px;
}

.servicios-item .escalar {
    height: 80px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.servicios-item img {
    object-fit: cover;
    transform: scale(1.0);
    transition: transform 0.5s ease;
    height: 61px;
}

.servicios-item:hover img {
    transform: scale(1.1);
}

.titulo {
    height: 450px;
}

.titulo h3 {
    margin-bottom: 15px;
    margin-top: -50px;
}

.servicios-item h4 {
    font-family: "Helvetica";
    font-weight: 700;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 35px;
    text-align: center;
}

.servicios-item p {
    font-size: 15px;
    height: 60px;
    margin-bottom: 20px;
}

.leer-mas {
    display: inline-block;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity 2s ease-out;
    border-bottom: 1px solid rgb(109, 109, 109, 0.5);
}

.servicios-item:hover .leer-mas {
    opacity: 1;
}


/* MENU ALTERNATIVO */

.nav-trigger {
    width: 30px;
    height: 30px;
    position: fixed;
    top: 50px;
    left: 50px;
    z-index: 20;
    cursor: pointer;
    -webkit-transition: top 0.1s ease-in-out;
    transition: top 0.1s ease-in-out;
    opacity: 0;
    display: none;
}

.nav-trigger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin: 7px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}

.icono-menu-vaca {
    background: url(../imgs/varios/vaca-menu-gris.png);
    width: 55px;
    height: 40px;
    background-position: center;
    background-size: cover;
    left: 33%;
    position: absolute;
}

.nav-trigger span:first-child {
    top: 0;
    left: 0;
}

.nav-trigger span:nth-child(2) {
    width: 20px;
    top: 10px;
    left: 0;
}

.nav-trigger span:last-child {
    top: 20px;
    left: 0;
}

.nav-trigger .on {
    top: 10px;
}

.nav-trigger.on span:first-child {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}

.nav-trigger.on span:nth-child(2) {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
}

.nav-trigger.on span:last-child {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

.nav-trigger-dark {
    width: 30px;
    height: 30px;
    position: fixed;
    top: 30px;
    left: 20px;
    z-index: 20;
    cursor: pointer;
    -webkit-transition: top 0.1s ease-in-out;
    transition: top 0.1s ease-in-out;
    opacity: 1;
}

.nav-trigger-dark span {
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    margin: 7px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.3);
}

.nav-trigger-dark span:first-child {
    top: 0;
    left: 0;
}

.nav-trigger-dark span:nth-child(2) {
    width: 20px;
    top: 10px;
    left: 0;
}

.nav-trigger-dark span:last-child {
    top: 20px;
    left: 0;
}

.nav-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 19;
    overflow: hidden !important;
    background: #C4C6C0;
    /* animation: fadeIn 1.5s ease-out; */
}

.nav-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
    text-align: center;
    overflow: hidden !important;
    -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
}

.nav-menu ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #C4C6C0;
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 25%;
    text-transform: uppercase;
    -webkit-animation: fadeInRight 0.5s ease forwards;
    animation: fadeInRight 0.5s ease forwards;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

.bgwhite {}

.menu-10 {
    width: 10% !important;
    width: 10% !important;
    height: 100%;
    background: red;
    top: 0;
    left: 0;
}

.menu-close {
    opacity: 0;
}


/* ====== QUIENES SOMOS ======*/

.portada {
    padding-left: 0px;
}

.banner-interna:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(209, 209, 209, 0.3);
}

.banner-interna {
    height: 500px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.banner-quienes-somos {
    background: url("../imgs/quienes-somos/quienes-somos.jpg");
}

.banner-servicios {
    background: url("../imgs/servicios/banner-servicios.jpg");
}

.banner-contacto {
    background: url("../imgs/contacto/banner-contacto.jpg");
}

.banner-compra-de-ganado {
    background: url("../imgs/servicios/compra-de-ganado-para-faena/banner-compra-de-ganado.jpg");
}

.banner-control-de-faena {
    background: url("../imgs/servicios/control-y-seguimiento-de-faena/banner-control-seguimiento-en-faena.jpg");
}

.banner-venta-de-ganado {
    background: url("../imgs/servicios/venta-de-ganado/venta-de-ganado.jpg");
}

.banner-venta-de-vaquillas {
    background: url("../imgs/servicios/venta-de-vaquillas/venta-de-vaquillas.jpg");
}

.banner-venta-de-reproductores {
    background: url("../imgs/servicios/venta-de-reproductores/banner-venta-reproductores.jpg");
}

.banner-transporte-de-ganado {
    background: url("../imgs/servicios/transporte-de-ganado/banner-transporte-de-ganado.jpg");
}

.banner-texto {
    text-align: right;
    font-size: 33px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-texto h1 {
    text-transform: uppercase;
}

.fondo-parallax {
    background: url("../imgs/varios/fondo-parallax.jpg");
    height: 550px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
}

.fondo-azul {
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 10px 10px 20px #555;
    color: #ffffff;
    background-size: 200% 200%;
    background-image: linear-gradient(to right, #2a5985 50%, #2E608E 0);
    background-position: right;
    transition: background-position 1s;
}

.titulo-negrita {
    font-family: Helvetica;
    font-weight: 700;
}

.fondo-azul:hover {
    background-position: left;
}

.border-left-dashed {
    border-right: 2px dashed rgb(109, 109, 109, 0.5);
}

.mision-vision h3 {
    font-size: 21px;
    text-align: left;
    text-transform: uppercase;
}

.mision-vision p {
    font-size: 21px;
}

.fondo-objetivos {
    color: #ffffff;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 200% 200%;
    background-image: linear-gradient(to right, #6a823d 50%, #799546 0);
    background-position: right;
    transition: background-position 1s;
}

.fondo-objetivos:hover {
    background-position: left;
}

.cuadro {
    margin-top: 50px;
    padding: 30px 70px;
    border: 1px solid rgb(109, 109, 109, 0.5);
}

.bg-light {
    background: #ffffff !important;
}

.banner-interna-servicio img {
    width: 100%;
    height: 550px;
    object-fit: cover;
}

.descripcion-servicio .col-lg-11 {
    border-right: 1px solid rgb(109, 109, 109, 0.5);
}

.descripcion-servicio h3 {
    color: #799546;
    text-transform: none;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 25px;
    text-align: left;
}

.descripcion-servicio p {
    font-size: 15px;
    color: #000000;
}

.descripcion-servicio .linea-gris {
    width: 97.8%;
}

.texto-detalle-servicio {
    padding-top: 30px;
    position: relative !important;
    height: 450px;
}

.btn-atras {
    font-size: 27px;
    color: #799546;
    border: 1px solid #AFAFAF;
    width: 120px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    box-shadow: 20px 15px 20px 0px #AFAFAF;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0px;
    background-size: 200% 200%;
    background-image: linear-gradient(to right, #6a823d 50%, #ffffff 0);
    background-position: right;
    transition: background-position 1s;
}

.btn-atras:hover {
    color: #ffffff;
    background-position: left;
}

#carousel-servicio .carousel-item img {
    width: 100%;
    height: 370px;
    object-fit: cover;
    padding-top: 50px;
}

#carousel-servicio-thumbs {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px;
}

#carousel-servicio-thumbs img {
    width: 100px;
    height: 70px;
    object-fit: cover;
}

.datos-contacto h3 {
    color: #000000;
    margin-top: 30px;
    padding: 0;
    font-size: 23px;
}

.datos-contacto a {
    font-size: 18px;
    color: #000000;
    margin-left: 30px;
}

#mapa {
    height: 400px;
    width: 85%;
    margin-top: 40px;
}

.btn-enviar {
    border: 1px solid #799546;
    color: #ffffff;
    width: 180px;
    height: 70px;
    line-height: 27px;
    position: relative;
    bottom: 0;
    background-size: 200% 200%;
    background-image: linear-gradient(to right, #6a823d 50%, #799546 0);
    background-position: right;
    transition: background-position 1s;
}

.btn-enviar:hover {
    background-position: left;
}

.formulario {
    padding: 50px 80px 50px 0;
    margin: 80px auto;
    display: block;
    box-shadow: 20px 15px 20px 0px #AFAFAF;
}

input[type=text],
input[type=email],
input[type=number],
textarea {
    margin-bottom: 30px;
    border: none !important;
    border-bottom: 1px solid rgba(209, 209, 209, 0.5) !important;
    border-radius: 0;
    font-size: 20px;
    color: #000000;
    padding-left: 0px !important;
}

textarea {
    max-width: 100%;
    min-height: 200px;
    max-height: 200px;
}

.form-control {
    color: #000000;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 20px;
    color: #000000;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000000;
}


/* Remove Arrows/Spinners Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Remove Arrows/Spinners Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.hidden-desktop,
.overlay {
    display: none;
}

.menu-hamburguer-mobile {
    display: none;
    color: #799546 !important;
    font-size: 40px;
    cursor: pointer;
    padding-left: 15px;
}

.height-100 {
    height: 100px !important;
}