body {
	font-family: circe, sans-serif;

font-weight: 400;

font-style: normal;
	overflow-x: hidden;
	color: #0c0000;
}
h1,h2,h3{
	font-weight: 700;
}
.wrapper {
	margin: 0 4%;
}
.section {
	display: table;
	width: 100%;
	height: 100vh;
	
	position: relative;
	padding: 0;
	background-size: cover;
}
.section.home {
	background-image: url('../img/home_x_bg.jpg');
	color: #fff;
}
.section.home::after {
	content: '';
	position: relative;
	background: url('../img/home_x.png') 0 0 / cover;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	width: 60%;
}
.section.projects {
	background: url('../img/projects_bg.jpg') 0 0 / cover;
	color: #fff;
	height: 90vh;
	position: absolute;
}
.section .grad_bg {
	background: url('../img/green_gradient.jpg') no-repeat 0 0 / cover;
	color: #fff;
}
.sec_content {
	background: #fff;
}


.section.home_anim {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	color: #fff;
	z-index: 999;
	display: none;
}
.home_anim_wrapp {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10%;
}
.home_anim_wrapp h2 {
	/* z-index: 989999; */
}
.anim_x_bg_home {
	/* background: url('../img/home_x_green.png') no-repeat 0 0 / cover; */
	position: absolute;
	right: 60%;
	top: 45%;
	/* width: 15%; */
	height: 10%;
	/* display: block; */
	z-index: -1;
	transition: all 2s;
}
.home_anim._animate .anim_x_bg_home {
	right: -20%;
	top: 0%;
	height: 100%;
}
.slide_slx {
	visibility: hidden;
	 
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .5s;
}

.slide_slx._show {
	visibility: visible;
	width: 100%;
	height: 100%;
}
.top_content {
	position: relative;
	color: #fff;
	display: table;
	height: auto;
	width: 100%;
}
.details .top_content {
	position: relative;
	color: #fff;
	display: block;
	height: auto;
	width: 100%;
}
.details .section.projects { 
	display: block;
}
.home p{
	font-weight: 300;
}
.sm_menu {
	width: 87px;
	height: 52px;
	position: absolute;
	background-image: url('../img/nav_icon.png');
	right: 30px;
	top: 25px;
	/* float: right; */
	display: block;
	z-index: 9;
}
.build_img_section {
	
	/* width: 100%; background: url('../img/planets.jpg') no-repeat 0 0 / 100%;*/
	/* height: 100%; */
}
.build_img_section img {
	visibility: hidden;
	width: 100%;
}
.logo_image {
	height: 70px;
}
.lst_thumbs {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 60px;
	position: absolute;
	top: 190px;
	left: 10px;
	z-index: 9;
}
.lst_thumbs li {
	height: 16px;
}
.lst_thumbs li.active {
	color:#64b445;
}
.lst_thumbs li::before {
	content: '';
	width: 10px;
	height: 2px;
	display: inline-block;
	border-bottom: 2px solid;
	top: -4px;
	position: relative;
}
.lst_thumbs li.active::before {
	width: 18px;
	border-width: 1px;
}
.lst_thumbs li.active span {
	display: inline;
	padding: 0 5px;
	font-size: 12px;
	line-height: 12px;
}
.lst_thumbs span {
	display: none;
}
.imtop_mg {
	margin: 16% 0 0 0;
}
.cross_mark_list {
	list-style-type: none;
	padding: 0;
	margin: 50px 0;
}
.cross_mark_list li {
	position: relative;
	padding-left: 30px;
}
.cross_mark_list ._cicon {
	font-style: normal;
	color: #5a9b42;
	position: absolute;
	left: 0;
}
 
.nav_block {
	position: absolute;
	right: 0;
	height: 0%;
	width: 100%;
	min-width: 210px;
	/* background: #274e1b; */
	z-index: 8;
	transition: all .5s;
	font-family: circe, sans-serif;
	font-weight: 700;
	font-style: normal;
	visibility: hidden;
	top: 0;
	overflow: hidden;
}
.nav_block._show {
	bottom: 0;
	top: 0;
	z-index: 99;
	visibility: visible;
	height: 100vh;
}
.nav_block._show .close_nav{
	display:block;
}
.nav_wrapp {
	position: absolute;
	height: 100%;
	right: 0;
	width: 20%;
	padding-top: 12%;
	background: #274e1b;
}
.nav_block ul.main_nav_list {
    margin-top: 35px;
}
.nav_block ul {
    margin: 0;
        margin-top: 0px;
    padding: 0;
    list-style-type: none;
}
.main_nav_list li {
	position: relative;
}
.main_nav_list a {
	margin: 15px 5px 0 40px;
	display: block;
	font-weight: normal;
}
.nav_block a {
	color: #fdfdfd;
	text-transform: capitalize;
}
.main_nav_list li._active::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #274e1b;
	left: -15px;
	position: absolute;
	/* background: #274e1b; */
}

.snav_left_block {
	position: absolute;
	right: 20%;
	height: 100%;
	visibility: hidden;
	width: 0%;
	/* overflow: hidden; */
	transition: all 1s;
	background: rgba(0, 0, 0, 0.8);
	color: #fcfcfa;
	z-index: -1;
}
.snav_left_block._show {
	width: 80%;
	visibility: visible;
}
.snav_wrapp {
	padding: 10% 15%;
}
.snav_wrapp h3 {
	margin-top: 60px;
}
.snav_left_block a {
	color: #fcfcfa;
	font-weight: 300;
}
.nav_block ul.sec_nav_list {
	margin-top: 40px;
}
.sec_nav_list li {
    margin: 15px 0;
}
.close_nav {
	position: absolute;
	right: 30px;
	top: 10px;
	display:none;
}
.close_nav:hover {
	color: red;
}
.img_section h3 {
	position: absolute;
	left: 0;
	top: calc(55% + 1rem);
	text-align: center;
	width: 100%;
	font-size: 2.5rem;
	color: #fefefc;
}
.row.fullrow, .row.fullrow > div {
	margin: 0;
	padding: 0;
}
.row.fullrow {
	min-height: 100vh;
}

.navwrapp {
	position: relative;
	padding: 20px 5%;
}
.cwrapp {
	padding: 0 9%;
}
.lcwrapp {
	padding: 0 0 0 9%;
}

.fwrapp {
	padding: 0 3.9%;
}
.secwrapp {
	position: relative;
	padding: 0 5%;
}
.projects-content {
	margin-bottom: 100vh;
}
.vert_middle {
    display: table; 
    height: 100%;
    width: 100%;
}
.vm_row {
	display: table-cell;
	vertical-align: middle;
}
.vert_middle_header {
	display: table;
	vertical-align: middle;
	height: calc(100% - 110px);
}
.ivert_middle_header {
	display: table;
	vertical-align: middle;
	height: auto;
	margin: 16% 0 7%;
	width: 100%;
}
.full_section3_rbg {
	background: url('../img/2nd_right_sec_bg.jpg') no-repeat 0 0 / cover;
}
.sm_wrapp {
	padding: 0 15%;
}

.sq_thumb_icon a {
	display: inline-block;
	width: 50px;
	height: 50px;
	color: inherit;
	font-size: 28px;
	border-radius: 30px;
	border: 1.5px solid;
	text-align: center;
	line-height: 50px;
}
.section.section4 {
	color: #0c0000;
}
.section.section4 .sq_thumb_icon li { 
	background: #0c0000;
}
.section.section3, .section.section5{ 
	color: #fff;
}
 .full_section4_blank {
	background: #6d6e71;
}
 .sq_thumb_icon { 
	margin-top: 50px ;
}  
.section.section4 .sq_thumb_icon {
	width: 210px;
	margin: 50px auto;
}
.sq_thumb_icon ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
	display: inline-block;
	height: 33px;
}
.sq_thumb_icon li.active, .section.section4 .sq_thumb_icon li.active {
	background: #64b445;
}
.sq_thumb_icon li {
	content: '';
	width: 6px;
	height: 6px;
	background: #fff;
	/* display: inline-block; */
	margin: 20px 3px;
	float: left;
	cursor: pointer;
}
 
.section4 p, .section3 p, .section2 p {
	margin: 42px 0;
}
.section4 h2, .section3 p, .section2 h2 {
	margin-bottom: 100px;
}
.circle_bottom_x {
	position: absolute;
	width: 750px;
	height: 750px;
	bottom: -160px;
	left: calc(50% - 375px);
	z-index: 999;
}
.circle_bottom_x ._wrapp1 {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 750px;
	border: 1px solid green;
	padding: 230px;
}
.circle_bottom_x ._wrapp2 {
	width: 100%;
	height: 100%;
	border-radius: 681px;
	border: 1px solid #64b445;
	/* margin: 70px; */
	padding: 16px;
}
.circle_bottom_x ._wrapp3 {
	background: #fff;
	height: 100%;
	border-radius: 520px;
	padding: 50px;
	text-align: center;
	color: #0c0000;
}
.circle_bottom_x h4{
	 font-size: 2rem;

margin-bottom: 0px
}
.circle_bottom_x p {
	margin: 20px 0px;
}
.build_img_section3 {
	background: url('../img/sm_sl_img.png') no-repeat 0 0 / 100%;
	/* width: 100%; */
	/* height: 100%; */
	z-index: 99;
	position: relative;
	top: -105px;
}
.build_img_section3 img {
	visibility: hidden;
	width:100%;
}

.felem .top_margin_fx {
	margin-top: 35px;
}
footer {
	background: #021001;
	color: #fff;
	padding: 30px 0 0;
}
.felem {
	margin: 0 10% 0 20%;
	word-break: break-all;
}
.felem ul {
	list-style-type: none;
	padding: 0;
}
.felem li {
}
.felem a {
	color: #fff;
}
.green_sec a {
	color: #64b445;
}
.footer_copyright_line {
	margin: 80px 0 20px;
}
.footer_logo {
	height: 70px;
	margin: 0 0 40px;
}
.footer_cirle {
	width: 100px;
	height: 100px;
	float: left;
	border-radius: 120px;
	background: #fff;
	margin: -27px 10px 0 0;
}
.marg_bott_fx {
	margin-bottom: 32px;
}
.marg_top_20 {
	margin-top: 20px;
}
footer .fa {
	margin-right: 10px;
	color: #64b445;
}
.lg_wd_50per {
	width: 55%;
}
.section3 h2 {
	font-family: myriad-pro, sans-serif;

	font-weight: 400;

	font-style: normal;
}


.islider_block .slides {
	height: 100%;
	background: rgba(129, 130, 133, 0.8);
}
.slides .sld_1 {
	background: url('../img/prj_bg_icon.jpg') no-repeat 0 0 / cover;
	height: calc(100vh - 20px);
	opacity: 0.6;
}

.islider_block {
	height: calc(100vh - 20px);
	position: relative;
}
.islider_block .controls {
	position: absolute;
	top: calc(50% - 25px);
	width: 100%;
}
.controls a.right-move {
	float:right;
}
.islider_block .controls a {
	font-size: 35px;
	line-height: 52px;
	height: 50px;
	width: 50px;
	display: inline-block;
	text-align: center;
	border-radius: 40px;
	border: 1px solid;
	color: #fff;
	margin: 0 3.5%;
}
.sld_sq_thumbs {
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0;
	right: 0;
	text-align: center;
}
.sld_sq_thumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
	display: inline-block;
	height: 33px;
	position: relative;
	bottom: initial;
	text-align: center;
}
.sld_sq_thumbs li.active, .sld_sq_thumbs li.slick-active {
	background: #64b445;
}
.slick-dots li button {
	display: none;
}
.sld_sq_thumbs li {
	content: '';
	width: 6px;
	height: 6px;
	background: #fff;
	display: inline-block;
	margin: 20px 3px;
	/* float: left; */
	cursor: pointer;
}
.breadcrumb {
	background: #fff;
	color: #231f20;
}
.breadcrumb a, .breadcrumb span {
	color: #231f20;
	margin: 10px;
}
.square_block {
	position: relative;
	width: 75%;
	margin: 0 auto;
}

.square_block:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.square_block .circles_block {
  position: absolute;
  width: 100%;
  height: 100%;
}
.circles_related {
	position: relative;
	width: 100%;
	height: 100%;
}
.circles_2 .circle_1 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #231f20;
	border-radius: 100%;
	left: 0;
	top: 0;
}
.circles_2 .circle_2 {
	position: absolute;
	width: 50%;
	height: 50%;
	/* background: #231f20; */
	border-radius: 100%;
	left: -18%;
	top: 3%;
	color: #0c0000;
	background: #d1d2d4;
	padding: 4%;
	text-align: center;
	display: table;
	
}

.circle_trow {
vertical-align: middle;
	display: table-cell;
}
.detail_map {
	height: 100%;
	background: #6d6e71;
}
.temp_zoom_icon {
	bottom: 20px;
	right: 20px;
	position: absolute;
	height: 90px;
}
.square_block.circles_4 {
	width: 90%;
	overflow: hidden;
	margin: 0 0 0 auto;
}
.circles_4 .circle_1 {
	position: absolute;
	width: 55%;
	height: 55%;
	background: #a7a9ac;
	border-radius: 100%;
	right: -4%;
	top: -15%;
}
.circles_4 .circle_2 {
	position: absolute;
	width: 30%;
	height: 30%;
	/* background: #231f20; */
	border-radius: 100%;
	left: 22%;
	bottom: 20%;
	color: #0c0000;
	background: #939598;
	text-align: center;
	display: table;
}

.circles_4 .circle_3 {
	position: absolute;
	width: 40%;
	height: 40%;
	/* background: #231f20; */
	border-radius: 100%;
	left: 10%;
	top: 14%;
	color: #0c0000;
	background: #d1d2d4;
	/* padding: 4%; */
	text-align: center;
	/* display: table; */
}

.circles_4 .circle_4 {
	position: absolute;
	width: 25%;
	height: 25%;
	/* background: #231f20; */
	border-radius: 100%;
	left: 40%;
	top: 22%;
	color: #0c0000;
	background: #e6e7e8;
	padding: 4%;
	text-align: center;
	display: table;
}
.btn.btn-contact {
	width: 100%;
	color: #fff;
	background: #1b99a7;
	text-transform: uppercase;
	padding: 12px 0;
	text-align: center;
	border-radius: 0;
}
.section.section8 {
	height: auto;
	padding: 110px 0;
}
.mw_wrapp {
	padding: 0 0 0 18%;
}
._upper_Case {
	text-transform: uppercase;
}
.projects h1 {
	font-size: 2.3rem;
	font-weight: 600;
	text-transform: uppercase;
}
.details h2, .projects h2 {
	font-size: 2.3rem;
	font-weight: 300;
}
.details h3 {
	font-weight: 300;
	font-size: 2rem;
}
.details p, .projects p {
	font-weight: 300;
}


.circles_hm3 .circle_1 {
	 
	width: 85%;
	height: 85%;
	background: url(../img/lunar.png) no-repeat 0 0 / cover;
	border-radius: 100%;
	right: -32%;
	top: 10%;
	 
	color: #e2e2e2;
}
.circles_hm3 .circle_2 {
	
	width: 50%;
	height: 50%;
	background: url(../img/earth.png) no-repeat 0 0 / cover;
	border-radius: 100%;
	left: -2%;
	top: 4%;
	color: #fdfcfc;
	 
}
.circles_hm3 .circle_3 {
 
    width: 70%;
    height: 70%;
    background: #231f20;
    border-radius: 100%;
    left: -18%;
    top: 50%;
    color: #e2e2e2;
    background: url(../img/mars.png) no-repeat 0 0 / cover;
   

}
.circles_hm3 .circle {
	padding: 4%;
	text-align: center;
	display: table;
	cursor: pointer;
	position: absolute;
	transition: all 1s ease-in-out;
	text-decoration: none;
}
.circles_hm3 .circle:hover {

    z-index: 9999;
    transform: scale(1.2);
	-ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */
	
	animation: shake 0.2s;

  /* When the animation is finished, start again */
	animation-iteration-count: 1; 
}
 
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.white_label {
	color: inherit;
	font-weight: 800;
	font-size: 1.8rem;
}
.more_details, .more_details:hover {
	margin-top: 15px;
	display: block;
	text-decoration: underline;
	color:#fff;
}
.more_details._green{
	color:#143c14;
}
._img_box h3 {
	position: absolute;
	bottom: 30px;
	padding: 25px 4%;
	width: 100%;
	font-size: 2rem;
	text-transform: uppercase;
}
.sld_sq_thumbs h1 {
	font-size: 2rem;
	text-align: left;
	padding: 0px 5%;
	width: 50%;
	text-transform: uppercase;
}
.temp_img_box {
	color: #fff;
	margin-bottom: 45px;
}
.temp_img_box ._img_box {
	background: rgba(129, 130, 133, 0.8);
	height: 440px;
	position: relative;
	display: block;
	color: #fff;
	font-size: .8rem;
	background-size: cover;
}
._img_box label {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 4%;
}
.temp_img_box ._box_nav {
	background: #404041;
	margin-top: 4px;
	padding: 8px 4%;
	display: block;
	color: #fff;
	text-transform: uppercase;
}
._box_nav i {
	float: right;
	font-weight: 400;
	font-size: 25px;
	line-height: 25px;
}
.slick_slides > div:not('.slick-list') {
	//height: 100%; 
	//display:none;
}
.slick_slides > div:first-child {
	//height: 100%;
	//display:block;
}

@media (max-width: 1400px) {
.temp_img_box ._img_box { 
	height: 375px; 
}
.anim_x_bg_home { 
	right: 40%; 
}
}
@media (max-width: 768px) {
	.anim_x_bg_home { 
	right: 10%;
	top: 44%; 
}
	.ivert_middle_header { 
	margin: 16% 5% 7%; 
}
.temp_img_box ._img_box {
	height: 280px;
}
.cwrapp,.lcwrapp,.sm_wrapp,.mw_wrapp {
	padding: 0 6%;
	word-break: break-all;
}

.sld_sq_thumbs h1 { 
	width: auto;
}
.square_block.circles_4 {
	width: 100%; 
	margin: 0;
}
.circles_4 .circle_4 {
	 
	width: 60%;
	height: 60%; 
	padding: 8% 8% 0 8% ; 
}
.square_block {
	width: 100%;
	
}
.circles_block .circle_2 {
	width: 75%;
	height: 75%;
	left: -18px;
	top: 3%;
}
.section4 h2, .section3 p, .section2 h2 {
	margin-bottom: 55px;
}
.circle_bottom_x ._wrapp2 {
	width: 100%;
	height: 100%; 
	padding: 16px;
}
.circle_bottom_x {
	position: relative;
	width: 98%;
	height: auto;
	bottom: -10px;
	left: 1%;
	z-index: 999;
}
.circle_bottom_x ._wrapp1 {  
	border-radius: 0;
	border: none;
	padding: 0;
}
.circle_bottom_x ._wrapp3 { 
	border-radius: 148px;
	padding: 15px; 
}
.sm_menu {
	width: 55px;
	height: 36px; 
	margin-top: 10px;
	background: url('../img/nav_icon.png') no-repeat 0 0 / 100%;
}
.logo_image {
	height: 50px;
}
.lst_thumbs { 
	left: -4px; 
}
.build_img_section3 { 
	top: 0;
}
.imtop_mg {
	margin: 25% 0 0 0;
}
.lg_wd_50per {
	width: 100%;
}
.nav_block {
	min-width: inherit;
}
.nav_block._show {
	right: 0;
	min-width: 134px;
}
.main_nav_list a {
	margin: 10px 5px 0 10px;
}
}