.et_pb_newsletter_form p input {
    font-size: 20px;
    font-family: 'Open Sans Condensed Sans-serif' !important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #ffffff !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

.et_pb_sidebar_2.et_pb_widget_area, .et_pb_sidebar_2.et_pb_widget_area li, .et_pb_sidebar_2.et_pb_widget_area li:before, .et_pb_sidebar_2.et_pb_widget_area a {
    font-size: 14px !important;
    color: #ffffff!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: 500;
    color: #659e50 !important;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #7db35a !important;
    border: 1px solid #659e59;
    color: #ffffff;
}

.drop_menu ul {
right: 0px !important;
}

/* NO GAP BETWEEN MODULES
------------------------- */
.no-gap .et_pb_column_1_2 {
    margin-right: 0;
    width: 540px;
    }
.no-gap .et_pb_column_1_3 {
    margin-right: 0;
    width: 360px;
    }
.no-gap .et_pb_column_1_4 {
    margin-right: 0;
    width: 270px;
    }

@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    .my-slider, .my-slider .et_pb_container { 
        height: 425px !important; 
    }
    .my-slider, .my-slider .et_pb_slide { 
        max-height: 425px !important; 
    }
    .my-slider .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}

@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    /*---Left---*/
    .my-slider-left, .my-slider-left .et_pb_container { 
        height: 425px !important; 
        float: left !important; /*move the slider text container to the left*/

   }
    .my-slider-left, .my-slider-left .et_pb_slide { 
        max-height: 425px; 
       text-align: left !important; /*align the slider text to the left*/
       padding: 35% 8%; /*adjust the padding around the slider text container, this will help you to control the 
      height of your slides. You can remove this if you want the default height*/
    }

    .my-slider-left .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }

    .my-slider-left.et_pb_slider .et_pb_button {
        float: left !important;  /*move the button to the left*/
    }
}

    /*---Left---*/
    .my-slider-left.et_pb_slider .et_pb_container {
        float: left !important; /*move the slider text container to the left*/
    }
    .my-slider-left .et_pb_slide_description  {
    text-align: left !important; /*align the slider text to the left*/
    padding: 35% 8%; /*adjust the padding around the slider text container, this will help you to control the 
    height of your slides. You can remove this if you want the default height*/
    }
    .my-slider-left.et_pb_slider .et_pb_button {
        float: left !important;  /*move the button to the left*/
    }

/*---Left---*/
    .ds-slider-left.et_pb_slider .et_pb_container {
        float: left !important; /*move the slider text container to the left*/
    }
    .ds-slider-left .et_pb_slide_description  {
    text-align: left !important; /*align the slider text to the left*/
    padding-left: 3 !important; 
    padding: 10% 2%; /*adjust the padding around the slider text container, this will help you to control the 
    height of your slides. You can remove this if you want the default height*/
    }
    
     .ds-slider-left.et_pb_slider .et_pb_button {
        float: left !important;  /*move the button to the left*/
    }

/* Rounded center split and bottom rounded */
    .roundedsplit::before,
    .roundedsplit::after {
        position: absolute;
        content: '';
        pointer-events: none;}
    .roundedsplit {
        border-radius: 0 0 80px 80px;}
    .roundedsplit::before,
    .roundedsplit::after {
        top: -70px;
        left: 0;
        z-index: 10;
        width: 50%;
        height: 70px;
        background: inherit;}
    .roundedsplit::before {
        border-radius: 0 80px 0 0;}
    .roundedsplit::after {
        left: 50%;
        border-radius: 80px 0 0 0;}

.fullwidth-cta, .fullwidth-cta .arrow {
}

.fullwidth-cta:hover {
 background: #90BF55 !important;
 -webkit-transition: all 0.2s  !important;
 -moz-transition: all 0.2s  !important;
 -transition: all 0.2s  !important;
}

.fullwidth-cta:hover .arrow {
 padding-left: 5px;
}

ul.et_pb_side_nav {
 top: 50%;
 right: 0.25%;
 width: auto;
 padding: 5px;
 -webkit-border-top-left-radius: 7px;
 -moz-border-radius-topleft: 7px;
 border-top-left-radius: 7px;
 -webkit-border-bottom-left-radius: 7px;
 -moz-border-radius-bottomleft: 7px;
 border-bottom-left-radius: 7px;
 -webkit-border-top-right-radius: 7px;
 -moz-border-radius-topright: 7px;
 border-top-right-radius: 7px;
 -webkit-border-bottom-right-radius: 7px;
 -moz-border-radius-bottomright: 7px;
 border-bottom-right-radius: 7px;
 opacity: 0;
background: rgba(125,181,58,0.95);
}
 
ul.et_pb_side_nav li.side_nav_item {
 padding: 10px;
}
 
ul.et_pb_side_nav .side_nav_item a {
 width: 10px;
 height: 10px;
 margin-right: 0px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 background-color: rgba(255,255,255,0.29);
}
 
ul.et_pb_side_nav.et-visible {
 opacity: 1;
 -webkit-animation: fadeBottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
 -moz-animation: fadeBottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
 -o-animation: fadeBottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
 animation: fadeBottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
 
ul.et_pb_side_nav .side_nav_item a.active,
ul.et_pb_side_nav .side_nav_item a:hover {
 background-color: rgba(34,172,214,0.4) !important;
 border: 1px solid #fff;
 transition: background-color 0.6s ease;
}

#top-menu li li a
{
width: 188px !important;
margin: 2px 7px;
padding: 5px 9px;
background-color: rgba(125,181,58,0.75) !important;  
font-color: #fff !important;  
}

/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/

*/
.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
color: #fff !important;
border: 1px solid #fff;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #fff;
color: #015b2e !important;  
}
.wp-pagenavi span.current {
font-weight: bold;
color: #015b2e !important;
}

/*------------------------------------------------*/
/*-------[CUSTOM WIDGET SEARCH AND TITLES]--------*/
/*-------------[BY GENO QUIROZ]-------------------*/
/*------------------------------------------------*/
 
/*————————————————*/
/*——-[CUSTOM WIDGET SEARCH AND TITLES]——–*/
/*————-[BY GENO QUIROZ]——————-*/
/*————————————————*/
/* option 2 */
.option-2 .widgettitle {
background: #7DB53A !important;
color: #fff;
font-size: 15px;
text-transform: uppercase;
height: 40px;
line-height: 40px;
padding: 0 25px;
width: 100%;
border: 0;
margin-bottom: 28px;}

/* sidebar search bar */
.option-2 .widget_search #searchsubmit {background-color: #7DB53A;}
.option-2 .widget_search input#searchsubmit {color: #fff;}
.option-2 .widget_search input#s {border: 1px solid #7DB53A;} 
  
/*—————- DOTS LIST —————————————–*/
.dots-list {
width: 100%;
}
 
.dots-list ol {
padding-left: 50px;
position: relative;
margin-bottom: 20px;
list-style: none !important;
}
 
.dots-list ol li {
position: relative;
margin-top: 0em;
margin-bottom: 20px;
}
 
.dots-list ol li .number_divider {
position: absolute;
left: -50px;
font-weight: 400;
font-size: 3em;
top: -10px;
}
 
.dots-list ol li:before {
content: "";
background: #7DB53A;
position: absolute;
width: 2px;
top: 1px;
bottom: -21px;
left: -24px;
}
 
.dots-list ol li:after {
content: "";
background: #7DB53A;
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
top: 1px;
left: -31px;
}
 
.dots-list ol li:last-child:before {
content: "";
background: #ffffff;
}
 
/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
    display: none;
}
 
/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 60px;
         column-gap: 60px;
}
 
.archive .et_pb_post > a,
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #7DB53A;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
}
 
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
    font-size: 18px;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio{
    padding: 0;
}
 
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
 
.archive .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}
 
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
 
.archive .pagination,
.search .pagination {
    padding: 20px 0;
}
 
/*
* Media Queries
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 2;
            column-count: 2;
        -moz-column-gap: 60px;
            column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 1;
            column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}

/* Hide the menu until it is resized */
#et-top-navigation { display:none; }

/* Centered layout */
@media only screen and (min-width:1100px) { 
	.et_header_style_centered #top-menu { max-width:980px; }
}
@media only screen and (max-width:1099px) { 
	.et_header_style_centered #top-menu { max-width:860px; }
} 
.et_header_style_centered #et-top-navigation{display:block !important}

.et_header_style_split #top-menu-nav {
margin-left:  80px;
}

/*------------------------------------------------*/
/*----[DECREASE LEFT MARGIN ON SUB-COMMENTS]------*/
/*-------------[ BY GENO QUIROZ ]-----------------*/
/*------------------------------------------------*/
 
    .comment .children {margin-left: 50px;}

/* transition delay */
    .image-transition-delay img {
            max-width: 250px;
            border: 10px solid #26da20;
            border-radius: 150px;
            -webkit-filter: grayscale(100%) blur(2px);
            filter: grayscale(100%) blur(2px);
        transition: 0.8s;
        -moz-transition: 0.8s;
        -webkit-transition: 0.8s;}
 
   
/* rounded corners */
    /* rounded corners */
    .image-round img {
            max-width: 200px;
                        border-radius: 400px;}

    /*---Left---*/
    .ds-slider-left.et_pb_slider .et_pb_container {
        float: left !important; /*move the slider text container to the left*/
    }
    .ds-slider-left .et_pb_slide_description  {
    	text-align: left !important; /*align the slider text to the left*/
    	padding: 35% 8%; /*adjust the padding around the slider text container, this will help you to control the 
    	height of your slides. You can remove this if you want the default height*/
    }
    .ds-slider-left.et_pb_slider .et_pb_button {
        float: left !important;  /*move the button to the left*/
    }

/*Back to top button styling*/

/*This section adds the image*/
.et_pb_scroll_top:before { 
content: url("http://clinicalsupervision.org.au/wp-content/uploads/2016/07/ACSAiconsml.png") !important; 
}

/*This section changes the shape to a circle and moves the button in from the edge of the screen*/
.et_pb_scroll_top.et-pb-icon {
padding: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border:2px solid #7DB53A;  
background: rgba(255,255,255,0);
right: 20px;
}

/* Round images */
.circular img {
 border-radius: 50%;
}

/* Remove Line Below Divi Menu */
    #main-header{ box-shadow:none !important; }

/* Footer Columns - Centered */
 
.footer-widget { margin-right: 0; text-align:center;}
.footer-widget:nth-child(1) { width: 33%; padding-right:5px;}
.footer-widget:nth-child(2) { width: 33%; padding-right:5px;}
.footer-widget:nth-child(3) { width: 33%; margin-right:0;}
.footer-widget+.last{display:none;}
 
@media only screen and (max-width: 980px){
.footer-widget:nth-child(1) { width: 33%; padding-right:5px;}
.footer-widget:nth-child(2) { width: 33%; padding-right:5px;}
.footer-widget:nth-child(3) { width: 33%; margin-right:0;}}
 
@media only screen and ( max-width: 767px ) {
.footer-widget:nth-child(1) { width: 100%; padding-right:5px;}
.footer-widget:nth-child(2) { width: 100%; padding-right:5px;}
.footer-widget:nth-child(3) { width: 100%; margin-right:0;}}

#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons { margin-bottom:-28px; } 
}

/* Remove Sidebar Line */
  @media (min-width: 981px) {
    #main-content .container:before { background: none; }
  }
  .et_pb_widget_area {
    border: none !important;
  }

#main-header{
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
}

 /*-----Shutter Effect-----*/

.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(34,172,214,0.5);
font-weight: 500;
font-size: 16px;
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(144,191,85,0.5);
font-size: 12px;
line-height: 1.5;  
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%);
}

.border-hover .et_pb_column {
 overflow: hidden;
 position: relative;
}
 
.border-hover .et_pb_column img {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
 
.border-hover .et_pb_column:hover img {
 transform: scale(1.1);
}
 
.border-hover .et_pb_column:hover .et_pb_image:after {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(144,191,85,0.7);
 content: '';
}
 
.border-hover .et_pb_column .et_pb_promo_description:before {
 top: 30px;
 right: 30px;
 bottom: 30px;
 left: 30px;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff; 
 -webkit-transform: scale(0,1);
 transform: scale(0,1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.35s,
 -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}
 
.border-hover .et_pb_column .et_pb_promo_description:after {
 top: 30px;
 right: 30px;
 bottom: 30px;
 left: 30px;
 border-right: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
 background: rgba(34,172,214,0.1); 
 -webkit-transform: scale(1,0);
 transform: scale(1,0);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
 position: absolute;
content: '';
 opacity: 1;
 -webkit-transition: opacity 0.35s,
 -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
}
 
.border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after {
 -webkit-transition-delay: 0.15s;
 transition-delay: 0.15s;
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 
.border-hover .et_pb_column .et_pb_promo_description h2 {
 opacity: 0;
 color: #ffffff;
 position: absolute;
 top: 15%;
 width: 100%;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 margin: 0;
 padding: 0;
}
 
.border-hover .et_pb_column .et_pb_promo_description p {
 opacity: 0;
 color: #ffffff;
 position: absolute;
 top: 30%;
 width: 100%;
 text-align: center;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
 
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
 opacity: 1;
 position: absolute;
 top: 25%;
 width: 75%;
 text-align: center;
 font-size: 15px;
 color: #ffffff;
}
 
.border-hover .et_pb_column:hover .et_pb_promo_description p {
 opacity: 1;
 position: absolute;
 top: 45%;
 width: 75%;
 text-align: center;
 font-size: 11px;
 color: #ffffff;
}
 
.border-hover .et_pb_promo {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
 
.border-hover .et_pb_promo_button {
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/**************************** toggle custom 4 **************************/

.toggle_custom_4 {
    border: none;
    border-top: 1px solid #659e50;
    border-bottom: 1px solid #659e50;
    border-right: 1px solid #659e50;
    border-left: 1px solid #659e50;
    background-color: rgba(144,191,85,0.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.toggle_custom_4.et_pb_toggle_open {
    border: none;
    background-color: #fff;
    border-top: 2px solid #90BF55;
    border-bottom: 2px solid #90BF55;
    border-right: 2px solid #90BF55;
    border-left: 2px solid #90BF55;
}

.toggle_custom_4 .et_pb_toggle_title:before {
    font-size: 23px;
    content: "\e064";
    transition: 0.5s;
}

.toggle_custom_4.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #90BF55;
}

.toggle_custom_4.et_pb_toggle_close .et_pb_toggle_title:before {
    color: #659e50;
}

    /*---Left---*/
    .ds-slider-left.et_pb_slider .et_pb_container {
        float: left !important; /*move the slider text container to the left*/
    }
    .ds-slider-left .et_pb_slide_description  {
    text-align: left !important; /*align the slider text to the left*/
    padding: 35% 8%; /*adjust the padding around the slider text container, this will help you to control the 
    height of your slides. You can remove this if you want the default height*/
    }
    .ds-slider-left.et_pb_slider .et_pb_button {
        float: left !important;  /*move the button to the left*/
    }

/*----- Effect 5 - Slide Down -----*/

.ds-hover5-wrapper {
position: relative;
color: rgba(0,0,0,0);
width: 100%
}

.ds-hover5 h2 { 
position: absolute; 
z-index: 1;
top: 20px; 
left: 20px; 
font-size: 17px;
color: #fff;
background-color: #659e50;
padding: 5px;
-webkit-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
}

.ds-hover5 p {
color: #000;
}

.ds-hover5-wrapper:hover .ds-hover5 h2 { 
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

figure.ds-hover5 { 
margin: 0;
padding: 0;
display: inline-block;
line-height: 0;
position: relative;
overflow: hidden; 
}

figure.ds-hover5 img{
display: block;
}

figure.ds-hover5 figcaption a{
text-decoration: none;
}

figure.ds-hover5::before, figure.ds-hover5::after{
content: '';
width: 100%;
height: 100%;
display: block;
background: black;
position: absolute;
opacity: 0.3;
top: 0;
left: 0;
-moz-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

figure.ds-hover5 figcaption{
position: absolute;
display: block;
line-height: 1.7em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
background: rgba(255, 255, 255, 0.75);
padding: 10px;
z-index: 100;
width: 50%;
max-height: 100%;
overflow: hidden;
top: 50%;
left: 0;
-moz-transform: translate3d(-100%, -50%, 0);
-webkit-transform: translate3d(-100%, -50%, 0);
transform: translate3d(-100%, -50%, 0);
opacity: 0;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

figure.ds-hover5:hover::before{
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

figure.ds-hover5:hover figcaption{
opacity: 1;
-moz-transform: translate3d(0, -50%, 0); 
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}

/* Highlight Menu Link as a Button */
  .highlight {
    color: #90BF55 !important;
    font-weight: 600;
    margin-top: 5px !important;
    padding: 7px 20px 5px 20px !important;
    background: #fff !important;
    border-radius: 25px !important;
  }

/* Highlight Menu Link */
  .highlight {
    font-color: #90BF55 !important;
    background-color: #fff !important;
    margin-top: 5px !important;
    padding: 7px 20px 5px 20px !important;
    border-radius: 25px !important;
  }

#top-menu li > a:after {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#top-menu li:hover > a:after {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}

.et_pb_tabs_controls li a:link {
  color: #659e50 !important}
.et_pb_tabs_controls {
background-color: rgba(144,191,85,0.2) !important;
font-size: 12px !important;
border-color: #90BF55 !important;
border-style: solid !important;
border-width: 2px !important;
}

    /*---------- [Accordion Image Slider Menu] ----------*/
    .ds-container {
    	width: 1000px;
    	margin: 20px auto;
    	overflow: hidden;
    	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    	border: 1px solid rgba(255,255,255,1);
    }
    .ds-container figure {
            position: absolute;
    	top: 0 !important;
    	left: 100px; /* width of visible piece */
    	margin: 0;
    	width: 500px;
            box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
            transition: all 0.3s ease-in-out;
    }   
    .ds-container > figure {
            position: relative;
    	left: 0 !important;
    }
    .ds-container img {
    	display: block;
    	width: 100%;
    }
    .ds-container input {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100px;
    	height: 100%;
    	cursor: pointer;
    	border: 0;
    	padding: 0;
            opacity: 0;
    	z-index: 100;
    	-webkit-appearance: none;
    	-moz-appearance: none;
    	appearance: none;
    }
    .ds-container input:checked{
    	width: 5px;
    	left: auto;
    	right: 0px;
    }
    .ds-container input:checked ~ figure {
            left: 500px;
            transition: all 0.7s ease-in-out;
    }
    .ds-container figcaption {
    	width: 100%;
    	height: 100%;
    	background: rgba(87, 73, 81, 0.1);
    	position: absolute;
    	top: 0px;
            transition: all 0.2s linear;
    }
    .ds-container figcaption span {
    	position: absolute;
    	top: 80%;
    	margin-top: -30px;
    	right: 20px;
    	left: 20px;
    	overflow: hidden;
    	text-align: center;
    	background: rgba(87, 73, 81, 0.3);
    	border: 1px solid #fff;
    	line-height: 20px;
    	font-size: 20px;
            opacity: 0;
    	text-transform: uppercase;
    	letter-spacing: 8px;
    	font-weight: 800;
    	padding: 30px;
    	color: #fff;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    }
    .ds-container figcaption span:hover {
    	background: rgba(255, 255, 255, 0.3);
    	color: #000;
    	border: 1px solid #000;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    }
    .ds-container input:checked + figcaption,
    .ds-container input:checked:hover + figcaption{
    	background: rgba(87, 73, 81, 0);
    }
    .ds-container input:checked + figcaption span {
            transition: all 0.4s ease-in-out 0.5s;
    	opacity: 1;
    	top: 88%; /*placement of title link*/
    }
    .ds-container #ds-selector-last:checked + figcaption span {
    	transition-delay: 0.3s;
    }
    .ds-container input:hover + figcaption {
    	background: rgba(87, 73, 81, 0.03);
    }
    .ds-container input:checked ~ figure input{
            z-index: 1;
    }
    @media screen and (max-width: 1024px) {
            .ds-container { 
    		width: 740px; 
    	}
    	
    	.ds-container figure { 
    		left: 80px; 
    		width: 340px; 
    	}
    	
    	.ds-container input { 
    		width: 80px; 
    	}
    	
    	.ds-container input:checked ~ figure { 
    		left: 340px; 
    	}
    	
    	.ds-container figcaption span { 
    		font-size: 18px; 
    	}
    	
    	.ds-container input:checked + figcaption span {
    		top: 82%; /*placement of title link*/
    	}
    }
    @media screen and (max-width: 768px) {
            .ds-container { 
    		width: 540px; 
    	}
    	
    	.ds-container figure { 
    		left: 50px; 
    		width: 290px; 
    	}
    	
    	.ds-container input { 
    		width: 50px; 
    	}
    	
    	.ds-container input:checked ~ figure { 
    		left: 290px; 
    	}
    	
    	.ds-container figcaption span { 
    		font-size: 16px; 
    	}
    	
    	.ds-container input:checked + figcaption span {
    		top: 80%; /*placement of title link*/
    	}
    }
    @media screen and (max-width: 520px) {
            .ds-container { 
    		width: 300px; 
    	}
    	
    	.ds-container figure { 
    		left: 30px; 
    		width: 150px; 
    	}
    	
    	.ds-container input { 
    		width: 30px; 
    	}
    	
    	.ds-container input:checked ~ figure { 
    		left: 150px; 
    	}
    	
    	.ds-container figcaption span { 
    		font-size: 12px; 
    		letter-spacing: 2px; 
    		padding: 10px; 
    		margin-top: -20px; 
    	} 
    	
    	.ds-container input:checked + figcaption span {
    		top: 77%; /*placement of title link*/
    	}
    }
    @media screen and (max-width: 320px) {
            .ds-container { 
    	        width: 260px; 
    	}
    	
    	.ds-container figure { 
    		left: 26px; 
    		width: 130px; 
    	}
    	
    	.ds-container input { 
    		width: 26px; 
    	}
    	
    	.ds-container input:checked ~ figure { 
    		left: 130px; 
    	}
    	
    	.ds-container figcaption span { 
    		font-size: 10px; 
    		letter-spacing: 2px; 
    		padding: 10px; 
    		margin-top: -20px; 
    	} 
    	
    	.ds-container input:checked + figcaption span {
    		top: 77%; /*placement of title link*/
    	}
    }