@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');

@import url('https://fonts.googleapis.com/css?family=Amaranth:400,400i,700');

body, html{

    margin: 0;

    padding: 0;

}

body{

    font-family: 'Amaranth', sans-serif;

    font-size: 14px;background: #ffffff;word-wrap: break-word;

}

b, strong{

    font-weight: 600;

}

@media(max-width: 576px){

    .wrapsection {

        padding-top: 90px;

    }

}

/*MENU MAIN*/



.eonav-cntfluid{

    transition: all ease 200ms;

}



.head-navfixed{

    position: fixed!important;

    z-index: 100;

    top: 0;

    width: 100%;

    background: #fff;

    transition: all ease 200ms;

    box-shadow: 1px 1px 5px 3px #0000001c;

} 







.sect_top{

	background: #001b3cd6;

    font-family: 'Montserrat', sans-serif;

    font-size: 13px;

}

.contenido-supremo{

	display: flex;

	align-items: center;

}

.contenido-izquierda{

	display: flex;

}

.contenido-derecha{

	flex-grow: 1;

}

.contenido-derecha ul{

    display: flex;

    padding:0;

    margin:0;

    list-style: none;

    justify-content: flex-end;

}

.contenido-derecha ul li a i{

	padding: 10px 14px;

    font-size: 20px;

    color: #d4d4d4;

}

.contenido-derecha ul li{

	position: relative;

    transition: all ease 500ms;

}



/*.contenido-derecha ul li:nth-child(1):hover{

	background: #42599e;

    transition: all ease 500ms;

}

.contenido-derecha ul li:nth-child(2):hover{

	background: #55acee;

    transition: all ease 500ms;

}

.contenido-derecha ul li:nth-child(3):hover{

	background: #cd201f;

    transition: all ease 500ms;

}

.contenido-derecha ul li:nth-child(4):hover{

	background: radial-gradient(circle farthest-corner at 35% 100%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 10% 140%,#feda7e,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e42e66 50%,#fa5332 70%,#ffdc80 100%);

    transition: all ease 500ms;

}*/

.frase span{

	font-weight: 600;

	font-size: 13px;

	color: white;

}

.contenido-izquierda div{

	margin-right: 1.4rem;

}

.contenido-izquierda div a span{

	margin-left: .6em;

}

.contenido-izquierda div a{

	color: #d4d4d4;

    text-decoration: none;

}

.logo{

    position: relative;

    z-index: 9;

}

.logo:before{

    background-color: #fff;

    content: "";

    position: absolute;

    bottom: 0;

    height: 100%;

    z-index: -1;

    right: -50px;

    width: 1000%;

    -webkit-transform: skew(30deg);

    -moz-transform: skew(30deg);

    -o-transform: skew(30deg);

    -ms-transform: skew(30deg);

    transform: skew(-33deg);

    box-shadow: 1px 1px 8px 1px #00000047;

}

.logo img{

    width: 100%;

    max-width: 232px;

    padding-top: 14px;

    padding-bottom: 10px;

    transition: all ease 200ms;

}



.head-navfixed .logo img{

  max-width: 147px;

  transition: all ease 200ms;

}







.menu{

   display: flex;

   /*padding: 14px 0;*/

}

.menin{

    width: 76%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: 'Montserrat', sans-serif;

}

.menin ul{

    display: inline-flex;

    list-style: none;

    margin: 0;

    padding: 0;

}

/*.menin ul li{

    padding: 15px 30px;

}*/

.menin ul li a{

    text-decoration: none;

    color: #005395;

    font-weight: 500;

    position: relative;

    z-index: 0;

    transition: all ease 200;

    padding: 15px 30px;

}

.menin ul li a:hover{

    cursor: pointer;

}

.menin ul li a:after{

    content:"";

    height:5px;

    background:var(--color-primary);

    width:0;

    position:absolute;

    bottom:0;

    right:-1px;

    height: 100%;

    transition:all .8s;

    -moz-transition:all .8s;

    -webkit-transition:all .8s;

    -ms-transition:all .8s;

    -o-transition:all .8s;
    
    border-top-left-radius: 50px;
    
    border-bottom-right-radius: 50px;

    z-index: -1;

}

.menin ul li:hover a{

    color: white;

    transition: all ease 200;

}

.menin ul li:hover a:after{

   right: auto;

   left: 0;

   width:100%;

   transform-origin:right;

   -moz-transform-origin:right;

   -webkit-transform-origin:right;

   -ms-transform-origin:right;

   -o-transform-origin:right;

   background: #003561;

}

.menin ul .active a:after{

   border-top-left-radius: 50px;

   border-bottom-right-radius: 50px;

   right: auto;

   left: 0;

   width:100%;

   transform-origin:right;

   -moz-transform-origin:right;

   -webkit-transform-origin:right;

   -ms-transform-origin:right;

   -o-transform-origin:right;

   background: #003561;
}
.menin ul .active a{
    color: white;
}

/*FOOTER*/

.pie_de_pagina{

    padding: 40px 0;

    background: #001b3cd6;

    text-align: center;

    border-bottom:2px solid white;

}

.pie_de_pagina .social_ps ul{

    list-style: none;

    display: inline-flex;

    margin: 0;

    padding: 0;

}

.pie_de_pagina .social_ps ul li{

   margin: 0 20px;

    border-radius: 50%;

    border: 2px solid white;

    width: 5rem;

    height: 5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}

.pie_de_pagina .social_ps ul li a{

    font-size: 25px;

    border-radius: 50%;

    padding: 80px;

    color: white;

    position: relative;

    z-index: 0;

    text-decoration: none;

    transition: height 0.9s;

}

.pie_de_pagina .social_ps ul li a:before{

    content: '';

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    height: 0;

    transition: height 0.9s;

    border-radius: 7px;

    z-index: -1;

}

.pie_de_pagina .social_ps ul li:nth-child(1) a:before{

    background-color:#42599e; 

}

.pie_de_pagina .social_ps ul li:nth-child(2) a:before{

    background-color:#55acee; 

}

.pie_de_pagina .social_ps ul li:nth-child(3) a:before{

    background-color: #cd201f; 

}

.pie_de_pagina .social_ps ul li:nth-child(4) a:before{

    background: radial-gradient(circle farthest-corner at 35% 100%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 10% 140%,#feda7e,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e42e66 50%,#fa5332 70%,#ffdc80 100%); 

}

.pie_de_pagina .social_ps ul li a:hover:before{

    height: 100%;

    transition: height 0.9s;

}

.pie_de_pagina2{

    padding: 40px 0;

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

    background-size: cover;

    text-align: center;

    position: relative;

    border-bottom: 2px solid white;

}

.pie_de_pagina2:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: black;

    opacity: 0.8;

}

.logo_footer img{

    max-width: 160px;

}

.links{

    font-family: 'Montserrat', sans-serif;

}

.links p{

    font-size: 26px;

    text-align: left;

    margin: 0;

    font-weight: 800;

    color: #aba9a9;

}

.links ul{

    text-align: left;

    list-style: none;

    padding-left: 52px;

}

.links ul a{

    color: white;

    text-decoration: none;

    transition: all ease 200ms;

}

.head_footer{

    display: flex;

    align-items: center;

}

.head_footer img{

    max-width: 35px;

    width: 100%;

    margin-top: -13px;

    margin-right: 14px;

}

.links ul a:hover{

    transition: all ease 200ms;

    color: white;

    padding: 2px 10px;

    background: #29405b;

    margin-left: 5px;

    border-radius: 50px;

}

.links ul a span{

    margin-left: .6em;

}

.pie_de_pagina3{

    padding: 10px 0px;

    background: #001b3cd6;

}

.corpiright p {

    color: #fff;

    font-family: 'Montserrat', sans-serif;

    margin:0;

}

.name_empresa {

    font-weight: 700;

}

.pie_de_pagina3 p{

    color: #fff;

    font-family: 'Montserrat', sans-serif;

    margin:0;

}



/*Responsive*/

/*menu*/

.boton_menu{

    display: none;

}

.mobile_header{

    display: none;

}

/*DE 3 RAYITAS A X*/

#menumovil .on{

    display: none;

}

#menumovil .on.active{

    display: block;

}

#menumovil .off{

    display: none;

}

#menumovil .off.active{

    display: block;

}

/**/

/*X CAMBIO*/

.mybar-ceallto .hmenu-burger {

    float: left;

    display: inline-block;

    margin-left: -15px;

    margin-right: 12px;

    width: 50px;

    border-right: 1px solid #000

}



.hmenu-movil .hmenu-burger>.bot-burgall {

    padding: 0;

    margin: 0 0 -7px;

    list-style: none;

    display: inline-block

}



.botburger {

    display: block;

    position: relative;

    overflow: hidden;

    margin: auto;

    padding: 0;

    width: 35px;

    height: 60px;

    font-size: 0;

    text-indent: -9999px;

    box-shadow: none;

    border-radius: 0;

    border: none;

    cursor: pointer;

    top: 0;

    background-color: transparent;

    outline: 0;

    -webkit-transition: height .5s;

    transition: height .5s

}



.hmenu-movil .hmenu-burger>.bot-burgall>.botburger {

    color: #fff;

    font-size: 18px;

    padding: 0;

    width: 35px

}



.botburger span {

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    height: 4px;

    background: #025599;

    transition: background 0s .3s, top .1s;

    top: 20px;

}



.botburger span::after,

.botburger span::before {

    position: absolute;

    display: block;

    left: 0;

    width: 100%;

    height: 4px;

    background-color: #29405b;

    content: "";

    transition-duration: .3s, .3s;

    transition-delay: .3s, 0s

}



.botburger span::before {

    top: 10px;

    transition-property: top, transform

}



.botburger span::after {

    bottom: -20px;

    transition-property: bottom, transform

}



.menu--open1 .botburger span {

    background: 0 0;

}



.menu--open1 .botburger span::before {

    top: 10px;

    transform: rotate(45deg)

}



.menu--open1 .botburger span::after {

    top: 10px;

    bottom: 0;

    transform: rotate(-45deg)

}



.menu--open1 .botburger span::after,

.menu--open1 .botburger span::before {

    transition-delay: 0s, .3s

}

/*END X CAMBIO*/

/*en menu*/









@media(max-width: 1199px){

   .menin ul li a{

       padding: 15px 20px;

   }

}

@media(max-width: 991px){

    .menin{

        display: none;

    }

    .boton_menu{

      display: block;

      width: 38%; 

    }

   .logo{

    width: 62%;

    text-align: center;

   }

   .hmenu-burger{

     height: 100%;

     display: flex;

     align-items: center;

     justify-content: center;

   }

   /*Responsive*/

.mobile_header {

    width: 100%;

    display: none;

    /*border-top: solid 1px #eee;*/

    margin-bottom: 10px;

    font-family: 'Montserrat', sans-serif;

}

.mobile_header ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.mobile_header ul li:nth-child(1){

    border-top: none;

}

.mobile_header ul li {

    display: block;

    padding: 10px 0px 10px 0px;

    border-bottom: none;

    border-top:1px solid #c4c4c4;

}

.mobile_header ul li a {

    text-decoration: none;

    color:#29405b;

    font-size: 19px;

    font-weight: 600;

}

.mobile_header ul li a::after {

    content: "\f107";

    float: right;

    font: normal normal normal 34px/1 FontAwesome;

}

/*End Responsive*/

}









@media(max-width: 767px){

  .sect_top{

    display: none;

  }

  .logo{

    width: 50%;

  }

  .boton_menu{

    width: 50%;

  }

}



@media (max-width: 600px){

    .list_products_dad>li>.productos_child:nth-child(1) {

        width: 100%;

    }

    .list_products_dad>li>.productos_child:nth-child(2) {

    width: 100%;

    padding: 30px 0;

    }

    .productos_child{

        background: #f4f4f4;

        border-bottom-left-radius: 20px!important;

    }

    .list_products_dad>li>.child {

    border-bottom-left-radius: 0!important;

    }

}

.facebook:hover{
    background: #3b5998;
}
.instagram:hover{
   background: radial-gradient(#FFDC80,#FCAF45,#F77737,#F56040,#FD1D1D,#E1306C,#C13584,#833AB4,#5851DB,#405DE6);
}
.twitter:hover{
    background: #1da1f2;
}
.youtube:hover{
    background: #f00;
}
.whatsapp:hover{
    background: #58e870;
}
.linkedin:hover{
    background: #0073b0;
}

@keyframes scale{
    from{
        transform: scale(1);
    }
    to{
        transform: scale(1.2);
    }
}


.btn_wsp {
    position: fixed;
    bottom: 70px;
    right: 30px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #10ce04;
    color: #fff;
    text-decoration: none;
    /* animation: 500ms scale infinite; */
    /* animation-direction: alternate-reverse; */
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    z-index: 20;
    transition: ease 500ms;
}

.btn_wsp:hover {
    color: #fff;
    background: #15fb06;
    text-decoration: none;
    animation: 500ms scale infinite;
    animation-direction: alternate-reverse;
    transition: ease 500ms;
}

.btn_tel {
    position: fixed;
    bottom: 5px;
    right: 28px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #c72b2b;
    color: #fff;
    text-decoration: none;
    /* animation: 500ms scale infinite; */
    /* animation-direction: alternate-reverse; */
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 20;
    transition: ease 500ms;
}

.btn_tel:hover {
    color: #fff;
    background: #ff0000;
    text-decoration: none;
    animation: 500ms scale infinite;
    animation-direction: alternate-reverse;
    transition: ease 500ms;
}