#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}
#top-menu li a:before {
content: "";
position: absolute;
z-index: -2;
left: 0;
right: 100%;
bottom: 50%;
background: #15bf86; height: 3px; -webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#top-menu li a:hover {
opacity: 1 !important;
}
#top-menu li a:hover:before {
right: 0;
}
#top-menu li li a:before {
bottom: 10%;
}   #et-main-area { overflow: hidden;} .big-triangle:after,.big-triangle:before {
content:'';
position:absolute;
bottom:0;
width:50%;
z-index:100;
border-bottom:50px solid #72b75b;
-moz-transform:rotate(0.000001deg);
-webkit-transform:rotate(0.000001deg);
-o-transform:rotate(0.000001deg);
-ms-transform:rotate(0.000001deg);
transform:rotate(0.000001deg);}
.big-triangle:before{
right:50%;
border-right:1000px solid transparent;
border-left:1000px solid;}
.big-triangle:after{
left:50%;
border-left:1000px solid transparent;
border-right:1000px solid;} .ds-hover-1 {
display: inline-block;
position: relative;
margin: 0px;
overflow: hidden;
background: #000;
}
.ds-hover-1 img {
display: block;
max-width: 100%;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.ds-hover-1:hover img {
opacity: 0.5;
}
.ds-hover-1::after {
content: attr(ds-title);
position: absolute;
height: 12%;
color: #fff;
z-index: 1;
top: 0;
width: 90%;
background: rgba(0,0,0,0.5);
font-weight: 300;
font-size: 40px;
text-transform: uppercase;
padding: 5%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out; 
-moz-transition: -moz-transform 0.3s ease-in-out; 
transition: transform 0.3s ease-in-out; 
}
.ds-hover-1::before {
content: attr(ds-desc);
position: absolute;
height: 100%;
color: #fff;
z-index: 1;
top: 27%;
width: initial;
background: rgba(255,102,0,0.5);
font-size: 16px;
padding: 2% 5% 5% 5%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out; 
-moz-transition: -moz-transform 0.3s ease-in-out; 
transition: transform 0.3s ease-in-out; 
}
.ds-hover-1:hover::after,
.ds-hover-1:hover::before {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}