/* your styles go here */

ul, ul.nav { list-style-image: url('../img/list-item.png'); }

.container > .navbar-header { margin: 0; }

.top-buffer { margin-top: 3em; }

.top-buffer-large { margin-top: 6em; }

.navbar-brand { height: auto; }

.no-padding-top { padding: 60px 0; }

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

.navbar-brand > img {
  height: 1.2em;
  margin: 1.2em 0 1.2em 1.2em;
}

.background-transparent { background: none; }

.no-margin { margin: 0; }

.vertical-margin { margin: 4em auto; }

.auto-margins { margin: 8em 0; }

.home-carousel p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  text-transform: none;
  color: #43454D;
}

.home-carousel img {
  padding-bottom: 2em;
  margin: 0 auto;
  height: 20em;
}

.home-carousel img svg {
  padding-bottom: 2em;
  margin: 0 auto;
  width: 20em;
}

.button {
  display: table;
  font-weight: 700;
  background: #43454d;
  color: #edece7;
  text-transform: uppercase;
  padding: .6rem 1rem .6rem 1.5rem;
  margin: 2rem auto;
  text-align: center;
  font-size: .8em;
}

.button:hover, .button:focus {
  background: #5D6068;
  color: white;
}

.yellow {
  background: #FFD23F;
  color: #43454D;
  font-size: .9em;
}

.yellow:hover, .yellow:focus {
  background: #AF9130;
  color: #43454d;
}

.owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div {
  background: transparent;
  color: #717580;
}

.owl-buttons {
  top: 30em;
  right: 0;
  left: 0;
}

.owl-buttons i { font-size: 2em; }

.owl-prev {
  position: absolute;
  left: -1em;
  top: 19em;
}

.owl-next {
  position: absolute;
  right: -1em;
  top: 19em;
}

#intro-text {
  background: url('../img/hands.png') 93% 100% no-repeat;
  margin: 0;
  padding: 3em 0 2em;
  min-height: 18em;
}

#intro-text .button { margin: 0; }

#intro-text h3 {
  width: 70%;
  color: #43454d;
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 600;
}

.navbar-header {
  float: none;
}
.navbar-left,.navbar-right {
  float: none !important;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
  margin-top: 7.5px;
}
.navbar-nav>li {
  float: none;
}
.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.collapse.in{
  display:block !important;
}
.navbar-nav .open .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}


#nav-icon3 {
  width: 20px;
  height: 15px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #5D6068;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) { top: 0px; }

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 6px; }

#nav-icon3 span:nth-child(4) { top: 12px; }

#nav-icon3.open span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 6px;
  width: 0%;
  left: 50%;
}

.header {
  color: white;
  padding: 4em 0 6em;
  margin: 0;
}

.header-bg-red { background: #EB484D; }
.header-bg-red .header-bg { background-image: url('../img/brain.png'); }

.header-bg-blue { background: #00B0E5; }
.header-bg-blue .header-bg { background-image: url('../img/clipboard.svg'); }

.header-bg-green { background: #0FA065; }
.header-bg-green .header-bg { background-image: url('../img/terminal.svg'); }

.header-bg-grey { background: #5D6068; }
.header-bg-grey .header-bg { background-image: url('../img/people.svg'); }

.header-bg-dark-yellow { background: #AF9130; }
.header-bg-dark-yellow .header-bg { background-image: url('../img/brain.png'); }

.header-bg-yellow {
  background: #FFD23F;
  color: #43454D;
}
.header-bg-yellow .header-bg { background-image: url('../img/fork.svg'); }

.header-text {
  position: relative;
  z-index: 2;
}

.header-bg {
  position: absolute;
  right: 1em;
  top: -1.5em;
  bottom: -3.5em;
  left: 0;
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .3;
}

.header .container { position: relative; }

.header-bg-image {
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: 20em;
}

.header-bg-image .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .3);
}

.header-bg-image h1 {
  padding-top: 1em;
  text-shadow: 1px 1px 5px rgba(33, 33, 33, 1);
}

#full-description {
  padding: 2em 0 4em;
  margin: 0em 0 -3.4em;
}

#full-description h2 { margin-top: 2em; }

#full-description h3 { color: #EB484D; }

.border-expand {
  position: relative;
  height: 3px;
  background: #eb484d;
  visibility: hidden;
  margin: 0 0 4em;
}

.border-expand::after {
  position: absolute;
  bottom: -8px;
  left: 48%;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #eb484d transparent transparent transparent;
}

.owl-carousel { list-style: none; }

.show-all {
  margin: 5px 5px 5px -18px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .7em;
}

.nav-pills { margin-left: 1.1em; }

.nav-pills > li { display: list-item; }

.nav-pills > li > a {
  padding: 10px 15px 10px 35px;
  margin-left: -2em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .8em;
}

.text-color.light p { color: #ccc; }

.button.text-color.light {
  background-color: #eee;
  color: #43454D;
}

.icon-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.team-profile {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99999999;
  overflow-y: scroll;
  display: none;
}

.team-container {
  width: 50%;
  margin: 5em auto;
  background: white;
  border-radius: 3px;
  padding: 3em 1em 1em;
  position: relative;
}

.team-container .close {
  position: absolute;
  right: 1.1em;
  top: .7em;
}

.team { width 100%; }

.team .img-responsive { width: 100%; }

.team-profile .img-responsive {
  width: 50%;
  float: left;
  margin: 0 1em .5em 0;
}

.team-profile h4 { margin-top: 0; }

#waterfall { padding: 0; }

#waterfall li {
  padding: .5em;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(100px);
}

#waterfall li.show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s, top 1s;
}

.customers .owl-controls .owl-buttons { top: -18em; }

.customers .owl-prev, .customers .owl-next { padding: 0; }

@media (min-width: 768px) {
  .home-carousel .owl-carousel {
    padding-top: 8em;
    padding-bottom: 6em;
  }

  .lead { font-size: 21px; }
  .home-carousel img { padding-bottom: 4em; }
  .home-carousel p { width: 50%; }
  #intro-text { padding: 4em 0 2em; }
  .box-simple { margin-bottom: 0; }
  .header-bg { opacity: .9; }
  .header-text { width: 70%; }
  .pr { padding-right: 4em }
}

.blog_image {
    width: 100%;
    text-align: center;
    border:2px solid black;
}

.blog_image img {
    width: 100%;
}