.masthead .top-bar .mini-contacts i.the7-mw-icon-phone-bold {
    vertical-align: bottom;
}

@media (max-width: 500px) {
.single-post #main {
    padding: 20px 0 20px 0;
}
}

@media (min-width: 1024px) {
.sidebar-divider-off #sidebar, .sidebar-left .sidebar.bg-under-widget, .sidebar-left .sidebar.solid-bg, .sidebar-right .sidebar.bg-under-widget, .sidebar-right .sidebar.solid-bg {
    border-left: 1px solid #e6e6e6;
}

.bg-under-widget .sidebar-content .widget:first-child, .sidebar.bg-under-widget .widget:first-child, .solid-bg.sidebar-content .widget:first-child {
    margin-top: -4px;
    padding-top: 0px;
}

}

input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number {
    background-color: #f7f7f7;
}

.blogroll li, .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li {
    background: #f7f7f7;
    padding: 10px !important;
}

.entry-author {
    display: none;
}

.top-bar .dt-icon-facebook:before, .facebook .soc-font-icon:before {
    content: "\e907";
    padding: 5px;
}

.desktop {
 display: inherit;
}

.mobile {
 display: none;
}

@media (max-width:800px) {
.desktop {
 display: none !important;
}

.mobile {
 display: inherit !important;
}
}


body {
webkit-animation: fadeInFromNone 1s ease-out;
    animation: fadeInFromNone 1s ease-out;
}

.comment-metadata, .comment-metadata a, .entry-meta a, .entry-meta span, .entry-meta a *, .single .entry-tags, .single .entry-tags a {
    color: #40424b;
}

@media (min-width: 790px) {
.footer .widget {
    padding: 0 20px;
}
}

.serviceszoom .fancy-media-wrap i:hover {
    background-image: url(https://treesrus.net.au/wp-content/uploads/2019/07/zoomin-icon.png) !important;
    background-position: center center !important;
    background-size: 30px !important;
    background-repeat: no-repeat !important;
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
    -webkit-transition: none !important;
    transition: none !important;
    background-color: rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.6);
}

.page-title .breadcrumbs, .page-title .breadcrumbs a {
    text-decoration: underline;
}

.popup-message-style #page .wpcf7-mail-sent-ok {
    background: #3a8700;
}

.popup-message-style #page .wpcf7-validation-errors {
    background: #F44336;
}

.homep .vc_btn3.vc_btn3-style-custom i {
    font-size: 20px !important;
}

@media screen and (max-width: 990px) {
#bottom-bar .bottom-text-block {
    margin-top: 10px;
}
}

.dt-mobile-header {
    -ms-transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

@media screen and (max-width: 1100px) {
.dt-mobile-header {
    width: 100%;
    min-height: 1000px;
}
}

.show-mobile-header .dt-mobile-header {
    position: fixed !important;
}

.mobile-main-nav {
    margin-top: 10px !important;
}

.dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text {
    text-transform: uppercase !important;
}

@media (max-width: 500px) {
.wf-float-left {
 max-width: 340px !important;
}
}

@media screen and (max-width: 800px) {
.masthead .top-bar .left-widgets .in-top-bar {
    line-height: 30px;
}
}

.mobile-main-nav > li.has-children > a:after, .mobile-main-nav .next-level-button, .mobile-main-nav > li.menu-item-language > a:after {
    color: rgba(58, 135, 0, 0.63) !important;
}

.dt-mobile-header .next-level-button:before {
    font-size: 18px;
}

.dt-close-mobile-menu-icon span:after, .dt-close-mobile-menu-icon span:before {
    width: 28px;
}

.show-mobile-header .dt-close-mobile-menu-icon span {
     animation: flip ease 2s;
    -webkit-animation: flip ease 2s;
    -moz-animation: fli ease 2s;
    -o-animation: fli ease 2s;
    -ms-animation: fli ease 2s;
}

.show-mobile-header .dt-mobile-header a {
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;
}

.dt-mobile-header .mobile-mini-widgets-in-menu span {
    margin-right: auto;
    margin-left: auto;
}

.dt-mobile-header .mobile-mini-widgets-in-menu>* {
    margin: 0px !important;
    width: 100% !important;
    text-align: center !important;
}

.dt-close-mobile-menu-icon span:after, .dt-close-mobile-menu-icon span:before {
  transition: 1.70s;
  -webkit-transition: 1.70s;
  -moz-transition: 1.70s;
  -ms-transition: 1.70s;
  -o-transition: 1.70s;

}

.dt-close-mobile-menu-icon span {
   background: white !important;
}

.dt-close-mobile-menu-icon span:after, .dt-close-mobile-menu-icon span:before {
    background: #000;
}

.mobile-main-nav > li:before {
    border-color: white;
}

.dt-close-mobile-menu-icon span {
    margin-top: 10px;
}

.show-mobile-header .dt-close-mobile-menu-icon {
    left: 88%;
}

.dt-mobile-header {
    width: 100%;
}

.tparrows:hover {
    background: #54b00f !important;
}

.tparrows {
    background: #3a8700 !important;
}

@media screen and (max-width: 1100px) {
.mobile-branding img.mobile-logo, .mobile-branding img.mobile-desktop-logo, .show-device-logo .branding img, .show-device-logo .mobile-branding img, .transparent .sticky-mobile-logo-first-switch, .transparent .sticky-mobile-logo-second-switch, .transparent .sticky-mobile-on .mobile-branding * {
    max-width: 90px !important;
    margin-top: 8px;
}

.masthead.masthead-mobile-header:not(#phantom) {
    border-bottom: 5px solid #231f20;
    border-top: 0px !important;
}

}

#bottom-bar a, #bottom-bar .wf-float-left {
  font-size: 14px;
}

@media (min-width: 1px) and (max-width: 500px) {
.homep .vc_btn3.vc_btn3-style-custom {
    color: #f7f7f7 !important;
    background-color: #558730 !important;
}

.homep .vc_btn3.vc_btn3-style-custom:hover {
    color: #ffffff !important;
}

.homep .vc_btn3.vc_btn3-style-custom {
    margin-top: 15px !important;
}
}

@media (min-width: 500px) and (max-width: 768px) {
.homep .aio-icon-header+.aio-icon-description {
    min-height: auto !important;
}
.homep .vc_btn3.vc_btn3-style-custom {
    margin-top: 20px !important;
}

}

@media (min-width: 770px) and (max-width: 1024px) {
.homep .aio-icon-header h3.aio-icon-title {
    font-size: 20px !important;
}

.homep .aio-icon-header+.aio-icon-description {
    min-height: 120px !important;
}
}

@media (min-width: 501px) and (max-width: 10000px) {
.homep .vc_btn3.vc_btn3-style-custom:hover {
    color: #231f20 !important;
}
}

.hp1 .aio-icon-header h3.aio-icon-title {
    padding-top: 0px !important;
}

.homep .aio-icon-header h3.aio-icon-title {
    min-height: 68px;
    padding-top: 12px;
}

.homep .vc_btn3.vc_btn3-style-custom {
    font: normal bold 14px / 16px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    background-image: none !important;
    margin-top: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0px !important;
    font-size: 15px !important;
    color: #224408;
}

.homep .aio-icon-header+.aio-icon-description {
    margin-top: 10px;
    min-height: 85px;
}

.clink {
    color: #3a8700;
    text-decoration: none !important;
}

.clink::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #224408;
    transition: width .8s;
}

.clink:hover::after {
    width: 100%;
}


.footer .bottom-text-block a:hover {
color: #c9c9c9 !important;
}

.footer .widget .soc-ico a {
    text-decoration: none !important;
}

.footer .contact-info span:before {
    padding: 0;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
    line-height: 14px;
    padding-right: 10px;
}

.contact-info, .content .contact-info {
    font-size: 15px;
}

.custom-nav>li {
    font-size: 15px;
}

.footer .widget a {
    color: #c9c9c9;
    text-decoration: none;
}

.contact-info li:hover span, .contact-info li:hover a {
    color: #3a8700 !important;
    text-decoration: none !important;;
}

.footer .widget .custom-nav a span:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
    line-height: 14px;
    padding-right: 10px;
}

.phantom-slide .show-phantom#phantom {
    border-bottom: 3px solid #231f20;
}

#page .masthead.sticky-on .header-bar, #phantom.masthead .header-bar, #phantom .ph-wrap img {
    height: auto;
    max-width: 88px !important;
    margin-bottom: -4px;
}

.sticky-on .top-bar, .phantom-slide .show-phantom#phantom .top-bar {
    display: none !important;
}

.header-elements-button-1.microwidget-btn-hover-bg-on:after {
    background: #339b00;
    background: -webkit-linear-gradient("");
    background: linear-gradient("");
}

.sticky-on .main-nav > li:not(.wpml-ls-item) > a .menu-text, #phantom .main-nav > li:not(.wpml-ls-item) > a .menu-text {
    color: #333333;
    font: normal bold 15px / 22px "Roboto" !important;
}

#page .masthead.sticky-on .header-bar, #phantom.masthead .header-bar {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}

.phantom-sticky .sticky-on.masthead:not(.side-header) .branding > a > img {
    width: 82px;
}

.masthead .mini-widgets .soc-ico a:hover, .masthead .mobile-mini-widgets .soc-ico a:hover, .dt-mobile-header .soc-ico a:hover, .masthead a.facebook::after { 
    background: transparent !important;
}
.masthead .soc-ico .soc-font-icon:hover:before {
    color: #3b5998 !important;
}

.masthead .soc-ico.hover-border-on a:hover:after, .dt-mobile-header .soc-ico.hover-border-on a:hover:after {
    -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
    background: #ffffff !important;
    border-radius: 25px;
}

.masthead .soc-ico.hover-custom-bg a:after, .masthead .soc-ico.accent-bg.hover-custom-bg a:after, .masthead .soc-ico.hover-custom-bg a:after, .accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:after, .masthead .soc-ico.hover-accent-bg a:after, .dt-mobile-header .soc-ico.hover-custom-bg a:after, .dt-mobile-header .soc-ico.accent-bg.hover-custom-bg a:after, .dt-mobile-header .soc-ico.hover-custom-bg a:after, .accent-gradient .dt-mobile-header .soc-ico.gradient-bg.hover-custom-bg a:after, .dt-mobile-header .soc-ico.hover-accent-bg a:after {
    background-color: #231f20 !important;
}

.masthead .soc-ico.border-on a:before, .dt-mobile-header .soc-ico.border-on a:before {
    -webkit-box-shadow: inset 0px 0px 0px 2px #f7f7f7;
    box-shadow: inset 0px 0px 0px 2px #f7f7f7;
    background: #231f20;
    border-radius: 25px;
}

.branding a img, .branding img {
    max-width: 150px !important;
    margin-top: 8px;
}

.masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom):not(.masthead-mobile-header) {
    border-bottom: 5px solid #231f20;
}

#hide, .hide {
display: none !important;
}

@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}