font-family: 'Open Sans', sans-serif;
/* sans serift fontfamily  */
h1,h2,h3,h4,h5,p {
  font-family: sans-serif;
}

body {
  padding-top: 120px
}

pre {
  background: #f7f7f9
}

iframe {
  overflow: hidden;
  border: none
}

* {
  box-sizing: border-box;
}
.image {
  float: left;
  width: 33.33%;
  padding: 5px;

}

.row::after {
  content: "";
  clear: both;
  display: table;
}
@media screen and (max-width: 500px) {
  .image {
    width: 100%;
  }
}


@media (min-width: 768px) {
  body>.navbar-transparent {
    box-shadow: none
  }

  body>.navbar-transparent .navbar-nav>.open>a {
    box-shadow: none
  }
}

#home, #help {
  font-size: .9rem
}

#home .navbar, #help .navbar {
  background: #349aed;
  background: linear-gradient(145deg, #349aed 50%, #34d8ed 100%);
  transition: box-shadow 200ms ease-in
}

#home .navbar-transparent, #help .navbar-transparent {
  background: none !important;
  box-shadow: none
}

#home .navbar-brand .nav-link, #help .navbar-brand .nav-link {
  display: inline-block;
  margin-right: -30px
}

#home .nav-link, #help .nav-link {
  text-transform: uppercase;
  font-weight: 500;
  color: #fff
}

#home {
  padding-top: 0
}

#home .btn {
  padding: .6rem .55rem .5rem;
  box-shadow: none;
  font-size: .7rem;
  font-weight: 500
}

.bs-docs-section {
  margin-top: 4em
}

.bs-docs-section .page-header h1 {
  padding: 2rem 0;
  font-size: 3rem
}

.dropdown-menu.show[aria-labelledby="themes"] {
  display: -ms-flexbox;
  display: flex;
  width: 420px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item {
  width: 33.333%
}

.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item:first-child {
  width: 100%
}

.bs-component {
  position: relative
}

.bs-component+.bs-component {
  margin-top: 1rem
}

.bs-component .card {
  margin-bottom: 1rem
}

.bs-component .modal {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  z-index: 1;
  display: block
}

.bs-component .modal-dialog {
  width: 90%
}

.bs-component .popover {
  position: relative;
  display: inline-block;
  width: 220px;
  margin: 20px
}

.source-button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  font-weight: 700
}

.source-button:hover {
  cursor: pointer
}

.bs-component:hover .source-button {
  display: block
}

#source-modal pre {
  max-height: calc(100vh - 11rem);
  background-color: rgba(0, 0, 0, 0.7);
  color: rgba(255, 255, 255, 0.7)
}

.nav-tabs {
  margin-bottom: 15px
}

.progress {
  margin-bottom: 10px
}


#footer {
  margin: 5em 0 font-family: sans-serif;
  background-color: #34d8ed;
  text-align: center;
}

#footer li {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em
}

#footer p {
  clear: left;
  margin-bottom: 0
}

.social-icon {
  margin: 20px 10px;
}

.copyright {
  font-family: sans-serif;
  text-align: center;
}

.splash {
  padding: 12em 0 6em;
  background: #349aed;
  background: linear-gradient(145deg, #349aed 50%, #34d8ed 100%);
  color: #fff;
  text-align: center
}

.splash .logo {
  width: 160px
}

.splash h1 {
  font-size: 3em;
  color: #fff
}

.splash #social {
  margin: 2em 0 3em
}

.splash .alert {
  margin: 2em 0;
  border: none
}

.splash .sponsor a {
  color: #fff
}

.section-tout {
  padding: 6em 0 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #eaf1f1;
  text-align: center
}

.section-tout .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 1rem;
  background: #349aed;
  background: linear-gradient(145deg, #3b9cea 50%, #3db8eb 100%);
  border-radius: 50%;
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.5)
}

.section-tout p {
  margin-bottom: 5em
}

.section-preview {
  padding: 4em 0
}

.section-preview .preview {
  margin-bottom: 4em;
  background-color: #eaf1f1
}

.section-preview .preview .image {
  position: relative
}

.section-preview .preview .image::before {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none
}

.section-preview .preview .options {
  padding: 2em;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
  text-align: center
}

.section-preview .preview .options p {
  margin-bottom: 2em
}

.section-preview .dropdown-menu {
  text-align: left
}

.section-preview .lead {
  margin-bottom: 2em
}

.sponsor #carbonads {
  max-width: 240px;
  margin: 0 auto
}

.sponsor .carbon-text {
  display: block;
  margin-top: 1em;
  font-size: 12px
}

.sponsor .carbon-poweredby {
  float: right;
  margin-top: 1em;
  font-size: 10px
}

@media (max-width: 767px) {
  .splash {
    padding-top: 8em
  }

  .splash .logo {
    width: 100px
  }

  .splash h1 {
    font-size: 2em
  }

  #banner {
    margin-bottom: 2em;
    text-align: center
  }
}
.headroom {
  will-change: transform;
  transition: transform 200ms linear;
}
.headroom--pinned {
  transform: translateY(0%);
}
.headroom--unpinned {
  transform: translateY(-100%);
}
.header--fixed {
  position: absolute;
  top: 0;
  width: 100%;
}
.header--fixed.top {
  transition: none;
  transform: translateY(0);
}
.header--fixed.not-top {
  position: fixed;
  transform: translateY(-100%);
}
.header--fixed.slideDown.not-top {
  transition: transform 0.3s ease-in-out;
  transform: translateY(0);
}
.header--fixed.slideDown.top {
  transition: transform 0.3s ease-in-out;
  position: fixed;
}
.header--fixed.slideUp.not-top {
  transition: transform 0.3s ease-in-out;
  transform: translateY(-100%);
}
.header--fixed.slideUp.top {
  transform: translateY(-100%);
  position: absolute;
}

* {
  box-sizing: border-box;
}

body {
  background-color: #333;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}

.content {
  height: 100px;
  background-color: #333;
  color: white;
  display: flex;
  justify-items: center;
  align-items: center;
}

header {
  background: #9999ff;
  padding: 40px;
  margin-bottom: 100px;
}
.tech-slideshow {
  height: 180px;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.tech-slideshow > div {
  height: 200px;
  width: 2526px;
  background: url(img/style.png);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.tech-slideshow .mover-1 {
  animation: moveSlideshow 15s linear infinite;
}
.tech-slideshow .mover-2 {
  opacity: 0;
  transition: opacity 0.5s ease-out;
  background-position: 0 -200px;
  animation: moveSlideshow 15s linear infinite;
}
.tech-slideshow:hover .mover-2 {
  opacity: 0;
}

@keyframes moveSlideshow {
  100% {
    transform: translateX(-66.6666%);
  }
}
}
/* If the screen size is 600px wide or less, hide the element */
@media screen and (max-width: 600px) {
  div.bbs{
    display: none;
  }
}

/* About */
.carousel-inner{

  text-align: center;
  }
  .top-content .carousel-control-prev {
      left: -110px;
      border-bottom: 0;
      font-size: 40px;
      color: black;
  }

  .top-content .carousel-control-next {
      right: -110px;
      border-bottom: 0;
      font-size: 40px;
      color: black;
  }
#Certifications{


    padding: 0;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    text-align:center;
}
#Certifications img{
    height: 120px;
    width: 120px;
    vertical-align: middle;

}
.process{
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}