.wpb_wrapper { }
.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; }
.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; animation-duration: 4s;
animation-iteration-count: infinite; }
.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-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%);
} .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-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; }
.left-grid .left-side-grid {  border-radius: 0px 0px 8px 8px;  }
.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; z-index: 9;
padding: 0px 20px 0px 40px;
}
.right-grid.wpb_animate_when_almost_visible {
position: relative; 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;   }
.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;
}