/*-------------------- FONTS --------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700');
/*-------------------- RESETE STYLES --------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline;
}
html{
	line-height:1;
}
ol, ul{
	list-style:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
th, td{
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
}
a img{
	border:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
	display:block;
}
strong, b{
	font-weight:700;
}

/*-------------------- CUSTOM CURSOR --------------------*/
.cursor-primary {
	position: fixed;
	width: 20px;
	height: 20px;
	cursor: default!important;
	pointer-events: none;
	background-color: #000;
	z-index: 99999999;
	 

}
.cursor-primary span{
	background: url(../img/cancel.svg);
	background-size: contain;
	height: 14px;
	width: 14px;
	display: block;
	transform: scale(0.5) translate( -7px, -7px ) rotateZ(0deg);
	transition: all 0.5s ease;
	opacity: 0;
	-webkit-filter: drop-shadow(0px 0px 3px #000000);
	filter: drop-shadow(0px 0px 3px #000000);
	 
}

.cursor-secondary {
	width: 35px;
	height: 35px;
	border: 2px solid #45a7ef;
	position: fixed;
	border-radius:50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	pointer-events: none;
	box-shadow: inset 0 0 2px 0px rgba(19,18,19,0.4);
	z-index: 99999999;
	will-change: top, left;
	 display: none;
}

.cursor-primary.animateCursor{
	background-color: transparent;
	border: 2px solid transparent;

}
.cursor-primary.animateCursor span{
	transform: scale(1) translate( -5px, -5px ) rotateZ(45deg);
	opacity: 1;
}

/*-------------------- PRELOADER --------------------*/
body.preloader-active{
	overflow: hidden;
}
.preloader{
	transform: rotate(-45deg);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
.ajax-loader {
	-moz-transition: ease-out 750ms;
	-o-transition: ease-out 750ms;
	-webkit-transition: ease-out 750ms;
	transition: ease-out 750ms;
	z-index: 50;
}
.ajax-loader .ajax-loader-logo {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
}
.ajax-loader .ajax-loader-circle {
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-moz-animation: ajaxLoaderSpin 1.4s linear infinite;
	-webkit-animation: ajaxLoaderSpin 1.4s linear infinite;
	animation: ajaxLoaderSpin 1.4s linear infinite;
}
.ajax-loader .ajax-loader-letters {
	color: #103054;
	font-size: 50px;
	line-height: 100px;
	font-weight: 700;
	text-align: center;
	text-shadow: 0 0 37px #45a7ef;
	font-family: 'Open Sans', 'Arial';
}
.ajax-loader .ajax-loader-circle .ajax-loader-circle-spinner {
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-moz-animation: ajaxLoaderDashSpin 1.4s ease-in-out infinite;
	-webkit-animation: ajaxLoaderDashSpin 1.4s ease-in-out infinite;
	animation: ajaxLoaderDashSpin 1.4s ease-in-out infinite;
}
.ajax-loader .ajax-loader-circle circle {
	-moz-animation: ajaxLoaderColors 5.6s ease-in-out infinite, ajaxLoaderDash 1.4s ease-in-out infinite;
	-webkit-animation: ajaxLoaderColors 5.6s ease-in-out infinite, ajaxLoaderDash 1.4s ease-in-out infinite;
	animation: ajaxLoaderColors 5.6s ease-in-out infinite, ajaxLoaderDash 1.4s ease-in-out infinite;
	stroke-dasharray: 1570;
	stroke-dashoffset: 392.5;
	stroke: #fff;
	stroke-width: 19;
	fill: none;
}

@-moz-keyframes ajaxLoaderSpin {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}
@-webkit-keyframes ajaxLoaderSpin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}
@keyframes ajaxLoaderSpin {
	0% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}
@-moz-keyframes ajaxLoaderColors {
	0% {
		stroke: #35ad0e;
	}
	25% {
		stroke: #d8ad44;
	}
	50% {
		stroke: #d00324;
	}
	75% {
		stroke: #dc00b8;
	}
	100% {
		stroke: #017efc;
	}
}
@-webkit-keyframes ajaxLoaderColors {
	0% {
		stroke: #35ad0e;
	}
	25% {
		stroke: #d8ad44;
	}
	50% {
		stroke: #d00324;
	}
	75% {
		stroke: #dc00b8;
	}
	100% {
		stroke: #017efc;
	}
}
@keyframes ajaxLoaderColors {
	0% {
		stroke: #35ad0e;
	}
	25% {
		stroke: #d8ad44;
	}
	50% {
		stroke: #d00324;
	}
	75% {
		stroke: #dc00b8;
	}
	100% {
		stroke: #017efc;
	}
}
@-moz-keyframes ajaxLoaderDash {
	0% {
		stroke-dashoffset: 1413;
	}
	50% {
		stroke-dashoffset: 392.5;
	}
	100% {
		stroke-dashoffset: 1413;
	}
}
@-webkit-keyframes ajaxLoaderDash {
	0% {
		stroke-dashoffset: 1413;
	}
	50% {
		stroke-dashoffset: 392.5;
	}
	100% {
		stroke-dashoffset: 1413;
	}
}
@keyframes ajaxLoaderDash {
	0% {
		stroke-dashoffset: 1413;
	}
	50% {
		stroke-dashoffset: 392.5;
	}
	100% {
		stroke-dashoffset: 1413;
	}
}
@-moz-keyframes ajaxLoaderDashSpin {
	50% {
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	100% {
		-moz-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}
@-webkit-keyframes ajaxLoaderDashSpin {
	50% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	100% {
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}
@keyframes ajaxLoaderDashSpin {
	50% {
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	100% {
		-moz-transform: rotate(450deg);
		-ms-transform: rotate(450deg);
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}
.ajax-loader, .ajax-loader .ajax-loader-circle, .ajax-loader .ajax-loader-circle .ajax-loader-circle-spinner, .ajax-loader .ajax-loader-circle circle, .ajax-loader .ajax-loader-letters {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}


.header .menu-box{
	padding: 15px;
	border: 1px solid  #ffffff;
}

.header-scroll .menu-box{
	padding: 15px;
	border: 1px solid  #0b3d52;
}


/*Compay history start */

/* #company-history {
    background: url("../images/company3.png")  50% 0 fixed;
} */

#company-history h2,
#company-history p {
    color: #ffffff;
}

#company-history .company-p {
    margin-bottom: 40px;
}

#company-history .timline-year {
    background: #dddddd;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    clear: both;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#company-history .timline-year h3 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}


.no-float {
    float: none !important;
}

.preloader-active .preloader-cover{
	height: 4000px;
	transform: translate(-50%,-50%) rotate(45deg);
}
.preloader-cover{
	height: 0;
	width: 4000px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	background: #131213;
	position: fixed;
	z-index: 999;
	overflow: hidden;
	transition: .8s cubic-bezier(0.65, 0.05, 0.36, 1) .3s;
	overflow: hidden;
	will-change: top, left;
}
.envtext{
	font-weight: 400;
	line-height: 1.5;
	font-family: sans-serif;
}
.envlist{
	list-style-type: circle;
}
.envtable{
	width: 100%;
}
.envdata{
	/* border-right: 2px solid black; */
	width: 49%;

}
.envdata1{
	
}
.envhead{
	/* border-right: 2px solid black; */
	width: 49%;
}



.ptb-100 {

padding-bottom: 100px;
}
.about-wrap.style1 .about-img-wrap {
position: relative;
}
.about-wrap.style1 .about-img-wrap .abouut-shape-1 {
position: absolute;
top: -30px;
left: 50%;
z-index: -1;
max-width: 120px;
}
.about-wrap.style1 .about-img-wrap .abouut-shape-2 {
position: absolute;
top: 50%;
left: -120px;
z-index: -1;
max-width: 140px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.about-wrap.style1 .about-img-wrap .abouut-shape-3 {
position: absolute;
bottom: -170px;
left: 50%;
z-index: -1;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.about-wrap.style1 .about-img-wrap .about-bg-1 {
width: 330px;
height: 520px;
}
.about-bg-1 {
border-radius: 25px;
background-image: url("../images/pexels-justus-menke-5214145.jpg");
height: 500px;


animation: backInLeft; 
animation-duration: 7s;
}
.bg-f {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: #ddd;
}
.about-wrap.style1 .about-img-wrap .about-bg-2 {
width: 420px;
height: 320px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.about-bg-2 {
border-radius: 25px;
background-image: url("../images/climate-change-g6cb97cbac_1920.jpg");
height: 300px;

}
.section-title, .content-title {
position: relative;
}
.section-title.style2 span, .content-title.style2 span {

font-weight: 600;
position: relative;
}
.section-title span, .content-title span {
display: block;
font-size: 16px;
font-weight: 600;
line-height: 1;
margin: 0 0 12px;
padding-bottom: 17px;
position: relative;
}
.section-title span img:first-child, .content-title span img:first-child {
margin-right: 5px
px
;
}
.section-title span img:last-child, .content-title span img:last-child {
margin-left: 5px;
}
.section-title.style2 span:after, .content-title.style2 span:after {
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.section-title span:after, .content-title span:after {
position: absolute;
bottom: 0;
content: "";

width: 28px;
height: 2px;
}
.section-title h2, .content-title h2 {
font-size: 40px;
line-height: 1.4;
font-weight: 700;
margin: 0;
}
.about-wrap.style1 .about-content p {
margin: 0 0 30px;
}
/* p {
font-size: 16px;
line-height: 26px;
color: #545454;
} */

.second{
border-radius: 25px;
background-image: url("../images/pexels-greta-hoffman-7728082.jpg");
margin-right: 200px;


}
.second1{
border-radius: 25px;
background-image: url("../images/pexels-greta-hoffman-7728080.jpg");
margin-left: 340px;


animation: backInRight; 
animation-duration: 7s;
}

.header-two{
padding: 10px 0;
background: #fff;
/* background: #337ab7; */
border-color: rgba(69,167,239,.7);
}

.header-two .nav-list li a {
font-weight: 700;
letter-spacing: 0.05em;
position: relative;
text-transform: uppercase;
line-height: 19px;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
transition: all 0.3s ease;
color: #0b3d52!important;
}

.header-two .menu-box {
padding: 15px;
border: 1px solid #0b3d52;
}

.header-two .header-icon li .icon {
color: #0b3d52;
/* color: white; */
padding: 0 10px;
font-size: 18px;
line-height: 21px;
position: relative;
font-weight: 700;
}

.header-two .header-icon li .icon {
color: #0b3d52!important;
padding: 0 10px;
font-size: 18px;
line-height: 21px;
position: relative;
font-weight: 700;
}