html { color: #222; font-size: 1em; line-height: 1.4; } 
::-moz-selection { background: #b3d4fc; text-shadow: none; } 
::selection { background: #b3d4fc; text-shadow: none; } 
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; } 
textarea { resize: vertical; }
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
.hidden { display: none !important; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .sr-only.focusable:active, .sr-only.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; }
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{font-family: 'Rubik', sans-serif; color: #808080;} /* font-family: 'Poppins', sans-serif; */
.headerMain{ box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.5);z-index: 1;position: relative;}
.navbar-nav a.nav-link{ color: rgba(0, 0, 0, 0.5)}
.nav-item {display: flex;align-items: center;}
.nav-item > a{ text-transform: uppercase}
.nav-item > a:hover{color: #0EAA55 !important;}
.nav-item.active > a{ color: #0EAA55 !important; font-weight: bold}
.navbar-light .navbar-toggler{ border-color: transparent}

/* ANIMATED X */
.navbar-default .navbar-toggle .icon-bar{ background: #333}
.navbar-toggler .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggler .icon-bar:nth-of-type(2) {
	opacity: 0.10;
	filter: alpha(opacity=10);
}

.navbar-toggler .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
/* END ANIMATED X */

.intro{ background: url(../img/homepage/intro/intro.jpg) 0 0 /cover no-repeat fixed; border-bottom: 0.3rem solid #1A1A1A}
.intro .text-group { color: #fff}
.intro .text-group h1{ text-transform: uppercase;font-weight: bold; font-size: 96px;}
.intro .text-group h3{ color: #fff;  }
.intro .slick-track{ display: flex; align-items: flex-end;}
.intro .slick-box{ width: 99%; padding: 2rem; color: #fff; display: flex;flex-direction: column;justify-content: flex-end;}
.intro .slick-box h3{ font-weight: bold; font-size: 24px;}
.intro .slick-box p{ font-weight: 300; font-size: 19px;}
.intro .slick-box p.small{ font-weight: 300; font-size: 14px;}
.intro .slick-box p:last-child{ margin-bottom: 0;}
.intro .top_section img{ max-width: 100%;}
.intro .top_section .graph-div img{ margin: 4em auto 0; max-width: 100%; display: block;}


section header h2{ font-size: 48px;font-weight: 400; text-align: center; color: #000}

.card-box, .white-box{ background: #fff; margin:15px; padding: 1rem; text-align: center; border-radius: 1rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3)}
.card-box h3{font: normal 40px 'Poppins', sans-serif; color: #39B54A}
.card-box figure{overflow: hidden;}

.rescue_container .card-box{margin-top: 7em; }
.rescue_container .card-box figure{ width: 186px; height: 186px;border-radius: 100em;margin: -6.5rem auto 1.5rem; border:5px solid #999;}

.infra_container .card-item{ display: flex; min-width: 0; min-height: 290px;max-height: 290px;margin: 1rem;}
.infra_container .card-box{ margin: 0; width: 50%;}
.infra_container .card-item figure{ border-radius: 1rem; overflow: hidden;min-height: 242px; width: 50%;}
.infra_container .card-item figure, .infra_container .card-item .card-box{ margin-top: 3rem;}
.infra_container .card-item figure > img{ width: 100%;}
.infra_container .card-box{ line-height: 36px}

.bg-grey{ background-color: #E6E6E6}
.bg-image{ background-position: 0 0; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative;}
.bg-image::after{ content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background: rgba(0, 0, 0, 0.4); position: absolute;}
.bg-image > .container{ position: relative; z-index: 1;}
section.bg-image header h2{ color: #fff}


.money_container .table-responsive{ padding: 1.5rem; border-radius: 1rem;}
.money_container .table th{ color: #39B54A; border-top: 0; max-width: 130px;}
.money_container .table td{ color: #666}

.lively_resto .white-box{ background: #fff; border-radius: 1rem; text-align: left; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);padding: 1.5rem 2rem;min-height: 7em;margin: 1rem 0 0;}
.lively_resto .white-box p{ margin-bottom: 0}
.lively_resto .white-box strong{ color: #39B54A;}

.rebuildPlans .white-box{max-width: 500px; width: 100%; background: #fff; margin:1rem auto; padding: 2rem 6rem; text-align: center; border-radius: 1rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3)}
.rebuildPlans .white-box h3{color: #39B54A; text-transform: uppercase;font-family: 'Poppins', sans-serif; font-size:24px;}
.rebuildPlans .white-box:last-child{ max-width: 800px;}
.rebuildPlans .white-box h4{font-family: 'Poppins', sans-serif; font-size:18px; color: royalblue}
.rebuildPlans .white-box .row{ text-align: left}

.h_slider .slick-list{ border:0.5rem solid #fff; border-radius: 2rem;}
.h_slider .slick-list img{ width: 100%;}
.housing_container .white-box{ width: calc(100% + 150px);transform: translate(-150px, 200px);}
.tabledata .white-box{margin-left: 20%;margin-right: -30%;}
.distribution_data .box1{margin-left: 13%;}

.distribution_data .box3{margin-right: 5%;}
.table_details .white-box{width: 40%;}
.lable .success {background-color: #4CAF50;width: 10%;}

.slick-slider .slick-arrow{ border:0; background: none; cursor: pointer;}
.h_slider.slick-slider .slick-arrow{ position: absolute; z-index: 1; right:0; top: 50%;}
.h_slider.slick-slider .slick-arrow:first-child{right:auto; left: 0;}
.slick-list.slick-slider .slick-arrow,
.rescue_relief.slick-slider .slick-arrow,
.infra_resto.slick-slider .slick-arrow
{ position: absolute; z-index: 1; top: 50%; left: -4px;}
.slick-list.slick-slider .slick-next.slick-arrow,
.rescue_relief.slick-slider .slick-next.slick-arrow,
.infra_resto.slick-slider .slick-next.slick-arrow{ left: auto; right: -4px;}
.h_slider.slick-slider .slick-arrow:first-child{ right: -50px}
.slick-slider .slick-arrow:hover img{ filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);}


canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}


/* Innerpage */
.timeline-list{ position: relative; padding: 0; display: flex; flex-direction: column}
.timeline-list::before{content: ""; position: absolute; left: 30px; top: 0; height: 100%; border: 1px solid #ccc}
.timeline-item{ position: relative; margin-left: 60px; list-style: none; margin-bottom: 1rem;}
.timeline-item::before{content: ""; position: absolute; left: -40px; top: 18px; width: 20px; height: 20px; border-radius: 100px; background: #ccc;}
.timeline-item::after{content: ""; position: absolute;left: -6px; top: 22px; width: 12px; height: 12px; background: #fff; transform: rotate(45deg)}
.timeline-item .tl-box{border-radius: 0.5rem; box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2)}
.timeline-item .tl-box > figure{border-radius:5rem;overflow: hidden;border:4px solid #ddd;margin: 0;min-width: 100px;max-height: 100px;}
.timeline-item .tl-box > figure > img{width: 100%}
.timeline-item .tl-box:hover{box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.3)}
.timeline-item:hover::before{background: cornflowerblue;}
.timeline-item:hover .tl-box > figure{ border-color:cornflowerblue }
.timeline-item .tl-box .badge{ font-weight: normal; cursor: pointer; padding: 0.4rem 1rem}
.timeline-item .tl-box footer{ position: relative;}
.timeline-item .tl-box footer input[type="checkbox"]{position: absolute;left: 0;top: 0;width: 100%;height: 27px; opacity: 0; cursor: pointer;max-width: 103px;}
.timeline-item .tl-box footer input:checked + .badge{ background: royalblue}
.timeline-item .tl-box footer input ~ .details-toggler{ display: none;}
.timeline-item .tl-box footer input:checked ~ .details-toggler{ display: block;}

.list li{ padding-bottom: 0.5rem}
.page-container h1, .page-container h2, .page-container h3, .page-container h4, .page-container h5, .page-container h6{ color: #333}
.page-container p, .page-container li {font-weight: 100;}
.page-container .badge-list{display: flex;flex-wrap: wrap;}
.page-container .badge-list > li{background:#fff;border-radius:0.5rem;text-align:left;box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);padding: 1rem 1.5rem;margin:0.5rem;}
.page-container .badge-list > li{position:relative;list-style: none;flex-basis: 30%;}
.page-container .badge-list > li::before{content: "";background: url(../img/bullet.svg) 0 0 / 70% no-repeat;padding: 0.2rem 1rem;}
.page-container .badge-list strong{color: #39B54A;}

br{ display: block; clear: both}
dt {font-weight: 500;}
dd {font-weight: 100;}

.details-toggler {font-size: 80%;}
.timeline-item .tl-box{flex-wrap: wrap;}
.timeline-item .tl-box > figure{flex-basis: 100px;}
.timeline-item .tl-box > .tl-content{flex-basis: calc(100% - 130px);}
.timeline-item .tl-box > footer{flex-basis: 100%;}

.card-group{ justify-content: center; align-items: center;}
.card{ overflow: hidden; border-radius: 0.5rem; margin: 0.5rem !important; min-width: 260px; max-width: 260px;}
.card video{ width: 100%; height: auto;}
.card-group>.card:not(:last-child), .card-group>.card:not(:first-child){border-radius: 0.5rem}
.card-img{ max-height: 40px}
.card-img.card-img2{ max-height: 24px}
.card-img.card-img2:hover{ max-height: 30px}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media only screen and (min-width: 992px) {
    .rebuildPlans .white-box{margin:0 auto;}
    .boxList > .white-box:nth-child(1){transform: translate(-40% , 0);}
    .boxList > .white-box:nth-child(2){transform: translate(40%, -40px);}
    .boxList > .white-box:nth-child(3){transform: translate(0% , -60px);}
   
    .h_slider.slick-slider .slick-arrow{ right:-100px; top: 20px;}
	.h_slider.slick-slider .slick-arrow:first-child{ right:-50px; left: auto;}
	
	.timeline-item{ max-width: calc(50% - 30px);}
	.timeline-list::before{left: 50%;}
	.timeline-item:nth-child(odd){ margin-left: 0}
	.timeline-item:nth-child(n+2){margin-top: -6em;}
	.timeline-item:nth-child(even){ left: calc(50% - 30px);}
	.timeline-item:nth-child(odd):before{ left: auto;right: -41px;}
	.timeline-item:nth-child(odd):after{ left: auto;right:-6px;}

}  
@media only screen and (max-width: 1199px) {
    .housing_container .white-box{width:100%;transform: unset; margin: 0;}
    .distribution_data .box1{width:160%;margin-right: 0%;margin-left: 10%}
    .distribution_data .white-box{width:175%;}
    .distribution_data .box2 img{width:0px;margin-left: -100%;margin-right: -100%}
    .distribution_data .box3{width:160%;margin-right: -20%;margin-left: 5%}
    .tabledata .white-box{margin-left: 0%;margin-right: 0%;}
}
@media only screen and (max-width: 991px) {
    .navbar-nav{ padding: 2em 0}
	.container{ max-width: 100% !important;}
	.navbar{ text-align: center}
	.navbar-brand{ margin: 0 auto}
	.nav-item{text-align: center;display: inline;}
	.timeline-list::before{left: 10px;}
	.timeline-item{margin-left: 40px;}
	.navbar-brand{ margin:0 auto}
	.navbar-brand > img{ max-width: 100px;}
	.tabledata .white-box{margin-left: 20%;margin-right: -40%;}
}
@media only screen and (max-width: 767px) {
    .intro .top_section > div{ order:1}
	.intro .top_section > div:first-child{ order:2}
	.timeline-item .tl-box{flex-wrap: wrap;}
	.timeline-item .tl-box > figure{flex-basis: 100%;margin-right: auto !important;margin-left: auto !important; margin-bottom: 1.5rem!important;max-width: 100px;}
	.tl-content header{flex-wrap: wrap;}
	.tabledata .white-box{margin-left: 0%;margin-right: 0%;}
    .distribution_data .white-box{width:100%;}
    .distribution_data .box1{width:160%;margin-right: 0%;margin-left: 0%}
    .distribution_data .box3{width:160%;margin-right: 0%;margin-left: 0%}



}
@media only screen and (max-width: 639px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 359px) {
}