@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"),
    url("../fonts/Lato_normal_300_default.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"),
    url("../fonts/Lato_normal_400_default.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"),
    url("../fonts/Lato_normal_700_default.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"),
    url("../fonts/Lato_normal_900_default.woff") format("woff");
}

html,
body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

body {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "Lato", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 16px;
}

.btn {
  text-transform: initial;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

h1 {
  font-size: 68px;
  font-weight: 200;
  margin-bottom: 6px;
}

.icon,
.glyphicon {
  margin-right: 5px;
}

h2 {
  font-size: 48px;
  line-height: 58px;
  font-weight: 200;
  letter-spacing: -1px;
  margin-top: 50px;
  margin-bottom: 15px;
}

h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 200;
}

h4 {
  margin-top: 32px;
  margin-bottom: 16px;
}

.block h3 {
  font-weight: bold;
  font-size: 26px;
}

.block h3+p {
  font-size: 18px;
}

.block h4 {
  font-weight: bold;
  font-size: 22px;
}

/*.main > .row:first-child > div:first-child, .main > .page-header {*/
.main {
  margin-top: 64px;
  flex-grow: 1;
}

.page-header {
  background-color: #eee;
  margin: initial;
  margin-bottom: 46px;
  padding: 46px 0 46px;
  border-bottom: 1px solid #ddd;
}

.page-header h1 {
  font-size: 40px;
  margin-left: 15px;
}

.be {
  margin-left: 10px;
  margin-right: 10px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: lighter;
}

div.stage {
  padding-bottom: 20px;
}

.stage h3,
.stage .h3,
.stage p {
  margin-top: 36px;
}

.stage .btn {
  background-color: initial;
  box-shadow: initial;
  border: 3px solid #fff;
  color: #fff;
  padding-left: 25px;
  padding-right: 25px;
  width: 180px;
}

.stage .slick-head {
  margin-top: 50px;
}

.stage .slick-head img {
  box-shadow: 5px 5px 5px #516e86;
}

.stage-cortex .btn {
  border-color: #444;
  color: #444;
}

.stage .btn .glyphicon {
  margin-right: 10px;
}

.stage .btn:hover,
.stage .btn a:hover {
  background-color: #fff;
  border: 3px solid #fff;
  color: #444;
}

div.stage-wire {
  background-position: center center;
  background: linear-gradient(135deg, #6ad4f2 0%, #6daae8 55%, #2790db 100%),
    url("../img/honeycomb-34984.svg");
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

div.stage-neurons {
  background-image: url("../img/neurons3.jpg");
  background-position: center center;
}

div.stage-cyan {
  background: #87e0fd;
  /* Old browsers */
  background: -moz-linear-gradient(45deg,
      #87e0fd 0%,
      #53cbf1 40%,
      #05abe0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg,
      #87e0fd 0%,
      #53cbf1 40%,
      #05abe0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg,
      #87e0fd 0%,
      #53cbf1 40%,
      #05abe0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

div.stage-blue {
  background: #6ad4f2;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg,
      #6ad4f2 0%,
      #6daae8 55%,
      #2790db 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,
      #6ad4f2 0%,
      #6daae8 55%,
      #2790db 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,
      #6ad4f2 0%,
      #6daae8 55%,
      #2790db 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ad4f2', endColorstr='#2790db', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

div.stage-memo-blue {
  background: #1773b5;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg,
      #1773b5 0%,
      #1c83cf 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,
      #1773b5 0%,
      #1c83cf 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,
      #1773b5 0%,
      #1c83cf 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1773b5', endColorstr='#1c83cf', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

div.stage-memo {
  background: #1ac9ba;
  /* Old browsers */
  background: -moz-linear-gradient(top,
      #1ac9ba 0%,
      #1c83cf 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,
      #1ac9ba 0%,
      #1c83cf 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,
      #1ac9ba 0%,
      #1c83cf 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ac9ba', endColorstr='#1c83cf', GradientType=0);
  /* IE6-9 */
}

div.stage-cortex {
  background: #ffd65e;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg,
      #ffd65e 0%,
      #febf04 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,
      #ffd65e 0%,
      #febf04 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,
      #ffd65e 0%,
      #febf04 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

div.stage-cortex-green {
  background: #f4fff9;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg,
      #f4fff9 0%,
      #cbf2cc 51%,
      #e5fce6 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,
      #f4fff9 0%,
      #cbf2cc 51%,
      #e5fce6 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,
      #f4fff9 0%,
      #cbf2cc 51%,
      #e5fce6 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4fff9', endColorstr='#e5fce6', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

div.stage-cortex-darkgreen {
  background: #f4fff9;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg,
      #f4fff9 0%,
      #5fd863 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,
      #f4fff9 0%,
      #5fd863 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,
      #f4fff9 0%,
      #5fd863 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4fff9', endColorstr='#5fd863', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

div.stage-cyan,
div.stage-cyan h1,
div.stage-cyan h2,
div.stage-cyan h3,
div.stage-cyan h4,
div.stage-cyan h5,
div.stage-blue,
div.stage-blue h1,
div.stage-blue h2,
div.stage-blue h3,
div.stage-blue h4,
div.stage-blue h5,
div.stage-memo,
div.stage-memo h1,
div.stage-memo h2,
div.stage-memo h3,
div.stage-memo h4,
div.stage-memo h5 {
  color: #fff;
}

div.stage-green {
  background: #b6e026;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg,
      #b6e026 0%,
      #63d80f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,
      #b6e026 0%,
      #63d80f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,
      #b6e026 0%,
      #63d80f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6e026', endColorstr='#63d80f', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

div.stage-green,
div.stage-green h1 {
  color: #156707;
}

.stage h1 {
  border-bottom: initial;
  margin: 46px 0 23px;
}

p.stage {
  font-size: 18px;
}

.navbar-brand {
  padding: 8px 15px;
}

.navbar-brand>img {
  height: 50px;
}

.full-width {
  height: auto !important;
  width: 100% !important;
}

.feature-block {
  padding-top: 48px;
  padding-bottom: 48px;
}

.feature-block-gradient {
  background: #f9f9f9;
  /* Old browsers */
  background: -moz-linear-gradient(top,
      #f9f9f9 0%,
      #f1f1f1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,
      #f9f9f9 0%,
      #f1f1f1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,
      #f9f9f9 0%,
      #f1f1f1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1', GradientType=0);
  /* IE6-9 */
}

.feature-block h2 {
  margin-top: initial;
}

.feature-block h3 {
  margin-bottom: 24px;
}

.feature-block .left {
  border-bottom: initial;
}

/*@media (max-width:899px) {
    .feature-block img {
        max-width: 240px;
    }
}*/

@media (max-width: 799px) {
  .feature-block img {
    width: 100%;
  }

  .table-parent .table-child {
    display: initial;
    float: inherit;
    vertical-align: initial;
  }
}

@media (min-width: 800px) and (max-width: 1000px) {
  .feature-block img {
    max-width: 340px;
  }
}

@media (min-width: 1001px) and (max-width: 1199px) {
  .feature-block img {
    max-width: 420px;
  }
}

@media (min-width: 1200px) {
  .feature-block img {
    max-width: 500px;
  }
}

.img-shadow img {
  box-shadow: 5px 5px 10px grey;
}

.table {
  font-size: 12px;
  width: 100%;
}

.table-parent {
  display: table;
}

.table-child {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

footer {
  font-size: 16px;
  padding-bottom: 50px;
  background-color: #000;
  color: #8a8a8a;
  border-top: 5px solid #2196f3;
}

footer div {
  margin-top: 0.6em;
}

footer .navbar-nav {
  float: none;
}

footer .language {
  display: flex;
  align-items: center;
}

footer .language span.fi {
  padding-left: 2em;
}

footer .navbar-nav>li>a {
  padding: 0.5em;
}

footer .navbar-nav>li>a:hover {
  background-color: unset;
}

footer .nav .open>a,
footer .nav .open>a:focus {
  background-color: #eeeeee;
  color: #2196f3;
}

footer a {
  color: #8a8a8a;
}

footer a:hover,
footer a:active {
  color: #ffffff;
  text-decoration: none;
}

footer a:not(:first-child) {
  margin-left: 1.8em;
}


footer h5 {
  color: #2196f3;
}


.circular-64 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 1px 1px 5px grey;
  display: table;
}

.circular-64 * {
  display: table-cell;
  float: none;
  vertical-align: middle;
  text-align: center;
  top: 0;
  left: 1px;
  font-size: 24px;
}

/* navbars */
.navbar {
  background-color: #000;
}

.navbar-default .navbar-nav>li {
  cursor: pointer;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
  background-color: #eeeeee;
  color: #212121;
}

.subnav {
  min-height: 48px;
}

.navbar-subnav>li>a {
  padding-top: 15.5px;
  padding-bottom: 15.5px;
}

.navbar-subnav {
  width: 100%;
  text-align: center;
}

.navbar-subnav>li {
  float: none;
  display: inline-block;
}

.fixed {
  position: fixed;
  top: 64px;
  left: 0;
  width: 100%;
  z-index: 1010;
}

.sticky {
  margin-bottom: initial;
}

.green {
  color: green;
}

.pad-top {
  padding-top: 40px;
}

.pad-top-half {
  padding-top: 20px;
}

.pad-btm {
  padding-bottom: 40px;
}

.pad-btm-half {
  padding-bottom: 20px;
}

.pricing .focus {
  background-color: #e4f4ff;
}

.pricing .focus .list-group-item {
  background-color: initial;
  border: 1px solid #becdd8;
}

.popover {
  width: 250px;
  text-align: center;
}

.app .panel {
  width: 200px;
  height: 225px;
  margin-bottom: 12px;
  font-weight: 200;
  margin: 0 auto;
  cursor: pointer;
}

.app .active {
  -webkit-box-shadow: 0px 0px 12px rgb(39, 144, 219);
  box-shadow: 0px 0px 12px rgb(39, 144, 219);
  border: 1px solid #2790db;
}

.app .panel-heading {
  display: table;
  width: 100%;
  height: 170px;
  text-align: center;
  font-size: 80px;
  color: #2790db;
  border-bottom: 1px solid #ddd;
}

.app .panel-body {
  font-size: 24px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

.app .detail {
  position: relative;
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.app .detail .arrow {
  position: absolute;
  /*
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ccc;
  position: absolute;
  top: -15px;
  left: 0;
  */
  background-color: #f5f5f5;
  left: 0;
  width: 30px;
  height: 30px;
  -webkit-transform: translateY(-15px) rotate(45deg);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  /*box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 4px #000;*/
}

.app .detail .first {
  left: 15%;
}

.app .detail .second {
  left: 48.7%;
}

.app .detail .third {
  left: 82.3%;
}

.app .detail .content {
  margin: 1.5em 0em;
}

.app .detail .content h4 {
  color: #2790db;
}

.app .detail .content h4 i {
  margin-right: 5px;
}

/*
.app .detail .arrow:after {
  content: "";
  position: relative;
  z-index: 10;
  background-color: #eee;
  left: 0;
  top: 0;
  width: 30px;
  height: 20px;
  border: 1px solid #000;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
*/

.references img {
  display: inline-block;
  filter: grayscale();
  padding-right: 1%;
  padding-left: 1%;
  width: 16%;
}

:target::before {
  content: "";
  display: block;
  height: 60px;
  /* fixed header height*/
  margin: -60px 0 0;
  /* negative fixed header height */
}

.download {
  margin-bottom: 30px;
}

.download ol {
  padding-top: 12px;
  padding-bottom: 20px;
}

.rounded-list {
  counter-reset: section;
}

.rounded-list li {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 2em;
  margin: 1em 0;
  background: #fbfbfb;
  color: #444;
  text-decoration: none;
  border-radius: 0.3em;
  list-style-type: none;
  border: 1px solid #ddd;
  border-style: dashed;
}

.rounded-list li:before {
  counter-increment: section;
  content: counter(section) " ";
  position: absolute;
  left: -1.6em;
  top: 18px;
  margin-top: -1.3em;
  background: #2196f3;
  color: white;
  width: 2.5em;
  line-height: 2em;
  text-align: center;
  border-radius: 3px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.banner {
  padding-top: 8px;
  font-size: 24px;
  border-top: 3px solid black;
  border-bottom: 3px solid black;
  padding-bottom: 10px;
}

.banner-red {
  background: #f00;
}

.banner-red h3 {
  color: white;
  background: #f00;
  font-weight: bold;
}

.banner-yellow {
  color: #000;
  background: #ffd700;
}

.banner-yellow h3 {
  color: #000;
  font-weight: bold;
}

.nav.mainmenu {
  font-size: 20px;
}

.nav.mainmenu .dropdown-menu li>a {
  font-size: 16px;
  white-space: initial;
}

.nav.mainmenu .dropdown-menu li>a[href*="solutions"],
.nav.mainmenu .dropdown-menu li>a[href*="products"] {
  font-weight: bold;
}

.nav.mainmenu .dropdown-menu li>a>img {
  height: 32px;
}

.nav.mainmenu .dropdown-menu li>a>img,
.nav.mainmenu .dropdown-menu li>a[href*="apps"]>i[class*="icon"] {
  padding-right: 6px;
}

.nav.mainmenu .dropdown-menu li>a[href*="support"] {
  min-width: 200px;
}

.nav.mainmenu .dropdown-menu li>a[href*="products"]>p,
.nav.mainmenu .dropdown-menu li>a[href*="solutions"]>p {
  font-size: 14px;
  font-weight: normal;
  margin-top: 8px;
  margin-bottom: 4px;
  min-width: 300px;
}

.align-middle {
  vertical-align: middle !important;
}

.badge-cart {
  background-color: #e36464;
}

.intro {
  background-color: #000;
  padding-top: 32px;
}

.intro * {
  color: #fff;
}

.intro p {
  font-size: 22px;
  padding-top: 12px;
  padding-bottom: 32px;
}

.intro img {
  padding-top: 5px;
  filter: drop-shadow(0px 0px 36px rgb(39, 144, 219));
}

.intro h3 {
  font-weight: 800;
}

.product-teaser {
  background-color: #000;
  padding-top: 32px;
}

.product-teaser * {
  color: #fff;
}

.product-teaser p {
  font-size: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.product-teaser img {
  border-radius: 20px 20px 0 0;
  padding-top: 5px;
}

.product-teaser h3 {
  font-weight: 600;
  margin-left: 15px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.product-teaser .complex-clip {
  background-color: #2196f3;
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 15px;
  padding-bottom: 5px;
  margin-right: 10px;
  clip-path: polygon(0px 20%, 90% 0px, 100% 100%, 0% 100%);
}

.product-teaser b {
  background-color: #2196f3;
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 8px;
  padding-bottom: 4px;
  margin-right: 8px;
}

.h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 200;
  letter-spacing: initial;
}

@media print {
  a[href]::after {
    content: "" !important;
  }
}

.row.equal {
  display: flex;
  flex-wrap: wrap;
}

.privacy>ul {
  padding-inline-start: 0;
}

.privacy ul li h4 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 12px;
}

.privacy .contact {
  margin-left: 24px;
}

.solution-box {
  margin-bottom: 32px;
}

.solution-box .panel {
  height: 100%;
  margin-bottom: 0;
  border-radius: 10px;
  border: 1px solid #bbb;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.solution-box .panel .panel-heading {
  font-size: 18px;
  font-weight: bold;
  padding: 24px 32px;
  padding-bottom: 16px;
}

.solution-box .panel .panel-heading img {
  width: 48px;
  margin-bottom: 12px;
}

.solution-box .panel .panel-body {
  padding: 0 32px;
}

.solution-box .panel .panel-footer {
  background-color: #fff;
  text-align: center;
  padding: 24px;
}

.solution-box .panel .panel-footer {}

.hero h3 {
  font-weight: 800;
  text-align: center;
  margin-top: 32px;
  margin-bottom: 64px;
}

select,
select.form-control {
  background-position: right 10px center;
}

select,
select.form-control,
textarea,
textarea.form-control,
input.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
[type="text"].form-control,
[type="password"].form-control,
[type="email"].form-control,
[type="tel"].form-control,
[contenteditable].form-control {
  padding: .375rem .75rem;
  border: 1px solid #0000004d;
  border-radius: 3px;
  /* -webkit-appearance: none; */
  -webkit-box-shadow: none;
  box-shadow: none;
  /* font-size: 16px; */
}

.form-control {
  display: block;
  width: 100%;
  height: 37px;
  padding: 6px 16px;
  font-size: 13px;
  line-height: 1.846;
  color: #666666;
  background-color: transparent;
  background-image: none;
  border: 1px solid #0000004d;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


select:focus,
select.form-control:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="tel"].form-control:focus,
[contenteditable].form-control:focus,
.form-control:focus {
  /* color: var(--bs-body-color);
  background-color: var(--bs-body-bg); */
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.shadow {
  box-shadow: 5px 5px 10px grey;
}