/*
Template: brand-guide
Theme Name: Brand Guide Child
Theme URI: https://brandguide.agency/
Description: Creative Wordpress website for RTC Technology
Author: Brand Guide Agency
Author URI: https://brandguide.agency/
Text Domain: industrie
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
.prelements-blog-grid .pre-blog-item .pre-blog-content h3,
.rs-portfolio-style3.rs-portfolio-slider
  .portfolio-item
  .portfolio-content
  .p-title
  a {
  line-height: 1.25;
}
p {
  margin-bottom: 15px;
}
img[loading="lazy"] {
  width: auto;
  height: auto;
}
.rs-addon-services.style8 .services-inner .numbering-step {
  width: 54px;
  height: 54px;
  background-color: var(--e-global-color-primary);
}
.rs-addon-services.style8 .services-inner .numbering-step {
  width: 54px;
  height: 54px;
  background-color: var(--e-global-color-primary);
}
.rs-offcanvas-area .right_menu_togle .sidebar-mobile-menu-logo a img {
  height: auto;
}
.rs___default-logo {
  display: block;
}
.rs-button.btn-robotics .rs-btn,
.rs-video.style2 .rs-icon-inners .animate-border .popup-border,
.rs-video .popup-videos,
.rs-video .popup-videos:before,
.rs-slider-video-ani .rs-video .popup-videos i {
  background-color: var(--e-global-color-secondary);
}
#scrollUp i {
  border-radius: 0;
  background-color: var(--e-global-color-secondary);
}
#scrollUp i:hover {
  background-color: #d63816;
}
.rs-button .rs-btn {
  background-color: var(--e-global-color-primary);
}
.rs-button .rs-btn:before {
  background-color: var(--e-global-color-secondary);
}
.prelements-heading .title-inner .title span {
  color: var(--e-global-color-secondary);
}
.prelements-heading .title-inner span.sub-text {
  font-weight: 700;
  letter-spacing: 4.6px;
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 5px;
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: var(--e-global-color-primary);
  stroke: var(--e-global-color-primary);
}
.rs-services-slider.service-style-2 .rs-service-slider .service-title-holder {
  margin-left: 105px;
}
.rs-services-slider.service-style-2
  .rs-service-slider
  .service-title-holder
  .numbering {
  bottom: 100%;
  transform: translateY(50%);
}
.prelements-blog-grid .pre-blog-meta li {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}
.prelements-blog-grid .pre-blog-meta li:before {
  display: none;
}
.prelements-blog-grid .pre-blog-meta li:first-child {
  display: none;
}

.prelements-heading .title-inner .title {
  margin: 0 !important;
}

.prelements-heading .title-inner span.sub-text {
  font-family: "Be Vietnam Pro", Sans-serif;
}

.heading-divider .title-inner {
  padding-bottom: 28px;
}
.heading-divider .title-inner:before {
  bottom: 0;
  left: 50%;
  width: 20px;
  height: 20px;
  content: "";
  margin-left: -10px;
  position: absolute;
  background: url('heading-decor.png') center center no-repeat;
  background-size: contain;
}
.heading-divider .title:before,
.heading-divider .title:after {
  bottom: 8px;
  content: "";
  height: 3px;
  width: 50px;
  display: block;
  position: absolute;
  background-color: var(--e-global-color-primary);
}
.heading-divider .title:before {
  right: 50%;
  margin-right: 20px;
}
.heading-divider .title:after {
  left: 50%;
  margin-left: 20px;
}

div.rs-accordion-area
  .accordion-header
  .accordion-button
  .elementor-accordion-icon
  .elementor-accordion-icon-closed
  svg {
  width: 10px;
}
div.rs-accordion-area
  .accordion-header
  .accordion-button
  .elementor-accordion-icon
  .elementor-accordion-icon-opened
  svg {
  height: 16px;
}

.hfe-nav-menu
  .sub-menu
  .menu-item.current-menu-ancestor
  > .hfe-has-submenu-container
  > a.hfe-sub-menu-item {
  color: var(--e-global-color-primary);
}

.single-post .rs-blog-details {
  padding-left: 10px;
  padding-right: 10px;
}

.single-post .rs-blog-details h1 {
  font-size: 38px;
}
.single-post .rs-blog-details h2 {
  font-size: 32px;
}
.single-post .rs-blog-details h3 {
  font-size: 28px;
}
.single-post .rs-blog-details h4 {
  font-size: 24px;
}
.single-post .rs-blog-details h5 {
  font-size: 20px;
}

#scrollUp {
  right: 40px;
  left: auto;
}
.grecaptcha-badge {
  opacity: 0;
  visibility: hidden;
}

.dae-shortcode-download-wrapper img.dae-shortcode-download-file-image {
  padding: 0 !important;
}
.dae-shortcode-download-wrapper h2.dae-shortcode-download-title {
  font-weight: 700 !important;
  padding: 10px 0 !important;
}
.dae-shortcode-download-wrapper .dae-shortcode-register-label {
  display: none !important;
}
.dae-shortcode-download-wrapper .dae-shortcode-download-button,
.dae-shortcode-download-wrapper .dae-shortcode-download-button:hover {
  margin: 0 !important;
}

.portfolio-category-menu {
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  list-style-type: none;
  justify-content: center;
}
.portfolio-category-menu .term-item {
  position: relative;
}
.portfolio-category-menu .term-item.dropdown > a:after {
  font-size: 20px;
  content: "\ea4e";
  margin-left: 5px;
  line-height: 1;
  font-family: remixicon;
}
.portfolio-category-menu .term-item > a {
  display: block;
  font-weight: 500;
  padding: 10px 20px;
  text-transform: uppercase;
  color: var(--e-global-color-primary);
}
.portfolio-category-menu .term-item > a:hover {
  color: var(--e-global-color-secondary);
}
.portfolio-category-menu .term-item.active > a {
  color: #fff;
  background-color: var(--e-global-color-secondary);
}
.portfolio-category-menu .term-item .submenu {
  left: 0;
  z-index: 1;
  opacity: 0;
  background: #fff;
  min-width: 250px;
  margin: 20px 0 0 0;
  position: absolute;
  visibility: hidden;
  list-style-type: none;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  transition: 0.3s ease;
}
.portfolio-category-menu .term-item:hover > .submenu {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}
.portfolio-category-menu .submenu .term-item.active > a {
  background: none;
  color: var(--e-global-color-secondary);
}

.buttonizer .buttonizer-button:nth-child(5):after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 0 0 0 #13990a;
  animation-name: aniGlow;
  -webkit-animation-name: aniGlow;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.buttonizer .buttonizer-button:nth-child(4) i {
  animation: aniZoomInOut 2s ease infinite;
  transform-origin: top left;
}
.buttonizer .buttonizer-button:nth-child(3) img {
  animation-name: aniSwing;
  -webkit-animation-name: aniSwing;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  transform-origin: top left;
}
.buttonizer .buttonizer-button:nth-child(2) i {
  animation-name: aniTada;
  -webkit-animation-name: aniTada;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  transform-origin: top left;
}

@keyframes aniZoomInOut {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  50% {
    transform: scale(1.2) translate(-50%, -50%);
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}

@-webkit-keyframes aniGlow {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes aniGlow {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}
@-webkit-keyframes aniSwing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, 15deg) translate(-50%, -50%);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, -10deg) translate(-50%, -50%);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, 5deg) translate(-50%, -50%);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, -5deg) translate(-50%, -50%);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, 0deg) translate(-50%, -50%);
  }
}
@keyframes aniSwing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, 15deg) translate(-50%, -50%);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, -10deg) translate(-50%, -50%);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, 5deg) translate(-50%, -50%);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, -5deg) translate(-50%, -50%);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate(-50%, -50%);
    transform: rotate3d(0, 0, 1, 0deg) translate(-50%, -50%);
  }
}
@-webkit-keyframes aniTada {
  0% {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg) translate(-50%, -50%);
    transform: scale(0.9) rotate(-3deg) translate(-50%, -50%);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg) translate(-50%, -50%);
    transform: scale(1.1) rotate(3deg) translate(-50%, -50%);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg) translate(-50%, -50%);
    transform: scale(1.1) rotate(-3deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: scale(1) rotate(0) translate(-50%, -50%);
    transform: scale(1) rotate(0) translate(-50%, -50%);
  }
}
@keyframes aniTada {
  0% {
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg) translate(-50%, -50%);
    -ms-transform: scale(0.9) rotate(-3deg) translate(-50%, -50%);
    transform: scale(0.9) rotate(-3deg) translate(-50%, -50%);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg) translate(-50%, -50%);
    -ms-transform: scale(1.1) rotate(3deg) translate(-50%, -50%);
    transform: scale(1.1) rotate(3deg) translate(-50%, -50%);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg) translate(-50%, -50%);
    -ms-transform: scale(1.1) rotate(-3deg) translate(-50%, -50%);
    transform: scale(1.1) rotate(-3deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: scale(1) rotate(0) translate(-50%, -50%);
    -ms-transform: scale(1) rotate(0) translate(-50%, -50%);
    transform: scale(1) rotate(0) translate(-50%, -50%);
  }
}

@media (max-width: 768px) {
  .portfolio-category-menu {
    flex-direction: column;
    align-items: center;
  }
}

/* Animation */
@-webkit-keyframes rotateleft {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotateleft {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateright {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotateright {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@media (min-width: 1025px) {
  .hfe-nav-menu li.menu-item.hidden-sm {
    display: none;
  }
}

@media (max-width: 768px) {
  .rs-button .rs-btn {
    font-size: 14px;
    padding: 10px 20px;
    line-height: 24px;
  }
  .single-post .rs-blog-details h1 {
    font-size: 32px;
  }
  .single-post .rs-blog-details h2 {
    font-size: 28px;
  }
  .single-post .rs-blog-details h3 {
    font-size: 24px;
  }
  .single-post .rs-blog-details h4 {
    font-size: 20px;
  }
  .single-post .rs-blog-details h5 {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .prelements-heading h2.title,
  .prelements-heading h4.title {
    font-size: 24px;
  }
  .elementor-posts
    .elementor-grid-item
    .elementor-post__card
    .elementor-post__text {
    padding: 0 15px;
  }
  .prelements-blog-grid .pre-blog-item .pre-blog-content h3,
  .elementor-posts .elementor-post__card .elementor-post__title a {
    font-size: 18px !important;
  }
  .rs-button.btn-robotics .rs-btn {
    padding: 10px 22px;
  }
}