@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");

@font-face {
  font-family: 'futuratregular';
  src: url("../fonts/f011003t-webfont.eot");
  src: url("../fonts/f011003t-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/f011003t-webfont.woff2") format("woff2"), url("../fonts/f011003t-webfont.woff") format("woff"), url("../fonts/f011003t-webfont.ttf") format("truetype"), url("../fonts/f011003t-webfont.svg#futuratregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaPT-DemiBold';
  src: url("../fonts/FuturaPT-DemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-DemiBold.otf") format("opentype"), url("../fonts/FuturaPT-DemiBold.woff") format("woff"), url("../fonts/FuturaPT-DemiBold.ttf") format("truetype"), url("../fonts/FuturaPT-DemiBold.svg#FuturaPT-DemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?55cg0a");
  src: url("../fonts/icomoon.eot?55cg0a#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?55cg0a") format("truetype"), url("../fonts/icomoon.woff?55cg0a") format("woff"), url("../fonts/icomoon.svg?55cg0a#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inerg-portfolio:before {
  content: "\e916";
}

.inerg-rooms .path1:before {
  content: "\e91a";
  color: #4c6a70;
}
.inerg-rooms .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: #020202;
}
.inerg-rooms .path3:before {
  content: "\e91c";
  margin-left: -1em;
  color: black;
}
.inerg-rooms .path4:before {
  content: "\e91d";
  margin-left: -1em;
  color: #4c6a70;
}
.inerg-rooms .path5:before {
  content: "\e91e";
  margin-left: -1em;
  color: black;
}
.inerg-rooms .path6:before {
  content: "\e91f";
  margin-left: -1em;
  color: black;
}
.inerg-rooms .path7:before {
  content: "\e920";
  margin-left: -1em;
  color: black;
}
.inerg-rooms .path8:before {
  content: "\e921";
  margin-left: -1em;
  color: black;
}

/* CSS Document */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
blockquote,
big,
body,
center,
canvas,
caption,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th,
tr,
tdvideo,
tt,
u,
ul,
var {
  background: transparent;
  border: none;
  font-size: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: top;
}
nav {background-color: white;}

ol,
ul {list-style: none;}

blockquote,
q {  quotes: none;}

table,
table td {
  padding: 0;
  border: none;
  border-collapse: collapse;
}
img {vertical-align: top; max-width: 100%;}
embed {vertical-align: top;}

article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video {
  display: block;
}

mark,
rp,
rt,
ruby,
summary,
time {display: inline;}

input,
textarea {
  border: 0;
  padding: 0;
  margin: 0;
  outline: 0;
}
iframe {
  border: 0;
  margin: 0;
  padding: 0;
}
input,
textarea,
select {margin: 0; padding: 0px;}
img {max-width: 100%;}
a {text-decoration: none;color: #1bbbd4;}

a:hover,
a:focus {
  text-decoration: none !important;
  color: #6ab84b;
  -webkit-transition: ease all 0.5s;
  transition: ease all 0.5s;
  -moz-transition: ease all 0.5s;
}

strong {font-weight: 500;}

/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html,
body {
  width: 100%;
  padding: 0;
  margin: 0;
  background: #fff;
  font-family: 'Poppins', sans-serif;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.font-weight-bold {font-family: 'Poppins', sans-serif;}
.l-44 {line-height: 44px;}

h1 {font-size: 2em;}
h2 {font-size: 4em;}
h3 {
  font-size: 3.2em;
  /* line-height: 28px; */
}

h4 {font-size: 2em;}
h5 {font-size: 1.3em;}
h6 {font-size: 0.83em;}
strong {font-weight: 800;}
p {font-size: 1em; line-height: 32px;}
.display-5 {font-size: 1.6rem;}
.display-6 {font-size: 1.3rem;}
.display-7 {font-size: 1.1rem;}

/*margin*/
.mt-6 {margin-top: 4rem;}
.mt-7 {margin-top: 5rem;}
.mt-8 {margin-top: 6rem;}
.mt-9 {margin-top: 7rem;}

@media (max-width: 1024px) {
  .mt-9 {margin-top: 3rem;}
}
.mt-n8 {margin-top: -8rem;}

@media (max-width: 767px) {
  .mt-n8 {margin-top: 0rem;}
}

/*text*/
.text-primary {color: #1bbbd4 !important;}
.text-secondary {color: #6ab84b !important;}
.text-lighten {color: #e2e2e2;}
.text-green-3 {color: #AFF1E4 !important;}
.text-green-5 {color: #03B794 !important;}
.text-green-6 {color: #039B7D !important;}
.text-green-7 {color: #569387 !important;}
.text-green-8 {color: #376A61 !important;}
.text-green-9 {color: #015242 !important;}
.text-dark {color: #1C2927 !important;}
.text-grey-2 {color: #C5CDCC !important;}
.text-grey-3 {color: #6A7B78 !important;}

/*color*/
.bg-secondary {background: #6ab84b !important;}
.bg-blue2 {background: #1bbbd4;}
.bg-blue3 {background: #2ad2ec;}
.bg-primary {background: #1bbbd4 !important;}
.bg-yellow {background: #ffc400;}
.bg-white {background: #fff !important;}
.bg-green-1 {background: #AEC5C0 !important;}
.bg-green-2 {background: #DAEBE8 !important;}
.bg-green-5 {background: #03B794 !important;}
.bg-green-6 {background: #039B7D !important;}
.bg-green-8 {background: #376A61 !important;}
.bg-green-9 {background: #015242 !important;}
.bg-grey-1 {background: #ECF2F1 !important;}
.bg-ylw-dark {background: #E5D9B3 !important;}
.bg-ylw-light {background: #FFFBF0 !important;}
.bg-grn-dark {background: #A8C6B8 !important;}
.bg-grn-light {background: #F0FFF8 !important;}

/*button*/
.btn-primary {
  /* background: #1bbbd4; */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#12aace+1,2aa966+100 */
  background: #12aace;
  /* Old browsers */
  background: -moz-linear-gradient(left, #12aace 1%, #2aa966 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #12aace 1%, #2aa966 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #12aace 1%, #2aa966 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12aace', endColorstr='#2aa966', GradientType=1);
  /* IE6-9 */
  border-radius: 16px;
  border: none;
  padding: 8px 30px;
  color: #ffffff !important;
  font-family: "Bebas Neue", cursive;
  letter-spacing: .5px;
  }
.btn-primary:hover,
.btn-primary:focus {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2aa966+0,12a9cb+100 */
  background: #2aa966;
  /* Old browsers */
  background: -moz-linear-gradient(left, #2aa966 0%, #12a9cb 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #2aa966 0%, #12a9cb 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #2aa966 0%, #12a9cb 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2aa966', endColorstr='#12a9cb', GradientType=1);
  /* IE6-9 */
}
.btn-secondary {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#29a96a+0,13aacc+100 */
  background: #29a96a;
  /* Old browsers */
  background: -moz-linear-gradient(left, #29a96a 0%, #13aacc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #29a96a 0%, #13aacc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #29a96a 0%, #13aacc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29a96a', endColorstr='#13aacc', GradientType=1);
  /* IE6-9 */
  border-radius: 16px;
  border: 1px solid #376A61;
  padding: 8px 30px;
  color: #376A61 !important;
  font-family: "Bebas Neue", cursive;
  letter-spacing: .5px; 
}
.btn-secondary:hover,
.btn-secondary:focus {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#13aacc+1,29a96a+100 */
  background: #13aacc;
  /* Old browsers */
  background: -moz-linear-gradient(left, #13aacc 1%, #29a96a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #13aacc 1%, #29a96a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #13aacc 1%, #29a96a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13aacc', endColorstr='#29a96a', GradientType=1);
  /* IE6-9 */
}
.container-pad {
  padding-left: 50px;
  padding-right: 50px;
  width: 100%;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .container-pad {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.container-pad-2 {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .container-pad-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*Home slides*/
.home-slide {
  height: 100vh;
  width: 100%;
  overflow: hidden;
}
.home-slide img {object-fit: cover;}

.home-slide .bg-overlay {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0px;
  z-index: 1;
}
.home-slide .carousel-control-next,
.home-slide .carousel-control-prev {
  top: -30px;
  bottom: inherit;
  color: #949494;
  opacity: .9;
  width: 4%;
}
.home-slide .carousel-control-next-icon:after {
  content: "\F0054";
  font-family: "Material Design Icons";
  background-image: none;
  color: #949494;
  font-size: 2rem;
}
.home-slide .carousel-control-next-icon:after:hover {color: #1bbbd4;}
.home-slide .carousel-control-next {left: 50px;}
.home-slide .carousel-control-prev-icon:after {
  content: "\F004D";
  font-family: "Material Design Icons";
  background-image: none;
  color: #949494;
  font-size: 2rem;
}
.home-slide .carousel-control-prev-icon:after:hover {color: #1bbbd4;}

.home-slide .carousel-control-prev-icon,
.home-slide .carousel-control-next-icon {
  background-image: inherit;
}
@media (max-width: 1024px) {
  .home-slide .carousel-item p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .carousel-item {font-size: 0.7rem;}
}
@media (max-width: 767px) {
  .title-content .d-table-cell {font-size: 0.7rem;
  }
}

.carousel-inner>.item {
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.content-home {
  position: absolute;
  bottom: -20px;
  width: 100%;
  left: 0px;
  z-index: 2;
}

.content-home #carouselContent p {
  color: #fff;
}

@media (max-width: 768px) {
  .content-home #carouselContent {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .content-home #carouselContent {
    margin-top: 90px;
  }
}

@media (max-width: 320px) {
  .content-home #carouselContent {
    margin-top: 100px;
  }
}

.content-home #carouselContent .carousel-item {
  transition: transform 2.2s ease-in-out !important;
  min-height: 220px;
}

@media (max-width: 1280px) {
  .content-home #carouselContent .carousel-item {
    min-height: 220px;
  }
}

.content-home #carouselContent h3 {
  font-family: 'Poppins', sans-serif;
  line-height: 58px;
  padding-bottom: 20px;
  padding-top: 30px;
}

@media (max-width: 1280px) {
  .content-home #carouselContent h3 {
    font-size: 2.8rem;
  }
}

@media (max-width: 1024px) {
  .content-home #carouselContent h3 {
    font-size: 2.5rem;
    line-height: 46px;
  }
}

@media (max-width: 1024px) {
  .content-home #carouselContent h3 {
    font-size: 1.5rem;
    line-height: 36px;
  }
}

.content-home #carouselContent h1 {
  font-family: 'Poppins', sans-serif;
  line-height: 58px;
  padding-bottom: 20px;
  color: #fff;
  padding-top: 30px;
  font-size: 3.2rem;
}

@media (max-width: 1280px) {
  .content-home #carouselContent h1 {
    font-size: 2.8rem;
  }
}

@media (max-width: 1024px) {
  .content-home #carouselContent h1 {
    font-size: 2.5rem;
    line-height: 46px;
  }
}

@media (max-width: 1024px) {
  .content-home #carouselContent h1 {
    font-size: 1.5rem;
    padding-bottom: 0px;
    line-height: 36px;
  }

  .home-slide {
    height: 100vh;
  }
}

@media screen and (max-width:1024px)  {
  .home-slide {
    min-height: 300px;
  }
} 

@media (max-width: 767px) {
  .content-home {
    bottom: 0px;
  }
}

@media (max-width: 767px) {
  .content-home .container-pad {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.logo-nav {

  padding: 0px 0px;
  border-radius: 10px;
  width: 120px;
}

.caption-logo {
  display: block;
  padding-left: 0px;
  font-size: .70rem;
  text-align: left;
  color: #1C2927;
  margin-top: 0px;

}

@media (max-width: 1024px) {
  .caption-logo {
    padding: 0;
    padding-left: 10px;
  }
}

@media (max-width: 1024px) {
  .logo-nav {
    padding: 0;
    padding-left: 10px;
  }
}

.logo-nav img {
  height: 45px;
}

@media (max-width: 1024px) {
  .logo-nav img {
    height: 40px;
  }
}
.radius-12 {
  border-radius: 12px;
}

.radius-20 {
  border-radius: 20px;
}

.radius-40 {
  border-radius: 40px !important;
}
.radius-40-l {
  border-radius: 40px 0 0 40px;
}
.radius-40-r {
  border-radius: 0 40px 40px 0;
}
.shadow-1 {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.shadow-2 {
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -2px rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.shadow-3 {
  box-shadow: 8px 8px 16px 8px rgba(55, 106, 97, 0.30);
}

.shadow-4 {
  box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.15);
}

.inner-shadow-1 {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px 0px inset;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

@media (max-width: 767px) {
  .center {
    width: 100%;
  }
}

.center-2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

@media (max-width: 767px) {
  .center-2 {
    width: 100%;
    font-size: 0.7rem;
  }
}

.w-60-img {
  width: 60%;
}

@media (max-width: 767px) {
  .w-60-img {
    width: 100%;
  }
}

.prod-img {
  width: 65%;
}

@media (max-width: 767px) {
  .prod-img {
    padding: 0px;
    height: 30%;
  }
}

.prod-img-vlt {
  width: 40%;
}

@media (max-width: 767px) {
  .prod-img-vlt {
    padding: 20px;
    width: 80%;
    
  }
}

.prod-img-h {
  margin-top: 40px;
  padding: 30px;
}

@media (max-width: 767px) {
  .prod-img-h {
    margin-top: 0px;
    padding: 10px;
    width: 90%;
    
  }
}

.ser-img {
 padding: 30px;
}

@media (max-width: 1024px) {
  .ser-img {
    display: none;
  }
}

.con-img {
  width: 10%;
}

.font-change {
  color: #1C2927;
}

@media (max-width: 767px) {
  .font-change {
    color: #fff;
  }
}

/*navbar*/
.navbar {

  margin-top: 0px;
  /* padding-top: 0px;
  padding-bottom: 0px; */
}

.navbar-nav {
  margin-top: 0px;
  font-family: "Bebas Neue", cursive;
}

.navbar-nav .nav-item {
  padding-left: 20px;
  padding-right: 20px;
}

.navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #376A61;
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:focus {
  color: #1C2927;
}

.navbar-nav .active .nav-link {
  color: #1C2927;
}

.navbar-nav .dropdown-toggle::after {
  border: none;
  content: "\F0140";
  font-family: "Material Design Icons";
  vertical-align: baseline;
}

.inerg-logo {
  display: none;
}

.scrolled {
  background: #fff;
  opacity: 93%;
  z-index: 99;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  transition: background-color 200ms linear;
  margin-top: 0px;
}

.scrolled .inerg-logo {
  display: block;
  width: 120px;
  transition-delay: 1s;
}

@media (max-width: 767px) {
  .scrolled .inerg-logo {
    width: 100px;
    
  }
}

.scrolled .logo-nav {
  display: none;
}

.scrolled .navbar-nav .nav-item .nav-link {
  color: #039B7D;
}

.navbar-toggler-icon:before {
  font-family: "Material Design Icons";
  content: "\F035C";
  background: #039B7D;
  color: #fff;
  padding: 7px 7px;
  border-radius: 10px;
  font-size: 1rem;
}

@media (max-width: 768px) {
  nav .container-pad {
    padding-left: 0px;
    padding-right: 10px;
  }

  nav .navbar-toggler {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1rem;
    background: #039B7D;
    color: #fff;
    padding: 7px 4px;
    border-radius: 10px;
    margin-left: 5px;
  }

  nav .navbar-toggler .navbar-toggler-icon {
    width: 2rem;
    line-height: 23px;
    font-size: 1.3rem;
    height: auto;
  }

  nav .navbar-collapse {
    position: absolute;
    left: 0px;
    background: #fff;
    height: auto;
    padding: 20px 0px;
    width: 100%;
    overflow-y: auto;
    max-height: 300px;
    top: 70px;
  }
}

.product-list {
  min-width: 330px;
  position: absolute;
  border: none;
  padding: 10px;
  background: #fff;
  border-radius: 10px;
}

.product-list h4 {
  text-transform: capitalize;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 10px;
}

.product-list p {
  color: #ffffff;
  font-size: .9rem;
  font-family: 'Poppins', sans-serif;
  line-height: 24px;
}

.product-list .dropdown-item {
  font-family: 'Poppins', sans-serif;
  padding-bottom: 8px;
  color: #879290;
  font-size: .95rem;
  padding-left: .7rem;
  padding-right: .7rem;
  padding-top: 8px;
  font-weight: 500;
}

.product-list .dropdown-item:hover {
  background: #fff;
  color: #015242;
}

.product-list .dropdown-item i {
  vertical-align: baseline;
}

.get-a-box {
  width: 515px;
  height: auto;
  margin-top: 30px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.get-a-box .form-control {
  padding: 30px;
  width: 70%;
  float: left;
  border: none;
  border-radius: 40px 0 0px 40px;
  color: #b6b6b6;
  font-size: 1.3rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
  .get-a-box .form-control {
    font-size: 1rem;
    padding: 26px;
    width: 65%;
  }
}

.get-a-box .btn-secondary {
  background: #6ab84b;
  width: 30%;
  float: left;
  border: none;
  border-radius: 0px 40px 40px 0px;
  padding: 15px 0 14.5px;
  font-size: 1.3rem;
}

.get-a-box .btn-secondary:hover {
  background: #1bbbd4;
}

@media (max-width: 767px) {
  .get-a-box .btn-secondary {
    font-size: 1rem;
    width: 35%;
  }
}

@media (max-width: 1024px) {
  .get-a-box {
    width: 400px;
  }
}

@media (max-width: 768px) {
  .get-a-box {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .get-a-box {
    width: 100%;
  }
}

@media (max-width: 768px) {
  #carouselExampleSlidesOnly img {
    height: 100vh;
  }
}


.callus {
  /* position: absolute; */
  top: 50%;
  left: -76px;
  font-size: 1.2rem;
  /* z-index: 9; */
  /* transform: rotate(270deg); */
}

/* @media (max-width: 767px) {
  .callus {
    display: none;
  }
} */


.border-0 {
  border-radius: 0px !important;
}
.border-b-g6 {
  border-bottom: 2px solid #039B7D;
}
.grad-1 {
  background-image: linear-gradient(to bottom right, #B4DBC3, #98E1EB);
}

.grad-2 {
  background-image: linear-gradient(to bottom right, #E4F8EC, #DBFAFE);
  /* opacity: 90%; */
}

.grad-3 {
  background-image: linear-gradient(to bottom right, #3EBCA3, #363193);
}

.grad-4 {
  background-image: linear-gradient(to bottom right, #07A198, #9641CA);
}

.grad-au {
  background-image: linear-gradient(180deg, #01639A 0%, #17C16F 100%);
}

.bg-home-grad {
  background: url("../images/Reduced/home-bg-r1.svg") center bottom -5px / 100% 33% no-repeat scroll padding-box border-box, linear-gradient(60deg, rgb(71, 16, 105), rgb(48, 197, 210)) 0% 0% / auto repeat scroll padding-box border-box rgb(48, 197, 210);
  background-blend-mode: normal, normal;
  color: rgb(255, 255, 255);
}

@media (min-width: 992px)
{
  .bg-home-grad {
    overflow-x: hidden;
}
}

@media (min-width: 0px) and (max-width: 575px)
{
  .bg-home-grad {
    background: url("../images/Reduced/home-bg-r1.svg") center bottom -9px / 100% 9% no-repeat scroll padding-box border-box, linear-gradient(60deg, rgb(71, 16, 105), rgb(48, 197, 210)) 0% 0% / auto repeat scroll padding-box border-box rgb(48, 197, 210);
    background-blend-mode: normal, normal;
    color: rgb(255, 255, 255);
}
}


.bg-home-grad-1 {
  background: linear-gradient(to bottom right, rgb(48, 197, 210), rgb(71, 16, 105)); 
  background-image: url('../images/Reduced/home-bg-r1.svg'); 
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% auto;
}

.bg-home-grad-3 {
  background-image: linear-gradient(to bottom right, rgb(71, 16, 105), rgb(48, 197, 210));
  
}

/* new home page -v3 */

.hm-scroll-bg {
  /* background: url("../images/Reduced/hm-bg-layer-v3.svg") center middle 5px / 100% 100% no-repeat scroll padding-box border-box, linear-gradient(60deg, rgb(71, 16, 105), rgb(48, 197, 210)) 0% 0% / auto repeat scroll padding-box border-box rgb(48, 197, 210); */
  /* background-image: linear-gradient(to bottom right, #038B84, #2151C7, #8135CE, #0D94A8, #1163AE, #6317BD); */
  background: url("../images/Reduced/hm-scroll-bg-v3.svg");
  background-size: contain;
  background-repeat: no-repeat;
  /* background-size: cover; */
}
/* .home-slide .bg-hm-svg {
  background: url("../images/Reduced/hm-bg-layer-v3.svg");
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0px;
  z-index: 1;
} */

.card-call {
  width: 300px;
  height: auto;
  background-color: #ffffff;
  border-radius: 40px;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
  padding: 5px 20px 5px 20px;
  margin: auto;
}
.prod-scroll {
  opacity: 30%;
}
.prod-scroll:hover {
  opacity: 100%;
}
.card-gr-bdr {
  width: 500px;
  height: auto;
  background-color: #ffffff;
  border-radius: 12px;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
  border: 2px solid;
  border-image: linear-gradient(45deg, #24CFFA, #36DF47) 1;
  padding: 20px;
}

/* new home page -v3 */

.card-pop {
  box-shadow: 0 10px 15px rgba(0,0,0,0.3);
  transition: .5s;
}

.card-pop:hover {
  transform:scale(1.1);
}

.card-pop-2 {
  box-shadow: 0 10px 15px rgba(0,0,0,0.3);
  transition: .5s;
}

.card-pop-2:hover {
  transform:scale(1.05);
}

.card-pop-3 {
  box-shadow: 0 ;
  transition: .5s;
}

.card-pop-3:hover {
  box-shadow: 0 10px 15px rgba(0,0,0,0.3);
  transform:scale(1);
}
.inerg-product-shadow:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}  

.btn-pop {
  box-shadow: 0 5px 5px rgba(0,0,0,0.2);
  transition: .5s;
}

.btn-pop:hover {
  transform:scale(1.2);
}

.icon-home {
  height: 40px;
  
}
.right-img {
  float: right;
}

@media (max-width: 767px) {
  .right-img {
    display: none;

  }
}

@media (max-width: 1024px) {
  .right-img {
    display: none;

  }
}

.left-img {
  float: left;
}

@media (max-width: 767px) {
  .left-img {
    display: none;

  }
}

@media (max-width: 1024px) {
  .left-img {
    display: none;

  }
}

.overlap-r {
  left: 180px;
  position: relative;
  z-index: 5;
}

@media (max-width: 767px) {
  .overlap-r {
    left: 0px;

  }
}

@media (max-width: 1024px) {
  .overlap-r {
    left: 0px;
  }
}


.overlap-l {
  right: 150px;
  position: relative;
  z-index: 5;
}

@media (max-width: 767px) {
  .overlap-l {
    left: 0px;

  }
}

@media (max-width: 1024px) {
  .overlap-l {
    left: 0px;

  }
}

.overlap-l-2 {
  right: 220px;
  position: relative;
  z-index: 5;
}

@media (max-width: 767px) {
  .overlap-l-2 {
    left: 0px;

  }
}

@media (max-width: 1024px) {
  .overlap-l-2 {
    left: 0px;

  }
}

.overlap-t {
  bottom: 100px;
  position: relative;
  z-index: 5;
}

@media (max-width: 767px) {
  .overlap-t {
    bottom: 20px;

  }
}

@media (max-width: 1024px) {
  .overlap-t {
    bottom: 20px;

  }
}

.hr-lines-4 {
  position: relative;
  max-width: 500px;
  margin: 0px auto;
  text-align: center;
}

.hr-lines-4:before {
  content: " ";
  height: 2px;
  width: 130px;
  background: #ECF2F1;
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
}

.hr-lines-4:after {
  content: " ";
  height: 2px;
  width: 130px;
  background: #ECF2F1;
  display: block;
  position: absolute;
  top: 40%;
  right: 0;
}

@keyframes roll {
  0% {
    font-size: 0px;
    opacity: 0;
    margin-left: -30px;
    margin-top: 0px;
    transform: rotate(-25deg);
  }

  3% {
    opacity: 1;
    transform: rotate(0deg);
  }

  5% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0px;
    margin-top: 0px;
  }

  20% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0px;
    margin-top: 0px;
    transform: rotate(0deg);
  }

  27% {
    font-size: 0px;
    opacity: 0.5;
    margin-left: 20px;
    margin-top: 100px;
  }

  100% {
    font-size: 0px;
    opacity: 0;
    margin-left: -30px;
    margin-top: 0px;
    transform: rotate(15deg);
  }
}

@keyframes roll2 {
  0% {
    font-size: 0px;
    opacity: 0;
    margin-left: -30px;
    margin-top: 0px;
    transform: rotate(-25deg);
  }

  3% {
    opacity: 1;
    transform: rotate(0deg);
  }

  5% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0px;
    margin-top: 0px;
  }

  30% {
    font-size: inherit;
    opacity: 1;
    margin-left: 0px;
    margin-top: 0px;
    transform: rotate(0deg);
  }

  37% {
    font-size: 1500px;
    opacity: 0;
    margin-left: -1000px;
    margin-top: -800px;
  }

  100% {
    font-size: 0px;
    opacity: 0;
    margin-left: -30px;
    margin-top: 0px;
    transform: rotate(15deg);
  }
}

.title {
  font-family: 'Poppins', sans-serif;
  padding-bottom: 20px;
}


.shape_01 {
  position: absolute;
  right: 0px;
  opacity: .6;
}

.shape_01 img {
  width: 50%;
  float: right;
}

@media (max-width: 767px) {

  .shape_01,
  .circle-border-large,
  .circle-border-small {
    display: none;
  }

}

.intro {
  max-width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1024px) {
  .intro {
    font-size: 1rem;
  }
}


.inerg-rooms .path1:before,
.inerg-rooms .path2:before,
.inerg-rooms .path3:before,
.inerg-rooms .path4:before,
.inerg-rooms .path5:before,
.inerg-rooms .path6:before,
.inerg-rooms .path7:before,
.inerg-rooms .path8:before {
  color: #ffffff;
}

ul.product-list-item {
  margin: 10px 0 0px 0;
  position: relative;
  padding-bottom: 0px;
  display: inline-block;
}

ul.product-list-item li {
  width: 50%;
  float: left;
  padding: 10px 0;

  /*&:nth-child(2), &:nth-child(4){
    	border-right: none;
    }
    &:nth-child(1), &:nth-child(3){
    	padding-left: 0px;
    }
    &:nth-child(3), &:nth-child(4){
    border-bottom: none;
    }*/
}

ul.product-list-item li .icon-list {
  width: 75px;
  height: 75px;
  border-radius: 4px;
  font-size: 2.3rem;
  padding: 15px 0;
  text-align: center;
}

@media (max-width: 1280px) {
  ul.product-list-item li .icon-list {
    width: 55px;
    height: 55px;
    font-size: 2rem;
    padding: 12px 0;
  }
}

ul.product-list-item li h4 {
  font-size: 1.3rem;
  padding-bottom: 6px;
}

ul.product-list-item li h5 {
  font-family: 'Poppins', sans-serif;
  padding-bottom: 5px;
  color: #4a4a4a;
  font-size: .85rem;
}

ul.product-list-item li p {
  font-size: 1em;
  line-height: 28px;
  padding-bottom: 10px;
  color: #747474;
}

@media (max-width: 1024px) {
  ul.product-list-item li {
    width: 100%;
    border: none;
    min-height: inherit;
    padding-left: 0px !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

@media (max-width: 767px) {
  .cd-words-wrapper {
    width: 107px !important;
  }

  .content-home #carouselContent .carousel-item {
    min-height: 220px;
  }

  
}

@media (max-width: 1024px) {
 
  .p-5 {
    padding: 2rem !important;
  }

  .title {
    font-size: 1.5rem;
    padding-bottom: 10px;
  }
  .title-p {
    font-size: 1rem;
    padding-bottom: 10px;
    line-height: 1.3em;
  }
}

.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: -4px;
}

.cd-words-wrapper b i {
  font-family: 'Poppins', sans-serif !important;
  color: #1bbbd4;
}

@media (max-width: 1024px) {
  .cd-words-wrapper b {
    top: -2px;
  }
}

@media (max-width: 767px) {
  .cd-words-wrapper b {
    top: 0px;
  }
}

.cd-words-wrapper b.is-visible {
  position: relative;
}

.no-js .cd-words-wrapper b {
  opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

xrotate-3 

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-3 b {
  opacity: 0;
}

.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  -moz-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards;
}

.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  -moz-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
  }
}

@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg);
  }

  100% {
    -moz-transform: rotateY(0deg);
  }
}

@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(-180deg);
  }
}

@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0);
  }

  100% {
    -moz-transform: rotateY(-180deg);
  }
}

@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}

/* -------------------------------- 

xscale 

-------------------------------- */
.cd-headline.scale b {
  opacity: 0;
}

.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.is-visible .cd-headline.scale i {
  opacity: 1;
}

.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.8s forwards;
  -moz-animation: scale-up 0.8s forwards;
  animation: scale-up 0.8s forwards;
}

.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.8s forwards;
  -moz-animation: scale-down 0.8s forwards;
  animation: scale-down 0.8s forwards;
}

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }

  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }

  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }

  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}

@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}

@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }

  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}

@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}

.owl-dots {
  display: none;
}

.carousel-card {
  margin-top: 40px;
}

.carousel-card .card {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  padding-top: 20px;
  width: 90%;
  margin: 3px auto;
}

.carousel-card .card h4 {
  color: #1bbbd4;
  font-family: 'Poppins', sans-serif;
  font-size: 1.3rem;
  padding-bottom: 15px;
}

.carousel-card .card h6 {
  color: #9b9b9b;
  font-size: 1.2rem;
  padding-bottom: 15px;
}

.carousel-card .card p {
  color: #b0afaf;
  font-size: 1rem;
  padding-bottom: 30px;
}

.carousel-card .owl-theme .owl-nav {
  margin-top: 0;
  position: relative;
  right: 0;
  top: 0;
}

.carousel-card .owl-theme .owl-nav [class*=owl-] {
  display: block;
}

.carousel-card .owl-theme .owl-nav [class*=owl-]:hover {
  background: none;
  color: #03B794;
  border-radius: 50%;
  text-decoration: none;
}

.carousel-card .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  bottom: 270px;
  left: -40px;
  font-size: 3rem;
}

.carousel-card .owl-carousel .owl-nav button.owl-prev:focus {
  border: none;
  outline: none;
}

@media (max-width: 767px) {
  .carousel-card .owl-carousel .owl-nav button.owl-prev {
    font-size: 2rem;
    left: -20px;
  }
}

.carousel-card .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  bottom: 270px;
  right: -40px;
  font-size: 3rem;
}

.carousel-card .owl-carousel .owl-nav button.owl-next:focus {
  border: none;
  outline: none;
}

@media (max-width: 767px) {
  .carousel-card .owl-carousel .owl-nav button.owl-next {
    font-size: 2rem;
    right: -20px;
  }
}

.carousel-card .owl-carousel .owl-nav button.owl-next,
.carousel-card .owl-carousel .owl-nav button.owl-prev {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #03B794;
  /* padding-top: 21px; */
  margin: 0;
}

footer {
  background: #fff;
  margin-top: 0px;
  display: inline-block;
  float: left;
  width: 100%;
}

footer .demo-request {
  position: relative;
  background: #ffffff;
  display: inline-block;
  width: 100%;
  text-align: center;
}

footer .demo-request .circle-footer {
  position: relative;
  left: 0px;
  float: left;
  width: 17%;
}

footer .demo-request h4 {
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  footer .demo-request h4 {
    padding-bottom: 0px;
    font-size: 1.1rem;
  }
}

footer .demo-request .requestdemo {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 150px;
}

footer .demo-request .requestdemo .get-a-box {
  margin: 0 auto;
  position: relative;
}

@media (max-width: 1024px) {
  footer .demo-request .requestdemo {
    top: 80px;
  }
}

@media (max-width: 992px) {
  footer .demo-request .requestdemo {
    top: 50px;
  }
}

@media (max-width: 767px) {
  footer .demo-request .requestdemo {
    top: 0px;
  }
}

@media (max-width: 767px) {
  footer .demo-request {
    margin-top: 80px;
  }
}

footer .footer-bg {
  background: #000;
  display: inline-block;
  width: 100%;
  padding: 50px 0 30px;
  position: relative;
}

footer .footer-bg .footer_logo {
  width: 120px;
  margin-bottom: 40px;
}

footer .footer-bg p {
  font-size: .9rem;
}

footer .footer-bg hr {
  margin-bottom: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

footer .footer-bg h4 {
  font-family: "Bebas Neue", cursive;
  color: #ffffff;
  font-size: 1.2rem;
  padding-bottom: 25px;
}

footer .footer-bg ul li {
  padding-bottom: 15px;
  display: inline-block;
  clear: both;
  width: 100%;
  color: #ffffff;
}

footer .footer-bg ul li i {
  font-size: 1.5rem;
}

footer .footer-bg ul li a {
  color: #ffffff;
}

footer .footer-bg ul li a:hover {
  color: #1bbbd4;
}

footer .footer-bg ul.social {
  margin: 0px auto 0;
  text-align: left;
  display: block;
}

footer .footer-bg ul.social li {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}

footer .footer-bg ul.social li a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  /* background: #1bbbd4; */
  color: #ffffff;
  padding: 6px;
  text-align: center;
  display: block;
  font-size: 1.2rem;
}

footer .footer-bg ul.social li a i {
  font-size: 1.1rem;
}

footer .footer-bg ul.social li a:hover {
  background: #6ab84b;
}

footer .footer-bg .footer-oil-icon {
  position: absolute;
  right: 80px;
  bottom: 40px;
  opacity: .5;
}

footer .footer-bg .footer-oil-icon img {
  height: 400px;
  opacity: .1;
}

@media (max-width: 767px) {
  footer .footer-bg .footer-oil-icon img {
    opacity: .05;
  }
}

@media (max-width: 767px) {
  footer .footer-bg .footer-oil-icon {
    display: none;
  }
}

.inerg-footer-logo {
  /* background: #12aace;
  background: -moz-linear-gradient(left, #12aace 1%, #2aa966 100%);
  background: -webkit-linear-gradient(left, #12aace 1%, #2aa966 100%);
  background: linear-gradient(to right, #12aace 1%, #2aa966 100%); */
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12aace', endColorstr='#2aa966', GradientType=1); */
  /* border-radius: 15px; */
  width: 80px;
  height: 80px;
  padding: 0px;
  margin: 30px auto;

}

.inerg-footer-logo img {
  /* width: 32px; */
  display: block;
  margin: 0 auto;
}

/*innerpages*/
.inner-page-slide {
  position: relative;
  margin-top: 0px;
  /* height: 230px; */
  overflow: hidden;
}

.inner-page-slide img {
  width: 100%;
}

@media (max-width: 1024px) {
  .inner-page-slide {
    /* min-height: 350px; */
  }

  .inner-page-slide img {
    object-fit: cover;
    height: 700px;
  }
}

.inner-page-slide .bg-overlay {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0px;
}

.inner-page-slide .title-content {
  position: absolute;
  top: 0px;
  width: 100%;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

.inner-page-slide .title-content h4 {
  color: #fff;
  font-size: 1.4rem;
  padding-bottom: 10px;
}

.inner-page-slide .title-content h1 {
  color: #1bbbd4;
  font-size: 2.4rem;
  padding-top: 40px;
  padding-bottom: 10px;
}

.inner-page-slide .title-content h6 {
  font-size: 1.2rem;
  color: #fff;
}

.inner-page-slide .title-content .icon-list {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0px;
}

.inner-page-slide .title-content .icon-list .box {
  width: 80px;
  height: 80px;
  border-radius: 20px 20px 0 0;
  display: block;
  margin: 0 auto;
  padding-top: 20px;
  font-size: 3rem;
}

.img-device {
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
}

.img-device:hover {
  transform: translate(0, -50px);
  -webkit-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  -moz-transform: translate(0, -50px);
}

@media (max-width: 767px) {
  .img-device {
    margin-top: 1rem;
    margin-left: 15px;
  }
}

/*keyapplication*/
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  background-color: #2ad2ec;
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  margin-bottom: 20px;
}

.first-item {
  background-color: #16a9c0;
}

[class^='imghvr-']>img,
[class*=' imghvr-']>img {
  vertical-align: top;
  max-width: 100%;
}

.keyapp {
  width: 100%;
  min-height: 250px;
  display: inline-block;
  padding: 15px;
  position: relative;
}

.keyapp h4 {
  position: relative;
  bottom: 10px;
  text-align: left;
  font-size: 1.3rem;
  font-family: 'Poppins', sans-serif;
}

.keyapp i {
  font-size: 1.6rem;
}

[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {

  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
}

[class^='imghvr-'] figcaption h1,
[class^='imghvr-'] figcaption h2,
[class^='imghvr-'] figcaption h3,
[class^='imghvr-'] figcaption h4,
[class^='imghvr-'] figcaption h5,
[class^='imghvr-'] figcaption h6,
[class*=' imghvr-'] figcaption h1,
[class*=' imghvr-'] figcaption h2,
[class*=' imghvr-'] figcaption h3,
[class*=' imghvr-'] figcaption h4,
[class*=' imghvr-'] figcaption h5,
[class*=' imghvr-'] figcaption h6 {
  color: #ffffff;
}

[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  color: #fff;
}

[class^='imghvr-'] a:hover {
  color: #000;
}

[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  box-sizing: border-box;
  transition: all .35s ease;
}

/* imghvr-reveal-*
   ----------------------------- */
[class^='imghvr-reveal-']:before,
[class*=' imghvr-reveal-']:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
}

[class^='imghvr-reveal-'] figcaption,
[class*=' imghvr-reveal-'] figcaption {
  opacity: 0;
}

[class^='imghvr-reveal-']:hover:before,
[class*=' imghvr-reveal-']:hover:before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

[class^='imghvr-reveal-']:hover figcaption,
[class*=' imghvr-reveal-']:hover figcaption {
  opacity: 1;
  transition-delay: 0.21s;
}

/* imghvr-reveal-up
   ----------------------------- */
.imghvr-reveal-up:before {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.box-1 {
  position: relative;
  border-radius: 10px;
  width: 60%;
  margin-top: 60px;
}

.box-1 img {
  border-radius: 10px;
}

@media (max-width: 767px) {
  .box-1 {
    width: 100%;
  }
}

.box-2 {
  position: relative;
  border-radius: 10px;
  margin-left: 140px;
  margin-top: -330px;
  width: 60%;
}

@media (max-width: 1024px) {
  .box-2 {
    margin-top: -260px;
  }
}

@media (max-width: 768px) {
  .box-2 {
    margin-top: -120px;
    margin-left: 60px;
  }
}

@media (max-width: 767px) {
  .box-2 {
    width: 100%;
    margin-left: 0px;
  }
}

.box-2 img {
  border-radius: 10px;
}

.ml-n5 {
  margin-left: -3.1rem !important;
}

/*services page*/

.abstract-img {
  background: url("../images/abstract_inerg.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 700px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  opacity: .5;
}

.home-bg-img {
  background: url("../images/Reduced/home-img-r4.svg");
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 500px;
  object-fit: cover;
  background-position: center center; 
}

.home-card-cont {
  position: relative; 
}

.card-home {
  position: absolute;
  width: 160px;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #AEC5C0;
  border-radius: 12px;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
  padding: 10px;
  text-align: center;
}

.card-home:nth-child(1) {
  transform:  translate(260%, 0%);
}

.card-home:nth-child(2) {
  transform:  translate(500%, 50%);
}

.card-home:nth-child(3) {
  transform:  translate(230%, 230%);
}

.card-home:nth-child(4) {
  transform:  translate(550%, 250%);
}

.card-home:nth-child(5) {
  transform:  translate(300%, 500%);
}

.card-home-m {
  position: absolute;
  width: 250px;
  height: auto;
  background-color: #ffffff;
  border: none;
  padding: 0px;
  text-align: center;
  transform:  translate(580px, 180px);
}

@media (max-width: 1024px)  {

  .card-home {
    width: auto;
    
  }
  .card-home:nth-child(1) {
    transform:  translate(0%, 0%);
  }
  
  .card-home:nth-child(2) {
    transform:  translate(130%, 50%);
  }
  
  .card-home:nth-child(3) {
    transform:  translate(0%, 230%);
  }
  
  .card-home:nth-child(4) {
    transform:  translate(150%, 250%);
  }
  
  .card-home:nth-child(5) {
    transform:  translate(0%, 450%);
  }
  
  .card-home-m {
    display: none;
  }
}

/*platform*/
.platform {
  color: #fff;
  margin-bottom: 30px;
}

.platform img {
  margin-bottom: 40px;
}

.platform h1 {
  font-family: 'Poppins', sans-serif;
  padding-bottom: 30px;
}

.platform h4 {
  font-family: 'Poppins', sans-serif;
  padding-bottom: 30px;
}

.platform-text {
  font-size: 1.8rem;
  border-left: 2px solid #1bbbd4;
  padding-left: 15px;
  padding-top: 0px;
  color: #fff;
  padding-bottom: 0px;
}

#owl-demo .card h4 {
  padding-top: 10px;
  padding-bottom: 10px;
}

#owl-demo .card h6 {
  line-height: 32px;
  min-height: 180px;
  padding: 20px;
}

.features {
  width: 75%;
  display: block;
}

@media (max-width: 768px) {
  .features {
    width: 80%;
  }
}

ul.about {
  display: inline-block;
  width: 100%;
  clear: both;
  position: relative;
}

ul.about li {
  width: 50%;
  float: left;
  padding: 0px;
  height: 55%;
  min-height: 430px;
  position: relative;
}

@media (max-width: 1024px) {
  ul.about li {
    min-height: 430px;
  }
}

@media (max-width: 768px) {
  ul.about li {
    width: 100%;
    float: none;
    height: auto;
    min-height: inherit;
  }
}

ul.about li h3 {
  color: #ffffff;
  line-height: 55px;
  font-family: 'Poppins', sans-serif;
  padding: 40px;
  font-size: 2.5rem;
}

@media (max-width: 1024px) {
  ul.about li h3 {
    font-size: 2.3rem;
  }
}

@media (max-width: 767px) {
  ul.about li h3 {
    font-size: 1.6rem;
    line-height: 44px;
  }
}

ul.about li img {
  position: absolute;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 768px) {
  ul.about li img {
    width: 100%;
    position: relative;
  }
}

ul.about .icon-about {
  position: relative;
  width: auto;
  height: auto;
}

#timeline .timeline-item:after,
#timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

#timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #c8c8c8;
  left: 50%;
  top: 0;
  position: absolute;
}

#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}

#timeline .timeline-item {
  margin-bottom: 50px;
  position: relative;
}

#timeline .timeline-item .timeline-icon {
  background: #1bbbd4;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  margin-left: -8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

#timeline .timeline-item .timeline-icon svg {
  position: relative;
  top: 14px;
  left: 14px;
}

#timeline .timeline-item .timeline-content {
  width: 45%;
  text-align: right;
  padding: 0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#timeline .timeline-item .timeline-content h5 {
  padding: 0px;
  color: #000;
  margin: 0;
  font-family: 'Poppins', sans-serif;
}

#timeline .timeline-item .timeline-content p {
  padding: 0 0 10px 0;
}

#timeline .timeline-item .timeline-content.right {
  float: right;
  text-align: left;
}

@media (max-width: 768px) {
  #timeline .timeline-item .timeline-content {
    text-align: left;
  }
}

@media (max-width: 768px) {
  #timeline {
    margin: 30px;
    padding: 0px;
    width: 90%;
  }

  #timeline:before {
    left: 0;
  }

  #timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
  }

  #timeline .timeline-item .timeline-icon {
    left: 0;
  }
}

@media (max-width: 767px) {
  .mt-5 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

/*career position*/
.accordion>.card {
  border: 1px solid #C5CDCC;
  /* border-radius: 20px; */
  margin-bottom: 10px;
}

.accordion>.card>.card-header {
  background: #fff;
  /* border: 1px solid #C5CDCC; */
  padding: 20px;
  /* color: #ffffff; */
}

.accordion>.card>.card-header span {
  font-family: 'Poppins', sans-serif;
}

.accordion>.card>.card-header i {
  font-size: 1.4rem;
  font-weight: 600;
  padding-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

.accordion>.card>.card-header [aria-expanded="true"] i {
  transform: rotate(90deg);
  margin-top: -10px;
}

.accordion .card-body {
  background: #fff;
}

.accordion .card-body h6 {
  font-family: 'Poppins', sans-serif;
}

ul.jobdesc {
  margin-left: 0px;
}

ul.jobdesc li {
  display: block;
  font-size: 1rem;
  padding: 10px 0;
}

ul.jobdesc li i {
  font-size: .7rem;
  padding-right: 10px;
  vertical-align: unset;
  width: 3%;
  display: inline-block;
}

ul.jobdesc li span {
  width: 90%;
  display: inline-block;
}

.contact {
  padding-bottom: 30px;
}

.trial-card {
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  margin-bottom: 40px;
}

.trial-card .card-title {
  font-family: 'Poppins', sans-serif;
}

.login-reg-panel {
  position: relative;
  border-radius: 4px;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin: 80px auto 0;
  height: 700px;
  background-color: #c9f1fa;
}

@media (max-width: 767px) {
  .login-reg-panel {
    height: auto;
    margin-top: 30px;
  }
}

.white-panel {
  background-color: white;
  height: 780px;
  position: absolute;
  top: -50px;
  width: 40%;
  overflow-y: auto;
  right: calc(55% - 0px);
  transition: .3s ease-in-out;
  z-index: 2;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
  .white-panel {
    position: relative;
    width: 100%;
    top: 0px;
    right: 0px;
    height: auto;
    border-radius: 0px 0px 4px 4px;
  }
}

.login-reg-panel input[type="radio"] {
  position: relative;
  display: none;
}

.login-reg-panel {
  color: #B8B8B8;
}

.login-reg-panel #label-login,
.login-reg-panel #label-register {
  border: none;
  padding: 8px 30px;
  width: auto;
  color: #ffffff;
  text-align: center;
  border-radius: 20px;
  cursor: pointer;
  font-size: 16px;
  font-family: "Bebas Neue", cursive;
  background: #1bbbd4;
}

.login-reg-panel #label-login:hover,
.login-reg-panel #label-register:hover {
  background: #6ab84b;
}

.login-info-box {
  width: 40%;
  padding: 0 0px;
  top: 26%;
  left: 10%;
  position: absolute;
  text-align: left;
}

.login-info-box h3 {
  color: #000000;
  line-height: 50px;
  padding-bottom: 15px;
}

.login-info-box p {
  color: #000000;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .login-info-box {
    width: 100%;
    top: 0px;
    left: 0px;
    position: relative;
    padding: 20px;
  }
}

.register-info-box {
  width: 50%;
  padding: 0 0px;
  top: 23%;
  right: 0;
  position: absolute;
  text-align: left;
}

.register-info-box h3 {
  color: #000000;
  line-height: 50px;
  padding-bottom: 15px;
}

.register-info-box p {
  color: #000000;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .register-info-box {
    width: 100%;
    top: 0px;
    right: 0px;
    position: relative;
    padding: 20px;
  }
}

.right-log {
  right: 50px !important;
}

@media (max-width: 767px) {
  .right-log {
    right: 0px !important;
  }
}

.login-show,
.register-show {
  z-index: 1;
  /*display:none;
  opacity:0;*/
  transition: 0.3s ease-in-out;
  color: #242424;
  text-align: left;
  padding: 10px 50px;
}

@media (max-width: 768px) {

  .login-show,
  .register-show {
    padding: 20px;
  }
}

.show-log-panel {
  display: block;
  opacity: 0.9;
}

.login-show input[type="text"],
.login-show input[type="password"],
.login-show select,
.login-show textarea {
  width: 100%;
  display: block;
  margin: 20px 0;
  padding: 10px 15px;
  border: 1px solid #b5b5b5;
  outline: none;
  border-radius: 30px;
}

.login-show textarea {
  height: 50px;
}

.login-show input[type="button"] {
  float: right;
}

/*.login-show a{
    display:inline-block;
    padding:10px 0;
}*/
.register-show input[type="text"],
.register-show input[type="password"],
.register-show select {
  width: 100%;
  display: block;
  margin: 20px 0;
  padding: 10px 15px;
  border: 1px solid #b5b5b5;
  outline: none;
  border-radius: 30px;
}

.register-show input[type="button"] {
  float: right;
}

@media (max-width: 767px) {
  #carouselContent {
    margin-top: 50px !important;
  }

  .device-mt-12 {
    margin-top: 20rem !important;
  }

  .order-first {
    display: none;
  }

  .navbar .btn-primary {
    border-radius: 16px;
    padding: 8px 18px;
  }
}

@media (max-width: 320px) {
  #carouselContent {
    margin-top: 110px !important;
  }

  .icon-box h3 {
    font-size: 1.5rem;
  }
}

#carouselContent .carousel-indicators {
  position: absolute;
  top: 0;
  right: inherit;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 0;
  list-style: none;
}

#carouselContent .carousel-indicators li {
  background: #AFF1E4;
  border-top: none;
  height: 5px;
  border-bottom: none;
}

#carouselContent .carousel-indicators .active {
  opacity: 9;
  background: #03B794;
}

.demo-request {
  position: relative;
  background: #fff;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.demo-request .circle-footer {
  position: relative;
  left: 0px;
  float: left;
  margin-top: 20px;
  width: 10%;
}

.demo-request h4 {
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .demo-request h4 {
    padding-bottom: 0px;
    font-size: 1.1rem;
  }
}

.demo-request .requestdemo {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 65px;
}

.demo-request .requestdemo .get-a-box {
  margin: 0 auto;
  position: relative;
}

@media (max-width: 1024px) {
  .demo-request .requestdemo {
    top: 0px;
  }
}

@media (max-width: 992px) {
  .demo-request .requestdemo {
    top: 0px;
  }
}

@media (max-width: 767px) {
  .demo-request .requestdemo {
    top: 0px;
  }
}

@media (max-width: 767px) {
  .demo-request {
    margin-top: 0;
    padding-bottom: 0px;
  }

  .demo-request .circle-footer {
    display: none;
  }

  .inerg-footer-logo {
    display: block;
    margin: 0 auto 20px auto;
  }

  .demo-request .requestdemo {
    position: relative;
    padding-bottom: 20px;
  }

  .inner-page-slide .title-content h1 {
    font-size: 1.6rem;
  }

  .platform {
    color: #fff;
    margin-bottom: 20px;
  }

  .platform img {
    margin-bottom: 10px;
  }

  footer .footer-bg ul.social li a {
    padding: 0px;
    width: 26px;
    height: 26px;
  }
}

.imghvr-reveal-up figcaption {
  max-height: 300px;
  overflow-y: scroll;
}

.imghvr-reveal-up ::-webkit-scrollbar {
  width: 8px;
}

.imghvr-reveal-up ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}

.imghvr-reveal-up ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
}

#whyuse .carousel-item {
  margin-left: 10px;
  margin-top: 20px;
}

#whyuse .carousel-item h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.5rem;
  padding-top: 20px;
  padding-bottom: 20px;
}

#whyuse .carousel-indicators {
  position: absolute;
  top: 0;
  right: inherit;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 10px;
  list-style: none;
}

#whyuse .carousel-indicators li {
  background: #b1b1b1;
  border-top: none;
  height: 5px;
  border-bottom: none;
}

#whyuse .carousel-indicators .active {
  opacity: 9;
  background: #1bbbd4;
}

@media (max-width: 1024px) {
  .navbar-nav .nav-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.why-box {
  text-align: center;
  margin: 0 auto;
  color: #fff;
  border-radius: 20px;
  margin-bottom: 20px;
}

.why-box :last-child {
  margin-bottom: 0px !important;
}

#whyinerg .owl-nav {
  display: none;
}

.why-box img {
  width: 90px !important;
  display: block;
  margin: 0 auto;
}

.why-box h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

.why-box p {
  line-height: 1.4rem;
  font-size: .9rem;
}

.why-box-h {
  text-align: left;
  margin: 0 auto;
  /* color: #fff; */
  margin-bottom: 20px;
  border: 1px solid #DAEBE8;
  border-left: 4px solid #039B7D ;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  padding: 10px;
  padding-bottom: 0px;
  /* border: 2px solid #039B7D; */
  /* background-color: #fff; */
  /* background-clip: border-box; */
 
} 

.cursor-pointer {
  cursor: pointer;
}

.adv-content-1 { 
  animation: fade-in 1.5s; 
} 
.adv-content-2 { 
  animation: fade-in 1.5s; 
} 

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.adv-content-1.active {
  opacity: 1; 
}

.why-box-h :last-child {
  margin-bottom: 0px !important;
}

.why-box-h h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

.why-box-h p {
  line-height: 1.4rem;
  font-size: .9rem;
}


@media (max-width: 767px) {
  .m-t-top {
    margin-top: 280px !important;
    display: inline-block;
    width: 100%;
  }

  .mt-n5,
  .my-n5 {
    margin-top: 0rem !important;
  }

  .why-box {
    margin-top: 20px;
  }

  .inner-service {
    height: auto !important;
  }

  .inner-service .tab-content .tab-pane .img-bg {
    display: block !important;
  }
}

.form-group .error {
  color: red;
  display: inline-block;
  width: 100%;
  text-align: left;
  padding-top: 5px;
}

.error {
  color: red;
  display: inline-block;
  width: 100%;
  text-align: left;
  padding-top: 5px;
}


@font-face {
  font-family: 'futuratregular';
  src: url("../fonts/f011003t-webfont.eot");
  src: url("../fonts/f011003t-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/f011003t-webfont.woff2") format("woff2"), url("../fonts/f011003t-webfont.woff") format("woff"), url("../fonts/f011003t-webfont.ttf") format("truetype"), url("../fonts/f011003t-webfont.svg#futuratregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaPT-DemiBold';
  src: url("../fonts/FuturaPT-DemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-DemiBold.otf") format("opentype"), url("../fonts/FuturaPT-DemiBold.woff") format("woff"), url("../fonts/FuturaPT-DemiBold.ttf") format("truetype"), url("../fonts/FuturaPT-DemiBold.svg#FuturaPT-DemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?55cg0a");
  src: url("../fonts/icomoon.eot?55cg0a#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?55cg0a") format("truetype"), url("../fonts/icomoon.woff?55cg0a") format("woff"), url("../fonts/icomoon.svg?55cg0a#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-list .inerg-economics .path1:before,
.icon-list .inerg-economics .path2:before,
.icon-list .inerg-economics .path3:before,
.icon-list .inerg-economics .path4:before {
  color: #1bbbd4;
}

.inerg-portfolio:before {
  content: "\e916";
}

.icon-list .inerg-pulse .path1:before,
.icon-list .inerg-pulse .path2:before,
.icon-list .inerg-pulse .path3:before {
  color: #1bbbd4;
}

.inerg-rooms .path1:before {
  content: "\e91a";
  color: #4c6a70;
}

.inerg-rooms .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: #020202;
}

.inerg-rooms .path3:before {
  content: "\e91c";
  margin-left: -1em;
  color: black;
}

.inerg-rooms .path4:before {
  content: "\e91d";
  margin-left: -1em;
  color: #4c6a70;
}

.inerg-rooms .path5:before {
  content: "\e91e";
  margin-left: -1em;
  color: black;
}

.inerg-rooms .path6:before {
  content: "\e91f";
  margin-left: -1em;
  color: black;
}

.inerg-rooms .path7:before {
  content: "\e920";
  margin-left: -1em;
  color: black;
}

.inerg-rooms .path8:before {
  content: "\e921";
  margin-left: -1em;
  color: black;
}

.w2l-form__wrapper {
  font-family: inherit;
}

/* .w2l-form__form {
    text-align: left;
    font-family: inherit;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
  }
  .w2l-form .w2l-form__input-wrap .w2l-form__label {
    text-align: left;
    font-family: 'FuturaPT-DemiBold';
    font-style: normal;
   
    font-size: .7rem;
    line-height: 15px;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    color: #000;
  
    padding-bottom: 5px;
  }
  .w2l-form .w2l-form__input-wrap .w2l-form__input {
    text-align: left;
    font-family: inherit;
    box-shadow: none;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 12px;
    background: #ffffff;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
  }
  .w2l-form .w2l-form__submit {
   cursor: pointer;
   margin-bottom: 20px;
  }
  .w2l-form .w2l-form__submit:hover {
    background: darker;
    cursor: pointer;
  }
  .w2l-form .w2l-form__recaptcha {
    margin-bottom: 12px;
  }
  .w2l-form__required {
    color: red;
    padding-left: 5px;
  } */

.custom-dropdownlist li {}

@media (min-width: 992px) {
  .dropdown-menu .dropdown-toggle:after {
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
  }

  .dropdown-menu .dropdown-menu {
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-menu li {
    position: relative;

  }

  .nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
    border-radius: 0px;
    border: none;
  }

  .nav-item .submenu li {
    width: 100%;
  }

  .nav-item .submenu-left {
    right: 100%;
    left: auto;
  }

  .dropdown-menu>li:hover {
    background-color: #f1f1f1;
    border-radius: 0px;
  }

  .dropdown-menu>li:hover>.submenu {
    display: block;
    border-radius: 0px;
    border: none;
  }
}

.icon-item {
  position: absolute;
  right: 30px;
  bottom: 20px;
}

.icon-item i {
  font-size: 3rem;
  color: rgba(0, 0, 0, 0.12);
}

.btn-border-white {
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 8px 30px;
  color: #fff;
  font-family: "Bebas Neue", cursive;
  letter-spacing: .5px;
}

.btn-border-white:hover {
  background: #fff;
  color: #2ad2ec;
}

@media screen and (max-width:767px) {
  .inner-page-slide {
    min-height: 300px;
  }

  .custom-dropdownlist li {
    width: 100%;
    float: none;
  }

  .dropdown-menu {
    border: none;
    padding-left: 0px;
    min-width: inherit;
  }

  .hidden-sm-down {
    display: none;
  }

  ul.jobdesc li i {

    width: 7%;
  }

  .size-small {
    font-size: .8rem;
    line-height: 24px;
  }

  .product-list .w-50 {
    width: 100% !important;
    float: none;
  }
}

.cd-words-wrapper b span {
  color: #000 !important;
}

ul.solution-list li {
  padding: 6px 0;
}

/* contactus*/
#crmWebToEntityForm.zcwf_lblLeft {
  width: 100%;
  padding: 0px;
  margin: 0 auto;
  box-sizing: border-box;
}

#crmWebToEntityForm.zcwf_lblLeft * {
  box-sizing: border-box;
}

#crmWebToEntityForm {
  text-align: left;
}

#crmWebToEntityForm * {
  direction: ltr;
}

.zcwf_lblLeft .zcwf_title {
  word-wrap: break-word;
  padding: 0px 6px 10px;
  font-size: 1.3rem;
  text-align: center;
  color: #376A61;
}

.zcwf_lblLeft .zcwf_col_fld input[type=text],
.zcwf_lblLeft .zcwf_col_fld textarea {
  width: 100%;
  border: 1px solid #ccc;
  resize: vertical;
  border-radius: 8px;
  float: left;
  background: none;
  padding: 5px 10px;
  color: #1C2927;
}

.zcwf_lblLeft .zcwf_col_fld textarea {
  min-height: 80px;
}

.zcwf_lblLeft .zcwf_col_lab {
  width: 100%;
  word-break: break-word;
  padding: 0 0px 10px 0;
  margin-right: 0px;
  margin-top: 0px;
  float: left;
  min-height: 1px;
  color: #1C2927;
}

.zcwf_lblLeft .zcwf_col_fld {
  float: left;
  width: 100%;
  padding: 0px 0px 0px;
  position: relative;
  margin-top: 0px;
}

.zcwf_lblLeft .zcwf_privacy {
  padding: 6px;
}

.zcwf_lblLeft .wfrm_fld_dpNn {
  display: none;
}

.dIB {
  display: inline-block;
}

.zcwf_lblLeft .zcwf_col_fld_slt {

  resize: vertical;
  width: 100%;
  border: 1px solid #ccc;
  resize: vertical;
  border-radius: 8px;
  float: left;
  background: none;
  padding: 5px 10px;
  color: #1C2927;

}

.zcwf_lblLeft .zcwf_col_fld_slt {
  background: #fff;
}

.zcwf_lblLeft .zcwf_row:after,
.zcwf_lblLeft .zcwf_col_fld:after {
  content: '';
  display: table;
  clear: both;
}

.zcwf_lblLeft .zcwf_col_help {
  float: left;
  margin-left: 7px;
  font-size: 12px;
  max-width: 35%;
  word-break: break-word;
}

.zcwf_lblLeft .zcwf_help_icon {
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  color: #ccc;
  text-align: center;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  border-radius: 50%;
}

.zcwf_lblLeft .zcwf_row {
  margin: 0px 0px 15px;
}

.zcwf_lblLeft .formsubmit {
  margin-right: 10px;
  cursor: pointer;

}

.zcwf_lblLeft .zcwf_privacy_txt {
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-family: Comic Sans MS;
  display: inline-block;
  vertical-align: top;
  color: #333;
  padding-top: 2px;
  margin-left: 6px;
}

.zcwf_lblLeft .zcwf_button {

  cursor: pointer;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zcwf_lblLeft .zcwf_tooltip_over {
  position: relative;
}

.zcwf_lblLeft .zcwf_tooltip_ctn {
  position: absolute;
  background: #dedede;
  padding: 3px 6px;
  top: 3px;
  border-radius: 4px;
  word-break: break-all;
  min-width: 50px;
  max-width: 150px;
  color: #333;
}

.zcwf_lblLeft .zcwf_ckbox {
  float: left;
}

.zcwf_lblLeft .zcwf_file {
  width: 55%;
  box-sizing: border-box;
  float: left;
}

.clearB:after {
  content: '';
  display: block;
  clear: both;
}

@media all and (max-width: 600px) {

  .zcwf_lblLeft .zcwf_col_lab,
  .zcwf_lblLeft .zcwf_col_fld {
    width: auto;
    float: none !important;
  }

  .zcwf_lblLeft .zcwf_col_help {
    width: 40%;
  }
}

.img-circle {
  width: 120px;
  height: 120px;

  display: block;
  margin: 0 auto;
}

.img-circle img {
  border-radius: 50%;
  width: 120px !important;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 500;
  color: #12a9cb;

}

.img-circle img {
  border-radius: 50%;
  width: 120px !important;
}

.modal-header-custom {
  border-bottom: none;
  padding-bottom: 0rem;
  background: #12aace;
  background: -moz-linear-gradient(left, #12aace 1%, #2aa966 100%);
  background: -webkit-linear-gradient(left, #12aace 1%, #2aa966 100%);
  background: linear-gradient(to right, #12aace 1%, #2aa966 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12aace', endColorstr='#2aa966', GradientType=1);
  padding: 50px 0;
  position: absolute;
  width: 100%;
  left: 0px;
}

.modal-header-custom .close {
  padding: 1rem 1rem;
  margin: -1rem 0rem -1rem auto;
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 9;

}

.img-circle-leader {
  width: 120px;
  height: 120px;

  margin: 20px auto 0;
}

.modal-content {
  border: none;
}

italic {
  font-style: italic;
}

.btn-rounded {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  padding: 8px;
  padding-top: 10px;

}

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.md-28 {
  font-size: 28px;
}
.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

.social-media ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  .social-media li {
    float: left;
  }

  .social-media li a {
    display: block;
    color: white;
    text-align: center;
    padding: 3px;
    text-decoration: none;
  }