/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 2, 2022 */
@font-face {
  font-family: "avenir35_light";
  src: url("../fonts/avenir-light-webfont.woff2") format("woff2"), url("../fonts/avenir-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avenir45_book";
  src: url("../fonts/avenir-book-webfont.woff2") format("woff2"), url("../fonts/avenir-book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avenir55_roman";
  src: url("../fonts/avenir-roman-webfont.woff2") format("woff2"), url("../fonts/avenir-roman-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avenir65_medium";
  src: url("../fonts/avenir-medium-webfont.woff2") format("woff2"), url("../fonts/avenir-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avenir85_heavy";
  src: url("../fonts/avenir-heavy-webfont.woff2") format("woff2"), url("../fonts/avenir-heavy-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avenir95_black";
  src: url("../fonts/avenir-black-webfont.woff2") format("woff2"), url("../fonts/avenir-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "avenir45_book", sans-serif;
  font-weight: 400;
  color: #878786;
}

a {
  color: #DE0510;
}

a:hover, a:focus {
  outline: none;
  box-shadow: none;
  text-decoration: none;
  color: #878786;
}

button:focus {
  outline: none;
}

.sprite {
  background-image: url("../images/sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.transition {
  transition: all 0.3s linear;
}

strong {
  font-family: "avenir95_black", sans-serif;
}
strong.semibold {
  font-family: "avenir85_heavy", sans-serif;
}

ul.list-style-number {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: numbers;
}
ul.list-style-number li {
  display: flex;
  font-family: "avenir65_medium", sans-serif;
  color: #212121;
  align-items: center;
}
ul.list-style-number li:before {
  counter-increment: numbers;
  content: counter(numbers);
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(222, 5, 16, 0.1);
  color: #DE0510;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  font-weight: 500;
  flex-shrink: 0;
  margin-right: 25px;
}

::-moz-selection {
  color: #ffffff;
  background: #DE0510;
}

::selection {
  color: #ffffff;
  background: #DE0510;
}

.container {
  width: 100%;
  max-width: 1440px;
}

#wrapper {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

header {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  transition: all 0.3s;
  z-index: 9999 !important;
}
header .navbar {
  transition: all 0.3s linear;
  z-index: 10;
}
header .navbar .navbar-nav .nav-item {
  margin-right: 3rem;
}
header .navbar .navbar-nav .nav-item .nav-link {
  padding: 2.7rem 0;
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  color: #878786;
  transition: 0.5s;
}
header .navbar .navbar-nav .nav-item .nav-link:hover, header .navbar .navbar-nav .nav-item .nav-link.active {
  color: #DE0510;
}
header .navbar .navbar-nav .nav-item:last-child {
  margin-right: 0;
}
header .dropdown-menu .dropdown-item:focus, header .dropdown-menu .dropdown-item:hover {
  color: #DE0510;
  background-color: transparent;
}
header .dropdown:hover > .dropdown-menu {
  display: block;
  top: calc(100% + 1px);
}
header .dropdown > .dropdown-toggle:active {
  pointer-events: none;
}
header.fixed {
  box-shadow: 0px 4px 50px rgba(33, 33, 33, 0.1);
}
header.fixed .navbar {
  border-bottom: transparent;
}
header.translateY {
  transform: translateY(-100%);
}

/* banner */
#banner {
  height: 100vh;
  background-position: center bottom;
  background-size: cover;
}
#banner .banner-content {
  padding-top: 200px;
}
#banner .banner-content .banner-title {
  color: #ffffff;
  font-size: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);
  line-height: 1.2;
  font-family: "avenir95_black", sans-serif;
}
#banner .banner-content .sort-info {
  color: #878786;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
#banner .pipe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  top: auto;
  bottom: -40px;
  width: 50px;
  margin: 0 auto;
  text-align: center;
}
#banner .pipe::before, #banner .pipe::after {
  content: "";
  width: 2px;
  height: 80px;
  display: block;
  margin: 0 auto;
}
#banner .pipe::before {
  background-color: #ffffff;
}
#banner .pipe::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  background-color: #DE0510;
  top: auto;
}

#about-block .item .text {
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  color: #212121;
}

.intelligence-in-motion {
  position: relative;
}
.intelligence-in-motion:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 360px;
  background-color: #212121;
}
.intelligence-in-motion .section-header {
  z-index: 1;
  left: 0;
  right: 0;
}
.intelligence-in-motion .range-image-slider .image-slider {
  position: relative;
  padding-top: 60%;
}
.intelligence-in-motion .range-image-slider .image-slider #img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intelligence-in-motion .range-image-slider .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 20px;
  background: #d3d3d3;
  outline: none;
  border-radius: 50px;
  margin: 20px auto 20px;
  max-width: 600px;
}
.intelligence-in-motion .range-image-slider .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 50px;
  background: #3FA3E9;
  cursor: pointer;
  border-radius: 50px;
  border: none !important;
}
.intelligence-in-motion .range-image-slider .bottom {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  top: auto;
  bottom: 100px;
  z-index: 1;
}
.intelligence-in-motion .range-image-slider .bottom #slider-range-min {
  margin: 0 auto;
  width: 450px !important;
}
.intelligence-in-motion .range-image-slider .bottom #slider-range-min.ui-slider {
  border: none;
  height: auto;
  background: none;
  padding: 12px 0;
}
.intelligence-in-motion .range-image-slider .bottom #slider-range-min.ui-slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  top: calc(50% - 0.12em);
  background-image: linear-gradient(to left, #ff0000, #ff007f, #ff00ff, #7f00ff, #0000ff, #007fff, #00ffff, #00ff7f, #00ff00, #7fff00, #ffff00, #ff7d00, #ff0000);
  height: 0.25em;
  border-radius: 1.5rem;
}
.intelligence-in-motion .range-image-slider .bottom #slider-range-min .ui-slider-handle, .intelligence-in-motion .range-image-slider .bottom #slider-range-min .ui-state-focus, .intelligence-in-motion .range-image-slider .bottom #slider-range-min .ui-state- {
  cursor: e-resize;
  border-radius: 50%;
  border: none;
  background: none;
  background-color: #ffffff;
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
  outline: none;
  box-shadow: 0 0 10px rgb(0, 0, 0);
}
.intelligence-in-motion .range-image-slider .bottom #slider-range-min .ui-slider-range {
  border-radius: 10px 0 0 10px;
  background-image: none;
  background: transparent;
}

#product-block {
  background-color: #212121;
  overflow: hidden;
}
#product-block .section-header h2.title {
  color: #ffffff;
}
#product-block .slider {
  margin-top: 75px;
}
#product-block .slider .block {
  float: left;
  width: 330px;
  margin-right: 30px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  display: block;
  color: #878786;
}
#product-block .slider .block .img-wrapper {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
#product-block .slider .block .img-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s;
  top: 0;
}
#product-block .slider .block .prouduct-name {
  color: #ffffff;
  font-family: "avenir95_black", sans-serif;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
}
#product-block .slider .block .prouduct-name small {
  font-size: clamp(0.6875rem, 0.6625rem + 0.125vw, 0.8125rem);
}
#product-block .slider .block .desc {
  color: #878786;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}
#product-block .slider .block:hover .prouduct-name {
  color: #DE0510;
}
#product-block .slider .block:hover .img-wrapper img {
  top: -10px;
}
#product-block .owl-stage-outer {
  overflow: visible;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #878786 !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 0 !important;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #DE0510 !important;
  transition: all 0.3s linear;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 8px !important;
  margin: 5px 0 !important;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
  height: 20px !important;
  margin: 0 !important;
}

.social-links a i {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
}
.social-links a i.linkedin {
  background-position: -7px -7px;
  width: 20px;
  height: 20px;
}
.social-links a i.facebook {
  background-position: -34px -5px;
  width: 25px;
  height: 24px;
}
.social-links a i.instagram {
  background-position: -68px -6px;
  width: 22px;
  height: 22px;
}
.social-links a i.youtube {
  background-position: -97px -9px;
  width: 25px;
  height: 16px;
}
.social-links a i.twitter {
  background-position: -131px -7px;
  width: 23px;
  height: 20px;
}
.social-links a:hover i {
  filter: invert(14%) sepia(76%) saturate(5813%) hue-rotate(351deg) brightness(84%) contrast(108%);
}

/* button custom */
.btn-custom {
  position: relative;
  border: none;
  border-radius: 0;
  padding: 14px 24px;
  overflow: hidden;
  background-color: #DE0510;
  color: #ffffff;
  font-family: "avenir45_book", sans-serif;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.btn-custom:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background-color: #212121;
  transition: all 0.4s;
}
.btn-custom:focus {
  box-shadow: none;
}
.btn-custom:focus:before {
  width: 0%;
}
.btn-custom:focus span {
  position: relative;
  color: #ffffff;
}
.btn-custom:hover:before {
  width: 100%;
}
.btn-custom:hover span {
  color: #ffffff;
  position: relative;
}
.btn-custom.focus {
  box-shadow: none;
}

.padding {
  padding: 100px 0;
}

h2.title {
  font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
  line-height: 1.1;
  font-family: "avenir85_heavy", sans-serif;
  color: #212121;
  margin-bottom: 15px;
}
h2.title span {
  color: #878786;
  display: block;
}
h2.title em {
  font-style: normal;
  color: #DE0510;
}

.section-header p {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}

h3.title {
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  line-height: 1.2;
  font-family: "avenir85_heavy", sans-serif;
  color: #212121;
}

.owl-carousel.style01 .owl-dots {
  margin: 30px auto 0;
}
.owl-carousel.style01 .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: middle;
}
.owl-carousel.style01 .owl-dots .owl-dot span {
  background-color: #878786;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  display: block;
  margin: 0 10px;
  transition: all 0.3s linear;
}
.owl-carousel.style01 .owl-dots .owl-dot.active span {
  background-color: transparent;
  width: 16px;
  height: 16px;
  border-color: #878786;
}
.owl-carousel.style01 .owl-nav {
  position: absolute;
  right: 0;
  top: 0;
}
.owl-carousel.style01 .owl-nav button {
  border: 1px solid #878786;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  transition: all 0.3s linear;
}
.owl-carousel.style01 .owl-nav button:hover {
  background-color: #212121;
}
.owl-carousel.style01 .owl-nav button:hover img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
}
.owl-carousel.style01 .owl-nav .owl-prev img {
  transform: rotate(-90deg);
}
.owl-carousel.style01 .owl-nav .owl-next img {
  transform: rotate(90deg);
}
.owl-carousel.style01 .owl-nav .owl-next {
  margin-left: 25px;
}
.owl-carousel.style01 .owl-nav .iconify {
  width: 24px;
  height: 24px;
}
.owl-carousel.style01.owl-flex .owl-stage {
  display: flex;
}
.owl-carousel.style01.has-counter .owl-dots {
  counter-reset: slides-num;
  color: #DE0510;
  font-family: "avenir85_heavy", sans-serif;
  font-size: clamp(1.0625rem, 1rem + 0.3125vw, 1.375rem);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
}
.owl-carousel.style01.has-counter .owl-dots:after {
  content: " / " counter(slides-num);
  padding-left: 5px;
}
.owl-carousel.style01.has-counter .owl-dots .owl-dot {
  counter-increment: slides-num;
  border: 0;
  background: none;
  padding: 0;
}
.owl-carousel.style01.has-counter .owl-dots .owl-dot span {
  display: none;
}
.owl-carousel.style01.has-counter .owl-dots .owl-dot.active:before {
  content: counter(slides-num);
}
.owl-carousel.style01.has-counter .owl-nav {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
}
.owl-carousel.style01.has-counter .owl-nav button {
  border: none;
  width: 42px;
  height: 42px;
  background-color: rgba(222, 5, 16, 0.1);
}
.owl-carousel.style01.has-counter .owl-nav button.owl-prev {
  margin-right: 55px;
}
.owl-carousel.style01.has-counter .owl-nav button.owl-next {
  margin-left: 55px;
}

/* fancybox video */
.fancybox-type-iframe .fancybox-inner {
  padding-top: 56.25%;
  position: relative;
  height: 0 !important;
}
.fancybox-type-iframe .fancybox-inner iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.footer {
  background-color: #212121;
}
.footer .top {
  background-color: #212121;
}
.footer .top img {
  height: 50px;
}
.footer .top .logos .logos-wrapper {
  border-bottom: 1px solid #453F3F;
}
.footer .top .logos .logos-wrapper .sensinova-logo::before {
  content: "";
  position: absolute;
  left: -45vw;
  background: linear-gradient(90deg, rgba(222, 5, 16, 0) -2.83%, #DE0510 100%);
  width: 40vw;
  height: 2px;
}
.footer .top h6 {
  font-family: "avenir65_medium", sans-serif;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.footer .top ul li a {
  color: #878786;
}
.footer .top ul li a:hover {
  color: #ffffff;
}
.footer .social-media h6 {
  font-family: "avenir45_book", sans-serif;
  font-size: 0.875rem;
  color: #878786;
}
.footer .bottom {
  font-size: 0.938rem;
  background-color: #000;
}
.footer .bottom a {
  color: #878786;
}
.footer .bottom a:hover {
  color: #ffffff;
}
.footer .minor-links {
  color: #878786;
}
.footer .minor-links a {
  color: #878786;
}
.footer .minor-links a:hover {
  color: #ffffff;
}

.totop {
  bottom: 30px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  right: -60px;
  z-index: 9;
  background: #DE0510;
  color: #ffffff;
  transition: background-color 0.2s linear;
  opacity: 0;
}
.totop img {
  width: 24px;
  height: 24px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
}
.totop i {
  position: relative;
  width: 14px;
  height: 14px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 2px 2px 0 0;
  display: block;
  transform: rotate(-45deg);
  top: 5px;
}

.content p, .content ul, .content ol {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  line-height: 1.5;
  margin-bottom: 30px;
}
.content p:last-child, .content ul:last-child, .content ol:last-child {
  margin-bottom: 0;
}

.logo-slider .item img {
  max-width: 80%;
  max-height: 100px;
  width: auto;
  margin: auto;
  height: auto;
}

.customize-your-automation .blocks {
  margin-top: 75px;
}
.customize-your-automation .blocks .block {
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  height: 100%;
}
.customize-your-automation .blocks .block:nth-child(4) {
  border-right: none;
}
.customize-your-automation .blocks .block h3 {
  font-family: "avenir85_heavy", sans-serif;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  font-weight: normal;
  color: #212121;
}
.customize-your-automation .blocks .block .text {
  font-family: "avenir45_book", sans-serif;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-weight: normal;
  line-height: normal;
}
.customize-your-automation [class*=col-]:nth-child(4) .block, .customize-your-automation [class*=col-]:last-child .block {
  border-right: none;
}
.customize-your-automation [class*=col-]:nth-last-child(-n+3) .block {
  border-bottom: none;
}

.effortless-voice-control {
  background-color: #F7F8F9;
}
.effortless-voice-control:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background-color: #ffffff;
}
.effortless-voice-control .pic {
  background: url("../images/effortless-voice-control-pic.jpg") center top no-repeat;
  height: 887px;
}

.bottom-block {
  background-color: #F7F8F9;
}
.bottom-block .text {
  font-family: "avenir85_heavy", sans-serif;
  font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
  color: #212121;
  line-height: normal;
}
.bottom-block .text span {
  display: block;
  color: #DE0510;
}
.bottom-block p {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.bottom-block .btn-custom {
  width: 100%;
}

.bg-second {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}

#magic-of-colors .bg {
  padding-bottom: 38%;
  border-radius: 20px 20px 0 0;
}

#magic-of-colors .bg-second {
  opacity: 0;
  transition: opacity 500ms;
}

#magic-of-colors .content.wrapper {
  position: relative;
  background-color: #1b1b1b;
  border-radius: 0 0 20px 20px;
  margin-bottom: 130px;
}

#magic-of-colors .content.wrapper p {
  color: #ffffff;
}

#magic-of-colors .content .magic-slider-wrapper {
  border-radius: 10px;
  height: 50px;
  background-color: #151515;
  margin-bottom: 0;
  width: 100%;
}

#magic-of-colors .slider#magic-mobile-slider {
  width: 90%;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
}

#magic-of-colors .bg-color-0 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-0.jpg");
}

#magic-of-colors .bg-color-1 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-1.jpg");
}

#magic-of-colors .bg-color-2 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-2.jpg");
}

#magic-of-colors .bg-color-3 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-3.jpg");
}

#magic-of-colors .bg-color-4 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-4.jpg");
}

#magic-of-colors .bg-color-5 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-5.jpg");
}

#magic-of-colors .bg-color-6 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-6.jpg");
}

#magic-of-colors .bg-color-7 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-7.jpg");
}

#magic-of-colors .bg-color-8 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-8.jpg");
}

#magic-of-colors .bg-color-9 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-9.jpg");
}

#magic-of-colors .bg-color-10 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-10.jpg");
}

#magic-of-colors .bg-color-11 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-11.jpg");
}

#magic-of-colors .bg-color-12 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-12.jpg");
}

#magic-of-colors .bg-color-13 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-13.jpg");
}

#magic-of-colors .bg-color-14 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-14.jpg");
}

#magic-of-colors .bg-color-15 {
  background-image: url("https://www.fibaro.com/en/wp-content/uploads/sites/3/2017/02/color-15.jpg");
}

/* inner pages styles */
#inner-banner {
  height: 400px;
  position: relative;
  background-color: #212121;
}
#inner-banner span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.7;
}
#inner-banner h1 {
  font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
  font-family: "avenir85_heavy", sans-serif;
  color: #ffffff;
  letter-spacing: 1px;
  max-width: 870px;
  margin: auto;
}
#inner-banner .breadcrumb {
  background: none;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  color: rgba(255, 255, 255, 0.5);
}
#inner-banner .breadcrumb .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.5);
}
#inner-banner .breadcrumb .breadcrumb-item a:hover {
  color: #DE0510;
}
#inner-banner .breadcrumb .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.5);
}
#inner-banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "|";
  color: rgba(255, 255, 255, 0.5);
}

.features-wrapper {
  background-color: #212121;
}
.features-wrapper .item {
  position: relative;
}
.features-wrapper .item .icon {
  width: 100%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features-wrapper .item .text {
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  color: #ffffff;
  line-height: normal;
}
.features-wrapper .item:after {
  content: "";
  width: 1px;
  height: 56px;
  background-color: #636363;
  position: absolute;
  right: 0;
  top: 25px;
}
.features-wrapper .row [class^=col-]:last-child .item:after {
  display: none;
}

.opacity-slider {
  position: relative;
}
.opacity-slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  bottom: 50%;
  background-color: #212121;
}
.opacity-slider .square {
  position: relative;
  padding-top: 56.25%;
  cursor: pointer;
}
.opacity-slider .square img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.opacity-slider .square img.on-img {
  z-index: 1;
}
.opacity-slider .bottom {
  text-align: center;
  margin: 20px 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
  z-index: 1;
}
.opacity-slider .bottom p {
  color: #ffffff;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}
.opacity-slider .bottom #slider {
  margin: 15px auto 0;
  width: 450px;
}
.opacity-slider .bottom #slider.ui-slider {
  border: none;
  height: auto;
  background: none;
  padding: 12px 0;
}
.opacity-slider .bottom #slider.ui-slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  top: calc(50% - 0.12em);
  background: none;
  background-color: #616161;
  height: 0.25em;
  border-radius: 1.5rem;
}
.opacity-slider .bottom #slider .ui-slider-handle {
  cursor: e-resize;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: none;
  background: none;
  background-color: #ffffff;
  top: 0;
}
.opacity-slider .bottom #slider .ui-slider-range {
  border-radius: 10px 0 0 10px;
  height: 4px;
  top: calc(50% - 2px);
}

.prime-vantage .list-style-number {
  margin-top: 75px;
}
.prime-vantage .list-style-number li {
  padding-right: 75px;
}

.low-power-wrapper {
  background-color: #212121;
}

.low-power-pic {
  position: relative;
}
.low-power-pic:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  bottom: 50%;
  background-color: #212121;
}
.low-power-pic img {
  position: relative;
}

.contact-details .icon {
  width: 100%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-details .text strong {
  font-family: "avenir65_medium", sans-serif;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  color: #212121;
  font-weight: normal;
}
.contact-details .text p {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.contact-details .text p a {
  color: #878786;
}
.contact-details .text p a:hover {
  color: #DE0510;
}

.form-container {
  background-color: #F7F8F9;
}

.custom-form .custom-select {
  background: url("../images/caret-down.png") center right no-repeat #fff;
}
.custom-form .form-control {
  border: 1px solid rgba(217, 217, 217, 0.5);
  border-radius: 0;
  height: 54px;
}
.custom-form textarea.form-control {
  min-height: 120px;
}

.custom-checkbox {
  position: relative;
  padding-left: 34px;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 1px solid #DE0510;
  border-radius: 2px;
}
.custom-checkbox .checkmark:before {
  content: "";
  width: 7px;
  height: 12px;
  display: block;
  border: 1px solid #DE0510;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  left: 8px;
  top: 3px;
  transition: 0.2s;
  opacity: 0;
}
.custom-checkbox input:checked ~ .checkmark:before {
  opacity: 1;
}

.blog-item {
  margin-bottom: 2rem;
  transition: 0.4s;
}
.blog-item .img-wrapper {
  padding-top: 56.25%;
  position: relative;
}
.blog-item .img-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-item .text {
  font-family: "avenir85_heavy", sans-serif;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  color: #212121;
  transition: 0.4s;
}
.blog-item .text strong {
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  color: #878786;
  font-family: "avenir65_medium", sans-serif;
  font-weight: normal;
}
.blog-item:hover .text {
  color: #DE0510;
}

.product-listing .item .img-wrapper {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.product-listing .item .img-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.product-listing .item .text {
  font-family: "avenir85_heavy", sans-serif;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  color: #212121;
}
.product-listing .item .text em {
  display: block;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  color: #878786;
  font-style: normal;
  text-transform: uppercase;
}
.product-listing .item:hover .img-wrapper img {
  transform: scale(1.1);
}
.product-listing .item:hover .text {
  color: #DE0510;
}
.product-listing.style2 .item {
  padding-bottom: 15px;
}
.product-listing.style2 .item .img-wrapper {
  border-radius: 0;
  margin-bottom: 0 !important;
}
.product-listing.style2 .item .img-wrapper img {
  border-radius: 0;
  transform: scale(1);
}
.product-listing.style2 .item:hover {
  background-color: #F7F8F9;
}
.product-listing.style2 .item:hover .img-wrapper img {
  transform: translateY(-10px);
}

.product-details .pic {
  width: 100%;
  position: relative;
  padding-top: 100%;
}
.product-details .pic img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-details .product-title {
  font-family: "avenir85_heavy", sans-serif;
  font-size: clamp(1.75rem, 1.6rem + 0.75vw, 2.5rem);
  color: #212121;
}
.product-details .product-title span {
  font-family: "avenir45_book", sans-serif;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  color: #878786;
  text-transform: uppercase;
}
.product-details .specs-table h3 {
  font-family: "avenir85_heavy", sans-serif;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 1px solid #878786;
}
.product-details .specs-table .item {
  font-family: "avenir85_heavy", sans-serif;
  color: #212121;
  margin-bottom: 15px;
}
.product-details .specs-table .item .label {
  display: block;
  font-family: "avenir55_roman", sans-serif;
  color: #878786;
}

.nav-tabs .nav-item .nav-link {
  background-color: transparent;
  color: #878786;
  border-color: transparent;
  font-size: 1.25rem;
}
.nav-tabs .nav-item .nav-link:focus, .nav-tabs .nav-item .nav-link.active {
  color: #DE0510;
  border-color: #dee2e6 #dee2e6 #F7F8F9;
}

/* responsive */
@media only screen and (min-width: 992px) and (max-width: 1380px) {
  h2.title br {
    display: none;
  }
  .intelligence-in-motion {
    background-color: #212121;
  }
  .intelligence-in-motion .range-image-slider .bottom {
    bottom: 20px;
  }
  .customize-your-automation [class*=col-] .block {
    border-right: none;
  }
  .customize-your-automation [class*=col-]:nth-last-child(-n+3) .block {
    border-bottom: 1px solid #d9d9d9;
  }
  .opacity-slider .bottom {
    bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  header .navbar .navbar-nav .nav-item .nav-link {
    padding: 1.5rem 0;
  }
  .padding {
    padding: 75px 0;
  }
  .customize-your-automation [class*=col-] .block {
    border-right: none;
  }
  .customize-your-automation [class*=col-]:nth-last-child(-n+3) .block {
    border-bottom: 1px solid #d9d9d9;
  }
  .intelligence-in-motion {
    background-color: #212121;
  }
  .intelligence-in-motion .section-header {
    position: relative !important;
  }
  .intelligence-in-motion .range-image-slider .bottom {
    position: relative;
    bottom: -20px;
  }
  #inner-banner {
    height: 300px;
  }
  .bottom-block .text br {
    display: none;
  }
  .bottom-block p br {
    display: none;
  }
  .footer .top .logos .logos-wrapper .sensinova-logo::before {
    left: -20vw;
    width: 17vw;
  }
  .features-wrapper .item {
    margin-bottom: 30px;
  }
  .opacity-slider .bottom {
    bottom: 0;
  }
  .prime-vantage .list-style-number [class*=col-] {
    padding: 0;
  }
  .prime-vantage .list-style-number li {
    padding-right: 0;
  }
  .features-wrapper [class*=col-]:nth-child(3n) .item::after {
    display: none;
  }
  .content p:last-child, .content ul:last-child, .content ol:last-child {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .navbar-collapse {
    max-height: 100vh;
    overflow-y: auto;
  }
  header .navbar .navbar-nav .nav-item .nav-link {
    padding: 1.3rem 0;
  }
  .padding {
    padding: 50px 0;
  }
  #banner .banner-content {
    padding-top: 100px;
  }
  .intelligence-in-motion::before {
    height: 100%;
  }
  .intelligence-in-motion .section-header {
    position: relative !important;
  }
  .intelligence-in-motion .range-image-slider .bottom {
    position: relative;
    bottom: -20px;
  }
  .intelligence-in-motion .range-image-slider .bottom #slider-range-min {
    width: 280px !important;
  }
  #product-block .slider .block {
    width: 270px;
    margin-right: 15px;
  }
  #product-block .slider .block .prouduct-name small {
    display: block;
  }
  .customize-your-automation [class*=col-]:nth-last-child(even) .block {
    border-right: none;
  }
  .customize-your-automation [class*=col-]:last-child .block::before, .customize-your-automation [class*=col-]:last-child .block::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
  }
  .customize-your-automation [class*=col-]:last-child .block::before {
    left: -50%;
  }
  .bottom-block .text br {
    display: none;
  }
  .bottom-block p br {
    display: none;
  }
  .btn-custom {
    padding: 14px;
  }
  .footer .top img {
    height: auto;
    width: 100px;
  }
  .footer .top .logos .logos-wrapper .footer-logo {
    flex-shrink: 0;
  }
  .footer .top .logos .logos-wrapper .sensinova-logo::before {
    display: none;
  }
  .footer .top .logos .logos-wrapper .sensinova-logo span {
    font-size: 0.7rem;
  }
  #inner-banner {
    height: 180px;
  }
  #inner-banner .breadcrumb {
    display: none;
  }
  h2.title br {
    display: none;
  }
  .content p, .content ul, .content ol, .content p:last-child, .content ul:last-child, .content ol:last-child {
    margin-bottom: 15px;
  }
  .features-wrapper [class*=col-]:nth-child(even) .item::after {
    display: none;
  }
  .features-wrapper .item {
    margin-bottom: 50px;
  }
  .opacity-slider {
    background-color: #212121;
  }
  .opacity-slider .bottom {
    bottom: 0;
    position: relative;
    padding-bottom: 50px;
  }
  .opacity-slider .bottom #slider {
    width: 280px;
  }
  .prime-vantage .list-style-number li {
    padding: 0;
  }
  .contact-details .item {
    margin-bottom: 30px;
  }
  .section-header p br {
    display: none;
  }
  .effortless-voice-control {
    background-color: #212121;
  }
  .effortless-voice-control::before {
    background-color: #212121;
  }
  .effortless-voice-control .pic {
    height: auto;
    background-size: 100%;
    background-position: center bottom;
    padding-bottom: 200px;
  }
}/*# sourceMappingURL=common.css.map */