@charset "UTF-8";
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*
     @include grid-md {
        min-height: 40vh;        
    }
*/
.bg-img {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.bg-overlay {
  position: relative;
}
.bg-overlay .container {
  position: relative;
  z-index: 1;
}
.bg-overlay:before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}
.bg-overlay-light:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-overlay-dark:before {
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay-white {
  position: relative;
}
.overlay-white:before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}

.bg-black {
  background-color: #000 !important;
}

.fs-1x {
  font-size: 12px;
}

.fs-2x {
  font-size: 14px;
}

.fs-3x {
  font-size: 16px;
}

.fs-4x {
  font-size: 18px;
}

.fs-5x {
  font-size: 20px;
}

.fs-6x {
  font-size: 22px;
}

.fs-7x {
  font-size: 24px;
}

.fs-8x {
  font-size: 26px;
}

.fs-9x {
  font-size: 28px;
}

.fs-10x {
  font-size: 30px;
}

.fs-11x {
  font-size: 32px;
}

.fs-12x {
  font-size: 34px;
}

.fs-13x {
  font-size: 36px;
}

.fs-14x {
  font-size: 38px;
}

.fs-15x {
  font-size: 40px;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-10 {
  opacity: 1;
}

.box-glow {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.separator-with-text {
  display: flex;
  align-items: center;
}
.separator-with-text:before, .separator-with-text:after {
  flex: 1;
  width: 100%;
  content: "";
  display: inline-block;
  border-bottom: 1px solid #fafafa;
}
.separator-with-text:before {
  margin-right: 20px;
}
.separator-with-text:after {
  margin-left: 20px;
}

.row-7 {
  margin-left: -7px;
  margin-right: -7px;
}
.row-7 > div[class^=col-] {
  padding-left: 7px;
  padding-right: 7px;
}

.row-24 {
  margin-left: -24px;
  margin-right: -24px;
}
.row-24 > div[class^=col-] {
  padding-left: 24px;
  padding-right: 24px;
}

@media only screen and (max-width: 767.98px) {
  .mobile-no-bg {
    background: none !important;
  }
}

.max-w-300px {
  max-width: 300px;
}

.text-underline {
  text-decoration: underline !important;
}

.txt-black {
  color: #000 !important;
}

.mark, mark {
  padding: 0.2em 0.25em 0.1em;
  margin-left: -0.25em;
  line-height: 1.4em;
}

/*--------------------*\
    Defaults
\*--------------------*/
body {
  font-family: "KarbonWeb", sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  color: #000000;
}
@media only screen and (max-width: 991.98px) {
  body {
    font-size: 5vw;
  }
}

@media only screen and (max-width: 991.98px) {
  html, body {
    overflow-x: hidden;
  }
}

ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

h1 {
  font-weight: 300;
  font-size: 4vw;
}
@media only screen and (max-width: 991.98px) {
  h1 {
    font-size: 8vw;
  }
}

h2 {
  font-weight: 800;
  font-size: 3vw;
}
@media only screen and (max-width: 991.98px) {
  h2 {
    font-size: 7.529vw;
  }
}

h3 {
  font-weight: 800;
  font-size: 2.5vw;
  margin-bottom: 1.5vw;
  line-height: 110%;
  position: relative;
}
h3:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5vw;
  width: 10vw;
  height: 0.23vw;
  background-color: #FFEC2D;
}
@media only screen and (max-width: 991.98px) {
  h3 {
    font-size: 5vw;
  }
}

h4 {
  font-weight: 800;
  font-size: 2vw;
  margin-bottom: 2vw;
  position: relative;
}
h4:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5vw;
  width: 10vw;
  height: 0.23vw;
  background-color: #FFEC2D;
}
@media only screen and (max-width: 991.98px) {
  h4 {
    font-size: 8vw;
  }
}

h5 {
  font-weight: 600;
  font-size: 2vw;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (max-width: 991.98px) {
  h5 {
    font-size: 8vw;
  }
}

h6 {
  font-weight: 500;
  font-size: 2vw;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (max-width: 991.98px) {
  h6 {
    font-size: 8vw;
  }
}

h6.h6-22 {
  font-weight: 400;
  font-size: 1.375vw;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (max-width: 991.98px) {
  h6.h6-22 {
    font-size: 2.7vw;
  }
}

h6.h6-18 {
  font-weight: 800;
  font-size: 1.125vw;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (max-width: 991.98px) {
  h6.h6-18 {
    font-size: 2.8vw;
  }
}

p {
  font-weight: 300;
  line-height: 120%;
}

small {
  font-size: 1vw;
}
@media only screen and (max-width: 991.98px) {
  small {
    font-size: 2vw;
  }
}

.row [class^=col-] {
  padding-left: 1vw !important;
  padding-right: 1vw !important;
}

.form-row > .col, .form-row > [class*=col-] {
  padding-right: 0.5vw;
  padding-left: 0.5vw;
}
@media only screen and (max-width: 991.98px) {
  .form-row > .col, .form-row > [class*=col-] {
    padding-right: 2vw;
    padding-left: 2vw;
  }
}

.container-fluid {
  padding-right: 4.5vw;
  padding-left: 4.5vw;
}
@media only screen and (max-width: 991.98px) {
  .container-fluid {
    padding-right: 3.75vw;
    padding-left: 3.75vw;
  }
  .container-fluid .row {
    margin: 0;
  }
}

/*h2,h4,h6{*/
/*font-family: 'Abril Fatface', cursive;*/
/*}*/
a, a:hover {
  text-decoration: none;
}

.btn {
  font-weight: 600;
  font-size: 1.56vw;
  line-height: 1.6vw;
  border-radius: 30vh;
  padding: 0.8vw 1.5vw;
  min-width: 14.5vw;
  text-transform: uppercase;
}
.btn.btn-yellow {
  background-color: #FFEC2D;
  color: #000000;
  border: 0.2vw solid #FFFFFF;
}
.btn.btn-yellow.btn-yellow-outline {
  color: #FFEC2D;
  background-color: transparent;
  border: 0.2vw solid #FFEC2D;
}
.btn.btn-dark {
  background-color: #000000;
  color: #FFEC2D;
  border: 0.2vw solid #FFFFFF;
}
.btn.btn-dark.outline {
  color: #000000;
  background-color: transparent;
  border: 0.2vw solid #000000;
}
.btn.btn-white {
  background-color: #ffffff;
  color: #FFEC2D;
  border: 0.2vw solid #000000;
}
.btn.btn-white.outline {
  color: #fff;
  background-color: transparent;
  border: 0.2vw solid #ffffff;
}
@media only screen and (max-width: 991.98px) {
  .btn {
    font-size: 5vw;
    line-height: 110%;
    padding: 3vw 5vw;
    min-width: unset;
    max-width: fit-content;
  }
  .btn.btn-yellow {
    border: 0.25vw solid #FFFFFF;
  }
  .btn.btn-yellow.btn-yellow-outline {
    border: 0.25vw solid #FFFFFF;
  }
  .btn.btn-dark {
    border: 0.25vw solid #FFFFFF;
  }
  .btn.btn-dark.outline {
    border: 0.25vw solid #FFFFFF;
  }
  .btn.btn-white {
    border: 0.25vw solid #000000;
  }
  .btn.btn-white.outline {
    border: 0.25vw solid #FFFFFF;
  }
}

.section-title:after {
  content: "";
  position: absolute;
  width: 25%;
  height: 3%;
  left: 0;
  background: #000;
  bottom: 0;
}

.section-title-2 {
  font-weight: 600;
  font-size: 3.8vw;
  color: #000000;
  position: relative;
}

.owl-carousel .owl-item img {
  width: 100%;
}

.owl-nav.disabled {
  display: block !important;
}

.table td, .table th {
  border-top: 1px solid #ebebeb;
}

.hr-brand {
  border-top-color: #bf9b69;
}

.sub-container-main {
  max-width: 81.25vw;
  margin: 0 auto;
}
@media only screen and (max-width: 991.98px) {
  .sub-container-main {
    max-width: 100%;
  }
}

.dot:before {
  content: "•";
}

i[class*=h-icon-] {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (min-width: 62em) {
  .d-card p {
    margin-bottom: 24px;
  }
}
/*testimonial-section*/
.testimonial-section {
  background-image: url("../img/slider-bg-img.png");
  background-repeat: no-repeat;
  background-size: 38% 70%;
  background-position: 10% 48%;
  padding: 10vw 0;
}
@media only screen and (max-width: 991.98px) {
  .testimonial-section {
    background-image: none;
  }
  .testimonial-section .wrapper-content {
    width: 90%;
    margin: unset;
  }
}

.testimonial-section h1 {
  font-size: 4vw;
  font-weight: 300;
  line-height: 10.7vh;
}
@media only screen and (max-width: 991.98px) {
  .testimonial-section h1 {
    font-size: 8vw;
  }
}

.testimonial-slider .slider-item {
  position: relative;
}
.testimonial-slider button {
  position: absolute;
  top: 35%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 991.98px) {
  .testimonial-slider button {
    top: 20%;
  }
}
.testimonial-slider button img {
  min-width: 2.109375vw;
}
.testimonial-slider button.owl-prev {
  left: -10%;
}
@media only screen and (max-width: 991.98px) {
  .testimonial-slider button.owl-prev {
    display: none !important;
  }
}
.testimonial-slider button.owl-next {
  right: -10%;
}
@media only screen and (max-width: 991.98px) {
  .testimonial-slider button.owl-next {
    right: -15%;
  }
}
.testimonial-slider button:focus, .testimonial-slider button:hover {
  background: transparent !important;
  border: 0 !important;
  outline: 0;
}

.slider-content {
  position: absolute;
  max-width: 29.5vw;
  min-width: 29.5vw;
  min-height: 31.25vw;
  background: #fff;
  top: 0;
  right: 0;
  padding: 2.34375vw 3.125vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.slider-content p {
  font-weight: 500;
  font-size: 2vw;
  line-height: 110%;
}
@media only screen and (max-width: 991.98px) {
  .slider-content .slider-content {
    position: relative;
    max-width: 100%;
    min-width: unset;
  }
  .slider-content .slider-content p {
    font-size: 5.176vw;
    line-height: 140%;
  }
}

.slider-main-img {
  padding: 6vw 0;
  position: relative;
}
.slider-main-img img {
  min-width: 50vw;
  min-height: 24vw;
}
@media only screen and (max-width: 991.98px) {
  .slider-main-img img {
    max-height: 60vw;
  }
}
.slider-main-img .btn {
  position: absolute;
  right: 1%;
  bottom: 18%;
}
@media only screen and (max-width: 991.98px) {
  .slider-main-img .btn {
    position: relative;
    bottom: 0;
    margin-top: 4vw;
    border-color: #000 !important;
  }
}

.client-details .disc h6, .client-details .disc span {
  font-size: 1.09375vw;
  margin: 0;
}
@media only screen and (max-width: 991.98px) {
  .client-details .disc h6, .client-details .disc span {
    font-size: 4vw;
  }
}

.client-img img {
  min-width: 3.75vw;
}

.client-details {
  display: flex;
}

.client-details .client-img {
  margin-right: 20px;
}

.slider-main-img img {
  width: auto !important;
}

.modal.contact-form-modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  min-width: 100vw;
  padding-right: 1vw;
}
.modal.contact-form-modal .modal-dialog .modal-content {
  background-color: #000;
  height: auto;
  min-height: 100%;
  border-radius: 0;
  border: 0;
}
.modal.contact-form-modal .modal-dialog .modal-content .modal-header {
  padding: 1vw 3vw;
  min-height: 5vw;
  align-items: flex-end;
  border-bottom: 0;
}
.modal.contact-form-modal .modal-dialog .modal-content .modal-header .close span {
  font-size: 3.5vw;
  line-height: 0;
  vertical-align: middle;
  color: #fff;
  font-weight: 100;
}
.modal.contact-form-modal .modal-dialog .modal-content h1, .modal.contact-form-modal .modal-dialog .modal-content p {
  color: #fff;
  margin-bottom: 2vw;
}
.modal.contact-form-modal .modal-dialog .modal-content p {
  margin-bottom: 4vw;
}
.modal.contact-form-modal .modal-dialog .modal-content form .form-group {
  margin-bottom: 1.5vw;
}
.modal.contact-form-modal .modal-dialog .modal-content form label {
  color: #fff;
  font-size: 1vw;
}
.modal.contact-form-modal .modal-dialog .modal-content form .form-control {
  background-color: transparent;
  color: #fff;
  height: 3vw;
  padding: 0.5vw;
  font-size: 1.6vw;
}
.modal.contact-form-modal .modal-dialog .modal-content form .form-control:focus {
  border-color: #FFEC2D;
}
.modal.contact-form-modal .modal-dialog .modal-content form .form-control::placeholder {
  color: #ffffff54;
}
.modal.contact-form-modal .modal-dialog .modal-content form .btn {
  margin-top: 3vw;
}
.modal.contact-form-modal .modal-dialog .modal-content .modal-body {
  width: 47vw;
  margin: 0 auto;
}

/*--------------------*\
       HEADER
\*--------------------*/
.main-header {
  height: auto;
  padding-top: 3vw;
  padding-bottom: 2vw;
}
.main-header .navbar {
  padding: 0;
  align-items: flex-end;
}
.main-header .d-hamburger img {
  min-width: 2.5vw;
}

.custom-logo-link img {
  min-width: 19vw;
  height: 3.8vw;
}
@media only screen and (max-width: 991.98px) {
  .custom-logo-link img {
    height: auto;
  }
}

#menu-main-menu li {
  display: flex;
  align-items: center;
}

#menu-main-menu li:last-child a {
  padding-right: 0;
}

.main-header .desktop-navbar a.nav-link {
  padding: 0.2vw 3vw;
  font-weight: 800;
  font-size: 1.25vw;
  text-transform: uppercase;
  color: #000;
}
.main-header .desktop-navbar a.nav-link.btn {
  min-width: unset;
}

.desktop-navbar a.nav-link span {
  font-size: 1.25vw;
}

.d-hamburger span {
  width: 3vw;
  height: 0.6vh;
  display: block;
  background-color: #000;
}

.d-hamburger span + span {
  margin-top: 0.5vw;
}

.desktop-navbar {
  margin-left: auto;
}

.main-header-sidebar-desktop {
  width: 40vw;
  background: #000;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  bottom: 0;
  padding: 5vw 8vw 2vw 8vw;
  display: none;
}
.main-header-sidebar-desktop .language-link {
  display: inline-block;
  margin-bottom: 2vw;
  position: absolute;
  top: 3.5vw;
  color: #fff;
}
.main-header-sidebar-desktop .language-link a {
  color: #fff;
  font-weight: 400;
  font-size: 1.5vw;
}
.main-header-sidebar-desktop .language-link a.active {
  font-weight: 600;
}
.main-header-sidebar-desktop .close.mobileMenu {
  position: absolute;
  top: 2vw;
  right: 4vw;
}
.main-header-sidebar-desktop .close.mobileMenu span {
  color: #fff;
  font-weight: 300;
  opacity: 1;
  font-size: 4vw;
  cursor: pointer;
}

.sidebar-menu-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 35vw;
  width: 100%;
  margin-top: 3vw;
}
.sidebar-menu-inner .sidebar-menu-top ul li {
  margin-bottom: 1vw;
}
.sidebar-menu-inner .sidebar-menu-top ul li:last-child {
  margin: 0;
}
.sidebar-menu-inner .sidebar-menu-top ul li .nav-link {
  font-weight: 800;
  font-size: 1.75vw;
  color: #FFFFFF;
  padding: 0;
  line-height: 1.5vw;
}
.sidebar-menu-inner .sidebar-menu-top ul li .nav-link.btn {
  min-width: 10vw;
  padding: 0.4vw 1.5vw;
  display: inline-block;
  font-size: 1.5vw;
}
.sidebar-menu-inner .sidebar-menu-top ul li ul {
  border-left: 0.3vw solid #FFEC2D;
  padding-left: 1vw;
  margin: 1vw 0 3vw;
}
.sidebar-menu-inner .sidebar-menu-top ul li ul .nav-link {
  font-size: 1.4vw;
}
.sidebar-menu-inner .sidebar-menu-bottom ul li a {
  font-weight: 800;
  font-size: 1vw;
  text-transform: uppercase;
  color: #FFFFFF;
}
.sidebar-menu-inner .sidebar-menu-bottom .menu {
  display: inline-flex;
  align-items: center;
}
.sidebar-menu-inner .sidebar-menu-bottom .menu li {
  margin-right: 1vw;
}
.sidebar-menu-inner .sidebar-menu-bottom .menu li:last-child {
  margin: 0;
}

.desktop-dropdown-navbar {
  display: block;
}
@media only screen and (max-width: 991.98px) {
  .desktop-dropdown-navbar {
    display: none;
  }
}

.mobile-dropdown-navbar {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .mobile-dropdown-navbar {
    display: block;
  }
}

.sticky {
  position: fixed !important;
  width: 100%;
  top: 0;
  left: 0;
  padding: 1vw 0;
  z-index: 99;
  background: #fff;
  -webkit-box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.7);
}

.slideDown {
  animation: slideDown 0.5s linear 0s;
  -webkit-animation: slideDown 0.5s linear 0s;
  -moz-animation: slideDown 0.5s linear 0s;
}

.fadeOut {
  animation: fadeOut 0.1s linear 0s;
  -webkit-animation: fadeOut 0.1s linear 0s;
  -moz-animation: fadeOut 0.1s linear 0s;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-40%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slideDown {
  0% {
    transform: translateY(-40%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-moz-keyframes slideDown {
  0% {
    transform: translateY(-40%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
/*Footer Styling*/
.footer-main {
  display: flex;
  justify-content: space-between;
}

.footer-logo img {
  width: 8vw;
}

.content-left {
  width: 25%;
  background: #000;
  padding: 10vw 0;
  text-align: center;
}

.content-right {
  width: 75%;
  background-color: #FFEC2D;
  display: flex;
  justify-content: space-between;
  padding: 9vw 6vw;
}
@media only screen and (max-width: 991.98px) {
  .content-right {
    flex-direction: column;
  }
}

.footer-widget {
  width: 33.33%;
}
@media only screen and (max-width: 991.98px) {
  .footer-widget {
    width: 100%;
  }
}
.footer-widget:nth-child(1) {
  width: 25%;
}
@media only screen and (max-width: 991.98px) {
  .footer-widget:nth-child(1) {
    width: 100%;
  }
}
.footer-widget:nth-child(2) {
  width: 45%;
}
@media only screen and (max-width: 991.98px) {
  .footer-widget:nth-child(2) {
    width: 100%;
  }
}
.footer-widget:nth-child(3) {
  width: 25%;
}
@media only screen and (max-width: 991.98px) {
  .footer-widget:nth-child(3) {
    width: 100%;
  }
}

.footer-sub-menu {
  display: flex;
}
@media only screen and (max-width: 991.98px) {
  .footer-sub-menu {
    flex-direction: column;
  }
}
.footer-sub-menu ul {
  width: 30%;
}
@media only screen and (max-width: 991.98px) {
  .footer-sub-menu ul {
    width: 100%;
  }
}
.footer-sub-menu a {
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #212322;
}
@media only screen and (max-width: 991.98px) {
  .footer-sub-menu a {
    font-size: 3.5vw;
  }
}

.footer-menu li a {
  font-weight: 600;
  font-size: 1.88vw;
  line-height: 2.3vw;
  letter-spacing: 0.02em;
  color: #000;
}
@media only screen and (max-width: 991.98px) {
  .footer-menu li a {
    font-size: 3.5vw;
  }
}

.social-links li {
  display: inline-block;
  margin-right: 1vw;
}
.social-links li a img {
  min-width: 2.5vw;
}
.social-links li:last-child {
  margin: 0;
}

/*--------------------*\
    Hero Section
\*--------------------*/
.hero-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  min-height: 156vh;
  transition: all 1s ease;
  position: relative;
}
.hero-section .camera-img {
  position: absolute;
  top: 70vh;
  left: 0;
}
.hero-section .camera-img img {
  max-width: 65vw;
  min-width: 65vw;
}
@media only screen and (max-width: 991.98px) {
  .hero-section {
    background-size: 100vw 100vw;
    margin-top: 5vw;
  }
  .hero-section .camera-img {
    top: 70vh;
  }
}

.shapes-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.shapes-bg .shapes-wrap {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}
.shapes-bg .layer {
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.shapes-bg .shape {
  text-align: right;
}
.shapes-bg .shape-item {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.shapes-bg .hero-right {
  margin-left: 0;
  width: 100%;
  height: auto;
  margin-top: 5vh;
  max-width: 90vw;
}

.loaded .shapes-bg .shape-item {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.hero-section .btn-dark {
  margin-top: 4vh;
}

.hero-section h1 {
  padding-top: 8vw;
}
.hero-section h1 span {
  font-size: 2vw;
}
@media only screen and (max-width: 991.98px) {
  .hero-section h1 span {
    font-size: 5vw;
  }
}

.hero-section .btn {
  display: inline-block;
}

/*Our Services*/
.hero-section .sub-container-main {
  margin-top: 68vh;
}

.hero-section .sub-container-main > h2 {
  max-width: 44vw;
  margin-bottom: 1.56vw;
  position: relative;
}
.hero-section .sub-container-main > h2.services-title {
  margin-bottom: 8vw;
}
@media only screen and (max-width: 991.98px) {
  .hero-section .sub-container-main > h2 {
    max-width: 100%;
  }
  .hero-section .sub-container-main > h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1vw;
    width: 10vw;
    height: 0.5vw;
    background-color: #FFEC2D;
  }
}

.our-services {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991.98px) {
  .our-services {
    flex-direction: column;
  }
}

.hero-section .section-title {
  max-width: 36vw;
}

.service-item {
  width: 50%;
  display: flex;
  margin-bottom: 8vw;
}
@media only screen and (max-width: 991.98px) {
  .service-item {
    width: 100%;
    flex-direction: column;
  }
}

.service-item .service-img img {
  min-width: 7vw;
  max-height: 16vh;
}

.service-item:nth-child(1),
.service-item:nth-child(2) {
  padding-left: 6vw;
}
@media only screen and (max-width: 991.98px) {
  .service-item:nth-child(1),
.service-item:nth-child(2) {
    padding-left: 0;
  }
}

.service-item:nth-child(2) {
  padding-top: 6vw;
}
@media only screen and (max-width: 991.98px) {
  .service-item:nth-child(2) {
    padding-left: 0;
  }
}

.service-item:nth-child(3),
.service-item:nth-child(4) {
  padding-right: 6vw;
}
@media only screen and (max-width: 991.98px) {
  .service-item:nth-child(3),
.service-item:nth-child(4) {
    padding-left: 0;
  }
}

.service-item:nth-child(4) {
  padding-top: 6vw;
}
@media only screen and (max-width: 991.98px) {
  .service-item:nth-child(4) {
    padding-left: 0;
  }
}

.service-item p {
  font-weight: 300;
  font-size: 1.88vw;
  line-height: 120%;
}
@media only screen and (max-width: 991.98px) {
  .service-item p {
    font-size: 7.5vw;
  }
}

.personal-consultation {
  flex-direction: column;
  padding: 1vw 0;
}
.personal-consultation h2 {
  margin-bottom: 1vw;
}
.personal-consultation p {
  margin-bottom: 1vw;
}
.personal-consultation .btn {
  max-width: 20vw;
}

.btn-yellow {
  background: #FFEC2D;
  border-radius: 92vw;
}

.light-charge-section {
  position: relative;
  background: #ffec2d;
  background: linear-gradient(0deg, #ffec2d 75%, white 75%);
  padding: 16vw 0 7vw;
  overflow: hidden;
}
.light-charge-section .image-div {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.light-charge-section .image-div img {
  max-width: 53.5vw;
  min-width: 53.5vw;
}
@media only screen and (max-width: 991.98px) {
  .light-charge-section {
    background: linear-gradient(0deg, #ffec2d 100%, white 100%);
  }
  .light-charge-section .image-div {
    position: relative;
    top: unset;
    right: unset;
    text-align: center;
  }
  .light-charge-section .image-div img {
    max-width: 100%;
    min-width: 100%;
    max-height: 45vw;
  }
}

.empty-section {
  padding: 200px;
}

.charging-solution-section {
  padding: 8vw 0;
}
.charging-solution-section .section-heading h1 {
  position: relative;
}
.charging-solution-section .section-heading h1:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1vw;
  width: 10vw;
  height: 0.5vw;
  background-color: #FFEC2D;
}
.charging-solution-section .section-heading p {
  max-width: 50vw;
  margin: 0 auto;
  margin-bottom: 4vw;
}
@media only screen and (max-width: 991.98px) {
  .charging-solution-section .section-heading p {
    max-width: 100%;
  }
}
.charging-solution-section .solution-item-card {
  background: #F4F4F5;
  border-radius: 0.625vw;
  padding: 4.68vw 2.34vw;
  min-height: 36vw;
  text-align: center;
}
@media only screen and (max-width: 991.98px) {
  .charging-solution-section .solution-item-card {
    margin-bottom: 8vw;
  }
}
.charging-solution-section .solution-item-card .icon-img {
  margin-bottom: 3.2vw;
}
.charging-solution-section .solution-item-card .icon-img img {
  min-height: 7.8125vw;
  min-width: 7.8125vw;
}
.charging-solution-section .solution-item-card p {
  margin: 0;
}

/*product-section*/
.product-section {
  background: linear-gradient(0deg, black 90%, white 90%);
  color: #fff;
  min-height: 425px;
}
.product-section img {
  min-width: 12vw;
}
.product-section h2 {
  color: #fff;
  margin-top: 2vw;
}
.product-section p {
  font-size: 1.88vw;
  line-height: 2.3vw;
  color: #fff;
}
@media only screen and (max-width: 991.98px) {
  .product-section {
    padding-top: 20vw;
    background: linear-gradient(0deg, black 100%, white 100%);
    text-align: center;
  }
  .product-section img {
    margin-top: 12vw;
  }
  .product-section p {
    font-size: 4.7vw;
    line-height: 130%;
  }
}

/*charging-system-section*/
.wrapper-content {
  width: 68vw;
  margin: 0 auto;
}

.charging-system-section h1 {
  padding-top: 10vw;
  max-width: 40vw;
  position: relative;
  margin-bottom: 3vw;
}
.charging-system-section h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1vw;
  width: 7vw;
  height: 0.21875vw;
  background-color: #FFEC2D;
}
.charging-system-section ul li {
  display: inline-block;
  margin-right: 1vw;
}
.charging-system-section ul li:last-child {
  margin-right: 0;
}
.charging-system-section ul li img {
  min-width: 4.5vw;
}
.charging-system-section .charging-system-img {
  text-align: center;
}
.charging-system-section .charging-system-img img {
  min-width: 22.75vw;
}
.charging-system-section .wrapper-content {
  margin-top: 6vw !important;
}
.charging-system-section .wrapper-content .row .col-md-6 {
  margin-bottom: 6.5vw;
}
@media only screen and (max-width: 991.98px) {
  .charging-system-section .wrapper-content .row .col-md-6 {
    margin-bottom: 12vw;
  }
}

.charging-system-disc h6 {
  position: relative;
  margin-bottom: 3vw;
}
.charging-system-disc h6:after {
  content: "";
  position: absolute;
  left: 0;
  width: 7vw;
  bottom: -1vw;
  height: 0.21875vw;
  background-color: #FFEC2D;
}
.charging-system-disc .btn img {
  min-width: 12vw;
}
.charging-system-disc h4 {
  position: relative;
  margin-bottom: 2vw;
}
.charging-system-disc h4:after {
  content: "";
  width: 9vw;
  height: 0.3vw;
  position: absolute;
  left: 0;
  background: #FFEC2D;
  bottom: -0.5vw;
}

.make-appointment {
  padding: 3vw 0 11vw;
}
.make-appointment h2 {
  max-width: 52vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 991.98px) {
  .make-appointment h2 {
    max-width: 100%;
  }
}

.wirelane-os-section {
  position: relative;
  background: linear-gradient(0deg, #F4F4F5 85%, #fff 85%);
  padding: 10vw 0 7vw;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .wirelane-os-section {
    background: linear-gradient(0deg, #F4F4F5 100%, #fff 100%);
  }
}
.wirelane-os-section p {
  margin-bottom: 1.5vw;
}
.wirelane-os-section .image-div {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.wirelane-os-section .image-div img {
  max-width: 44vw;
  min-width: 44vw;
}
@media only screen and (max-width: 991.98px) {
  .wirelane-os-section .image-div {
    position: relative;
    top: unset;
    right: unset;
    text-align: center;
  }
  .wirelane-os-section .image-div img {
    max-width: 100%;
    min-width: 100%;
  }
}

.newsroom-item-section {
  padding: 12vw 0;
}
.newsroom-item-section .card {
  border: 0;
}
.newsroom-item-section .card .card-header {
  position: relative;
  padding: 0;
  border: 0;
  margin-bottom: 1.09375vw;
}
.newsroom-item-section .card .card-header .card-bg-img img {
  max-width: 100%;
  width: 28vw;
  min-width: 100%;
}
.newsroom-item-section .card .card-header .play-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.newsroom-item-section .card .card-header .play-video-icon img {
  min-width: 5vw;
}
.newsroom-item-section .card .card-disc .date {
  font-size: 0.875vw;
  font-weight: 800;
}
.newsroom-item-section .card .card-disc .date span {
  font-weight: 400;
  margin-left: 0.5vw;
  display: inline-block;
}

.hero-banner-section {
  background-color: #ffec2d;
  min-height: 36.875vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 2vw;
}
.hero-banner-section h1 b {
  font-weight: 500;
}
.hero-banner-section .img-right {
  position: absolute;
  right: 15vw;
  bottom: 0;
}
.hero-banner-section .img-right img {
  max-width: 25vw;
  min-width: 25vw;
}

.product-hero-section {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.product-hero-section .left {
  width: 50%;
  background-color: #000;
  padding: 4.5vw 10vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  color: #fff;
  min-height: 66.40625vw;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.product-hero-section .left img {
  max-width: 40.234375vw;
  min-width: 40.234375vw;
  position: absolute;
  bottom: 0;
}
.product-hero-section .right {
  position: relative;
  width: 50%;
  background-color: #ffec2d;
  padding: 4.5vw 10vw;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  min-height: 66.40625vw;
  text-align: center;
}
.product-hero-section .right img {
  max-width: 49.375vw;
  min-width: 49.375vw;
  position: absolute;
  bottom: 0;
}
.product-hero-section .hero-center-icon {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-hero-section .hero-center-icon img {
  max-width: 12vw;
  min-width: 12vw;
}
@media only screen and (max-width: 991.98px) {
  .product-hero-section .hero-center-icon {
    display: none;
  }
}
@media only screen and (max-width: 991.98px) {
  .product-hero-section {
    flex-direction: column;
  }
  .product-hero-section .left {
    width: 100%;
    background-color: #000;
    padding: 4.5vw 10vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    color: #fff;
    min-height: 66.40625vw;
    text-align: center;
    overflow: hidden;
    position: relative;
  }
  .product-hero-section .left img {
    max-width: 40.234375vw;
    min-width: 40.234375vw;
    position: absolute;
    bottom: 0;
  }
  .product-hero-section .right {
    position: relative;
    width: 100%;
    background-color: #ffec2d;
    padding: 4.5vw 10vw;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    min-height: 66.40625vw;
    text-align: center;
  }
  .product-hero-section .right img {
    max-width: 49.375vw;
    min-width: 49.375vw;
    position: absolute;
    bottom: 0;
  }
}

.specifications-section {
  background-color: #F4F4F5;
  padding: 8vw 0;
}
.specifications-section .section-heading {
  margin-bottom: 4.5vw;
}
.specifications-section .inner-content {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}
.specifications-section .inner-content .card {
  max-width: 31.7vw;
  background-color: #fff;
  border: 0;
  border-radius: 0.625vw;
  z-index: 0;
}
.specifications-section .inner-content .card .card-header {
  border: 0;
  color: #fff;
  padding: 1.875vw 3.125vw;
  position: relative;
}
.specifications-section .inner-content .card .card-header h4 {
  margin-bottom: 0;
}
.specifications-section .inner-content .card .card-header.card-dark-header {
  background-color: #000;
  color: #fff;
}
.specifications-section .inner-content .card .card-header.card-dark-header.has-icon-img img {
  z-index: 2;
}
.specifications-section .inner-content .card .card-header.card-yellow-header {
  background-color: #ffec2d;
  color: #000;
  z-index: 1;
}
.specifications-section .inner-content .card .card-header.card-yellow-header.has-icon-img img {
  top: -4vw;
  z-index: -1;
}
.specifications-section .inner-content .card .card-header.has-icon-img img {
  position: absolute;
  right: 1vw;
  top: -2vw;
  min-width: 9vw;
}
.specifications-section .inner-content .card .card-body {
  padding: 3.5vw 4vw;
  background-color: #fff;
  z-index: 1;
}
.specifications-section .inner-content .card .card-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.specifications-section .inner-content .card .card-body ul li {
  display: flex;
  font-size: 1.71875vw;
  line-height: 2.5vw;
  margin-bottom: 1vw;
}
.specifications-section .inner-content .card .card-body ul li:last-child {
  margin: 0;
}
.specifications-section .inner-content .card .card-body ul li span {
  min-width: 2vw;
}
.specifications-section .inner-content .card .card-body ul li span i {
  font-size: 1.2vw;
}
.specifications-section .inner-content .card .card-body .donwload-link {
  margin-top: 2.5vw;
  color: #000000;
  text-transform: uppercase;
  font-weight: 800;
  display: inline-block;
}
.specifications-section .inner-content .card .card-body .donwload-link img {
  margin-right: 1vw;
  min-width: 2vw;
}

.product-page .make-appointment {
  padding: 6vw 0;
}

.nano-hero-section {
  background-image: url("../img/nano-page-img/nano-hero-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 123vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nano-hero-section h3 {
  margin: 0;
}
.nano-hero-section h1 {
  font-size: 5vw;
}
.nano-hero-section .left {
  width: 50%;
  align-self: flex-end;
}
.nano-hero-section .left img {
  max-width: 100%;
  min-width: 49.375vw;
}
.nano-hero-section .right {
  width: 50%;
  padding-right: 15vw;
  color: #fff;
}

.nano-page .personal-consultation {
  padding: 10vw 0;
}
.nano-page .charging-solution-section {
  background-color: #ffec2d;
}
.nano-page .charging-solution-section h1 {
  margin-bottom: 3vw;
}
.nano-page .charging-solution-section h1:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 7vw;
  bottom: -1vw;
  height: 0.25vw;
  background-color: #fff;
}
.nano-page .charging-solution-section .solution-item-card {
  min-height: 40.5vw;
}
.nano-page .specifications-section {
  background-color: #fff;
}
.nano-page .specifications-section .card {
  background-color: #F4F4F5;
}

.our-hardware-section {
  background-color: #F4F4F5;
  padding: 8vw 0;
}
.our-hardware-section .section-heading {
  margin-bottom: 4.5vw;
}
.our-hardware-section .section-heading p {
  font-size: 1.71875vw;
}
.our-hardware-section .inner-content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.our-hardware-section .inner-content .card {
  max-width: 31.7vw;
  background-color: #fff;
  border: 0;
  border-radius: 0.625vw;
}
.our-hardware-section .inner-content .card .card-header {
  border: 0;
  color: #fff;
  padding: 1.875vw 3.125vw;
}
.our-hardware-section .inner-content .card .card-body {
  padding: 3.59375vw 4.296875vw;
}
.our-hardware-section .inner-content .card .card-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.our-hardware-section .inner-content .card .card-body ul li {
  display: flex;
}
.our-hardware-section .inner-content .card .card-body ul li span {
  min-width: 2vw;
}
.our-hardware-section .inner-content .card.nano-serie .card-header {
  background-color: #000;
  color: #fff;
}
.our-hardware-section .inner-content .card.light-charge-serie {
  background-color: #ffec2d;
  color: #000;
}

.product-page .make-appointment {
  padding: 6vw 0;
}

.nano-black-hero-section {
  background-color: #212322;
  min-height: 123vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nano-black-hero-section h1 {
  font-size: 5vw;
}
.nano-black-hero-section .left {
  width: 50%;
  align-self: flex-start;
}
.nano-black-hero-section .left img {
  max-width: 100%;
  min-width: 49.375vw;
}
.nano-black-hero-section .right {
  width: 50%;
  color: #fff;
  padding: 20vw 10vw 20vw 5vw;
}
.nano-black-hero-section .right .item {
  margin: 22vw 0;
}
.nano-black-hero-section .right .item h6 {
  margin-bottom: 3vw;
  position: relative;
}
.nano-black-hero-section .right .item h6:after {
  content: "";
  position: absolute;
  left: 0;
  width: 7vw;
  bottom: -1vw;
  height: 0.21875vw;
  background-color: #FFEC2D;
}
.nano-black-hero-section .right .item:last-child {
  margin-bottom: 0;
}

.nano-black-page .personal-consultation {
  padding: 10vw 0;
}
.nano-black-page .charging-solution-section {
  background-color: #ffec2d;
}
.nano-black-page .charging-solution-section h1 {
  margin-bottom: 3vw;
}
.nano-black-page .charging-solution-section h1:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 7vw;
  bottom: -1vw;
  height: 0.25vw;
  background-color: #fff;
}
.nano-black-page .charging-solution-section .solution-item-card {
  min-height: 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.nano-black-page .specifications-section {
  background-color: #F4F4F5;
}
.nano-black-page .specifications-section .section-heading {
  color: #000000;
}
.nano-black-page .specifications-section .section-heading h2 {
  text-decoration: underline;
}
.nano-black-page .specifications-section .card {
  background-color: #fff;
}
.nano-black-page .wirelane-os-section {
  background: linear-gradient(0deg, #212322 85%, #F4F4F5 85%);
  color: #fff;
}
.nano-black-page .make-appointment {
  padding: 8.5vw 0;
}

.our-hardware-section {
  background-color: #F4F4F5;
  padding: 8vw 0;
}
.our-hardware-section .section-heading {
  margin-bottom: 4.5vw;
}
.our-hardware-section .section-heading p {
  font-size: 1.71875vw;
}
.our-hardware-section .inner-content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.our-hardware-section .inner-content .card {
  max-width: 31.7vw;
  background-color: #fff;
  border: 0;
  border-radius: 0.625vw;
}
.our-hardware-section .inner-content .card .card-header {
  border: 0;
  color: #fff;
  padding: 1.875vw 3.125vw;
}
.our-hardware-section .inner-content .card .card-body {
  padding: 3.59375vw 4.296875vw;
}
.our-hardware-section .inner-content .card .card-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.our-hardware-section .inner-content .card .card-body ul li {
  display: flex;
}
.our-hardware-section .inner-content .card .card-body ul li span {
  min-width: 2vw;
}
.our-hardware-section .inner-content .card.nano-serie .card-header {
  background-color: #000;
  color: #fff;
}
.our-hardware-section .inner-content .card.light-charge-serie {
  background-color: #ffec2d;
  color: #000;
}

.product-page .make-appointment {
  padding: 6vw 0;
}

.main-services-section {
  padding: 4vw 0;
}
.main-services-section .s-item {
  text-align: center;
  padding: 3vw;
}
.main-services-section .s-item img {
  margin-bottom: 1.875vw;
  min-width: 6.25vw;
}

.services-page .hero-banner-section .img-right {
  position: absolute;
  right: 0;
  bottom: -12vw;
}
.services-page .hero-banner-section .img-right img {
  max-width: 56.25vw;
  min-width: 56.25vw;
}
.services-page .charging-system-section .charging-system-disc ul {
  list-style: disc;
  padding-left: 1.3vw;
}
.services-page .charging-system-section .charging-system-disc ul li {
  margin-right: 0;
}

.software-page .hero-banner-section .img-right {
  position: absolute;
  right: 2vw;
  bottom: -5vw;
}
.software-page .hero-banner-section .img-right img {
  max-width: 40.5vw;
  min-width: 40.5vw;
}

.support-hero-section h1 {
  position: relative;
  margin-bottom: 3vw;
}
.support-hero-section h1 .charging-system-section h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1vw;
  width: 7vw;
  height: 0.21875vw;
  background-color: #FFEC2D;
}

.main-services-section {
  padding: 4vw 0;
}
.main-services-section .s-item {
  text-align: center;
  padding: 3vw;
}
.main-services-section .s-item img {
  margin-bottom: 1.875vw;
  min-width: 6.25vw;
}

.features-section {
  background-color: #FFEC2D;
  padding: 3.125vw 0;
  margin-top: 2.125vw;
}
.features-section h4 {
  margin-bottom: 2.25vw;
}
.features-section .features-items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 62.5vw;
  margin: 0 auto;
}
.features-section .features-items .feature-item {
  text-align: center;
  max-width: 7vw;
}
.features-section .features-items .feature-item p {
  font-size: 0.875vw;
  line-height: 1.0625vw;
  font-weight: 600;
}
.features-section .features-items .feature-item .feature-img {
  margin-bottom: 1vw;
}
.features-section .features-items .feature-item img {
  min-width: 5.5vw;
  max-width: 5.5vw;
}

.support-tabs-sectio .support-tab-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.support-tabs-sectio .support-tab-list .support-item {
  min-width: 14.375vw;
  min-height: 12.1875vw;
  border: 0.0625vw solid #000000;
  border-radius: 0.5vw;
  margin-right: 1.9375vw;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.support-tabs-sectio .support-tab-list .support-item a {
  color: #000;
}
.support-tabs-sectio .support-tab-list .support-item a span {
  display: block;
}

.tab-list {
  padding: 0;
  list-style: none;
}
.tab-list li {
  display: inline-block;
  margin-right: 2.5vw;
  position: relative;
}
.tab-list li a {
  color: #97999B;
  font-weight: 800;
  font-size: 1.25vw;
  text-transform: uppercase;
}
.tab-list li.active a {
  color: #000;
}
.tab-list li.active:after {
  content: "";
  width: 100%;
  height: 0.25vw;
  background-color: #FFEC2D;
  position: absolute;
  left: 0;
  bottom: -0.2vw;
}
.tab-list li:last-child {
  margin: 0;
}

.news-item-main {
  padding: 4.35vw 0 0;
  align-items: center;
}
.news-item-main .media-body {
  padding-left: 3vw;
}
.news-item-main .media-body .date {
  font-size: 0.875vw;
  font-weight: 800;
}
.news-item-main .media-body .date span {
  font-weight: 400;
  margin-left: 0.5vw;
  display: inline-block;
}

.newsroom-page h1 {
  margin-bottom: 1.4375vw;
}
.newsroom-page .wrapper-content {
  max-width: 72.25vw;
  margin: 0 auto;
}
.newsroom-page .newsroom-item-section {
  padding: 7.0625vw 0;
}
.newsroom-page .newsroom-item-section .wrapper-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.newsroom-page .newsroom-item-section .wrapper-content .news-item {
  width: 33.33%;
  padding: 0 0.625vw;
  margin-bottom: 1.5625vw;
}
@media only screen and (max-width: 991.98px) {
  .newsroom-page .newsroom-item-section .wrapper-content .news-item {
    width: 100%;
  }
}
.newsroom-page .newsroom-item-section .wrapper-content .news-item .news-item-header {
  position: relative;
  padding: 0;
  border: 0;
  margin-bottom: 1.09375vw;
}
.newsroom-page .newsroom-item-section .wrapper-content .news-item .news-item-header .news-item-bg-img img {
  max-width: 100%;
  width: 28vw;
  min-width: 100%;
}
.newsroom-page .newsroom-item-section .wrapper-content .news-item .news-item-header .play-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.newsroom-page .newsroom-item-section .wrapper-content .news-item .news-item-header .play-video-icon img {
  min-width: 5vw;
}
.newsroom-page .newsroom-item-section .wrapper-content .news-item .news-item-disc h4 {
  margin: 0;
}
.newsroom-page .newsroom-item-section .wrapper-content .news-item .news-item-disc .date {
  font-size: 0.875vw;
  font-weight: 800;
}
.newsroom-page .newsroom-item-section .wrapper-content .news-item .news-item-disc .date span {
  font-weight: 400;
  margin-left: 0.5vw;
  display: inline-block;
}

.newsroom-details-section {
  min-width: 63.3125vw;
  margin: 0 auto;
  position: relative;
}
.newsroom-details-section:before {
  content: "";
  height: 70vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #FFEC2D;
  z-index: -1;
}
.newsroom-details-section .main-img {
  text-align: center;
  padding: 4.5vw 0;
}
.newsroom-details-section .main-img img {
  min-width: 63.3125vw;
  max-width: 63.3125vw;
}
.newsroom-details-section .inner-content {
  max-width: 38.75vw;
  margin: 0 auto;
  position: relative;
}
.newsroom-details-section .inner-content .back-link {
  position: absolute;
  top: 0;
  left: -12vw;
}
.newsroom-details-section .inner-content .back-link img {
  min-width: 3.1875vw;
}
.newsroom-details-section .inner-content > img {
  max-width: 100%;
  width: 100%;
}
.newsroom-details-section .inner-content .img-left {
  float: left;
  margin-right: 1vw;
  margin-left: -12vw;
}
.newsroom-details-section .inner-content .img-left img {
  min-width: 22.5vw;
}
.newsroom-details-section .inner-content .large-image-strech {
  margin-left: -12vw;
}
.newsroom-details-section .inner-content .large-image-strech img {
  min-width: 55vw;
}
.newsroom-details-section .inner-content .media {
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 1vw;
}
.newsroom-details-section .inner-content .media .img {
  min-width: 4.5vw;
  height: 4.5vw;
  margin-right: 0.5vw;
}
.newsroom-details-section .inner-content .media .img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  border-radius: 50vw;
  height: 100%;
}
.newsroom-details-section .inner-content .media .name {
  font-weight: 800;
}
.newsroom-details-section .inner-content .media .designation {
  font-weight: 400;
}
.newsroom-details-section .inner-content span {
  font-size: 0.875vw;
  text-transform: uppercase;
  display: block;
}
.newsroom-details-section .inner-content p {
  margin-top: 2.5vw;
  margin-bottom: 1.875vw;
}
.newsroom-details-section .inner-content h3 {
  margin-top: 5vw;
  max-width: 34vw;
}
.newsroom-details-section .inner-content h2 {
  padding: 4vw 0;
}
.newsroom-details-section .inner-content h2.has-quotes {
  position: relative;
}
.newsroom-details-section .inner-content h2 .first-img {
  position: absolute;
  top: 4vw;
  left: -5vw;
}
.newsroom-details-section .inner-content h2 .last-img {
  position: absolute;
  bottom: 4vw;
  right: -3vw;
}
.newsroom-details-section .inner-content .date {
  font-size: 0.875vw;
  font-weight: 800;
}
.newsroom-details-section .inner-content .date span {
  font-weight: 400;
  margin-left: 0.5vw;
  display: inline-block;
}

.support-page h1 {
  padding-top: 10vw;
  position: relative;
  margin-bottom: 3vw;
}
.support-page h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1vw;
  width: 7vw;
  height: 0.21875vw;
  background-color: #FFEC2D;
}

.support-hero-section h1 {
  padding-top: 0;
}

.main-services-section {
  padding: 4vw 0;
}
.main-services-section .s-item {
  text-align: center;
  padding: 3vw;
}
.main-services-section .s-item img {
  margin-bottom: 1.875vw;
  min-width: 6.25vw;
}

.features-section {
  background-color: #FFEC2D;
  padding: 3.125vw 0;
  margin-top: 2.125vw;
}
.features-section h4 {
  margin-bottom: 2.25vw;
}
.features-section .features-items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 62.5vw;
  margin: 0 auto;
}
.features-section .features-items .feature-item {
  text-align: center;
  max-width: 7vw;
}
.features-section .features-items .feature-item p {
  font-size: 0.875vw;
  line-height: 1.0625vw;
  font-weight: 600;
}
.features-section .features-items .feature-item .feature-img {
  margin-bottom: 1vw;
}
.features-section .features-items .feature-item img {
  min-width: 5.5vw;
  max-width: 5.5vw;
}

.support-tabs-section .support-tab-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3.5vw;
}
.support-tabs-section .support-tab-list .support-item {
  min-width: 14.375vw;
  min-height: 12.1875vw;
  border: 0.0625vw solid #000000;
  border-radius: 0.5vw;
  margin-right: 1.9375vw;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.support-tabs-section .support-tab-list .support-item a {
  color: #000;
  font-size: 1.25vw;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  min-height: 9.61vw;
}
.support-tabs-section .support-tab-list .support-item a span {
  display: block;
}
.support-tabs-section .support-tab-list .support-item.active {
  background-color: #FFEC2D;
}
.support-tabs-section .faq-accordion {
  margin-top: 3vw;
  max-width: 54vw;
}
.support-tabs-section .faq-accordion > .card {
  border: none;
}
.support-tabs-section .faq-accordion > .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.support-tabs-section .faq-accordion > .card .card-header .btn {
  color: #000;
  font-weight: 500;
  border: none;
  border-radius: 0;
  font-size: 1.625vw;
  text-align: left;
  padding: 0;
  text-transform: unset;
  text-decoration: none;
}
.support-tabs-section .faq-accordion > .card .card-header .btn.collapsed i.fa-plus {
  display: inline-block;
}
.support-tabs-section .faq-accordion > .card .card-header .btn.collapsed i.fa-minus {
  display: none;
}
.support-tabs-section .faq-accordion > .card .card-header .btn i.fa-plus {
  display: none;
}
.support-tabs-section .faq-accordion > .card .card-header .btn i.fa-minus {
  display: inline-block;
}
.support-tabs-section .faq-accordion > .card .card-header .btn i {
  display: inline-block;
  width: 2vw;
  height: 2vw;
  border: 1px solid #000;
  text-align: center;
  padding: 0.1vw;
  font-size: 1.2vw;
  line-height: 1.7vw;
  margin-right: 1vw;
}
.support-tabs-section .faq-accordion > .card .card-body {
  padding: 0;
  padding-left: 3.4vw;
}
.support-tabs-section .faq-accordion > .card:not(:last-child) .card-header {
  border: none;
}

.contact-us-section form {
  max-width: 47.6875vw;
}
.contact-us-section form .form-row {
  margin-left: -1.375vw;
  margin-right: -1.375vw;
}
.contact-us-section form .form-row > .col,
.contact-us-section form .form-row > [class*=col-] {
  padding-right: 1.375vw;
  padding-left: 1.375vw;
}
.contact-us-section form .form-group {
  margin-bottom: 2.8125vw;
}
.contact-us-section form .form-control {
  min-height: 3vw;
  width: 100%;
  padding: 1vw;
  border: 0.0625vw solid #000000;
  border-radius: 0;
}
.contact-us-section form label {
  font-size: 0.75vw;
  text-transform: uppercase;
  font-weight: 800;
}
.contact-us-section form .custom-checkbox {
  padding-left: 2.5vw;
}
.contact-us-section form .custom-checkbox label {
  font-size: 1.125vw;
  font-weight: 500;
  text-transform: none;
  line-height: 2vw;
}
.contact-us-section form .custom-checkbox label:before, .contact-us-section form .custom-checkbox label:after {
  top: 0.25rem;
  left: -2.5vw;
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 0.3vw;
  border: #adb5bd solid 0.0625vw;
}
.contact-us-section form .custom-control-input:checked ~ .custom-control-label::before {
  color: #232323;
  border-color: #ffec2d;
  background-color: #ffec2d;
}
.contact-us-section form textarea {
  min-height: 4.25vw;
  width: 100%;
  padding: 1vw;
}
.contact-us-section form p {
  font-size: 0.85vw;
  color: #97999B;
  font-weight: 500;
  line-height: 2vw;
}

.phone-number-section {
  padding-bottom: 4vw;
}
.phone-number-section h6 {
  font-weight: 800;
}

.hero-img-section {
  min-height: 43.75vw;
}
.hero-img-section img {
  max-width: 100%;
  min-height: 100%;
}

.hospitality-section {
  padding: 7.8125vw 0;
}
.hospitality-section .sub-container-main {
  margin-bottom: 9vw;
}
.hospitality-section .section-heading {
  position: relative;
  margin-bottom: 3vw;
}
.hospitality-section .section-heading h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1vw;
  width: 7vw;
  height: 0.21875vw;
  background-color: #FFEC2D;
}
.hospitality-section p {
  font-size: 1.875vw;
  line-height: 120%;
}
.hospitality-section p strong {
  font-weight: 800;
}
.hospitality-section .hospitality-item {
  padding: 0 48px;
}
.hospitality-section .hospitality-item img {
  min-width: 22.5vw;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.hospitality-section .hospitality-item h4 {
  margin-top: 1.5vw;
}
.hospitality-section .hospitality-item p {
  font-size: 1.375vw;
  line-height: 130%;
  font-weight: 400;
}
.hospitality-section .hospitality-item ul {
  list-style: disc;
  padding-left: 1vw;
  font-size: 1.375vw;
  font-weight: 400;
}
.hospitality-section .hospitality-item a.link-outline {
  padding: 0.4vw 1.4vw;
  color: #000;
  border: 1px solid #000;
  border-radius: 3vw;
  display: inline-block;
  margin-top: 1.5vw;
  font-size: 1vw;
  font-weight: 800;
}

.meets-hospitality-section {
  padding: 6.5vw 0;
  background-color: #FFEC2D;
}
.meets-hospitality-section .meet-item {
  padding: 0 48px;
  margin-top: 5vw;
}
@media only screen and (max-width: 991.98px) {
  .meets-hospitality-section .meet-item {
    margin-top: 3vw;
  }
}
.meets-hospitality-section .meet-item h4 {
  margin-top: 1.5vw;
}
.meets-hospitality-section .meet-item p {
  font-size: 1.375vw;
  line-height: 130%;
  font-weight: 400;
}
.meets-hospitality-section .meet-item ul {
  list-style: disc;
  padding-left: 1vw;
  font-size: 1.375vw;
  font-weight: 400;
}
.meets-hospitality-section .meet-item a.link-outline {
  padding: 0.4vw 1.4vw;
  color: #000;
  border: 1px solid #000;
  border-radius: 3vw;
  display: inline-block;
  margin-top: 1.5vw;
  font-size: 1vw;
  font-weight: 800;
}

.hotellerie-page .features-section {
  margin: 0;
  padding-bottom: 6.5vw;
}
.hotellerie-page .partner-section {
  background-color: #F4F4F5;
  padding: 4.375vw 0;
}
.hotellerie-page .partner-section .client-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.75vw;
}
.hotellerie-page .partner-section .client-list .logo-img {
  min-width: 10vw;
  text-align: center;
}
.hotellerie-page .partner-section .client-list .logo-img img {
  filter: grayscale(100%);
}
.hotellerie-page .newsroom-item-section .view-all {
  padding: 0.4vw 1.4vw;
  color: #000;
  border: 1px solid #000;
  border-radius: 3vw;
  display: inline-block;
  font-size: 1vw;
  font-weight: 800;
  margin-bottom: 1.5vw;
}
.hotellerie-page .testimonial-section {
  padding-bottom: 5vw;
}

.testimonial-section-2 {
  padding-bottom: 6vw;
}
.testimonial-section-2 .testimonial-slider-2 .slider-2-item {
  text-align: center;
}
.testimonial-section-2 .testimonial-slider-2 .slider-2-item .slider-img {
  max-width: 7.125vw;
  margin: 0 auto;
  margin-bottom: 3vw;
}
.testimonial-section-2 .testimonial-slider-2 .slider-2-item .slider-img img {
  border-radius: 50%;
}

.faq-section-lg h1 {
  margin-bottom: 4vw;
}

.faq-wrapper-content {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.faq-wrapper-content h5 {
  font-weight: 400;
  position: relative;
  margin-bottom: 3vw;
}
.faq-wrapper-content h5:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1vw;
  width: 7vw;
  height: 0.21875vw;
  background-color: #FFEC2D;
}
.faq-wrapper-content .left, .faq-wrapper-content .right {
  width: 50%;
  padding: 6.25vw 8.125vw;
}
.faq-wrapper-content .left {
  background-color: #FFEC2D;
}
.faq-wrapper-content .right .list-item + .list-item {
  margin-top: 12.5vw;
}
.faq-wrapper-content .right .list-item ul {
  list-style: disc;
  padding-left: 1vw;
}
.faq-wrapper-content .accordion .card {
  background-color: transparent;
  border: 0;
}
.faq-wrapper-content .accordion .card .card-header {
  background-color: transparent;
  padding: 0;
  border: 0;
}
.faq-wrapper-content .accordion .card .card-header button {
  color: #000000;
  padding: 1vw 0;
  text-decoration: none;
}
.faq-wrapper-content .accordion .card .card-header button.collapsed .fa-plus {
  display: inline-block;
}
.faq-wrapper-content .accordion .card .card-header button.collapsed .fa-minus {
  display: none;
}
.faq-wrapper-content .accordion .card .card-header button .fa-plus {
  display: none;
}
.faq-wrapper-content .accordion .card .card-header button .fa-minus {
  display: inline-block;
}
.faq-wrapper-content .accordion .card .card-header button i {
  margin-right: 0.5vw;
  color: #fff;
}
.faq-wrapper-content .accordion .card .card-body {
  padding: 2vw 0 0 2vw;
}
.faq-wrapper-content .accordion .card .card-body P {
  font-weight: 400;
}

.fachpartner-page .hero-banner-section h1 span {
  font-size: 2vw;
}
.fachpartner-page .hero-banner-section .img-right {
  right: 5vw;
  bottom: -12vw;
}
.fachpartner-page .image-section {
  padding: 4vw 0;
  background-color: #F4F4F5;
  text-align: center;
}
.fachpartner-page .image-section img {
  max-width: 100%;
  margin: 0 auto;
}
.fachpartner-page .contact-us-section {
  padding: 15.625vw 0;
}

/*# sourceMappingURL=main.css.map */