/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

/* DEFAULT */

body {
  padding-top: 56px;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  /* background: no-repeat center center scroll; */
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

/* COLLAPSIBLES */

.clps-btn {
  /* background-color: #777; */
  /* color: white; */
  cursor: pointer;
  padding: 8px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .clps-btn:hover {
  background-color: #555;
}

.clps-btn:after {
  content: '\002B';
  color: #61e455;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.clps-ctv:after {
  content: "\2212";
}

.clps-cnt {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1.2s ease-in-out;
  /* background-color: #f1f1f1; */
}

/* CUSTOM */

html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

.left
{
  float: left;
}

.right
{
  float: right;
}

a.unlink {
  color: inherit;
  text-decoration: none;
}

.ib {
  display: inline-block;
}

.bg-primary {
  background: linear-gradient(#78ff6c, #beffa9);
  background-color: #85ff7a;
}

.text-primary {
  color: #61e455!important;
}

.text-secondary {
  color: rgb(66, 66, 66)!important;
}

body nav .c-link:hover {
  color:#c1eebc!important;
}

.wh {
  width: 100%;
}

body {
  overflow-x:hidden;
}

.navbar {
  max-width: 100vw;
}

h1 {
  overflow-wrap: break-word;
}

.c-ui {
  background-color: #26e615!important;
}

.c-icon {
  width: 128px;
  height: 128px;
  margin: 16px 0;
}

.c-div {
  border:1px solid #26e615;
  /* margin-left: 18px; */
  /* width: 739px; */
  /* min-width: 320px; */
  overflow: hidden;
  width: -webkit-calc(100vw - 72px);
  width:    -moz-calc(100vw - 72px);
  width:         calc(100vw - 72px);
  height: 80vh;
  /* min-width: 300px; */
}
.c-iframe {
  /* -ms-zoom: 0.75;
  -moz-transform: scale(1.5);
  -moz-transform-origin: 0 0;
  -o-transform: scale(1.5);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(1.5);
  -webkit-transform-origin: 0 0; */
  margin-left: -10px;
  margin-top: -12px;
  margin-bottom: -10px;
  /* min-width: 320px; */
  /* width: 100%; */
  height: 400px;
  border: none;
  /* width: -webkit-calc(100% + 12px);
  width:    -moz-calc(100% + 12px);
  width:         calc(100% + 12px); */
  width: -webkit-calc(100vw - 40px);
  width:    -moz-calc(100vw - 40px);
  width:         calc(100vw - 40px);
  height: 80vh;
}

.header-logo {
  height: 20px;
}

.cc {
  padding-left: 20px;
  padding-bottom: 6px;
}

@media (min-width: 768px) {
  .c-div {
    width: 731px;
    /* overflow: hidden; */
  }
  .c-iframe {
    /* margin-top: -10px;
    margin-bottom: -10px; */
    width: 768px;
    /* height: 500px;
    border: none; */
  }

  .navbar-brand {
    margin-left: 50px;
  }

  .header-logo {
    height: 30px;
  }

  .cc {
    padding-left: 10px;
  }
    
  section {
    padding: 56px 80px;
  }
}

section.service .section-heading {
  margin-bottom: 100px;
}

section.service .section-heading h2 {
  margin-top: 0;
}

section.service .section-heading p {
  margin-bottom: 0;
}

section.service .device-container,
section.service .feature-item {
  max-width: 325px;
  margin: 0 auto;
}

section.service .device-container {
  margin-bottom: 100px;
}

section.service .feature-item {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.feature-item {
  text-align: center!important;
}

section.service .feature-item h3 {
  font-size: 30px;
}

section.inventory .section-heading {
  margin-bottom: 100px;
}

section.inventory .section-heading h2 {
  margin-top: 0;
}

section.inventory .section-heading p {
  margin-bottom: 0;
}

section {
  padding: 56px 20px;
  min-height: 100vh;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2326e615' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
 }
 
 .carousel-control-next-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2326e615' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
 }

 .flex-outer li,
.flex-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.btn-primary {
  color: rgb(66, 66, 66);
  background-color: #26e615;
  border-color: #26e615;
}

.btn-primary:hover {
  color: rgb(66, 66, 66);
  background-color: #a6f09f;
  border-color: #a6f09f;
}