@font-face {

    font-family: 'Barlow-Medium';

    src: url(../fonts/Barlow-Medium.eot) format('embedded-opentype'),

         url(../fonts/Barlow-Medium.woff) format('woff'),

         url(../fonts/Barlow-Medium.ttf)  format('truetype'),

         url(../fonts/Barlow-Medium.svg) format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Barlow-Black';

    src: url(../fonts/Barlow-Black.eot) format('embedded-opentype'),

         url(../fonts/Barlow-Black.woff) format('woff'),

         url(../fonts/Barlow-Black.ttf)  format('truetype'),

         url(../fonts/Barlow-Black.svg) format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Barlow-SemiBold';

    src: url(../fonts/Barlow-SemiBold.eot) format('embedded-opentype'),

         url(../fonts/Barlow-SemiBold.woff) format('woff'),

         url(../fonts/Barlow-SemiBold.ttf)  format('truetype'),

         url(../fonts/Barlow-SemiBold.svg) format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Barlow-Regular';

    src: url(../fonts/Barlow-Regular.eot) format('embedded-opentype'),

         url(../fonts/Barlow-Regular.woff) format('woff'),

         url(../fonts/Barlow-Regular.ttf)  format('truetype'),

         url(../fonts/Barlow-Regular.svg) format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'BebasNeuePro-Bold';

    src: url(../fonts/BebasNeuePro-Bold.eot) format('embedded-opentype'),

         url(../fonts/BebasNeuePro-Bold.woff) format('woff'),

         url(../fonts/BebasNeuePro-Bold.ttf)  format('truetype'),

         url(../fonts/BebasNeuePro-Bold.svg) format('svg');

    font-weight: normal;

    font-style: normal;

}

#preloader{

    position: fixed;

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    background-color: #202020;

    z-index: 2;

}

.fullpage-wrapper .fp-section {

    width: 100% !important;

    position: absolute;

    left: 0;

    top: 0;

    visibility: hidden;

    opacity: 0;

    z-index: 0;

    -webkit-transition: all 1.5s ease-in-out;

    transition: all 1s ease-in-out;

} 

.fullpage-wrapper .fp-section.active {

    -webkit-transition: all 1.5s ease-in-out;

    transition: all 1.5s ease-in-out;

    visibility: visible;

    opacity: 1;

    z-index: 1;

}

#home-web{

    background-color: #141B36;

}

/*CLASES GENERALES */

.logoBar {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 10px;
    width: 0;
    display: none;
}

.cv-ajiasa div#logoBar {
    display: none !important;
    color: transparent !important;
}

.fh5---banner---container {
    display: none;
}

/--------------/

img{

    max-width: 100% !important;

}

a{

    text-decoration: none !important;

}

p{

    font-family: Barlow-Regular;

    font-size: 14px;

}

h2{

    font-family: 'Barlow-Black';

    font-size: 60px;

    letter-spacing: 10px;

}

h3{

    font-family: 'Barlow-Black';

    font-size: 20px;

    text-align: center;

}

h4{

    font-family: 'Barlow-SemiBold';

    font-size:14px;

    color: #828282;

}

.tit-marcas{

    font-family: 'Barlow-SemiBold';

    font-size:20px !important;

    color: #fff !important;

    letter-spacing: 1px !important;

}

.cabezales{

    font-family: 'Barlow-Regular';

    font-size: 20px;

}

.titulo{

    font-family: Barlow-SemiBold;

    font-size: 30px;

    letter-spacing: 2px;

}

.subtitulo{

    font-family: Barlow-SemiBold;

    font-size: 30px;

    letter-spacing: 1px;

}

.tipografia_blanca{

    color: #fff !important;

}

.tipografia_rosa{

    color: #FF34A2 !important;

}

.tipografia_negro{

    color: #828282;

}

.tipografia_azul{

    color: #0335BC;

}

.conocemas{

    margin-top: 20px;

    background-color: #FF34A2 !important;

    color: #fff;

    font-family: 'Barlow-Regular' !important;

    padding: 2px 40px;

}

.conocemas:hover{

    color: #FF34A2 !important; 

}

.contactanosbtn{

    margin-top: 20px;

    background-color: #0335BC;

    border: none;

    color: #fff;

    font-family: 'Barlow-Regular';

    padding: 2px 40px;

    border-radius: 30px;

}

.btn-home {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    position: relative;

    background: #e1e1e1;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.btn-home:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #0335BC;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

.btn-home:hover, .btn-home:focus, .btn-home:active {

    color: white;

}

.btn-home:hover:before, .btn-home:focus:before, .btn-home:active:before {

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

/* REDES */

#redes{

    position: fixed;

    right: 20px;

    top: 200px;

    z-index: 1;

}

.iconoredes{

    margin-top: 30px;

}

.icoredes a{

    border: solid #E2007A 1px;

    padding: 8px 10px 8px 10px;

    transition: 1s;

    color: #E2007A;

    font-size: 20px;

}

.icoredes a:hover{

    background-color: #fff;

    border-radius: 0px;

    border: solid #fff 1px;

}

.icoredes:hover .iconoredes{

    color: #071036;

}

/* CIRCULOS */

.circulos{

    position: fixed;

    z-index: 2;

    bottom: 5px;

    margin-left: auto;

    margin-right: auto;

    right: 0px;

    left: 0px;

    display: inline-table;

}

.circulos .fa-circle-o{

    color: #E2007A !important;

}

/* MOUSE */

#mouse {

    position: fixed;

    width: 20px;

    height: 35px;

    border: 2px solid #fff;

    border-radius: 20px;

    background-color: transparent;

    z-index: 1;

    bottom: 10px;

    right: 0;

    left: 0;

    margin-left: auto;

    margin-right: auto;

}

.scrollmouse {

    width: 2px;

    height: 11px;

    border: 2px solid #fff;

    border-radius: 2px;

    right: 0;

    left: 0;

    margin-left: auto;

    margin-right: auto;

    z-index: 1;

    animation: move 3s ease infinite;

}

@keyframes move {

    30% {

        transform: translate(0px, 10px);

    }

}

@keyframes movebanner {

    0% {

      background-size: 120% 120%;

    }

    100% {

      background-size: 100% 100%;

    }

}

@keyframes movebanner2 {

    0% {

      background-size: 110% 110%;

    }

    100% {

      background-size: 100% 100%;

    }

}

@keyframes movebanner3 {

    0% {

      background-size: 90% 90%;

    }

    100% {

      background-size: 100% 100%;

    }

}

@keyframes move4 {

    30% {

        transform: translateX(10px);

    }

}

/* REGRESAR */

.regresar{

    position: fixed;

    bottom: 10px;

    right: 20px;

    background-color: #E2007A;

    writing-mode:tb-rl;

    transform: rotate(180deg);

    padding-top: 20px;

    animation-duration: 2s;

    transition-duration: 2s;

    border: 1px solid #E2007A;

    opacity: 0;

    z-index: 5;

}

.regresar2{

    opacity: 1;

}

.regresar:hover{

    background-color: transparent;

}

.regresar:hover p{

    color: #E2007A;

}

.regresar a, .regresar p{

    color: #E6E6E6;

    font-size:11px !important;

    letter-spacing: 2px;

}

.regresar i{

    padding-top: 5px;

    animation: move4 3s ease infinite;

}

/* HEADER */

header{

    position: fixed;

    z-index: 2;

    width: 100%;

}

.headerfondo{

    background-color: #071036 !important;

}

.headerfondo2{

    background-color: #fff !important;

}

.menuajiasa{

    margin-left: auto !important;

    text-align: center;

}

header .nav-item{

    padding: 0px 10px;

}

header a{

    font-family: Barlow-Medium !important;

    color: #fff !important;

    font-size: 14px !important;

}

.logotipo{

    width: 150px;

}

.menu-active{

    color:#E2007A !important;

}

.linea-bottom {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    position: relative;

    overflow: hidden;

}

.linea-bottom:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 51%;

    right: 51%;

    bottom: 0;

    background: #0335BC;

    height: 2px;

    -webkit-transition-property: left, right;

    transition-property: left, right;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

.linea-bottom:hover:before, .linea-bottom:focus:before, .linea-bottom:active:before {

    left: 0;

    right: 0;

}

/* HOME SLIDER */

#fondohome{

    background-image: url(../img/sliderhome1.jpg);

    background-size: cover;

    height: 100%;

    background-position: center right;

    background-repeat: no-repeat;

    background-size: cover;

    animation: movebanner 7s infinite alternate;

}

.bienvenidos{

    font-family: Barlow-Black;

    font-size: 3.5vw;

    letter-spacing: 6px;

}

.ajiasa{

    font-family: Barlow-Black;

    font-size: 8vw;

    letter-spacing: 20px;

}

#section1 .titulo{

    padding-top: 60px;

}

#fondohome .conocemas{

    padding: 13px 80px;

}

.barra{

    margin-top: 30px;

    margin-left: auto;

    margin-right: auto;

    left: 0px;

    right: 0px;

    background-color: #FF34A2 !important;

    border: none;

    color: #fff;

    font-family: 'Barlow-Regular';

    height: 15px;

    width: 150px;

    position: absolute;

}

/* HOME 20 aniversario slider */

#fondoaniversario{

    background-image: url(../img/fondo20aniversario.jpg);

    background-size: cover;

    height: 100%;

    background-position: center right;

    background-repeat: no-repeat;

    background-size: cover;

    animation: movebanner 7s infinite alternate;

}

#fondoaniversario img{

    position: relative;

}

#fondoaniversario h2{

    font-family: 'BebasNeuePro-Bold';

}

/* HOME MARCAS slider */

#fondomarcas{

    background-image: url(../img/fondomarcas.jpg);

    background-size: cover;

    height: 100%;

    background-position: center right;

    background-repeat: no-repeat;

    background-size: cover;

    animation: movebanner 7s infinite alternate;

}

#fondomarcas .row{

    padding: 20px 0px;

}

.corchetes{

    max-width: 2vw !important;

}

#fondomarcas .conocemas{

    margin-top: 0px !important;

}

/* HOME OUTLET slider */

#fondooutlet{

    background-image: url(../img/fondooutlet.jpg);

    background-size: cover;

    height: 100%;

    background-position: center right;

    background-repeat: no-repeat;

    background-size: cover;

    animation: movebanner 7s infinite alternate;

}

#fondooutlet .titulo{

    padding: 20px 0px;

}

/* NOSOTROS */

#nosotros{

    background-color: #071039;

}

.ajintegracioninfo{

    padding-top: 200px;

}

.ajintegracioninfo p{

    padding-top: 25px;

}

.mision{

    background-color: #0335BC;

    padding: 30px 30px;

    margin-top: 100px;

    margin-bottom: 40px;

}

.mision p{

    padding-top: 10px;

}

.integracion{

    background-image: url(../img/integracionautomatizada.jpg);

    background-position: center left;

    background-size: cover;

    background-repeat: no-repeat;

}

.mapa{

    padding-top: 20px;

}

.territorio{

    position: absolute;

    z-index: 2;

    right: 0px;

    left: 0px;

    margin-left: auto;

    margin-right: auto;

    bottom: 0px;

    top: 0px;

    margin-top: auto;

    margin-bottom: auto;

    background-color: transparent;

    padding: 50px 50px;

    opacity: 0;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

.territorio:hover{

    opacity: 1;

}

.lineainutil{

    position: absolute;

    left: 480px;

    margin-top: 50px;

}

.nuestro-territorio{

    background-color: #fff;

    padding: 12px 39px;

    margin-top: -12px;

    left: -304px;

    position: absolute;

}

/* FOOTER */

footer{

    margin-top: 70px;

}

.menu-inferior{

    background-color: #E6E6E6;

    padding-top: 50px;

    padding-bottom: 40px;

}

.menu-inferior li{

    list-style:none;

}

.menu-inferior a{

    font-family: 'Barlow-Regular';

    color: #828282;

    font-size: 11px;

}

.menu-inferior a:hover{

    color: #E2007A;

}

.menu-inferior p{

    font-family: 'Barlow-Regular';

    color: #828282;

    font-size: 11px;

    margin-bottom: 0rem;

}

.iconosfooter{

    color: #E2007A;

}

footer a{

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    position: relative;

    overflow: hidden;

}

footer a:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 0;

    right: 100%;

    bottom: 0;

    background: #2098D1;

    height: 1px;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

footer a:hover:before, footer a:focus:before, footer a:active:before {

    right: 0;

}

.firma{

    background-color: #E2007A;

    padding-top: 15px;

    padding-bottom: 1px;

}

.firma p{

    font-size: 12px;

    text-align: center;

}

.firma a{

    font-family: Barlow-Regular;

    font-size: 12px;

    color: #fff;

    vertical-align: bottom !important;

}

/* SERVICIOS */

#servicios footer{

    margin-top: 0px !important;

}

.circ_rosa{

    width: 285px;

    height: 285px;

    border: 8px solid #E2007A;

    border-radius: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #fff;

    cursor: pointer;

}

.content_serv{

    background-image: url(../img/fondoservicios.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    padding-top: 200px;

    padding-bottom: 100px

}

.content_serv .row{

    margin-top: -30px;

}

.modal-dialog{

    margin-top: 125px;

}

.close{

    position: absolute;

    right: 0px;

    z-index: 1;

    color: #FF34A2;

    text-shadow: none !important;

    opacity: 1 !important;

    transition-duration: 1s;

}

.close:hover{

    color: #E6E6E6;

}

.modal-content{

    width: 600px;

}

.modal-body p{

    padding: 0px 60px;

    font-size: 16px;

}

#equipocontrolautomatico .modal-body{

    background-image: url(../img/fondopopup.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0px;

}

#equipodeproceso .modal-body{

    background-image: url(../img/fondopopup.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0px;

}

#recipientessujetosapresion .modal-body{

    background-image: url(../img/fondopopup.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0px;

}

#ingenieriayproyectos .modal-body{

    background-image: url(../img/fondopopup.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0px;

}

#optimizacionprocesos .modal-body{

    background-image: url(../img/fondopopup.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0px;

}

#ahorroenergia .modal-body{

    background-image: url(../img/fondopopup.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0px;

}

#mantenimientopreventivo .modal-body{

    background-image: url(../img/fondopopup.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0px;

}

.ih-item.circle {

    position: relative;

    width: 275px;

    height: 275px;

    border-radius: 50%;

}

.ih-item.circle .info {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    border-radius: 50%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.ih-item.square .info {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.ih-item.circle.effect1 .spinner {

    width: 285px;

    height: 285px;

    border: 10px solid #E2007A;

    border-right-color: #EB61AC;

    border-bottom-color: #EB61AC;

    border-radius: 50%;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

.ih-item.circle.effect1 .img:before {

    display: none;

}

.ih-item.circle.effect1 .info {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #fff;

    cursor: pointer;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

.ih-item.circle.effect1 .info h5 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 20px;

    margin: 0 30px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

    transition-duration: 2s;

}

.ih-item.circle.effect1 .info h5:hover{

    transform: scale(1.1);

}

.ih-item.circle.effect1 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}

.ih-item.circle.effect1:hover .spinner{

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.ih-item.circle.effect1 a:hover p {

    opacity: 1;

}

/* VENTAS Y PRODUCTOS */

#ventas footer{

    margin-top: 0px !important;

}

.content_ventas{

    padding-top: 150px;

    background-image: url(../img/fondoservicios.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding-bottom: 50px;

}

.content_ventas .titulo{

    padding: 10px 0px;

}

.content_ventas .row{

    padding: 20px 0px;

}

.content_ventas .col-md-2{

    border: 1px solid #fff;

    height: 170px;

    margin-left: 15px;

    margin-right: 15px;

    padding-left: 0px !important;

    padding-right: 0px !important;

    transition-duration: 2s;

}

.content_ventas .col-md-2:hover{

    border: 1px solid #fff;

    background-color: #E2007A;

}

.content_ventas .col-md-2 img{

    transition-duration: 2s;

}

.content_ventas .col-md-2:hover img{

    transform: scale(1.1);

    transition-duration: 2s;

}

.content_ventas .col-md-2 img{

    position: absolute;

    top: 0px;

    bottom: 0px;

    margin-top: auto;

    margin-bottom: auto;

    left: 0px;

    right: 0px;

    margin-left: auto;

    margin-right: auto;

}

#banner-productos{

    background-image: url(../img/fondo-prodcutos.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 150px 0px 50px 0px;

}

#banner-productos .col-md-4 h2{

    padding: 20px;

}

.inventario-marcas{

    padding: 50px;

}

.inventario-marcas .row{

    padding: 50px;

}

figcaption{

    display: flex;

    align-items: center;

    display: grid;

}

figcaption h3{

    font-family: Barlow-Medium !important;

    color: #fff !important;

    font-size: 14px !important;

    position: absolute;

    bottom: 0px;

    top: 0px;

    display: contents;

}

/* CONTACTO */

#banner-contacto{

    background-image: url(../img/fondocontacto.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 200px 0px 100px 0px;

}

#banner-contacto p{

    padding-top: 20px;

}

#ubicacion{

    padding: 20px 0px;

}

#ubicacion h2{

    padding-top: 80px;

}

.mapaubi{

    width: 100%;

    height: 500px;

}

.interesa{

    font-family: 'Barlow-SemiBold';

    color: #828282;

    font-size: 30px;

    margin-bottom: 0rem;

}

.producto{

    font-family: 'Barlow-Regular';

    color: #828282;

    font-size: 20px;

    margin-bottom: 0rem;

}

.cuadro-envio{

    background-color: #0335BC;

    color: #fff;

    font-family: 'Barlow-Regular';

    font-size: 20px;

    padding: 10px 20px;

    margin-top: 40px;

    width: 70%;

}

#formulario-contacto{

    padding: 40px 0px;

}

input, textarea{

    width: 100%;

    border: 1px solid #828282;

}

.iconoscontacto{

    color: #E2007A;

    font-size: 20px !important;

}

#ubicacion .col-md-1{

    padding-right: 0px !important;

    padding-left: 0px !important;

}

/* STOCK */

#banner-outlet{

    background-image: url(../img/fondocontacto.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 200px 0px 100px 0px;

}

#productos-outlet{

    padding: 20px 0px;

}

#productos-outlet .nav-link{

    color: #071039;

    font-family: Barlow-Regular;

    font-size: 14px;

}

#productos-outlet #v-pills-tab p{

    font-family: 'Barlow-SemiBold';

    font-size: 15px;

    padding-top: 9px !important;

    padding-bottom: 10px !important;

    border-bottom: 1px solid #D2D2D2;

}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    background-color: #071036;

    color: #fff !important;

}

#v-pills-tab{

    border: 1px solid #D2D2D2;

}

.dta-prod-outlet h4{

    font-family: 'Barlow-Regular';

    color: #E2007A;

    font-size: 11px;

    text-align: left !important;



}

.dta-prod-outlet h3{

    font-family: 'Barlow-Regular';

    color: #202020;

    font-size: 15px;

    text-align: left !important;



}

.inventario-outlet{

    padding: 50px 0px;

}

.inventario-outlet h3{

    font-family: 'Barlow-Regular';

    color: #E2007A;

    font-size: 20px;

}

.inventario-outlet h2{

    font-family: 'Barlow-Regular';

    color: #202020;

    font-size: 30px;

    letter-spacing: normal !important;

}

.inventario-outlet nav a img{

    width: 70px;

}

.menumovilstock{

    width: 100% !important;

    background-color: #141B36;

}

.menumovilstock h2{

    font-family: 'Barlow-SemiBold';

    color: #fff;

    font-size: 12px;

}

.tab-pane .title-category {

    font-family: 'Barlow-SemiBold';

    color: #FF34A2;

    font-size: 20px;

}

/* CVS */

.videocvs{

    background-image: url(../img/video.jpg);

    background-position: center center;

    background-size: cover;

    padding: 100px 0px;

}

.videocvs .fa-play-circle-o{

    color: #fff;

    font-size: 80px;

    transition-duration: 1s;

}

.videocvs .fa-play-circle-o:hover{

    color: #E2007A;

    font-size: 80px;

    transform: scale(1.1);

}

.tam-video{

    max-width: 100%;

}



@media (max-width: 991.98px) {

    /* HEADER */

    header{

        background-color: #071036 !important

    }

    .navbar-toggler {

        background-color: #E2007A !important;

    }

    #logotipo{

        max-width: 150px !important;

    }

    /* HOME */

    .fullpage-wrapper .fp-section {

        width: 100% !important;

        position: relative;

        left: 0;

        top: 0;

        visibility: visible;

        opacity: 1;

        z-index: 0;

        -webkit-transition: none;

        transition: none;

    } 

    .fullpage-wrapper .fp-section.active {

        -webkit-transition: none;

        transition: none;

        visibility: visible;

        opacity: 1;

        z-index: 1;

    }

    #fondoaniversario {

        animation: none;

    }

    #fondomarcas {

        animation: none;

    }

    .corchetes{

        display: none;

    }

    #fondooutlet {

        animation: none;

    }

    /* NOSOTROS */

    .lineainutil{

        display: none;

    }

    .territorio{

        display: none;

    }

    .nuestro-territorio{

        position: relative;

        left: 0px !important;

    }

    /* SERVICIOS */

    .ih-item.circle {

        position: relative;

        width: 210px;

        height: 220px;

        border-radius: 50%;

    }

    .ih-item.circle.effect1 .spinner {

        width: 220px;

        height: 220px;

    }

    .ih-item.circle.effect1 .info h5 {

        font-size: 15px !important;

    }

}



@media (max-width: 767.98px) { 

    /* FOOTER */

    .menu-inferior img{

        display: none;

    }

    .footerserv{

        display: none;

    }

    /* INICIO */

    #fondomarcas .col-12{

        margin-top: 20px;

    }

    #fondoaniversario h2 {

        font-family: 'BebasNeuePro-Bold';

        font-size: 27px;

    }

    #fondoaniversario img {

        max-width: 65% !important;

        padding: 40px 0px;

    }

    h2 {

        font-size: 50px;

    }

    /* NOSOTROS */

    .nuestro-territorio{

        margin-top: 30px !important;

    }

    /* SERVICIOS */

    .ih-item.circle {

        position: relative;

        width: 275px;

        height: 275px;

        margin-left: auto;

        margin-right: auto;

    }

    .ih-item.circle.effect1 .spinner {

        width: 285px;

        height: 285px;

    }

    .content_serv .row {

        margin-top: 0px;

    }

    .modal-content {

        width: 100%;

    }

    /* VENTAS */

    .content_ventas .row {

        padding: 0px 0px;

    }

    .content_ventas .col-5{

        margin-top: 30px;

    }

    .inventario-marcas .row {

        padding: 0px;

    }

    .videocvs {

        margin-top: 30px;

    }

    /* STOCK */

    .dta-prod-outlet h4 {

        font-size: 13px;

    }

    .dta-prod-outlet h3 {

        font-size: 18px;

    }

    /* CONTACTO */

    .mapaubi {

        width: 100%;

        height: 300px;

        margin-top: 50px;

    }

    .cuadro-envio {

        margin-bottom: 40px;

    }

}



@media (min-width: 768px) {

    /* STOCK */

    .menumovilstock{

        display: none !important;

    }

}