@charset "UTF-8";
/*
 Theme Name:     PioneerLiner
 Theme URI:      https://www.avonis.com
 Description:    Divi Child Theme for pioneerliner.com
 Author:         Avonis
 Author URI:     https://www.avonis.com
 Template:       Divi
 Version:        3.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 200;
  src: url("fonts/SourceSans3-ExtraLight.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 200;
  src: url("fonts/SourceSans3-ExtraLightItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/SourceSans3-Light.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/SourceSans3-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/SourceSans3-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/SourceSans3-Italic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/SourceSans3-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/SourceSans3-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/SourceSans3-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  src: url("fonts/SourceSans3-SemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/SourceSans3-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/SourceSans3-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 800;
  src: url("fonts/SourceSans3-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 800;
  src: url("fonts/SourceSans3-ExtraBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  src: url("fonts/SourceSans3-Black.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 900;
  src: url("fonts/SourceSans3-BlackItalic.ttf") format("truetype"); }

Special colors
.tec_color {
  background-color: rgba(0, 157, 224, 0.66) !important; }

.felt_color {
  background-color: rgba(196, 0, 121, 0.66) !important; }

.liner_color {
  background-color: rgba(36, 148, 70, 0.66) !important; }

.filt_color {
  background-color: rgba(5, 139, 140, 0.66) !important; }

.products_color {
  background-color: rgba(34, 34, 34, 0.6) !important; }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 200;
  src: url("fonts/SourceSans3-ExtraLight.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 200;
  src: url("fonts/SourceSans3-ExtraLightItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/SourceSans3-Light.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/SourceSans3-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/SourceSans3-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/SourceSans3-Italic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/SourceSans3-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/SourceSans3-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/SourceSans3-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  src: url("fonts/SourceSans3-SemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/SourceSans3-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/SourceSans3-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 800;
  src: url("fonts/SourceSans3-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 800;
  src: url("fonts/SourceSans3-ExtraBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  src: url("fonts/SourceSans3-Black.ttf") format("truetype"); }

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 900;
  src: url("fonts/SourceSans3-BlackItalic.ttf") format("truetype"); }

.custom_btn_container .custom_btn {
  font-size: 30px;
  font-weight: 400 !important;
  padding: 12px 25px !important;
  margin-right: 20px; }
  .custom_btn_container .custom_btn:hover {
    background-color: #222222;
    color: #fff; }
  @media (max-width: 1200px) {
    .custom_btn_container .custom_btn {
      margin-bottom: 20px;
      background-color: #222222;
      color: #fff !important; } }

.custom_btn_container .custom_btns {
  font-size: 30px;
  font-weight: 400 !important;
  padding: 12px 25px !important; }

.custom_btn_container .custom_btn2 {
  border: 2px solid #9db89d;
  background-color: #fff;
  color: #000 !important; }
  .custom_btn_container .custom_btn2:hover {
    background-color: #222222;
    color: #fff !important;
    border: 2px solid #fff; }

.popup__close-btn {
  background-color: initial;
  border: 0;
  outline: none;
  width: 40px;
  height: 40px;
  position: absolute;
  padding: 0;
  top: -41px;
  right: -37px;
  cursor: pointer;
  font-size: 32px;
  color: #fff; }
  .popup__close-btn:hover {
    transition: opacity ease-in-out 0.4s;
    opacity: 0.8; }

.extra_item_menu #menu_kontakt_btn {
  font-size: 20px;
  font-weight: 500;
  background: #9db89d;
  color: #000;
  padding: 12px 20px;
  border-radius: 100px; }
  .extra_item_menu #menu_kontakt_btn:hover {
    background: #222222;
    color: #fff !important; }

/*--Button show/hide posts Css*/
.posts-show-btn, .posts-show-btn-en {
  color: #fff;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #fff;
  padding: 15px 40px;
  display: inline-block;
  text-align: center;
  border: 4px solid #fff; }
  .posts-show-btn:hover, .posts-show-btn-en:hover {
    color: #fff;
    background-color: transparent !important;
    border: 4px solid #fff;
    cursor: pointer; }

/*** tabs scss btns ***/
.product-filt-boxs .produkte_box::before {
  padding-top: 45px !important; }

.product-filt-boxs .produkte_box.animate-box {
  background-size: inherit !important; }

.product_filt_tabs .et_pb_tab_content a, .product_filt_tabs .et_pb_text_inner a {
  padding: 10px 20px;
  border-radius: 4px;
  background: #9db89d;
  color: #222222;
  cursor: pointer;
  font-size: 30px; }
  .product_filt_tabs .et_pb_tab_content a:hover, .product_filt_tabs .et_pb_text_inner a:hover {
    background: #222222;
    color: #fff; }

.open_tabs_filt a {
  padding: 10px 20px;
  border-radius: 6px;
  background: #9db89d;
  color: #222222;
  cursor: pointer;
  font-size: 30px; }
  .open_tabs_filt a:hover {
    background: #222222;
    color: #fff; }

.inactiveLink {
  pointer-events: none;
  cursor: default; }

Special colors
.tec_color {
  background-color: rgba(0, 157, 224, 0.66) !important; }

.felt_color {
  background-color: rgba(196, 0, 121, 0.66) !important; }

.liner_color {
  background-color: rgba(36, 148, 70, 0.66) !important; }

.filt_color {
  background-color: rgba(5, 139, 140, 0.66) !important; }

.products_color {
  background-color: rgba(34, 34, 34, 0.6) !important; }

/*
  This files contains all styles related to the contact form element
 */
/*** Contact form (popup) ***/
#accept {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.anrede select {
  color: #787878; }

.wpcf7-response-output {
  line-height: 25px; }

#roders_contact label {
  color: #787878; }

#roders_contact .cf_flex {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #roders_contact .cf_flex .col1 {
    flex: 1; }
  #roders_contact .cf_flex .col21 {
    margin-right: 10px; }
  #roders_contact .cf_flex .col2 {
    margin-left: 20px;
    margin-right: 20px; }
  #roders_contact .cf_flex .col3 {
    margin-left: 20px; }
  #roders_contact .cf_flex .col22 {
    margin-left: 10px; }

#roders_contact span {
  line-height: 33px; }

#roders_contact .choose_col label {
  line-height: 33px;
  font-size: 52px; }

#roders_contact .flex_col {
  flex: 0.8; }
  #roders_contact .flex_col label {
    line-height: 33px;
    font-size: 52px; }

#roders_contact .field_cf {
  margin-bottom: 20px; }
  #roders_contact .field_cf#accept {
    background: #e4e4e4;
    padding: 20px;
    border-radius: 4px; }

#roders_contact .choose_col.aufmerksam {
  margin-bottom: 30px; }

#roders_contact #name-field .anrede {
  width: 100%; }
  #roders_contact #name-field .anrede select {
    width: 100%; }

#roders_contact .wpcf7-text {
  width: 100%; }

#roders_contact #choose_field select {
  width: 100%; }

#roders_contact #accept .wpcf7-list-item {
  margin-left: 0 !important; }

#roders_contact #accept #acceptance {
  width: 20px;
  height: 20px; }

#roders_contact .wpcf7-validates-as-required {
  height: 30px; }

#roders_contact .wpcf7-textarea {
  width: 100%; }

#roders_contact .wpcf7-form .wpcf7-form-control {
  font-size: 20px;
  padding: 15px;
  height: 50px;
  border: none;
  font-weight: 500;
  border-radius: 4px; }
  #roders_contact .wpcf7-form .wpcf7-form-control.wpcf7-acceptance {
    border: none;
    background: transparent; }
    #roders_contact .wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
      font-weight: 400; }
  #roders_contact .wpcf7-form .wpcf7-form-control.wpcf7-textarea {
    height: inherit;
    background: transparent;
    border: 2px solid #fff; }

#roders_contact .submit_btn {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #roders_contact .submit_btn p {
    justify-content: right;
    align-items: center;
    font-size: 20px; }
    @media (max-width: 577px) {
      #roders_contact .submit_btn p {
        width: 100%; } }
  #roders_contact .submit_btn .required_info p {
    color: #787878; }
  @media (max-width: 577px) {
    #roders_contact .submit_btn .required_info {
      margin-bottom: 20px; } }
  #roders_contact .submit_btn .wpcf7-submit {
    order: 2;
    color: #222222;
    font-size: 20px;
    background-color: #9db89d !important;
    font-weight: 400 !important;
    padding: 12px 50px !important;
    border: none; }
    #roders_contact .submit_btn .wpcf7-submit:hover {
      background-color: #222222 !important;
      color: #fff;
      cursor: pointer; }
  #roders_contact .submit_btn .wpcf7-spinner {
    order: 1; }

.wpcf7-validates-as-tel {
  height: 30px; }

@media (max-width: 577px) {
  #roders_contact .cf_flex {
    flex-direction: column;
    align-items: inherit; }
    #roders_contact .cf_flex .col1 {
      margin-right: 0; }
    #roders_contact .cf_flex .col21 {
      margin-right: 0; }
    #roders_contact .cf_flex .col2 {
      margin-left: 0;
      margin-right: 0; }
    #roders_contact .cf_flex .col3 {
      margin-left: 0; }
    #roders_contact .cf_flex .col22 {
      margin-left: 0; }
  #roders_contact .flex_col {
    flex: 1;
    margin-bottom: 52px; }
    #roders_contact .flex_col label {
      font-size: 30px; }
  #roders_contact .field_cf#accept {
    flex: 1;
    margin-bottom: 52px; }
  #roders_contact .field_cf#choose_field {
    flex: 1;
    margin-bottom: 52px; }
  #roders_contact .field_cf {
    margin-bottom: 0; }
  #roders_contact .submit_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    #roders_contact .submit_btn .wpcf7-submit {
      width: 100%; }
  #roders_contact span {
    font-size: 20px; }
  #roders_contact .choose_col label {
    font-size: 20px; } }

/*
    Google Map styles/fixes
 */
.gm-style-iw-d h3 {
  margin-top: 10px;
  font-size: 20px; }

.gm-style-iw-d .infowindow * {
  font-size: 15px;
  line-height: 20px;
  color: #000; }

/*

  This file contains styles related to the Divi layout builder and wordpress backend pages.

  These styles are NOT related to the Divi theme. Their purpose is to provide mainly fixes such as
  backgrounds and font styles.

 */
.et-core-modal p {
  font-size: 13px;
  color: #4c5866;
  line-height: 20px; }

/*** Footer SCSS ***/
#footer-bottom {
  display: none; }

#main-footer {
  border-top: 3px solid #ffcc00; }
  #main-footer #footer-container {
    display: flex;
    background: #fff; }
    #main-footer #footer-container .footer-logo {
      width: 40%;
      background-repeat: no-repeat;
      background-color: rgba(255, 255, 255, 0.8);
      background-blend-mode: lighten;
      text-align: center;
      padding: 27px 0; }
      #main-footer #footer-container .footer-logo img {
        height: 120px; }
      @media (max-width: 480px) {
        #main-footer #footer-container .footer-logo {
          width: 100%; } }
  #main-footer .footer-widget {
    display: flex;
    justify-content: center;
    margin-bottom: 0 !important; }
  #main-footer #footer-widgets {
    padding: 4% 0 0 !important; }
  #main-footer #et-footer-nav {
    width: 60%; }
    @media (max-width: 480px) {
      #main-footer #et-footer-nav {
        width: 100%; } }
    #main-footer #et-footer-nav #menu-bottom-footer, #main-footer #et-footer-nav #menu-bottom-footer-englisch {
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: center; }
      #main-footer #et-footer-nav #menu-bottom-footer a, #main-footer #et-footer-nav #menu-bottom-footer-englisch a {
        color: #000; }
    #main-footer #et-footer-nav #menu-bottom-footer-englisch #menu-item-244903 {
      flex: 1;
      font-weight: 700; }
    #main-footer #et-footer-nav #menu-bottom-footer-englisch .menu-item {
      font-weight: 400;
      line-height: 19px; }

#et-footer-nav #menu-bottom-footer #menu-item-238844 {
  flex: 1;
  font-weight: 700; }

#et-footer-nav #menu-bottom-footer .menu-item {
  font-weight: 400;
  line-height: 19px; }

#et-footer-nav .container-items {
  max-width: 1920px;
  width: 80%;
  text-align: left;
  position: relative;
  margin: auto; }
  @media (max-width: 480px) {
    #et-footer-nav .container-items {
      width: 100%; } }
  #et-footer-nav .container-items .container-footer-contact {
    display: flex;
    font-size: 20px;
    color: #000;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 25px;
    font-weight: 400;
    border-bottom: 1px solid #9db89d; }
    #et-footer-nav .container-items .container-footer-contact .box-address {
      width: 40%; }
    #et-footer-nav .container-items .container-footer-contact a {
      color: #000 !important; }

@media (max-width: 980px) {
  .tabs_roders .tabs_cards {
    flex-direction: column; }
  .tabs_roders .et_pb_tab_content .tab_card {
    width: 100%; }
  #main-footer {
    display: block; }
    #main-footer #footer-container {
      display: block; }
      #main-footer #footer-container .footer-logo {
        width: 100%; }
    #main-footer .container-footer-contact {
      display: block !important;
      text-align: center;
      font-size: 14px !important; }
      #main-footer .container-footer-contact .box-address {
        width: 100% !important;
        padding-bottom: 20px; }
      #main-footer .container-footer-contact .box-contact {
        width: 100% !important; }
    #main-footer #et-footer-nav #menu-bottom-footer, #main-footer #et-footer-nav #menu-bottom-footer-englisch {
      flex-wrap: wrap; }
  #et-footer-nav {
    width: 100% !important; }
    #et-footer-nav #menu-bottom-footer #menu-item-238833 {
      display: none; }
    #et-footer-nav #menu-bottom-footer-englisch #menu-item-244906 {
      display: none; }
  .bottom-nav {
    text-align: left !important; } }

@media (max-width: 767px) {
  .bottom-nav li {
    padding-right: 10px !important; }
  #et-footer-nav .container {
    width: 90% !important; } }

@media (max-width: 576px) {
  #et-footer-nav #menu-bottom-footer #menu-item-238844 {
    order: 7;
    text-align: center;
    flex: auto; }
  #et-footer-nav #menu-bottom-footer .menu-item {
    margin-bottom: 5px; }
  #et-footer-nav #menu-bottom-footer-englisch #menu-item-244903 {
    order: 7;
    text-align: center;
    flex: auto !important; }
  #et-footer-nav #menu-bottom-footer-englisch .menu-item {
    margin-bottom: 5px; } }

#et-footer-nav #menu-bottom-footer .current_page_item a[aria-current="page"], #et-footer-nav #menu-bottom-footer-englisch .current_page_item a[aria-current="page"] {
  color: #fff !important;
  font-weight: 500; }

/**
  R-Textiles specific styles
 */
.img-felt-innov {
  display: flex;
  justify-content: space-around;
  align-items: center; }
  .img-felt-innov img {
    max-width: 110px; }

.reduce-section-padding {
  transition: all 0.5s ease-out 0s;
  padding-top: 50px !important;
  padding-bottom: 0px !important; }

.reduce-logo-height {
  max-width: 50% !important; }

.slow-transition {
  transition: all 0.5s ease-out 0s; }

.et_pb_fullwidth_menu .et-menu > li {
  padding-left: 50px !important; }

#section-padding .et_pb_menu__logo-wrap {
  margin-bottom: 10px; }

.innovation-tabs {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border: none !important;
  gap: 30px; }
  .innovation-tabs h3, .innovation-tabs .innovation-tabs h4 span {
    color: #FF5F4B !important; }
  .innovation-tabs ul.et_pb_tabs_controls {
    display: flex;
    flex-direction: column;
    background-color: transparent !important;
    border: none;
    list-style: none !important;
    padding-left: 0;
    flex: 0.2;
    line-height: 20px; }
    .innovation-tabs ul.et_pb_tabs_controls li {
      margin-bottom: 10px;
      border: none !important;
      background-color: #f4f4f4;
      border-radius: 4px;
      padding: 5px 15px 10px; }
      .innovation-tabs ul.et_pb_tabs_controls li a {
        color: #000;
        font-size: 14px; }
      .innovation-tabs ul.et_pb_tabs_controls li.et_pb_tab_active {
        background-color: #FF5F4B; }
        .innovation-tabs ul.et_pb_tabs_controls li.et_pb_tab_active a {
          color: #fff !important;
          font-weight: bold; }
  .innovation-tabs .et_pb_all_tabs {
    flex: 1; }
  .innovation-tabs .et_pb_tab {
    padding-top: 0;
    opacity: 0; }
    .innovation-tabs .et_pb_tab:first-child {
      opacity: 1; }
  .innovation-tabs .circles_imgs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px; }
    .innovation-tabs .circles_imgs .circle_img {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
  .innovation-tabs .module_imgs {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center; }

@media (max-width: 767px) {
  .innovation-tabs {
    display: flex;
    flex-direction: column; }
    .innovation-tabs .et_pb_tab {
      padding-left: 0;
      padding-right: 0; }
    .innovation-tabs .et_pb_tabs_controls {
      width: 100%; } }

.page-id-248332 {
  /* Hide german default footer menu
  #menu-bottom-footer li:nth-child(n+2) {
    display: none;
  }*/ }
  .page-id-248332 #main-footer {
    background: #FF5F4B; }
    .page-id-248332 #main-footer #et-footer-nav {
      width: 100%; }
  .page-id-248332 #menu-innovative-felt-menu li a.active_link {
    color: #FF5F4B !important;
    font-weight: 600; }

/*** Posts tmeplate design ***/
.hide-posts {
  display: none; }

.post-template-default .et_post_meta_wrapper .header-wrap {
  position: relative; }
  @media (max-width: 980px) {
    .post-template-default .et_post_meta_wrapper .header-wrap {
      min-height: auto; } }
  .post-template-default .et_post_meta_wrapper .header-wrap img {
    display: block;
    min-width: 100%;
    max-height: 700px; }
    @media (max-width: 980px) {
      .post-template-default .et_post_meta_wrapper .header-wrap img {
        min-height: auto; } }

.post-template-default .et_post_meta_wrapper img {
  display: none; }

.post-template-default .container {
  width: 90%;
  padding-top: 0 !important; }

.post-template-default .entry-title, .post-template-default .post-meta {
  display: none !important; }

.post-template-default .header-wrap {
  min-height: 700px; }

.post-template-default #post_sidebar_column #recent-posts-2 {
  margin-bottom: 0 !important; }

/*home boxes end*/
.scale-box-img {
  z-index: 99999 !important;
  transition: all .5s ease !important; }
  .scale-box-img .et_pb_blurb_content {
    transition: all .5s ease !important; }
  .scale-box-img img {
    transition: all .5s ease !important; }
  .scale-box-img:hover .et_pb_blurb_content {
    transform: scale(1.2) !important; }
  .scale-box-img:hover img {
    transform: scale(1.05) !important; }

.produkte_box:hover .et_pb_blurb_description {
  opacity: 1;
  visibility: visible;
  min-height: 225px !important; }

.produkte_box .et_pb_blurb_description {
  display: flex !important;
  min-height: 0 !important;
  opacity: 0;
  visibility: hidden;
  transition: all .5s !important; }

.animate-box {
  position: relative !important;
  background-size: 300% !important;
  transition: all .5s !important; }
  .animate-box:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0 !important;
    background-color: rgba(255, 95, 75, 0.9);
    opacity: 0;
    transition: all .5s !important; }
  .animate-box:hover {
    background-size: 340% !important;
    padding-bottom: 8% !important; }
    .animate-box:hover:before {
      opacity: 1 !important;
      height: 50% !important; }

/***------------------------------------------------***/
body {
  font-family: "Source Sans Pro", Arial, Lucida, sans-serif !important;
  font-weight: 100;
  background-color: #002934;
  background-repeat: no-repeat;
  background-attachment: fixed;
  transition: background-position 1s ease-in; }

h1, h2, h3, h4 {
  font-weight: 500;
  color: #fff; }

h1 {
  font-size: 60px;
  line-height: 45px; }

h2 {
  font-size: 60px;
  line-height: 42px; }

h3 {
  font-size: 52px;
  line-height: 33px; }

h4 {
  font-size: 52px;
  line-height: 27px; }

h5 {
  font-size: 40px;
  line-height: 42px; }

p {
  font-size: 30px;
  font-weight: 400;
  color: #000;
  line-height: 42px; }
  p.pe {
    font-size: 40px; }
  p.sp {
    color: #fff; }
  p.pw {
    color: #fff; }
    p.pw p {
      color: #fff; }
  p.menu-item_menu {
    font-weight: 500; }
  p.spfooter {
    font-weight: 500;
    font-size: 74px;
    color: #fff; }

ul {
  line-height: 42px; }

.et_pb_button {
  font-weight: 400; }

/*** Top menu custom styling ***/
#main-header .menu-item .sub-menu {
  transition: all .2s; }
  #main-header .menu-item .sub-menu .hide-sub {
    display: none !important;
    transition: all .2s; }

#roders_languages {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  position: relative; }
  @media (max-width: 980px) {
    #roders_languages {
      display: none; } }
  #roders_languages .wpml-ls-display {
    display: none; }
  #roders_languages .wpml-ls-link {
    color: #222222; }
  #roders_languages .wpml-ls-last-item {
    border-right: 2px solid #222222; }
  #roders_languages .wpml-ls-legacy-list-horizontal a {
    padding: 0 10px; }
  #roders_languages .wpml-ls-statics-shortcode_actions ul {
    display: flex; }
    #roders_languages .wpml-ls-statics-shortcode_actions ul li.wpml-ls-first-item {
      order: 2; }

.clearfix::after {
  display: none !important; }

.mobile_menu_bar::before {
  color: #222222 !important; }

@media (max-width: 980px) {
  #roders_languages {
    display: none; }
  .et_header_style_left #logo {
    max-width: 70% !important; }
  .container.et_menu_container .logo_container {
    text-align: left;
    order: 1; } }

@media (min-width: 980px) {
  #menu-item-wpml-ls-10-en {
    display: none; }
  .menu-item-wpml-ls-10-de {
    display: none; } }

#main-header {
  height: 100px;
  padding-top: 6px;
  padding-bottom: 0; }
  #main-header .mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle::before {
    background-color: #222222;
    border-radius: 6px;
    content: '';
    display: block;
    height: 3px;
    margin: 0;
    box-sizing: inherit;
    transition: all .2s ease-in-out;
    position: relative;
    width: 20px; }
  #main-header .mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle #extra {
    background-color: #222222;
    border-radius: 6px;
    content: '';
    display: block;
    height: 3px;
    margin: 4px 0;
    box-sizing: inherit;
    transition: all .2s ease-in-out;
    position: relative;
    width: 20px; }
  #main-header .navigation_container {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 980px) {
      #main-header .navigation_container {
        order: 2; } }
  @media (max-width: 980px) {
    #main-header {
      height: 75px !important; } }
  #main-header.et-fixed-header {
    max-height: 80px; }
    #main-header.et-fixed-header .logo_container img {
      max-width: 65%;
      margin-left: 16%; }

.mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle {
  width: 30px;
  display: block;
  vertical-align: middle;
  transition: all .2s ease-in-out;
  position: relative; }
  .mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle::after {
    background-color: #222222;
    border-radius: 6px;
    content: '';
    display: block;
    height: 3px;
    margin: 0;
    box-sizing: inherit;
    transition: all .2s ease-in-out;
    position: relative;
    width: 20px; }

.mobile_nav {
  pointer-events: all; }
  .mobile_nav.opened .mobile_menu_bar.mobile_menu_bar_toggle:before {
    transform: translateY(7px) rotate(135deg); }
  .mobile_nav.opened .mobile_menu_bar.mobile_menu_bar_toggle:after {
    transform: translateY(-7px) rotate(-137deg); }
  .mobile_nav.opened .mobile_menu_bar.mobile_menu_bar_toggle #extra {
    transform: scale(0); }

#main-header .container.et_menu_container {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #main-header .container.et_menu_container #et-top-navigation {
    padding-left: 0 !important;
    padding: 25px 0 0 0 !important; }
    #main-header .container.et_menu_container #et-top-navigation #mobile_menu {
      margin-top: 15px; }
      @media (max-width: 980px) {
        #main-header .container.et_menu_container #et-top-navigation #mobile_menu {
          margin-top: 5px;
          order: 2; } }
    @media (max-width: 980px) {
      #main-header .container.et_menu_container #et-top-navigation {
        order: 2; } }
  #main-header .container.et_menu_container .logo_container {
    width: auto !important;
    position: relative !important; }
    #main-header .container.et_menu_container .logo_container img {
      width: auto; }
    #main-header .container.et_menu_container .logo_container #logo {
      display: inline; }
    @media (min-width: 981px) {
      #main-header .container.et_menu_container .logo_container {
        margin-left: 12%; } }

.wpml-ls-current-language .wpml-ls-link {
  font-weight: 700; }

#main-header {
  line-height: 1.1; }
  #main-header #mobile_menu li ul {
    border-bottom: none;
    color: #787878;
    padding: 7px 0 !important;
    align-items: end;
    flex-wrap: wrap;
    border-bottom: 1px solid #787878; }
  #main-header .nav-title .sub-menu .title-second .sub-menu {
    width: 200% !important; }
  #main-header .nav-title .sub-menu .title-second > a {
    color: #787878 !important; }

.et_pb_fullwidth_menu #mobile_menu li ul {
  border-bottom: none;
  color: #787878;
  padding: 7px 0 !important;
  display: flex !important;
  flex-wrap: wrap;
  border-bottom: 1px solid #787878; }

.et_pb_menu #mobile_menu li ul {
  border-bottom: none;
  color: #787878;
  padding: 7px 0 !important;
  display: flex !important;
  flex-wrap: wrap;
  border-bottom: 1px solid #787878; }

#mobile_menu {
  padding: 4% 11% !important; }
  #mobile_menu .sub-menu a {
    font-size: 30px;
    font-weight: 400;
    border: none;
    padding-left: 0;
    white-space: nowrap; }
    #mobile_menu .sub-menu a:hover {
      color: #9db89d;
      background: none; }
  #mobile_menu .sub-menu li {
    padding-left: 0;
    margin-right: 7%;
    padding-top: 2px; }
  #mobile_menu li a {
    padding: 6px 5%; }
  #mobile_menu > li > a {
    font-weight: 700;
    font-size: 40px;
    color: #000;
    padding-left: 0;
    border-bottom: none;
    padding-top: 2%; }
  #mobile_menu .menu-item > a {
    background: none; }
    #mobile_menu .menu-item > a:hover {
      background: none;
      color: #9db89d; }

#mobile_menu .menu-item:first-child a:first-child {
  padding-top: 0 !important; }

#mobile_menu .menu-item .sub-menu .menu-item .sub-menu {
  border-bottom: none !important; }

/*Kontakt btn header*/
.extra_item_menu {
  margin-right: 10px; }
  @media (max-width: 980px) {
    .extra_item_menu {
      display: none; } }

#menu_word {
  font-weight: 500;
  padding-top: 4%; }
  @media (max-width: 980px) {
    #menu_word {
      margin-right: 10px; } }

/*** Home Page ***/
@media (min-width: 980px) {
  #et_mobile_nav_menu {
    display: block !important; }
  #top-menu {
    display: none; } }

@media (min-width: 981px) {
  .et_fullwidth_nav #main-header .container {
    padding-right: 70px;
    padding-left: 70px; } }

.height-700 {
  height: 700px; }

.h-100 {
  height: 100%; }

.height-150 {
  height: 150%; }

.d_none {
  display: none !important; }

.d_block {
  display: block !important; }

@media (max-width: 1150px) {
  #column1.marginb {
    margin-bottom: 10% !important; }
  #column2.marginb {
    margin-bottom: 10% !important; }
  #column3.marginb {
    margin-bottom: 10% !important; }
  #column1.margint {
    margin-top: 10% !important; }
  #column2.margint {
    margin-top: 10% !important; }
  #column3.margint {
    margin-top: 10% !important; } }

#column1, #column2, #column3 {
  display: flex;
  align-items: center;
  justify-content: center; }

.roders_header_section .header_row .header_columns .et_pb_module {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.roders_header_section .header_row .et_pb_button_wrapper {
  display: none; }

@media (max-width: 1150px) {
  .roders_header_section .header_row .et_pb_column {
    width: 100% !important;
    border-bottom: 2px solid #fff; } }

@media (max-width: 1150px) {
  .roders_header_section .header_row {
    flex-direction: column; } }

.header_row.highlight .et_pb_button_wrapper, .header_row.highlight2 .et_pb_button_wrapper, .header_row.highlight3 .et_pb_button_wrapper {
  display: block; }

.header_columns .et_pb_module.et_multi_view__hovered .et_pb_module_header {
  background: transparent !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-bottom: 20px !important; }

.no_border {
  border: none !important; }

.di_none {
  display: none !important; }

@media (min-width: 1151px) {
  .highlight #column1 {
    width: 39.3333% !important; }
  .highlight #column2, .highlight #column3 {
    width: 30.3333% !important; }
  .highlight2 #column1, .highlight2 #column3 {
    width: 30.3333% !important; }
  .highlight3 #column2, .highlight3 #column1 {
    width: 30.3333% !important; } }

.semi_dark {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.mob_back_text {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(0, 0) !important; }

/*** Animation by Michelle  ***/
.hide {
  opacity: 0 !important;
  visibility: hidden !important; }

.header_row .column__title-animation {
  opacity: 1;
  transition: all .5s ease-out; }

.header_row .column__title-animation2 {
  opacity: 1;
  transition: all .5s ease-out; }

.header_row .column__title-animation3 {
  opacity: 1;
  transition: all .5s ease-out; }

.header_row #column1 {
  transition: all .4s ease-out;
  background: none;
  z-index: 9999; }
  .header_row #column1:hover .column__title-animation {
    opacity: 0; }
  .header_row #column1:hover .column__text {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .header_row #column1:hover .column__title-back-animation {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .header_row #column1:hover .column__btn {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .header_row #column1:hover:after {
    opacity: 1;
    width: 100%;
    height: 100%; }
  .header_row #column1:after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
    transition: all .4s ease-out;
    width: 100%;
    height: 40%; }

.header_row #column2 {
  transition: all .4s ease-out;
  background: none;
  z-index: 9999; }
  .header_row #column2:hover .column__title-animation2 {
    opacity: 0; }
  .header_row #column2:hover .column__text2 {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .header_row #column2:hover .column__title-back-animation2 {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .header_row #column2:hover .column__btn2 {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .header_row #column2:hover:after {
    opacity: 1;
    width: 100%;
    height: 100%; }
  .header_row #column2:after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
    transition: all .4s ease-out;
    width: 100%;
    height: 40%; }

.header_row #column3 {
  transition: all .4s ease-out;
  background: none;
  z-index: 9999; }
  .header_row #column3:hover .column__title-animation3 {
    opacity: 0; }
  .header_row #column3:hover .column__text3 {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .header_row #column3:hover .column__title-back-animation3 {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .header_row #column3:hover .column__btn3 {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0); }
  .header_row #column3:hover:after {
    opacity: 1;
    width: 100%;
    height: 100%; }
  .header_row #column3:after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
    transition: all .4s ease-out;
    width: 100%;
    height: 40%; }

.header_row .column__title-back-animation {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -150px);
  transition: all .3s ease-in-out; }

.header_row .column__title-back-animation2 {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -150px);
  transition: all .3s ease-in-out; }

.header_row .column__title-back-animation3 {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -150px);
  transition: all .3s ease-in-out; }

.header_row .column__text {
  display: inline-block;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -60px);
  transition: all .3s ease-in-out; }

.header_row .column__text2 {
  display: inline-block;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -60px);
  transition: all .3s ease-in-out; }

.header_row .column__text3 {
  display: inline-block;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -60px);
  transition: all .3s ease-in-out; }

.header_row .column__btn {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -50px);
  transition: all .5s ease-in-out .2s; }

.header_row .column__btn2 {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -50px);
  transition: all .5s ease-in-out .2s; }

.header_row .column__btn3 {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -50px);
  transition: all .5s ease-in-out .2s; }

.highlight {
  transition: all .5s ease-out;
  background-size: 100% 100%; }

.highlight2 {
  transition: all .5s ease-out;
  background-size: 100% 100%; }

.highlight3 {
  transition: all .5s ease-out;
  background-size: 100% 100%; }

/*** breadcrumbs custom style ***/
.breadcrumbs {
  flex-wrap: wrap;
  line-height: 25px;
  background-color: #f3f3f3;
  padding-top: 18px;
  padding-bottom: 14px;
  padding-left: 73px;
  display: flex;
  align-items: first baseline; }
  .breadcrumbs .breadcrumbs__link {
    color: rgba(120, 120, 120, 0.4);
    font-size: 20px; }
  .breadcrumbs .breadcrumbs__current {
    color: #787878;
    font-size: 20px;
    font-weight: 500; }
  .breadcrumbs .current-page-ancestor a {
    font-weight: 400 !important; }
  .breadcrumbs .breadcrumbs__separator {
    color: rgba(120, 120, 120, 0.4);
    font-weight: 600;
    font-size: 22px;
    padding-left: 20px;
    padding-right: 20px; }
  @media only screen and (max-width: 480px) {
    .breadcrumbs {
      height: auto;
      padding-right: 10px;
      padding-left: 35px; } }
  @media (max-width: 980px) {
    .breadcrumbs {
      padding-top: 14px; } }
  @media (min-width: 481px) and (max-width: 1279px) {
    .breadcrumbs {
      padding-left: 75px; } }

.et_pb_module p.breadcrumbs {
  display: none; }

/*** Take out the divider line between content and sidebar ***/
.error404 #main-content .container:before {
  background: none; }

.error404 #left-area {
  width: 100%;
  padding-right: 0 !important; }

/*** Masonry home and produkt ***/
.modula.modula-gallery .modula-item .description {
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px; }

.modula.modula-gallery .modula-item .figc-inner {
  text-align: left; }
  .modula.modula-gallery .modula-item .figc-inner .masonry-title {
    font-weight: 500;
    font-size: 52px; }

.modula .modula-item :hover {
  background: #9db89d; }

.bold {
  font-weight: 500; }

.modula-item:hover img, html body .modula.modula-gallery-initialized .modula-items .modula-item.tg-loaded:hover img.pic {
  opacity: 0.1 !important; }

/*** Röders tables ***/
.roders_tables table tr {
  border-bottom: 5px solid #fff; }
  .roders_tables table tr td.with_border {
    border-right: 5px solid #fff; }

.roders_tables.table_innovation table {
  text-align: center; }
  .roders_tables.table_innovation table tr {
    border-bottom: 8px solid #fff; }
    .roders_tables.table_innovation table tr td {
      border-right: 8px solid #fff; }

@media (max-width: 1127px) {
  .roders_tables .et_pb_text_inner {
    overflow: hidden;
    overflow-y: scroll;
    overflow-x: scroll;
    height: 500px; } }

/*** Blog show ***/
.blog_show.blog_show1 .et_pb_slide_content {
  max-width: 50%;
  margin-bottom: 200px !important; }

.blog_show.blog_show2 .et_pb_slide_content {
  max-width: 75%;
  margin-bottom: 85px; }

.blog_show.blog_show3 .et_pb_slide_content {
  max-width: 90%;
  margin-bottom: 553px; }

.blog_show .et_pb_slide_content p {
  color: #fff; }

@media (min-width: 981px) and (max-width: 1300px) {
  .blog_show.blog_show1 .et_pb_slide_content {
    max-width: 60%; }
  .blog_show.blog_show2 .et_pb_slide_content {
    max-width: 85%; } }

@media (max-width: 980px) {
  .blog_show.blog_show1 .et_pb_slide_content {
    max-width: 90%; }
  .blog_show.blog_show2 .et_pb_slide_content {
    max-width: 100%; }
  .blog_show.blog_show3 .et_pb_slide_content {
    max-width: 100%;
    margin-bottom: 200px; } }

#personal_contact_title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

/*** custom btns nature ***/
.custom_btn_container .et_pb_code_inner {
  display: flex;
  align-items: center; }

@media (max-width: 1200px) {
  .custom_btn_container .et_pb_code_inner {
    flex-direction: column;
    align-items: baseline; } }

/*** Landing page ***/
/*** Carousel ***/
#logo_carousel .slick-arrow i {
  font-weight: bolder;
  font-size: 35px; }

/*** slider header ***/
#slider_header .et_pb_slider_container_inner .et_pb_slide_description {
  padding: 4% 4%;
  margin-left: 0; }
  @media (min-width: 1301px) {
    #slider_header .et_pb_slider_container_inner .et_pb_slide_description {
      width: 50%; } }
  @media (min-width: 981px) and (max-width: 1300px) {
    #slider_header .et_pb_slider_container_inner .et_pb_slide_description {
      width: 60%; } }
  @media (max-width: 980px) {
    #slider_header .et_pb_slider_container_inner .et_pb_slide_description {
      width: 70%; } }
  @media (max-width: 767px) {
    #slider_header .et_pb_slider_container_inner .et_pb_slide_description {
      width: 100%; } }
  #slider_header .et_pb_slider_container_inner .et_pb_slide_description .et_pb_text_overlay_wrapper {
    padding: 50px; }
    @media (max-width: 767px) {
      #slider_header .et_pb_slider_container_inner .et_pb_slide_description .et_pb_text_overlay_wrapper {
        padding: 20px; } }
  #slider_header .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    margin-bottom: 15px; }

#slider_header .et-pb-controllers a {
  width: 14px;
  height: 14px;
  border: 3px solid #fff; }
  #slider_header .et-pb-controllers a.et-pb-active-control {
    border: 3px solid transparent; }

@media (max-width: 767px) {
  #slider_header .et_pb_slide {
    padding: 0 1%; } }

/*** slider header ***/
#emotional_slider .et_pb_slides .et_pb_slide_image {
  width: 26%; }

#emotional_slider .et_pb_slides .et_pb_slide_description {
  width: 70%;
  display: flex;
  flex-direction: column;
  text-shadow: none; }
  #emotional_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title {
    order: 2;
    padding-bottom: 0; }
  #emotional_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_content {
    margin-bottom: 40px; }
  #emotional_slider .et_pb_slides .et_pb_slide_description .et_pb_button_wrapper {
    order: 3; }
    #emotional_slider .et_pb_slides .et_pb_slide_description .et_pb_button_wrapper .et_pb_button {
      margin-top: 0;
      pointer-events: none;
      cursor: default; }

@media (max-width: 1200px) {
  #emotional_slider .et_pb_slides .et_pb_slide {
    padding: 0; } }

/*** Steps box ***/
#steps_section .avonis_flipping_card:hover::after {
  background: transparent !important;
  color: transparent !important; }

#steps_section #box-reverted .avonis_flipping_card .avonis-flip-img-cont {
  order: 2; }

@media (max-width: 980px) {
  #steps_section #steps_row_mob .et_pb_column {
    width: 100% !important; } }

#steps_section .et_pb_row {
  display: flex;
  justify-content: center; }
  @media (max-width: 980px) {
    #steps_section .et_pb_row {
      flex-direction: column; } }

#steps_section .et-last-child {
  width: 58%; }
  @media (min-width: 577px) and (max-width: 980px) {
    #steps_section .et-last-child {
      width: 92%; } }
  @media (max-width: 562px) {
    #steps_section .et-last-child {
      width: 95% !important; } }

#steps_section .et_pb_column_single {
  width: 50%;
  margin-right: 7.5%; }
  @media (min-width: 577px) and (max-width: 980px) {
    #steps_section .et_pb_column_single {
      width: 85%;
      margin-right: 0;
      margin-left: 60px; } }
  @media (max-width: 562px) {
    #steps_section .et_pb_column_single {
      width: 90% !important;
      margin-left: 20px; } }

#steps_section .steps_boxes .et_pb_main_blurb_image {
  flex: 1;
  margin-bottom: 0;
  height: 300px; }
  #steps_section .steps_boxes .et_pb_main_blurb_image .et_pb_image_wrap {
    height: 100%;
    text-align: right; }
    #steps_section .steps_boxes .et_pb_main_blurb_image .et_pb_image_wrap img {
      height: 100%; }
    @media (min-width: 577px) and (max-width: 980px) {
      #steps_section .steps_boxes .et_pb_main_blurb_image .et_pb_image_wrap {
        text-align: center; } }
  @media (max-width: 1256px) {
    #steps_section .steps_boxes .et_pb_main_blurb_image {
      height: auto; } }

#steps_section .steps_boxes .et_pb_blurb_content {
  margin: 0; }

#steps_section .steps_boxes .et_pb_blurb_container {
  background: #fff;
  padding: 40px 20px 40px 40px;
  flex: 1; }
  @media (min-width: 577px) and (max-width: 980px) {
    #steps_section .steps_boxes .et_pb_blurb_container {
      flex: 3.3; } }

#steps_section .steps_boxes.inverted .et_pb_main_blurb_image {
  order: 2; }
  #steps_section .steps_boxes.inverted .et_pb_main_blurb_image .et_pb_image_wrap {
    text-align: left; }

#steps_section .steps_boxes.inverted::after {
  content: '>';
  top: 68%;
  position: absolute;
  left: -1%;
  width: 20px;
  background: #fff;
  color: transparent;
  transform: rotate(45deg);
  height: 20px; }
  @media (max-width: 980px) {
    #steps_section .steps_boxes.inverted::after {
      content: '4';
      top: 0;
      position: absolute;
      left: 0;
      width: 35px;
      background: #9db89d;
      color: #222222;
      transform: rotate(0);
      height: 35px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 18px;
      font-weight: 700; } }

@media (max-width: 980px) {
  #steps_section .steps_boxes.inverted.first::after {
    content: '2'; } }

#steps_section .steps_boxes.first_row:after {
  content: '>';
  top: 55%;
  position: absolute;
  right: -1%;
  width: 20px;
  background: #fff;
  color: transparent;
  transform: rotate(45deg);
  height: 20px; }
  @media (max-width: 980px) {
    #steps_section .steps_boxes.first_row:after {
      content: '1';
      top: 0;
      position: absolute;
      right: 0;
      width: 35px;
      background: #9db89d;
      color: #222222;
      transform: rotate(0);
      height: 35px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 18px;
      font-weight: 700; } }

#steps_section .steps_boxes.first_row.second:after {
  top: 42%; }
  @media (max-width: 980px) {
    #steps_section .steps_boxes.first_row.second:after {
      content: '3';
      top: 0;
      right: 0; } }

#steps_section .steps_column_1 {
  width: 2%;
  margin-right: 0; }

#steps_section .steps_column_2 {
  width: 82%;
  margin-left: 80px; }
  @media (min-width: 577px) and (max-width: 980px) {
    #steps_section .steps_column_2 {
      margin-left: 60px;
      margin-right: 20px;
      width: 93%; } }
  @media (max-width: 576px) {
    #steps_section .steps_column_2 {
      margin-left: 20px; } }
  @media (min-width: 981px) and (max-width: 1200px) {
    #steps_section .steps_column_2 {
      width: 90%; } }

#steps_section .number_step .et_pb_blurb_content .et_pb_blurb_container {
  padding-left: 14px; }

#steps_section .number2 .et_pb_module_header span {
  padding: 3px 12px 5px 12px;
  background: #9db89d; }

@media (min-width: 981px) and (max-width: 1200px) {
  #steps_section {
    padding-left: 80px;
    padding-right: 80px; } }

#et-boc .area-outer-wrap .da-close {
  font-size: 60px;
  right: 1%;
  top: 2%; }

/* Default button appearance */
/* Button Appearance on Mouseover */
/* Animation tweaks */
.et_pb_scroll_top.et-pb-icon {
  right: 30px;
  bottom: 30px;
  padding: 8px;
  border-radius: 41px;
  background: #9db89d;
  border: 2px solid #222222;
  color: #fff;
  font-size: 20px;
  transition: all .1s ease-in-out; }
  .et_pb_scroll_top.et-pb-icon:hover {
    color: #fff;
    bottom: 32px;
    background: #222222;
    transition: all .1s ease-in-out;
    box-shadow: 0 10px 15px #162c4e4a; }
    @media (max-width: 767px) {
      .et_pb_scroll_top.et-pb-icon:hover {
        bottom: 4px; } }
  @media (max-width: 767px) {
    .et_pb_scroll_top.et-pb-icon {
      bottom: 2px;
      right: 15px;
      font-size: 40px; } }

.cfGMLl {
  left: 30px !important;
  bottom: 30px !important;
  border: 2px solid #fff !important; }
  @media (max-width: 767px) {
    .cfGMLl {
      bottom: 2px !important;
      left: 15px !important; } }
  @media (max-width: 767px) {
    .cfGMLl .cf3Mob[data-cookiefirst-button="primary"]:not([disabled]) {
      font-size: 52px !important; } }

.et_pb_scroll_top.et-visible {
  -webkit-animation: fadeInBottom 1s 1 cubic-bezier(0.5, 0, 0.16, 1);
  -moz-animation: fadeInBottom 2s 1 cubic-bezier(0.5, 0, 0.16, 1);
  -o-animation: fadeInBottom 1s 1 cubic-bezier(0.5, 0, 0.16, 1);
  animation: fadeInBottom 1s 1 cubic-bezier(0.5, 0, 0.16, 1); }

.et_pb_scroll_top.et-hidden {
  opacity: 0;
  -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); }

/*** List icon changes ***/
.custom_bullets_wpcc ul li {
  padding-left: 30px;
  list-style: none;
  margin-bottom: 10px; }
  .custom_bullets_wpcc ul li::before {
    content: '';
    display: inline-block;
    margin-left: -30px;
    font-family: 'ETmodules' !important;
    font-size: 60px;
    vertical-align: middle; }

.custom_bullets_wpcc--check ul li::before {
  content: '\4e';
  color: #9db89d;
  font-size: 29px;
  font-weight: 900; }

/*** Tabs cards Style ***/
.tabs_cards .tab_card .tabs_first_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .tabs_cards .tab_card .tabs_first_text img {
    margin-bottom: 10px; }

@media (min-width: 980px) and (max-width: 1497px) {
  .nature_tabs .et_pb_tab_0 .et_pb_tab_content .tab_card {
    width: 31.5% !important; }
  .tabs_roders .et_pb_tab_content .tab_card {
    width: 23.33%; } }

@media (max-width: 980px) {
  .tabs_cards .tab_card .tabs_first_text {
    flex-direction: row; }
    .tabs_cards .tab_card .tabs_first_text img {
      margin-bottom: 0;
      margin-right: 40px; } }

@media (min-width: 1498px) {
  .nature_tabs .et_pb_tab_0 .et_pb_tab_content .tab_card {
    width: 32.5% !important; } }

/*** Flipping cards for tabs ***/
/*  flip crds home section start */
.card-side {
  padding: 0 !important;
  margin: 0 !important;
  transition: all 1s ease;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important; }

.tabs_roders .et_pb_tab_content .tab_card {
  background: none !important; }
  .tabs_roders .et_pb_tab_content .tab_card .card-flip-front {
    background-color: #fff; }
  .tabs_roders .et_pb_tab_content .tab_card .card-flip-back {
    background-color: #9db89d; }
  @media (max-width: 980px) {
    .tabs_roders .et_pb_tab_content .tab_card.tab_card_mr {
      margin-right: 0; } }

.display-flex-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; }

.first-flip-column {
  height: 302px !important; }

.card-flip {
  position: relative !important; }
  .card-flip:hover .card-flip-front {
    transform: rotateY(-180deg) !important; }
  .card-flip:hover .card-flip-back {
    transform: rotateY(0) !important; }

.card-flip-back {
  padding: 16px !important;
  transform: rotateY(180deg) !important; }

/*  flip cards home section end */
/* michelle code scroll images bg start */
.scroll-img {
  background-size: cover;
  background-repeat: repeat-x !important;
  transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s !important; }

.scroll-img-x-right {
  background-position: 0; }

.scroll-img-x-left {
  background-position: 0; }

/* Image modal Styling */
/* start popup images */
#main-header {
  transition: all 0.2s linear !important; }

.img-modal {
  cursor: pointer !important; }

.popup-i {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
  margin: 0;
  padding: 0; }

.popup__box {
  box-shadow: 0 0 50px 1.5px black;
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 100%; }

.popup__img {
  max-width: 85vw;
  max-height: 80vh;
  margin: 0;
  padding: 0; }

.popup__opened {
  visibility: visible;
  opacity: 1; }

@media (max-width: 500px) {
  .popup__close-btn {
    right: -10px; } }

/* end popup images */
/***Small screen fix for menu items ***/
@media (max-width: 980px) {
  .nav-title .sub-menu .title-second .sub-menu {
    max-width: 150%; }
  #mobile_menu .menu-item > a {
    line-height: 1.4;
    font-size: 14px; }
  #mobile_menu .menu-item-240909 > a {
    white-space: pre-line; } }

@media (max-width: 680px) {
  .nav-title .sub-menu .title-second .sub-menu {
    max-width: 100%; } }

/* slider landing page*/
.box-left-slider {
  height: 80%;
  margin-top: -9px !important;
  transition: all .9s ease; }

.box-right-slider {
  transition: all .9s ease;
  height: 80%;
  margin-top: -9px !important; }

#emotional_slider:hover .et-pb-arrow-next {
  right: -15px !important; }

#emotional_slider:hover .et-pb-arrow-prev {
  left: -15px !important; }

.et-pb-arrow-next {
  right: 15px !important; }

.et-pb-arrow-prev {
  left: 15px !important; }

.slider-parent {
  overflow: visible !important; }
  .slider-parent .et_pb_slides .et_pb_slide_with_image .et_pb_container .et_pb_slider_container_inner .et_pb_slide_image > img {
    max-height: 300px !important;
    height: 300px !important; }

@media (min-width: 1200px) {
  #emotional_slider:hover .et-pb-arrow-prev {
    left: -4% !important; }
  #emotional_slider:hover .et-pb-arrow-next {
    right: -4% !important; } }

@media (max-width: 1200px) {
  #emotional_slider:hover .et-pb-arrow-prev {
    left: -60px !important; }
  #emotional_slider:hover .et-pb-arrow-next {
    right: -60px !important; } }

@media (max-width: 981px) {
  #emotional_slider:hover .et-pb-arrow-prev {
    left: -100px !important; }
  #emotional_slider:hover .et-pb-arrow-next {
    right: -100px !important; } }

@media (max-width: 800px) {
  #emotional_slider:hover .et-pb-arrow-prev, #emotional_slider:hover .et-pb-arrow-next {
    top: 45% !important; } }

@media (max-width: 767px) {
  #emotional_slider:hover .et-pb-arrow-prev {
    left: -50px !important; }
  #emotional_slider:hover .et-pb-arrow-next {
    right: -50px !important; } }

@media (max-width: 590px) {
  #emotional_slider:hover .et-pb-arrow-prev {
    left: -50px !important;
    top: 42% !important; }
  #emotional_slider:hover .et-pb-arrow-next {
    right: -50px !important;
    top: 42% !important; } }

@media (max-width: 450px) {
  #emotional_slider:hover .et-pb-arrow-prev {
    left: -35px !important;
    top: 35% !important; }
  #emotional_slider:hover .et-pb-arrow-next {
    right: -35px !important;
    top: 35% !important; } }

.roders__box-images, .roders__image {
  transition: all 0.5s cubic-bezier(0.07, 0.03, 0, 0.98); }

#header-roders .image-column-third {
  border-left: none;
  border-right: none; }

#header-roders .opacity-hide {
  transition: all 0.5s cubic-bezier(0.07, 0.03, 0, 0.98); }

.column-h {
  position: relative;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
  padding-bottom: 5%;
  overflow: hidden; }

#header-roders .column-h:hover {
  flex: 1.3 1 0;
  border-right: 2px solid rgba(243, 243, 243, 0.8); }

#column-second:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-right: 2px solid rgba(243, 243, 243, 0.8) !important;
  border-left: 2px solid rgba(243, 243, 243, 0.8);
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear; }

#column-fourth:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear; }

#column-third:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 3px solid rgba(243, 243, 243, 0.8);
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear; }

.image-column-third {
  border-right: 2px solid rgba(243, 243, 243, 0.8);
  border-left: 2px solid rgba(243, 243, 243, 0.8); }

#header-roders .column-h {
  position: relative;
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear; }
  #header-roders .column-h:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5%;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: -1; }
  #header-roders .column-h:hover:after {
    height: 100%;
    opacity: 1; }
  #header-roders .column-h .column-h__title-back {
    transform: translate(0, 70px);
    transition: all 0.2s linear;
    height: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transform: translate(0, 70px);
    -moz-transform: translate(0, 70px);
    -ms-transform: translate(0, 70px);
    -o-transform: translate(0, 70px); }
  #header-roders .column-h .column-h__subtitle {
    height: 0;
    transform: translate(0, 70px);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transform: translate(0, 70px);
    -moz-transform: translate(0, 70px);
    -ms-transform: translate(0, 70px);
    -o-transform: translate(0, 70px); }
  #header-roders .column-h .column-h__btn {
    transform: translate(0, 50px);
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -o-transform: translate(0, 50px); }
  #header-roders .column-h .column-h__title-back, #header-roders .column-h .column-h__subtitle, #header-roders .column-h .column-h__btn {
    opacity: 0; }
  #header-roders .column-h:hover .column-h__title-front {
    opacity: 0;
    transition: opacity 0.25s linear;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -ms-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear; }
  #header-roders .column-h:hover .column-h__title-back, #header-roders .column-h:hover .column-h__subtitle, #header-roders .column-h:hover .column-h__btn {
    visibility: visible;
    opacity: 1;
    height: auto;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0); }

@media (min-width: 1050px) {
  #header-roders .column-h__title-front {
    margin-top: 30% !important; } }

@media (max-width: 1050px) {
  #header-roders {
    max-height: 120vh;
    height: 60vh; }
    #header-roders .column-h:hover {
      flex: 4 1 0 !important;
      border-right: none;
      border-left: none; }
      #header-roders .column-h:hover .column-h__title-front {
        transition: opacity 0.25s linear;
        -webkit-transition: opacity 0.25s linear;
        -moz-transition: opacity 0.25s linear;
        -o-transition: opacity 0.25s linear;
        -ms-transition: opacity 0.25s linear; }
    #header-roders .column-h .column-h__title-back {
      transition: height 0.25s linear;
      -webkit-transition: height 0.2s linear;
      -moz-transition: height 0.2s linear;
      -o-transition: height 0.2s linear;
      -ms-transition: height 0.2s linear; }
    #header-roders .column-h .column-h__subtitle {
      max-width: 700px;
      margin-bottom: 6px !important;
      transition: height 0.2s linear;
      -webkit-transition: height 0.2s linear;
      -moz-transition: height 0.2s linear;
      -o-transition: height 0.2s linear;
      -ms-transition: height 0.2s linear; }
    #header-roders .column-h .column-h__btn {
      transition: height 0.25s linear;
      -webkit-transition: height 0.25s linear;
      -moz-transition: height 0.25s linear;
      -o-transition: height 0.25s linear;
      -ms-transition: height 0.25s linear; }
    #header-roders .column-h__title-front {
      margin-top: 10% !important; }
  .column-h__subtitle {
    margin-bottom: 5px !important; }
  .column-h__title-back h2 {
    font-size: 27px !important;
    line-height: 0.5; }
  .column-h__subtitle span {
    font-size: 15px; }
  .column-h__btn {
    font-size: 17px !important; }
  .column-h__title-front {
    margin-top: 18% !important; }
  .header-roders__container {
    flex-direction: column;
    height: 100% !important; }
  .header-roders {
    height: 60vh; }
  .column-h {
    width: 100% !important;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid rgba(243, 243, 243, 0.8); }
  #header-roders .column-h:hover .column-h__title-front {
    margin-top: 0 !important; }
  #header-roders #column-third:after {
    border-right: none !important;
    border-top: 2px solid rgba(243, 243, 243, 0.8); }
  #column-fourth:after {
    border-top: 2px solid rgba(243, 243, 243, 0.8); }
  #header-roders #column-second:after {
    border-right: none !important;
    border-left: none !important;
    border-top: 2px solid rgba(243, 243, 243, 0.8);
    border-bottom: 2px solid rgba(243, 243, 243, 0.8); } }

@media (max-width: 700px) {
  #header-roders {
    height: 50vh; }
    #header-roders .column-h:hover {
      flex: 6 1 0 !important; }
    #header-roders .column-h .column-h__subtitle {
      max-width: 600px; } }

@media (max-width: 450px) {
  #header-roders .column-h:hover {
    flex: 4 1 0 !important; }
  .column-h__title-front h2 {
    font-size: 1.2rem !important; }
  .column-h__subtitle span {
    font-size: 0.8rem;
    line-height: 0.2; }
  .column-h__btn {
    font-size: 0.9rem !important; }
  .column-h__title-back h2 {
    font-size: 1.2rem !important;
    line-height: 0.3; } }

@media (max-width: 320px) {
  #header-roders .column-h:hover {
    flex: 3 1 0 !important;
    padding-bottom: 1.6rem; }
  .column-h__subtitle {
    line-height: 1.1 !important; }
    .column-h__subtitle p {
      line-height: 1.1 !important; } }

.opacity-hide {
  opacity: 0; }

.full-screen-height {
  height: 100vh !important; }

.header-roders__container {
  background-size: cover; }

.mobile_nav {
  cursor: pointer; }

.disable-lightbox a {
  pointer-events: none; }

.disable-lightbox .et_overlay {
  display: none !important; }

@media (min-width: 980px) {
  #mobile_menu {
    max-height: 1000px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; } }

@media (min-width: 1701px) {
  #mobile_menu {
    height: 750px; } }

@media (min-width: 1301px) and (max-width: 1700px) {
  #mobile_menu {
    height: 600px; } }

@media (min-width: 1100px) and (max-width: 1300px) {
  #mobile_menu {
    height: 500px; } }

@media (min-width: 981px) {
  .big-header .et_pb_fullwidth_header_container {
    width: 95% !important; } }

#masonry4-grid {
  overflow: hidden;
  display: grid;
  gap: 10px;
  grid-template: repeat(8, auto)/repeat(12, auto); }

.masonry_grid_box .overlay-yellow {
  position: relative;
  transition: all 0.5s ease; }
  .masonry_grid_box .overlay-yellow .et_pb_blurb_description {
    transition: all 0.5s ease;
    opacity: 0; }
    .masonry_grid_box .overlay-yellow .et_pb_blurb_description p {
      padding: 0;
      top: 40%; }
    .masonry_grid_box .overlay-yellow .et_pb_blurb_description h4 {
      position: absolute;
      top: 25%;
      left: 0; }
  .masonry_grid_box .overlay-yellow:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: rgba(255, 95, 75, 0.9);
    opacity: 0;
    transition: all 0.5s; }
  .masonry_grid_box .overlay-yellow:hover:before {
    opacity: 1;
    height: 100%; }
  .masonry_grid_box .overlay-yellow:hover .et_pb_module_header {
    transition: all 0.3s ease;
    opacity: 0; }
  .masonry_grid_box .overlay-yellow:hover .et_pb_blurb_description {
    transition: all 0.5s ease;
    opacity: 1; }

.transform-animate:hover .et_pb_module_header {
  top: 0;
  transition: all 0.3s ease; }

.transform-animate:hover .et_pb_blurb_description {
  transform: translateY(0); }

.transform-animate .et_pb_blurb_description {
  transition: all 0.4s linear;
  transform: translateY(50px); }
  .transform-animate .et_pb_blurb_description h5 {
    margin-top: 5px; }

.transform-animate .et_pb_module_header {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  transition: all 0.4s linear;
  padding: 15px 62px !important; }

@media (max-width: 980px) {
  .masonry_grid_4box {
    height: 250vh; }
  #masonry4-grid {
    grid-template-rows: repeat(9, 25vh);
    grid-template-columns: 100%; }
    #masonry4-grid .first-grid-box {
      grid-column: 1/-1;
      grid-row: 1/4; }
    #masonry4-grid .second-grid-box {
      grid-column: 1/-1;
      grid-row: 4/6; }
    #masonry4-grid .third-grid-box {
      grid-column: 1/-1;
      grid-row: 6/8; }
    #masonry4-grid .fourth-grid-box {
      grid-column: 1/-1;
      grid-row: 8/10; } }

@media (max-width: 404px) {
  #masonry4-grid {
    grid-template-rows: repeat(4, 60vh); }
    #masonry4-grid .first-grid-box {
      grid-column: 1/-1;
      grid-row: 1/2; }
    #masonry4-grid .second-grid-box {
      grid-column: 1/-1;
      grid-row: 2/3; }
    #masonry4-grid .third-grid-box {
      grid-column: 1/-1;
      grid-row: 3/4; }
    #masonry4-grid .fourth-grid-box {
      grid-column: 1/-1;
      grid-row: 4/-1; }
  .masonry_grid_box .overlay-yellow .et_pb_blurb_description h5 {
    font-size: 15px;
    line-height: 16px; }
  .masonry_grid_box .overlay-yellow .et_pb_blurb_description p {
    font-size: 11px;
    line-height: 16px; }
  .masonry_grid_box .overlay-yellow .et_pb_blurb_description h3 {
    font-size: 16px;
    line-height: 20px; } }

/*** masonry 25 images ***/
#grid-images .et_pb_gallery_image {
  overflow: hidden; }
  #grid-images .et_pb_gallery_image img {
    transition: all 0.2s ease; }
  #grid-images .et_pb_gallery_image:hover img {
    transform: scale(1.06); }

#grid-images .et_pb_gallery_items {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(12, auto);
  grid-template-rows: repeat(41, auto); }

#grid-images .et_pb_gallery_image {
  transition: all 0.4s ease;
  width: 100%;
  height: 100%; }

#grid-images4 .et_pb_gallery_image {
  transition: all 0.4s ease;
  width: 100%;
  height: 100%; }

#grid-images .et_pb_gallery_image img, #grid-images4 .et_pb_gallery_image img {
  width: 100%;
  height: 100%; }

#grid-images .et_pb_gallery_item, #grid-images4 .et_pb_gallery_item {
  margin: 0;
  width: 100%;
  height: 100%; }

#grid-images .et_pb_gallery_item_0_0 {
  grid-column: 1/5;
  grid-row: 1/9; }

#grid-images .et_pb_gallery_item_0_1 {
  grid-column: 5/9;
  grid-row: 1/6; }

#grid-images .et_pb_gallery_item_0_2 {
  grid-column: 9/-1;
  grid-row: 1/8; }

#grid-images .et_pb_gallery_item_0_3 {
  grid-column: 5/9;
  grid-row: 6/9; }

#grid-images .et_pb_gallery_item_0_4 {
  grid-column: 1/6;
  grid-row: 9/12; }

#grid-images .et_pb_gallery_item_0_5 {
  grid-column: 6/9;
  grid-row: 9/12; }

#grid-images .et_pb_gallery_item_0_6 {
  grid-column: 9/-1;
  grid-row: 8/12; }

#grid-images .et_pb_gallery_item_0_7 {
  grid-column: 1/5;
  grid-row: 12/20; }

#grid-images .et_pb_gallery_item_0_8 {
  grid-column: 5/9;
  grid-row: 12/17; }

#grid-images .et_pb_gallery_item_0_9 {
  grid-column: 9/-1;
  grid-row: 12/19; }

#grid-images .et_pb_gallery_item_0_10 {
  grid-column: 5/9;
  grid-row: 17/20; }

#grid-images .et_pb_gallery_item_0_11 {
  grid-column: 1/6;
  grid-row: 20/23; }

#grid-images .et_pb_gallery_item_0_12 {
  grid-column: 6/9;
  grid-row: 20/23; }

#grid-images .et_pb_gallery_item_0_13 {
  grid-column: 9/-1;
  grid-row: 19/23; }

#grid-images .et_pb_gallery_item_0_14 {
  grid-column: 1/5;
  grid-row: 23/31; }

#grid-images .et_pb_gallery_item_0_15 {
  grid-column: 5/9;
  grid-row: 23/28; }

#grid-images .et_pb_gallery_item_0_16 {
  grid-column: 9/-1;
  grid-row: 23/30; }

#grid-images .et_pb_gallery_item_0_17 {
  grid-column: 5/9;
  grid-row: 28/31; }

#grid-images .et_pb_gallery_item_0_18 {
  grid-column: 1/6;
  grid-row: 31/34; }

#grid-images .et_pb_gallery_item_0_19 {
  grid-column: 6/9;
  grid-row: 31/34; }

#grid-images .et_pb_gallery_item_0_20 {
  grid-column: 9/-1;
  grid-row: 30/34; }

#grid-images .et_pb_gallery_item_0_21 {
  grid-column: 1/5;
  grid-row: 34/-1; }

#grid-images .et_pb_gallery_item_0_22 {
  grid-column: 5/9;
  grid-row: 34/38; }

#grid-images .et_pb_gallery_item_0_23 {
  grid-column: 9/-1;
  grid-row: 34/38; }

#grid-images .et_pb_gallery_item_0_24 {
  grid-column: 5/-1;
  grid-row: 38/-1; }

/* tabs styles Michelle */
.right-btn-tabs p {
  padding-bottom: 0.7rem !important; }

#tabs-conten2, #tabs-conten1 {
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }

.display-none {
  display: none !important; }

.left-btn-tabs, .right-btn-tabs {
  border-bottom: 3px solid #fff;
  transition: all 0.2s ease;
  display: flex;
  justify-content: center;
  align-content: center;
  width: calc(100% / 2);
  cursor: pointer; }

#tabs-conten-parent {
  transition: all 0.2s ease;
  width: 70%;
  display: flex;
  align-content: center; }
  #tabs-conten-parent .et_pb_module {
    transition: all 0.3s ease; }

@media (max-width: 1025px) {
  .left-btn-tabs, .right-btn-tabs {
    width: 100% !important; } }

.border-btn-tabs {
  transition: all 0.3s ease;
  border-bottom: 4px solid #9db89d; }

@media (max-width: 606px) {
  #tabs-conten-parent {
    width: 80% !important; }
    #tabs-conten-parent .text-up-animate {
      width: 100%; } }

#tabs-conten-parent {
  width: 88%; }

/* end tabs styles Michelle */
/* tabs Filt table css */
.open_tabs_filt tr td {
  border-top: 1px solid #fff !important;
  color: #fff; }

.open_tabs_filt img {
  border: 5px solid #fff !important;
  margin-right: 5px;
  margin-bottom: 20px; }

@media (max-width: 606px) {
  #parent-animate-top .text-up-animate {
    width: 100%; } }

@media (max-width: 500px) {
  #parent-animate-top .text-up-animate .et_pb_blurb_description span {
    font-size: 0.85rem; } }

/* end small cards with yellow overlay Michelle */
/*** Caption image ***/
.mfp-content .mfp-bottom-bar {
  background: #9db89d;
  padding: 10px; }
  .mfp-content .mfp-bottom-bar .mfp-title {
    color: #fff;
    font-weight: 500; }
  .mfp-content .mfp-bottom-bar .mfp-counter {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin-right: 10px;
    margin-top: 10px; }

/*fix home bg*/
.header-roders__container {
  background-size: cover; }

.mobile_nav {
  cursor: pointer; }

.disable-lightbox a {
  pointer-events: none; }

.disable-lightbox .et_overlay {
  display: none !important; }

@media (min-width: 980px) {
  #mobile_menu {
    max-height: 1000px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; } }

@media (min-width: 1701px) {
  #mobile_menu {
    height: 750px; } }

@media (min-width: 1301px) and (max-width: 1700px) {
  #mobile_menu {
    height: 600px; } }

@media (min-width: 1100px) and (max-width: 1300px) {
  #mobile_menu {
    height: 500px; } }

@media (min-width: 981px) {
  .big-header .et_pb_fullwidth_header_container {
    width: 95% !important; } }

/*Password page*/
.post-password-required .et_pb_section {
  background-color: #002934;
  background-image: url(images/body-bg.svg);
  transition: background-position 1s ease-in; }
  .post-password-required .et_pb_section .et_pb_row {
    width: 40%; }
    @media (max-width: 991px) {
      .post-password-required .et_pb_section .et_pb_row {
        width: 96%; } }
    .post-password-required .et_pb_section .et_pb_row .et_pb_column {
      padding: 40px;
      border-radius: 4px; }
      @media (max-width: 991px) {
        .post-password-required .et_pb_section .et_pb_row .et_pb_column {
          padding: 20px; } }
      .post-password-required .et_pb_section .et_pb_row .et_pb_column .et_password_protected_form .et_submit_button {
        border-radius: 6px;
        padding: 6px 32px; }
        .post-password-required .et_pb_section .et_pb_row .et_pb_column .et_password_protected_form .et_submit_button:hover {
          background: #000 !important; }

.post-password-required .et_password_protected_form p input {
  padding: 8px 16px !important; }

.tmdivi-wrapper * {
  font-family: "Source Sans Pro", Arial, Lucida, sans-serif !important; }

/*Glossary styling*/
.archive.post-type-archive.post-type-archive-encyclopedia .et_pb_text_inner {
  font-size: 32px !important; }

.archive.post-type-archive.post-type-archive-encyclopedia #et-main-area {
  padding-top: 40px;
  padding-bottom: 40px; }

.wp-singular.encyclopedia-template-default .et_pb_section {
  min-height: 78vh !important; }

.custom-page-wrapper {
  min-height: 70vh;
  display: flex;
  flex-direction: column; }
  .custom-page-wrapper .glossary-archive {
    margin-bottom: 40px; }

.custom-content {
  flex: 1; }

.encyclopedia-prefix-filters {
  margin-bottom: 15px;
  text-align: center; }
  .encyclopedia-prefix-filters a {
    margin: 0 5px;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none; }
    .encyclopedia-prefix-filters a.active {
      background: #333;
      color: #fff; }
  .encyclopedia-prefix-filters .filter-level {
    background-color: transparent !important;
    border-bottom: none !important;
    padding-top: 10px;
    padding-bottom: 10px; }
  .encyclopedia-prefix-filters .filter-link {
    border: 3px solid #FF5F4B;
    border-radius: 15px;
    color: #FF5F4B !important; }
    .encyclopedia-prefix-filters .filter-link a {
      color: #FF5F4B !important; }
  .encyclopedia-prefix-filters .filter-link:hover {
    color: #fff !important;
    background-color: #FF5F4B; }
  .encyclopedia-prefix-filters .filter-link a:hover {
    color: #fff !important; }
  .encyclopedia-prefix-filters .current-filter .filter-link {
    color: #fff !important;
    background-color: #FF5F4B; }

.glossary-single {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px; }

.glossary-title {
  font-size: 34px;
  margin-bottom: 20px; }

.glossary-content {
  font-size: 16px;
  line-height: 1.7; }

.glossary-back {
  margin-top: 40px; }

.glossary-item {
  margin-bottom: 40px; }
  .glossary-item h2 {
    font-size: 40px; }
  .glossary-item p {
    font-size: 24px; }
  .glossary-item a {
    text-decoration: none !important; }
    .glossary-item a:hover {
      color: #FF5F4B !important; }

.glossary-pagination {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: center; }
  .glossary-pagination .nav-links {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  .glossary-pagination a {
    text-decoration: none;
    background: transparent;
    color: #fff;
    padding: 8px 12px;
    border-radius: 15px; }
    .glossary-pagination a:hover {
      background: #ff5f4b; }
  .glossary-pagination .page-numbers.current {
    color: #fff;
    padding: 8px 12px;
    color: #ff5f4b; }

.tooltipster-base {
  border-radius: 50px; }

.tooltipster-box {
  padding: 10px; }

.tooltipster-content {
  font-size: 24px; }

/* Encyclopedia terms - remove green highlight */
a.encyclopedia {
  color: inherit !important;
  background: none !important;
  text-decoration: underline !important; }
  a.encyclopedia:hover {
    text-decoration: underline;
    opacity: 0.8; }

a {
  text-decoration: none !important; }

.glossary-reset-filter {
  margin-bottom: 15px;
  display: flex;
  justify-content: center; }

.reset-btn {
  display: inline-block;
  padding: 8px 0.5em;
  border: 3px solid #FF5F4B;
  border-radius: 15px;
  color: #FF5F4B !important;
  font-size: 0.9em; }
  .reset-btn:hover {
    color: #fff !important;
    background-color: #FF5F4B; }

/*Tablet and mobile heading , body text fix*/
@media (min-width: 768px) and (max-width: 980px) {
  h1 {
    font-size: 38px !important; }
    h1 a {
      font-size: 38px !important; }
  .et_pb_slider_container_inner a.et_pb_more_button {
    font-size: 24px !important; }
  h2 {
    font-size: 32px !important; }
  h3 {
    font-size: 24px !important; }
  h4 {
    font-size: 22px !important; }
  h5 {
    font-size: 20px !important; }
  h6 {
    font-size: 20px !important; }
  p {
    font-size: 20px !important; }
  a {
    font-size: 20px !important; } }

@media (max-width: 767px) {
  h1 {
    font-size: 32px !important; }
    h1 a {
      font-size: 32px !important; }
  .et_pb_slider_container_inner a.et_pb_more_button {
    font-size: 22px !important; }
  h2 {
    font-size: 26px !important; }
  h3 {
    font-size: 22px !important; }
  h4 {
    font-size: 20px !important; }
  h5 {
    font-size: 18px !important; }
  h6 {
    font-size: 18px !important; }
  p {
    font-size: 18px !important; }
  a {
    font-size: 18px !important; } }

.et_pb_row .encyclopedia.tooltipstered {
  pointer-events: none;
  cursor: default !important;
  color: inherit !important;
  text-decoration: none !important; }

.icon-text-module .et_pb_blurb_container {
  padding-top: 35px; }

.et_mobile_menu .sub-menu {
  border-bottom: none !important;
  margin-left: 20px; }
  .et_mobile_menu .sub-menu a {
    font-weight: 600 !important; }

#roders_contact .wpcf7-form .wpcf7-form-control.wpcf7-textarea {
  background: #fff !important; }

.error404.custom-background #main-content {
  background-color: transparent; }

.anchor-nav {
  display: flex;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  flex-wrap: wrap; }
  .anchor-nav a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #00D084;
    text-decoration: none;
    font-size: 30px;
    font-weight: 500;
    transition: color 0.2s ease;
    line-height: 20px; }
    .anchor-nav a i {
      font-size: 27px; }
    .anchor-nav a:hover {
      color: #fff; }

html {
  scroll-behavior: auto; }

@media (min-width: 768px) {
  .icon-text-module.et_pb_blurb .et_pb_module_header {
    line-height: 3rem !important; } }

@media (max-width: 768px) {
  .icon-text-row .et_pb_column.et_pb_column_1_4 {
    width: 100% !important; } }