body {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat';
	color: #606060;
	background: white; 
	font-size: 1em;
	line-height: 1.5em;
    max-width: 100%;
overflow-x: hidden;
}
#footer-mobile {
    display: none;
}

#footer-desktop {
    display: block;
}
#main-header {
    background: transparent;
    color: black;
    height: 80px;
    /*position: fixed;
    z-index: 3;
    top: 0;
    width: 100%;*/

    position: absolute;
    z-index: 10;
    width: 100%;
    
} 	

#main-header a {
	color: #606060;
}

/* Logo */
 #logo-header {
	float: left;
	/*padding: 15px 0 0 20px;*/
	text-decoration: none;
}

#navmenu_logo{
    padding: 10px 0 0 25px;
    display: inline-block;
    height: 70px;
    max-width: 100%;
    vertical-align: middle;
}
@media (max-width:500px) {
    #navmenu_logo{
        height: 60px;
    }
    #footer-mobile {
        display: block;
    }
    .tet{
        font-size: 10px;
    }

    #footer-desktop {
        display: none;
    }
}

#navbar_menu{
    padding: 20px 0 0 20px;
    float: right;
    vertical-align: middle;
}

#navmenu_menu{
    padding-right: 25px;
    display: inline-block;
    height: 20px;
    /*max-width: 100%;*/
    vertical-align: middle;
}

.titleMenu{
    color:#606060;
    font-size: 13px;
    text-decoration: none;
}

#navmenu_button{
    padding: 20px 0 0 25px;
    display: inline-block;
    height: 60px;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
    float:right;
}

#navmenu_button .btn-outline-primary{
    color: #ffffff;
    border-color: #ffffff; /*#003764*/
    font-size: 11.5px;
}

#navmenu_button .btn:hover{
    background-color: transparent;
}

/*.titleMenu a:hover {
    color:#606060 !important;
    font-size: 13px !important;
    font-weight: bold;
    text-decoration: none;
}*/

@media screen and (max-width: 768px){
    .titleMenu{
        color:#606060;
        font-size: 10px;
    }
}

/*VIDEO HOME*/

#videoHome {
    width: 100%;
    height: 600px;
    object-fit: cover;
    position:relative;
    z-index:0;
}

#imgVideo{
    width: 100%;
    height: 600px;
    object-fit: cover;
    position:relative;
    z-index:0;
}

.containerVideoMarcas{
    height: 600px;
    position:relative; 
    background-color: #f9f9f9;
}

@media screen and (min-width: 2701px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left: 27%;
        z-index:1;
        line-height: 2.5rem;
    }
    #topTextVideo {
        color: black;
        font-size: 72px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 41.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 2700px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left: 26%;
        z-index:1;
        line-height: 2.2rem;
    }
    #topTextVideo {
        color: black;
        font-size: 70px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 40.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 2500px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left: 26%;
        z-index:1;
        line-height: 2.2rem;
    }
    #topTextVideo {
        color: black;
        font-size: 68px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
}

@media screen and (max-width: 2300px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left: 21%;
        z-index:1;
        line-height: 2.0rem;
    }
    #topTextVideo {
        color: black;
        font-size: 65px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 39.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 2000px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left: 22%;
        z-index:1;
        line-height: 1.9rem;
    }
    #topTextVideo {
        color: black;
        font-size: 60px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 36.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 1649px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left:14%;
        z-index:1;
        line-height: 1.7rem;
    }
    #topTextVideo {
        color: black;
        font-size: 55px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 35.3%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 1590px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left:12%;
        z-index:1;
        line-height: 1.65rem;
    }
    #topTextVideo {
        color: black;
        font-size: 55px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 33.3%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 1439px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left:12%;
        z-index:1;
        line-height: 1.65rem;
    }
    #topTextVideo {
        color: black;
        font-size: 55px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
}

@media screen and (max-width: 1340px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left:10%;
        z-index:1;
        line-height: 1.65rem;
    }
    #topTextVideo {
        color: black;
        font-size: 55px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 31.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 1290px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left:8%;
        z-index:1;
        line-height: 1.65rem;
    }
    #topTextVideo {
        color: black;
        font-size: 55px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
}

@media screen and (max-width: 1200px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left:5%;
        z-index:1;
        line-height: 1.65rem;
    }
    #topTextVideo {
        color: black;
        font-size: 55px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 30.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 1149px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left:7%;
        z-index:1;
        line-height: 1.65rem;
    }
    #topTextVideo {
        color: black;
        font-size: 50px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 29.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 1100px){
    #overlayVideo {
        position:absolute;
        top:42%;
        left:6%;
        z-index:1;
        line-height: 1.65rem;
    }
    #topTextVideo {
        color: black;
        font-size: 45px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 28.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 1024px){
    #overlayVideo {
        position:absolute;
        top:31%;
        left:6%;
        z-index:1;
        line-height: 1.4rem;
    }
    #topTextVideo {
        color: black;
        font-size: 45px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 30%;
        left: 27.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 980px){
    #overlayVideo {
        position:absolute;
        top:31%;
        left:6%;
        z-index:1;
        line-height: 1.4rem;
    }
    #topTextVideo {
        color: black;
        font-size: 42px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 27%;
        left: 26.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 900px){
    #overlayVideo {
        position:absolute;
        top:31%;
        left:5%;
        z-index:1;
        line-height: 1.4rem;
    }
    #topTextVideo {
        color: black;
        font-size: 40px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 27%;
        left: 24.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 840px){
    #overlayVideo {
        position:absolute;
        top:31%;
        left:5%;
        z-index:1;
        line-height: 1.2rem;
    }
    #topTextVideo {
        color: black;
        font-size: 37px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 26%;
        left: 22.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 780px){
    #overlayVideo {
        position:absolute;
        top:31%;
        left:5%;
        z-index:1;
        line-height: 1.2rem;
    }
    #topTextVideo {
        color: black;
        font-size: 35px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 26%;
        left: 20.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 768px){
    #videoHome {
        width: 100%;
        height: 300px;
        object-fit: cover;
        position:relative;
        z-index:0;
    }
    #imgVideo{
        width: 100%;
        height: 300px;
        object-fit: cover;
        position:relative;
        z-index:0;
    }
    .containerVideoMarcas{
        height: 300px;
    }
    #overlayVideo {
        position:absolute;
        top:22%;
        left:9%;
        z-index:1;
        line-height: 1.1rem;
    }
    #topTextVideo {
        color: black;
        font-size: 32px;
        align-self: center;
        text-align:center;
    }
    #overlayVideoVeeam {
        position:absolute;
        top: 13%;
        left: 18.5%;
        z-index:1;
        line-height: 2.5rem;
        text-align: center;
    }
}

@media screen and (max-width: 767px){
    #overlayVideo {
        position:absolute;
        top:40%;
        left:7%;
        z-index:1;
        line-height: 2.2rem;
    }
    #topTextVideo {
        color: black;
        font-size: 32px;
        align-self: center;
        text-align:center;
        font-weight: 500;
    }
}

@media screen and (max-width: 425px){
    #overlayVideo {
        position:absolute;
        top:40%;
        left:3%;
        z-index:1;
        line-height: 1.5rem;
    }
    #topTextVideo {
        color: black;
        font-size: 25px;
        align-self: center;
        text-align:center;
    }
}

@media screen and (max-width: 375px){
    #overlayVideo {
        position:absolute;
        top:40%;
        left:3%;
        z-index:1;
        line-height: 1.4rem;
    }
    #topTextVideo {
        color: black;
        font-size: 20px;
        align-self: center;
        text-align:center;
    }
}

/**************/

/*Title verticales*/
#div-title-verticales {
    padding-left: 25px;
	background: white;
    height: 80px;
    vertical-align: middle;
}

#title-verticales {
    line-height: 80px;
    font-size: 30px;
    color: #606060;
    font-weight: lighter;
}

#title-verticales-span {
    line-height: 80px;
    font-size: 30px;
    color: #009D39;
    font-weight: lighter;
}

@media screen and (max-width: 768px){
    #title-verticales {
        line-height: 80px;
        font-size: 14px;
        color: #606060;
        font-weight: lighter;
    }
    #title-verticales-span {
        line-height: 80px;
        font-size: 14px;
        color: #009D39;
        font-weight: lighter;
    }
}
/**************/

/*carousel home*/
#carouselExampleIndicators.carousel .carousel-item {
    height: 100vh;
}
  
#carouselExampleIndicators.carousel .carousel-item img {
    position: absolute;
    object-fit:cover;
    top: 0;
    left: 0;    
    min-height: 210px;
    width: 75%;
}

.carousel .carousel-control-hidde { visibility: hidden; }
.carousel:hover .carousel-control-hidde { visibility: visible; }

@media screen and (max-width: 768px){
    #carouselExampleIndicators.carousel .carousel-item {
        height: 550px;
    }
    .description-sliders{
        color: white;
        font-size: 12px;
    }
}

/**************/

/*Title sliders*/

#div-close-verticales{
    padding-right: 25px;
	background: #003764;
    height: 40px;
    vertical-align: middle;
}

#close_icon-verticales{
    padding: 10px 0 0 10px;
    float: right;
    vertical-align: middle;
}

#icon_verticales{
    padding-right: 25px;
    display: inline-block;
    height: 20px;
    max-width: 100%;
    vertical-align: middle;
    cursor: pointer;
}

@media screen and (max-width: 768px){
    #icon_verticales{
        padding-right: 0px;
        display: inline-block;
        height: 20px;
        max-width: 100%;
        vertical-align: middle;
    }
}

.title-sliders{
    color: white;
}

.description-sliders{
    color: white;
    font-size: 20px;
}

.slider-image-item{
    width: 100%;
}

@media (max-width:1440px) {
    .paddingTop{
    padding-top: 0px;
    }
}

@media (min-width:1440px) {
    .paddingTop{
        padding-top: 22px;
    }
}

  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}

/*Menú*/
/****Inicio****/
.titulo-menu {
    color: #ffffff;
    text-align: center;    
    /*font-weight: 100;
    font-size: 26px; */
}

#navmenu_logo_blanco{
    padding: 16px 0 0 12px;
    display: inline-block;
    height: 70px;
    max-width: 100%;
    vertical-align: middle;
}

#navbar_menu_x{
    padding: 28px 0 0 10px;    
    display: inline-block;
    vertical-align: middle;
    float:right; 
}

@media (min-width:2561px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }    
    #terceracolumna {
        float:left;
        padding-top: 16%;
        padding-right: 10px;
    }

    #imagen-linkedin {
        width: 30px !important;
        padding-left: 10px;       
    }

    #imagen-youtube {
        width: 30px;
        padding-left: 10px; 
        padding-top: 5px;
    }
}

@media (max-width:2560px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }    
    #terceracolumna {
        float:left;
        padding-top: 22%;
        padding-right: 10px;
    }

    #imagen-linkedin {
        width: 30px !important;  
        padding-left: 10px;      
    }

    #imagen-youtube {
        width: 30px !important;
        padding-left: 10px; 
        padding-top: 5px;
    }
}

@media (max-width:1440px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }    
    #terceracolumna {
        float:left;
        padding-top: 30%;
        padding-right: 10px;
    }
    #imagen-linkedin {
        width: 30px !important;
        padding-left: 10px; 
    }
    #imagen-youtube {
        width: 30px !important;
        padding-left: 10px; 
        padding-top: 5px;
    }
}

@media (max-width:1024px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }    
    #terceracolumna {
        float:left;
        padding-top: 42%;
        padding-right: 10px;
    }
    #imagen-linkedin {
        width: 40px;
    }
    #imagen-youtube {
        width: 40px;
    }
}


@media (max-width:768px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }    
    #terceracolumna {
        float:left;
        padding-top: 55%;
        padding-right: 0px;
    }
    #imagen-linkedin {
        width: 40px;
    }
    #imagen-youtube {
        width: 40px;
    }

    #navmenu_button{
        padding: 20px 0 0 0px;
        display: inline-block;
        height: 60px;        
        vertical-align: middle;
        text-align: center;
        float:left;
    }
}

@media (max-width:575px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }    
    #terceracolumna {
        float:right;
        padding-top: 10%;
        padding-left: 43%;
    }
}

@media (max-width:500px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }    
    #terceracolumna {
        float:right;
        padding-top: 10%;
        padding-left: 39%;
    }
}

@media (max-width:425px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }    
    #terceracolumna {
        float:right;
        padding-top: 10%;
        padding-left: 39%;
    }
}

@media (max-width:375px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }    
    #terceracolumna {
        float:right;
        padding-top: 10%;
        padding-left: 35%;
    }
}

@media (max-width:320px) {
    #primeracolumna {
        float:left; 
        padding-left: 60px;
    }
    #segundacolumna {
        float:left; 
        padding-left: 60px;
    }
    #terceracolumna {
        float:right;
        padding-top: 10%;
        padding-left: 35%;
    }
}

.marca-menu a {
    text-decoration: none;
    line-height: 1.6em;  
    background-image: linear-gradient(#d29b83, #d29b83);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}

.marca-menu a:hover, .marca-menu a:focus {
    background-size: 100% 6px;
}
 
.negocio-menu{    
    color:#373736 !important;
    text-align: left;
    /*font-weight: lighter !important;*/
    font-size: 30px;
    cursor: pointer;
    text-decoration: none;
    /*
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;*/
}

.negocio-menu a:hover{    
    color:#009D39 !important; 
}
 
.marca-menu a{
    color: #373736 !important;
     text-align: left;
     font-weight: 100;
     font-size: 25px;
     text-decoration:none !important;
}
 
.marca-menu a:hover {
     color:#ffffff; 
     font-weight: 500;
     font-family: Montserrat;
}
 
.marca-ul ul { 
    list-style: none; 
    margin: 10;
    padding: 10; 
    padding-left: 45px;
}

.marca-ul ul li a { 
    padding:5px;
}
 
.accordion-header.collapsed{
    color:#373736 !important;
    font-weight: normal !important;
    font-family: Montserrat;
}

@media (min-width:1440px){
    .flexnav{
        -webkit-padding-start: 0px;
        -webkit-margin-before: 0px;
        -webkit-margin-after: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        width:100%;
        min-height: 100vh;
        position: fixed; /* <-- Added */
        z-index: 3; /* <-- Added */
        display: flex;
        opacity: 1;    
       }
}

@media (max-width:1440px){
    .flexnav{
        -webkit-padding-start: 0px;
        -webkit-margin-before: 0px;
        -webkit-margin-after: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        width:100%;
        min-height: 100vh;
        position: fixed; /* <-- Added */
        z-index: 3; /* <-- Added */
        display: flex;
        opacity: 1;    
       }
}   

@media (max-width:1024px){
    .flexnav{
        -webkit-padding-start: 0px;
        -webkit-margin-before: 0px;
        -webkit-margin-after: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        width:100%;
        min-height: 100vh;
        position: fixed; /* <-- Added */
        z-index: 3; /* <-- Added */
        display: flex;
        opacity: 1;    
       }
}  

@media (max-width:760px){
    .flexnav{
        -webkit-padding-start: 0px;
        -webkit-margin-before: 0px;
        -webkit-margin-after: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        width:100%;
        min-height: 100vh;
        position: fixed; /* <-- Added */
        z-index: 3; /* <-- Added */
        display: flex;
        opacity: 1;    
       }
}

@media (max-width:759px){
    .flexnav{
        -webkit-padding-start: 0px;
        -webkit-margin-before: 0px;
        -webkit-margin-after: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        width: 100%;
        position: absolute; /* <-- Added */
        z-index: 3; /* <-- Added */
        display: flex;
        opacity: 1;    
       }
}

@media (max-width:425px){
    .flexnav{
        -webkit-padding-start: 0px;
        -webkit-margin-before: 0px;
        -webkit-margin-after: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        width: 100%;
        position: absolute; /* <-- Added */
        z-index: 3; /* <-- Added */
        display: flex;
        opacity: 1;    
       }
}

@media (max-width:1024px) {
    .menuProperties{        
        top: 0px; 
        padding: 0px;
        min-height: 100vh;
        width: 100% !important;
        background-color: #000000;
        /*background-image: linear-gradient(rgba(0,138,227,1), rgba(0,1,191,1));*/
    }
}

@media (min-width:1024px) {
    .menuProperties{        
        top: 0px; 
        padding: 0px;
        min-height: 100vh;
        width: 100% !important;
        background-color: #000000;
        /*background-image: linear-gradient(rgba(0,138,227,1), rgba(0,1,191,1));*/
    }
}

@media (max-width:768px) {
    .menuProperties{
        top: 0px; 
        padding: 0px;
        width: 100% !important;
        background-color: #000000;
        /*background-image: linear-gradient(rgba(0,138,227,1), rgba(0,1,191,1));*/
    }
}

.container-header .menu{
    position: relative;
    width: 10px;
    height: 20px;
    cursor:pointer;
    top: 30px;
    float: right;
    padding-right: 80px;
}

.container-header .menu .line{
    position: absolute;
    width: 50px;
    height: 3px;
    background: #000000;
    border-radius: 2px;
    align-items: center;
    transition: all .3s;    
}

.container-header .menu .line1{
    top:0%;
}

.container-header .menu .line2{
    top:30%;    
}

.container-header .menu .line3{
    top:60%;    
}

.container-header .menu.close .line1{
    transform: rotate(45deg);
    background: #ffffff !important;
    top:30%;
}

.container-header .menu.close .line2{
    transform: rotate(45deg);
    background: #ffffff !important;
    top:30%;
}

.container-header .menu.close .line3{
    transform: rotate(-45deg);
    background: #ffffff !important;
    top:30%;
}

.flecha-menu-principal a{
    text-decoration: none;    
    cursor:pointer;
    background-image: linear-gradient(#607D8B, #607D8B);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s; 
}

.flecha-menu-principal a:hover, .marca-menu a:focus {
    background-size: 100% 6px;
}

.flecha-menu-img {    
    width:40px;
    padding-bottom: 10px;
    padding-left: 5px;
}

/****Fin Menú****/



/*Cuadros de verticales*/

img.img-fluid{
    padding: 20px;
}

.div-vertical-1{
    background-color: #2B2B2B;  
    color:white; 
    text-align:center; 
    font-size:20px;
}

.div-vertical-1 a, .div-vertical-2 a, .div-vertical-3 a, .div-vertical-6 a, .div-vertical-7 a, .div-vertical-8 a{
    color:white;
}

.div-vertical-4 a, .div-vertical-5 a{
    color:black;
}

.div-vertical-2{
    background-color: #009D39; 
    color:white; 
    text-align:center; 
    font-size:30px;
}

.div-vertical-3{
    background-color: #003764; 
    color:white; 
    text-align:center; 
    font-size:30px;
}

.div-vertical-4{
    background-color: #606060; 
    color:black; 
    text-align:center; 
    font-size:30px;
}

.div-vertical-5{
    background-color: #606060; 
    color:black; 
    text-align:center; 
    font-size:20px;
}

.div-vertical-6{
    background-color: #003764; 
    color:white; 
    text-align:center; 
    font-size:30px;
}

.div-vertical-7{
    background-color: #009D39; 
    color:white; 
    text-align:center; 
    font-size:30px;
}

.div-vertical-8{
    background-color: #2B2B2B; 
    color:white; 
    text-align:center; 
    font-size:30px;
}
/**************/

/*Carousel campañas*/

#carouselCampanas.carousel .carousel-item {
    height: 200px;
}

#carouselCampanas.carousel .carousel-item img {
    position: absolute;
    object-fit:cover;
    top: 0;
    left: 0;
    min-height: 100px;
}

#carouselCampanas.carousel .carousel-inner .item{
    height:200px;
    background-size:cover;
    background-position: center center;
    width: 100%;
}


/**Footer - inicio**/
#main-footer {
    background:black;
    color: white;
    height: 80px;   
}

#logo_footer{
    float:left;
    padding-left: 0px;  
    padding-top: 2%;    
    height: 70px;
}

#certificado_footer{
    float:left;
    padding-top: 2%;
    padding-left: 0px;
    height: 70px;
}

#intel_footer{ 
    float:left;
    padding-bottom: 0px;
    padding-left: 0px;    
    height: 50px;    
}

#linkedin_footer{
    float:right;
    padding-right: 0px;  
    padding-top: 4%;    
    height: 60px;
}

#youtube_footer{    
    float:right;
    padding-right: 0px;  
    padding-top: 4%;    
    height: 61px;
}

.textoderecha_footer{
    font-size: 15px;
    color:white;
    /*padding-left: 2%;*/
    padding-top: 3%;    
}

.avisoprivacidad{
    align-items: center; 
    flex-wrap: wrap;
}

.avisoprivacidad a{
    font-size: 15px;
    color:white !important;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    background-image: none;
}

.avisoprivacidad a:hover{
    font-size: 14px;
    color:white !important;
    font-weight: bold;    
    cursor: pointer;
    background-image: none;
}

@media (max-width:2560px) {    
    .div-footer-left{
        background-color: #606060;
        padding-left: 2%; 
        padding-top: 1%;
    }
}

@media (max-width:1440px) {    
    .div-footer-left{
        background-color: #606060;
        padding-left: 2%; 
        padding-top: 2.3%;
    }
}
@media (max-width:1024px) {    
    .div-footer-left{
        background-color: #606060;
        padding-left: 2%; 
        padding-top: 2%;
    }
}
@media (max-width:768px) {
    
}
@media (max-width:575px) {
    .div-footer-left{
        background-color: #606060;
        /*padding-left: 28% !important; 
        padding-top: 4%;*/
        padding: 2%;
        display: flex;
        justify-content: center;
    }
}
@media (max-width:375px) {
    /*.div-footer-left{
        background-color: #606060;
        padding-left: 25% !important; 
        padding-top: 4%;
    }*/
}
@media (max-width:320px) {
    .div-footer-left{
        background-color: #606060;
        /*padding-left: 20% !important; 
        padding-top: 4%;*/
    }
}

@media (max-width:2560px) {    
    .div-footer-center{
        background-color: #606060;
        padding-left:0%; 
        padding-top: 2%;
    }
    .footer-contactanos{
        width: 230px;
        line-height: 0%;
        font-size: 14px;
    }
    
}

@media (max-width:1440px) {    
    .div-footer-center{
        background-color: #606060;
        padding-left:0%; 
        padding-top: 3%;
    }
    .footer-contactanos{
        width: 230px;
        line-height: 0%;
        font-size: 14px;
    }

    .pipe{
        display:none;
    }
    .salto2{
        display: none;
    }    
}

@media (min-width:1024px) {    
    .div-footer-center{
        background-color: #606060;
        padding-left:0%; 
        padding-top: 2.9%;
    }
    .footer-contactanos{
        width:300px;
        line-height: 0%;
        font-size: 14px;
    }
    .pipe{
        display:none;
    }
    
}

@media (max-width:1023px) {
    .div-footer-left{
        background-color: #606060;
        padding-left: 2%; 
        padding-top: 2%;
    }
    .div-footer-center{
        background-color: #606060;
        padding-left: 0%; 
        padding-top: 2%;
    }
    .footer-contactanos{
        width: 240px;       
        line-height: 0%;
    }

    #logo_footer{
        float:left;
        padding-left: 0px;  
        padding-top: 2%;    
        height: 70px;
    }
    
    #certificado_footer{
        float:left;
        padding-top: 2%;
        padding-left: 0px;
        height: 70px;
    }
    
    #intel_footer{ 
        float:left;
        padding-bottom: 0px;
        padding-left: 0px;    
        margin-top: 25px;
        height: 36px;    
    }
    
    #linkedin_footer{
        float:right;
        padding-right: 0px;  
        margin-top: 6%;    
        height: 50px;
    }

    #youtube_footer {
        float: right;
        padding-right: 0px;
        margin-top: 6%;
        height: 50px;
    }

    img.img-fluid {
        padding: 10px;
    }   

}

@media (max-width:767px) {
    .div-footer-center{
        background-color: #606060;
        padding-left: 0%; 
        padding-top: 2%;
    }

    .footer-contactanos{
        width:300px;
        line-height: 0%;
    }

    #logo_footer{
        float:left;
        padding-left: 0px;  
        padding-top: 2%;    
        height: 55px;
    }
    
    #certificado_footer{
        float:left;
        padding-top: 2%;
        padding-left: 0px;
        height: 55px;
    }
    
    #intel_footer{ 
        float:left;
        padding-bottom: 0px;
        padding-left: 0px;    
        margin-top: 20px;
        height: 35px;    
    }
    
    #linkedin_footer{
        float:right;
        padding-right: 0px;  
        margin-top: 6%;    
        height: 40px;
    }

    #youtube_footer {
        float: right;
        padding-right: 0px;
        margin-top: 6%;    
        height: 40px;
    }    
    .salto2{
        display:block;
    }
    img.img-fluid {
        padding: 5px !important;
    }
}

@media (max-width:684px) {
    .div-footer-center{
        background-color: #606060;
        padding-left: 0%; 
        padding-top: 2%;
    }

    .footer-contactanos{
        width:250px;
        line-height: 0%;
    }

    #logo_footer{
        float:left;
        padding-left: 0px;  
        padding-top: 2%;    
        height: 50px;
    }
    
    #certificado_footer{
        float:left;
        padding-top: 2%;
        padding-left: 0px;
        height: 50px;
    }
    
    #intel_footer{ 
        float:left;
        padding-bottom: 0px;
        padding-left: 0px;    
        margin-top: 20px;
        height: 31px;    
    }
    
    #linkedin_footer{
        float:right;
        padding-right: 0px;  
        margin-top: 6%;    
        height: 35px;
    }

    #youtube_footer {
        float: right;
        padding-right: 0px;
        margin-top: 6%;
        height: 35px;
    }    
    .salto2{
        display:block;
    }
    img.img-fluid {
        padding: 5px !important;
    }
}

@media (max-width:618px) {
    .div-footer-center{
        background-color: #606060;
        padding-left: 0%; 
        padding-top: 2%;
    }

    .footer-contactanos{
        width:250px;
        line-height: 0%;
    }

    #logo_footer{
        float:left;
        padding-left: 0px;  
        margin-top: 10px;
        height: 45px;
    }
    
    #certificado_footer{
        float:left;
        margin-top: 10px;
        padding-left: 0px;
        height: 45px;
    }
    
    #intel_footer{ 
        float:left;
        padding-bottom: 0px;
        padding-left: 0px;    
        margin-top: 25px;
        height: 30px;    
    }
    
    #linkedin_footer{
        float:right;
        padding-right: 0px;  
        margin-top: 8%;    
        height: 35px;
    }

    #youtube_footer {
        float: right;
        padding-right: 0px;
        margin-top: 8%;    
        height: 35px;
    }    
    .salto2{
        display:block;
    }
    img.img-fluid {
        padding: 5px !important;
    }
}


/*max-width:575px*/
@media (max-width:575px) {
    /*.div-footer-left{
        background-color: #606060;
        padding-left: 22% !important; 
        padding-top: 2%;
    }*/

    .div-footer-center{
        background-color: #606060;
        padding-left: 2%; 
        padding-top: 2%;
    }
    .footer-contactanos{
        width:400px;
        line-height: 0%;
    }
    #logo_footer{
        float:left;
        padding-left: 0px;  
        padding-top: 2%;    
        height: 60px;
    }
    
    #certificado_footer{
        float:left;
        padding-top: 2%;
        padding-left: 0px;
        height: 60px;
    }
    
    #intel_footer{ 
        float:left;
        padding-bottom: 0px;
        padding-left: 0px;    
        margin-top: 35px;
        height: 35px;    
    }
    
    #linkedin_footer{
        float:right;
        padding-right: 0px;  
        margin-top: 6%;    
        height: 50px;
    }

    #youtube_footer {
        float: right;
        padding-right: 0px;
        margin-top: 6%;    
        height: 50px;
    }        

    .salto2{
        display: none;
    }
    
    img.img-fluid {
        padding: 5px !important;
    }
}

@media (max-width:425px) {
    .div-footer-left{
        background-color: #606060;
        /*padding-left: 90px !important; 
        padding-top: 2%;*/
    }
    .div-footer-center{
        background-color: #606060;
        padding-left: 2%; 
        padding-top: 1%;
    }
    .div-footer-right{
        background-color: #606060;
        /*padding-left: 90px !important; 
        padding-top: 4%;*/
    }
    .footer-contactanos{
        width:400px;
        line-height: 0%;
    }
    #logo_footer{
        float:left;
        padding-left: 0px;  
        padding-top: 2%;    
        height: 50px;
    }
    
    #certificado_footer{
        float:left;
        padding-top: 2%;
        padding-left: 0px;
        height: 50px;
    }
    
    #intel_footer{ 
        float:left;
        padding-bottom: 0px;
        padding-left: 0px;    
        margin-top: 30px;
        height: 30px;    
    }
    
    #linkedin_footer{
        float:right;
        padding-right: 0px;  
        margin-top: 8%;    
        height: 35px;
    }

    #youtube_footer {
        float: right;
        padding-right: 0px;
        margin-top: 8%;
        height: 35px;
    }    
    .salto{
        display:none;
    }
    .salto2{
        display:none;
    }
    img.img-fluid {
        padding: 6px !important;
    }
}


@media (max-width:375px) {
    .div-footer-left{
        background-color: #606060;
        /*padding-left: 15% !important; 
        padding-top: 4%;*/
    }
    .div-footer-center{
        background-color: #606060;
        padding-left: 5% !important; 
        padding-top: 1%;
    }
    .footer-contactanos{
        width:350px;
        line-height: 0%;
    }
    .salto{
        display: block;
    }
}

@media (max-width:323px) {
    .div-footer-center{
        background-color: #606060;
        /*padding-left: 0%; 
        padding-top: 4%;*/
    }
    .footer-contactanos{
        width:300px;
        line-height: 0%;
    }
    .avisoprivacidad a{
        font-size: 14px;
    }
    .pipe2{
        display: none;
    }
    .salto2{
        display: block;
    }
}

@media (max-width:2560px) {    
    .div-footer-right{
        background-color: #606060;
        padding-right: 2%; 
        padding-top: 35px;
    }
}

@media (max-width:1440px) {    
    .div-footer-right{
        background-color: #606060;
        padding-right: 2%; 
        padding-top: 3%;
    }
}
@media (max-width:1024px) {    
    .div-footer-right{
        background-color: #606060;
        padding-right: 2%; 
        padding-top: 3%;
    }
}
@media (max-width:768px) {
    .div-footer-right{
        background-color: #606060;
        padding-right: 2%; 
        padding-top: 3%;
    }
}
@media (max-width:575px) {
    .div-footer-right{
        background-color: #606060;
        /*padding-right: 40% !important;*/
        padding-top: 3%;
        padding-bottom: 7%;
        display: flex;
        justify-content: center;
    }
}
@media (max-width:375px) {
    .div-footer-right{
        background-color: #606060;
        /*padding-right: 38% !important; 
        padding-top: 3%;*/
    }
}
@media (max-width:320px) {
    .div-footer-right{
        background-color: #606060;
        /*padding-right: 34% !important; 
        padding-top: 3%;*/
    }
}
/**Footer - fin**/

/*Banner campañas*/

#bannerCampanas.carousel .carousel-item{
    height: auto;
}

#bannerCampanas.carousel .carousel-item {
    height: auto;
    background-size:cover !important;
    background-position:center !important;
}
/**************/

/*Owl Carousel marcas*/

.stretch-card>.card {
    width: 100%;
    min-width: 100%
}

.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width:991.98px) {
    .padding {
        padding: 1.5rem
    }
}

@media (max-width:767.98px) {
    .padding {
        padding: 1rem
    }
}

.padding {
    padding: 3rem
}

@media (min-width:768px) {
    .owl-carousel .item img {
        display: block;
        width: 70%;
        height: auto;
        margin: auto;
    }
    /*#anywhereImage:hover {
        content: url('../Assets/Images/Home/Marcas/automation-anywhere_C.png');
        display: block;
        width: 70%;
        height: auto;
        margin: auto;
    }
    #azureImage:hover {
        content: url('../Assets/Images/Home/Marcas/Azure\ BCO_C.png');
        display: block;
        width: 70%;
        height: auto;
        margin: auto;
    }
    #cybercImage:hover {
        content: url('../Assets/Images/Home/Marcas/cyber\ c_C.png');
        display: block;
        width: 70%;
        height: auto;
        margin: auto;
    }
    #hitachiImage:hover {
        content: url('../Assets/Images/Home/Marcas/Hitachi-05_C.png');
        display: block;
        width: 70%;
        height: auto;
        margin: auto;
    }
    #netappImage:hover {
        content: url('../Assets/Images/Home/Marcas/NetApp_BCO_C.png');
        display: block;
        width:70%;
        height: auto;
        margin: auto;
    }
    #nutanixImage:hover {
        content: url('../Assets/Images/Home/Marcas/nutanix_C.png');
        display: block;
        width:70%;
        height: auto;
        margin: auto;
    }
    #redhatImage:hover {
        content: url('../Assets/Images/Home/Marcas/Red\ Hat_C.png');
        display: block;
        width:70%;
        height: auto;
        margin: auto;
    }
    #servicenowImage:hover {
        content: url('../Assets/Images/Home/Marcas/ServiceNow_C.png');
        display: block;
        width:70%;
        height: auto;
        margin: auto;
    }*/
    .padding-top-image-marcas-varias{
        padding-top: 45px;
    }
    .padding-top-image-marcas-blancco{
        padding-top: 15px;
    }
    .padding-top-image-marcas-itachi{
        padding-top: 38px;
    }
}

@media (max-width:768px) {
    .owl-carousel .item img {
        display: block;
        width: 75%;
        height: auto;
        margin: auto;
    }
    /*#anywhereImage:hover {
        content: url('../Assets/Images/Home/Marcas/automation-anywhere_C.png');
        display: block;
        width: 75%;
        height: auto;
        margin: auto;
    }
    #azureImage:hover {
        content: url('../Assets/Images/Home/Marcas/Azure\ BCO_C.png');
        display: block;
        width: 75%;
        height: auto;
        margin: auto;
    }
    #cybercImage:hover {
        content: url('../Assets/Images/Home/Marcas/cyber\ c_C.png');
        display: block;
        width: 75%;
        height: auto;
        margin: auto;
    }
    #hitachiImage:hover {
        content: url('../Assets/Images/Home/Marcas/Hitachi-05_C.png');
        display: block;
        width: 75%;
        height: auto;
        margin: auto;
    }
    #netappImage:hover {
        content: url('../Assets/Images/Home/Marcas/NetApp_BCO_C.png');
        display: block;
        width:75%;
        height: auto;
        margin: auto;
    }
    #nutanixImage:hover {
        content: url('../Assets/Images/Home/Marcas/nutanix_C.png');
        display: block;
        width:75%;
        height: auto;
        margin: auto;
    }
    #redhatImage:hover {
        content: url('../Assets/Images/Home/Marcas/Red\ Hat_C.png');
        display: block;
        width:75%;
        height: auto;
        margin: auto;
    }
    #servicenowImage:hover {
        content: url('../Assets/Images/Home/Marcas/ServiceNow_C.png');
        display: block;
        width:75%;
        height: auto;
        margin: auto;
    }*/
    .padding-top-image-marcas-varias{
        padding-top: 45px;
    }
    .padding-top-image-marcas-blancco{
        padding-top: 15px;
    }
    .padding-top-image-marcas-itachi{
        padding-top: 38px;
    }
}

@media (max-width:425px) {
    .owl-carousel .item img {
        display: block;
        width: 90%;
        height: auto;
        margin: auto;
    }
    /*#anywhereImage:hover {
        content: url('../Assets/Images/Home/Marcas/automation-anywhere_C.png');
        display: block;
        width: 90%;
        height: auto;
        margin: auto;
    }
    #azureImage:hover {
        content: url('../Assets/Images/Home/Marcas/Azure\ BCO_C.png');
        display: block;
        width: 90%;
        height: auto;
        margin: auto;
    }
    #cybercImage:hover {
        content: url('../Assets/Images/Home/Marcas/cyber\ c_C.png');
        display: block;
        width: 90%;
        height: auto;
        margin: auto;
    }
    #hitachiImage:hover {
        content: url('../Assets/Images/Home/Marcas/Hitachi-05_C.png');
        display: block;
        width: 90%;
        height: auto;
        margin: auto;
    }
    #netappImage:hover {
        content: url('../Assets/Images/Home/Marcas/NetApp_BCO_C.png');
        display: block;
        width: 90%;
        height: auto;
        margin: auto;
    }
    #nutanixImage:hover {
        content: url('../Assets/Images/Home/Marcas/nutanix_C.png');
        display: block;
        width:90%;
        height: auto;
        margin: auto;
    }
    #redhatImage:hover {
        content: url('../Assets/Images/Home/Marcas/Red\ Hat_C.png');
        display: block;
        width:90%;
        height: auto;
        margin: auto;
    }
    #servicenowImage:hover {
        content: url('../Assets/Images/Home/Marcas/ServiceNow_C.png');
        display: block;
        width:90%;
        height: auto;
        margin: auto;
    }*/
    .padding-top-image-marcas-varias{
        padding-top: 45px;
    }
    .padding-top-image-marcas-blancco{
        padding-top: 15px;
    }
    .padding-top-image-marcas-itachi{
        padding-top: 38px;
    }
}

@media (max-width:375px) {
    .owl-carousel .item img {
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    /*#anywhereImage:hover {
        content: url('../Assets/Images/Home/Marcas/automation-anywhere_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #azureImage:hover {
        content: url('../Assets/Images/Home/Marcas/Azure\ BCO_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #cybercImage:hover {
        content: url('../Assets/Images/Home/Marcas/cyber\ c_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #hitachiImage:hover {
        content: url('../Assets/Images/Home/Marcas/Hitachi-05_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #netappImage:hover {
        content: url('../Assets/Images/Home/Marcas/NetApp_BCO_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #nutanixImage:hover {
        content: url('../Assets/Images/Home/Marcas/nutanix_C.png');
        display: block;
        width:80%;
        height: auto;
        margin: auto;
    }
    #redhatImage:hover {
        content: url('../Assets/Images/Home/Marcas/Red\ Hat_C.png');
        display: block;
        width:80%;
        height: auto;
        margin: auto;
    }
    #servicenowImage:hover {
        content: url('../Assets/Images/Home/Marcas/ServiceNow_C.png');
        display: block;
        width:80%;
        height: auto;
        margin: auto;
    }*/
    .padding-top-image-marcas-varias{
        padding-top: 45px;
    }
    .padding-top-image-marcas-blancco{
        padding-top: 15px;
    }
    .padding-top-image-marcas-itachi{
        padding-top: 38px;
    }
}

@media (max-width:320px) {
    .owl-carousel .item img {
        display: block;
        width: 80%; /*68%*/
        height: auto;
        /*float: left;*/
    }
    /*#anywhereImage:hover {
        content: url('../Assets/Images/Home/Marcas/automation-anywhere_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #azureImage:hover {
        content: url('../Assets/Images/Home/Marcas/Azure\ BCO_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #cybercImage:hover {
        content: url('../Assets/Images/Home/Marcas/cyber\ c_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #hitachiImage:hover {
        content: url('../Assets/Images/Home/Marcas/Hitachi-05_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #netappImage:hover {
        content: url('../Assets/Images/Home/Marcas/NetApp_BCO_C.png');
        display: block;
        width: 80%;
        height: auto;
        margin: auto;
    }
    #nutanixImage:hover {
        content: url('../Assets/Images/Home/Marcas/nutanix_C.png');
        display: block;
        width:80%;
        height: auto;
        margin: auto;
    }
    #redhatImage:hover {
        content: url('../Assets/Images/Home/Marcas/Red\ Hat_C.png');
        display: block;
        width:80%;
        height: auto;
        margin: auto;
    }
    #servicenowImage:hover {
        content: url('../Assets/Images/Home/Marcas/ServiceNow_C.png');
        display: block;
        width:80%;
        height: auto;
        margin: auto;
    }*/
    .padding-top-image-marcas-varias{
        padding-top: 30px;
    }
    .padding-top-image-marcas-blancco{
        padding-top: 11px;
    }
    .padding-top-image-marcas-itachi{
        padding-top: 30px;
    }
}

.padding-top-image-marcas-hpe{
    padding-top: 24px;
}

.padding-top-image-marcas-ivanti{
    padding-top: 10px;
}

.padding-top-image-marcas-anywhere{
    padding-top: 10px;
}

.padding-top-image-marcas-azure{
    padding-top: 16px;
}

.padding-top-image-marcas-cyberc{
    padding-top: 10px;
}

.padding-top-image-marcas-cye{
    padding-top: 11px;
}

.padding-top-image-marcas-intel{
    padding-top: 13px;
}

.padding-top-image-marcas-netApp{
    padding-top: 30px;
}

.padding-top-image-marcas-jamfqlik{
    padding-top: 32px;
}

.padding-top-image-marcas-nutanix{
    padding-top: 60px;
}

.padding-top-image-marcas-powerbi{
    padding-top: 18px;
}

.padding-top-image-marcas-redhat{
    padding-top: 42px;
}

.padding-top-image-marcas-servicenow{
    padding-top: 48px;
}

.padding-top-image-marcas-veeam{
    padding-top: 50px;
}

.owl-carousel .item {
    margin: 3px
}

.owl-carousel {
    margin-bottom: 15px
}

#page-content .container-fluid{
    padding-right: 0px;
    padding-left: 0px;
}

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

@media screen and (min-width:768px) {
    h2.card-title{
        font-size: 1.9rem;
        text-align: center;
        color: black;
        font-weight: 600;
        margin: 10px;
    }
    h2.card-title-2{
        font-size: 1.4rem;
        text-align: center;
        color: black;
        font-weight: 400;
        margin: 10px;
    }
}

@media screen and (max-width:768px) {
    h2.card-title{
        font-size: 1.5rem;
        text-align: center;
        color: black;
        font-weight: 600;
        margin: 10px;
    }
    h2.card-title-2{
        font-size: 1rem;
        text-align: center;
        color: black;
        font-weight: 400;
        margin: 10px;
    }
}

.background-image-marcas {
    /*background-image: url("../Assets/Images/Home/Marcas/background_marcas.png"); /* The image used */
    background-color: transparent; /* Used if the image is unavailable */
    height: auto; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    border:none;
  }

  .customNavigation{
    text-align: center;
  }

  /*use styles below to disable ugly selection*/
  .customNavigation a{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

#hpeImage{
    width:62%;
}

#ivantiImage{
    width:60%;
}

#appleImage{
    width:65%;
}

#anywhereImage{
    width:63%;
}

#azureImage{
    width:63%;
}

#cybercImage{
    width: 63%;
}

#hitachiImage{
    width: 65%;
}

#assacImage{
    width:40%;
}
#assacImage2{
    width:40%;
}
#assacImage3{
    width:40%;
}

#awsImage{
    width:40%;
}

#cyeImage{
    width:50%;
}

#dellImage{
    width:69%;
}

#hpImage{
    width:35%;
}

#intelImage{
    width:42%;
}

#jamfImage{
    width:60%;
}

#qlikImage{
    width: 60%;
}

#netappImage{
    width: 63%;
}

#nutanixImage{
    width: 65%;
}

#nauditImage{
    width:70%;
}

#powerbiImage{
    width:27%;
}

#redhatImage{
    width: 63%;
}

#servicenowImage{
    width: 67%;
}

#veeamImage{
    width:60%;
}

#arubaImage{
    width: 60%;
}

#blanccoImage{
    width: 60%;
}

#hpeeImage{
    width:60%;
}

#sslImage{
    width: 65%;
}

#vmwareImage{
    width: 60%;
}

#microfocusImage{
    width: 60%;
}

#arubaImage:hover {
    content: url('../Assets/Images/Home/Marcas/Aruba\ BCO_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}

#assacImage:hover {
    content: url('../Assets/Images/Home/Marcas/Assac_C.png');
    display: block;
    width: 40%;
    height: auto;
    margin: auto;
}
#assacImage2:hover {
    content: url('../Assets/Images/Home/Marcas/plannam2.png');
    display: block;
    width: 40%;
    height: auto;
    margin: auto;
}
#assacImage3:hover {
    content: url('../Assets/Images/Home/Marcas/common2.png');
    display: block;
    width: 40%;
    height: auto;
    margin: auto;
}

#awsImage:hover {
    content: url('../Assets/Images/Home/Marcas/AWS\ BCO_C.png');
    display: block;
    width: 40%;
    height: auto;
    margin: auto;
}

#blanccoImage:hover {
    content: url('../Assets/Images/Home/Marcas/Blancco_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}

#cyeImage:hover {
    content: url('../Assets/Images/Home/Marcas/CyE_C.png');
    display: block;
    width: 50%;
    height: auto;
    margin: auto;
}

#dellImage:hover {
    content: url('../Assets/Images/Home/Marcas/Dell-05_C.png');
    display: block;
    width:69%;
    height: auto;
    margin: auto;
}

#hpImage:hover {
    content: url('../Assets/Images/Home/Marcas/hp_BCO_C.png');
    display: block;
    width: 35%;
    height: auto;
    margin: auto;
}

#hpeeImage:hover {
    content: url('../Assets/Images/Home/Marcas/HPE_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}

#nauditImage:hover {
    content: url('../Assets/Images/Home/Marcas/Naudit\ BCO_C.png');
    display: block;
    width: 70%;
    height: auto;
    margin: auto;
}

#sslImage:hover {
    content: url('../Assets/Images/Home/Marcas/ssl-logo-black.png');
    display: block;
    width: 65%;
    height: auto;
    margin: auto;
}

#hpeImage:hover {
    content: url('../Assets/Images/Home/Marcas/hpe_BCO_C.png');
    display: block;
    width: 62%;
    height: auto;
    margin: auto;
}

#ivantiImage:hover {
    content: url('../Assets/Images/Home/Marcas/Ivanti_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}

#appleImage:hover {
    content: url('../Assets/Images/Home/Marcas/Apple_Authorized_Reseller.png');
    display: block;
    width: 65%;
    height: auto;
    margin: auto;
}

#anywhereImage:hover {
    content: url('../Assets/Images/Home/Marcas/automation-anywhere_C.png');
    display: block;
    width: 63%;
    height: auto;
    margin: auto;
}

#azureImage:hover {
    content: url('../Assets/Images/Home/Marcas/Azure\ BCO_C.png');
    display: block;
    width: 63%;
    height: auto;
    margin: auto;
}

#cybercImage:hover {
    content: url('../Assets/Images/Home/Marcas/cyber\ c_C.png');
    display: block;
    width: 63%;
    height: auto;
    margin: auto;
}

#hitachiImage:hover {
    content: url('../Assets/Images/Home/Marcas/Hitachi-05_C.png');
    display: block;
    width: 65%;
    height: auto;
    margin: auto;
}

#intelImage:hover {
    content: url('../Assets/Images/Home/Marcas/Intel_C.png');
    display: block;
    width:42%;
    height: auto;
    margin: auto;
}

#jamfImage:hover {
    content: url('../Assets/Images/Home/Marcas/jamf_C.png');
    display: block;
    width:60%;
    height: auto;
    margin: auto;
}

#qlikImage:hover {
    content: url('../Assets/Images/Home/Marcas/logo-qlik_bn_C.png');
    display: block;
    width:60%;
    height: auto;
    margin: auto;
}

#netappImage:hover {
    content: url('../Assets/Images/Home/Marcas/NetApp_BCO_C.png');
    display: block;
    width:63%;
    height: auto;
    margin: auto;
}

#nutanixImage:hover {
    content: url('../Assets/Images/Home/Marcas/nutanix_C.png');
    display: block;
    width:65%;
    height: auto;
    margin: auto;
}

#powerbiImage:hover {
    content: url('../Assets/Images/Home/Marcas/Power_bi_BCO_C.png');
    display: block;
    width:27%;
    height: auto;
    margin: auto;
}

#redhatImage:hover {
    content: url('../Assets/Images/Home/Marcas/Red\ Hat_C.png');
    display: block;
    width:63%;
    height: auto;
    margin: auto;
}

#servicenowImage:hover {
    content: url('../Assets/Images/Home/Marcas/ServiceNow_C.png');
    display: block;
    width:67%;
    height: auto;
    margin: auto;
}

#veeamImage:hover {
    content: url('../Assets/Images/Home/Marcas/Veeam-Logo_BCO_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}

#vmwareImage:hover {
    content: url('../Assets/Images/Home/Marcas/vmware\ BCO_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}

#microfocusImage:hover {
    content: url('../Assets/Images/Home/Marcas/microFocus_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}
#exagrid:hover {
    content: url('../Assets/Images/Home/Marcas/exagrid_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}
#check:hover {
    content: url('../Assets/Images/Home/Marcas/check_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}
#cybolt:hover {
    content: url('../Assets/Images/Home/Marcas/cybolt_C.png');
    display: block;
    width: 60%;
    height: auto;
    margin: auto;
}
#dell:hover {
    content: url('../Assets/Images/Home/Marcas/dell_C.png');
    display: block;
    width: 30%;
    height: auto;
    margin: auto;
}

/*#Library {
    display: block;
    width: 80%;
    height: auto
}
#Library:hover {
    content: url('/Assets/Images/Home/Marcas/\ Ivanti.png');
    display: block;
    width: 80%;
    height: auto;
}*/

/*.pulse {
    animation: pulse 3s infinite;
    margin: 0 auto;
    display: table;
    margin-top: 50px;
    animation-direction: alternate;
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }
      
  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
    }
  }
      
  @keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
}*/
  
/*.zoom:hover {
    transform: scale(1.1);
}*/

/*.image-marcas {
    width: 100%;
    height: 184px;
    overflow: hidden
}

.image-marcas img {
    width: 100%;
    height: 300;
    transition: all 2s ease-in-out
}

.image-marcas:hover img {
    transform: scale(2, 2);
    cursor: pointer
}*/

/****Sellcom, Contactanos y Premios****/
#titulo-sellcom{
    font-size: 33px;
    color:white;
    font-weight: normal !important;
    text-decoration: none;
    position: absolute;
    padding-top:20%;
    width:90%;
    height:100%;    
}

#titulo-contactanos{
    font-size: 33px;
    color: white;
    font-weight: normal !important;
    text-decoration: none;
    position: absolute;
    padding-top:30%;
    width:90%;
    height:0%;
}

#titulo-premios{
    font-size: 33px;
    color:white;
    font-weight: normal !important;
    text-decoration: none;
    position: absolute;
    padding-top:30%;
    width:90%;
    height:100%;
}

.descripcion-premios{
    font-size: 14pt;
    color:white;
    font-weight: normal !important;
    text-decoration: none;
}

.imagen-sellcom{
    background: url(../Assets/Images/Home/Parallax/SobreSellcom.png) no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100%;
   text-align: center;
}

.imagen-premios{
    background: url(../Assets/Images/Home/Parallax/Premios.png) no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100%;
   text-align: center;   
}

.imagen-contactanos{
    background: url(../Assets/Images/Home/Parallax/Contactanos.png) no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100%;
   text-align: center;
}

/**fin**/

/*Zoom Sellcom Images*/

/* Several different images */
.bg-sobreSellcom {background-image: url("../Assets/Images/Home/Zoom/SobreSellcom.jpg");}
.bg-Premios {background-image: url("../Assets/Images/Home/Zoom/Premios.jpg");}
.bg-Contactanos {background-image: url("../Assets/Images/Home/Zoom/Contactanos.jpg");}

/* Image zoom on hover + Overlay colour */
#sellcomZoom {
    margin-right: 0px;
    margin-left: 0px;
}

.parent-zoom {
    width: 100%;
    height: 330px;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
}

.child-zoom {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#sellcomZoom a {
    display: none;
    font-size: 28px;
    color: #ffffff !important;
    font-family: 'Montserrat';
    font-weight: bold;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    cursor: pointer;
    text-decoration: none;
}

.parent-zoom:hover .child-zoom, .parent-zoom:focus .child-zoom {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.parent-zoom:hover .child-zoom:before, .parent-zoom:focus .child-zoom:before {
    display: block;
}

.parent-zoom:hover a, .parent-zoom:focus a {
    display: block !important;
}

.child-zoom:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background-color: rgba(52,73,94,0.75);*/
    background-image: linear-gradient(rgba(0,1,191,0.35), rgba(0,138,227,0.55));
}

/* NEW HOME SLIDER*/

/*HOME new Slider instead of video*/
.overlaySliderHome {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
  }

#new:hover .overlaySliderHome {
    opacity: 1;
}

#new:hover > div > p{
    color: rgba(255, 255, 255, 1); 
   /* -webkit-text-stroke: 1.5px rgba(43, 43, 43, 0.2); /* width and color */
   /* rgb(0,157,57,0.2)*/
    
}

#new:hover .overlayHomeTitle #spanHomeColor {
    color: rgba(255, 255, 255, 1);
    -webkit-text-stroke:initial;
}

#carouselHome {
    width: 100%;
    height: 100vh;
    object-fit: fill;
    position:relative;
    z-index:0;
}

#carouselHome.carousel .carousel-item {
    height: 100vh;
}
  
#carouselHome.carousel .carousel-item img {
    /*position: absolute;
    object-fit:cover;
    top: 0;
    left: 0;
    min-height: 210px;
    width: 75%;*/

    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    object-fit:cover;
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 1024px){
    .captationClass{
        padding-top: 0px;
        padding-bottom: 60px;
    }
    .captationClass h1{
        font-size: 2.7rem;
    }
    #carouselHome p{
        font-size: 22px;
        /*-webkit-text-stroke: 1px rgba(43, 43, 43, 0.2);*/
    }
}

@media screen and (max-width: 1024px){
    .captationClass{
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .captationClass h1{
        font-size: 2.7rem;
    }
    #carouselHome p{
        font-size: 22px;
        /*-webkit-text-stroke: 1px rgba(43, 43, 43, 0.2);*/
    }
}

@media screen and (max-width: 768px){
    #carouselHome {
        width: 100%;
        height: 430px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    #carouselHome.carousel .carousel-item {
        height: 430px;
    }
    .captationClass{
        padding-top: 20px;
        padding-bottom: 12px;
    }
    .captationClass h1{
        font-size: 2.3rem;
    }
    #carouselHome p{
        font-size: 17px;
        /*-webkit-text-stroke: 1px rgba(43, 43, 43, 0.2);*/
    }
}

@media screen and (max-width: 425px){
    #carouselHome {
        width: 100%;
        height: 240px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    #carouselHome.carousel .carousel-item {
        height: 240px;
    }
    .captationClass{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .captationClass h1{
        font-size: 2.5rem;
    }
    #carouselHome p{
        font-size: 19px;
        /*-webkit-text-stroke: 1px rgba(43, 43, 43, 0.2);*/
    }
}

@media screen and (max-width: 375px){
    #carouselHome {
        width: 100%;
        height: 210px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    #carouselHome.carousel .carousel-item {
        height: 210px;
    }
    .captationClass{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .captationClass h1{
        font-size: 2.5rem;
    }
    #carouselHome p{
        font-size: 19px;
        /*-webkit-text-stroke: 1px rgba(43, 43, 43, 0.2);*/
    }
}

.top-carousel{
    top: 0;
    position: absolute;
}

/*.h1-networking-home{
    -webkit-text-stroke: 1px rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1) !important;
}

.p-networking-home{
    color: rgba(0, 0, 0, 1) !important;
}

.h1-end-user-home{
    -webkit-text-stroke: 1px rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1) !important;
}

.p-end-user-home{
    color: rgba(0, 0, 0, 1) !important;
}

.h1-monitoring-home{
    -webkit-text-stroke: 1px rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1) !important;
}

.p-monitoring-home{
    color: rgba(0, 0, 0, 1) !important;
}*/

.supClass{
    font-size: 68%;
    font-family: 'sans-serif';
    margin-left: 5px;
    font-style: normal;
}

/**** Inicio - Carrusel Vertical de Negocios ****/
/**** Horizontal ****/
@media screen and (max-width: 1440px) {
    .about-card-wrapper {
        position: absolute;
        left: 0;
        top: 20%;
        right: auto;
        bottom: 0;
        width: 70%; 
    }
    
    .about-card-wrapper.about-card-1 {
        left: 40%;
        top: 5%;
        right: auto;
        bottom: auto;
    }
    
    .about-card-wrapper.about-card-2 {
        left: 30%;
        top: 25%;
        right: 0%;
        bottom: auto;
    }
    
    .about-card-wrapper.about-card-3 {
        left: 50%;
        top: 15%;
        right: 0;
        bottom: auto;
    }
    
    .ratio-120 {
        position: relative;
        width: 100%;
        padding-top: 120%;    
    }
}

@media screen and (max-width: 1024px) {
    .about-card-wrapper {
        position: absolute;
        left: 0;
        top: auto;
        right: auto;
        bottom: 0;
        width: 75%; 
    }
    
    .about-card-wrapper.about-card-1 {
        left: 40%;
        top: 40px;
        right: auto;
        bottom: auto;
        height: 50px;
    }
    
    .about-card-wrapper.about-card-2 {
        left: auto;
        top: 120px;
        right: 0%;
        bottom: auto;
        height: 50px;
    }
    
    .about-card-wrapper.about-card-3 {
        left: 60%;
        top: 80px;
        right: 0;
        bottom: auto;
        height: 50px;
    }
    
    .ratio-120 {
        position: relative;
        width: 100%;
        padding-top: 120%;    
    }
    
    .image-item {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 768px) {
    .about-card-wrapper {
        position: absolute;
        left: 0;
        top: auto;
        right: auto;
        bottom: 0;
        width: 75%; 
    }
    
    .about-card-wrapper.about-card-1 {
        left: 40%;
        top: 40px;
        right: auto;
        bottom: auto;
        height: 50px;
    }
    
    .about-card-wrapper.about-card-2 {
        left: auto;
        top: 120px;
        right: 0%;
        bottom: auto;
        height: 50px;
    }
    
    .about-card-wrapper.about-card-3 {
        left: 60%;
        top: 80px;
        right: 0;
        bottom: auto;
        height: 50px;
    }
    
    .ratio-120 {
        position: relative;
        width: 100%;
        padding-top: 120%;    
    }
    
    .image-item {
        width: 100%;
        height: 100%;
    }
}

/**** Fin - Carrusel Vertical de Negocios ****/


/**** Inicio Carrusel Vertical****/
/*carousel home*/
@media screen and (max-width: 425px) {
    #carouselExampleIndicatorsVertical.carousel .carousel-item {
        height: 600px;
    }
      
    #carouselExampleIndicatorsVertical.carousel .carousel-item img {
        position: absolute;
        object-fit:cover;
        top: 0;
        left: 0;
        min-height: 110px;
        width: 80%;
    }
    
    .slider-image-item-vertical{
        width: 40%;
    }
}

@media screen and (max-width: 375px) {
    #carouselExampleIndicatorsVertical.carousel .carousel-item {
        height: 650px;
    }
      
    #carouselExampleIndicatorsVertical.carousel .carousel-item img {
        position: absolute;
        object-fit:cover;
        top: 0;
        left: 0;
        min-height: 110px;
        width: 100%;
    }
    
    .slider-image-item-vertical{
        width: 40%;
    }
}

@media screen and (max-width: 320px) {
    #carouselExampleIndicatorsVertical.carousel .carousel-item {
        height: 700px;
    }
      
    #carouselExampleIndicatorsVertical.carousel .carousel-item img {
        position: absolute;
        object-fit:cover;
        top: 0;
        left: 0;
        min-height: 110px;
        width: 110%;
    }
    
    .slider-image-item-vertical{
        width: 40%;
    }
}

/**** Vertical ****/
@media screen and (max-width: 425px) {
    .about-card-wrapper-vertical {
        position: absolute;
        left: 0;
        top: auto;
        right: auto;
        bottom: 0;
        width: 50%;        
    }
    
    .about-card-wrapper-vertical.about-card-1-vertical {
        left: 40%;
        top: 0%;
        right: auto;
        bottom: auto; 
    }
    
    .about-card-wrapper-vertical.about-card-2-vertical {
        left: 46%;
        top: 20%;
        right: 0%;
        bottom: auto; 
    }
    
    .about-card-wrapper-vertical.about-card-3-vertical {
        left: 32%;
        top: 30%;
        right: 0;
        bottom: auto; 
    }
    
    .ratio-120-vertical {
        position: relative;
        width: 50%;
        height: 50%;
    }
}

@media screen and (max-width: 375px) {
    .about-card-wrapper-vertical {
        position: absolute;
        left: 0;
        top: auto;
        right: auto;
        bottom: 0;
        width: 50%; 
    }
    
    .about-card-wrapper-vertical.about-card-1-vertical {
        left: 35%;
        top: 0%;
        right: auto;
        bottom: auto;
    }
    
    .about-card-wrapper-vertical.about-card-2-vertical {
        left: 46%;
        top: 10%;
        right: 0%;
        bottom: auto;
    }
    
    .about-card-wrapper-vertical.about-card-3-vertical {
        left: 25%;
        top: 20%;
        right: 0;
        bottom: auto;
    }
    
    .ratio-120-vertical {
        position: relative;
        width: 50%;
        height: 50%;
    }
}

@media screen and (max-width: 320px) {
    .about-card-wrapper-vertical {
        position: absolute;
        left: 0;
        top: auto;
        right: auto;
        bottom: 0;
        width: 50%; 
    }
    
    .about-card-wrapper-vertical.about-card-1-vertical {
        left: 35%;
        top: 0%;
        right: auto;
        bottom: auto;
    }
    
    .about-card-wrapper-vertical.about-card-2-vertical {
        left: 46%;
        top: 10%;
        right: 0%;
        bottom: auto;
    }
    
    .about-card-wrapper-vertical.about-card-3-vertical {
        left: 25%;
        top: 20%;
        right: 0;
        bottom: auto;
    }
    
    .ratio-120-vertical {
        position: relative;
        width: 50%;
        height: 50%;
    }
}

#Indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color:lightgrey;
    background-clip: padding-box;
    border-top: 4px transparent;
    border-bottom: 4px transparent;
    opacity: 0.1;
    transition: opacity .6s ease;
}

#Indicators .active {
    opacity: .4;
}

@media screen and (max-width:1440px) {
    .paddingTopCarouselHorizontal{
        padding-top: 10%;
    }
}

@media screen and (max-width:1024px) {
    .paddingTopCarouselHorizontal{
        padding-top: 10%;
    }
}

@media screen and (max-width:768px) {
    .paddingTopCarouselHorizontal{
        padding-top: 5%;
    }
}

@media screen and (max-width:425px) {
    .paddingTopCarouselVertical{
        padding-top: 0%;
    }
}

.title-sliders-vertical{
    color: white;
    font-size: 60px;
}

/**** Fin Carrusel Vertical****/

/******* Inicio CARDS*******/
#cards {
    border:0px !important;
    width: 80%; 
    max-width: 1560px; 
    margin-right: auto; 
    margin-left: auto;
}

.w__3-col-grid {
    display: -ms-grid;
    display: grid;
    margin-top: 120px;
    grid-auto-columns: 1fr;
    grid-column-gap: 100px;
    grid-row-gap: 48px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.w-layout-grid {
    display: -ms-grid;
    /*display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;*/
}

.titulo-cards {
    font-size: 1.875em;
    font-weight: 700;
    color: #000000;
    line-height: 1.6em;
    letter-spacing: -.16px;  
    text-decoration:none; 
    background-image: none;  
}

.titulo-cards a{
    color: #000000;
    text-decoration:none; 
    background-image: none;  
}

.titulo-cards a:hover{
    color: #000000;
    text-decoration:none; 
    background-image: none;  
}

.descripcion-cards {
    font-size: 1.175em;
    color: #000000;
    text-align: left;
    line-height: 1.5em;
    letter-spacing: -.16px;
}

@media screen and (max-width:2560px) {
    #cards {
        width: 85%; 
        max-width: 2560px; 
        margin-right: 0px; 
        margin-left: 0px;
        padding-left: 10%;
    }

    .imagen-cards {
        border-radius: 2%; 
        box-shadow: 0 0 80px 0 rgba(0,0,0,.2);
        width: 120%;
    }

    .w__3-col-grid {
        display: -ms-grid;
        display: grid;
        margin-top: 120px;
        grid-auto-columns: 1fr;
        grid-column-gap: 220px;
        grid-row-gap: 48px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
}

@media screen and (max-width:1440px) {
    #cards {
        width: 90%; 
        max-width: 1440px; 
        margin-right: 0px; 
        margin-left: 0px;
        padding-left: 10%;
    }

    .imagen-cards {
        border-radius: 2%; 
        box-shadow: 0 0 80px 0 rgba(0,0,0,.2);
        width: 120%;
    }

    .w__3-col-grid {
        display: -ms-grid;
        display: grid;
        margin-top: 120px;
        grid-auto-columns: 1fr;
        grid-column-gap: 100px;
        grid-row-gap: 48px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
}

@media screen and (max-width:1024px) {
    #cards {
        width: 90%; 
        max-width: 1024px; 
        margin-right: 0px; 
        margin-left: 0px;
        padding-left: 10%;
    }

    .imagen-cards {
        border-radius: 2%; 
        box-shadow: 0 0 80px 0 rgba(0,0,0,.2);
        width: 120%;
    }

    .w__3-col-grid {
        display: -ms-grid;
        display: grid;
        margin-top: 120px;
        grid-auto-columns: 1fr;
        grid-column-gap: 100px;
        grid-row-gap: 48px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
}

@media screen and (max-width:991px) {
    #cards-vertical {
        width: 80%; 
        max-width: 991px; 
        margin-right: 10%; 
        padding-left: 28%;
    }

    .imagen-cards {
        border-radius: 2%; 
        box-shadow: 0 0 80px 0 rgba(0,0,0,.2);
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #cards-vertical {
        width: 80%; 
        max-width: 768px; 
        margin-right: 10%; 
        padding-left: 20%;
    }

    .imagen-cards {
        border-radius: 2%; 
        box-shadow: 0 0 80px 0 rgba(0,0,0,.2);
        width: 100%;
    }
}

@media screen and (max-width:425px) {
    #cards-vertical {
        width: 80%; 
        max-width: 425px; 
        padding-right: 10%; 
        padding-left: 10%;
    }

    .imagen-cards {
        border-radius: 2%; 
        box-shadow: 0 0 80px 0 rgba(0,0,0,.2);
        width: 100%;
    }
}

@media screen and (max-width:375px) {
    #cards-vertical {
        width: 80%; 
        max-width: 375px; 
        padding-right: 10%; 
        padding-left: 10%;
    }

    .imagen-cards {
        border-radius: 2%; 
        box-shadow: 0 0 80px 0 rgba(0,0,0,.2);
        width: 100%;
    }
}

@media screen and (max-width:320px) {
    #cards-vertical {
        width: 80%; 
        max-width: 320px; 
        padding-right: 10%; 
        padding-left: 10%;
    }

    .imagen-cards {
        border-radius: 2%; 
        box-shadow: 0 0 80px 0 rgba(0,0,0,.2);
        width: 100%;
    }
}

/******* Fin Cards*******/


/******* NEW SOCIOS LIST *******/

.div-socios{
    margin-top: 30px;
    margin-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
}

.lista-socios {
    display:-webkit-box; 
    display: -ms-flexbox;
    /*display: flex;*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/

    /*overflow-x: hidden;*/
}

.socios_logo {
    display: flex;
    width: 21%;
    min-height: 160px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-marcas img {
    border: 0;
    vertical-align: middle;
    display: inline-block;
}

.container-socios {
    width: 85%;
    max-width: 1560px;
    margin-right: auto;
    margin-left: auto;
}

.div-title-socios{
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width:991px) {
    .div-socios{
        padding-right: 20px;
        padding-left: 20px;
    }
    .lista-socios{
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .socios_logo{
        width: 25%;
    }
}

@media screen and (max-width:767px) {
    .socios_logo{
        width: 33%;
        min-height: 130px;
    }
}

@media screen and (max-width:479px) {
    .socios_logo{
        width: 50%;
        min-height: 105px;
    }
}

@media screen and (max-width:320px) {
    .socios_logo{
        width: 100%;
    }
}

/******* Fin SOCIOS LIST*******/

/****** ENCABEZADO VERTICALES *********/
.padding-row{
    margin-left: 10px;
    margin-right: 10px;
}

.verticalLineTitle {
    border-left: thick solid #0F3B88;
    padding-left: 25px;
    padding-right: 25px;
}

.h1-principal-vertical{
    font-weight: bold;
    font-size: 4.0rem;
    color: #161616;
}

.p-principal-vertical{
    text-align: justify;
    color: #161616;
    font-size: 20px;
    font-weight: 300;
}

.title-vertical-soluciones{
    /*background: white;*/
    height: 80px;
    vertical-align: middle;
    text-align: center;
}

.title-vertical-soluciones h2{
    margin: auto;
    font-weight:500;
    font-size: 2.5rem;
    text-align: center;
    padding: 10px;
    position: relative;
    display: inline-block;
    color: #262626 ;
}

.title-vertical-soluciones h2:after{
    content: '';
    background: #0F3B88;
    width: 100%;
    height: 3px;
    display: block;
}

.fondo-soluciones{
    background-image: url('../Assets/Images/Verticales/Fondo\ gris.png');
    background-size: 100% 95%;
    background-repeat: no-repeat;
    top: 0;
    padding:20px 30px;
}

.subtitulo-solutiones{
    color: #262626;
    font-weight: 400;
    font-size: 1.75rem;
}

.texto-soluciones{
    color: #343435 ;
    text-align: justify;
}

.fondo-title-azul{
    background-color: #0F3B88;
    padding: 10px;
}

.vertical-text-uno {
    writing-mode: vertical-lr; 
    -webkit-transform: rotate(180deg);   
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin:auto;
    color: white;
    font-size: 1.7rem;
    font-weight: 200;
}

.span-title-vertical-azul{
    font-weight: 300;
    font-size: 2.4rem;
}

.movil-vertical-text-uno{
    margin:auto;
    color: white;
    font-size: 1.7rem;
    font-weight: 200;
}

.movil-span-title-vertical-azul{
    font-weight: 300;
    font-size: 2.3rem;
    color: white;
}

@media screen and (max-width: 768px){
    .subtitulo-solutiones{
        color: #262626;
        font-weight: 400;
        font-size: 1.30rem;
    }
    .texto-soluciones{
        color: #343435 ;
        text-align: justify;
        font-size: 0.75rem;
    }
}

.fondo-soluciones-invertido{
    background-image: url('../Assets/Images/Verticales/Fondo\ gris\ invertido.png');
    background-size: 100% 95%;
    background-repeat: no-repeat;
    top: 0;
    padding:20px 30px;
}

.vertical-text-dos {
    writing-mode: vertical-lr; 
    -webkit-transform: rotate(360deg);   
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    margin:auto;
    color: white;
    font-size: 1.7rem;
    font-weight: 200;
}


.socios_logo_verticales {
    display: flex;
    width: 36%;
    min-height: 160px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width:991px) {
    .socios_logo_verticales{
        width: 30%;
    }
}

@media screen and (max-width:767px) {
    .socios_logo_verticales{
        width: 33%;
        min-height: 130px;
    }
}

@media screen and (max-width:479px) {
    .socios_logo_verticales{
        width: 50%;
        min-height: 105px;
    }
}

@media screen and (max-width:320px) {
    .socios_logo_verticales{
        width: 100%;
    }
}

.h5-soluciones-vertical{
    color: #161616;
}

.p-soluciones-vertical{
    text-align: justify;
    color: #161616;
    font-weight: 300;
}

.padding-texto{
    padding: 20px 30px;
}

.cuadro-azul{
    background-color: #0F3B88;
    padding: 15px;
}

.p-cuadros-azules{
    color: white;
    text-align: justify;
    font-weight: 300;
}

/******************************/

/****** Inicia Beneficios ********/
@media screen and (max-width: 2560px){
    .beneficios {
        background-color: #0F3B88;        
        margin-left: 30px;
        padding-left: 10px;
    }

    .beneficios-titulo {         
        color:#ffffff;
        text-align: left;
        padding-top:10px;
    }

    .beneficios-texto {
        text-align: justify;
        color:#ffffff;
        padding-top:10px;
    }    
}

@media screen and (max-width: 768px){
    .beneficios {
        background-color: #0F3B88;        
        margin-left: 5px;
        padding-left: 10px;
    }

    .beneficios-titulo {
        background-color: #0F3B88; 
        color:#ffffff;
        padding-top:10px;
        margin-left: 0px;
        padding-left: 10px;
        font-size: 1.2em;
    }

    .beneficios-texto {
        background-color: #0F3B88; 
        color:#ffffff;
        padding-top:10px;
        margin-left: 0px;
        padding-left: 10px;
        text-align: justify;
    }
}

@media screen and (max-width: 375px){
    .beneficios {
        background-color: #0F3B88;        
        margin-left: 30px;
        padding-left: 10px;
    }

    .beneficios-titulo {
        background-color: #0F3B88; 
        color:#ffffff;
        padding-top:10px;
        margin-left: 0px;
        padding-left: 10px;
        font-size: 1.2em;
    }

    .beneficios-texto {
        background-color: #0F3B88; 
        color:#ffffff;
        padding-top:10px;
        margin-left: 0px;
        padding-left: 10px;
        text-align: justify;
    }
}
/****** Finaliza Beneficios ********/

/****** Inicia SDDC ********/
@media screen and (max-width: 2560px){
    .sddc {        
        background-color: #0F3B88;
        padding-top: 60px;
        padding-left: 100px;
    }

    .sddc-titulo-izquierda {
        color: #ffffff;
        font-size: 60px; 
        line-height: 1.8em;
    }

    .sddc-titulo-derecha {
        padding-top: 20px;
        color: #262626;
        font-size: 60px;
        padding-left: 0px;
    }

    .sddc-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:10px;
    }

    .sddc-ul {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 930px){
    .sddc {        
        background-color: #0F3B88;
        padding-top: 80px;
        padding-left: 8%;
    }

    .sddc-titulo-izquierda {
        color: #ffffff;
        font-size: 60px; 
        line-height: 1.8em;
    }

    .sddc-titulo-derecha {
        padding-top: 20px;
        color: #262626;
        font-size: 60px;
        padding-left: 0px;
    }

    .sddc-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:5px;
    }

    .sddc-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 767px){
    .sddc {        
        background-color: #0F3B88;
        padding-top: 10px;
        padding-left: 5%;
    }

    .sddc-titulo-izquierda {
        color: #ffffff;
        font-size: 2.8em; 
        line-height: 1.3em;
    }

    .sddc-titulo-derecha {
        padding-top: 20px;
        color: #262626;
        font-size: 2.8em; 
        padding-left: 5px;
    }

    .sddc-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:5px;
    }

    .sddc-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 425px){
    .sddc {        
        background-color: #0F3B88;
        padding-top: 10px;
        padding-left: 5%;
    }

    .sddc-titulo-izquierda {
        color: #ffffff;
        font-size: 2.6em; 
        line-height: 1.3em;
    }

    .sddc-titulo-derecha {
        padding-top: 20px;
        color: #262626;
        font-size: 2.8em; 
        padding-left: 0px;
    }

    .sddc-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:5px;
    }

    .sddc-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        padding-top:10px;
        padding-left:25px;
    }
}
/****** Finaliza SDDC ********/


/****** Inicia Valor Agregado ********/
.bloque-valoragregado{
    background-color: #0F3B88;; 
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.titulo-valoragregado{    
    text-align: center;
}

.texto-valoragregado{    
    text-align: justify;
}

.imagen-valoragregado{
    text-align: right;
}

.imagen-valoragregado img{    
    width: 30px;
}

@media screen and (max-width: 2560px){
    .valoragregado{
        width:100%; 
        background-color: #0F3B88;; 
        color: #ffffff;
        padding-top: 10px;
    }
    
    .title-vertical-valoragregado h2{
        margin: auto;
        font-weight:500;
        font-size: 2.5rem;
        text-align: center;
        padding: 10px;
        position: relative;
        display: inline-block;
        color: #ffffff;
    }
    
    .title-vertical-valoragregado h2:after{
        content: '';
        background: #ffffff;
        width: 100%;
        height: 3px;
        display: block;    
    }
    .row-va{
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /*margin-right: -15px;*/
        margin-left: -52px;
    }
}

@media screen and (max-width: 425px){
    .valoragregado{
        width:100%; 
        background-color: #0F3B88;; 
        color: #ffffff;
        padding-top: 10px;
    }
    
    .title-vertical-valoragregado h2{
        margin: auto;
        font-weight:500;
        font-size: 2.0rem;
        text-align: center;
        padding: 10px;
        position: relative;
        display: inline-block;
        color: #ffffff;
    }

    .title-vertical-valoragregado h2:after{
        content: '';
        background: #ffffff;
        width: 100%;
        height: 3px;
        display: block;    
    }

    .row-va{
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }

    .col-texto{
        padding-left: 25px;
    }
}

/****** Finaliza Valor Agregado ********/

/****** Inicia Certificaciones ********/

@media screen and (max-width: 2560px){
    .bloque-certificacion{
        background-color: #0F3B88;; 
        color: #ffffff;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .titulo-certificacion{    
        text-align: center;
    }

    .title-vertical-certificacion h2{
        margin: auto;
        font-weight:500;
        font-size: 2.0rem;
        text-align: center;
        padding: 10px;
        position: relative;
        display: inline-block;
        color: #ffffff;
    }

    .title-vertical-certificacion h2:after{
        content: '';
        background: #ffffff;
        width: 100%;
        height: 3px;
        display: block;    
    }

    .texto-certificacion{    
        text-align: justify;
        font-size: 1.5em;
    }
    
    .imagen-certificacion{
        text-align: right;
    }
    
    .imagen-certificacion img{    
        width: 30px;
    }

    .logo-certificacion{
        width:80%;
    }
}

@media screen and (max-width: 768px){
    .container, .container-md, .container-sm {
        max-width: 725px;    
        /*margin-right: 0px; PEGABA EN TAB CHECAR*/
    }
}

@media screen and (max-width: 425px){

    .row-certificacion{
        margin:0px; 
        padding-left: 40px;
    }

    .title-vertical-certificacion h2{
        margin: auto;
        font-weight:500;
        font-size: 2.0rem;
        text-align: center;
        padding: 10px;
        padding-left: 40px;
        position: relative;
        display: inline-block;
        color: #ffffff;
    }

    .title-vertical-certificacion h2:after{
        content: '';
        background: #ffffff;
        width: 100%;
        height: 3px;
        display: block;    
    }
    .texto-certificacion{    
        text-align: justify;
        font-size: 1.0em;
    }
    
    .imagen-certificacion{
        text-align: right;
    }
    
    .imagen-certificacion img{    
        width: 20px;
    }

    .logo-certificacion{
        width:80%;
    }    
}

@media screen and (max-width: 375px){
    .row-certificacion{
        margin:0px; 
        padding-left: 40px;
    }

    .title-vertical-certificacion h2{
        margin: auto;
        font-weight:500;
        font-size: 1.5rem;
        text-align: center;
        padding: 10px;
        padding-left: 50px;
        position: relative;
        display: inline-block;
        color: #ffffff;
    }

    .title-vertical-certificacion h2:after{
        content: '';
        background: #ffffff;
        width: 100%;
        height: 3px;
        display: block;    
    }
    .texto-certificacion{    
        text-align: justify;
        font-size: 1.0em;
    }
    
    .imagen-certificacion{
        text-align: right;
    }
    
    .imagen-certificacion img{    
        width: 20px;
    }

    .logo-certificacion{
        width:80%;
    }
}

@media screen and (max-width: 320px){
    .row-certificacion{
        margin:0px; 
        padding-left: 40px;
    }
    
    .title-vertical-certificacion h2{
        margin: auto;
        font-weight:500;
        font-size: 1.5rem;
        text-align: center;
        padding: 10px;
        padding-left: 20px;
        position: relative;
        display: inline-block;
        color: #ffffff;
    }

    .title-vertical-certificacion h2:after{
        content: '';
        background: #ffffff;
        width: 100%;
        height: 3px;
        display: block;    
    }
    .texto-certificacion{    
        text-align: justify;
        font-size: 1.0em;
    }
    
    .imagen-certificacion{
        text-align: right;
    }
    
    .imagen-certificacion img{    
        width: 20px;
    }

    .logo-certificacion{
        width:80%;
    }
}

/****** Finaliza Certificaciones ********/

/****** Inicia Redes ********/
@media screen and (max-width: 2560px){
    .redes {        
        background-color: #e9e9e9;
        padding-top: 10px;
        padding-left: 100px;
    }

    .redes-titulo {
        color: #000000;
        font-size: 50px; 
        line-height: 1.8em;
    }

    .redes-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 10px;
    }

    .redes-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:10px;
    }

    .redes-ul {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 1200px){
    .redes {        
        background-color: #e9e9e9;
        padding-top: 10px;
        padding-left: 80px;
    }

    .redes-titulo {
        color: #000000;
        font-size: 40px; 
        line-height: 2.4em;
    }

    .redes-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 10px;
    }

    .redes-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:10px;
    }

    .redes-ul {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 930px){
    .redes {        
        background-color: #e9e9e9;
        padding-top: 10px;
        padding-left: 60px;
    }

    .redes-titulo {
        color: #000000;
        font-size: 30px; 
        line-height: 3.8em;
    }

    .redes-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 10px;
    }

    .redes-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:10px;
    }

    .redes-ul {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 767px){
    .redes {        
        background-color: #e9e9e9;
        padding-top: 10px;        
        padding-left: 15px;
    }

    .redes-titulo {
        color: #000000;
        font-size: 30px; 
        line-height: 1.3em;
    }

    .redes-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 2px;
    }

    .redes-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:5px;
    }

    .redes-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 452px){
    .redes {        
        background-color: #e9e9e9;
        padding-top: 10px;
        padding-left: 3%;
    }

    .redes-titulo {
        color: #000000;
        font-size: 28px; 
        line-height: 1.3em;
    }

    .redes-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 0px;
    }

    .redes-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:5px;
    }

    .redes-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 421px){
    .redes {        
        background-color: #e9e9e9;
        padding-top: 10px;
        padding-left: 3%;
    }

    .redes-titulo {
        color: #000000;
        font-size: 23px; 
        line-height: 1.3em;
    }

    .redes-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 18px;
        padding-left: 0px;
    }

    .redes-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:0px;
    }

    .redes-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 349px){
    .redes {        
        background-color: #e9e9e9;
        padding-top: 10px;
        padding-left: 3%;
    }

    .redes-titulo {
        color: #000000;
        font-size: 20px; 
        line-height: 1.3em;
    }

    .redes-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 16px;
        padding-left: 0px;
    }

    .redes-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        font-size: 15px;
        padding-left:0px;
    }

    .redes-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        font-size: 15px;
        padding-top:10px;
        padding-left:25px;
    }
}
/****** Finaliza Redes ********/

/****** Inicia Movilidad ********/
@media screen and (max-width: 2560px){
    .movilidad {        
        background-color: #e9e9e9;
        padding-top: 120px;
        padding-left: 100px;
    }

    .movilidad-titulo {
        color: #000000;
        font-size: 60px; 
        line-height: 1.8em;
    }

    .movilidad-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 10px;
    }

    .movilidad-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:10px;
    }

    .movilidad-ul {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 1200px){
    .movilidad {        
        background-color: #e9e9e9;
        padding-top: 160px;
        padding-left: 25px;
    }

    .movilidad-titulo {
        color: #000000;
        font-size: 60px; 
        line-height: 2.4em;
    }

    .movilidad-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 10px;
    }

    .movilidad-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:10px;
    }

    .movilidad-ul {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 930px){
    .movilidad {        
        background-color: #e9e9e9;
        padding-top: 200px;
        padding-left: 30px;
    }

    .movilidad-titulo {
        color: #000000;
        font-size: 40px; 
        line-height: 3.8em;
    }

    .movilidad-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 10px;
    }

    .movilidad-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:10px;
    }

    .movilidad-ul {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 767px){
    .movilidad {        
        background-color: #e9e9e9;
        padding-top: 10px;        
        padding-left: 15px;
    }

    .movilidad-titulo {
        color: #000000;
        font-size: 30px; 
        line-height: 1.3em;
    }

    .movilidad-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 2px;
    }

    .movilidad-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:5px;
    }

    .movilidad-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 452px){
    .movilidad {        
        background-color: #e9e9e9;
        padding-top: 10px;
        padding-left: 3%;
    }

    .movilidad-titulo {
        color: #000000;
        font-size: 28px; 
        line-height: 1.3em;
    }

    .movilidad-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 20px;
        padding-left: 0px;
    }

    .movilidad-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:5px;
    }

    .movilidad-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 421px){
    .movilidad {        
        background-color: #e9e9e9;
        padding-top: 10px;
        padding-left: 3%;
    }

    .movilidad-titulo {
        color: #000000;
        font-size: 23px; 
        line-height: 1.3em;
    }

    .movilidad-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 18px;
        padding-left: 0px;
    }

    .movilidad-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        padding-left:0px;
    }

    .movilidad-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        padding-top:10px;
        padding-left:25px;
    }
}

@media screen and (max-width: 349px){
    .movilidad {        
        background-color: #e9e9e9;
        padding-top: 10px;
        padding-left: 3%;
    }

    .movilidad-titulo {
        color: #000000;
        font-size: 20px; 
        line-height: 1.3em;
    }

    .movilidad-subtitulo {
        padding-top: 20px;
        color: #262626;
        font-size: 16px;
        padding-left: 0px;
    }

    .movilidad-texto {        
        color: #343435;
        text-align: justify;
        padding-top:10px;
        font-size: 15px;
        padding-left:0px;
    }

    .movilidad-ul {
        color: #343435;
        text-align: justify;
        list-style-type: disc;         
        font-size: 15px;
        padding-top:10px;
        padding-left:25px;
    }
}
/****** Finaliza Movilidad ********/

/****** SVG TITLES ***********/

#svgTitleAnimado svg {
    stroke: #161616;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

#svgTitleAnimado .text-line {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dash 5s linear forwards, filling 3s ease-in forwards;
    font-size: 4.0rem;
}
  
#svgTitleAnimado .text-line text {
    font-family: 'Montserrat';
    font-weight: bold;
}

#svgSubtitleAnimado svg {
    stroke: #161616;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

#svgSubtitleAnimado .text-line-sub {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dash 5s linear forwards, filling 3s ease-in forwards;
    font-size: 2.5rem;
}

#svgSubtitleAnimado .text-line-sub text {
    font-family: 'Montserrat';
    font-weight: 500;
}
  
@keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
}
  
@keyframes filling {
    0%, 90% { fill: #161616; fill-opacity: 0; }
    100% { fill: #161616; fill-opacity: 1; }
}

/*****************/

/****** medias SVG TITLES ***********/
@media screen and (max-width: 575px){
    #svgTitleAnimado .text-line-seguridad  {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        animation: dash 5s linear forwards, filling 3s ease-in forwards;
        font-size: 2.50rem;
        font-weight: 500;
    }
    #svgTitleAnimado .text-line-hci  {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        animation: dash 5s linear forwards, filling 3s ease-in forwards;
        font-size: 2.55rem;
        font-weight: 500;
    }
    #svgTitleAnimado .text-line-procesos {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        animation: dash 5s linear forwards, filling 3s ease-in forwards;
        font-size: 3.55rem;
        font-weight: 500;
    }
    #svgTitleAnimado .text-line-monitoreo  {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        animation: dash 5s linear forwards, filling 3s ease-in forwards;
        font-size: 2.50rem;
        font-weight: 500;
    }
    #svgTitleAnimado .text-line-sobre-sellcom  {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        animation: dash 5s linear forwards, filling 3s ease-in forwards;
        font-size: 2.75rem;
        font-weight: 500;
    }
    #svgTitleAnimado .text-line-premios  {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        animation: dash 5s linear forwards, filling 3s ease-in forwards;
        font-size: 2.70rem;
        font-weight: 500;
    }
}

@media screen and (max-width: 320px){
    #svgTitleAnimado .text-line-hci  {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        animation: dash 5s linear forwards, filling 3s ease-in forwards;
        font-size: 2rem;
        font-weight: 500;
    }
    #svgTitleAnimado .text-line-procesos {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        animation: dash 5s linear forwards, filling 3s ease-in forwards;
        font-size: 3.3rem;
        font-weight: 500;
    }
}

/**********************************************/

/******** vertical usuario final *************/
.span-vertical-usuario-mov{
    font-weight: 300;
    font-size: 2.2rem;
}

.gestion-dispo-background{
    background-color: #e9e9e9;
    margin: 5px auto;
    text-align: left;
    vertical-align: middle;
    padding: 15px;
}

.gestion-dispo-title{
    color: #000000;
    font-weight: 300;
    font-size: 2.8rem;
    line-height: 1.8em;
}

@media screen and (max-width: 1000px){
    .gestion-dispo-title{
        color: #000000;
        font-weight: 300;
        font-size: 2.1rem;
        line-height: 1.8em;
    }
}

/******************************************/
/********** Inicio Contactanos*************/

@media screen and (max-width:2560px){
    .titulo-contactanos{
        font-size:3.3em;
        color:#343435;
        line-height: 1em;
    }
}

@media screen and (max-width:1199px){
    .titulo-contactanos{
        font-size:2.8em;
        color:#343435;
    }
}

@media screen and (max-width:991px){
    .titulo-contactanos{
        font-size:2.0em;
        color:#343435;
        line-height: 1.4em;
    }
}

@media screen and (max-width:704px){
    .titulo-contactanos{
        font-size:1.6em;
        color:#343435;
    }
}

@media screen and (max-width:573px){
    .titulo-contactanos{
        font-size:1.2em;
        color:#343435;
    }
}

@media screen and (max-width:442px){
    .titulo-contactanos{
        font-size:1.8em;
        color:#343435;
    }
}



.espacio{    
    height: 0.2rem;
}

.caja-texto{
    width:100% !important;
    background-color: #e9e9e9;
    border:0px;
    height: 2.5rem;
    padding-left: 10px;
    align-items: top;
}

.caja-comentario{
    width:100%;
    background-color: #e9e9e9;
    border:0px;
    height: 13.6rem;
    padding-left: 10px;
    resize: none; 
}

.campos-obligatorios{
    color: #343435;
    font-size:0.8em;
    padding-left: 10px;       
}

.check-privacidad{
    background-color: #e9e9e9;
    border:0px;
}

.aviso-privacidad{
    width:100%;    
    color: #000000;
    font-size:0.9em;
}

.aviso-privacidad a{
    text-decoration: underline !important;
    color: #000000;
    cursor:pointer;   
}

.boton-enviar{
    background-color: #000000;
    border:0px;
    color: #ffffff;
    font-size:1.2em;
    width: 120px;
}
/********** Fin Contactanos*************/
/******************************************/

/******** sobre sellcom *************/

.background-numeros-sobresellcom{
    margin: 0px; 
    background-color: #F4F4F4; 
    padding: 20px;
}

.div-numeros-sobresellcom{
    text-align: center;
    padding-left: 120px;
}

.h1-numeros-sobresellcom{
    color: #0F3B88;
    font-size: 4.0rem;
    font-weight: 600;
}

.div-numeros-text-sobresellcom{
    display: flex;
    align-items: center;
    top: 5px;
}

.background-MiVi-sobresellcom{
    margin: 0px; 
    background-image: linear-gradient(rgba(234,234,234,1), rgba(244,244,244,1));
    padding: 20px;
}

.div-MiVi-sobresellcom{
    text-align: center;
    padding-left: 100px;
}

.h1-MiViVa-sobresellcom{
    color: #000000;
    font-size: 4.0rem;
    font-weight: 600;
}

.p-center-sobresellcom{
    text-align: justify;
    color: #000000;
    font-weight: 300;
}

.background-Va-sobresellcom{ 
    margin: 0px; 
    background-color: rgba(209,209,209,0.7); 
    padding: 20px;
}

.div-Va-sobresellcom{
    text-align: center;
    padding-left: 100px;
    top: 30px;
   /* padding-left: 215px;
    display: flex;
    align-items: center;*/
}

@media screen and (min-width: 1439px){
    .div-MiVi-sobresellcom{
        text-align: center;
        padding-left: 120px;
    }
}

@media screen and (max-width: 930px){
    .div-Va-sobresellcom{
        text-align: center;
        padding-left: 65px;
    }
}

@media screen and (max-width: 930px){
    .div-Va-sobresellcom{
        text-align: center;
        padding-left: 55px;
    }
}

@media screen and (max-width: 768px){
    .div-MiVi-sobresellcom{
        text-align: center;
        padding-left: 90px;
    }
    .div-Va-sobresellcom{
        text-align: center;
        padding-left: 50px;
    }
}

@media screen and (max-width: 767px){
    .p-center-sobresellcom{
        text-align: center;
        color: #000000;
        font-weight: 300;
    }
    .div-numeros-sobresellcom{
        text-align: center;
        padding-left: 15px;
    }
    .div-numeros-text-sobresellcom{
        display: flex;
        align-items: center;
        justify-content: center;
        top: 5px;
    }
    .div-MiVi-sobresellcom{
        text-align: center;
        padding-left: 15px;
    }
    .div-Va-sobresellcom{
        text-align: center;
        padding-left: 15px;
        top: 0px;
    }
}
/*********************************/

/** timeline premios **/

.timeline {
    border-left: 8px solid #93B1D0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    /*background: rgba(114, 124, 245, 0.09);*/
    margin: 0 auto;
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 50px;
    list-style: none;
    text-align: left;
    max-width: 55%;
}

@media (max-width: 767px) {
    .timeline {
        max-width: 98%;
        padding: 25px;
    }
}

.timeline h1 {
    font-weight: 300;
    font-size: 1.4em;
}

.timeline h2,
.timeline h3 {
    font-weight: 600;
    font-size: 2.2rem;
    margin-bottom: 10px;
    color: #000000;
}

@media (max-width: 768px) {
    .timelineh3op{
        font-size: 1.62rem !important;
    }
}

@media (max-width: 386px) {
    .timelineh3op{
        font-size: 1.53rem !important;
    }
}

@media (max-width: 374px) {
    .timelineh3op{
        font-size: 1.45rem !important;
    }
}

@media (max-width: 360px) {
    .timelineh3op{
        font-size: 1.15rem !important;
    }
}

.timeline h4{
    color: #000000;
    margin-left: 15px;
}

.timeline p {
    color: #000000;
    text-align: justify;
    margin-left: 15px;
}

.timeline .event {
    /*border-bottom: 1px dashed #e8ebf1;*/
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}

.timeline .event-without-dot{
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}

@media (max-width: 767px) {
    .timeline .event {
        padding-top: 40px;
    }
}

.timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.timeline .event:before,
.timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .event:before {
    left: -275px;
    content: attr(data-date);
    text-align: right;
    font-weight: 600;
    font-size:  4.5rem;
    color: #000000;
    min-width: 120px;
    top: 5px;
}

@media (max-width: 767px) {
    .timeline .event:before {
        left: 0px;
        text-align: left;
        font-size:  2.5rem;
    }
}

.timeline .event:after {
    /*-webkit-box-shadow: inset 0 0 0 6px #fff;
    box-shadow: inset 0 0 0 6px #fff;*/
    left: -73.5px;
    background: #93B1D0;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    content: "";
    border: 1px solid #93B1D0;
    /*top: 5px;*/
}

@media (max-width: 767px) {
    .timeline .event:after {
        left: -49.5px;
    }
}

.rtl .timeline {
    border-left: 0;
    text-align: right;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 3px solid #727cf5;
}

.rtl .timeline .event::before {
    left: 0;
    right: -170px;
}

.rtl .timeline .event::after {
    left: 0;
    right: -55.8px;
}

.card-timeline{
    border: none;
}


/***** Inicio Boton subir *****/
@media (max-width: 2560px) {
    .ir-arriba {
        display:none;
        padding:15px;
        background:#93B1D0;
        font-size:30px;
        color:#fff;
        cursor:pointer;
        position: fixed;
        bottom:100px;
        right:20px;
        z-index:3;
    }
}

@media (max-width: 777px) {
    .ir-arriba {
        display:none;
        padding:12px;
        background:#93B1D0;
        font-size:20px;
        color:#fff;
        cursor:pointer;
        position: fixed;
        bottom:120px;
        right:20px;
        z-index:3;
    }
}

@media (max-width: 710px) {
    .ir-arriba {
        display:none;
        padding:12px;
        background:#93B1D0;
        font-size:20px;
        color:#fff;
        cursor:pointer;
        position: fixed;
        bottom:150px;
        right:20px;
        z-index:3;
    }
}

@media (max-width: 575px) {
    .ir-arriba {
        display:none;
        padding:8px;
        background:#93B1D0;
        font-size:20px;
        color:#fff;
        cursor:pointer;
        position: fixed;
        bottom:245px;
        right:20px;
        z-index:3;
    }
}

/***** Fin Boton subir *****/

/** MARCAS DELL TECHNOLOGIES ***/
.background-conteiner{
    background-color: #f9f9f9;
}

.background-color-marcas {
    background-color: white;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 10px 70px;
    border-radius: 20px; /* Bordes redondeados con radio de 20px */
}


@media (max-width: 500px) {
    .background-color-marcas{
        padding: 20px 30px;
    }
}

.marca-dell-background{
    background-color: #2e73b8;
    padding: 85px 15px;
}

.h1-principal-marcas {
    font-weight: bold;
    font-size: 2.5rem;
    color: #161616;
}

.marcas-principal-texto {
    color: white;
    text-align: justify;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.vertical-align-dell{
    padding: 100px 0;
}

@media (max-width: 375px) {
    .h1-principal-marcas {
        font-weight: bold;
        font-size: 1.9rem;
        color: #161616;
    }
    .title-marcas h2{
        margin: auto;
        font-weight:400;
        font-size: 1.7rem;
        text-align: center;
        padding: 10px;
        position: relative;
        display: inline-block;
        color: #A4A4A4 ;
    }
}

@media (min-width: 376px) {
    .title-marcas h2{
        margin: auto;
        font-weight:400;
        font-size: 2.3rem;
        text-align: center;
        padding: 0 30px;
        position: relative;
        display: inline-block;
        color: #A4A4A4 ;
    }
}

.verticalLineContainer{
    border-left: 35px solid #2e73b8;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.title-marcas{
    /*height: 80px;*/
    vertical-align: middle;
    text-align: left;
    padding: 5px;
}

/*.title-marcas h2:after{
    content: '';
    background: #0F3B88;
    width: 100%;
    height: 3px;
    display: block;
}*/

.h4-marcas-opor{
    margin: auto;
    text-align: right;
    vertical-align: middle;
    padding: 18px ​20px;
    color: #262626;
}

.p-marcas-opor{
    color: #262626;
    text-align: justify;
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 767px) {
    .h4-marcas-opor h4{
        font-size: 1.4rem;
    }
    .h4-marcas-opor{
        margin: auto;
        text-align: center;
        vertical-align: middle;
        padding: 20px;
        color: #262626;
    }
}

.cuadro-azulF-padding-dell{
    padding: 40px;
}

.cuadro-azulF-marca-dell{
    background-color: #0e447c;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #2e73b8;
    -moz-box-shadow: -18px -18px 0 4px #2e73b8;
    -webkit-box-shadow: -18px -18px 0 4px #2e73b8;
}

.p-marcas-benefi{
    color: white;
    text-align: justify;
    padding-top: 14px;
}

.p-marcas-solu{
    text-align: justify;
    color: #161616;
    font-weight: 300;
    font-size: 1.1rem;
}

/** Float Button **/

#floating-buttons .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:60px;
    right:40px;
    background-color:black;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    z-index:100;
    animation: bot-to-top 2s ease-out;
    padding-top: 11px;
}

#floating-buttons ul{
    position:fixed;
    right:40px;
    padding-bottom:20px;
    bottom:80px;
    z-index:100;
}

#floating-buttons ul li{
    list-style:none;
    margin-bottom:10px;
}

#floating-buttons ul#dell li#dell-claro a{
    background-color:#2e73b8;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#dell li#dell-oscuro a{
    background-color: #0e447c;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul:hover{
    visibility:visible!important;
    opacity:1!important;
}

.my-float{
    font-size:36px;
    margin-top:18px;
}

#floating-buttons a#menu-share + ul{
  visibility: hidden;
}

#floating-buttons a#menu-share:hover + ul{
  visibility: visible;
  animation: scale-in 0.5s;
}

#floating-buttons a#menu-share i{
    animation: rotate-in 0.5s;
}

#floating-buttons a#menu-share:hover > i{
    animation: rotate-out 0.5s;
}

@keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

@media (max-width: 768px) {
    #floating-buttons .float{
        position:fixed;
        width:60px;
        height:60px;
        bottom:85px;
        right:40px;
        background-color:black;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        /*box-shadow: 2px 2px 3px #999;*/
        z-index:100;
        animation: bot-to-top 2s ease-out;
        padding-top: 11px;
    }
    #floating-buttons ul{
        position:fixed;
        right:40px;
        padding-bottom: 46px;
        bottom:80px;
        z-index:100;
    }
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#dell li#dell-claro a{
        background-color:#0e447c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}

@media (max-width: 425px) {
    #floating-buttons .float{
        position:fixed;
        width:60px;
        height:60px;
        bottom:12px;
        right:3px;
        background-color:black;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        /*box-shadow: 2px 2px 3px #999;*/
        z-index:100;
        animation: bot-to-top 2s ease-out;
        padding-top: 11px;
    }
    #floating-buttons ul{
        position:fixed;
        right:3px;
        padding-bottom: 29px;
        bottom:22px;
        z-index:100;
    }
}
/**********************************/

/** INICIO MARCAS AWS ***/ 
.marca-aws-background{
    background-color: #1e2b3b;
    padding: 65px 15px;
    }
     
    .verticalLineContainer-aws{
    border-left: 35px solid #fc6300;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
    }

    .cuadro-azulF-padding-aws{
        padding: 40px;
    }
     
    .cuadro-azulF-marca-aws{
    background-color: #1e2b3b;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #fc6300;
    -moz-box-shadow: -18px -18px 0 4px #fc6300;
    -webkit-box-shadow: -18px -18px 0 4px #fc6300;
    }
     
    #floating-buttons ul#aws li#aws-claro a{
    background-color:#fc6300;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
    }
     
    #floating-buttons ul#aws li#aws-oscuro a{
    background-color: #030404;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
    }
     
    @media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#aws li#aws-claro a{
    background-color:#030404;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
     }
}
/** FIN MARCAS AWS ***/ 

/** INICIO MARCAS AZURE ***/ 
.marca-azure-background{
    background-color: #0070db;
    padding: 85px 15px;
    }

    .vertical-align-azure{
        padding: 70px 0;
        text-align: left;
    }
     
    .verticalLineContainer-azure{
    /*border-left: 35px solid #1b1920;*/
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    }

    .cuadro-azulF-padding-azure{
        padding: 30px 40px;
    }
     
    .cuadro-azulF-marca-azure{
    background-color: #F4F4F4;
    padding: 20px;
    /*box-shadow: -18px -18px 0 4px #0070db;
    -moz-box-shadow: -18px -18px 0 4px #0070db;
    -webkit-box-shadow: -18px -18px 0 4px #0070db;*/
    border-radius: 20px;
    }
     
    #floating-buttons ul#azure li#azure-claro a{
    background-color:#0070db;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
    }
     
    #floating-buttons ul#azure li#azure-oscuro a{
    background-color: #030404;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
    }
     
    @media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#azure li#azure-claro a{
    background-color:#030404;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
     }
}
/** FIN MARCAS AZURE ***/ 

/** INICIO MARCAS VEEAM ***/ 
.marca-veeam-background {
    background-color: white;
    padding: 35px 15px;
    border-radius: 20px; /* Bordes redondeados con radio de 20px */
}


    .vertical-align-veeam{
        padding: 50px 0;
        text-align: left;
    }

    .verticalLineContainer-veeam {
        /*border-left: 35px solid #174550;*/
        padding-left: 40px;
        padding-right: 40px;
        background-color: white;
    }

    .cuadro-azulF-padding-veeam{
        padding: 30px 40px;
    }
     
    .cuadro-azulF-marca-veeam {
    background-color: #F4F4F4;
    padding: 20px;
    border-radius: 20px; /* Bordes redondeados con radio de 20px */
}

     
    #floating-buttons ul#veeam li#veeam-claro a{
    background-color:#64bda7;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
    }
     
    #floating-buttons ul#veeam li#veeam-oscuro a{
    background-color: #174550;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
    }
     
    @media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#veeam li#veeam-claro a{
    background-color:#174550;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
     }
}
/** FIN MARCAS VEEAM ***/

/** MARCAS HARDWARE HPE ***/

.marca-hpe-background{
    background-color: #5fb789;
    padding: 85px 15px;
}

.verticalLineContainer-hpe{
    border-left: 35px solid #030404;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.link-oport-hpe{
    color: #262626;
}

.link-oport-hpe:hover{
    text-decoration: none;
    color: #262626;
}

.cuadro-verdeN-marca-hpe{
    background-color: #030404;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #5fb789;
    -moz-box-shadow: -18px -18px 0 4px #5fb789;
    -webkit-box-shadow: -18px -18px 0 4px #5fb789;
}

#floating-buttons ul#hpe li#hpe-claro a{
    background-color:#5fb789;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#hpe li#hpe-oscuro a{
    background-color: #030404;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#hpe li#hpe-claro a{
        background-color:#030404;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}
/** FIN MARCAS HPE ***/

/** MARCAS CYBERC JUMBLEDB ***/

.marca-cyberc-background{
    background-color: #465e76;
    padding: 85px 15px;
}

.verticalLineContainer-cyberc{
    border-left: 35px solid #87a7c1;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-grisN-marca-cyberc{
    background-color: #5a595b;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #87a7c1;
    -moz-box-shadow: -18px -18px 0 4px #87a7c1;
    -webkit-box-shadow: -18px -18px 0 4px #87a7c1;
}

.p-marcas-benefi-center{
    color: white;
    text-align: center;
    padding-top: 14px;
}

.vertical-align-cynared{
    padding: 90px 0;
    text-align: center;
}

#floating-buttons ul#cyberc li#cyberc-claro a{
    background-color:#87a7c1;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#cyberc li#cyberc-oscuro a{
    background-color: #465e76;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#cyberc li#cyberc-oscuro a{
        background-color: #87a7c1;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}
/** FIN CYBERC JUMBLEDB ***/

/** MARCAS NAUDIT ***/

.marca-naudit-background{
    background-color: #304860;
    padding: 48px 15px;
}

.verticalLineContainer-naudit{
    border-left: 35px solid #91c1bf;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-azulF-marca-naudit{
    background-color: #304860;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #91c1bf;
    -moz-box-shadow: -18px -18px 0 4px #91c1bf;
    -webkit-box-shadow: -18px -18px 0 4px #91c1bf;
}

.vertical-align-naud{
    padding: 120px 0;
    text-align: center;
}

#floating-buttons ul#naudit li#naudit-claro a{
    background-color:#91c1bf;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#naudit li#naudit-oscuro a{
    background-color: #304860;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#naudit li#naudit-oscuro a{
        background-color: #91c1bf;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}
/** FIN NAUDIT ***/

/** MARCAS REDHAT ***/

.marca-redhat-background{
    background-color: #161616;
    padding: 70px 15px;
}

.vertical-align-redhat{
    padding: 110px 0;
    text-align: center;
}

.verticalLineContainer-redhat{
    border-left: 35px solid #ba2020;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-rojoB-marca-redhat{
    background-color: #161616;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #f95f5f;
    -moz-box-shadow: -18px -18px 0 4px #f95f5f;
    -webkit-box-shadow: -18px -18px 0 4px #f95f5fbf;
}

#floating-buttons ul#redhat li#redhat-claro a{
    background-color:#f95f5f;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#redhat li#redhat-oscuro a{
    background-color: #ba2020;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}
/** FIN REDHAT ***/

/** MARCAS BLANCCO ***/
.marca-blancco-background{
    background-color: #3965ae;
    padding: 38px 15px;
}

.verticalLineContainer-blancco{
    border-left: 35px solid #c4c4c4;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-azulF-padding-blancco{
    padding: 40px;
}

.cuadro-azulF-marca-blancco{
    background-color: #3965ae;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #c4c4c4;
    -moz-box-shadow: -18px -18px 0 4px #c4c4c4;
    -webkit-box-shadow: -18px -18px 0 4px #c4c4c4;
}

.vertical-align-blancco{
    padding: 100px 0;
    text-align: left;
}

#floating-buttons ul#blancco li#blancco-claro a{
    background-color:#c4c4c4;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#blancco li#blancco-oscuro a{
    background-color: #3965ae;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#blancco li#blancco-oscuro a{
        background-color: #c4c4c4;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}

/** FIN BLANCCO ***/

/** MARCAS QLIK ***/
.marca-qlik-background{
    background-color: #122440;
    padding: 70px 15px;
}

.verticalLineContainer-qlik{
    border-left: 35px solid #1aa01a;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-azulF-padding-qlik{
    padding: 40px;
}

.cuadro-azulF-marca-qlik{
    background-color: #122440;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #1aa01a;
    -moz-box-shadow: -18px -18px 0 4px #1aa01a;
    -webkit-box-shadow: -18px -18px 0 4px #1aa01a;
}

.vertical-align-qlik{
    padding: 120px 0;
    text-align: center;
}

#floating-buttons ul#qlik li#qlik-claro a{
    background-color:#1aa01a;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#qlik li#qlik-oscuro a{
    background-color: #122440;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#qlik li#qlik-oscuro a{
        background-color: #1aa01a;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}

.imageQLIK{
    height: 480px;
}

@media (max-width: 991px) {
    .imageQLIK{
        height: 320px;
    }
}

@media (max-width: 725px) {
    .imageQLIK{
        height: 250px;
    }
}

@media (max-width: 425px) {
    .imageQLIK{
        height: 180px;
    }
}

/** FIN QLIK ***/

/** MARCAS SERVICENOW ***/
.marca-servicenow-background{
    background-color: #293e40;
    padding: 85px 15px;
}

.verticalLineContainer-servicenow{
    border-left: 35px solid #a7d4df;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-verde-marca-servicenow{
    background-color: #293e40;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #a7d4df;
    -moz-box-shadow: -18px -18px 0 4px #a7d4df;
    -webkit-box-shadow: -18px -18px 0 4px #a7d4df;
}

#floating-buttons ul#servicenow li#servicenow-claro a{
    background-color:#a7d4df;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#servicenow li#servicenow-oscuro a{
    background-color: #293e40;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#servicenow li#servicenow-oscuro a{
        background-color: #a7d4df;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}

/** FIN SERVICENOW ***/


/** MARCAS APPLE ***/
.cuadro-azulF-padding-apple{
    padding: 40px;
    border-radius: 20px;
}

.marca-apple-background{
    background-color: #0c0c0c;
    padding: 85px 15px;
}

.verticalLineContainer-apple{
    border-left: 35px solid #0c0c0c;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-grisN-marca-apple{
    background-color: transparent;
    border:2px solid #8c8c8c;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #eae9ea;
    -moz-box-shadow: -18px -18px 0 4px #eae9ea;
    -webkit-box-shadow: -18px -18px 0 4px #eae9ea; /*8c8c8c*/
    border-radius: 20px;
}

.p-marcas-benefi-center-apple{
    color: #0c0c0c;
    text-align: center;
    padding-top: 14px;
}

.vertical-align-apple{
    padding: 90px 0;
    text-align: center;
}

#floating-buttons ul#apple li#apple-claro a{
    background-color:#8c8c8c;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#apple li#apple-oscuro a{
    background-color: #0c0c0c;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#apple li#apple-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}
/** FIN APPLE ***/

/** MARCAS ARUBA ***/
.marca-aruba-background{
    background-color: #103350;
    padding: 38px 15px;
}

.verticalLineContainer-aruba{
    border-left: 35px solid #f1823b;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-azulF-padding-aruba{
    padding: 40px;
}

.cuadro-azulF-marca-aruba{
    background-color: #103350;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #f1823b;
    -moz-box-shadow: -18px -18px 0 4px #f1823b;
    -webkit-box-shadow: -18px -18px 0 4px #f1823b;
}

.vertical-align-aruba{
    padding: 100px 0;
    text-align: left;
}

#floating-buttons ul#aruba li#aruba-claro a{
    background-color:#f1823b;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#aruba li#aruba-oscuro a{
    background-color: #103350;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#aruba li#aruba-oscuro a{
        background-color: #f1823b;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}

/** FIN ARUBA ***/

/** MARCAS JAMF ***/
.marca-jamf-background{
    background-color: #424a55;
    padding: 85px 15px;
}

.vertical-align-jamf{
    padding: 100px 0;
    text-align: center;
}

.verticalLineContainer-jamf{
    border-left: 35px solid #00c19a;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-grisV-marca-jamf{
    background-color: #424a55;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #9fd3c4;
    -moz-box-shadow: -18px -18px 0 4px #9fd3c4df;
    -webkit-box-shadow: -18px -18px 0 4px #9fd3c4;
}

#floating-buttons ul#jamf li#jamf-claro a{
    background-color:#00c19a;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#jamf li#jamf-oscuro a{
    background-color: #424a55;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#jamf li#jamf-oscuro a{
        background-color: #00c19a;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }
}

/** FIN JAMF ***/

/** MARCAS HP INC ***/
.cuadro-azulF-padding-hpinc{
    padding: 40px;
}

.marca-hpinc-background{
    background-color: #666666;
    padding: 85px 15px;
}

.verticalLineContainer-hpinc{
    border-left: 35px solid #2571ad;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-grisN-marca-hpinc{
    background-color: #666666;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #c0e4f9;
    -moz-box-shadow: -18px -18px 0 4px #c0e4f9;
    -webkit-box-shadow: -18px -18px 0 4px #c0e4f9;
}

.p-marcas-benefi-center-hpinc{
    color: white;
    text-align: center !important;
    padding-top: 25px;
    height: 5rem;
}

.vertical-align-hpinc{
    padding: 90px 0;
    text-align: center;
}

#floating-buttons ul#hpinc li#hpinc-claro a{
    background-color:#8c8c8c;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#hpinc li#hpinc-oscuro a{
    background-color: #666666;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

.h1-principal-marcas-hpinc {
    font-weight: bold;
    font-size: 2.2rem;
    color: #161616;
    text-align: center !important;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#hpinc li#hpinc-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-hpinc {
        font-weight: bold;
        font-size: 2.2rem;
        color: #161616;
        text-align: center !important;
    }
}

@media (max-width: 425px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#hpinc li#hpinc-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-hpinc {
        font-weight: bold;
        font-size: 2.2rem;
        color: #161616;
        text-align: center !important;
    }
}
/** FIN HP INC ***/

/** MARCAS Ivanti ***/
.cuadro-azulF-padding-ivanti{
    padding: 30px 40px;
}

.marca-ivanti-background{
    background-color: white;
    padding: 35px 15px;
    /*position: relative;*/
}

.verticalLineContainer-ivanti{
    /*border-left: 35px solid #e02020;*/
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
}

.cuadro-grisN-marca-ivanti {
    background-color: #F4F4F4;
    padding: 20px;
    border-radius: 20px; /* Bordes redondeados solo en la derecha de arriba y abajo */
}

.p-marcas-benefi-center-ivanti{
    color: white;
    text-align: center !important;
    padding-top: 18px;
    height: 5rem;
}

.vertical-align-ivanti{
    padding: 50px 0;
    text-align: left;
}

#floating-buttons ul#ivanti li#ivanti-claro a{
    background-color:#8c8c8c;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#ivanti li#ivanti-oscuro a{
    background-color: #53565a;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

.h1-principal-marcas-ivanti {
    font-weight: bold;
    font-size: 2.2rem;
    color: #161616;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#ivanti li#ivanti-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-ivanti {
        font-weight: bold;
        font-size: 2.0rem;
        color: #161616;
        text-align: center !important;
    }
}

@media (max-width: 425px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#ivanti li#ivanti-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-ivanti {
        font-weight: bold;
        font-size: 2.0rem;
        color: #161616;
        text-align: center !important;
    }
}

@media (max-width: 370px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#ivanti li#ivanti-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-ivanti {
        font-weight: bold;
        font-size: 1.8rem;
        color: #161616;
    }
}

/** FIN Ivanti ***/

/** MARCAS NETAPP ***/
.marca-netapp-background{
    background-color: #666666;
    padding: 85px 15px;
}

.vertical-align-netapp{
    padding: 130px 0;
    text-align: center;
}

.verticalLineContainer-netapp{
    border-left: 35px solid #ecddfd;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

/* Style tab links */
.tablink {
    float: left;
    border: solid 2px #b5b5b5;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 25%;
    border-radius: 10px; /* Bordes redondeados con radio de 20px */
}


.tablink:focus {
    outline: none;
}
  
/*.tablink:hover {
    background-color: #b5b5b5 !important;
}*/
  
  /* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    display: none;
    padding: 60px 30px;
    height: 100%;
    width: 100%;
    border: solid 2px #b5b5b5;
    border-top-style: none;
    border-radius: 10px; /* Bordes redondeados en todas las esquinas */
}

  
#BackupR {background-color: white;}
#SallFlash {background-color: white;}
#Sconvergentes {background-color: white;}
#Sflex {background-color: white;}

.title-tabs{
    color: black;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
}

.subtitle-tabs{
    color: black;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
}

@media (max-width: 548px) {    
    .tablink {
        padding: 14px 13px;
        font-size: 12px;
    }
}

@media (max-width: 385px) {    
    .tablink {
        padding: 14px 10px;
        font-size: 11px;
    }
}

@media (max-width: 320px) {    
    .tablink {
        padding: 14px 8px;
        font-size: 10px;
    }
}

.cuadro-amarillo-marca-netapp{
    background-color: #7a7a7a;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #fcf9d4;
    -moz-box-shadow: -18px -18px 0 4px #fcf9d4;
    -webkit-box-shadow: -18px -18px 0 4px #fcf9d4;
}

.cuadro-verde-marca-netapp{
    background-color: #7a7a7a;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #d7fff2;
    -moz-box-shadow: -18px -18px 0 4px #d7fff2;
    -webkit-box-shadow: -18px -18px 0 4px #d7fff2;
}

.cuadro-azul-marca-netapp{
    background-color: #7a7a7a;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #d2ecf9;
    -moz-box-shadow: -18px -18px 0 4px #d2ecf9;
    -webkit-box-shadow: -18px -18px 0 4px #d2ecf9;
}

/** FIN NETAPP ***/

/** MARCAS Anywhere ***/
.cuadro-azulF-padding-anywhere{
    padding: 40px;
}

.marca-anywhere-background{
    background-color: #2571ad;
    padding: 85px 15px;
}

.verticalLineContainer-anywhere{
    border-left: 35px solid #fc6300;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9; 
}

.cuadro-grisN-marca-anywhere{
    background-color: #2571ad;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #cecece;
    -moz-box-shadow: -18px -18px 0 4px #cecece;
    -webkit-box-shadow: -18px -18px 0 4px #cecece;
}

.p-marcas-benefi-center-anywhere{
    color: white;
    text-align: center !important;
    padding-top: 18px;
    height: 5rem;
}

.vertical-align-anywhere{
    padding: 90px 0;
    text-align: center;
}

#floating-buttons ul#anywhere li#anywhere-claro a{
    background-color:#8c8c8c;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#anywhere li#anywhere-oscuro a{
    background-color: #53565a;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

.h1-principal-marcas-anywhere {
    font-weight: bold;
    font-size: 2.2rem;
    color: #161616;
    padding-top: 40px;
}

.h4-marcas-opor-anywhere{
    margin: auto;
    text-align: left;
    vertical-align: middle;
    padding: 18px 10px;
    color: #262626;
}

.p-marcas-opor-anywhere{
    color: #262626;
    text-align: left;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 10px;
}

.p-marcas-opor-anywhere-ul{
    color: #262626;
    text-align: left;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#anywhere li#anywhere-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-anywhere {
        font-weight: bold;
        font-size: 2.0rem;
        color: #161616;
        text-align: center !important;
    }
}

@media (max-width: 559px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#anywhere li#anywhere-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-anywhere {
        font-weight: bold;
        font-size: 2.0rem;
        color: #161616;
        text-align: center !important;
    }

    .title-marcas h2{
        margin: auto;
        font-weight:400;
        font-size: 1.6rem;
        text-align: center;
        padding: 10px;
        position: relative;
        display: inline-block;
        color: #A4A4A4 ;
    }

    .h4-marcas-opor-anywhere{
        margin: auto;
        text-align: center;
        vertical-align: middle;
        padding: 18px 10px;
        color: #262626;
    }
    
    .p-marcas-opor-anywhere{
        color: #262626;
        text-align: center;
        padding-top: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 370px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#anywhere li#anywhere-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-anywhere {
        font-weight: bold;
        font-size: 1.8rem;
        color: #161616;
    }
}

/** FIN Anywhere ***/

/** MARCAS SSL ***/
.marca-ssl-background{
    background-color: #2B2B2B;
    padding: 82px 15px;
}

.vertical-align-ssl{
    padding: 140px 0;
    text-align: center;
}

.verticalLineContainer-ssl{
    border-left: 35px solid #88F687;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

#InfoConf {background-color: white;}
#PAutenticacion {background-color: white;}
#CUsuarios {background-color: white;}

.cuadro-gris-marca-ssl{
    background-color: #2B2B2B;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #CDCDCD;
    -moz-box-shadow: -18px -18px 0 4px #CDCDCD;
    -webkit-box-shadow: -18px -18px 0 4px #CDCDCD;
}

.imageEsquemaSSL{
    height: 600px;
}

@media (max-width: 725px) {
    .imageEsquemaSSL{
        height: 250px;
    }
}

/** FIN SSL ***/

/** MARCAS ASSAC ***/
.cuadro-azulF-padding-assac{
    padding: 40px;
}

.marca-assac-background{
    background-color: #000000;
    padding: 85px 15px;
}

.verticalLineContainer-assac{
    border-left: 35px solid #7e39ea;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.vertical-align-assac{
    padding: 90px 0;
    text-align: center;
}

/** FIN ASSAC ***/

/** MARCAS CYE ***/
.cuadro-azulF-padding-cye{
    padding: 40px;
}

.marca-cye-background{
    background-color: #051630;
    padding: 85px 15px;
}

.verticalLineContainer-cye{
    border-left: 35px solid #67e8ef;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.vertical-align-cye{
    padding: 90px 0;
    text-align: center;
}

/** FIN CYE ***/

/** MARCAS POWER BI ***/
.marca-powerbi-background{
    background-color: #0c0c0c;
    padding: 82px 15px;
}

.vertical-align-powerbi{
    padding: 145px 0;
    text-align: center;
}

.verticalLineContainer-powebi{
    border-left: 35px solid #fcfc65;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-gris-marca-powerbi{
    background-color: #0c0c0c;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #fcfab6;
    -moz-box-shadow: -18px -18px 0 4px #fcfab6;
    -webkit-box-shadow: -18px -18px 0 4px #fcfab6;
}

.cuadro-negroF-padding-powerbi{
    padding: 40px 120px;
}

@media (max-width: 650px) {
    .cuadro-negroF-padding-powerbi{
        padding: 40px 80px;
    }
}

@media (max-width: 500px) {
    .cuadro-negroF-padding-powerbi{
        padding: 40px 20px;
    }
}

/** FIN POWER BI ***/

/** MARCAS Hitachi ***/
.cuadro-azulF-padding-hitachi{
    padding: 40px;
}

.marca-hitachi-background{
    background-color: #000000;
    padding: 85px 15px;
}

.verticalLineContainer-hitachi{
    border-left: 35px solid #e81332;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-grisN-marca-hitachi{
    background-color: #000000;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #cdcdcd;
    -moz-box-shadow: -18px -18px 0 4px #cdcdcd;
    -webkit-box-shadow: -18px -18px 0 4px #cdcdcd;
}

.p-marcas-benefi-center-hitachi{
    color: white;
    text-align: center !important;
    padding-top: 18px;
    
}

.vertical-align-hitachi{
    padding: 90px 0;
    text-align: center;
}

#floating-buttons ul#hitachi li#hitachi-claro a{
    background-color:#8c8c8c;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    width:60px;
    height:60px;
    display:block;
}

#floating-buttons ul#hitachi li#hitachi-oscuro a{
    background-color: #53565a;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

.h1-principal-marcas-hitachi {
    font-weight: bold;
    font-size: 2.2rem;
    color: #161616;
}

@media (max-width: 768px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#hitachi li#hitachi-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-hitachi {
        font-weight: bold;
        font-size: 2.0rem;
        color: #161616;
        text-align: center !important;
    }
}

@media (max-width: 425px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#hitachi li#hitachi-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-hitachi {
        font-weight: bold;
        font-size: 2.0rem;
        color: #161616;
        text-align: center !important;
    }
}

@media (max-width: 370px) {
    /*para hacer oscuro el color claro en moviles*/
    #floating-buttons ul#hitachi li#hitachi-oscuro a{
        background-color: #8c8c8c;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        width:60px;
        height:60px;
        display:block;
    }

    .h1-principal-marcas-hitachi {
        font-weight: bold;
        font-size: 1.8rem;
        color: #161616;
    }
}

/** FIN Hitachi ***/

/** MARCAS NUTANIX ***/
.marca-nutanix-background{
    background-color: #0044a6;
    padding: 82px 15px;
}

.vertical-align-nutanix{
    padding: 145px 0;
    text-align: center;
}

.verticalLineContainer-nutanix{
    border-left: 35px solid #a3d900;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

#acropolisT {background-color: white;}
#beamT {background-color: white;}
#calmT {background-color: white;}
#frameT {background-color: white;}
#filesT {background-color: white;}

.title-tabs-nutanix{
    color: black;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.cuadro-azul-marca-nutanix{
    background-color: #0044a6;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #cdcdcd;
    -moz-box-shadow: -18px -18px 0 4px #cdcdcd;
    -webkit-box-shadow: -18px -18px 0 4px #cdcdcd;
}
/** FIN MARCAS NUTANIX ***/

/** MARCAS VMWARE ***/
.marca-vmware-background{
    background-color: #0f81ba;
    padding: 125px 15px;
}

.vertical-align-vmware{
    padding: 120px 0;
    text-align: center;
}

.verticalLineContainer-vmware{
    border-left: 35px solid #32b228;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.cuadro-azul-marca-vmware{
    background-color: #0f81ba;
    padding: 20px;
    box-shadow: -18px -18px 0 4px #cdcdcd;
    -moz-box-shadow: -18px -18px 0 4px #cdcdcd;
    -webkit-box-shadow: -18px -18px 0 4px #cdcdcd;
}

.h1-principal-marcas-vmware {
    font-weight: bold;
    font-size: 2.5rem;
    color: #161616;
}

@media (max-width: 500px) {
    .h1-principal-marcas-vmware {
        font-weight: bold;
        font-size: 1.8rem;
        color: #161616;
    }
}
/** FIN MARCAS VMWARE ***/

/** LANDING INTEL: VPRO, PROEMA Y AMT **/

.div-container-color-vpro{
    padding: 60px 40px;
    background-color: #36718e;
 }

 .h1-title-intels{
    color: white;
    font-weight: 700;
    font-size: 3.5rem;
    padding: 18px 0 18px 0;
    text-align: center;
 }

 .p-text-intels{
    text-align: justify;
    color: white;
    font-weight: 300;
    font-size: 1.2rem;
 }

 .padding-segrendetc{
     padding:40px;
 }

 @media (max-width: 425px) {
    .padding-segrendetc{
        padding:16px;
    }
}

 .p-text-segrendetc {
    color: #262626;
    text-align: justify;
    padding-top: 14px;
}

.div-container-color-proEma{
    padding: 60px 40px;
    background-color: #043b6e;
 }

 .div-container-color-amt{
    padding: 60px 40px;
    background-color: #00458b;
 }

 /****************************/

/** Inicia Collapse Nueva landing Intel**/
.titulo-intel{
    color:#000000;
    font-size:32px;
}
.texto-intel{
    color:#000000;
    padding: 0 30px;
}
.intelmas1{
    color: #000000;
    text-align: center;
    line-height: 1;
    padding-left: 1px;
    font-size: 30px;

}
.intelmenos1{    
    display: none;
    color: #000000;    
    text-align: center;
    padding-left: 7px;
    font-size: 30px;
}

.intelmas2{
    color: #000000;
    text-align: center;
    line-height: 1;
    padding-left: 1px;
    font-size: 30px;

}
.intelmenos2{    
    display: none;
    color: #000000;    
    text-align: center;
    padding-left: 7px;
    font-size: 30px;
}

.intelmas3{
    color: #000000;
    text-align: center;
    line-height: 1;
    padding-left: 1px;
    font-size: 30px;

}
.intelmenos3{    
    display: none;
    color: #000000;    
    text-align: center;
    padding-left: 7px;
    font-size: 30px;
}

/** Finaliza Collapse Nueva landing Intel**/
/*FALTA LO DE FERIA VIRTUAL ENTRE ESTAS DOS**
/* LANDING APPLE*/

.text-landingapple{
    padding-top: 15px;
    text-align: justify;
    color: #161616;
    padding-left: 80px;
    padding-right: 80px;
}

@media screen and (min-width:1900px) {
    #img-firma-apple{
        width: 10%;
    }
}

@media screen and (max-width:1899px) {
    #img-firma-apple{
        width: 15%;
    }
}

@media screen and (max-width:900px) {
    #img-firma-apple{
        width: 18%;
    }
}

@media screen and (max-width:575px) {
    #img-firma-apple {
        width: 25%;
    }
}

@media screen and (max-width:425px) {
    #img-firma-apple {
        width: 36%;
    }
}

@media screen and (max-width:540px) {
    .text-landingapple{
        padding-left: 20px;
        padding-right: 20px;
    }
}
/****************/

/*VIDEO BACGROUUND*/
.video-background-holder {
    position: relative;
    background-color: black;
    height: calc(100vh - -28px);
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
  
.video-background-holder video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 140vw; /*100vw*/
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media screen and (min-width:1439px) {
    .video-background-holder video {
        width: 104vw;
    }
}

@media screen and (max-width:606px) {
    .video-background-holder video {
        width: 190vh; /*100vw*/
    }
    .text-title-newVid{
        font-size: 1.5rem !important;
        margin-top: 125% !important;
    }
}

.text-title-newVid{
    font-weight: 400;
    color: white;
}

.text-width-newVid{
    width: 50%;
}

.margin-text-title-newVid{
    margin-right: 12px;
}

.justify-content-flexnewVid{
    justify-content: flex-end;
    text-align: right;
}

@media screen and (max-width:768px) {
    .margin-text-title-newVid{
        margin-right: auto;
    }
    .justify-content-flexnewVid{
        justify-content:center;
        text-align: center;
    }
    .text-title-newVid{
        font-size: 1.9rem;
        margin-top: 50%;
    }
    .text-width-newVid{
        width: 100%;
    }
}
  
.video-background-content {
    position: relative;
    z-index: 2;
}
  
/*.video-background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}*/
/*VIDEO BACKGROUND*/

/*NEW CARDS HOVER VERTICALES*/
@media screen and (min-width:1440px) {
    .background-conteiner-vert{
        background-color: white;
        padding:0px 280px;
    }
}

@media screen and (max-width:1439px) {
    .background-conteiner-vert{
        background-color: white;
        padding:0px 195px;
    }
}

@media screen and (max-width:1100px) {
    .background-conteiner-vert{
        background-color: white;
        padding:0px 175px;
    }
}

@media screen and (max-width:900px) {
    .background-conteiner-vert{
        background-color: white;
        padding:0px 145px;
    }
}

@media screen and (max-width:570px) {
    .background-conteiner-vert{
        background-color: white;
        padding:0px 138px;
    }
}

@media screen and (max-width:500px) {
    .background-conteiner-vert{
        background-color: white;
        padding:0px 100px;
    }
}

@media screen and (max-width:400px) {
    .background-conteiner-vert{
        background-color: white;
        padding:0px 80px;
    }
}

@media screen and (max-width:320px) {
    .background-conteiner-vert{
        background-color: white;
        padding:0px 60px;
    }
}

.paddingCards{
    background: transparent;
    padding-top: 18px;
    position: relative;
    margin-top: -56px;
}
.borderCards{
    border: 2px solid white;
    border-radius: 0;
}
.paddingImages{
    padding: 10px;
}
.marginTopColCards{
    margin-top: 10px;
}

.new-card-titles{
    text-align: center;
    color: white;
    margin: 0;
}

.new-cardoverlay-imgs{
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 178px;
    left: 10px;
    right: 10px;
    top: unset;
    padding: 0.25rem;
    /* border-radius: calc(0.25rem - 1px);*/
}

.new-cardoverlay-imgs-security{
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 130px;
    left: 10px;
    right: 10px;
    top: unset;
    padding: 0.25rem;
    /* border-radius: calc(0.25rem - 1px);*/
}

.new-cardoverlay-imgs-userEnd{
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 154px;
    left: 10px;
    right: 10px;
    top: unset;
    padding: 0.25rem;
    /* border-radius: calc(0.25rem - 1px);*/
}

.new-cardoverlay-imgs-data{
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 154px;
    left: 10px;
    right: 10px;
    top: unset;
    padding: 0.25rem;
    /* border-radius: calc(0.25rem - 1px);*/
}

.new-cardoverlay-imgs-cloud{
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 154px;
    left: 10px;
    right: 10px;
    top: unset;
    padding: 0.25rem;
    /* border-radius: calc(0.25rem - 1px);*/
}

.new-cardoverlay-imgs-network{
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 154px;
    left: 10px;
    right: 10px;
    top: unset;
    padding: 0.25rem;
    /* border-radius: calc(0.25rem - 1px);*/
}

.new-cardoverlay-imgs-monitoring{
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 154px;
    left: 10px;
    right: 10px;
    top: unset;
    padding: 0.25rem;
    /* border-radius: calc(0.25rem - 1px);*/
}

.new-card-text{
    padding: 0 12px;
}

@media screen and (min-width:1367px) {
    .new-card-text{
        font-size: .85em;
    }
}

@media screen and (max-width:1366px) {
    .new-cardoverlay-imgs-data, .new-cardoverlay-imgs-network,
    .new-cardoverlay-imgs-monitoring{
        bottom: 178px;
    }
    .new-cardoverlay-imgs-cloud{
        bottom: 154px;
    }
    .new-cardoverlay-imgs-security{
        bottom: 154px;
    }
    .new-cardoverlay-imgs, .new-cardoverlay-imgs-userEnd{
        bottom: 202px;
    }
}

@media screen and (max-width:1112px) {
    .new-card-text{
        font-size: 13px;
    }
    .new-cardoverlay-imgs-data, .new-cardoverlay-imgs-monitoring{
        bottom: 202px;
    }
    .new-cardoverlay-imgs-cloud{
        bottom: 178px;
    }
}

@media screen and (max-width:1024px) {
    .new-card-text{
        font-size: 12px;
    }
    .new-cardoverlay-imgs-data, .new-cardoverlay-imgs-monitoring,
    .new-cardoverlay-imgs-userEnd{
        bottom: 178px;
    }
    .new-cardoverlay-imgs-cloud{
        bottom: 154px;
    }
}

@media screen and (max-width:380px) {
    .new-card-text{
        font-size: 10px;
    }
    .new-cardoverlay-imgs-data, .new-cardoverlay-imgs-network,
    .new-cardoverlay-imgs-monitoring, .new-cardoverlay-imgs-userEnd{
        bottom: 154px;
    }
    .new-cardoverlay-imgs-security{
        bottom: 130px;
    }
    .new-cardoverlay-imgs{
        bottom: 178px;
    }
}

#imagenHCISPDC:hover {
    content: url('../Assets/Images/Home/NVerticales/HCIc.png');
    display: block;
    height: auto;
    margin: auto;
}

#imagenSeguridad:hover {
    content: url('../Assets/Images/Home/NVerticales/Seguridadc.png');
    display: block;
    height: auto;
    margin: auto;
}

#imagenUsuarioF:hover {
    content: url('../Assets/Images/Home/NVerticales/UsuarioFc.png');
    display: block;
    height: auto;
    margin: auto;
}

#imagenDatos:hover {
    content: url('../Assets/Images/Home/NVerticales/Datosc.png');
    display: block;
    height: auto;
    margin: auto;
}

#imagenProcesos:hover {
    content: url('../Assets/Images/Home/NVerticales/Procesoc.png');
    display: block;
    height: auto;
    margin: auto;
}

#imagenNube:hover {
    content: url('../Assets/Images/Home/NVerticales/Nubec.png');
    display: block;
    height: auto;
    margin: auto;
}

#imagenRedes:hover {
    content: url('../Assets/Images/Home/NVerticales/Redesc.png');
    display: block;
    height: auto;
    margin: auto;
}

#imagenMonitoreo:hover {
    content: url('../Assets/Images/Home/NVerticales/Monitoreoc.png');
    display: block;
    height: auto;
    margin: auto;
}
/*cardsHover*/

.hrNew {
    border: none;
    height: 2px;
    /* Set the hr color */
    background: #9580AA; /* Modern Browsers */
    position: relative;
}

/*3seccitons new*/
@media screen and (min-width:768px) {
    #ThreeSectionsSellcom{
        padding: 25px 105px;
        background-color: white;
    }
}

@media screen and (max-width:767px) {
    #ThreeSectionsSellcom{
        padding: 25px 85px;
    }
}

@media screen and (max-width:680px) {
    #ThreeSectionsSellcom{
        padding: 25px 75px;
    }
}

@media screen and (max-width:500px) {
    #ThreeSectionsSellcom{
        padding: 25px 55px;
    }
}

@media screen and (max-width:450px) {
    #ThreeSectionsSellcom{
        padding: 25px 45px;
    }
}

@media screen and (max-width:385px) {
    #ThreeSectionsSellcom{
        padding: 25px 35px;
    }
}

.backgroundImagesSPC{
    background-image: url('../Assets/Images/Home/Zoom/SobreSellcomN.jpg');
    height: 500px;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

@media screen and (max-width:1000px) {
    .backgroundImagesSPC{
        height: 400px;
    }
}

@media screen and (max-width:800px) {
    .backgroundImagesSPC{
        height: 350px;
    }
}

@media screen and (max-width:570px) {
    .backgroundImagesSPC{
        height: 320px;
    }
}

@media screen and (max-width:480px) {
    .backgroundImagesSPC{
        height: 290px;
    }
}

@media screen and (max-width:430px) {
    .backgroundImagesSPC{
        height: 260px;
    }
}

#divSobreSellcomNew:hover {
    opacity: 0.60;
    background-color: black;
}

#divPremiosNew:hover{
    opacity: 0.60;
    background-color: black;
}

#divContactanosNew:hover{
    opacity: 0.60;
    background-color: black;
}

#backgroundImagesSPCId a {
    /*display: none;*/
    font-size: 27px;
    color: #ffffff !important;
    font-family: 'Montserrat';
    font-weight: 400;
    text-align: center;
    margin: auto;
    position: absolute;
     /*change to down title 767 change desing top: 0;*/
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    cursor: pointer;
    text-decoration: none;
}
/*3seccitons*/

/*Parallax effect new*/
.center-image-Sell{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.background-parallax-wipe{
    padding:0px 30px;
    background-image: url('../Assets/Images/Home/s-23.png');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}

.panel{
	height: 100vh;
	width: 100%;
}

#sellcomMotion img {
    transform: translate(-110%, 0%);
    transition: all 3s ease-out;
}

#sellcomMotion.moveRightS img {
    transition-delay: 1s;
    transform: translate(0%, 0%);
}

.smallLogoSellcom{
    /*padding: 10px 0 0 25px;*/
    display: inline-block;
    height: 120px;
    max-width: 100%;
    vertical-align: middle;
}

/*NUEVO MENU **/
.menu-wrap {
    background-color: white;
    padding: 40px 0;
    overflow: hidden;
    transition: all 0.3s;
    position: fixed;
    width: 350px;
    top: 0;
    right: -350px;
    bottom: 0;
    z-index: 910;
}
@media screen and (max-width: 420px){
    .menu-wrap {
        width: 300px;
        right: -300px;
    }
    .icon-menu2-close{
        font-size: 25px !important;
    }
}
.menu-overlay {
    background: rgba(0, 0, 0, 0.65);
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: -8px;
    z-index: 900;
}
.menu-close {
    position: absolute;
    top: 26px;
    right: 20px;
    width: 40px;
    height: 26px;
    cursor: pointer;
    z-index: 10;
    /*text-indent: -9999px;*/
    transition: all 0.3s;
}
.icon-menu2-close{
    font-size: 30px;
    color: black;
}
.icon-menu2-close:hover{
    color: #545454;
}
.menu-close:hover {
    /*background-color: rgba(236, 69, 69, 1);*/
    cursor: pointer;
}
.menu-wrap:hover .menu-close {
    opacity: 1;
}
.menu-toggle {
    display: none;
}
.menu-toggle:checked + .menu-wrap {
    right: 0;
}
.menu-toggle:checked ~ .menu-overlay {
    display: block;
}
.menu-title {
    color: #FFF;
    padding-left: 40px;
    font-weight: 300;
}
.menu-list {
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: inherit;
    display: block;
    overflow: hidden;
}
.menu-wrap:hover .menu-list {
    overflow-y: auto;
}
.menu-list ul {
    list-style-type: none;
}
.menu-list li {
    display: block;
}
.menu-list li:first-child {
    border-top: medium none;
}
.menu-list li a {
    display: inline; /*block*/
    padding: 10px 35px;
    font-size: 18px;    
    /*color: #FFF;*/
    text-decoration: none;
}
.new-arrow-right-i{
    padding: 0px !important;
    font-size: 23px !important;
    color: #545554 !important;
}
.menu-list li a:hover {
   /* background: red;*/
}
.menu-list li a:active {
    /*background: #666;*/
}
/*.menu-button {
    display: inline-block;
    margin: 4px;
    padding: 7px 20px;
    color: #FFF;
    background: #67B5D1;    
}*/

/*boton hamburguer*/
#menu__toggle {
    opacity: 0;
  }
  #menu__toggle:checked + .menu__btn > span {
    transform: rotate(45deg);
  }
  #menu__toggle:checked + .menu__btn > span::before {
    top: 0;
    transform: rotate(0deg);
  }
  #menu__toggle:checked + .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
  }
  #menu__toggle:checked ~ .menu__box {
    left: 0 !important;
  }
  .menu__btn {
    position: absolute; /*fixed*/
    top: 37px;
    right: 20px;
    width: 40px;
    height: 26px;
    cursor: pointer;
    z-index: 10;
  }
  .menu__btn > span,
  .menu__btn > span::before,
  .menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: black;
    transition-duration: .25s;
  }
  .menu__btn > span::before {
    content: '';
    top: -8px;
  }
  .menu__btn > span::after {
    content: '';
    top: 8px;
  }
  @media screen and (max-width: 500px) {
    .menu__btn {
        width: 30px;
        top: 31px;
      }
    .menu__btn > span::before {
        top: -7px;
      }
      .menu__btn > span::after {
        top: 7px;
      }
  }

.logo-bottom-menu2{
    padding: 20px 0 0 0px;
    display: inline-block;
    height: 80px;
    max-width: 100%;
    vertical-align: middle;
}

/*CHANGE PAGES JUN 2022*/

/*New general*/
.new-backgroundLine{
    height: 60px; 
    background-color: #F4F4F4;
}

.new-backgroundLine-middle{
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div-headingInside{
    padding:14px 70px; 
    display: flex;
    align-items: center;
    color: black;
}

@media (max-width: 500px) {
    .div-headingInside{
        padding:14px 50px;
    }
    .new-card-padding-beneficios{
        padding: 10px 15px !important;
        color: black;
    }
}

.newMarcas-principal-texto {
    color: black;
    text-align: justify;
    padding-top: 10px;
    padding-right: 10px;
}

.card-beneficios-marcas{
    background-color: transparent;
    border: none;

}

.new-card-padding-beneficios{
    padding: 10px 18px;
    color: black;
    display: flex;
}

.new-cuadro-card-padding {
    padding: 10px;
    background-color: #F4F4F4;
    border-radius: 20px; /* Bordes redondeados con radio de 20px */
}


.child-gen {
    position: absolute;
    top: 0;
    right: 0;
    /*background-image: url('https://picsum.photos/200');*/
    width: 500px;
    height: 300px;
    /*background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

@media (max-width: 991px) {
    .child-gen{
        width: 410px;
    }
}

@media (max-width: 858px) {
    .child-gen{
        width: 320px;
    }
}

@media (max-width: 767px) {
    .child-gen{
        width: 410px;
    }
}

@media (max-width: 414px) {
    .child-gen{
        width: 400px;
    }
}

@media (max-width: 400px) {
    .child-gen{
        width: 360px;
    }
}

/*New child esfera general*/
.child-second-veeam {
    position: absolute;
    top: -75px;
    right: 60px;
    background-image: url('../Assets/Images/Marcas/Veeam/esfera.png');
    width: 300px;
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-ivanti {
    position: absolute;
    top: -35px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Ivanti/esfera.png');
    width: 320px;
    height: 270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-azure {
    position: absolute;
    top: -70px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Azure/explosion.png');
    width: 320px;
    height: 270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-hci {
    position: absolute;
    top: -40px;
    right: 40px;
    background-image: url('../Assets/Images/Verticales/HCI/explosion.png');
    width: 400px;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-nube {
    position: absolute;
    top: -65px;
    right: 50px;
    background-image: url('../Assets/Images/Verticales/Nube/explosion.png');
    width: 320px;
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-seguridad {
    position: absolute;
    top: -55px;
    right: 50px;
    background-image: url('../Assets/Images/Verticales/Seguridad/esfera.png');
    width: 310px;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-usuario {
    position: absolute;
    top: -75px;
    right: 40px;
    background-image: url('../Assets/Images/Verticales/Usuario/explosion.png');
    width: 400px;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-servicenow {
    position: absolute;
    top: -25px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Servicenow/esfera.png');
    width: 300px;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-anywhere {
    position: absolute;
    top: -55px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Anywhere/esfera.png');
    width: 300px;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-aws {
    position: absolute;
    top: -35px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/AWS/explosion.png');
    width: 350px;
    height: 265px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-netapp {
    position: absolute;
    top: -45px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/NetApp/esfera.png');
    width: 300px;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-dell {
    position: absolute;
    top: -48px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Dell/esfera.png');
    width: 300px;
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-nutanix {
    position: absolute;
    top: -40px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Nutanix/esfera.png');
    width: 270px;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-qlik {
    position: absolute;
    top: -54px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Qlik/esfera.png');
    width: 300px;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-powerbi {
    position: absolute;
    top: -22px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/PowerBi/esfera.png');
    width: 315px;
    height: 275px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-aruba {
    position: absolute;
    top: -45px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Aruba/esfera.png');
    width: 250px;
    height: 240px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-naudit {
    position: absolute;
    top: -20px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Naudit/esfera.png');
    width: 280px;
    height: 245px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-vmware {
    position: absolute;
    top: -25px;
    right: 45px;
    background-image: url('../Assets/Images/Marcas/VMware/esfera.png');
    width: 280px;
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-jamf {
    position: absolute;
    top: -28px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Jamf/esfera.png');
    width: 240px;
    height: 190px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-blancco {
    position: absolute;
    top: -22px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/Blancco/esfera.png');
    width: 255px;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-ssl {
    position: absolute;
    top: -22px;
    right: 50px;
    background-image: url('../Assets/Images/Marcas/SSL/esfera.png');
    width: 320px;
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-second-sobreSellcom {
    position: absolute;
    top: -43px;
    right: 50px;
    background-image: url('../Assets/Images/Secciones/SobreSellcom/esfera.png');
    width: 285px;
    height: 270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1100px) {
    .child-second-veeam {
        top: -70px;
        right: 20px;
    }
    .child-second-ivanti {
        top: -40px;
        right: 18px;
    }
    .child-second-hci{
        top: -40px;
        right: 15px;
    }
    .child-second-hci{
        top: -40px;
        right: 15px;
    }
    .child-second-seguridad{
        right: 25px;
    }
    .child-second-usuario{
        right: 20px;
    }
    .child-second-servicenow{
        right: -15px;
    }
    .child-second-anywhere{
        top: -28px;
    }
    .child-second-aws{
        right: 10px;
    }
    .child-second-dell{
        top: -40px;
        right: 30px;
    }
    .child-second-qlik{
        top: -45px;
        right: 20px;
    }
    .child-second-powerbi{
        top: -12px;
        right: 15px;
    }
    .child-second-naudit{
        right: 20px;
    }
    .child-second-vmware{
        top: 0px;
        right: 5px;
        width: 250px;
        height: 250px;
    }
    .child-second-jamf{
        top: -15px;
        right: 30px;
    }
    .child-second-blancco{
        right: 25px;
    }
    .child-second-ssl{
        top: 0px;
        right: 10px;
    }
    .child-second-sobreSellcom{
        top: -16px;
        right: 15px;
    }
}

@media (max-width: 930px) {
    .child-second-veeam {
        top: -70px;
        right: -15px;
    }
    .child-second-azure{
        right: -10px;
    }
    .child-second-hci{
        right: 0px;
    }
    .child-second-nube{
        right: 18px;
    }
    .child-second-seguridad{
        top: -30px;
        right: 0px;
    }
    .child-second-usuario{
        top: -70px;
        right: -15px;
    }
    .child-second-servicenow{
        top: -18px;
        right: -25px;
    }
    .child-second-anywhere{
        top: -16px;
        right: 10px;
    }
    .child-second-aws{
        top: -15px;
        right: -10px;
    }
    .child-second-netapp{
        right: 10px;
    }
    .child-second-dell{
        top: -30px;
        right: 0px;
    }
    .child-second-nutanix{
        top: -30px;
        right: 10px;
    }
    .child-second-qlik{
        top: -40px;
        right: -5px;
    }
    .child-second-powerbi{
        right: -20px;
    }
    .child-second-naudit{
        top: -2px;
        right: -5px;
    }
    .child-second-vmware{
        top: 5px;
        right: -40px;
    }
    .child-second-jamf{
        top: -3px;
        right: 15px;
    }
    .child-second-blancco{
        top: 0;
        right: 5px;
    }
    .child-second-ssl{
        top: 10px;
        right: -28px;
    }
    .child-second-sobreSellcom{
        top: -10px;
        right: 0px;
    }
}

@media (max-width: 820px) {
    .child-second-veeam {
        top: -70px;
        right: -35px;
    }
    .child-second-ivanti {
        top: -40px;
        right: -30px;
    }
    .child-second-hci{
        right: -40px;
    }
    .child-second-nube{
        right: -15px;
    }
    .child-second-seguridad{
        right: -25px;
    }
    .child-second-servicenow{
        top: 5px;
        right: -40px;
        width: 280px;
        height: 235px;
    }
    .child-second-anywhere{
        top: -10px;
        right: -6px;
    }
    .child-second-aws{
        right: -35px;
    }
    .child-second-netapp{
        top: -35px;
        right: -10px;
    }
    .child-second-dell{
        right: -30px;
    }
    .child-second-nutanix{
        right: -15px;
    }
    .child-second-qlik{
        top: -20px;
        right: -30px;
    }
    .child-second-powerbi{
        top: 20px;
        right: -50px;
    }
    .child-second-aruba{
        top: -35px;
        right: 5px;
    }
    .child-second-naudit{
        top: 5px;
        right: -30px;
    }
    .child-second-vmware{
        top: 15px;
        right: -55px;
    }
    .child-second-jamf{
        top: 5px;
    }
    .child-second-blancco{
        top: 15px;
        right: -5px;
    }
    .child-second-ssl{
        top: 35px;
        right: -35px;
        width: 290px;
        height: 280px;
    }
    .child-second-sobreSellcom{
        right: -20px;
    }
}

@media (max-width: 767px) {
    .child-second-veeam {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .marca-veeam-background-child{
        height: 200px !important;
    }
    .marca-veeam-background{
        padding: 35px 0px;
    }
    .child-gen {
        position: initial;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .child-second-ivanti {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .child-second-azure {
        top: -50px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .child-second-hci{
        top: -35px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .child-second-nube{
        top: 0;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .marca-ivanti-background-child{
        height: 200px !important;
    }
    .marca-azure-background-child{
        height: 200px !important;
    }
    .vert-hci-background-child{
        height: 200px !important;
    }
    .vert-nube-background-child{
        height: 200px !important;
    }
    .vert-seguridad-background-child{
        height: 200px !important;
    }
    .child-second-seguridad{
        top: -40px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-usuario-background-child{
        height: 200px !important;
    }
    .child-second-usuario{
        top: -40px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-servicenow-background-child{
        height: 200px !important;
    }
    .child-second-servicenow{
        top: 5px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-anywhere-background-child{
        height: 200px !important;
    }
    .child-second-anywhere{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .marca-aws-background-child{
        height: 200px !important;
    }
    .child-second-aws{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
        width:320px;
    }
    .marca-netapp-background-child{
        height: 200px !important;
    }
    .child-second-netapp{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-dell-background-child{
        height: 200px !important;
    }
    .child-second-dell{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-nutanix-background-child{
        height: 200px !important;
    }
    .child-second-nutanix{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-qlik-background-child{
        height: 200px !important;
    }
    .child-second-qlik{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-powerbi-background-child{
        height: 200px !important;
    }
    .child-second-powerbi{
        top: -5px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-aruba-background-child{
        height: 200px !important;
    }
    .child-second-aruba{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-naudit-background-child{
        height: 200px !important;
    }
    .child-second-naudit{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .marca-vmware-background-child{
        height: 200px !important;
    }
    .child-second-vmware{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-jamf-background-child{
        height: 200px !important;
    }
    .child-second-jamf{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-blancco-background-child{
        height: 200px !important;
    }
    .child-second-blancco{
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-ssl-background-child{
        height: 200px !important;
    }
    .child-second-ssl{
        top: -32px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
    .vert-sobreSellcom-background-child{
        height: 200px !important;
    }
    .child-second-sobreSellcom{
        top: -25px;
        bottom: 0;
        left: 0;
        right: 0px;
        margin: auto;
    }
}

@media (max-width: 375px) {
    .child-second-veeam {
        left: -25px;
    }
}

/*New veeam*/
.title-beneficios-black{
    color: black;
    font-weight: 500;
    padding-top: 14px;
}

.text-beneficios-black{
    color: black;
    font-weight: 400;
}

.title-beneficios-white{
    color: white;
    font-weight: 500;
    padding-top: 14px;
}

.text-beneficios-white{
    color: white;
    font-weight: 400;
}

.padding-benefi-gen{
    padding: 0px 30px;
}

.padding-benefi-gen-tresIco{
    padding: 0px 60px;
}

@media (max-width: 500px) {
    .padding-benefi-gen{
        padding: 0px 10px;
    }
    .padding-benefi-gen-tresIco{
        padding: 0px 10px;
    }
}

.cuadro-azulF-padding-veeam .cuadro-azulF-marca-veeam:hover{
    background-color: #D1D1D1;
}

.background-color-marcas-veeam-large {
    background-color: #023435;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 12px;
    border-radius: 20px 0 0 20px; /* Bordes redondeados solo en el lado izquierdo superior e inferior */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-marcas-veeam-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}

.background-color-marcas-veeam-large2 {
    background-color: #023435;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 12px;
    border-radius: 20px;
}
.cuadro-marca-large{
    background-color: transparent;
    padding: 20px;
}

.marca-veeam-background-child {
    background-color: #023435;
    height: auto;
    border-radius: 0 20px 20px 0; /* Bordes redondeados solo en la derecha de arriba y abajo */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .marca-veeam-background-child {
        border-radius: 0 0 20px 20px; /* Redondeado solo en la parte inferior */
    }
}
/**********************************/

/*Parallax Image*/
.parallax-img-bg-fixed {
    width: 100%;
    height: 80vh;
    /* Important */
    position: relative;
}

.parallax-img-bg-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-pallx-general { 
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: transform;
}

.img-pallx-veeam {
    background-image: url('../Assets/Images/Marcas/Veeam/avion.png');
}

.img-pallx-ivanti {
    background-image: url('../Assets/Images/Marcas/Ivanti/edificios.png');
}

.img-pallx-azure {
    background-image: url('../Assets/Images/Marcas/Azure/pasillo.png');
}

.img-pallx-hci {
    background-image: url('../Assets/Images/Verticales/HCI/vias.png');
}

.img-pallx-nube {
    background-image: url('../Assets/Images/Verticales/Nube/cuadro.png');
}

.img-pallx-datos {
    background-image: url('../Assets/Images/Verticales/Datos/digitalMont.png');
}

.img-pallx-redes {
    background-image: url('../Assets/Images/Verticales/Redes/vias.png');
}

.img-pallx-procesos {
    background-image: url('../Assets/Images/Verticales/Procesos/caracol.png');
}

.img-pallx-monitoreo {
    background-image: url('../Assets/Images/Verticales/Monitoreo/faroMar.png');
}

.img-pallx-seguridad {
    background-image: url('../Assets/Images/Verticales/Seguridad/candado.png');
}

.img-pallx-usuario {
    background-image: url('../Assets/Images/Verticales/Usuario/mujer.png');
}
.img-pallx-usuarioo {
    background-image: url('../Assets/Images/Verticales/Usuario/mid.jpg');
}

.img-pallx-servicenow {
    background-image: url('../Assets/Images/Marcas/Servicenow/paris.png');
}

.img-pallx-anywhere {
    background-image: url('../Assets/Images/Marcas/Anywhere/aparato.png');
}

.img-pallx-aws {
    background-image: url('../Assets/Images/Marcas/AWS/maquinas.png');
}

.img-pallx-netapp {
    background-image: url('../Assets/Images/Marcas/NetApp/libros.png');
}

.img-pallx-dell {
    background-image: url('../Assets/Images/Marcas/Dell/techo.png');
}

.img-pallx-nutanix {
    background-image: url('../Assets/Images/Marcas/Nutanix/circulo.png');
}

.img-pallx-hpe {
    background-image: url('../Assets/Images/Marcas/Hpe/edificios.png');
}

.img-pallx-hitachi {
    background-image: url('../Assets/Images/Marcas/Hitachi/servidores.png');
}

.img-pallx-qlik {
    background-image: url('../Assets/Images/Marcas/Qlik/archiveros.png');
}

.img-pallx-powerbi {
    background-image: url('../Assets/Images/Marcas/PowerBi/graficos.png');
}

.img-pallx-aruba {
    background-image: url('../Assets/Images/Marcas/Aruba/lago.png');
}

.img-pallx-naudit {
    background-image: url('../Assets/Images/Marcas/Naudit/servidores.png');
}

.img-pallx-vmware {
    background-image: url('../Assets/Images/Marcas/VMware/oficina.png');
}

.img-pallx-jamf {
    background-image: url('../Assets/Images/Marcas/Jamf/apple.png');
}

.img-pallx-hpinc {
    background-image: url('../Assets/Images/Marcas/HPinc/cartucho.png');
}

.img-pallx-blancco {
    background-image: url('../Assets/Images/Marcas/Blancco/cajas.png');
}

.img-pallx-cye {
    background-image: url('../Assets/Images/Marcas/Cye/pasillo.png');
}

.img-pallx-ssl {
    background-image: url('../Assets/Images/Marcas/SSL/code.png');
}

.img-pallx-assac {
    background-image: url('../Assets/Images/Marcas/Assac/person.png');
}

.img-pallx-redhat {
    background-image: url('../Assets/Images/Marcas/RedHat/contenedores.png');
}

.img-pallx-sobreSellcom {
    background-image: url('../Assets/Images/Secciones/SobreSellcom/mapa.png');
}

/*.parallax-img-mv {
    Set a specific height
    height: 80vh;
    Create the parallax scrolling effect
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}*/

  .animate__animated.animate__pulse {
    --animate-duration: 2s;
  }

/*CIRCLE CURSOR all*/
#circle {
    position: fixed;
    border-radius: 50%;
    z-index: 5;
    height: 40px;
    width: 40px;
    pointer-events: none;
    transition:
        background ease-in 10ms,
        box-shadow ease-in 150ms,
        transform ease-in 150ms;

    /* Promote it to its own layer to enable  hardware accelerated rendering: */
    transform: translate3d(0, 0, 0);
}

#circleVeeam:hover~#circle {
    background-color: #023435;
    opacity: 0.80;
    /*box-shadow: 0 0 0 0 transparent, inset 0em -0.3em 0.4em 0.2em #ca9e03a6;*/
}

#circleIvanti:hover~#circle {
    background-color: #CE372E;
    opacity: 0.80;
    /*box-shadow: 0 0 0 0 transparent, inset 0em -0.3em 0.4em 0.2em #ca9e03a6;*/
}

#circleAzure:hover~#circle {
    background-color: #19A2D8;
    opacity: 0.80;
    /*box-shadow: 0 0 0 0 transparent, inset 0em -0.3em 0.4em 0.2em #ca9e03a6;*/
}

#circleServicenow:hover~#circle {
    background-color: #293e40;
    opacity: 0.80;
    /*box-shadow: 0 0 0 0 transparent, inset 0em -0.3em 0.4em 0.2em #ca9e03a6;*/
}

#circleAnywhere:hover~#circle {
    background-color: #E15A32;
    opacity: 0.80;
}

#circleAws:hover~#circle {
    background-color: #F29E3F;
    opacity: 0.80;
}

#circleNetapp:hover~#circle {
    background-color: #1667C5;
    opacity: 0.80;
}

#circleDell:hover~#circle {
    background-color: #2e73b8;
    opacity: 0.80;
}

  /*new hover general*
  /* Zoom In #1 */
.figure-icons-zoom {
	margin: 0;
	padding: 0;
	overflow: hidden;
    text-align: center;
}
.hoverIcons .figure-icons-zoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hoverIcons .figure-icons-zoom:hover img {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}

.card-img-top {
    width: 60%;
}

/*Nuestra solución new*/

.container-background-solu-veeam{
    background-color: #023435;
    padding-left: 40px;
    padding-right: 40px;
}

.new-cuadro-solu-padding{
    padding: 10px;
}

.title-soluciones{
    color: white;
    font-weight: 400;
    padding: 12px 0;
}

.p-marcas-solu-w{
    text-align: justify;
    color: white;
    font-weight: 300;
    font-size: 1.1rem;
}

.new-padding-soluciones{
    padding: 10px 15px;
}

.child-puertas-soluimg-veeam{
    position: absolute;
    top: -25px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Veeam/puertas.png');
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-ivanti{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Ivanti/puertasIv.png');
    height: 390px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-azure{
    position: absolute;
    top: -23px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Azure/puertasAz.png');
    height: 345px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-hci{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Verticales/HCI/puertasHci.png');
    height: 405px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-nube{
    position: absolute;
    top: -40px;
    right: 10px;
    background-image: url('../Assets/Images/Verticales/Nube/puertasNu.png');
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-datos{
    position: absolute;
    top: -28px;
    right: 10px;
    background-image: url('../Assets/Images/Verticales/Datos/puertaDa.png');
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-redes{
    position: absolute;
    top: -32px;
    right: 10px;
    background-image: url('../Assets/Images/Verticales/Redes/puertasRe.png');
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-procesos{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Verticales/Procesos/puertasPro.png');
    height: 355px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-monitoreo{
    position: absolute;
    top: -32px;
    right: 10px;
    background-image: url('../Assets/Images/Verticales/Monitoreo/puertasMon.png');
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-seguridad{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Verticales/Seguridad/puertasSe.png');
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-usuario{
    position: absolute;
    top: -29px;
    right: 10px;
    background-image: url('../Assets/Images/Verticales/Usuario/puertafinal.png');
    height: 330px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-servicenow{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Servicenow/puertaServ.png');
    height: 355px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-anywhere{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Anywhere/puertasAny.png');
    height: 335px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-aws{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/AWS/puertasAws.png');
    height: 355px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-netapp{
    position: absolute;
    top: -20px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/NetApp/puertasNet.png');
    height: 375px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-dell{
    position: absolute;
    top: -27px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Dell/puertasDell.png');
    height: 290px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-nutanix{
    position: absolute;
    top: -28px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Nutanix/puertasNut.png');
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-hpe{
    position: absolute;
    top: -28px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Hpe/puertasHpe.png');
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-hitachi{
    position: absolute;
    top: -24px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Hitachi/puertasHit.png');
    height: 410px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-qlik{
    position: absolute;
    top: -24px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Qlik/puertaQli.png');
    height: 330px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-aruba{
    position: absolute;
    top: -28px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Aruba/puertasAru.png');
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-naudit{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Naudit/puertasNau.png');
    height: 345px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-jamf{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Jamf/puertasJmf.png');
    height: 355px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-hpinc{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/HPinc/puertasHpi.png');
    height: 330px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-blancco{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/Blancco/puertasBla.png');
    height: 365px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-ssl{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/SSL/puertasSsl.png');
    height: 333px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.child-puertas-soluimg-redhat{
    position: absolute;
    top: -22px;
    right: 10px;
    background-image: url('../Assets/Images/Marcas/RedHat/puertasRH.png');
    height: 382px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1024px) {
    .child-puertas-soluimg-veeam, .child-puertas-soluimg-ivanti, .child-puertas-soluimg-azure,
    .child-puertas-soluimg-hci, .child-puertas-soluimg-nube, .child-puertas-soluimg-datos,
    .child-puertas-soluimg-redes, .child-puertas-soluimg-procesos, .child-puertas-soluimg-monitoreo,
    .child-puertas-soluimg-seguridad, .child-puertas-soluimg-usuario, .child-puertas-soluimg-servicenow,
    .child-puertas-soluimg-anywhere, .child-puertas-soluimg-aws, .child-puertas-soluimg-netapp,
    .child-puertas-soluimg-dell, .child-puertas-soluimg-nutanix, .child-puertas-soluimg-hpe,
    .child-puertas-soluimg-hitachi, .child-puertas-soluimg-qlik, .child-puertas-soluimg-aruba,
    .child-puertas-soluimg-naudit, .child-puertas-soluimg-jamf, .child-puertas-soluimg-hpinc,
    .child-puertas-soluimg-blancco, .child-puertas-soluimg-ssl, .child-puertas-soluimg-redhat{
        position: initial;
    }
}

@media (max-width: 768px) {
    .child-puertas-soluimg-ivanti{
        height: 320px;
    }
    .child-puertas-soluimg-azure{
        height: 320px;
    }
    .child-puertas-soluimg-hci{
        height: 320px;
    }
    .child-puertas-soluimg-hitachi{
        height: 320px;
    }
}

@media (max-width: 500px) {
    .new-padding-soluciones{
        padding: 10px 0px;
    }
    .padding-zero-soluciones{
        padding: 0;
    }
}

/*fin new soluciones**/

/*New Ivanti*/

.background-color-marcas-ivanti-large {
    background-color: #CE372E;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 12px;
    border-radius: 20px 0 0 20px; /* Bordes redondeados solo en las esquinas izquierdas */
}

/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-marcas-ivanti-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}
.marca-ivanti-background-child {
    background-color: #CE372E;
    height: auto;
    border-radius: 0 20px 20px 0; /* Bordes redondeados solo en las esquinas derechas */
}

/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .marca-ivanti-background-child {
        border-radius: 0 0 20px 20px; /* Redondeado solo en la parte inferior */
    }
}
.container-background-solu-ivanti{
    background-color: #CE372E;
    padding-left: 40px;
    padding-right: 40px;
}

.cuadro-azulF-padding-ivanti .cuadro-grisN-marca-ivanti:hover{
    background-color: #D1D1D1;
}

.video-background-holder-ivantimano {
    position: relative;
    /*background-color: #140D44;*/
    height: calc(55vh);
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
  
.video-background-holder-ivantimano video {
    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%; /*100vw*/
    height: 100%;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.img-background-overlay-ivanti {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 10px 70px;
    background-image: url('../Assets/Images/Marcas/Ivanti/ivanti-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/**********************/

/*New Azure*/

.background-color-marcas-azure-large {
    background-color: #19A2D8;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 12px;
    border-radius: 20px 0 0 20px; /* Bordes redondeados solo en las esquinas izquierdas */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-marcas-azure-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}

.marca-azure-background-child {
    background-color: #19A2D8;
    height: auto;
    border-radius: 0 20px 20px 0; /* Bordes redondeados solo en las esquinas derechas */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .marca-azure-background-child {
        border-radius: 0 0 20px 20px; /* Redondeado solo en la parte inferior */
    }
}

.container-background-solu-azure{
    background-color: #19A2D8;
    padding-left: 40px;
    padding-right: 40px;
}

.cuadro-azulF-padding-azure .cuadro-azulF-marca-azure:hover{
    background-color: #D1D1D1;
}

/*VIDEO BACGROUUND*/
.video-background-holder-azure {
    position: relative;
    background-color: black;
    height: calc(40vh);
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
  
.video-background-holder-azure video {
    position: absolute;
    top: 75%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto; /*100vw*/
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
  
.video-background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 10px 70px;
}

@media (max-width: 500px) {
    .video-background-overlay{
        padding: 20px 30px !important;
    }
    .video-background-overlay-hci{
        padding: 20px 30px !important;
    }
    .video-background-overlay-nube{
        padding: 20px 30px !important;
    }
    .video-background-overlay-datos{
        padding: 20px 30px !important;
    }
    .video-background-overlay-redes{
        padding: 20px 30px !important;
    }
    .video-background-overlay-procesos{
        padding: 20px 30px !important;
    }
    .img-background-overlay-ivanti{
        padding: 20px 30px !important;
    }
    .video-background-overlay-monitoreo{
        padding: 20px 30px !important;
    }
    .video-background-overlay-seguridad{
        padding: 20px 30px !important;
    }
    .video-background-overlay-usuario{
        padding: 20px 30px !important;
    }
    .img-background-overlay-servicenow{
        padding: 20px 30px !important;
    }
    .img-background-overlay-aws{
        padding: 20px 30px !important;
    }
    .img-background-overlay-netapp{
        padding: 20px 30px !important;
    }
    .img-background-overlay-dell{
        padding: 20px 30px !important;
    }
    .video-background-overlay-hpe{
        padding: 20px 30px !important;;
    }
    .video-background-overlay-qlik{
        padding: 20px 30px !important;;
    }
    .video-background-overlay-powerbi{
        padding: 20px 30px !important;
    }
    .video-background-overlay-aruba{
        padding: 20px 30px !important;
    }
    .video-background-overlay-naudit{
        padding: 20px 30px !important;
    }
    .video-background-overlay-vmware{
        padding: 20px 30px !important;
    }
    .video-background-overlay-jamf{
        padding: 20px 30px !important;
    }
    .video-background-overlay-hpinc{
        padding: 20px 30px !important;
    }
    .video-background-overlay-blancco{
        padding: 20px 30px !important;
    }
    .video-background-overlay-cye{
        padding: 20px 30px !important;
    }
    .video-background-overlay-ssl{
        padding: 20px 30px !important;
    }
    .video-background-overlay-assac{
        padding: 20px 30px !important;
    }
    .video-background-overlay-redhat{
        padding: 20px 30px !important;
    }
    .video-background-overlay-premios{
        padding: 20px 30px !important;
    }
    .video-background-overlay-sobreSellcom{
        padding: 20px 30px !important;
    }
    .video-background-overlay-contactanos{
        padding: 20px 30px !important;
    }
}
/*VIDEO BACKGROUND*/
/**********************/

/*NEW HCI+SDDC*/
.cuadro-SDDC-padding-gen{
    padding: 10px 35px;
}

.verticalLineContainer-hci{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
}

.background-color-vert-hci-large {
    background-color: #7c8081;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
}

.vert-hci-background-child{
    background-color: #7c8081;
    height: auto;
}

.line-between-hci{
    background-color: #7c8081;
    height: 15px;
    width: 80px;
}

.container-background-solu-hci{
    background-color: #7c8081;
    padding-left: 40px;
    padding-right: 40px;
}
.cuadro-azulF-padding-hciNo{
    padding: 0px 0px;
}

.cuadro-grisN-marca-hciNo{
    background-color: #F4F4F4;

    padding: 0px;
}

.cuadro-azulF-padding-hciN{
    padding: 30px 40px;
}

.cuadro-grisN-marca-hciN{
    background-color: #F4F4F4;

    padding: 20px;
    border-radius: 20px;
}

.cuadro-azulF-padding-hciN .cuadro-grisN-marca-hciN:hover{
    background-color: #D1D1D1;
}

.cuadro-azulF-padding-hciN .cuadro-grisN-marca-hciN img:hover,
.cuadro-azulF-padding-hciN div img:hover{
    opacity: 0.8;
    z-index: 1;
}

.cuadro-azulF-padding-hciN2{
    padding: 30px 0px;
}
.cuadro-grisN-marca-hciN2{

 background: linear-gradient(to left, #D1D1D1 50%, #fff 50%);
    padding: 50px;

}
.cuadro-azulF-padding-hciN2 .cuadro-grisN-marca-hciN2:hover{
    background-color: #D1D1D1;
}

.cuadro-azulF-padding-hciN2 .cuadro-grisN-marca-hciN2 img:hover,
.cuadro-azulF-padding-hciN2 div img:hover{
    opacity: 0.8;
    z-index: 1;
}


.cuadro-azulF-padding-hciN3{
    padding: 200px 40px;
    display: flex;
}
.cuadro-grisN-marca-hciN3{

 background-color: white;
    padding: 20px;

}
.cuadro-azulF-padding-hciN3 .cuadro-grisN-marca-hciN3:hover{
    background-color: #fff;
}

.cuadro-azulF-padding-hciN3 .cuadro-grisN-marca-hciN3 img:hover,
.cuadro-azulF-padding-hciN3 div img:hover{
    opacity: 0.8;
    z-index: 1;
}








.cuadro-azulF-padding-hciN22{
    padding: 30px 40px;
}
.cuadro-grisN-marca-hciN22{

 background: linear-gradient(to right, #D1D1D1 50%, #fff 50%);
    padding: 50px;

}
.cuadro-azulF-padding-hciN22 .cuadro-grisN-marca-hciN22:hover{
    background-color: #D1D1D1;
}

.cuadro-azulF-padding-hciN22 .cuadro-grisN-marca-hciN22 img:hover,
.cuadro-azulF-padding-hciN22 div img:hover{
    opacity: 0.8;
    z-index: 1;
}


/*VIDEO BACGROUUND*/
.video-background-holder-hci {
    position: relative;
    /*background-color: #140D44;*/
    height: calc(40vh);
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
  
.video-background-holder-hci video {
    position: absolute;
    top: 40%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto; /*100vw*/
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
  
.video-background-overlay-hci {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, #7c8081, rgba(0, 0, 0, 0));
}

.vertical-align-hci{
    padding: 70px 0;
    text-align: left;
}

.title-SDDC-hci{
    line-height: normal;
    color: #626262;
    padding: 50px 0px;
}

@media (max-width: 1024px) {
    .title-SDDC-hci{
        padding: 50px 0px;
        font-size: 48px;
    }
}

.new-title-produc-middle{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*VIDEO BACKGROUND*/
/**********************/

/*NEW CAROUSEL + 4 BEFENICIOS GENERAL*/
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 4 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.new-control-black-left { 
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23606060' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    width: 30px;
    height: 25px;
}

.new-control-black-right {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23606060' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    width: 30px;
    height: 25px;
}
/**********************/

/*NEW NUBE*/
.verticalLineContainer-nube{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
}

.background-color-vert-nube-large {
    background-color: #7c8081;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
}

.vert-nube-background-child{
    background-color: #7c8081;
    height: auto;
}

.line-between-nube{
    background-color: #7c8081;
    height: 15px;
    width: 80px;
}

.video-background-overlay-nube {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
   linear-gradient(to right, #7c8081, rgba(0, 0, 0, 0));
}

.vertical-align-nube{
    padding: 85px 0;
    text-align: left;
}

.container-background-solu-nube{
    background-color: #F4F4F4;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.center-bg-overlaydiv{
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.bg-soluc-overlay-nube-left {
    position: absolute;
    top: -110px;
    left: -125px;
    /*height: 55%;
    width: 110%;*/
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 25px;
    opacity: 0.8;
    background-color: #595959;
}

.bg-soluc-overlay-nube-right {
    position: absolute;
    top: -100px;
    right: -125px;
    /*height: 55%;
    width: 110%;*/
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 25px;
    opacity: 0.8;
    background-color: #595959;
}

.vertical-align-bg-solu-nube{
    padding: 40px 10px;
    text-align: center;
}

.subtitle-bg-solu{
    margin-top: 0px;
}

.cuadrotext-solu-padding-gen{
    padding: 10px 35px;
}

@media (max-width: 950px) {
    .subtitle-bg-solu{
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .bg-soluc-overlay-nube-left {
        top: -10px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .center-bg-overlaydiv{
        height: 200px;
    }
    .auto-img-right{
        height: auto;
    }
    .cuadrotext-solu-padding-gen{
        padding: 10px 18px;
    }
    .bg-soluc-overlay-nube-right{
        top: 0;
        left: 0;
        right: 0;
        bottom: -10px;
        margin: auto;
    }
}

@media (max-width: 500px) {
    .vertical-align-bg-solu-nube{
        padding: 30px 10px;
        text-align: center;
    }

    .cuadro-grisN-marca-hciN2{

 background: linear-gradient(to left, #D1D1D1 50%, #fff 50%);
    padding: 20px;

}
}

.container-bg-solu-nube{
    background-color: #7c8081;
    padding-left: 40px;
    padding-right: 40px;
}

.new-padding-soluciones-littletext{
    padding: 40px 15px;
}

@media (max-width: 991px) {
    .new-padding-soluciones-littletext{
        padding: 30px 15px;
    }
}
/**********************/

/*NEW DATOS*/

.video-background-overlay-datos {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
   linear-gradient(to right, #efefef, rgba(0, 0, 0, 0));

}

.vertical-align-datos{
    padding: 70px 0;
    text-align: left;
}

@media (max-width: 500px) {
    .vertical-align-datos{
        padding: 48px 0;
        text-align: left;
    }
    .vertical-align-procesos{
        padding: 60px 0 !important;
        text-align: left;
    }
}

.line-between-datos{
    background-color: #c2bfc4;
    height: 15px;
    width: 80px;
}

.container-bg-solu-datos{
    background-color: #c2bfc4;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW REDES*/

/*VIDEO BACGROUUND*/
/*MÁS TEXTO*/
.video-background-holder-redes {
    position: relative;
    height: calc(40vh);
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
  
.video-background-holder-redes video {
    position: absolute;
    top: 60%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto; /*100vw*/
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.video-background-overlay-redes {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, #d29b83, rgba(0, 0, 0, 0));
}

.vertical-align-redes{
    padding: 40px 0;
    text-align: left;
}

.container-bg-solu-redes{
    background-color: #d29b83;
    padding-left: 40px;
    padding-right: 40px;
}

@media (max-width: 688px) {
    .vertical-align-redes{
        padding: 0px;
        text-align: left;
    }
}

@media (max-width: 510px) {
    .video-background-holder-redes{
        min-height: 26.5rem;
    }
    .video-background-overlay-redes{
        padding: 25px 35px;
    }
}

@media (max-width: 375px) {
    .video-background-holder-redes{
        min-height: 32.5rem;
    }
}

.line-between-redes-delg{
    background-color: #d29b83;
    height: 3px;
    width: 100%;
}

.line-between-redes{
    background-color: #d29b83;
    height: 15px;
    width: 80px;
}

@media (min-width: 1200px) {
    .aux-img-auto-overlay{
        left: 0;
        top: 0;
        margin: auto;
        padding: 0px;
    }
}

@media (max-width: 1199px) {
    .aux-img-auto-overlay{
        margin: initial;
        padding: 0px;
    }
}
/**********************/

/*NEW PROCESOS*/

.video-background-overlay-procesos {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, #7c8081, rgba(0, 0, 0, 0));
}

.vertical-align-procesos{
    padding: 70px 0;
    text-align: left;
}

.line-between-procesos-delg{
    background-color: #7c8081;
    height: 3px;
    width: 100%;
}

.line-between-procesos{
    background-color: #7c8081;
    height: 15px;
    width: 80px;
}

.container-bg-solu-procesos{
    background-color: #7c8081;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW MONITOREO*/
.video-background-overlay-monitoreo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, #7c8081, rgba(0, 0, 0, 0));
}

.vertical-align-monitoreo{
    padding: 70px 0;
    text-align: left;
}

.container-bg-solu-monitoreo{
    background-color: #becad3;
    padding-left: 40px;
    padding-right: 40px;
}

.line-between-monitoreo{
    background-color: #becad3;
    height: 15px;
    width: 80px;
}
/**********************/

/*NEW SEGURIDAD*/
.video-background-overlay-seguridad {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, #7c8081, rgba(0, 0, 0, 0));
}

.vertical-align-seguridad{
    padding: 70px 0;
    text-align: left;
}

.verticalLineContainer-seguridad{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
}

.background-color-vert-seguridad-large {
    background-color: #c2bfc4;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
}

.vert-seguridad-background-child{
    background-color: #c2bfc4;
    height: auto;
}

.line-between-seguridad{
    background-color: #c2bfc4;
    height: 15px;
    width: 80px;
}

.container-background-solu-seguridad{
    background-color: #c2bfc4;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW USUARIO FINAL*/
.video-background-overlay-usuario {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, #bdc9d2, rgba(0, 0, 0, 0));
}

.vertical-align-usuario{
    padding: 70px 0;
    text-align: left;
}

.verticalLineContainer-usuario{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
}

.background-color-vert-usuario-large {
    background-color: #bdc9d2;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
}

.vert-usuario-background-child{
    background-color: #bdc9d2;
    height: auto;
}

.bg-soluc-overlay-usuario-left {
    position: absolute;
    top: -110px;
    left: 0;
    /*height: 55%;
    width: 110%;*/
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    /*padding: 25px 25px;*/
}

.vertical-align-bg-solu-usuario{
    padding: 30px 10px;
    text-align: left;
}

@media (max-width: 767px) {
    .bg-soluc-overlay-usuario-left {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .vertical-align-bg-solu-usuario{
        text-align: center;
    }
}

.line-between-usuario{
    background-color: #bdc9d2;
    height: 15px;
    width: 80px;
}

.usuario-ul li::before {
    content: "\2022";
    color: #bdc9d2;
    font-weight: 900;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
  }

  .container-background-solu-usuario{
    background-color: #bdc9d2;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW SERVICENOW*/

.img-background-overlay-servicenow {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 10px 70px;
    background-image: url('../Assets/Images/Marcas/Servicenow/servicenow-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1100px) {
    .img-background-overlay-servicenow{
        padding: 10px 30px;
    }
}

.vertical-align-servicenow{
    padding: 80px 0;
    text-align: left;
}

.verticalLineContainer-servicenow{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-servicenow-large {
    background-color: #293e40;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-radius: 20px 0 0 20px;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-servicenow-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}
.vert-servicenow-background-child{
    background-color: #293e40;
    height: auto;
    border-radius: 0 20px 20px 0;
}

/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .vert-servicenow-background-child {
        border-radius: 0 0 20px 20px; /* Redondeo solo en la parte inferior */
    }
}
.cuadro-azulF-padding-servicenow{
    padding: 30px 40px;
}

.cuadro-grisN-marca-servicenow {
    background-color: #F4F4F4;
    padding: 20px;
    border-radius: 10px; /* Bordes redondeados en todas las esquinas */
}


.cuadro-azulF-padding-servicenow .cuadro-grisN-marca-servicenow:hover{
    background-color: #D1D1D1;
}

.line-between-servicenow{
    background-color: #293e40;
    height: 15px;
    width: 80px;
}

.container-bg-solu-servicenow{
    background-color: #293e40;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW ANYWHERE*/

.vertical-align-anywhere{
    padding: 110px 0;
    text-align: left;
}

.verticalLineContainer-anywhere{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-anywhere-large {
    background-color: #E15A32;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-radius: 20px 0 0 20px;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-anywhere-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}
.vert-anywhere-background-child{
    background-color: #E15A32;
    height: auto;
    border-radius: 0 20px 20px 0;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .vert-anywhere-background-child {
        border-radius: 0 0 20px 20px; /* Redondeo solo en la parte inferior */
    }
}
.line-between-anywhere{
    background-color: #E15A32;
    height: 15px;
    width: 80px;
}

.container-bg-solu-anywhere{
    background-color: #E15A32;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW AWS*/

.img-background-overlay-aws {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 10px 70px;
    background-image: url('../Assets/Images/Marcas/AWS/amazon-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vertical-align-aws{
    padding: 65px 0;
    text-align: left;
}

.verticalLineContainer-aws{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-marcas-aws-large {
    background-color: #F29E3F;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 12px;
    border-radius: 20px 0 0 20px;
}

.marca-aws-background-child{
    background-color: #F29E3F;
    height: auto;
    border-radius: 0 20px 20px 0;
}

.line-between-aws{
    background-color: #F29E3F;
    height: 15px;
    width: 80px;
}

.container-bg-solu-aws{
    background-color: #030203;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW NETAPP*/

.img-background-overlay-netapp {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 10px 70px;
    background-image: url('../Assets/Images/Marcas/NetApp/netapp-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vertical-align-netapp{
    padding: 75px 0;
    text-align: left;
}

.verticalLineContainer-netapp{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-marcas-netapp-large {
    background-color: #1667C5;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 12px;
    border-radius: 20px 0 0 20px; /* Bordes redondeados solo en la izquierda de arriba y abajo */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-marcas-netapp-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}

.marca-netapp-background-child {
    background-color: #1667C5;
    height: auto;
    border-radius: 0 20px 20px 0; /* Bordes redondeados solo en el lado derecho de arriba y abajo */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .marca-netapp-background-child {
        border-radius: 0 0 20px 20px; /* Redondeado solo en la parte inferior */
    }
}

.line-between-netapp{
    background-color: #1667C5;
    height: 15px;
    width: 80px;
}

.line-between-netapp-delg{
    background-color: #1667C5;
    height: 3px;
    width: 100%;
}

.container-background-solu-netapp{
    background-color: #1667C5;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW DELL*/

.img-background-overlay-dell {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 10px 70px;
    background-image: url('../Assets/Images/Marcas/Dell/dell-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vertical-align-dell{
    padding: 75px 0;
    text-align: left;
}

.verticalLineContainer-dell{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
}

.background-color-vert-dell-large {
    background-color: #2E73B8;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-radius: 20px 0 0 20px; /* Bordes redondeados solo en las esquinas izquierdas */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-dell-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}


.vert-dell-background-child {
    background-color: #2E73B8;
    height: auto;
    border-radius: 0 20px 20px 0; /* Bordes redondeados solo en las esquinas derecha superior e inferior */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .vert-dell-background-child {
        border-radius: 0 0 20px 20px; /* Redondeado solo en la parte inferior */
    }
}

.line-between-dell{
    background-color: #2E73B8;
    height: 15px;
    width: 80px;
}

.container-bg-solu-dell{
    background-color: #2E73B8;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW NUTANIX*/
.video-background-overlay-nutanix {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
   linear-gradient(to right, #7855fa, rgba(0, 0, 0, 0));
}

.verticalLineContainer-nutanix{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-nutanix-large {
    background-color: #000;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-top-left-radius: 20px; /* Esquina superior izquierda redondeada */
    border-bottom-left-radius: 20px; /* Esquina inferior izquierda redondeada */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-nutanix-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}

.vert-nutanix-background-child {
    background-color: #000;
    height: auto;
    border-top-right-radius: 20px; /* Esquina superior derecha redondeada */
    border-bottom-right-radius: 20px; /* Esquina inferior derecha redondeada */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .vert-nutanix-background-child {
        border-radius: 0 0 20px 20px; /* Redondeado solo en la parte inferior */
    }
}

.line-between-nutanix{
    background-color: #7855fa;
    height: 15px;
    width: 80px;
}

.container-bg-solu-nutanix{
    background-color: #174489;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW HPE*/

.video-background-overlay-hpe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(95, 183, 137, 1), rgba(0, 0, 0, 0));
}

.vertical-align-hpe{
    padding: 50px 0;
    text-align: left;
}

.verticalLineContainer-hpe{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.line-between-hpe{
    background-color: #5FB789;
    height: 15px;
    width: 80px;
}

.container-bg-solu-hpe{
    background-color: #030404;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW HITACHI*/
.video-background-overlay-hitachi {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(232, 19, 50, 1), rgba(0, 0, 0, 0));
}

.verticalLineContainer-hitachi{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.line-between-hitachi{
    background-color: #000000;
    height: 15px;
    width: 80px;
}

.container-background-solu-hitachi{
    background-color: #000000;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW QLIK*/

.video-background-overlay-qlik {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(97, 167, 42, 1), rgba(0, 0, 0, 0));
}

.vertical-align-qlik{
    padding: 80px 0;
    text-align: left;
}

.verticalLineContainer-qlik{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-qlik-large {
    background-color: #61A72A;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-radius: 20px 0 0 20px;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-qlik-large {
        border-radius: 20px 20px 0 0; /* Redondeo solo en la parte superior */
    }
}
.vert-qlik-background-child{
    background-color: #61A72A;
    height: auto;
    border-radius: 0 20px 20px 0;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .vert-qlik-background-child {
        border-radius: 0 0 20px 20px; /* Redondeo solo en la parte inferior */
    }
}
.line-between-qlik{
    background-color: #61A72A;
    height: 15px;
    width: 80px;
}

.container-background-solu-qlik{
    background-color: #616063;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW POWERBI*/
.video-background-overlay-powerbi {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(231, 192, 66, 1), rgba(0, 0, 0, 0));
}

.verticalLineContainer-powerbi{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-powerbi-large {
    background-color: #E7C042;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-radius: 20px 0 0 20px;
}

/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-powerbi-large {
        border-radius: 20px 20px 0 0; /* Redondeo solo en la parte superior */
    }
}
.vert-powerbi-background-child{
    background-color: #E7C042;
    height: auto;
    border-radius: 0 20px 20px 0;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .vert-powerbi-background-child {
        border-radius: 0 20px 20px 0; /* Redondeo solo en la parte inferior */
    }
}
.line-between-powerbi{
    background-color: #0c0c0c;
    height: 15px;
    width: 80px;
}

.line-between-powerbi-delg{
    background-color: #E7C042;
    height: 3px;
    width: 100%;
}

.img-powerb-unBeneficio{
    width:30%
}

@media (max-width: 1024px) {
    .img-powerb-unBeneficio{
        width:40%;
    }
}

@media (max-width: 768px) {
    .img-powerb-unBeneficio{
        width:60%;
    }
}
/**********************/

/*NEW ARUBA*/
.video-background-overlay-aruba {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(241, 130, 59, 1), rgba(0, 0, 0, 0));
}

.vertical-align-aruba{
    padding: 50px 0;
    text-align: left;
}

.verticalLineContainer-aruba{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-aruba-large {
    background-color: #F1823B;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-radius: 20px 0 0 20px;
}
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-aruba-large {
        background-color: #F1823B;
        margin: 0 auto;
        text-align: left;
        vertical-align: middle;
        padding: 12px 12px;
      border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}
.vert-aruba-background-child{
    background-color: #F1823B;
    height: auto;
    border-radius: 0 20px 20px 0;
}
@media (max-width: 768px) { /* Ajuste para dispositivos móviles */
    .vert-aruba-background-child {
        background-color: #F1823B;
        height: auto;
        border-radius: 0 0 20px 20px; /* Solo redondear las esquinas inferiores */
    }
}
.line-between-aruba{
    background-color: #F1823B;
    height: 15px;
    width: 80px;
}

.line-between-aruba-delg{
    background-color: #F1823B;
    height: 3px;
    width: 100%;
}

.container-bg-solu-aruba{
    background-color: #F1823B;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW NAUDIT*/
.video-background-overlay-naudit {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(53, 130, 136, 1), rgba(0, 0, 0, 0));
}

.vertical-align-naudit{
    padding: 60px 0;
    text-align: left;
}

.verticalLineContainer-naudit{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-naudit-large {
    background-color: #53C0BC;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-radius: 20px 0 0 20px;
}

/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-naudit-large {
        border-radius: 20px 20px 0 0; /* Redondeo solo en la parte superior */
    }
}
.vert-naudit-background-child{
    background-color: #53C0BC;
    height: auto;
    border-radius: 0 20px 20px 0;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .vert-naudit-background-child {
        border-radius: 0 0 20px 20px; /* Redondeo solo en la parte inferior */
    }
}
.line-between-naudit{
    background-color: #358288;
    height: 15px;
    width: 80px;
}

.container-background-solu-naudit{
    background-color: #358288;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW VMWARE*/
.video-background-overlay-vmware {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(123, 160, 76, 1), rgba(0, 0, 0, 0));
}

.vertical-align-vmware{
    padding: 70px 0;
    text-align: left;
}

@media (max-width: 477px) {
    .vertical-align-vmware{
        padding: 0px 0px;
    }
}

.verticalLineContainer-vmware {
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-marcas-vmware-large {
    background-color: #7BA04C;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 12px;
    border-radius: 20px 0 0 20px; /* Bordes redondeados solo en el lado izquierdo */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-marcas-vmware-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}

.marca-vmware-background-child {
    background-color: #7BA04C;
    height: auto;
    border-radius: 0 20px 20px 0; /* Bordes redondeados solo en el lado derecho */
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .marca-vmware-background-child {
        border-radius: 0 0 20px 20px; /* Redondeado solo en la parte inferior */
    }
}

.line-between-vmware{
    background-color: #C2CD3F;
    height: 15px;
    width: 80px;
}
/**********************/

/*NEW JAMF*/
.video-background-overlay-jamf {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(118, 138, 174, 1), rgba(0, 0, 0, 0));
}

.vertical-align-jamf{
    padding: 50px 0;
    text-align: left;
}

.verticalLineContainer-jamf{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-img-vert-jamf-large {
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 33px 25px;
    background-image: url(../Assets/Images/Marcas/Jamf/jamfAppe.png);
    background-color: transparent;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    border-radius: 20px; /* Bordes redondeados para todos los lados */
}


.background-color-vert-jamf-large{
    background-color: #424a55;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 33px 12px;
}

.vert-jamf-background-child{
    background-image: url("../Assets/Images/Marcas/Jamf/jamfAppe.png"); /* The image used*/
    background-color: transparent; /* Used if the image is unavailable */
    height: auto; /* You must set a specified height */
    background-position: right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    border:none;
}

.newcuadro-blan-marca-jamf{
    background-color: white;
    padding: 20px;
    text-align: center;
}

.newcuadro-morado-marca-jamf{
    background-color: #7F8DAB;
    padding: 10px;
    border-radius: 20px;
}

.newcuadro-gris-marca-jamf{
    background-color: #686E7A;
    padding: 10px;
    border-radius: 20px;
}

.img-blan-jamfConnect {
    background-image: url(../Assets/Images/Marcas/Jamf/jamfConnect.png);
    background-color: transparent;
    height: 155px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    border-radius: 20px; /* Bordes redondeados para todos los lados */
}


.img-blan-jamfProtect{
    background-image: url("../Assets/Images/Marcas/Jamf/jamfProtect.png"); /* The image used*/
    background-color: transparent; /* Used if the image is unavailable */
    height: 155px; /* You must set a specified height */
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    border:none;
    border-radius: 20px; /* Bordes redondeados para todos los lados */
}

.img-blan-jamfPro{
    background-image: url("../Assets/Images/Marcas/Jamf/jamfPro.png"); /* The image used*/
    background-color: transparent; /* Used if the image is unavailable */
    height: 155px; /* You must set a specified height */
    background-position: right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    border:none;
    border-radius: 20px; /* Bordes redondeados para todos los lados */
}

.line-between-jamf{
    background-color: #768AAE;
    height: 15px;
    width: 80px;
}

.container-bg-solu-jamf{
    background-color: #424a55;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW HP INC*/
.video-background-overlay-hpinc {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(48, 139, 211, 1), rgba(0, 0, 0, 0));
}

.vertical-align-hpinc{
    padding: 60px 0;
    text-align: left;
}

.verticalLineContainer-hpinc{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.line-between-hpinc{
    background-color: #308BD3;
    height: 15px;
    width: 80px;
}

.line-between-hpinc-delg{
    background-color: #308BD3;
    height: 3px;
    width: 100%;
}

.container-bg-solu-hpinc{
    background-color: #308BD3;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW BLANCCO*/
.video-background-overlay-blancco {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(228, 55, 67, 1), rgba(0, 0, 0, 0));
}

.vertical-align-blancco{
    padding: 70px 0;
    text-align: left;
}

.verticalLineContainer-blancco{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-blancco-large {
    background-color: #E43743;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-radius: 20px 0 0 20px;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-blancco-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}
.vert-blancco-background-child{
    background-color: #E43743;
    height: auto;
    border-radius: 0 20px 20px 0;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .vert-blancco-background-child {
        border-radius: 0 0 20px 20px; /* Redondeo solo en la parte inferior */
    }
}
.line-between-blancco{
    background-color: #0B53AC;
    height: 15px;
    width: 80px;
}

.line-between-blancco-delg{
    background-color: #E8C043;
    height: 3px;
    width: 100%;
}

.container-background-solu-blancco{
    background-color: #E43743;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW CYE*/
.video-background-overlay-cye {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(5, 22, 48, 1), rgba(0, 0, 0, 0));
}

.vertical-align-cye{
    padding: 60px 0;
    text-align: left;
}

.verticalLineContainer-cye{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.bg-soluc-overlay-cye-right {
    position: absolute;
    top: 108px;
    left: 515px;
    /*height: 55%;
    width: 110%;*/
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 25px;
    opacity: 0.9;
    background-color: #595959;
}

@media (max-width: 1430px) {
    .bg-soluc-overlay-cye-right {
        top: 108px;
        left: 480px;
    }
}

@media (max-width: 1360px) {
    .bg-soluc-overlay-cye-right {
        top: 108px;
        left: 435px;
    }
}

@media (max-width: 1268px) {
    .bg-soluc-overlay-cye-right {
        top: 108px;
        left: 390px;
    }
}

.vertical-align-bg-solu-cye{
    padding: 0px 5px;
    text-align: center;
}

.line-between-cye{
    background-color: #268AF5;
    height: 15px;
    width: 80px;
}
/**********************/

/*NEW SSL*/
.video-background-overlay-ssl {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(21, 49, 128, 1), rgba(0, 0, 0, 0));
}

.vertical-align-ssl{
    padding: 50px 0;
    text-align: left;
}

@media (max-width: 627px) {
    .vertical-align-ssl{
        padding: 0px 0;
        font-size: 12px;
    }
}

.verticalLineContainer-ssl{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-ssl-large {
    background-color: #153180;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
    border-radius: 20px 0 0 20px;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .background-color-vert-ssl-large {
        border-radius: 20px 20px 0 0; /* Redondeado solo en la parte superior */
    }
}
.vert-ssl-background-child{
    background-color: #153180;
    height: auto;
    border-radius: 0 20px 20px 0;
}
/* Versión móvil */
@media (max-width: 768px) { /* Ajusta el ancho según lo que consideres móvil */
    .vert-ssl-background-child {
        border-radius: 0 0 20px 20px; /* Redondeo solo en la parte inferior */
    }
}
.line-between-ssl{
    background-color: #231A6B;
    height: 15px;
    width: 80px;
}

.line-between-ssl-delg{
    background-color: #3796D1;
    height: 3px;
    width: 100%;
}

.container-bg-solu-ssl{
    background-color: #1D4380;
    padding-left: 40px;
    padding-right: 40px;
}

.p-marcas-opor-index{
    color: #262626;
    text-align: left;
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
/**********************/

/*NEW ASSAC*/
.video-background-overlay-assac {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(70, 59, 182, 1), rgba(0, 0, 0, 0));
}

.vertical-align-assac{
    padding: 60px 0;
    text-align: left;
}

.verticalLineContainer-assac{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.line-between-assac{
    background-color: #EAD36C;
    height: 15px;
    width: 80px;
}
/**********************/

/*NEW RED HAT*/
.video-background-overlay-redhat {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(237, 56, 51, 1), rgba(0, 0, 0, 0));
}

.vertical-align-redhat{
    padding: 65px 0;
    text-align: left;
}

.verticalLineContainer-redhat{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.line-between-redhat{
    background-color: #000000;
    height: 15px;
    width: 80px;
}

.container-bg-solu-redhat{
    background-color: #ED3833;
    padding-left: 40px;
    padding-right: 40px;
}
/**********************/

/*NEW PREMIOS*/
.video-background-overlay-premios {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
}

.vertical-align-premios{
    padding: 90px 0;
    text-align: left;
}
/**********************/

/*NEW SOBRE SELLCOM*/
.video-background-overlay-sobreSellcom {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
   linear-gradient(to right, #d29b83, rgba(0, 0, 0, 0));
}

.vertical-align-sobreSellcom{
    padding: 90px 0;
    text-align: left;
}

.verticalLineContainer-sobreSellcom{
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
    border: none;
}

.background-color-vert-sobreSellcom-large {
    background-color: #D9D9D9;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 12px 12px;
}

.vert-sobreSellcom-background-child{
    background-color: #D9D9D9;
    height: auto;
}

.h1-numeros-sobresellcomNew{
    color: #d29b83;
    font-size: 5.0rem;
    font-weight: 800;
}

.line-between-sobreSell-delg{
    background-color: #d29b83;
    height: 3px;
    width: 100%;
}

.bg-soluc-overlay-sobreSell-leftTop {
    position: absolute;
    top: -15px;
    left: 60px;
    /*height: 55%;
    width: 110%;*/
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 15px 25px;
    opacity: 0.8;
    background-color: #d29b83;
}

.cuadro-gris-sobreSellcomNew{
    padding: 50px 30px;
    background-color: #D9D9D9;
}

@media (max-width: 767px) {
    .cuadro-gris-sobreSellcomNew{
        padding: 20px 30px;
    }
    .bg-soluc-overlay-valoresNew-left {
        top: -10px !important;
        left: 0 !important;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .img-icons-size-valoresNew{
        width: 50% !important;
    }
}

@media (max-width: 500px) {
    .cuadro-gris-sobreSellcomNew{
        padding: 20px 15px;
    }
    .vertical-align-bg-solu-sobreSellcomVal{
        padding: 30px 10px;
        text-align: center;
    }

    .cuadro-azulF-padding-hciN3{
    padding: 40px 40px;
    display: flex;
}
}

.vertical-align-bg-solu-sobreSell{
    padding: 0px 5px;
    text-align: center;
}

.container-background-solu-sobreSell{
    background-color: white;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bg-soluc-overlay-valoresNew-left{
    position: absolute;
    top: -110px;
    left: -125px;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 90px;
    opacity: 0.8;
    background-color: #d29b83;
}

.vertical-align-bg-solu-sobreSellcomVal{
    padding: 40px 10px;
    text-align: center;
}

.img-icons-size-valoresNew{
    width: 70%;
}

.cuadro-grisN-marca-valoresSellcom{
    background-color: #F4F4F4;
    padding: 5px;
}
/**********************/

/*NEW CONTACTANOS*/
.video-background-overlay-contactanos {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    padding: 25px 70px;
    background-image:
    linear-gradient(to right, #9e9e9e, rgba(0, 0, 0, 0));
}

.vertical-align-contactanos{
    padding: 95px 0;
    text-align: center;
}
/**********************/

/*NEW 3D SLIDER OWL VERTICALES */
.carousel-new {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.carousel__prev,
.carousel__next {
    position: absolute;
    bottom: -5%;
    transition: transform 0.4s ease;
    /*0.25s*/

    border-radius: 50%;
    border: 1px solid #8689CA;
}

.carousel__prev i,
.carousel__next i {
    font-size: 50px;
    color: #8689CA;
    cursor: pointer;
}

.carousel__prev:hover,
.carousel__next:hover {
    transform: scale(1.25);
}

.carousel__prev {
    left: 35.1%;
}

.carousel__next {
    right: 35.1%;
}

@media screen and (max-width:650px) {
    .carousel__prev {
        left: 26%;
    }

    .carousel__next {
        right: 26%;
    }

    .carousel__prev:hover,
    .carousel__next:hover {
        transform: scale(1.11);
    }

    .carousel__prev i,
    .carousel__next i {
        font-size: 50px;
    }

    .carousel__prev,
    .carousel__next {
        bottom: -8%;
    }
}

@media screen and (max-width:425px) {
    .carousel__prev {
        left: 15%;
    }

    .carousel__next {
        right: 15%;
    }

    .carousel__prev,
    .carousel__next {
        bottom: -4%;
    }
}

.carousel__body {
    width: 100%;
    padding: 20px 0 50px 0;
    overflow: hidden;
}

.carousel__body .carousel__slider {
    position: relative;
    transition: transform 1s ease-in-out;
    background: var(--crsl-bg);
}

.carousel__body .carousel__slider__item {
    position: relative;
    display: block;
    float: left;
    box-sizing: border-box;
    margin-left: 20px;
    margin-right: 20px;
}

.carousel__body .carousel__slider__item .item__3d-frame {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 1s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.carousel__body .carousel__slider__item .item__3d-frame:after {
    content: "";
    position: absolute;
    bottom: -15%;
    width: 100%;
    height: 40px;
    background: var(--box-shadow);
    box-shadow: 0px 0px 5px 5px var(--box-shadow);
    transform: rotateX(90deg) translate3d(0px, -20px, 0px);
    opacity: 0.85;
}

.carousel__body .carousel__slider__item .item__3d-frame__box {
    display: flex;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*border-color: var(--box-border);
    background: var(--box-bg);
    border-width: 3px;
    border-style: solid;*/
}

.carousel__body .carousel__slider__item .item__3d-frame__box h1 {
    font-size: 7em;
    width: 100%;
    color: var(--box-border);
}

.carousel__body .carousel__slider__item .item__3d-frame__box--right,
.carousel__body .carousel__slider__item .item__3d-frame__box--left {
    top: 0;
    width: 40px;
    backface-visibility: hidden;
}

.carousel__body .carousel__slider__item .item__3d-frame__box--left {
    left: 0;
    border-left-width: 5px;
    transform: translate3d(1px, 0, -40px) rotateY(-90deg);
    transform-origin: 0%;
}

.carousel__body .carousel__slider__item .item__3d-frame__box--right {
    right: 0;
    border-right-width: 5px;
    transform: translate3d(-1px, 0, -40px) rotateY(90deg);
    transform-origin: 100%;
}
/**********************/

/*NEW VIDEO parallax effect */
.parallax-vid-bg-fixed {
    width: 100%;
    height: 100vh;
    position: relative;
}

#background-video-parallax {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;

    object-fit: cover;
}

@media screen and (max-width:430px) {
    .parallax-vid-bg-fixed {
        height: 90vh;
    }
    #background-video-parallax {
        height: 90vh;
    }
}
/**********************/

/*NEW Banner moving left */
/*keyframe animations*/
.first-icon-banner {
    -webkit-animation: bannermove 50s linear infinite;
    -moz-animation: bannermove 50s linear infinite;
    -ms-animation: bannermove 50s linear infinite;
    -o-animation: bannermove 50s linear infinite;
    animation: bannermove 50s linear infinite;
}

@media screen and (min-width:501px) {
    @keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -4945px;
        }

    }

    @-moz-keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -4945px;
        }

    }

    @-webkit-keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -4945px;
        }

    }

    @-ms-keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -4945px;
        }

    }

    @-o-keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -4945px;
        }

    }


}

@media screen and (max-width:500px) {
    @keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -3700px;
        }

    }

    @-moz-keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -3700px;
        }

    }

    @-webkit-keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -3700px;
        }

    }

    @-ms-keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -3700px;
        }

    }

    @-o-keyframes bannermove {
        0% {
            margin-left: 30px;
        }

        100% {
            margin-left: -3700px;
        }

    }
}

.socios_logo img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
/**********************/

 /*NEW BOTON ENCIMA BANNER*/
  .btn-banner {
   
    
   
    font-size: 12px;
    padding: 4px 18px;
    border: none;
    cursor: pointer;
    border-radius: 50px;
    text-align: center;
    color: black;
    background-color: #e3e3e4;
}

.btn-banner {
  
    transition: transform 0.3s ease-out; 
  }


.btn-banner:hover {
    transform: scale(1.3); 
  }

@media screen and (max-width:768px) {
    .btn-banner {
      font-size: 10px;
      padding: 2px 16px;
    }

}

@media screen and (max-width:500px) {
    .btn-banner {
        font-size: 10px;
        padding: 2px 8px;
        height: 25px;
        
    }
}



/**********************/



 /*NEW BOTON ENCIMA BANNER*/
  .btn-bannern {
  
    left: 10%;
    
    
    font-size: 14px;
    padding: 5px 18px;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    color: black;
    background-color: #e3e3e4;
}

.btn-bannern {
  
    transition: transform 0.3s ease-out; 
  }


.btn-bannern:hover {
    transform: scale(1.3); 
  }

@media screen and (max-width:768px) {
    .btn-bannern {
      font-size: 11px;
      padding: 5px 16px;
    }

}

@media screen and (max-width:500px) {
    .btn-bannern {
        font-size: 6.5px;
        padding: 0px 8px;
        height: 22px;
         top: 25%;
    left: 93%;
    }
}


  /*NEW 3 sections parallax scroll trigger*/
.newMenu-section {
    padding-bottom: 20vh;
    text-align: center;
    color: white;
}

.new-diamons {
    position: relative;
    padding: 20px;
}

.new-diamons-movil {
    position: relative;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hex-contac-movil {
    width: 50%;
    position: relative; 
}

.piece:not(.hex-contac) {
    position: absolute;
    bottom: 6vw;
}

.cil-premi {
    /*width: 89%;
  left: 5%;*/
    width: 21.801386%;
    left: 38.5%;
}

.circl-soSell {
    /*width: 41.8013857%;
  left: 6%;*/
    width: 21.801386%;
    left: 14%;
}

.hex-contac {
    /*width: 100%;
  position: relative;*/
    width: 20.801386%;
    position: relative;
    left: 64%;
    bottom: 4.7vw;
}

@media screen and (max-width: 500px) {
    .newMenu-section {
        padding-bottom: 10vh;
        font-size: 1.1rem;
    }
    .piece:not(.hex-contac) {
        bottom: 18vw;
    }
    .hex-contac {
        bottom: 14.5vw;
    }
}

.new-scrollTriger-effect {
    background-image: linear-gradient(to right, rgba(11, 81, 141, 1), rgba(113, 63, 196, 1));
}

.newMenu-section a {
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}

.newMenu-section a:hover {
    text-decoration: underline;
}

/**********************/

/** LANDING SN USER GROUP **/

#videoFeriaV {
    width: 100%;
    height: 650px;
    object-fit: fill;
    position:relative;
    z-index:0;
}

#imgVideoFeriaV{
    width: 100%;
    height: 650px;
    object-fit: fill;
    position:relative;
    z-index:0;
}

.containerVideoFeriaV{
    height: 650px;
    position:relative; 
    background-color: #f9f9f9;
}

.containerPrinEventos{
    height: 580px;
    position:relative; 
    background-color: black;
}

@media screen and (min-width: 1900px){
    #videoFeriaV {
        width: 100%;
        height: 800px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    #imgVideoFeriaV{
        width: 100%;
        height: 800px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    .containerVideoFeriaV{
        height: 800px;
    }
    .containerPrinEventos{
        height: 680px;
    }
}

#overlayFeriaVirtual {
    position:absolute;
    top: 30%;
    left: 20%;
    z-index:1;
    line-height: 2.5rem;
    text-align: center;
}

.h1-principal-FV {
    font-weight: 500;
    font-size: 6.5rem;
    color: white;
}

.h1-span-FV {
    font-weight: bold;
    font-size: 6.5rem;
    color: #4FAB2A;
    font-family: 'Jost';
}

.h5-date-FV{
    color: white;
    font-family: 'Jost';
    font-weight: 300;
    font-size: 3rem;
}

/*eventos*/
#overlayBordeVerde {
    position:absolute;
    top: 44%;
    left: 15%;
    z-index:0;
    line-height: 2.5rem;
    text-align: center;
    width: 75%;
}

@media screen and (min-width: 2701px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 33.5%;
    }
    .h1-principal-FV {
        font-size: 7.3rem;
    }
    .h1-span-FV {
        font-size: 7.3rem;
    }
    .h5-date-FV{
        font-size: 3.75rem;
    }
    #overlayBordeVerde {
        top: 44%;
        left: 26%;
    }
}

@media screen and (max-width: 2700px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 32.5%;
    }
    .h1-principal-FV {
        font-size: 7.1rem;
    }
    .h1-span-FV {
        font-size: 7.1rem;
    }
    .h5-date-FV{
        font-size: 3.6rem;
    }
    #overlayBordeVerde {
        top: 44%;
        left: 24%;
    }
}

@media screen and (max-width: 2500px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 31.5%;
    }
    .h1-principal-FV {
        font-size: 6.9rem;
    }
    .h1-span-FV {
        font-size: 6.9rem;
    }
    .h5-date-FV{
        font-size: 3.4rem;
    }
    #overlayBordeVerde {
        top: 43%;
        left: 23%;
    }
}

@media screen and (max-width: 2300px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 29.5%;
    }
    .h1-principal-FV {
        font-size: 6.8rem;
    }
    .h1-span-FV {
        font-size: 6.8rem;
    }
    .h5-date-FV{
        font-size: 3.3rem;
    }
    #overlayBordeVerde {
        top: 43%;
    }
}

@media screen and (max-width: 2000px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 27.5%;
    }
    .h1-principal-FV {
        font-size: 6.6rem;
    }
    .h1-span-FV {
        font-size: 6.6rem;
    }
    .h5-date-FV{
        font-size: 3.1rem;
    }
    #overlayBordeVerde {
        top: 43%;
    }
}

@media screen and (max-width: 1649px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 23%;
    }
    #overlayBordeVerde {
        top: 44%;
    }
}

@media screen and (max-width: 1590px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 20.5%;
    }
    #overlayBordeVerde {
        top: 44%;
        left: 21%;
    }
}

@media screen and (max-width: 1439px){
}

@media screen and (max-width: 1340px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 19%;
    }
    #overlayBordeVerde {
        top: 44%;
        left: 19%;
    }
}

@media screen and (max-width: 1290px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 27.9%;
    }
    .h1-principal-FV {
        font-size: 4.3rem;
    }
    .h1-span-FV {
        font-size: 4.3rem;
    }
    .h5-date-FV{
        font-size: 2.8rem;
    }
    #overlayBordeVerde {
        top: 44%;
        left: 23.5%;
    }    
}

@media screen and (max-width: 1200px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 26.9%;
    }
    .h1-principal-FV {
        font-size: 4.2rem;
    }
    .h1-span-FV {
        font-size: 4.2rem;
    }
    .h5-date-FV{
        font-size: 2.7rem;
    }
}

@media screen and (max-width: 1149px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 25.9%;
    }
    .h1-principal-FV {
        font-size: 4.2rem;
    }
    .h1-span-FV {
        font-size: 4.2rem;
    }
    .h5-date-FV{
        font-size: 2.7rem;
    }
}

@media screen and (max-width: 1100px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 25.9%;
    }
    .h1-principal-FV {
        font-size: 4rem;
    }
    .h1-span-FV {
        font-size: 4rem;
    }
    .h5-date-FV{
        font-size: 2.6rem;
    }
}

@media screen and (max-width: 1024px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 23.9%;
    }
    .h1-principal-FV {
        font-size: 3.9rem;
    }
    .h1-span-FV {
        font-size: 3.9rem;
    }
    .h5-date-FV{
        font-size: 2.5rem;
    }
    #overlayBordeVerde {
        top: 43.2%;
        left: 22.5%;
    }  
}

@media screen and (max-width: 980px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 22.9%;
    }
    .h1-principal-FV {
        font-size: 3.9rem;
    }
    .h1-span-FV {
        font-size: 3.9rem;
    }
    .h5-date-FV{
        font-size: 2.5rem;
    }
    #overlayBordeVerde {
        top: 43.2%;
        left: 14.2%;
    }     
}

@media screen and (max-width: 900px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 21.8%;
    }
    .h1-principal-FV {
        font-size: 3.9rem;
    }
    .h1-span-FV {
        font-size: 3.9rem;
    }
    .h5-date-FV{
        font-size: 2.5rem;
    }
    #overlayBordeVerde {
        left: 15.2%;
    }
}

@media screen and (max-width: 840px){
    #overlayFeriaVirtual {
        top: 34%;
        left: 19.8%;
    }
    .h1-principal-FV {
        font-size: 3.8rem;
    }
    .h1-span-FV {
        font-size: 3.8rem;
    }
    .h5-date-FV{
        font-size: 2.4rem;
    }
    #overlayBordeVerde {
        top: 42.2%;
        left: 14.5%;
    }
}

@media screen and (max-width: 780px){
    #overlayFeriaVirtual {
        top: 33%;
        left: 18.8%;
    }
    .h1-principal-FV {
        font-size: 3.8rem;
    }
    .h1-span-FV {
        font-size: 3.8rem;
    }
    .h5-date-FV{
        font-size: 2.4rem;
    }
    #overlayBordeVerde {
        top: 41.2%;
        left: 15.5%;
    }     
}

@media screen and (max-width: 768px){
    #videoFeriaV {
        width: 100%;
        height: 380px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    #imgVideoFeriaV{
        width: 100%;
        height: 380px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    .containerVideoFeriaV{
        height: 380px;
    }
    .containerPrinEventos{
        height: 300px;
    }
    #overlayFeriaVirtual {
        top: 30%;
        left: 19%;
    }
    .h1-principal-FV {
        font-size: 3.5rem;
    }
    .h1-span-FV {
        font-size: 3.5rem;
    }
    .h5-date-FV{
        font-size: 2.2rem;
    }
    #overlayBordeVerde {
        top: 44.2%;
        left: 13.8%;
    }      
}

@media screen and (max-width: 767px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 21.8%;
    }
    .h1-principal-FV {
        font-size: 3.2rem;
    }
    .h1-span-FV {
        font-size: 3.2rem;
    }
    .h5-date-FV{
        font-size: 2rem;
    }
    #overlayBordeVerde {
        top: 43.2%;
        left: 21.9%;
    }  
}

@media screen and (max-width: 650px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 17.8%;
    }
    #overlayBordeVerde {
        top: 43.2%;
        left: 19.9%;
    } 
}

@media screen and (max-width: 550px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 11.8%;
    }
    #overlayBordeVerde {
        left: 13.9%;
    } 
}

@media screen and (max-width: 510px){
    #overlayFeriaVirtual {
        top: 30%;
        left: 20.8%
    }
    .h1-principal-FV {
        font-size: 2.3rem;
    }
    .h1-span-FV {
        font-size: 2.3rem;
    }
    .h5-date-FV{
        font-size: 1.85rem;
    }
    #overlayBordeVerde {
        top: 39.2%;
        left: 22.9%;
    } 
}

@media screen and (max-width: 425px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 19%;
    }
    .containerVideoFeriaV{
        height: 250px;
    }
    #videoFeriaV {
        width: 100%;
        height: 250px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    #imgVideoFeriaV{
        width: 100%;
        height: 250px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    .h1-principal-FV {
        font-size: 2.1rem;
    }
    .h1-span-FV {
        font-size: 2.1rem;
    }
    .h5-date-FV{
        font-size: 1.75rem;
    }
    .padding-info-form{
        padding: 10px;
    }
    #overlayBordeVerde {
        top: 38.2%;
        left: 20.9%;
    } 
}

@media screen and (max-width: 375px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 17%;
    }
    .h1-principal-FV {
        font-size: 1.9rem;
    }
    .h1-span-FV {
        font-size: 1.9rem;
    }
    .h5-date-FV{
        font-size: 1.6rem;
    }
    #overlayBordeVerde {
        top: 37.2%;
    } 
}

@media screen and (min-width: 323px){
    .container-header .buttons {
        position: relative;
        /*width: 10px;*/
        height: 20px;
        cursor: pointer;
        top: 30px;
        float: right;
        padding-right: 80px;
    }
}

@media screen and (max-width: 323px){
    #overlayFeriaVirtual {
        top: 35%;
        left: 12%;
    }
    .container-header .buttons {
        position: relative;
        /*width: 10px;*/
        height: 20px;
        cursor: pointer;
        top: 30px;
        float: right;
        padding-right: 35px;
    }
    .containerVideoFeriaV{
        height: 210px;
    }
    #videoFeriaV {
        width: 100%;
        height: 210px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
    #imgVideoFeriaV{
        width: 100%;
        height: 210px;
        object-fit: fill;
        position:relative;
        z-index:0;
    }
}

@media screen and (min-width: 426px){
    .padding-info-form{
        padding:30px;
    }
}

.p-text-info-form {
    color: black;
    font-family: 'Jost';
    text-align: justify;
    padding-top: 15px;
    font-weight: 300;
    font-size: 2.18rem;
}

.div-socios-FV{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.div-card-formFV{
    background-color: #EAEAEA;
    box-shadow: 0 4px 20px 10px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-title-formFV{
    text-align: center;
    color: black;
    font-weight: 400;
}

/* FORM SN USER GROUP */

.noshowlabelsfeedback{
    display: none !important;
}

.invalid-feedback{
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.form-control-feedback {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #67b168;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.title-field-FFV{
    color: black;
}

.input-FFV{
    color: black;
    box-shadow: none !important;
    border-color: darkgrey;
}

.input-FFV:focus {
    border-color: darkgrey;
    color: black;
}

.acepto-aviso-FV{
    font-size:0.9em; 
    color: black;
    font-family: 'Jost';
    /*padding: 0 0 0 40px;  */
}

.link-aviso-FV{
    text-decoration: underline;
    color: black;
    font-family: 'Jost';
}

.link-aviso-FV:hover{
    color: black;
}

.btn-registrarme-FV{
    padding: 5px 50px;
    background: #042052;
    color: white;
    border-radius: 0px;
}

.btn-registrarme-FV:hover{
    color: white;
}

.btn-registrarme-FV:focus{
    box-shadow: 0 4px 2px -2px gray;
}
   
/*******/

.socios_logo_feria {
    display: flex;
    width: 23%;
    min-height: 130px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width:991px) {
    .socios_logo_feria{
        width: 25%;
    }
}

@media screen and (max-width:767px) {
    .socios_logo_feria{
        width: 33%;
        min-height: 100px;
    }
}

@media screen and (max-width:479px) {
    .socios_logo_feria{
        width: 50%;
        min-height: 100px;
    }
}

@media screen and (max-width:320px) {
    .socios_logo_feria{
        width: 100%;
        min-height: 100px;
    }
}

.title-conocemasFV{
    text-align: center;
    color: black;
    font-weight: 500;
    font-family: 'Jost';
    font-size: 3.3rem;
}
/**********************/

/*NEW SERVICENOW USERGROUP FORM*/
.img-background-overlay-snusergroup {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    background-image: url('../Assets/Images/Secciones/snusergroupbackg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.img-background-overlay-snusergroup-mov {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    background-image: url('../Assets/Images/Secciones/snusergroupbackgMovil.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 2060px) {
    .min-height-snusergr{
        min-height: 35rem;
    }
}
@media screen and (max-width: 2059px) {
    .min-height-snusergr{
        min-height: 30rem;
    }
}
@media screen and (max-width: 1640px) {
    .min-height-snusergr{
        min-height: 24rem;
    }
}
@media screen and (max-width: 1340px) {
    .min-height-snusergr{
        min-height: 20rem;
    }
}
@media screen and (max-width: 1140px) {
    .min-height-snusergr{
        min-height: 18rem;
    }
}
@media screen and (max-width: 1024px) {
    .min-height-snusergr{
        min-height: 16rem;
    }
}
@media screen and (max-width: 900px) {
    .min-height-snusergr{
        min-height: 14rem;
    }
}
@media screen and (max-width: 800px) {
    .min-height-snusergr{
        min-height: 13rem;
    }
}
.min-height-snusergr-mov{
    min-height: 24rem;
}
@media screen and (max-width: 767px) {
    .min-height-snusergr-mov{
        min-height: 46rem;
    }
}
@media screen and (max-width: 650px) {
    .min-height-snusergr-mov{
        min-height: 40rem;
    }
}
@media screen and (max-width: 580px) {
    .min-height-snusergr-mov{
        min-height: 35rem;
    }
}
@media screen and (max-width: 520px) {
    .min-height-snusergr-mov{
        min-height: 32rem;
    }
}
@media screen and (max-width: 480px) {
    .min-height-snusergr-mov{
        min-height: 28rem;
    }
}
@media screen and (max-width: 425px) {
    .min-height-snusergr-mov{
        min-height: 25rem;
    }
}
@media screen and (max-width: 380px) {
    .min-height-snusergr-mov{
        min-height: 22rem;
    }
}
@media screen and (max-width: 320px) {
    .min-height-snusergr-mov{
        min-height: 20rem;
    }
}
/**********************/

/*NEW VIDEO FROM SOLUCIONES MARCAS*/
.video-background-holder-Solu {
    position: relative;
    background-color: transparent;
    height: calc(42vh);
    min-height: auto; /*16rem*/
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .video-background-holder-Solu {
        height: calc(35vh);
    }
}

@media screen and (max-width: 900px) {
    .video-background-holder-Solu {
        height: calc(30vh);
    }
}

@media screen and (max-width: 768px) {
    .video-background-holder-Solu {
        height: calc(26vh);
    }
}

@media screen and (max-width: 600px) {
    .video-background-holder-Solu {
        height: calc(20vh);
    }
}

@media screen and (max-width: 480px) {
    .video-background-holder-Solu {
        height: calc(16vh);
    }
}

@media screen and (max-width: 414px) {
    .video-background-holder-Solu {
        height: calc(14vh);
    }
}

@media screen and (max-width: 375px) {
    .video-background-holder-Solu {
        height: calc(13vh);
    }
}
  
.video-background-holder-Solu video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 60%;
    width: 100%; /*100vw*/
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
/**********************/
/* Tamaño para pantallas grandes */
.col-7.title-conocenos {
    font-size: 24px !important;
}

/* Tamaño ajustado para pantallas móviles */
@media (max-width: 768px) { /* Ajusta el valor del ancho según sea necesario */
    .col-7.title-conocenos {
        font-size: 20px !important;
    }
}