@charset "utf-8";
/* CSS Document */
body{
	max-width: 1600px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	font-family: 'Helvetica' !important; 
	
} 
nav{
	margin-left: auto;
    margin-right: auto;
	}
p{
	margin-bottom: 0.25rem !important;
} 

figure {
    margin: 0 0 0rem !important;
}
figure footer {
    margin-right: 15px;
    margin-top: -25px;  
}
.fixed-top{
	    max-width: 1600px;
}
h3{ 
	font-size: 1.5em;
}
.navbar-toggler {
    margin-right: 15px; 
} 
/* menu */
.nav-link{ 
	color: white !important;
}
.navbar-dark .navbar-nav .nav-dark{
	text-transform: uppercase;
    font-size: 15px; 
}
.card.banner-vida{
	border: none !important;
	border-radius: 0px !important;
}
.dropdown-item {
	font-size: 15px !important;
}

.navbar-brand{
	background: white;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color: #999 !important; 
}
.sizex4{ 
	font-size: 5.5rem;
	}
	.primary-color{
		color: #f58220;

	}
#home-banner .card-img{
	filter: brightness(0.5);
	object-fit: cover;
    height: 600px;
}
.mv-home{
	margin-top: 380px;
}
.btn-vida{
	background-color: #f58220;
    color: white;
    border: 1px solid #f58220; 
    border-radius: 0px;
	letter-spacing: 2px; 
} 
.btn-vida:hover{
	background-color: white;
    color: #f46f2c !important;
    border: 1px solid #835e8f;
    border-radius: 0px;
	letter-spacing: 2px; 
} 
.btn-vida a:hover{ 
    color: #f46f2c !important;
} 
.btn-vida a span:hover{ 
    color: #f46f2c !important;
} 
.btn{
	font-size: 15px !important;
	
} 
.iconHead i{ 
	vertical-align: bottom;
} 
.iconHead i:hover{ 
	color: #f46f2c !important;
} 
.btnColor{ 
	background-color:#0D0D0D;
	color: white !important;
} 
.primaryColor{
	color: rgb(0, 60, 120) !important;
}

.height-card{
	height: 160px;
} 
.logo{
	opacity: 0.8;
    position: absolute;
    width: 530px;
    z-index: 100;
}

.bar1{
	background: rgb(0, 60, 120);  
}
.bg-gray{
    background-color: #f8f9fa;
}
.primaryFont{
	font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif';
} 
.algVer{
	margin-top: auto;
    margin-bottom: auto;
}
.info{
	display: -webkit-inline-box !important;
} 
.socialMedia{
	padding-right: 15px;
	padding-top: 8px; 
}
.socialMedia span{
	vertical-align: sub;
	color: white !important
}
header span.material-icons{
	vertical-align: bottom;
	color: #f58220;
}
.phone{
	text-align: center;
	display: inline-grid;
	font-size: medium;
}
#banner{ 
	overflow: hidden;
	position: relative
}
.banner-vida img{
	height: 400px; 
    width: 100%;  
    object-fit: cover; 
	/*filter: brightness(0.8);*/
}
.mv-home-banner
{
	margin-top:200px;
}
#banner img{

}
#banner .bannerSub{
	top: 10px; 
	bottom: 10%;  
	text-align: center;
	right: 0;
	left: 0;
}
#banner .bannerSub h1{
	font-size: 1.5rem; 
	color: white; 
	padding: 0px 5px;
}
.formBox{
	background: #2C96BF;  
	padding: 15px 0px; 
	margin-left: auto;
    margin-right: auto;
}
.vertical{ 
	margin-top: auto;
    margin-bottom: auto;
}
#home-services strong{
	 text-transform: uppercase;
}
#home-icons .card{
	height: 230px !important;
}

#home-icons .card-text a{
	color: #f58220;
}
#headline{
	padding: 30px 0px 15px 0px;  
	font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif';
} 
#aboutHm{
	background-color: #f8f9fa;
	padding: 20px;
}
.iconAbout{ 
	text-align: center;
	margin-top: auto;
    margin-bottom: auto;
	
}
#service{ 
	padding: 60px 0px;
}
.imgFix{
	height: 400px;
	overflow: hidden;
}
.imgFix img{
	margin-top: -20%;
}
#service h5{
	line-height: 1.8;
	font-size: 1.4rem;
	font-weight: 300;
}
p1{
	font-size: 18px;
}
#works{
	margin-bottom: 50px;
}
#works h2{
	padding-bottom: 50px;
}
.worksNumber{
	font-size: 4rem;
	margin-top: -25%; 
} 
#home-home_how_it_works .card-body{
	min-height: 300px; 
} 
#reviews{
	width: 50%;
	height: 450px;
}
#reviews h2{ 
	margin-bottom: 50px;
}

.cardLink{
	text-decoration: none;
	color: #212529;
}
.cardLink img{
	width: 80px;
	margin-top: 8px; 
}
#home-home-news .slick-slide{
	 padding: 0px 15px; 
	} 
#home-home-impact > div:nth-child(2) > div > div > div:nth-child(1) > div > div > strong,#home-home-impact > div:nth-child(3) > div > div > div:nth-child(1) > div > div > strong{
	color: transparent
	}  
#home-home-impact > div:nth-child(2) > div > div > div:nth-child(1) > div > div > strong:after{
	content:"1001";  
	color: black;
    margin-left: -30%;
	} 
#home-home-impact > div:nth-child(3) > div > div > div:nth-child(1) > div > div > strong:after{
	content:"1002";   
	color: black;
    margin-left: -30%;
	}
/*safe exit modal-------------------------------*/

#safe_exit_modal .modal-body p{
	color: black !important;
}

#safe_exit_modal .modal-body a{
	color: blue !important;
}

/*work------------------------------------------*/
#home-home-icons .card{ 
	min-height: 210px;     
}

#home-home-icons .card:hover{ 
	background-color:#f8f9fa; 
	color: rgb(131, 94, 143); 
}


.how-section1 h4{
    color: #f58220;
    font-weight: bold; 
    font-size: 30px;
}
.how-section1 .subheading{
    color: #3931af;
    font-size: 20px;
} 

.how-section1 .row
{
    margin-top: 10%;
}
.how-img 
{
    text-align: center;
}
.how-img img{
    width: 80%;
}
.icon-our-work{
	width: 70px;
	height: 70px;
}
/*about Us------------------------------------------*/
#aboutUs{
	margin-top: 30px; 
}

.feature .feature-box .iconset {
    background: #fff none repeat scroll 0 0;
    float: left;
    position: relative; 
    width: 18%; 
}


.feature .feature-box .feature-content h4 {
    color: #0f0f0f;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 5px;
}


.feature .feature-box .feature-content {
    float: left;
    padding-left: 28px;
    width: 78%;
}
.feature .feature-box .feature-content h4 {
    color: #0f0f0f;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 5px;
}
.feature .feature-box .feature-content p {
    color: #606060;
    font-size: 13px;
    line-height: 22px;
}
.icon {
    color : #0D0D0D;
    padding:8px;  
    border: 1px solid #2C96BF;   
    border-radius: 100px;
	background-color: #2C96BF; 
    
}
/*Apply--------------------------------------------*/

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%; 
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.stepwizard-step a .btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;  
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

/*------impact---*/
.circle { 
  width: 200px;
  margin: 6px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2; 
}

.circle canvas {
  vertical-align: top;
  width: 90px !important;
  height: 90px !important;
} 

.circle strong {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: black;
}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle span {
  display: block;
  color: #aaa;
  margin-top: 12px;
}
.blockquote {
	font-size: 1rem !important;
}
/*------faq-----*/
#faq-faq_heade li{
	list-style: none;
}
.pd-2{
    padding:2%;  
}
.pd-r-2{
    padding-right:2%;
}
.pd-l-2{
    padding-left:2%;
}
.pd-t-2{
    padding-top:2%;
}
.pd-b-2{
    padding-bottom:2%;
} 

#faq-faq_heade> ol li{ 
    list-style:none; 
}
 div[data-toggle="collapse"]{
   border-bottom:1px solid #BBDEFB;
   width:100%;
   cursor:pointer;
   padding:1%;
}
/* footer-------------------*/
.footer { 
	background-color:  rgb(131, 94, 143)
} 
.footer h5{
	padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
.footer a, .footer p{
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
	font-size: 14px;  
}
.footer ul.social li{
	padding: 3px 0; 
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
.footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
.footer ul.social li a,
.footer ul.quick-links li a{
	color:#ffffff;
}
.footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
.footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
.footer ul.quick-links li a i{
	margin-right: 5px;
}
.footer ul.quick-links li:hover a i {
    font-weight: 700;
}
/* blog-------------------*/

#blog_entries .pb-100 {
	padding-bottom: 100px;
}
#blog_entries .pt-100 {
	padding-top: 100px;
}
#blog_entries .mb-100 {
	margin-bottom: 100px;
}
#blog_entries a, .featured_blogEntry a {
	text-decoration: none;
	color: #333; 
	-webkit-transition: .4s;
	transition: .4s;
}
#blog_entries .section-title, .featured_blogEntry .section-title{
	position: relative;
}
#blog_entries .section-title p,.featured_blogEntry .section-title p {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 400;
}
#blog_entries .section-title h4, .featured_blogEntry .section-title h4 {
	font-size: 40px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 20px;
	display: inline-block;
}
#blog_entries .section-title h4::before, .featured_blogEntry .section-title h4::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background-color: #2C96BF;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}
#blog_entries .section-title h4::after, .featured_blogEntry .section-title h4::after {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background-color: #FF7200;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}
#blog_entries,featured_blogEntry .blog-img {
	position: relative;
}
#blog_entries .blog-img img {
	width: 100%;
	filter: brightness(0.8);
    object-fit: cover;
    height: 280px
;
}
.featured_blogEntry .blog-img img{
	width: 100% !important;
}
#blog_entries .post-category a, .featured_blogEntry .post-category a {
	display: inline-block;
	background-color:#0D0C0C; 
	color: #fff; 
	font-size: 15px;
	padding: 5px 20px;
}
#blog_entries .single-blog:hover img {
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
}
#blog_entries .post-category, .featured_blogEntry .post-category{ 
	/*position: absolute;*/box_btn
	left: 0;
	bottom: 0;
}
#blog_entries .blog-content, .featured_blogEntry .blog-content{
	padding: 30px 20px;
	height: 340px; 
} 
#blog_entries .single-blog, .featured_blogEntry .single-blog{
	border: 1px solid #eee;
}
#blog_entries .blog-title h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
}
#blog_entries .meta ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#blog_entries .meta {
	margin-bottom: 20px;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
#blog_entries .blog-content a.box_btn, .featured_blogEntry .blog-content a.box_btn{
	display: inline-block;
	background-color: #f58220; 
	padding: 5px 15px;
	color: #fff;
	text-transform: capitalize; 
	margin-top: 20px;
}
#blog_entries a.box_btn::before,.featured_blogEntr a.box_btn::before{
	position: absolute;
	content: "";
	width: 100%; 
	height: 100%;
	background-color:rgb(131, 94, 143);
	left: -100%;
	top: 0; 
	-webkit-transition: .5s;
	transition: .5s;
	z-index: -1; 
}
#blog_entries a.box_btn, .featured_blogEntry a .box_btn  {
	overflow: hidden;
	z-index: 2;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
	text-decoration:none;
}
#blog_entries a.box_btn:hover::before {
	left: 0;
	z-index: -1;
}
#blog_slider_next {
	position: absolute;
    line-height: 0.8;
    background: #f58220;
    color: white;
    margin-top: -450px;
    right: 6%;  
}
#blog_slider_prev {
	position: absolute;
    margin-top: -450px;
    left: 6%; 
    line-height: 0.8;
    background: #f58220;
	color: white;
    z-index: 100; 
}
.feature .feature-item .icon {
  margin-bottom: 25px;
}

.feature .feature-item .icon i {
  font-size: 48px;
  color: #7d71d3;
}

.feature .feature-item .content h5 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px; 
}

.feature .feature-item:not(:last-child) {
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  .feature .feature-item {
    margin-bottom: 80px;
  }
}

.feature .app-screen {
  margin: 40px 0;
}



/* team-------------------------------- ----------- */
.vida-team-img{
	position: relative;
	width: 150px !important;
	height: 150px !important;
	object-fit: cover;
	z-index: 10;
} 
.body-team-card{
	top: -50px;
}
.body-team-card .card-body{
	padding-top: 70px;
}
 
.body-team-card .list-group-item{
	border: none !important;
	background: none !important;
}
#involved-involved-boxes .card{
	background: #B44A02;
	height: 230px;
	border: none;
	 
}
#involved-involved-boxes .card .card-img-overlay{
	background: rgb(102, 51, 0);  
    opacity: 0.6;
}
#involved-involved-boxes .card .card-img{
	overflow: hidden;
}
#involved-involved-boxes > div > div > div > div > div > span{
	font-size: 2.3rem;
    margin-top: 15%;

}
/*************** get involvet******/

.bubble {
	position: relative;
	background:rgb(131, 94, 143); 
	border-radius: .4em; 
	color: white;
	padding: 15px;
	text-align: center
}

.bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: rgb(131, 94, 143);
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
} 
	.type-effect {
  display: flex;
  justify-content: center;
  font-family: monospace;
}

.type-effect > .text {
  max-width: 0;
  animation: typing 3s steps(var(--characters)) infinite;
  white-space: nowrap;
  overflow: hidden;
  font-size:20px;
}

.type-effect:after {
  content: " |";
  animation: blink 1s infinite;
  animation-timing-function: step-end;
  font-size:20px;
}

@keyframes typing {
  75%,
  100% {
    max-width: calc(var(--characters) * 1ch);
  }
}

@keyframes blink {
  0%,
  75%,
  100% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
}
@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#banner .bannerSub{
		position: relative;
		margin-top: -13%;
	}
	.navbar .show{ 
	background:rgb(75, 12, 98)
		}
	.dropdown-item{ 
	color: white !important;
		}
	.formBox{
		width: auto;
		display: table !important; 
	}
	#reviews{
	width: 100%;
	height: max-content;
	}
	#headline h2{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
	} 
	
	.banner-vida img {
    height: 200px;
	}
	.mv-home-banner {
    margin-top: 100px;
}
	#safe_exit{
    font-size: 3.5rem!important;
} 
	
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}
/************************contact***************************/
.contact-body .map {
  width: 45%;
  float: left;
}
.contact-body li .contact-form {
  width: 53%;
  margin-left: 2%;
 
}
.contact-body .contact-form .title {
  font-size: 2.5em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #242424;
  margin: 5% 8%;
}
.contact-body .contact-form .subtitle {
  font-size: 1.2em;
  font-weight: 400;
  margin: 0 4% 5% 8%;
}
.contact-body .contact-form input,
.contact-body .contact-form textarea {
  width: 330px;
  padding: 3%;
  margin: 2% 8%;
  color: #242424;
  border: 1px solid #B7B7B7;
} 
.contact-body .contact-form input::placeholder,
.container .contact-form textarea::placeholder {
  color: #242424;
}
.contact-body .contact-form .btn-send {
  background: #f58220;
  width: 180px;
  height: 60px;
  color: #FFFFFF;  
  font-weight: 700;
  margin: 2% 8%;
  border: none;
}

/************************contact old*******************/

#contact{
    background-color:#f1f1f1;
    font-family: 'Roboto', sans-serif;
}

#contact .well{
    margin-top:30px;
    border-radius:0;
} 

#contact .form-control{
    border-radius: 0;
    border:2px solid #1e1e1e;
} 
 
#contact button{ 
    border-radius:0;
    border:2px solid #1e1e1e;
}

#contact .row{
    margin-bottom:30px;
}

@media (max-width: 768px) { 
    #contact iframe {
        margin-bottom: 15px;
    }
    #apply h3, #apply p{
    	text-align: center;
    } 
}