body {
  font-family: 'Roboto', sans-serif;
}

.hidden.menu {
  display: none;
}

.menu .item {
  font-family: 'Roboto', sans-serif;
}

.ui.secondary.pointing.menu .right.menu .item {
  padding-bottom: 12px;
}

.ui.secondary.pointing.menu .item {
  border: 0;
  padding: 0 1.5rem;
}

.ui.secondary.pointing.menu .item.logo {
  padding-bottom:5px;
}

.ui.vertical.segment .ui.header {
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

.ui.vertical.segment h1.ui.header {
  font-size: 24px;
}
.ui.vertical.segment h1.ui.header.hero {
  margin-bottom: 60px;
}
.take-masthead img.logo-masthead {
  width:90% !important;
}


.ui.vertical.segment h3.ui.header {
  font-size: 20px;
  font-weight: normal;
  text-transform: none;
}

.ui.vertical.segment.take-blue {
  background-color: #0A91E9;
  color: #fff;
}

.ui.vertical.segment.take-blue .ui.header {
  color: #fff;
}

.ui.vertical.segment.stripe.take-masthead {
  padding: 4em 0 4.5em;
}

.ui.vertical.segment.stripe.take-masthead img.video-shadow {
  margin-top: 25px;
}

.ui.vertical.segment.take-masthead .ui.header {
  font-weight: bold;
  font-size: 27px;
  color: #0A91E9;
  text-transform: none;
}

.ui.vertical.tabular.menu {
  width: auto;
  border: 0px;
}

.ui.vertical.tabular.menu a.item.active {
  border: 0px;
}

.ui.vertical.tabular.menu a.item.active h3.ui.header {
  color: #0A91E9;
}

.ui.vertical.tabular.menu a.item p {
  color: #575757;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  border-bottom: 1px solid #0A91E9;
  padding-bottom: 2rem;
}

.ui.vertical.tabular.menu a.item:last-child p {
  border-bottom: 0px;
}

.ui.vertical.segment.coretechnology .slider-for-core .slick-slide img.ui.image {
  margin: 0 auto;
}

.ui.vertical.segment.coretechnology .slider-nav-core .slick-slide {
  cursor: pointer;
}

.ui.vertical.segment.coretechnology .slider-nav-core .slick-current h3 {
  color: #0A91E9;
}

.ui.vertical.segment.coretechnology .slider-nav-core .slick-slide p {
  color: #575757;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  border-bottom: 1px solid #0A91E9;
  padding-bottom: 1.5rem;
}

.ui.vertical.segment.coretechnology .slider-nav-core .slick-slide {
  padding-bottom: 1.5rem;
}

.ui.vertical.segment.stripe {
  padding: 4em 0;
}

.ui.vertical.segment.coretechnology h1.ui.header {
  margin-bottom: 1.2rem;
}

.ui.vertical.segment.coretechnology .items .item {
  border-bottom: 1px solid #0A91E9;
  padding-bottom: 2rem;
}

.ui.vertical.segment.coretechnology .items .item:last-child {
  border-bottom: 0px;
}

.ui.vertical.segment.coretechnology .items .item p {
  color: #575757;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  padding-bottom: 2rem;
}

.ui.vertical.segment.coretechnology .slick-list {
  overflow: visible;
}


.ui.vertical.segment.whitelabel p {
  text-align: center;
  margin-bottom: 0;
}

.ui.vertical.segment.whitelabel .ui.cards {
  margin-top: 2rem;
}

.ui.vertical.segment.whitelabel .ui.cards .card {
  background-color: transparent;
  border: 0px;
  box-shadow: none;
}

.ui.vertical.segment.whitelabel .ui.cards .card .image {
  background: transparent;
  height: 220px;
}

.ui.vertical.segment.whitelabel .ui.cards .card .image.phone-container {
  padding-top: 55px;
}
.ui.vertical.segment.whitelabel .ui.cards .card .image.desktop-container {
  padding-top: 45px;
}
.ui.vertical.segment.whitelabel .ui.cards .card .image.tv-container {
  padding-top: 45px;
}
.ui.vertical.segment.whitelabel .ui.cards .card .image.browser-container {
  padding-top: 20px;
}

.ui.vertical.segment.whitelabel .ui.cards .card .content {
  border: 0;
}

.ui.vertical.segment.whitelabel .ui.cards .card .content img {
  margin-bottom: 15px;
}

.ui.vertical.segment.whitelabel .ui.cards .card .content .header {
  text-align: center;
  color: #fff;
}

.ui.vertical.segment.scalable-solution {
  padding: 0;
  border: 0;
}

.ui.vertical.segment.scalable-solution .ui.segment {
  border-radius: 0;
  border: 0;
}

.ui.vertical.segment.pricing h1.ui.header {
  margin-bottom: 1.2rem;
}

.ui.vertical.segment.scalable-solution .slider-nav h3 {
  font-size: 16px;
  padding: 1rem 0;
  border-top: 6px solid #D8D8D8;
  text-align: center;
  color: #D8D8D8;
  margin: 0 2rem;
  cursor: pointer;
  outline: 0;
}

.ui.vertical.segment.scalable-solution .ui.segment .ui.grid {
  height: 100%;
}

.ui.vertical.segment.scalable-solution .video-stats {
  min-height: 120%;
  background-color: rgba(0,0,0,0.35);
  padding-top: 75px;
  padding-right: 3rem;
}

.ui.vertical.segment.scalable-solution .video-stats h1.ui.header {
  color: #fff;
  font-size: 64px;
  font-weight: bold;
  line-height: 64px;
  margin: 0;
}

.ui.vertical.segment.scalable-solution .video-stats h2.ui.sub.header {
  color: #fff;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 2rem;
  margin-top: 0;
}

.ui.vertical.segment.scalable-solution .video-stats h4.ui.header {
  color: #fff;
  font-size: 17px;
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  margin: 1rem 0 0;
  text-transform: none;
}

.ui.vertical.segment.scalable-solution .video-stats-mobile-container {
  position: absolute;
  bottom: 0;
  height: auto !important;
  background-color: rgba(0,0,0,0.35);
  width: 100%;
  padding-bottom: 10px;
}

.ui.vertical.segment.scalable-solution .video-stats-mobile-container .video-stats-mobile {
  text-align: center;
}

.ui.vertical.segment.scalable-solution .video-stats-mobile-container h1.ui.header {
  margin-bottom: 0;
  color: #fff;
}

.ui.vertical.segment.scalable-solution .video-stats-mobile-container h4.ui.header {
  margin-bottom: 1rem;
  color: #fff;
}

.ui.vertical.segment.scalable-solution .video-stats-mobile-container h2.ui.sub.header {
  margin-top: 0;
  color: #fff;
}

.ui.vertical.segment.scalable-solution .slider-nav h3:focus {
  outline: none;
}

.ui.vertical.segment.scalable-solution .slider-nav .slick-current h3 {
  color: #0A91E9;
  border-top: 6px solid #0A91E9;
}

.ui.vertical.segment.pricing p {
  font-size: 20px;
  color: black;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  text-transform: none;
  line-height: 25px;
  padding: 0;
}

.ui.vertical.segment.pricing h3 {
  color: #0A91E9;
  font-size:28px;
  font-family: 'Roboto', sans-serif;
  margin-top:60px;
}
.ui.vertical.segment.pricing h3:first-child {
  margin-top:0px;
}


.ui.vertical.segment.contact h1.ui.header {
  margin-bottom: 1.2rem;
}

.ui.vertical.segment.contact .ui.list .item .content {
  font-size: 24px;
}
.ui.vertical.segment.contact .ui.list .item .content a {
  color: #fff;
}

.ui.vertical.segment.contact .ui.form button.ui.button,
.ui.vertical.segment.contact .ui.form input.ui.button {
  background-color: #FB7A63;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0;
  margin-left: 0px;
  float: left;
  width: 100%;
}

.ui.vertical.segment.contact #textarea_feedback {
  position: absolute;
  bottom: 111px;
  background: black;
  background: #45b6ff;
  border-bottom-left-radius: .28571429rem;
  border-top-right-radius: .28571429rem;
  padding:3px 4px;
  display:none;
}

.ui.vertical.segment.contact #fielduhnud {
  padding-bottom:30px;
  height: 0px;
}

.ui.vertical.segment.footer {
  padding: 2rem 0;
}

.ui.vertical.segment.light-gray {
  background-color: #F0F0F0;
}

.ui.vertical.stripe {
  padding: 8em 0em;
}
.ui.vertical.stripe h3 {
  font-size: 2em;
}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
  margin-top: 3em;
}
.ui.vertical.stripe .floated.image {
  clear: both;
}
.ui.vertical.stripe p {
  font-size: 1.33em;
}
.ui.vertical.stripe .horizontal.divider {
  margin: 3em 0em;
}

.quote.stripe.segment {
  padding: 0em;
}
.quote.stripe.segment .grid .column {
  padding-top: 5em;
  padding-bottom: 5em;
}

.footer.segment {
  padding: 5em 0em;
}

.secondary.pointing.menu .toc.item {
  display: none;
}

.slick-slide {
  outline: 0;
}

@media only screen and (max-width: 700px) {
  .ui.fixed.menu {
    display: none !important;
  }
  .secondary.pointing.menu .item,
  .secondary.pointing.menu .menu {
    display: none;
  }
  .secondary.pointing.menu .toc.item {
    display: block;
  }
  .masthead.segment {
    min-height: 350px;
  }
  .masthead h1.ui.header {
    font-size: 2em;
    margin-top: 1.5em;
  }
  .masthead h2 {
    margin-top: 0.5em;
    font-size: 1.5em;
  }
}

/* Mobile */
@media only screen and (max-width: 767px) {
  [class*="mobile hidden"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large screen only"]:not(.mobile),
  [class*="widescreen only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important;
  }

  .ui.secondary.pointing.menu .item {
    padding: .85714286em 1.14285714em;
  }

  .ui.vertical.segment.scalable-solution .slider-nav h3 {
    font-size: 12px;
  }

  .ui.vertical.segment.pricing p {
    padding: 0;
  }

  .ui.vertical.segment.whitelabel .ui.cards .card .image {
    height: 110px;
  }

  .ui.vertical.segment.whitelabel .ui.cards .card .content .header {
    font-size: 12px;
  }

  .ui.vertical.segment.whitelabel .ui.cards .card .image.phone-container {
    padding-top: 15px;
  }
  .ui.vertical.segment.whitelabel .ui.cards .card .image.desktop-container {
    padding-top: 15px;
  }
  .ui.vertical.segment.whitelabel .ui.cards .card .image.tv-container {
    padding-top: 15px;
  }
  .ui.vertical.segment.whitelabel .ui.cards .card .image.browser-container {
    padding-top: 10px;
  }
  .ui.vertical.segment h1.ui.header.hero {
    margin-bottom: 0px;
    text-align: center;
  }
  .take-masthead img.logo-masthead {
      width: 100% !important;
  }
  .ui.vertical.segment.stripe.take-masthead {
      padding: 2em 0 4.5em;
  }

}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  [class*="mobile only"]:not(.tablet),
  [class*="tablet hidden"],
  [class*="computer only"]:not(.tablet),
  [class*="large screen only"]:not(.tablet),
  [class*="widescreen only"]:not(.tablet),
  [class*="or lower hidden"]:not(.mobile) {
    display: none !important;
  }

  .ui.vertical.segment.whitelabel .ui.cards .card .image {
    height: 120px;
  }

  .ui.vertical.segment.whitelabel .ui.cards .card .content .header {
    font-size: 12px;
  }

  .ui.vertical.segment.whitelabel .ui.cards .card .image.phone-container {
    padding-top: 15px;
  }
  .ui.vertical.segment.whitelabel .ui.cards .card .image.desktop-container {
    padding-top: 15px;
  }
  .ui.vertical.segment.whitelabel .ui.cards .card .image.tv-container {
    padding-top: 15px;
  }
  .ui.vertical.segment.whitelabel .ui.cards .card .image.browser-container {
    padding-top: 10px;
  }
}

// .slick-vertical .slick-slide {
//   opacity: .3;
// }
.slick-vertical .slick-slide:not(.slick-current) h3,  .slick-vertical .slick-slide:not(.slick-current) p {
  color: #d8d8d8 !important;
}
.slick-vertical .slick-slide:not(.slick-current):hover h3, .slick-vertical .slick-slide:not(.slick-current):hover p {
  color: #8e8e8e !important;
}
.slick-vertical .slick-slide.slick-current:hover {
  cursor: default !important;
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  [class*="mobile only"]:not(.computer),
  [class*="tablet only"]:not(.computer),
  [class*="computer hidden"],
  [class*="large screen only"]:not(.computer),
  [class*="widescreen only"]:not(.computer),
  [class*="or lower hidden"]:not(.tablet):not(.mobile) {
    display: none !important;
  }

  .ui.vertical.segment.whitelabel .ui.cards .card .content img {
    width: 140px !important;
  }
}

/* Large Monitor */
@media only screen and (min-width: 1200px) {
  [class*="mobile only"]:not([class*="large screen"]),
  [class*="tablet only"]:not([class*="large screen"]),
  [class*="computer only"]:not([class*="large screen"]),
  [class*="large screen hidden"],
  [class*="widescreen only"]:not([class*="large screen"]),
  [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
    display: none !important;
  }
}