@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

body{
	font-family: 'Nunito', sans-serif;
	padding-top: 100px;
}

.subir {
    margin-top: -40px !important;
}

.tipoborder{
	padding: 5px;
	background-color: #ffffff26;
	width: 100px;
	border-radius: 50px;
	font-size: 16px;
	transition-duration: 0.3s;
}

.tipoborder:hover{
	background-color: #fff;
	transition-duration: 0.3s;
}

.tipoborder2{
	padding: 5px;
	background-color: #ffffff26;
	width: 100%;
	border-radius: 50px;
	font-size: 16px;
	transition-duration: 0.3s;
}

.tipoborder2:hover{
	padding: 5px;
	background-color: #fff;
	width: 100%;
	border-radius: 50px;
	font-size: 16px;
	transition-duration: 0.3s;
}

.tipoborder2, a:hover{
	text-decoration: none;
}

.contenedor-planes {
    width: 800px;
}

.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgb(0 0 0 / 0%);
}

header.carousel {
    height: auto;
}


.breadcrumb {
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

.panel-body {
    padding: 15px 0;
}





/* CUADRADO DE SERVICIOS*/ 
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd0;
}

.fondo-verde{
	background-color: #6E6E6E;
	color: #fff;
}

a.list-group-item, button.list-group-item {
    color: #3c3d41;
}

.list-group {
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.breadcrumb>.active {
    color: #fff;
}

.list-group,h3{
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
	font-weight: 600;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6E6E6E;
}



/* PIE DE HORMIGA */ 
.breadcrumb {
    padding: 8px 0px;
}



/* PIE DE HORMIGA */ 
.linea-de-texto-menuf {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #234498;
}




#trapecio-top {
	position:absolute;
	z-index:1;
    width: 400px;
    height: 0px;
    border-right: 20px solid transparent;
    border-left: 0px solid transparent;
    border-top: 15px solid #fff;
}



/* BOTON */ 
.btn-default {
    color: #fff;
    background-color: #df013a;
    border-color: #df013a;
	transition: width 2s linear 1s;
}

.btn-default:hover {
    color: #fff;
    background-color: #b90332;
    border-color: #b90332;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	transition: width 2s linear 1s;
}



/* ALGÚN EFECTO */ 
.box {
	 width:auto;
	 height:322px;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg4 {
	 overflow:hidden;
	 position:relative;
}
.actionImg4 img {
	 display:block;
	 width:100%;
	 height:100%;
}
.actionImg4 .hover {
	 position:absolute;
	 left:0;
	 bottom:0;
	 background-color:#E6E6E6;
	 width:100%;
	 padding:15px 0 15px;
	 text-align:center;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 transition:padding-bottom .35s;
	 -webkit-transition:padding-bottom .35s;
	 -moz-transition:padding-bottom .35s;
}
.actionImg4 .hover .sub_tit {
	 font-size:16px;
	 color:#4c4c4d;
}
.actionImg4 .hover .desc {
	 position:absolute;
	 width:100%;
	 color:#a3a3a3;
	 margin-top:6px;
	 font-size:11px;
	 line-height:13px;
	 opacity:0;
	 transform:translateY(40%);
	 -webkit-transform:translateY(40%);
	 -moz-transform:translateY(40%);
	 transition:all .5s .3s;
	 -webkit-transition:all .5s .3s;
	 -moz-transition:all .5s .3s;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg4:hover .hover {
	 padding-bottom:50px;
}
.actionImg4:hover .hover .desc {
	 opacity:1;
	 transform:translateY(0);
	 -webkit-transform:translateY(0);
	 -moz-transform:translateY(0);
}



/* BANNER IZQUIERDO*/ 
.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgb(0 0 0 / 0%) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}



/* BANNER DERECHO*/ 
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgb(0 0 0 / 0%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}



/* CIRCULOS*/ 
.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 2px solid #A4A4A4;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #A4A4A4;
}
/* CIRCULOS*END*/


.hr-2 {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #3562dc;
}


/* BOTON AQUÍ*/ 
.actionBtn20 {
	background-color: #0637b5cf;
	width: 300px;
	float: right;
	 display: inline-block;
	 position: relative;
	 padding: 9px 20px 10px;
	 margin: auto;
	 border-radius: 100px;
	 -webkit-border-radius: 100px;
	 -moz-border-radius: 100px;
  	transition: 0.5s;
	 text-transform: uppercase;
	 text-decoration: none;
}
.actionBtn20:hover {
	background-color: #0637b5fa;
	 transform: translateY(-3px);
	 -webkit-transform: translateY(-3px);
	 -moz-transform: translateY(-3px);
	 -ms-transform: translateY(-3px);
	 box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.08);
	 -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.08);
	 -moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.08);
	 text-transform: uppercase;
	 text-decoration: none;
}
.actionBtn20 .lb{
	 display: block;
	 font-size: 14px;
	 font-weight: bold;
	 color:#fff;
}





/* BOTON VER mas*/
.actionBtn19 {
	 display: inline-block;
	 position: relative;
	 margin: auto;
	 box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 text-transform: uppercase;
	text-decoration: none;
}
.actionBtn19:after{
	 content: '';
	 display: block;
	 position: absolute;
	 left: 0;
	 top: 5px;
	 width: 100%;
	 height: 4px;
	 background: #3700de;
	 transition: height .35s ease, left .35s ease, top .35s ease, padding .35s ease, opacity .35s ease, border-radius .35s ease;
	 -webkit-transition: height .35s ease, left .35s ease, top .35s ease, padding .35s ease, opacity .35s ease, border-radius .35s ease;
	 -moz-transition: height .35s ease, left .35s ease, top .35s ease, padding .35s ease, opacity .35s ease, border-radius .35s ease;
	 opacity: 0.2;
}
.actionBtn19 .lb{
	 display: block;
	 position: relative;
	 z-index: 1;
	 font-size: 14px;
	 font-weight: 600;
	 color:#222;
	 font-family: 'Montserrat', sans-serif;
	 transition: color .35s ease .05s, letter-spacing .35s ease .05s;
	 -webkit-transition: color .35s ease .05s, letter-spacing .35s ease .05s;
	 -moz-transition: color .35s ease .05s, letter-spacing .35s ease .05s;
	 letter-spacing: 1.5px;
}
.actionBtn19:hover:after{
	 height: 100%;
	 top: -8px;
	 left: -15px;
	 padding: 8px 15px;
	 border-radius: 20px;
	 -webkit-border-radius: 20px;
	 -moz-border-radius: 20px;
	 opacity: 1;
}
.actionBtn19:hover .lb {
	 color:#fff;
	 letter-spacing: normal;
}

.navbar-toggle {
    background-color: blue;
}

.navbar-inverse .navbar-toggle {
    border-color: #00f;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #fff;
}

.boton-volver-atras {
    background-color: #02288a;
    padding: 8px 50px;
    border-radius: 50px;
    border-color: 0;
}

button {
    appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}

.btn {
    color: #000;
}

.modal-title {
    color: #000;
}