/*! * Start Bootstrap - Grayscale v5.0.2 (https://startbootstrap.com/template-overviews/grayscale) * Copyright 2013-2018 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE) */

 



body, h1, h2, h3, p, ul, li, tr, td{letter-spacing: 0px}

p {
	text-align: justify;
  }

.cuadro{background-color: white; padding: 10px; border-radius: 15px; margin-bottom: 15px; color: #03539B}
.gris{color: #808080}

@media screen and (max-width: 480px) {
     table {
       display: block;
       overflow-x: auto;
     }
}


@media screen and (width: 1024px) {
  
}



@media screen and (width: 1280px) {
   
}

.botonagua{background-color:#21BECE; padding:20px; color: white; font-size:20px; text-align:center}

.boton{ padding: 10px 20px; background-color: transparent; border: 2px solid white}
.lineal{padding-bottom: 15px; border-bottom: 1px solid white}

.gradiente-azul{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21bece+0,03539b+100 */
background: rgb(33,190,206); /* Old browsers */
background: -moz-linear-gradient(left, rgba(33,190,206,1) 0%, rgba(3,83,155,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(33,190,206,1) 0%,rgba(3,83,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(33,190,206,1) 0%,rgba(3,83,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21bece', endColorstr='#03539b',GradientType=1 ); /* IE6-9 */}


.linea{border: solid 2px rgb(33,190,206); }
.aparece{display: none}


@media (max-width: 480px) {
.responsive{ width:100%;
	height:auto}
 	.imagen2{display:none!important}
	
	
 
}


@media (max-width: 1024px) {
	.imagen img{display: none!important}

	.pad3{padding-top: 10px; padding-left: 15px; padding-bottom: 10px }
	.desaparece{ display: none
	}
	.aparece{display: block}
.gradiente {
	 background-color: #21BECE!important
}
}

.imagen2{display:block; float:right}


@media (max-width: 768px) {
	.centro{text-align: center!important;}
	.arriba50{margin-top:none!important}
	.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
	.nav-link {color: white!important; font-size:20px}
	
.gradiente {
	 background-color: #21BECE!important
}
 
	
}

 .arriba50{margin-top:100px}


@media (max-width: 480px) {
 
	.pad3{padding-top: 10px; padding-left: 15px; padding-bottom: 10px }

}

.pad3{padding:20px 0 20px 20px;   }
.antes3::before{ content:url(../img/hanna.png); }


.triangulo::before{ content:url(../img/triangulo.png); padding-right: 5px}

.comillas::before{ content:url(../img/comilla.png); padding-right: 5px}
.card-text p{font-size: 14px!important;}
.parallax {
    /* The image used */
    background-image: url(../img/testimonioss.jpg);

    /* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.parallax2 {
    /* The image used */
    background-image:url(../img/Inicio_Rotador3.jpg);

    /* Set a specific height */
    min-height: 600px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax3 {
    /* The image used */
    background-image:url(../img/img-bote.jpg);

    /* Set a specific height */
    min-height: 600px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.parallax4 {
    /* The image used */
    background-image:url(../img/Cirugías_ImagenAbajo.jpg);

    /* Set a specific height */
    min-height: 600px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.parallax5 {
    /* The image used */
    background-image:url(../img/call.jpg);

    /* Set a specific height */
    min-height: 700px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.font20{font-size: 20px}

.white{ color:white}
.nom{ margin: 0!important}
.grande{ font-size: 50px; color: #21bece; padding: 0 15px 0 0 }
.grande2{ font-size: 50px; color:white; padding: 0 15px 0 0 }
.peque{ font-size: 14px; }
.medium{font-size: 18px}
.medium2{font-size: 22px}
.strong{ font-weight: 700}
.strong2{ font-weight: 600}

.espacio{ padding: 80px 0}
.espacio11{ padding: 200px 0 100px 0}
.espacio2{padding-bottom: 80px}
.espacio3{padding-bottom: 30px}
.espacio4{padding: 80px}
.espacio5{padding-top: 30px}
.espacio6{padding-top:81px }
 
.aqua4{background-color: #21bece;}
.celeste2{background-color:#29abe2}
.azul2{ background-color:#03539b}
.aqua3{color: #21bece;}

.aqua{ background-color: #21bece; padding: 45px; text-align: left; color: white; box-sizing: border-box}
.aqua p{ font-size: 14px; }
.aqua2{ background-color: #21bece; padding: 70px; text-align: left; color: white; box-sizing: border-box;}
.aqua7{ background-color: #21bece; padding: 50px; color: white; box-sizing: border-box; height: 100%; line-height: 250px}
.aqua9{background-color: #21bece;}

.aqua8{ background-color: #21bece; padding:100px 50px 50px 50px; color: white; box-sizing: border-box; height: 250px;  text-align: center}
.aqua-block{ background-color: #21bece; padding: 25px; text-align: left; color: white; box-sizing: border-box; margin-bottom:15px!important}
.celeste{ background-color:#29abe2;padding: 45px; text-align: left;color: white;box-sizing: border-box }
.celeste3{ background-color:#29abe2;padding: 85px; text-align: left;color: white;box-sizing: border-box }
.celeste p{font-size: 14px}
.azul{ background-color:#03539b;padding: 45px ; text-align: left;color: white;box-sizing: border-box  }
.azul p{ font-size: 14px; }
.azul table td{font-size: 14px; padding: 18px 0; border-bottom: 1px solid white}
.azul-dark{color: #03539B}
.azul-dark-bg{ background-color:#03539B }

.boton1{padding: 10px; border: 2px solid #21bece; text-align: center; max-width: 250px; margin-top: 20px!important}
.boton2{padding: 10px; border: 1px solid white; text-align: center; max-width: 150px; color: white; font-weight: 400}




.boton3{padding: 10px; border: 1px solid white; text-align: center; max-width: 150px}
.boton3{padding: 10px; border: 1px solid #21BECE; text-align: center; max-width: 120px; color: #21BECE}

.carousel-item {
	height:75vh;
	min-height:500px;
	background:no-repeat center center scroll;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

 


.carousel-item2 {
	height:65vh;
	min-height:1080px;
	background:no-repeat center center scroll;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.portfolio-item {
	margin-bottom: 30px;
}
.gradiente {
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#7db9e8+0,ffffff+100&0+0,0.52+100 */
	background:-moz-linear-gradient(top,rgba(125,185,232,0) 0%,rgba(255,255,255,0.52) 100%);
	/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(125,185,232,0) 0%,rgba(255,255,255,0.52) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(125,185,232,0) 0%,rgba(255,255,255,0.52) 100%);
	/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8',endColorstr='#85ffffff',GradientType=0 );
	/* IE6-9 */
}
.gradiente2 {
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#7db9e8+0,ffffff+100&0+0,0.3+100 */
	background:-moz-linear-gradient(top,rgba(125,185,232,0) 0%,rgba(255,255,255,0.3) 100%);
	/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(125,185,232,0) 0%,rgba(255,255,255,0.3) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(125,185,232,0) 0%,rgba(255,255,255,0.3) 100%);
	/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8',endColorstr='#4dffffff',GradientType=0 );
	/* IE6-9 */
}
#mainNav {
	min-height:46px;
	
}
#mainNav .navbar-toggler {
	font-size:80%;
	padding:.75rem;
	color:white;
	border:1px solid white
}
#mainNav .navbar-toggler:focus {
	outline:0
}
#mainNav .navbar-brand {
	color:#161616;
	font-weight:700;
	padding:.9rem 0
}
#mainNav ul.navbar-nav li.nav-item {
	position: relative;
}
#mainNav .navbar-nav .nav-item:hover {
	color:fade(white,80%);
	outline:0;
	background-color:transparent
}
#mainNav ul.navbar-nav li.nav-item ul, #mainNav ul.navbar-nav li.nav-item ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
#mainNav ul.navbar-nav li.nav-item ul {
	position: absolute;
	background-color: rgba(255,255,255,.65);
	display: none;
}
#mainNav ul.navbar-nav li.nav-item:hover ul { display: block; }
#mainNav ul.navbar-nav li.nav-item ul li a {
	display: block;
	padding: .5em 1em;
	color: rgb(96,96,96);
}
@media (max-width: 768px) {
	#mainNav ul.navbar-nav li.nav-item ul {
		position: static;
		display: block;
	}
	#mainNav ul.navbar-nav li.nav-item ul li a {
		padding: .25em 1em;
	}
}
#mainNav ul.navbar-nav li.nav-item ul li a:hover {
	background-color: rgba(255,255,255,.65);;
}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus {
	outline:0;
	background-color:transparent
}
@media (min-width:992px) {
	#mainNav {
		background-color: #fff;
		padding-top:0;
		padding-bottom:0;
		border-bottom:none;
	}
	#mainNav .navbar-brand {
		padding:.5rem 0;
		color:rgba(255,255,255,.5)
	}
	#mainNav .nav-link {
		-webkit-transition:none;
		transition:none;
		padding:2rem 1.5rem;
		color:white;border-bottom: 2px solid transparent!important;
	}
	#mainNav .nav-link:hover {
		color: white; border-bottom: 2px solid white!important;
	}
	#mainNav .nav-link:active {
		color:#fff
	}
	#mainNav.navbar-shrink {
		background-color: rgba(33,190,206, 0.9);
	}
	
	 
	#mainNav.navbar-shrink .navbar-brand {
		color:#161616
	}
	#mainNav.navbar-shrink .nav-link {
		color:white;
 		border-bottom:.25rem solid transparent
	}
	#mainNav.navbar-shrink .nav-link:hover {
		color:white
	}
	#mainNav.navbar-shrink .nav-link:active {
		color:#467370
	}
	#mainNav.navbar-shrink .nav-link.active {
		color:#64a19d;
		outline:0;
		border-bottom:.25rem solid #64a19d
	}
}
.masthead {
	position:relative;
	width:100%;
	height:auto;
	min-height:35rem;
	padding:15rem 0;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/bg-masthead.jpg);
	background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-masthead.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover
}


.masthead2 {
	position:relative;
	width:100%;
	height:auto;
	min-height:35rem;
	padding:15rem 0;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/bg-masthead.jpg);
	background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-masthead.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover
}
.masthead h1 {
	font-family:'Varela Round';
	font-size:2.5rem;
	line-height:2.5rem;
	letter-spacing:.8rem;
	background:-webkit-linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text
}
.masthead h2 {
	max-width:20rem;
	font-size:1rem
}
@media (min-width:768px) {
	.masthead h1 {
		font-size:4rem;
		line-height:4rem
	}
}
@media (min-width:992px) {
	.masthead {
		height:100vh;
		padding:0
	}
	.masthead h1 {
		font-size:6.5rem;
		line-height:6.5rem;
		letter-spacing:.8rem
	}
	.masthead h2 {
		max-width:30rem;
		font-size:1.25rem
	}
}

.btn-primary {
	background-color:#64a19d
}
.btn-primary:hover {
	background-color:#4f837f
}
.btn-primary:focus {
	background-color:#4f837f;
	color:#fff
}
.btn-primary:active {
	background-color:#467370!important
}
.about-section {
	padding-top:10rem;
	background:-webkit-gradient(linear,left top,left bottom,from(#161616),color-stop(75%,rgba(22,22,22,.9)),to(rgba(22,22,22,.8)));
	background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%)
}
.about-section p {
	margin-bottom:5rem
}
.projects-section {
	padding:10rem 0
}
.projects-section .featured-text {
	padding:2rem
}
@media (min-width:992px) {
	.projects-section .featured-text {
		padding:0 0 0 2rem;
		border-left:.5rem solid #64a19d
	}
}
.projects-section .project-text {
	padding:3rem;
	font-size:90%
}
@media (min-width:992px) {
	.projects-section .project-text {
		padding:5rem
	}
	.projects-section .project-text hr {
		border-color:#64a19d;
		border-width:.25rem;
		width:30%
	}
}
.signup-section {
	padding:10rem 0;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/bg-signup.jpg);
	background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-signup.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover
}
.signup-section .form-inline input {
	-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	padding:1.25rem 2rem;
	height:auto;
	font-family:'Varela Round';
	font-size:80%;
	text-transform:uppercase;
	letter-spacing:.15rem;
	border:0
}
.contact-section {
	padding:60px 0
}

.contact-section .card h4 {
	font-size:.8rem;
 
	text-transform:uppercase;
	letter-spacing:.15rem
}
.contact-section .card hr {
	border-color:#21BECE;
	border-width:.25rem;
	width:3rem
}
.contact-section .social {
	margin-top:5rem
}
.contact-section .social a {
	text-align:center;
	height:3rem;
	width:3rem;
	background:rgba(255,255,255,.1);
	border-radius:100%;
	line-height:3rem;
	color:rgba(255,255,255,.3)
}
.contact-section .social a:hover {
	color:rgba(255,255,255,.5)
}
.contact-section .social a:active {
	color:#fff
}
body {
   

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


	letter-spacing:.0625em
}

.nav-link {color: #606060!important}


.bg-black {
	background-color:#161616!important
}
.bg-primary {
	background-color:#64a19d!important
}
.text-primary {
	color:#21BECE!important
}
header { margin-top: 116px; }
@media screen and (max-width: 1024px) {
	#mainNav { background-color: #fff; }
	#mainNav .navbar-toggler { color: #606060; border-color: #606060; }
}
footer {
	padding: 5rem 0
}
.contact-section-footer {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#03539b+0,21bece+100 */
	background: #03539b; /* Old browsers */
	background: -moz-linear-gradient(left,  #03539b 0%, #21bece 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #03539b 0%,#21bece 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #03539b 0%,#21bece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03539b', endColorstr='#21bece',GradientType=1 ); /* IE6-9 */
	padding: 2em 0;
}
.contact-section-footer .grande {
	color: #fff;
}
.contact-section-footer button.btn-primary {
	background-color: transparent;
	border: 1px solid #fff;
}
.bg-grad {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#03539b+0,21bdcd+100 */
	background: #03539b; /* Old browsers */
	background: -moz-linear-gradient(left,  #03539b 0%, #21bdcd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #03539b 0%,#21bdcd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #03539b 0%,#21bdcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03539b', endColorstr='#21bdcd',GradientType=1 ); /* IE6-9 */

}
.card-testify {
	border: 1px solid #fff;
	padding: 2em;
}
a.cta-hero-main,a.cta-hero-main:link,a.cta-hero-main:active,a.cta-hero-main:hover,a.cta-hero-main:visited {
	display: inline-block;
	color: #fff;
	padding: .5em 1.5em;
	margin-top: .5em;
	border-radius: 2em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#03539b+0,21bdcd+100 */
	background: #03539b; /* Old browsers */
	background: -moz-linear-gradient(left,  #03539b 0%, #21bdcd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #03539b 0%,#21bdcd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #03539b 0%,#21bdcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03539b', endColorstr='#21bdcd',GradientType=1 ); /* IE6-9 */
}
.btn-primary-orange {
	background-color: #FFA500;
	border-color: #FF7F50;
	margin-bottom: 1em;
	display: inline-block;
}
.espacio5 {
	display: block;
}