/* CSS Document */

/**secondary #0cbeb5 **/
/** primary #003880 **/
/** color fucsia: #fd0088 **/
/** color rosa: #ffc7c2 **/



*{font-family: 'Red Hat Display', arial, sans-serif;}
/*body,h1,h2,h3,h4,h5,p,a,span,label,input{font-family: 'Red Hat Display', arial, sans-serif;}*/
h1,h2{font-weight: 900;}

.text-right{text-align: right}

.btn-primary {
    color: #fff;
    background-color: #003880;
    border-color: #003880;
}

.color-primary{color:#003880;}
.color-wow{color:#fd0088}
.color-ils{color:#593090;}
.color-breaknow{color:#57bcb5;}
.color-rose{color:#ffc7c2;}
.bg-ils{background:#593090;}
.bg-breaknow{background:#57bcb5;}
.bg-migc{background:#0071a7;}
.bg-rose{background:#ffc7c2;}
.bg-azul{background:#003880;}
.bg-puntoswow {background:#fd0088}

.btn.bg-ils{color:#fff}
.btn.bg-breaknow{color:#fff;}
.btn.bg-rose{color:#593090; border-radius: 50px;}



.dropdown-menu{
    box-shadow: 0px 0px 4px 0px #ddd; border-radius:15px;}


.navbar-brand img{max-height: 100px;}
.navbar-light .navbar-nav .nav-link {color:#003880;font-weight: bold;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #57bcb5;
}

.dropdown-item{color:#003880; transition: 0.2s all}
.dropdown-item:hover, .dropdown-item:focus{background:inherit; padding-left: 20px;}
.dropdown-item.active, .dropdown-item:active{background:#003880;}

.menu{box-shadow:0px 0px 10px 1px #ccc;}
.lead{font-weight:normal}

#marketplace-360 ul {list-style: none;}
#marketplace-360 ul li::marker{ content:'■'; padding-right: 10px; color:#57bcb5}
#marketplace-360 ul li{padding-left: 15px; line-height: 1.1; padding-bottom:10px;}

#marketplace-solucion ul {list-style: none;}
#marketplace-solucion ul li::marker{ content:'■'; padding-right: 10px; color:#57bcb5}
#marketplace-solucion ul li{padding-left: 15px; line-height: 1.1; padding-bottom:10px;}

#marketplace-solucion ul {color:#fff; padding-left:15px;padding-top:10px;}
#marketplace-360 ul { padding-left:15px;padding-top:10px; color:#003880;}
#marketplace-360 ul li{color:#fff}


#footer{padding-top:50px;    padding-bottom: 70px;}

/**sections**/
#homepage-accesos{/*min-height:80vh;
display:flex; align-items: center; margin-bottom: 40px;
    margin-top: 40px;*/}

#homepage-numeros{min-height:80vh;
display:flex; 
align-items: center;background:#003880; color: #fff;
padding-top:20px;padding-bottom:80px;
	background-image: url('../img/bg-verde-top-right.png'),  url('../img/asset-verde-part01.png'),url('../img/asset-verde2-part01.png');
    background-repeat:no-repeat, no-repeat ,no-repeat;
	background-size: auto, auto, auto;
	background-position: top right, bottom left, bottom right; 
}

#homepage-porfolio{min-height:80vh;display:flex; 
align-items: center
}

.bg-porfolio{background-image: url('../img/asset-verde-part02.png'),url('../img/asset-verde2-part02.png');
    background-repeat:no-repeat, no-repeat;
	background-size: auto, auto;
	background-position: top left, top right; 
	}



#nosotros-porfolio{min-height:80vh;display:flex; 
align-items: center; padding-top:50px;padding-bottom: 80px;}
#homepage-formcontacto{min-height:80vh;display:flex; 
align-items: center; background-color: #0cbeb5}


#nosotros-porfolio h1 {color:#003880;     padding-bottom: 30px;padding-top:50px;}
#nosotros-porfolio h2 {color:#003880;     padding-bottom: 30px;padding-top:50px;}
#nosotros-form h2 {color:#003880;  }

#nosotros-form .form, #homepage-formcontacto .form, #marketplace-formcontacto .form{background: #fff;
    border-radius: 30px;
    padding: 30px 30px 20px 30px;}

#nosotros-porfolio img {max-height: 100px;}
#regalos-head{min-height:60vh;/*display:flex*/; align-items: center; /*background-color: #003880*/; color:#fff;padding-top:50px; padding-bottom: 50px;}

#regalos-head .title{ background-image:url("../img/line-bottom-azul.png"); background-repeat:no-repeat; background-position: bottom; background-size:contain}

#regalos-head .bg-azul{    padding-top: 0px;
    padding-bottom: 40px;
}
#regalos-head h3{margin-top:20px;}
#regalos-head h1{display: inline-block;
    padding: 10px 40px;
    background: #0cbeb5;
    border-radius: 15px 50px 50px 15px;
}
#regalos-head img{height: 120px;}

#regalos-head .title {}

#migiftcard .bg-migc ul {list-style: none;padding: 0}
#migiftcard .bg-migc ul li::before{content:'✔';padding-right: 10px;}

#homepage-numeros large{font-size:4rem}
#homepage-numeros small{font-size:1.4rem; line-height: 1; font-weight: bold; /*text-transform: uppercase*/}
#footer{background:#003880;}
footer .list-group-item{background:#003880; color:#fff;}


#nosotros{background: #003880; color:#fff; padding-top:50px; padding-bottom:50px; min-height:80vh;display:flex; 
align-items: center }
#nosotros-form{background:#0cbeb5;color:#003880; padding-top:50px;padding-bottom: 40px;}
#nosotros-slogan {padding-top:50px;}
#nosotros-slogan .lead {font-size:2rem; color:#003880;}
#nosotros-slogan .comillas {height: 50px;}

#puntoswow{min-height:80vh;/*display:flex;*/ 
align-items: center; padding-top:50px;padding-bottom: 50px;}
#puntoswow{color:#003880}
#puntoswow h2{padding: 10px 30px;
    background: #fd0088;
    border-radius: 30px 15px 15px 30px;
    color: #fff;
}
#puntoswow h3{color:#003880;}
#puntoswow h3.color-wow{color:#fd0088;font-weight: bold; margin-bottom: 20px;}

.puntoswow-line img{    padding: 10px 0px;
    max-height: 100px;
    border-bottom: 3px solid #fd0088;
    margin-bottom: 10px;}

#puntoswow .caracteristicas{  background-image:url("../img/line-bottom-azul-xl.png"); background-repeat:no-repeat; background-position: bottom; background-size:contain; padding-bottom:30px;}


#breaknow{min-height:80vh;display:flex; 
align-items: center; padding-top:50px;padding-bottom: 50px;
}

#breaknow h2 {
/*	color:#57bcb5;*/
	padding: 10px 30px;
    background: #57bcb5;
    border-radius: 15px 30px  30px  15px;
    color: #fff;}
#breaknow h3 {color:#593090; }
#breaknow h3.color-breaknow{color:#57bcb5; margin-bottom: 20px; font-weight: bold;}
#breaknow .bg-ils {padding-top:30px; padding-bottom: 30px;color:#fff;}

#breaknow .part1 { background-image:url("../img/asset-breaknow-1.png"); background-repeat:no-repeat; background-position: bottom left; background-size:auto}
#breaknow .part2 { background-image:url("../img/asset-breaknow-2.png"); background-repeat:no-repeat; background-position: top left; background-size:auto}

.breaknow-line .pasos {align-items: center}
 
.breaknow-line img{    padding: 10px 10px;
    max-height: 100px;
    border-right: 3px solid #57bcb5;
    margin-bottom: 10px;}


#migiftcard{min-height:80vh;display:flex; 
align-items: center; padding-top:50px;padding-bottom: 50px;}

#migiftcard h2, #migiftcard h3{color:#0071a7;}
#migiftcard .bg-migc{    color: #fff;
    padding: 30px 50px 30px 50px;
    border-radius: 30px 15px 15px 30px;
    margin-top: 15px;}

#marketplace-slogan{min-height:40vh;display:flex; 
align-items: center; padding-top:50px;}
#marketplace-oferta{min-height:40vh;display:flex; 
align-items: center; padding-top:20px;padding-bottom: 50px;
	background-image:  url("../img/bg-marketplace-bottom-right.jpg");
    background-repeat: no-repeat;
    background-size:  contain;
    background-position: right bottom; 

}

#marketplace-solucion{min-height:30vh;display:flex; 
align-items: center; padding-top:50px;;
background-image:  url("../img/bg-solucion-top-right.jpg");
background-repeat: no-repeat;
background-size:  contain;
background-position: right top; 
}

#marketplace-360{min-height:30vh;display:flex; 
align-items: center; padding-bottom: 50px;
/*background-image:  url("../img/bg-gestion-top-left.jpg"),url("../img/bg-gestion-bottom-right.jpg");*/
    background-repeat: no-repeat, no-repeat;
    background-size:  auto, auto;
    background-position: left top, right bottom;background-color:#003880; margin-bottom:9
		0px;border-bottom-left-radius: 150px; }

#homepage-accesos .btn.btn-md.btn-block{ min-height: 86px;
    border-radius: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  transition: all 0.4s;
}


#homepage-accesos {padding-top:50px;padding-bottom:160px;background-image: url('../img/bg-verde-bottom-right.png'),url('../img/bg-azul-accesos.png');
    background-repeat:no-repeat, no-repeat;
	background-size: auto, auto;
	background-position: right bottom, bottom left; }



#homepage-accesos .btn.btn-md.btn-block:hover{background: #009688; border-color: #009688;margin-top: -10px;	}

#homepage-accesos .btn.btn-md.btn-block large{line-height: 1;font-weight: bold;padding-left: 10px;
    padding-right: 10px;}


 #marketplace-cita { border-bottom-left-radius: 150px;/*padding-bottom:50px;*/ }
#marketplace-cita .cita{/*background:#003880;*/ margin-top:50px;  border-radius: 30px; /*color:#fff;*/padding:20px 20px;}
#marketplace-cita  .cita img{height: 40px; }
#marketplace-cita  .cita p{    padding-left: 60px;
    padding-right: 50px;
    padding-top: 0px;
	padding-bottom: 0px;margin: 0}

#casos-slogan {display:flex; 
align-items: center; padding-top:50px;padding-bottom: 50px;}
#casos-slider {background:#003880;min-height:70vh;display:flex; 
align-items: center; padding-top:50px;padding-bottom: 50px;}
/*** migiftacard ***/
.container-carrousel-gc {padding-top:50px; padding-bottom: 50px;}
.container-carrousel-gc .gc {border-radius: 20px; border: 1px solid #ccc;
/* z-index: 5; */ padding: 20px 40px;}

#casos-slogan h1{color:#009688;}
#casos-slider h2{color:#fff;}
#casos-slider h3{color:#009688;}
#casos-slider h4{color:#fff;}

#fidelizacion-slogan{padding-top:50px;}
#fidelizacion-oferta{min-height:40vh;display:flex; align-items: center; padding-top:0px;padding-bottom: 50px;}
#fidelizacion-oferta .fidelizacion-oferta{padding:30px 40px; color:#fff;     border-radius: 50px 15px 15px 50px; }


/*
#fidelizacion-oferta .fidelizacion-oferta ul{padding-left:10px; }
#fidelizacion-oferta .fidelizacion-oferta ul li::before { content:'+'; margin-right: 5px;}
#fidelizacion-oferta .fidelizacion-oferta ul li{list-style: none;}
*/

#fidelizacion-oferta  ul {list-style: none; padding-left:20px;padding-top:10px;}
#fidelizacion-oferta  ul li::marker{ content:'■'; padding-right: 10px; color:#ffc7c2}
#fidelizacion-oferta  ul li{padding-left: 15px; line-height: 1.1; padding-bottom:10px;}




#marketplace-oferta .lead {color:#003880}

#fidelizacion-slogan h1 {color:#593090;line-height: 0.8; padding-left:20px;}
#fidelizacion-slogan h1 span{font-size:1.5rem; }
#fidelizacion-slogan img {height: 150px;}

#fidelizacion-slogan img, #fidelizacion-slogan h1 {display: inline-block}

#fidelizacion-clientes h2{background:#ffc7c2; color:#593090; padding:20px 40px; display: inline-block; border-radius:15px 50px 50px 15px}


#fidelizacion-canales h2{background:#ffc7c2; color:#593090; padding:20px 40px; display: inline-block; border-radius:50px 15px 15px 50px}


#fidelizacion-solucion {
    min-height: 40vh;
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
	background-image: url('../img/divider-rosa.jpg');
    background-repeat:no-repeat;
	background-size: contain;
	background-position: top;
}

#fidelizacion-clientes .cita, #fidelizacion-canales .cita {color:#003880}

#fidelizacion-solucion {background-color:#593090; margin-top:50px; margin-bottom:30px;}
#fidelizacion-solucion h2 {color: #ffc7c2; margin-bottom: 30px;}
#fidelizacion-solucion p {color:#fff;}
#fidelizacion-solucion h4 {color: #593090;  background: #ffc7b8; border-radius: 10px 30px 30px 10px; padding: 5px 10px;     font-size: 1.2rem;
    font-weight: bold;
}
#fidelizacion-solucion  img{ height: 100px;}

#fidelizacion-catalogo h4 {color: #593090;  background: #ffc7b8;  border-radius: 10px 30px 30px 10px;  padding: 5px 10px; }


#fidelizacion-catalogo {padding-top:50px;padding-bottom:50px;background-image: url('../img/asset-rosa-bg.png');
    background-repeat:no-repeat;
	background-size: contain;
	background-position: right bottom; }

#fidelizacion-catalogo .der {padding-left:50px;}
#fidelizacion-catalogo .der .iconos{display: flex; align-items: center;}
#fidelizacion-catalogo .icon.title img{margin:0;}
#fidelizacion-catalogo .iconos h4{margin:0;}
#fidelizacion-catalogo .iconos h4, #fidelizacion-catalogo .iconos img{ display: inline-block}
#fidelizacion-catalogo .iconos img{ height: 80px;}
#fidelizacion-catalogo h2{color:#593090}

/*#fidelizacion-catalogo .icon-title img{height: 150px;}*/

#fidelizacion-canales .cita{}

#fidelizacion-canales .cita ul {list-style: none;}
#fidelizacion-canales .cita ul li::marker{ content:'■'; padding-right: 10px; color:#ffc7c2}
#fidelizacion-canales .cita ul li{padding-left: 15px; line-height: 1.1; padding-bottom:10px;}

#marketplace-slogan img {height: 200px;}
#marketplace-slogan h1 {color:#003880}
#marketplace-slogan h2{ color:#57bcb5}
#marketplace-slogan p{ background:#003880; padding:15px 30px; border-radius: 50px 15px 15px  50px; color:#fff }

#marketplace-oferta h2, #marketplace-solucion h2 {color:#fff}
#marketplace-oferta h2 {color:#003880}

#marketplace-oferta ul.lead {list-style: none;}
#marketplace-oferta ul.lead li::marker{ content:'■'; padding-right: 10px; color:#57bcb5}
#marketplace-oferta ul.lead li{   padding-bottom: 10px;
    padding-left: 10px;
    line-height: 1.2;}

#marketplace-solucion h2{ color:#57bcb5;}
#marketplace-solucion h4{ background:#57bcb5; border-radius: 10px 30px 30px 10px;
    padding: 5px 10px;
    font-size: 1.2rem;
    font-weight: bold;color:#003880;}

#marketplace-solucion  p{color:#fff;     padding-left: 10px;}
#marketplace-360 h2{color:#003880;}
#marketplace-360 h4{ background:#57bcb5; border-radius: 10px 30px 30px 10px;
    padding: 5px 10px;
    font-size: 1.2rem;
    font-weight: bold;color:#003880;}

#marketplace-formcontacto h2 {color:#003880}
#FormContactoMarketplace {padding-top:20px;}

.form input::placeholder, .form textarea::placeholder{font-style: italic;font-weight: normal} 

.form input.form-control, .form-select, .form-label, textarea.form-control {font-weight: bold;color:#003880;border-radius: 20px; }

/*
h3.col-wow {color: #fff;
    padding: 30px 50px 30px 50px;
    border-radius: 30px 0px 0px 30px;
    margin-top: 15px;}*/


#homepage-formcontacto{padding-bottom: 50px;}

.homepage-formcontacto{
	padding-top:130px;
	background-image:  url("../img/bg-azul-bottom-left.png"), url('../img/bg-contacto-top-right.jpg');
    background-repeat: no-repeat, no-repeat;
    background-size:  auto, contain;
    background-position: left bottom, top; 
}

#homepage-formcontacto{color:#003880}


#homepage-accesos h1{color:#57bcb5}
#homepage-accesos h3 {color:#003880}

#homepage-numeros h2{  /*  padding: 10px 30px;
    background: #57bcb5;
    border-radius: 15px 30px 30px 15px;
	color: #fff;}*/
color:#57bcb5; margin-bottom: 30px;}

#homepage-numeros large{
/*padding: 5px 40px 5px 30px;*/
   /*background: #57bcb5;*/
    color: #fff;
	border-radius: 10px 50px 50px 10px;
    font-weight: bold;
}

#carouselExampleCaptions .carousel-inner{
padding-top: 20px;
    padding-bottom: 40px;
	padding-right: 50px;
	padding-left:50px;
}

#carouselExampleCaptions .carousel-indicators{margin-bottom: 0;}

#carouselExampleCaptions .carousel-control-prev,
#carouselExampleCaptions .carousel-control-next {width: 50px;}

#carouselExampleCaptions .solucion-logo{ 
	background: #fff;
    border-radius: 15px 60px 60px 15px;
    padding: 10px;
    display: inline-block;
}

#carouselExampleCaptions .solucion-logo img{max-height: 80px;}
.carousel-indicators{margin-bottom: 50px;}

.slick-prev, .slick-next {
    background: #ccc 	!important;
    border-radius: 50%;
}

.container-carrousel-gc .div-gc {border-radius: 30px;}
.container-carrousel-gc .div-gc img{width: 100%;     height: auto;
    padding: 15px}


.img-regalos-head{height: 30px !important; width: auto;display: block; margin-bottom: 10px;}


.arrow-down{text-align: center; display:block; /*margin-top:-100px;*/ z-index: 100;position: relative;
   height: 50px
} 

.btn-lg, .btn-group-lg > .btn, .btn-md, .btn-group-md > .btn, .btn-sm, .btn-group-sm > .btn { border-radius: 50px;}

.list-group-flush > .list-group-item{border-width: 0 0 0;}


#marketplace-formcontacto{     padding-bottom:100px;
	background-image: url(../img/bg-marketplace-form-bottom-right.jpg);
    background-repeat: no-repeat;
    background-size: auto, auto;
    background-position: right bottom}



.nav.nav-pills {    
    border-radius: 30px; border: 3px solid #003880;}
.nav.nav-pills .nav-item{font-weight: bold;color:#003880}

#marketplace-formcontacto .form{border: 3px solid #003880;}

.nav-pills .nav-link{border-radius:50px;    color: #003880; font-size: 1.4rem;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
	background-color: #003880; }