.wpb_wrapper {
  /*height: 100% !important;
  overflow: hidden !important;*/
}

.animation-body{
    padding-top:0px !important;
    padding-bottom:0px !important;
    background-color: #ffd32b;
    -webkit-animation: random 45s infinite;
     animation: random 30s infinite !important;
}
.section-1 { 
    background-color: #fff;
    /*background-color: #ffd32b;
    -webkit-animation: random 45s infinite !important;
     animation: random 30s infinite !important;*/
}
.animation-body div:first{ 
    height:100% !important;
}

@keyframes  random {
    1% { background-color: #bdbc00; } 
    15% { background-color: #9fd9ed; } 
    30% { background-color: #d9c2de; } 
    45% { background-color: #e4c9c2; } 
    60% { background-color: #b0d9b7; }
    75% { background-color: #f8d186; }  
    90% { background-color: #c0c0c0; }  
}

.box {
    font-family: Futura !important;
    /*align-self: flex-end;*/
    animation-duration: 4s;
    animation-iteration-count: infinite;
    /*height: 200px;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
    width: 200px;*/
}
.bounce-3 {
    animation-name: bounce-3;
    animation-timing-function: ease;
}
@keyframes bounce-3 {
    0%   { transform: translateY(0); }
    30%  { transform: translateY(-50px); }
    50%  { transform: translateY(0); }
    100% { transform: translateY(0); }
}

section {
	height: 625px;
	width: 100%;
	position: inherit;
	overflow: hidden;
}

.slider-1,
.slider-2,
.slider-3,
.slider-4,
.slider-5,
.slider-6 {
	position: relative;
	top: -60%;
    left: 4%;
}



.slider-1 p,
.slider-2 p,
.slider-3 p,
.slider-4 p,
.slider-5 p,
.slider-6 p {
	font-size: 34px;
    color: #fff;
    line-height: 28px;
    font-weight: 700;
}

.txt-highlight {
	color: #000;
}

.s-2-anim, .s-3-anim, .s-4-anim, .s-5-anim, .s-6-anim {
	font-size: 25px;
	font-weight: 500;
	color: #fff;
   	transform: translate(97%, -300px) rotate(-90deg);
    transform-origin: top left;
    transition: all 2s ease;
}

.s-2-anim.active, .s-3-anim.active, .s-4-anim.active,
.s-5-anim.active, .s-6-anim.active {
	transform: translate(4%, -370px) rotate(0deg);
}





.slider-7 h3,
.slider-8 h3,
.slider-9 h3 {
	font-size: 20px;
	color: #fff;
	text-align: center;
	position: relative;
	transform: translate(0%, 400px) rotate(0deg);
    transform-origin: top left;
    transition: all 2.1s ease;
}

.slider-7 h3 {
	transform: translate(-20%, 440px) rotate(0deg);
}

.slider-9 h3 {
	transform: translate(20%, 360px) rotate(0deg);
}
.logo-text {
	text-align: center;
    top: -310px;
    position: relative;
}
.logo-text img {
	width: 420px;
}
.scroll-icon {
    text-align: center;
    top: -190px;
    position: relative;
}
.scroll-icon img {
    width: 40px;
}


/*logo animation css */
.logo-div {
	display: flex;
	align-items: center;
	justify-content: center;

	height: 100%;
    width: 100%;
    position: relative;
}

.logo-div .logo-wrapp {
	width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.logo-div .logo-wrapp.top {
    transition: all 2.1s ease;
    transform: translate(42%, -50%);
}

.logo-div .logo-wrapp img {
	position: relative;
	display: block;
	position: relative;
	transition: all 2.1s ease;
}

.logo-div .logo-wrapp img.part1 {
	top: 16px;
    left: 16px;
}
.logo-div .logo-wrapp.active img.part1 {
	transform: translate(-564%, -140%);
}

.logo-div .logo-wrapp img.part2 {
	top: 16px;
    right: 16px;	
}
.logo-div .logo-wrapp.active img.part2 {
	transform: translate(564%, -140%); 
}

.logo-div .logo-wrapp img.part3 {
	bottom: 16px;
    left: 16px;
}
.logo-div .logo-wrapp.active img.part3 {
	transform: translate(-564%, 140%);
}

.logo-div .logo-wrapp img.part4 {
	bottom: 16px;
    right: 16px;
}
.logo-div .logo-wrapp.active img.part4 {
	transform: translate(564%, 140%);
}


/* test */


.link-btn {
	display: inline-block;
	width: 100%;
}
.svg-wrapper {
	width: 100%;
}
.circle {
	height: 166px;
	width: 166px;
}
.slider-7.svg-wrapper {
  transform: translate(30%, -290px) rotate(0deg);
}
.slider-8.svg-wrapper {
  transform: translate(50%, -465px) rotate(0deg);
}
.slider-9.svg-wrapper {
  transform: translate(70%, -642px) rotate(0deg);
}
.text {
  /*font-family: 'Roboto Condensed';*/
  font-size: 21px;
  line-height: 164px;
  letter-spacing: 4px;
  height:164px;
  color: #fff;
  top: 0;
  position: absolute;
  left: 0%;
  width:164px;
  text-align: center;
}
.shape {
  stroke-dasharray: 0 540;
  stroke-dashoffset: -474;
  stroke-width: 6px;
  stroke: #ffffff;
  border-radius: 100%;
  transition: stroke-width 2s, stroke-dashoffset 2s, stroke-dasharray 2s;
}

.shape.active {
  stroke-width: 5px;
  stroke-dashoffset: 0;
  stroke-dasharray: 760;
  border-radius: 100%;
}

.left-grid .left-grid-title {
    background: #fff;
    padding: 7px;
    color: #000 !important;
    text-align: left;
    font-size: 18px;
    border-radius: 8px 8px 0px 0px;
    /*width: 670px;*/
}

.left-grid .left-side-grid {
    /*border: 20px solid #fff;*/
    /*width: 640px;
    height: 450px;*/
    border-radius: 0px 0px 8px 8px;
    /* height: 80vh;*/
    /*width: 670px;*/
}


.wonderplugin-gridgallery-item .wonderplugin-gridgallery-item-1 {
    height:320px !important;
}
.wonderplugin-gridgallery-item .wonderplugin-gridgallery-item-4 {
    height:320px !important;
}

#wonderplugingridgallery-1 .wonderplugin-gridgallery-item-text {
    background-color:#9fd9ede6;
}

.left-grid.wpb_animate_when_almost_visible {
    position: relative;
    /*left: 42px;*/
    z-index: 9;
    padding: 0px 20px 0px 40px;
}
.right-grid.wpb_animate_when_almost_visible {
    position: relative;
   /* right: 42px;*/
    vertical-align: middle !important;
    padding: 0px 40px 0px 20px;
}
.wonderplugin-gridgallery-item-container {
    background: #BDBC00 !important;
    outline: none;
    border-color: #9ecaed;
    box-shadow: 1px 5px 10px #ffffff;
    /*border: 2px solid #fff;*/
    /*box-shadow: inset 0 0 50px #fff, inset 20px 0 30px #f0f, inset -20px 0 80px #BDBC00, inset 20px 0 200px #f0f, inset -20px 0 300px #BDBC00, 0 0 50px #fff, -10px 0 80px #f0f, 10px 0 80px #BDBC00;*/
    /*box-shadow: inset 0 0 2px #fff, inset 1px 0 1px #fff, inset 0px 0 3px #fff, inset 1px 0 1px #fff, inset 1px 0 16px #fff, 0 0 1px #fff, 1px 0 1px #fff, 1px 0 1px #fff;*/
}
.esg-overflowtrick {
    background: #fff !important;
}
.vc_custom_1594913823955 {
    background-size: cover !important;
}

.eg-washington-element-3 {
    transform-origin: 50% 100% !important;
    transform-style: flat !important;
    opacity: 1 !important;
    visibility: inherit !important;
}
.mkdf-portfolio-single-holder .mkdf-ps-info-holder .mkdf-ps-info-title {
    color: #3600d2;
    margin: 0;
    font-size: 12px;
    font-weight:600;
} 
.mkdf-portfolio-single-holder .mkdf-ps-info-holder .mkdf-ps-info-item a, .mkdf-portfolio-single-holder .mkdf-ps-info-holder .mkdf-ps-info-item p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .125em;
    text-transform: uppercase;
        margin: 0px 0px 10px 0px;
}
.mkdf-portfolio-single-holder.mkdf-ps-small-slider-layout .mkdf-ps-image-holder .mkdf-ps-image-inner {
    visibility:unset !important;
}
.mkdf-ps-info-holder, .mkdf-ps-info-holder .mkdf-ps-info-title {
    font-family: Futura, Trebuchet MS, Arial, sans-serif !important;
}
.mkdf-ps-info-holder .mkdf-ps-info-item.mkdf-ps-date {
    margin-top:10px !important;
}
.mkdf-portfolio-single-holder .mkdf-ps-info-holder h4 {
    font-size: 24px;
}
.mkdf-container-inner h4{
    font-size: 24px;
    font-family: Futura, Trebuchet MS, Arial, sans-serif !important;
}

.highlight-txt {
    color:#BDBC00;
}
.left-grid-title .wpb_wrapper {
    display: inline-flex;
}
.esg-overlay.esg-transition.eg-washington-container{
   opacity: 1; visibility: inherit; transform-style: flat; 
}

.wonderplugin-gridgallery-list .wonderplugin-gridgallery-item-text {
    background-color: rgba(51, 51, 51, 0) !important;
    bottom: 8px !important;
    display: block !important;
}
.wonderplugin-gridgallery-list .wonderplugin-gridgallery-item-title {
    font-size: 13px !important;
    text-shadow: 0px 1px 2px #272727 !important;
}