
.btn-facebook,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover {
	color: #fff;
	background-color: #3b5998;
	border-color: rgba(0,0,0,0.2);
}
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover {
	background-color: #2d4373;
}

.btn-whatsapp,
.btn-whatsapp:active,
.btn-whatsapp:focus,
.btn-whatsapp:hover {
	color: #fff;
	background-color: #25D366;
	border-color: rgba(0,0,0,0.2);
}
.btn-whatsapp:active,
.btn-whatsapp:focus,
.btn-whatsapp:hover {
	background-color: #1DB154;
}

.btn-aqua {
	background-image: linear-gradient(bottom,#d2f4fe 25%,#95c2fd 100%);
	background-image: -o-inear-gradient(bottom,#d2f4fe 25%,#95c2fd 100%);
	background-image: -moz-inear-gradient(bottom,#d2f4fe 25%,#95c2fd 100%);
	background-image: -webkit-inear-gradient(bottom,#d2f4fe 25%,#95c2fd 100%);
	background-image: -ms-inear-gradient(bottom,#d2f4fe 25%,#95c2fd 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(.25,#d2f4fe),color-stop(1,#95c2fd));
	color: #212529;
	text-decoration: none;
	font-weight: 500;
	border: 1px solid rgba(0,0,0,.45);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 5px 5px rgba(255,255,255,.4),0 1px 3px rgba(0,0,0,.2);
	height: 33px;
	padding: .175rem .75rem;
	font-size: 1rem;
}

.btn-aqua:active,
.btn-aqua:focus,
.btn-aqua:hover{
	color: #333;
	background-color: #0b5ed7;
	background-image: linear-gradient(bottom,#d8fcfe 25%,#95c2fd 100%);
	background-image: -o-inear-gradient(bottom,#d8fcfe 25%,#95c2fd 100%);
	background-image: -moz-inear-gradient(bottom,#d8fcfe 25%,#95c2fd 100%);
	background-image: -webkit-inear-gradient(bottom,#d8fcfe 25%,#95c2fd 100%);
	background-image: -ms-inear-gradient(bottom,#d8fcfe 25%,#95c2fd 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(.25,#d8fcfe),color-stop(1,#95c2fd));
}

.btn-aqua:active,
.btn-aqua:hover {
	border: 1px solid rgba(0,0,0,.45);
	outline: 0;
	box-shadow: none;
}
.btn-aqua:focus {
	border: 1px solid #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
}

section {
	padding: 50px 25px 50px;
}

.mainSection {
	background: rgb(242, 248, 253);
/*	background: -webkit-linear-gradient(to bottom, rgb(242, 248, 253), rgb(126, 186, 228));
	background: linear-gradient(to bottom, rgb(242, 248, 253), rgb(126, 186, 228));*/
		
  background-image: -webkit-linear-gradient(to bottom, rgb(242, 248, 253) 0, rgb(126, 186, 228) 60%, rgb(242, 248, 253) 100%);
  background-image: -moz-linear-gradient(to bottom, rgb(242, 248, 253) 0, rgb(126, 186, 228) 60%, rgb(242, 248, 253) 100%);
  background-image: -o-linear-gradient(to bottom, rgb(242, 248, 253) 0, rgb(126, 186, 228) 60%, rgb(242, 248, 253) 100%);
  background-image: linear-gradient(to bottom, rgb(242, 248, 253) 0, rgb(126, 186, 228) 60%, rgb(242, 248, 253) 100%);
	
	float: left;
	width: 100%;
	/*padding: 50px 25px 50px;*/
}

.mainSection .row-shadow {
	box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.11), 0px 4px 20px rgba(0, 0, 0, 0.01);
	border-radius: 10px;
}


.mainSection .banner-sec {
	background-color: rgb(231, 242, 250);
	background-repeat: no-repeat;
	background-image: linear-gradient(90deg, rgb(87, 169, 240), rgb(231, 242, 250));
	background-size: cover;
	border-radius: 10px 0 10px 10px;
	padding: 0;
}

/*
@media (min-width:992px){
	.mainSection .banner-sec {min-height: 427px;}
}*/

.mainSection .container,
.mainSection .container-fluid {
	background: #fff;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 15px 20px 0px rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, .8);
}

.mainSection .login-sec {
	padding: 50px 30px 20px 30px;
	position: relative;
}

.mainSection .login-sec h2 {
	margin-bottom: 30px;
	font-weight: 800;
	font-size: 30px;
	color: #6586C8;
}

.mainSection .login-sec h2:after {
	content: " ";
	width: 100px;
	height: 5px;
	background: #7EBAE4;
	display: block;
	margin-top: 20px;
	border-radius: 3px;
	margin-left: auto;
	margin-right: auto
}

.mainSection .b-0 {
	bottom: 0;
}
.mainSection .t-0 {
	top: 0;
}
.mainSection .bg-shadow {
	/* background: rgba(76, 76, 76, 0);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
	background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); */
	background: rgba(62,69,81,0.7);
	background-color: rgba(62,69,81,0.7);
}
.mainSection .top-indicator {
	right: 0;
	top: 1rem;
	bottom: inherit;
	left: inherit;
	margin-right: 1rem;
}
.mainSection .overflow {
	position: relative;
	overflow: hidden;
}

.mainSection .zoom {
	transition: all 0.2s linear;
}
.mainSection .zoom:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

@media (min-width:992px){
    .mainSection .zoom:hover {
    	-webkit-transform: scale(1.1);
    	transform: scale(1.1);
    }
}



.mainSection .card.bg-item{
	background-color: rgba(255,255,255,0.7);
	color:#333;
}


/* carousel */

.mainSection .carousel-inner,
.mainSection .carousel-thumbnails .carousel-inner {
	padding-bottom: 6.30rem;
}
.mainSection .carousel-thumbnails .carousel-inner {
	border-radius: 10px 0 0 10px;
}


.mainSection .carousel-item .carousel-caption {
	width: 100%;
	left: 0;
	right: 0;
	padding: 0;
	min-height: 100%;
	height: auto;
}

.mainSection .carousel-thumbnails .carousel-indicators {
	margin-bottom: 0.69rem;
	position: absolute;
}

.mainSection .carousel-thumbnails .carousel-indicators.thumbnails li {
	height: auto;
	width: 10.25rem;
	max-width: 10.25rem;
	border: none;
	text-indent: inherit;
}

/*
.mainSection .carousel-thumbnails .carousel-control-prev,
.mainSection .carousel-thumbnails .carousel-control-next{
	bottom: calc(0rem + 6.30rem);
}
*/
.mainSection .jimg,
.mainSection .jimg > .bg-shadow,
.mainSection .banner-sec .carousel-item {
	min-height: 427px;
	/*min-height: 31.rem;*/
	/*height: calc(100vh + 1.46rem);*/
}



.mainSection .jimg {
  background: rgba(62,69,81,0.7);
  background-color: rgba(62,69,81,0.7);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  background-size: cover;
  max-height: none;
  height: inherit;
      /*overflow: hidden;*/
  border-radius: 10px 10px 10px 10px;

}

.mainSection .jimg.src1 {
    /* Dimensiones: 1321 x 583 */
    background-image: url("./images/ubicaciones2.jpg");
}

.mainSection .jimg.src2 {
    /* Dimensiones: 1321 x 583 */
    background-image: url("./images/foto7v2.jpg");
}




.bg-section2 {
  background-image:none;
  background-color: rgb(242, 248, 253);
  background-color: transparent;
}

.bg-section2 .card-group {
  background-image: radial-gradient(circle at 0 100%,rgb(189 205 216),rgb(112 149 175));
  border-radius: 10px 10px 10px 10px;
}

.bg-section2 .bg-cards {
	background: transparent;
}
.bg-section2 .bg-cards h4 {
	text-shadow: -1px -1px 1px rgba(195,195,195,.40), 1px 1px 1px rgba(195,195,195,.60);
}
.bg-section2 .bg-cards-item {
	background-color: rgba(255,255,255,0.85);
    color: #333;
}

section .titulo {
    font-size: 4rem;
    font-weight: 400;
}
@media (min-width:992px){
	section .titulo {
    font-size: 6rem;
    font-weight: 400;
}
}

.bg-section3 .card {
  background-image: none;
  background-color: rgb(82, 119, 195);
  border-radius: 10px;
}

.bg-section4 {
  background: #dcebfa;
  -webkit-box-shadow: inset 0 0 10px 5px transparent, inset 0 30px 24px -14px rgb(247 248 252), inset 40px 30px 50px transparent, inset -40px 30px transparent, inset -40px -30px 50px transparent;
  box-shadow: inset 0 0 10px 5px transparent, inset 0 30px 24px -14px rgb(247 248 252), inset 40px 30px 50px transparent, inset -40px 30px transparent, inset -40px -30px 50px transparent;
}
.bg-section4 .first-card {
  background-image: none;
  border: none;
  background-color: transparent;
  background: #dcebfa;
}

.bg-section4 .card-group {
	background-color: rgb(102,140,165,.24);
	background: #dcebfa;
	background:linear-gradient(135deg, #cfd9df 0%,#e2ebf0 100%);
    border-radius: 10px;
	background-image: url(./images/mundoTecnologia.jpg);
}
.bg-section4 .card-group .card h2 {
	color: #dcefff;
    text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.bg-section4 .card-group .card  {
	background-color: rgba(132,164,195,.73);
	border-radius: 0;
}
.bg-section4 .card-group .card:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.bg-section4 .card-group .card:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

@media (min-width:992px){
	.bg-section4 .card-group .card:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.bg-section4 .card-group .card:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
}


.bg-section4 .card .list-group .list-group-item {
	background-color: #eeeeee;
	background:linear-gradient(135deg, #eeeeee 0%,#ffffff 100%);
}

.bg-section5 {
  background: transparent;
  -webkit-box-shadow: inset 0 0 10px 5px transparent, inset 0 30px 24px -14px rgba(217,231,246,.84), inset 40px 30px 50px transparent, inset -40px 30px transparent, inset -40px -30px 50px transparent;
  box-shadow: inset 0 0 10px 5px transparent, inset 0 30px 24px -14px rgba(217,231,246,.84), inset 40px 30px 50px transparent, inset -40px 30px transparent, inset -40px -30px 50px transparent;
}


