.fslider p {font-size: 20px}
.sld-b1 {float: left}
.sld-b1 .wrap {width: 90%; max-width: 600px; padding: 100px 0 0 100px}
.sld-b2 {float: right; padding-right: 0}
.sld-b1 p{font-size: 40px; font-size: 35px; font-weight: 600; line-height: 120%;}
.sld-b1 p span {font-weight: 200; display: block; font-size: 24px; line-height: 130%; margin: 10px 0;}
.darkblue {background: #327DBB; color: #fff}
.darkblue .container {padding-left: 0}
.darkblue h2 {color: #fff; font-size: 30px; text-transform: inherit; font-weight: 500}
.darkblue h2:after {margin: 20px 0}
.darkblue span {color: #fff}
.darkblue .heading-block > span:not(.before-heading) {color: #fff; font-size: 18px }
.darkblue .heading-block {margin-bottom: 0}
.darkblue .button {background: rgba(255,255,255,0.8); color: #333; text-shadow: none}
.heading-block.left h2:after {margin: 20px 0}
.menu-link {padding: 12px}

.flip-card-front .flip-card-inner { background: #327DBB}
.flip-card-back:hover {}

.w-servicios .feature-box {margin-bottom: 3rem}
.w-servicios .fbox-icon {background: #285295; border-radius: 50%; width: 50px; height: 50px; padding: 0 0.8rem}
.w-servicios .fbox-content + .fbox-icon {margin: 0}
.w-servicios .fbox-content table {margin: 0; width: 100%}
.w-servicios .fbox-content table h3 {padding-right: 10px}
.w-servicios .fbox-content table td.ic { width: 60px}

.widactivos  ::after {content: none}
.widactivos .box {color: #fff}
.widactivos .box .t1 {font-size: 18px; display: inline-block; margin: 0}
.widactivos .box h6 {color: #fff; text-transform: uppercase; font-weight: 400; font-size: 15px; max-width: 200px; margin: 10px auto;}
.widactivos .box {padding: 5% 0}
.bg-blue1 {background: #515875}
.bg-blue2 {background: #576f9e}
.bg-blue3 {background: #6697b9}
.bg-blue4 {background: #88c3d8}
.bg-blue5 {background: #6697b9}
.bg-blue6 {background: #88c3d8}

.widactivos ul li {font-weight: 400; font-size: 18px; color: #333; list-style: none; margin: 20px 0}
.widactivos ul li i {font-size: 25px;
color: #293484;
margin-right: 10px !important;
vertical-align: middle;
position: relative !important;
top: -2px !important;}

#sudam {max-height: 400px}
.posts-md .entry-content, .posts-sm .entry-content {margin-top: 0}
.posts-md .entry-content, .posts-sm .entry-content p {line-height: 150%; font-size: 14px;}

#c2a {background: #207abe; color: #fff; padding: 50px 0}
#c2a h3 {color: #fff; max-width: 600px; margin: 0 auto 40px}
#c2a form {max-width: 800px; margin: 20px auto}
#c2a form input, #c2a form textarea {border:1px solid #fff; background: none; color: #fff; margin: 0 0 30px}
#c2a ::placeholder  {color: #fff; opacity: .6}
#c2a button:hover {color: #207abe !important}
.button.button-border.button-fill::before {z-index: -1}
#c2a .bootstrap-select .btn-light {background: transparent; margin-bottom: 30px; color: rgba(255,255,255,.8);
opacity: 1}
#c2a .bootstrap-select .btn-light:hover {opacity: 1; color: rgba(255,255,255,.8) !important}

.footer-logo {max-width: 140px}
#footer address {position: relative; line-height: 160%;}
#footer address span {color: #fff; font-weight: 600}
#footer address span:before {content: "\e994";font-family: 'lined-icons'; color: #fff; position: absolute; left: -20px; color: rgba(255,255,255,0.75); font-weight: 400}


#watsap {
    display: inline-block;
    z-index: 599;
    position: fixed;
    width: 50px;
    height: 50px;
    background-color: #3fa34c;
    font-size: 35px;
    line-height: 45px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 100px;
    cursor: pointer;
    border-radius: 50%;
}
#watsap:before {content: "\ee29";}

.pagetop .container {padding: 5% 10%}

h3.card-title {font-size: 30px}
#estructura .flip-card-front, #estructura .flip-card-back {border-radius: 0 !important}
#estructura .flip-card-inner {padding: 0}
#estructura  h3.card-title {font-size: 20px}

img.estr {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 999;
    /*mix-blend-mode: luminosity;*/
    opacity: .9; filter: contrast(1.9) brightness(.8);}

#estructura h3.card-title {position: absolute;
z-index: 999999;
color: #fff;
text-align: left;
font-size: 24px;
top: 15%;
left: 10%;
padding: 10px;
line-height: 120%; text-shadow: 0px 0px 5px #000; max-width: 220px}

#estructura .titest {position: relative; top: -30px; margin-left: 20%; display: inline-block}
#estructura .titest:after {content: ""; width: 50px; height: 2px; background-color: #000; display: block; top: 20px; margin: 0 auto}

#page-title.page-title-parallax h1,
#page-title.page-title-parallax span {color: #000 !important; display: block; max-width: 350px}

.team .team-image {border-radius: 50%; width: 250px; height: 250px; overflow: hidden; margin: 0 auto}
.team .team-image img {width: 100%; filter: grayscale(100%);}
.team .team-desc p {text-align: justify}
.team .toggle-icon {display: inline-block}

#page-title.novedad {padding: 2rem}
.novedad .entry-image img {width: auto !important; max-width: 100%}
#alianzas img {mix-blend-mode: multiply}

.flip-card-inner {padding: 0 5% !important; font-size: 14px; color: #FFFFFF}
.flip-card-inner p {font-size: 14px; line-height: 150% !important; color: #fff !important}

#nos {background: #ededed}
#nos h2 {color: #000}
#nos span {color: #000}

#novedades .entry-image img {height: 200px; max-width: inherit; width: auto}
a.volver {font-family: 'Open Sans', sans-serif; text-transform: capitalize;line-height: 10px}


@media (max-width: 600px) {
#logo a img {margin: 20px 0}
	.ilust-1 {display: none}
	.toph h3 {float: right; text-align: left}
	.w-servicios .fbox-content p {text-align: left !important}
	.w-servicios .fbox-content.text-right table td:nth-child(odd) {float: right; width: 80%; text-align: left;}
	.w-servicios .fbox-content.text-right table td:nth-child(even) {float: left; }
	.w-servicios .col-sm-4 {padding-bottom: 0}
	.darkblue .container {padding: 0 30px 50px}
	#footer .footer-widgets-wrap .widget {padding: 0 5%}
    #alianzas img {margin: 40px; }
    #estructura .titest {top: inherit; margin: 20px auto; display: block; text-align: center; padding-bottom: 40px}
    #activos ul {margin: 0 10%; padding: 0}
    .widactivos ul li {margin: 0}
    .widactivos ul:nth-child(2) {margin-bottom: 40px !important}
    
    #estructura .flip-card {
    margin: 20px;
    overflow: hidden;}
    
    .flip-card {margin: 80px 0}
    .flip-card:hover .flip-card-front,
    .flip-card:hover .flip-card-back {
    	-webkit-transition: none;
	transition: none;
	-o-transition: none;
	transition: none;
	transition: none, }
    
    .flip-card-inner {
	-webkit-transform: none;
	transform:none;
	top: inherit;
	position: relative;
	left: 0;
	width: 100%;
	padding: inherit;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 1px solid transparent;
	-webkit-perspective: none;
	perspective: none;
	z-index: 2;
}

.flip-card-back {
	-webkit-transform: none;
	transform: none;
	-webkit-transform-style: none;
	transform-style: none; position: relative;
}

.flip-card-front,
.flip-card:hover .flip-card-back {
	-webkit-transform: none;
	transform: none;
	-webkit-transform-style: none;
	transform-style: none;
}

.flip-card:hover .flip-card-front {
	-webkit-transform: none;
	transform: none;
	-webkit-transform-style: none;
	transform-style: none;
}

.top-to-bottom .flip-card-back {
	-webkit-transform: none;
	transform: none;
	-webkit-transform-style: none;
	transform-style: none; position: relative; height: inherit;
}

.top-to-bottom .flip-card-front,
.top-to-bottom:hover .flip-card-back {
	-webkit-transform: none;
	transform: none;
	-webkit-transform-style: none;
	transform-style: none;
}
.flip-card-inner .card-body {padding: 0}


    
}