.hero-slider h2 {

	color: rgba(255, 255, 255, .90) !important;

	z-index: 4;

	position: relative;

	font-size: calc(25px + 1.7vw) !important;

	font-weight: 500 !important;

	text-shadow: 2px 2px 4px rgba(0, 0, 0, .7);

	letter-spacing: -1px;

	max-width: 50vw;

	margin: 250px auto 0;

	line-height: 1.1em !important;/*border: 2px solid white; padding: 20px 30px; box-shadow: 3px 6px 9px rgba(0, 0, 0, .7);*/



}

.section-title p {

		font-weight: 700 ;}





@media (max-width:767px) {

.navbar-mobile{overflow:visible}

	

.hero-slider h2 {

	max-width: 94vw

}

}

.hero-slider h2 span {

	/*-webkit-text-stroke: 2px white;

	color: #00000057;



	

	text-shadow: none;

		font-size: 1.18em;

		color: #abfff7;

		letter-spacing: -1.5px;*/

		font-weight: 900;

}

.colorPrin {

	color: #3f82ad;

}

.navbar .dropdown ul {

	background: black;

}

.navbar .dropdown ul a {

	color: white

}



.about-boxes .card-title {

	text-align: left;

}

.contact .info-box, .contact .php-email-form {

	box-shadow: 0 0 30px rgba(214, 215, 216, 0.9);

	transition: 0.5s linear all

}

.contact .info-box:hover, .contact .php-email-form:hover {

	box-shadow: 0 0 15px rgba(174, 174, 176, 1)

}

#footer .footer-top .footer-links ul li {

	border-bottom: 1px solid #1f2d37

}

#footer .footer-top .footer-links ul a {

	line-height: 1.2em

}

.novedades .card figure {

	background-size: cover;

	min-height: 300px;

	background-position: 50% 50%

}

.novedades .card .card-text {

	font-size: 14px;

	text-align: justify;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.flip-card .inner p {

	font-size: 14px;

	text-align: justify;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 5;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

#hero {

	height: 70vh;

	background-position: 50% 50% !important

}

.nav-item {

	margin-bottom: 20px

}

#footer .footer-top .footer-links ul li:first-child {

	padding-top: 10px

}

.fecha {

	text-align: center;

	position: relative;

}

.fecha span {

	font-size: 12px;

	letter-spacing: 2px;

	color: #777;

	text-align: center;

	background: white;

	display: inline-block;

	width: 130px;

	top: -12px;

	position: relative;

}

.fecha:before {

	width: 100%;

	content: '';

	position: absolute;

	height: 1px;

	background: #ccc;

	left: 0

}

#footer .footer-top h4 {

	color: #3f82ad

}

.boton {

	border: 2px solid #3f82ad;

	border-radius: 50px;

	padding: 2px 20px;

	font-weight: bold;

	color: #3f82ad;

	font-size: 13px;

	background-color: #fff;

	transition: 0.3s linear all;

}

.boton:hover {

	background-color: #3f82ad;

	color: #fff

}



@media (max-width:767px) {



	.inner-page h3 {

		color: #3f82ad;margin-bottom: 20px;

       font-size: 24px !important;}

.servicio p {font-size: 12px;

}



.servicio .image{min-height: 280px !important}



.section-title h2 {

	font-size: 10px;

	margin-bottom: 20px

}

.section-title h2::after {

	width: 80% !important;

	background: #ccc !important;

	margin: 10px 0px 0px !important;

}

.section-title p {

	line-height: 1.1em;

}



.breadcrumbs h2{

	font-weight: 500 !important;;

    font-size: 30px !important;;

}



}

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



.flip-card {

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-perspective: 1000px;

	perspective: 1000px;

}

.flip-card .front, .flip-card .back {

	background-size: cover;

	background-position: center;

	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1),  -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	width: 100%;

	min-height: 240px;

	border-radius: 6px;

	color: #FFF;

	font-size: 1.5rem;

}

.dark .back {

	background-color: #666;

}

.flip-card .front.no-after:after, .flip-card .back.no-after:after {

	content: none

}

.flip-card .colorbase {

	background-color: #283037

}

.flip-card .front:after, .flip-card .back:after {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 100%;

	height: 100%;

	content: "";

	display: block;

	opacity: 0.6;

	background-color: #2e363d;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	border-radius: 6px;

}

.flip-card:hover .front, .flip-card:hover .back {

	border-radius: 6px;

	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1),  -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

}

.flip-card .back, .flip-card .front {

	border: 2px solid #2e363d;

	transition: .3s linear all;

	border-radius: 6px;

}

.flip-card:hover .back, .flip-card:hover .front {

	border: 2px solid #ffffff

}

.flip-card .back {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.flip-card .inner {

	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);

	transform: translateY(-50%) translateZ(60px) scale(0.94);

	top: 50%;

	position: absolute;

	left: 0;

	width: 100%;

	padding: 5px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	outline: 1px solid transparent;

	-webkit-perspective: inherit;

	perspective: inherit;

	z-index: 2;

	text-align: center;

}



@media (min-width: 767px) {

.flip-card .inner {

	padding: 2rem;

}

}

.flip-card .back {

	-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg);

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.flip-card .front, .flip-card:hover .back {

	-webkit-transform: rotateY(0deg);

	transform: rotateY(0deg);

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.flip-card:hover .front {

	-webkit-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

/*  */

.flip-card.top-to-bottom .back {

	-webkit-transform: rotateX(180deg);

	transform: rotateX(180deg);

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.flip-card.top-to-bottom .front, .flip-card.top-to-bottom:hover .back {

	-webkit-transform: rotateX(0deg);

	transform: rotateX(0deg);

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.flip-card.top-to-bottom:hover .front {

	-webkit-transform: rotateX(-180deg);

	transform: rotateX(-180deg);

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.flip-card .inner p {

	position: relative;

	font-size: 13px;

	margin-bottom: 0;

	color: rgba(255, 255, 255, 0.7);

	font-weight: 300;

	margin-right: 8px;

	width: 90%;

	margin-left: 14px;

	text-align: justify;

}

.button.button-change.button-color {

	background-color: #FFF !important;

	text-shadow: none;

}

.button.button-change {

	box-shadow: 0px 28px 32px -22px rgba(0,0,0,0.75);

}

.dark.button.button-change, .dark.section {

	background-color: var(--darkcolor) !important;

}

.button.button-change.button-large {

	padding: 3px 22px;

	height: 50px;

}

.button.button-change span {

	text-align: center;

	display: block;

	vertical-align: middle;

	opacity: 1;

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

.button:hover.button-change span:first-child, .button.button-change span:last-child {

	opacity: 0;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

}

.button:hover.button-change span:last-child {

	opacity: 1;

	-webkit-transform: translateY(-100%);

	-ms-transform: translateY(-100%);

	-o-transform: translateY(-100%);

	transform: translateY(-100%);

}

.gradient-border {

 --borderWidth: 3px;

	background: #1D1F20;

	position: relative;

	border-radius: 0;

}

.dark .button {

	background-color: #00b5ed;

	color: white;

	border: 2px solid transparent;

	font-weight: 600 !important;

}

.dark .button:hover {

	border: 2px solid #00b5ed;

	color: white !important;

}

.feature-box .fbox-icon i, .feature-box .fbox-icon img {

	background-color: transparent;

}

.feature-box .fbox-desc h3 {

	text-shadow: 2px 2px 4px #000000b5;

	font-weight: 600;

	font-size: 1.35rem;

}

.servicios {

	background-color: #2e363d

}

.servicios .section-title p {

	color: #fff !important

}

.about-boxes .card-title a {

	color: #3f82ad;

}

.section-title h2, .servicios .section-title h2 {

	color: #3f82ad !important

}

.servicios .section-title h2::after {

	background: #3f82ad !important

}

.servicios .col-lg-4 {

	/*background: rgba(255, 255, 255, .8);*/

	padding: 10px 14px 10px;

	box-shadow: 4px 8px 10px rgba(0,0,0,.05);/*width: 100%;

    margin: 0px 1% 20px;*/

}

.servicios .col-lg-4:nth-child(1) {

	transition-delay: 0s;

	animation: 0s ease 1s normal forwards 1 fadein1;

	opacity: 0

}

.servicios .col-lg-4:nth-child(2) {

	transition-delay: 1s;

	animation: 1s ease 1s normal forwards 1 fadein1;

	opacity: 0

}

.servicios .col-lg-4:nth-child(3) {

	transition-delay: 2s;

	animation: 1.5s ease 1s normal forwards 1 fadein1;

	opacity: 0

}

.servicios .col-lg-4:nth-child(4) {

	transition-delay: 3s;

	animation: 2s ease 1s normal forwards 1 fadein1;

	opacity: 0

}

.servicios .col-lg-4:nth-child(5) {

	transition-delay: 4s;

	animation: 2.5s ease 1s normal forwards 1 fadein1;

	opacity: 0

}

.servicios .col-lg-4:nth-child(6) {

	transition-delay: 5s;

	animation: 3s ease 1s normal forwards 1 fadein1;

	opacity: 0

}

.servicios .col-lg-4:nth-child(7) {

	transition-delay: 6s;

	animation: 3.5s ease 1s normal forwards 1 fadein1;

	opacity: 0

}

.servicios .col-lg-4:nth-child(8) {

	transition-delay: 7s;

	animation: 4s ease 1s normal forwards 1 fadein1;

	opacity: 0

}

.servicios .col-lg-4:nth-child(9) {

	transition-delay: 8s;

	animation: 4.5s ease 1s normal forwards 1 fadein1;

	opacity: 0

}

 @keyframes fadein1 {

30% {

opacity:0;

}

100% {

opacity:1

}

}



@media (min-width: 992px) {

.servicios .col-lg-4 {

	max-width: 33%;

}

}

.servicios .flip-card .button {

	background-color: rgba(0,0,0,0.5) !important;

	margin-top: 20px;

	border-radius: 60px

}

.servicios .flip-card .button:hover {

	background-color: #3f82ad !important

}

.servicios  .button {

	display: inline-block;

	position: relative;

	border: none !important;

	cursor: pointer;

	outline: none;

	white-space: nowrap;

	margin: 5px;

	padding: 0 22px;

	font-size: 11px;

	height: 34px;

	line-height: 34px;

	background-color: #1ABC9C;

	color: #FFF;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 1px;

	border: none;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}

/* dsnet      */

.dsnet_firma {

	padding: 20px 30px 0px;

	display: inline-block;

	text-align: right;

	right: 0;

	position: relative;

	width: 100%

}

.dsnet {

	display: block;

	transition: .3s linear all;

	font-size: 13px;

	opacity: .95;

	margin-top: 0px;

}

.dsnet:hover {

	opacity: 1

}

.dsnet a {

	opacity: .8;

	position: relative;

	transition: .3s linear all;

	font-weight: 800;

	font-size: 1.3em;

	left: 0;

	color: rgba(255,255,255,.65);

}

.dsnet a span {

	opacity: .75

}

.dsnet a:hover {

	left: 3px;

	text-decoration: none;

	opacity: 1;

	color: white !important;

}

.dsnet a:hover span {

	color: #bcf3ff;

}



@media (max-width: 767px) {

  .fixed-top{min-height: 60px !important}

  .blog .entry .entry-img{min-height: 200px !important}

  .blog .entry .entry-title{font-size: 24px !important}

  .blog .entry .entry-content p,

   .blog .entry .entry-content{font-size: 12px; line-height: 18px;}



   .blog .entry {

    padding: 15px;

    box-shadow: none;}

    .blog .sidebar{margin: 0 0 !important;}



  .navbar-mobile ul {

    bottom: unset;

    padding: 20px 10px;

    text-align: center;

    border: 8px solid #bdbdbd99;

    border-radius: 24px;

    box-shadow: 2px 2px 14px black;

    max-height: 88vh;

    overflow-y: auto;

}



.navbar>ul>li>a:before{display: none!important;}

  .navbar-mobile .dropdown ul {margin: 0px 0px;padding: 0px 0;}



.navbar .getstarted, .navbar .getstarted:focus{padding: 10px 20px !important}



.navbar a, .navbar a:focus {

    font-size: 14px !important;  

    text-align: center;

    display: inline-block;

       font-weight: 600 !important;}



.navbar .dropdown ul a {

    padding: 9px 0px;

    font-size: 15px;

    color: #3f82ad;

    white-space: normal;

    line-height: 1.1em;

    max-width: 90%;}





.novedades .card figure{min-height: 180px}



.dsnet_firma {

	width: 90%;

	text-align: center;

}

}

.footer-logo {

	margin-bottom: 15px;

	max-width: 170px;

	filter: grayscale(1);

	opacity: .75

}

.dark .copyright-links a, .dark #copyrights {

	color: rgba(255,255,255,0.5)

}

#footer {

	margin-top: 0 !important;

	background-color: #09151e;

}

.dark #footer .social-icon.si-borderless, #footer.dark .social-icon.si-borderless {

	color: #2ea8ce !important

}

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

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

#footer .footer-top .social-links a {

	vertical-align: top

}

footer {

	position: relative;

}



@media (min-width: 992px) {

.lineaSepDerecha:after {

	content: '';

	position: absolute;

	width: 2px;

	height: 300px;

	background: #283a47;

	display: block;

	top: 0;

	margin-top: 30px;

	margin-right: 15px;

	margin-left: -15px;

}

}

/* Video Overlay

-----------------------------------------------------------------*/



.video-wrap {

	overflow: hidden;

	width: 100%;

	position: absolute;

	right: 0;

	height: 100%;

	z-index: 0;

}

.soloMobile {

	display: none;

}



@media (max-width:  1279px) {

.video-wrap {

	width: 100%;

}

.header {

	background: linear-gradient(45deg, #0000008f 30%, #3b4c3b);

}

.soloMobile {

	display: inline-block;

}

.navbar a i {

	margin-left: 0px !important;

	padding-right: 8px;

}

}

.video-wrap video {

	position: relative;

	z-index: 1;

	width: 100%;

	object-fit: cover !important;

	;

	height: 70vh;

}

.video-overlay, .video-placeholder {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 5;

	background: transparent url('../img/grid.png') repeat;

	-webkit-backface-visibility: hidden;

	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.65) 18%, rgba(0,0,0,0.3) 46%, rgba(0,0,0,0.3) 100%);

}

.video-placeholder {

	z-index: 4;

	background-repeat: no-repeat !important;

}

#video-container {

	position: relative;

	width: 100vw;

	height: 70vh;

}

#video-container iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

/*

.hero-slider h2:after {

content: ''; display: block;

position: absolute;

width: 60vw;

height: 200px ;

  stroke-width: 8px;

  fill: transparent;

  stroke: #19f6e8;

  

    animation: bordecito 3s linear infinite;

}

@keyframes bordecito{

  0%{   stroke-dashoffset: -474;   stroke-dasharray: 140 540;}

  50%{   stroke-dashoffset: 100;   stroke-dasharray:-760;}

  

}





.hero-slider h2:after {

content: ''; display: block; width: 200px; height: 200px;

background: red;  animation: bordecito 3s linear infinite;  stroke-width: 8px;

}



@keyframes bordecito{

  0%{   stroke-dashoffset: -474;   stroke-dasharray: 140 540;}

  50%{   stroke-dashoffset: 100;   stroke-dasharray:-760;}

  

}*/



.servicios {

	position: relative;

	width: 100%;

	clear: both;

	display: block;

}

.servicios .row {

	z-index: 2;

	position: relative;

}

.lineasanimadas:before {

	position: absolute;

	content: '';

	display: block;

	width: 120vw;

	height: 120vw;

	border-radius: 100%;

	pointer-events: none;

	user-select: none;

	border: 2px dashed #3f82ad33;

	top: -25vw;

	transform-origin: 50% 50%;

	animation: rotandos 400s linear infinite;

	left: 3vw;

}

.lineasanimadas2:before {

	position: absolute;

	pointer-events: none;

	user-select: none;

	content: '';

	display: block;

	width: 140vw;

	height: 140vw;

	transform-origin: 50% 50%;

	border-radius: 100%;

	border: 4px dashed #3f82ad75;

	animation: rotandos 220s linear infinite;

	top: -57vw;

	left: 4vw;

}

 @keyframes rotandos {

 0% {

transform: rotate(0deg);

}

 100% {

transform: rotate(360deg);

}

}



@media (max-width: 1199px) {

.lineasanimadas2, .lineasanimadas {

	display: none;

}

.breadcrumbs {

	margin-top: 54px 

}

}









.breadcrumbs {

	background: #3f82ad;

	color: white;

	font-weight: 600;

	margin-top: 77px;

}

.breadcrumbs ol li+li::before, .breadcrumbs a, .breadcrumbs h2 {

	color: white;

}

.breadcrumbs h2 {

	margin: 25px 0;

	font-weight: 100;

	font-size: 42px;

}

.inner-page {

	background: linear-gradient(to bottom, #ffffff 50%, #eee 100%);

	position: relative;

	display: block;

	clear: both;

	min-height: 500px;

}

.inner-page h3 {

	font-size: 40px;

	line-height: 1.3em;

	font-weight: 300;

}

.team .member .member-info {

	bottom: unset /*-96px*/

}

.team .member span {

	font-style: italic;

	display: block;

	font-size: 14px;

	min-height: 5em;

}

.team .member .social a {

	color: #3f82ad;

}

.team .member .social {

	position: absolute;

	right: 16px;

	top: 18px;

}

.servicio p {

	text-align: justify;

}

.servicio .image {

	padding: 3px;

	background: #eee;

	box-shadow: 0px 0px 20px #b9b9b9;

	border: 5px solid #fbfbfb;

	;

	min-height: 640px;

	width: 100%;

	background-size: cover !important;

	background-position: 50% 50% !important;

}

/***

 * 

 *  FAQ

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





details {

	width: 100%;

	min-height: 5px;

	max-width: 900px;

	padding: 20px 25px 20px 45px;

	margin: 0 auto;

	position: relative;

	font-size: 22px;

	border: 1px solid rgba(0,0,0,.1);

	border-radius: 15px;

	box-sizing: border-box;

	transition: all .3s;

	background: white;

}

details + details {

	margin-top: 20px;

}

details[open] {

	min-height: 50px;

	background-color: #f6f7f8;

	box-shadow: 2px 2px 20px rgba(0,0,0,.2);

}

details p {

	color: #666;

	font-size: 16px;

	line-height: 1.4em;

	margin-top: 20px;

}

details p a {

	color: #333 !important;

	text-decoration: none;

}

summary {

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-weight: 500;

	cursor: pointer;

}

summary:focus {

	outline: none;

}

summary::after {

	transition: 0.3s linear all;

	content: "";

	height: 100%;

	width: 100%;

	display: block;

	position: absolute;

	border-radius: 10px;

	top: 0;

	left: 0;

	box-shadow: 0 0 0 5px transparent;

}

summary:hover::after {

	border-radius: 10px;

	box-shadow: 0 0 0 5px #ccc;

	content: "";

	height: 100%;

	width: 100%;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

}

summary:focus::after {

	content: "";

	height: 100%;

	width: 100%;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	box-shadow: 0 0 0 5px #3f82ad;

}

 summary::-webkit-details-marker {

 display: none

}

.control-icon {

	fill: rebeccapurple;

	transition: .3s ease;

	pointer-events: none;

}

.control-icon-close {

	display: none;

}

details[open] .control-icon-close {

	display: initial;

	transition: .3s ease;

}

details[open] .control-icon-expand {

	display: none;

}

.contact .php-email-form #response-message {

	display: none;

	color: #fff !important;

	position: relative;

	background: #15222b;

	text-align: left;

	padding: 18px;

	font-weight: 600;

	box-shadow: 0px 0px 20px rgba(0,0,0,.5);

	border-radius: 25px;

	text-shadow: 1px 2px 4px rgba(0,0,0,.85);

	padding-left: 78px;

	width: 100%;

	margin: 18px auto;

	max-width: 500px;

}

.contact .php-email-form #response-message:before {

	position: absolute;

	left: 10px;

	top: 10px;

	display: block;

	content: "\ea46";

	font-family: boxicons!important;

	font-weight: 400;

	font-style: normal;

	font-variant: normal;

	line-height: 1;

	text-rendering: auto;

	display: inline-block;

	text-transform: none;

	speak: none;

	-webkit-font-smoothing: antialiased;

	font-size: 60px;

	color: #30f152;

}

.contact .php-email-form button[type=submit]:hover {

	background: #59aadf;

}

.contact .php-email-form button[type=submit] {

	margin-top: 14px;

	margin-bottom: -8px;

}

.oficinas .image {

	border-radius: 6px;

	box-shadow: 0 0 30px rgba(0, 0, 0, .2);

}

.oficinas h4 {

	border-bottom: 3px solid #abe3de;

	margin-bottom: 20px;

	padding-bottom: 8px;

}

.oficinas h4 small {

	float: right;

	font-size: .7em

}

.oficinas h4 small i {

	position: relative;

	top: 2px

}

.oficinas iframe {

	filter: hue-rotate(130deg) grayscale(.7);

	border: 2px solid #999;

	border-radius: 6px

}

.oficinas .colorPrin i {

	animation: pica 1s ease infinite;

	position: relative;

	top: 0;

	transition: 3s linear all

}

 @keyframes pica {

30% {

top:-4px

}

}

.about-boxes::before {

	background: unset;

}

.grisClaro {

	background-color: rgba(0, 0, 0, .15);

}



@media (max-width: 991px) {

.breadcrumbs {

	margin-top: 54px;

}

.section-title p {

	font-size: 24px;

}

.section-title h2 {

	font-size: 12px

}

;

.about-boxes .card-title {

	font-size: 1rem

}

}

.novedades .card .card-text {

	font-size: 12px

}



@media (min-width: 992px) {

.novedades .align-items-stretch .card {

	transform: scale(1.0);

	transition: .3s linear all;

	border: 2px solid #ffffffff

}

.novedades .align-items-stretch:hover .card {

	transform: scale(.97);

	border: 2px solid #3f82ad;

	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

}

.novedades .align-items-stretch .card figure {

	transition: 3s linear all;

}

.novedades .align-items-stretch:hover .card figure {

	background-position: 100% 100%;

}

}

/*--------------------------------------------------------------

# Blog

--------------------------------------------------------------*/

.blog {

	padding: 40px 0 20px 0;

}

.blog .entry {

	padding: 30px;

	margin-bottom: 60px;

	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

}

.blog .entry .entry-img {

	max-height: 440px;

	/* margin: -30px -30px 20px -30px;*/

	margin-bottom: 20px;

	border: 7px solid #dedede;

	overflow: hidden;

}

.blog .entry .entry-title {

	font-size: 38px;

	font-weight: 500;

	padding: 0;

	margin: 0 0 20px 0;

}

.blog .entry .entry-title a {

	color: #545454;

	transition: 0.3s;

}

.blog .entry .entry-title a:hover {

	color: #3f82ad;

}

.blog .entry .entry-meta {

	margin-bottom: 15px;

	color: #bababa;

}

.blog .entry .entry-meta ul {

	display: flex;

	flex-wrap: wrap;

	list-style: none;

	align-items: center;

	padding: 0;

	margin: 0;

}

.blog .entry .entry-meta ul li+li {

	padding-left: 20px;

}

.blog .entry .entry-meta i {

	font-size: 16px;

	margin-right: 8px;

	line-height: 0;

}

.blog .entry .entry-meta a {

	color: #777777;

	font-size: 14px;

	display: inline-block;

	line-height: 1;

}

.blog .entry .entry-content p {

	line-height: 24px;

	

}

.blog .entry .entry-content .read-more {

	-moz-text-align-last: right;

	text-align-last: right;

}

.blog .entry .entry-content .read-more a {

	display: inline-block;

	background: #3f82ad;

	color: #fff;

	padding: 6px 20px;

	transition: 0.3s;

	font-size: 14px;

	border-radius: 4px;

}

.blog .entry .entry-content .read-more a:hover {

	background: #ec7f6d;

}

.blog .entry .entry-content h3 {

	font-size: 22px;

	margin-top: 30px;

	font-weight: bold;

}

.blog .entry .entry-content blockquote {

	overflow: hidden;

	background-color: #fafafa;

	padding: 60px;

	position: relative;

	text-align: center;

	margin: 20px 0;

}

.blog .entry .entry-content blockquote p {

	color: #444444;

	line-height: 1.6;

	margin-bottom: 0;

	font-style: italic;

	font-weight: 500;

	font-size: 22px;

}

.blog .entry .entry-content blockquote::after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	width: 3px;

	background-color: #545454;

	margin-top: 20px;

	margin-bottom: 20px;

}

.blog .entry .entry-footer {

	padding-top: 10px;

	border-top: 1px solid #e6e6e6;

}

.blog .entry .entry-footer i {

	color: #a1a1a1;

	display: inline;

}

.blog .entry .entry-footer a {

	color: #616161;

	transition: 0.3s;

}

.blog .entry .entry-footer a:hover {

	color: #3f82ad;

}

.blog .entry .entry-footer .cats {

	list-style: none;

	display: inline;

	padding: 0 20px 0 0;

	font-size: 14px;

}

.blog .entry .entry-footer .cats li {

	display: inline-block;

}

.blog .entry .entry-footer .tags {

	list-style: none;

	display: inline;

	padding: 0;

	font-size: 14px;

}

.blog .entry .entry-footer .tags li {

	display: inline-block;

}

.blog .entry .entry-footer .tags li+li::before {

	padding-right: 6px;

	color: #6c757d;

	content: ",";

}

.blog .entry .entry-footer .share {

	font-size: 16px;

}

.blog .entry .entry-footer .share i {

	padding-left: 5px;

}

.blog .entry-single {

	margin-bottom: 30px;

	background-color: white;

}

.blog .blog-author {

	padding: 20px;

	margin-bottom: 30px;

	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

}

.blog .blog-author img {

	width: 120px;

	margin-right: 20px;

}

.blog .blog-author h4 {

	font-weight: 600;

	font-size: 22px;

	margin-bottom: 0px;

	padding: 0;

	color: #545454;

}

.blog .blog-author .social-links {

	margin: 0 10px 10px 0;

}

.blog .blog-author .social-links a {

	color: rgba(84, 84, 84, 0.5);

	margin-right: 5px;

}

.blog .blog-author p {

	font-style: italic;

	color: #b7b7b7;

}

.blog .blog-comments {

	margin-bottom: 30px;

}

.blog .blog-comments .comments-count {

	font-weight: bold;

}

.blog .blog-comments .comment {

	margin-top: 30px;

	position: relative;

}

.blog .blog-comments .comment .comment-img {

	margin-right: 14px;

}

.blog .blog-comments .comment .comment-img img {

	width: 60px;

}

.blog .blog-comments .comment h5 {

	font-size: 16px;

	margin-bottom: 2px;

}

.blog .blog-comments .comment h5 a {

	font-weight: bold;

	color: #444444;

	transition: 0.3s;

}

.blog .blog-comments .comment h5 a:hover {

	color: #3f82ad;

}

.blog .blog-comments .comment h5 .reply {

	padding-left: 10px;

	color: #545454;

}

.blog .blog-comments .comment h5 .reply i {

	font-size: 20px;

}

.blog .blog-comments .comment time {

	display: block;

	font-size: 14px;

	color: #6e6e6e;

	margin-bottom: 5px;

}

.blog .blog-comments .comment.comment-reply {

	padding-left: 40px;

}

.blog .blog-comments .reply-form {

	margin-top: 30px;

	padding: 30px;

	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

}

.blog .blog-comments .reply-form h4 {

	font-weight: bold;

	font-size: 22px;

}

.blog .blog-comments .reply-form p {

	font-size: 14px;

}

.blog .blog-comments .reply-form input {

	border-radius: 4px;

	padding: 10px 10px;

	font-size: 14px;

}

.blog .blog-comments .reply-form input:focus {

	box-shadow: none;

	border-color: #f5bab0;

}

.blog .blog-comments .reply-form textarea {

	border-radius: 4px;

	padding: 10px 10px;

	font-size: 14px;

}

.blog .blog-comments .reply-form textarea:focus {

	box-shadow: none;

	border-color: #f5bab0;

}

.blog .blog-comments .reply-form .form-group {

	margin-bottom: 25px;

}

.blog .blog-comments .reply-form .btn-primary {

	border-radius: 4px;

	padding: 10px 20px;

	border: 0;

	background-color: #545454;

}

.blog .blog-comments .reply-form .btn-primary:hover {

	background-color: #616161;

}

.blog .blog-pagination {

	color: #878787;

}

.blog .blog-pagination ul {

	display: flex;

	padding: 0;

	margin: 0;

	list-style: none;

}

.blog .blog-pagination li {

	margin: 0 5px;

	transition: 0.3s;

}

.blog .blog-pagination li a {

	color: #545454;

	padding: 7px 16px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.blog .blog-pagination li.active, .blog .blog-pagination li:hover {

	background: #3f82ad;

}

.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {

	color: #fff;

}

.blog .sidebar {

	padding: 30px;

	margin: 0 0 60px 20px;

	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

	background: white;

}

.blog .sidebar .sidebar-title {

	font-size: 20px;

	font-weight: 600;

	padding: 0 0 0 0;

	margin: 0 0 15px 0;

	color: #3f82ad;

	position: relative;

}

.blog .sidebar .sidebar-item {

	margin-bottom: 30px;

}

.blog .sidebar .search-form form {

	background: #fff;

	border: 1px solid #ddd;

	padding: 3px 10px;

	position: relative;

}

.blog .sidebar .search-form form input[type=text] {

	border: 0;

	padding: 4px;

	border-radius: 4px;

	width: calc(100% - 40px);

}

.blog .sidebar .search-form form button {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	border: 0;

	background: none;

	font-size: 16px;

	padding: 0 15px;

	margin: -1px;

	background: #3f82ad;

	color: #fff;

	transition: 0.3s;

	border-radius: 0 4px 4px 0;

	line-height: 0;

}

.blog .sidebar .search-form form button i {

	line-height: 0;

}

.blog .sidebar .search-form form button:hover {

	background: #eb7b68;

}

.blog .sidebar .categories ul {

	list-style: none;

	padding: 0;

}

.blog .sidebar .categories ul li+li {

	padding-top: 10px;

}

.blog .sidebar .categories ul a {

	color: #545454;

	transition: 0.3s;

}

.blog .sidebar .categories ul a:hover {

	color: #3f82ad;

}

.blog .sidebar .categories ul a span {

	padding-left: 5px;

	color: #aaaaaa;

	font-size: 14px;

}

.blog .sidebar .recent-posts .post-item+.post-item {

	margin-top: 15px;

}

.blog .sidebar .recent-posts img {

	width: 80px;

	float: left;

}

.blog .sidebar .recent-posts h4 {

	font-size: 15px;

	margin-left: 110px;

	font-weight: bold;

	margin-bottom: 2px;

}

.blog .sidebar .recent-posts h4 a {

	color: #545454;

	transition: 0.3s;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.blog .sidebar .recent-posts h4 a:hover {

	color: #3f82ad;

}

.blog .sidebar .recent-posts time {

	display: block;

	margin-left: 110px;

	font-style: italic;

	font-size: 13px;

	color: #aaaaaa;

}

.blog .sidebar .tags {

	margin-bottom: -10px;

}

.blog .sidebar .tags ul {

	list-style: none;

	padding: 0;

}

.blog .sidebar .tags ul li {

	display: inline-block;

}

.blog .sidebar .tags ul a {

	color: #949494;

	font-size: 14px;

	padding: 6px 14px;

	margin: 0 6px 8px 0;

	border: 1px solid white;

	display: inline-block;

	transition: 0.3s;

}

.blog .sidebar .tags ul a:hover {

	color: #fff;

	border: 1px solid #3f82ad;

	background: #3f82ad;

}

.blog .sidebar .tags ul a span {

	padding-left: 5px;

	color: #ededed;

	font-size: 14px;

}

.blog .post-item figure {

	background-size: cover;

	min-height: 80px;

	width: 100px;

	float: left;

	border-radius: 8px;

	background-position: 50% 50%

}

.blog .post-item {

	padding-bottom: 8px;

	border-bottom: 2px solid #eee;

	margin-bottom: 8px;

	padding-top: 8px

}



@media (max-width: 767px) {

footer .footer-top .container .row .col-md-6:nth-child(1), footer .footer-top .container .row .col-md-6:nth-child(2) {

	text-align: center

}

footer .footer-top .container .row .col-md-6:nth-child(3) ul {

	column-count: 2;

	vertical-align: top;

}

footer .footer-top .container .row .col-md-6 h4 {

	text-align: center;

}

.section-title p {

	font-size: 24px;

}

.breadcrumbs .d-flex {

	text-align: center;

}

.oficinas h4 small {

	float: none !important

}

.oficinas h4 small a {

	white-space: nowrap;

}

.oficinas h4 {

	font-size: 17px;

	text-align: center;

}

.oficinas .image {

	min-height: 180px !important

}

#hero h2 {

	margin-bottom: 160px;

}

.hero-slider h2 span {

	/*-webkit-text-stroke: 1px white;*/

}

}



@media (max-width: 991px) {

.navbar .getstarted, .navbar .getstarted:focus {

	padding: 10px 20px;

	margin: 0 0;

	border-radius: unset;

	color: #15222b;

	border: none;

}

.navbar a i {

	padding-right: 8px;

	position: absolute;

	left: 0; top: 15px;

}

.navbar .dropdown ul {

	background: unset;

	box-shadow: unset;

  border: none;

}

.navbar .dropdown ul a {

	padding: 10px 0px;

	font-size: 16px;

	color: #3f82ad;

}

}

.inner-page .vision h3 {

	color: #3f82ad;

	font-size: 26px;

	text-align: justify;

	margin-bottom: 20px;

}



@media (min-width:768px) and (max-width:991px) {

#header .container, #servicios .container,  #about-boxes .container {

	max-width: 94vw

}

.novedades .card figure {

	min-height: 150px

}

}



@media (max-width: 1199px) {

#header .container {

	max-width: 96vw;

}

.navbar>ul>li {

	padding: 8px 6px

}

.navbar .getstarted, .navbar .getstarted:focus {

	padding: 8px 8px;

}

#header .logo img {

	max-height: 30px;

}

.navbar a, .navbar a:focus {

	font-size: 12px

}

}





@media (min-width: 992px) and (max-width:1399px) {



	.breadcrumbs{margin-top: 73px}

	.container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 94vw;

}

.navbar a, .navbar a:focus{

	font-size: 12px;

}

.navbar>ul>li { padding: 8px 9px;}

.navbar .getstarted, .navbar .getstarted:focus {

    padding: 8px 10px;

    margin-left: 8px;}



 .navbar>ul {margin-left: 16px}

    }



    @media (min-width: 992px) and (max-width:69px) {

    	.breadcrumbs {

	margin-top: 72px !important

}

    	header .container{

    max-width: 96vw;

}

.navbar a, .navbar a:focus{

	font-size: 11px;

}

.navbar>ul>li { padding: 8px 6px;}

.navbar .getstarted, .navbar .getstarted:focus {

    padding: 8px 6px;

    margin-left: 8px;}



    }





    #footer .footer-top .footer-info p {

    letter-spacing: -0.15px;

}



#blog .entry-content img{

    border-width: 2px;

    border-style: solid;

    width: 80% !important;

    margin: 30px auto;

    display: block;

    border-color: #ccc;

}



@media (max-width: 767px) {

#blog .entry-content img{width: 100% !important;}

.navbar-mobile .dropdown>.dropdown-active {

display: block;

    background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%);

    padding: 8px 0;

    border-top: 1px solid #cdcdcd;

    border-top-left-radius: 0;

    border-top-right-radius: 0;



}

.navbar .dropdown ul li {

    border-bottom: 1px solid #c1c1c157;

}

.breadcrumbs {

	margin-top: 60px !important

}

}



#footer .footer-top{background: radial-gradient(ellipse at top, #173549 0%,#000000 100%)}





.colaboradores h3{
	    border-bottom: 4px solid #3f82ad;
    color: #3f82ad;
    margin: 80px 0 40px;
}

.colaboradores .member .pic{transform: scale(.8);  border: 2px solid #3f82ad; border-radius: 60px;}
.colaboradores .member  .member-info{

margin: 36px 0;
    background: #adc6d5;
    border: 2px solid #def2ff ;
    color: #15222b;border-radius: 14px;
    position: relative;
}
.colaboradores .member h4{color: #15222b;

}
.colaboradores.member h4::after{background:#15222b }
.colaboradores .member .social a{color:#15222b;}
.member .social a:hover{color: black !important;}


@media(max-width: 767px){


    .team .member {
        margin-bottom: 170px;
    }
}

.colaboradores .member .member-info {
     margin: 10px 10px;
    left: 7px;}
	.colaboradores .member { margin-bottom: 0px !important;}

	.team .member .member-info {

	/*bottom: -96px*/

}
}

.team {
    position: relative;
    clear: both;
    margin-top: 20px;
}

.team .member h4{max-width: 85%}