/*

 Theme Name:   Divi Child Theme

 Description:  Divi Child is child theme of Divi

 Author:       Divi

 Template:     Divi

 Version:      1.0.0

*/



/*######### custom css #########*/

/*------fonts---------*/

@font-face {

	font-family: 'ZodiacSans';

	src: url(fonts/ZodiacSans.otf);

	src: url(fonts/ZodiacSans.eot) format("embedded-opentype"), 

	url(fonts/ZodiacSans.woff2) format("woff2"), 

	url(fonts/ZodiacSans.woff) format("woff"), 

	url(fonts/ZodiacSans.ttf) format("truetype"), 

	url(fonts/ZodiacSans.svg#ZodiacSans) format("svg")

}

/*------/fonts---------*/

body{

	font-weight: 400;

}

h1,h2,h3,h4,h5,h6{

	font-family: 'ZodiacSans';

	color: #000000;

	text-transform: uppercase;

}

h2{

	font-size: 55px!important;

}
h3{
  font-size: 40px;
}
a{
    transition: all 300ms ease 0ms;
}
.home-banner h1{

	font-size: 70px;
  line-height: 1.3em;

}
.home-banner section{
  height: 100vh;
  display: flex;
  margin-top: -60px;
}

.home-banner .et_pb_fullwidth_header_subhead{

	font-size: 30px;

  text-transform: uppercase;

}
.et_pb_fullscreen .et_pb_fullwidth_header_container{
	width: 100%;
}

.dp-grn{

	color: #00573a;

	font-weight: 600;

}

.lgt-grn{

	color: #86bc25;

	font-weight: 600;

}

.blk-color{

	color: #000000;

}

.big-text{

	font-size: 22px;

}

.xl-text{

	font-size: 26px;

}
.tagline{
    font-size: 22px;
    padding-bottom: 5px;
}
.highlighted-text{

	background: #86bc25;

    display: inline-block;

    padding: 10px 20px;

    color: #00573a;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.thank-text{

	font-size: 100px!important;

    color: #00573a;

    text-shadow: -2px 4px 0px #ffffff;

}
/*------button-------*/
.et_button_no_icon .et_pb_button{
    background: #00573a;
    color: #fff;
    border-radius: 0;
    font-family: 'ZodiacSans';
    text-transform: uppercase;
    padding: 12px 30px!important;
    border: none!important;
}
.et_button_no_icon .et_pb_button:hover{
  background: #000;
  padding: 12px 30px!important;
}
/*------/button-----*/
.flex-content{

    display: flex;

    align-items: center;

    margin-bottom: 10px;

    color: #00573a;

    font-weight: 600;

}

.flex-content:last-child{

    margin-bottom: 0;

}

.flex-content i{

    margin-right: 20px;

    color: #86bc25;

    background: #00573a;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 0px 10px;

}

.flex-content a{

	color: #00573a;

}

.align-top{

    align-items: start;

}
.custom-vertical-align{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.grn-lg-row-grid .et_pb_column:first-child{
	width: 43%;
    padding: 16% 5% 16% 10%;
    margin-right: 0;

}
.grn-lg-row-grid .et_pb_column{
	width: 57%;
    padding: 0 10% 0 5%;

}
.grn-md-row-grid .et_pb_column:first-child{
	width: 35%;
    padding: 16% 5% 16% 10%;
    margin-right: 0;

}
.grn-md-row-grid .et_pb_column{
	width: 65%;
    padding: 0 10% 0 5%;

}
.grn-sm-row-grid .et_pb_column:first-child{
	width: 30%;
    padding: 16% 5% 16% 10%;
    margin-right: 0;

}
.grn-sm-row-grid .et_pb_column{
	width: 70%;
    padding: 0 10% 0 5%;

}
.fullwidth-slider-row .uk-text-center{
	text-align: left!important;
}
.fullwidth-slider-row .et_pb_column:nth-child(2){
	padding: 0 10% 0 5%;
}
.white-patch-row{
	overflow: hidden;
}
.white-patch-row .et_pb_column:first-child{
	padding: 10% 5% 10% 10%;
    margin-right: 0;
}
.white-patch-row .et_pb_column{
	padding: 0 10% 0 0%;
}
.white-patch{
	background: #fff;
    height: 100vw;
    width: 30vw;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto!important;
    transform: rotate(25deg);
}
.number-count{
	background: #86bc25;
    display: inline-block;
    color: #fff;
    font-size: 35px;
    padding: 30px 25px;
    height: 125px;
    font-family: 'ZodiacSans';
    position: relative;
    margin-bottom: 20px;
}
.number-count:before{
	content: "";
    width: 200px;
    height: 7px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0px 3px 7px 3px rgb(0 0 0 / 15%);
    border-radius: 50%;
    margin-left: -50px;
    background: rgb(0 0 0 / 10%);
}
.number-count:after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -53px;
    border-width: 53px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}
/*---------glitch effect---------*/
.stack {
  display: grid;
  grid-template-columns: 1fr;
}

.stack span {
  font-weight: bold;
  grid-row-start: 1;
  grid-column-start: 1;
  font-size: 4rem;
  --stack-height: calc(100% / var(--stacks) - 1px);
  --inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
  --clip-top: calc(var(--stack-height) * var(--index));
  --clip-bottom: calc(var(--stack-height) * var(--inverse-index));
  clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
  animation: stack 340ms cubic-bezier(.46,.29,0,1.24) 1 backwards calc(var(--index) * 120ms), glitch 2s ease infinite 2s alternate-reverse;
}

.stack span:nth-child(odd) { --glitch-translate: 8px; }
.stack span:nth-child(even) { --glitch-translate: -8px; }

@keyframes stack {
  0% {
    opacity: 0;
    transform: translateX(-50%);
    text-shadow: -2px 3px 0 red, 2px -3px 0 blue;
  };
  60% {
    opacity: 0.5;
    transform: translateX(50%);
  }
  80% {
    transform: none;
    opacity: 1;
    text-shadow: 2px -3px 0 red, -2px 3px 0 blue;
  }
  100% {
    text-shadow: none;
  }
}

@keyframes glitch {
  0% {
    text-shadow: -2px 3px 0 red, 2px -3px 0 blue;
    transform: translate(var(--glitch-translate));
  }
  2% {
    text-shadow: 2px -3px 0 red, -2px 3px 0 blue;
  }
  4%, 100% {  text-shadow: none; transform: none; }
}
/*---------/glitch effect---------*/
.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none;
}
#footer-info{
    width: 100%;
    text-align: center;
    color: rgb(255 255 255 / 80%);
}
.green-map .uk-h3{
    font-family: 'ZodiacSans';
    margin-bottom: 0;
}
.green-map .uk-margin{
  margin-top: 0!important;
}
.green-map .uk-card-body {
    padding: 30px 30px;
}
.green-map .uk-icon:before{
  content: "\f3c5";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.green-map svg{
  display: none;
}
.green-map .uk-light .uk-marker{
    background: transparent;
    color: #fff!important;
}
.fix-btn-wrapper{
    position: fixed;
    top: 50%;
    right: -58px;
    z-index: 1;
    background: #86bc25;
    /* color: #86bc25; */
    font-family: 'ZodiacSans';
    padding: 10px 30px;
    border: 2px solid #ffffff;
    /* box-shadow: 0px 0px 3px 1px #00000047; */
    transform: rotate(90deg);
    text-transform: uppercase;
    transition: all 300ms ease 0ms;
}
.fix-btn-wrapper:hover{
  background: #00573a;
}
.fix-btn-wrapper a{
    color: #ffffff;
}
.fix-social-btn-wrapper{
    position: fixed;
    top: 42%;
    left: 0;
    z-index: 1;
}
.fix-social-btn-wrapper .fix-btn{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.social-btn-wrapper{
    display: flex;
}
.social-btn-wrapper .fix-btn{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-right: 15px;
    border-radius: 5px;
    background: #00573a;
    box-shadow: 2px 2px 2px 0px;
    transition: all 300ms ease 0ms;
}
.social-btn-wrapper .fix-btn:hover{
  box-shadow: none;
}
.fb-fix-btn{
  background: #3c589a;
}
.twitter-fix-btn{
  background: #55acee;
}
.insta-fix-btn{
  background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
}
.youtube-fix-btn{
  background: #ff0000;
}
#chartdiv { 
  margin: -.5em auto; 
  text-align:center; 
  width: 90%; 
  height: 390px 
}
#chartdiv g[cursor="pointer"]{
  display: none;
}
/*-------media query-------*/
@media(max-width: 980px){
	.grn-lg-row-grid .et_pb_column,.grn-md-row-grid .et_pb_column,.grn-sm-row-grid .et_pb_column{
		width: 100%!important;
		padding: 5% 10% 5% 10%;
	}
	.grn-lg-row-grid .et_pb_column:first-child,.grn-md-row-grid .et_pb_column:first-child,.grn-sm-row-grid .et_pb_column:first-child{
		padding: 16% 10% 16% 10%;
	}
	.fullwidth-slider-row .et_pb_column:nth-child(2) {
	    padding: 0 10% 0 10%;
	}
	.white-patch{
		display: none;
	}
	.white-patch-row .et_pb_column:first-child{
		padding: 10% 10% 0% 10%;
	}
	.white-patch-row .et_pb_column {
	    padding: 0 10% 0 10%;
	}
}
@media(max-width: 767px){
	.home-banner h1 {
	    font-size: 50px;
	}
  h2{
    font-size: 45px!important;
  }
  h3{
    font-size: 30px;
  }
	.thank-text{
		font-size: 80px!important;
	}
  .et_pb_slide_image, .et_pb_slide_video{
    display: block!important;
  }
  .uk-scope .uk-visible\@s {
      display: block!important;
  }
  .green-map svg{
      width: 2.5vw;
  }
  .green-map .uk-hidden\@s {
      display: none!important;
  }
}