.youtube_icon
{
	position:relative;    width: 100%;
    height: 100%;
    display: inline-block;
}
.youtube_icon:before
{
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	width:100%;
	height:100%;
	content:'';
	background:url('../img/ytvid.png') no-repeat center center;
}

.displaynone
{
	display:none !important
}


.vError
{
	border:red 1px solid !important
}
.form-error
{


	color:red;
	font-size:12px;
}
.h100{
	height:100%
}
.FormResult  , .FormResult2
{
	color:green;
	font-size:16px;
	width:100%;
	display:inline-block
}
.dnone
{
	display:none
}

.FormResult img
{
	width:25px !important
}
.m0-atuto
{
	margin:0 auto
}
#header-top .logo{
		border-radius:5px;
		z-index:1000
}
#header-top .logo img{
		border-radius:5px;
}

.flex-row {
    display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.flex-row1
{
	    width: 100%;
    display: flex !important;
    justify-content: space-between !important;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.w-100
{
	width:100%
}
.images_slick img , .thumbs_slick img

{
	max-width:100%
}
.thumbs_slick img{
padding:10px;
}
.click_home
{
	color:#FFF !important;
	background:none !important;
	width:auto !important
}
#systems .member .member-img
{
/*	width: 60%;
    margin: 0 auto;*/
}
video {  
  width: 100vw;
  height: calc(100vh - 180px);
  object-fit: cover;

  top: 0;
  left: 0;
  z-index: -1;
}
#about button, #myBtn
{

    background: #005840;

    color: #FFF !important;
}
@media (max-width: 768px) {
#about h3, #team h3
{
	font-size:24px;
}
video {  

  height: 350px;

}
.home-img
{
	display:none
}
.no-gutters .col-lg-4
{
	width:100% !important
}
}




#overlay{
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #FFF;
  transition: 1s 0.4s;
  width: 100%;
  height: 100%;
  font-size: 2em;
	font-family: 'Roboto', sans-serif !important;
}

#overlay > div{
  text-align: center;
  display: table;
  width:100%;
  height: 100%;
}

#overlay > div > div{
  vertical-align: middle;
  display: table-cell;
}

#overlay .linewidth {
    width: 100px;
    margin: 0 auto;
}

#overlay #progstat {
    font-size: 1.8em;
    line-height: 1.4em;
    color: #005840;
    font-weight: 700;
}

#progress {
    height: 1px;
    background: #000;
    display: none;
}
#overlay img
{
	width:200px !important;
}
.p_m , .s_m
{
	display:none
}





.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	z-index:100;
	bottom: 20px;
	right: 20px;
	font-size: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
.btn-whatsapp-pulse i
{
	color:#FFF
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 20px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 20px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}



@media (max-width: 992px) {
.sister_a a{color:#005840 !important}
.p_m , .s_m
{
	display:inline-block
}
.p_v , .s_v
{
	display:none
}
}




