/*!
 * Start Bootstrap - Half Slider (https://startbootstrap.com/template-overviews/half-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-half-slider/blob/master/LICENSE)
 */

@font-face {
  font-family: "Dempo";
  src: url("font/ZonaPro.otf");
}

@font-face {
  font-family: "Dempo_Bold";
  src: url("font/ZonaPro-Bold.otf");
}

* {
  font-family: Dempo;
}

.carousel-item2 {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  object-fit:contain;
}

.img1 {
  height: 70px;
}

.img2 {
  height: 70px;
}

.logos {
  height: 120px;
  padding: 0.5rem 7rem
}

.cizgi {
  border-bottom: 4px solid #a70e13;
}

.cizgi2 {
    border-bottom: 1px solid #9b9b9b;
}

/* Navbar container */
.navbar2 {
  overflow: hidden;
  background-color: #fff;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar2 a {
  float: none;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown2 {
  float: left;
  overflow: hidden;
  width: 100%;
}

/* Dropdown button */
.dropdown2 .dropbtn {
  font-size: 16px;
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  color: grey;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Dropdown content (hidden by default) */
.dropdown2-content {
  display: none;
  position: absolute;
  left: 0px;
  background-color: rgba(29, 31, 30, 0.8);
  width:100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown2-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
}

/* Add a grey background color to dropdown links on hover */
.dropdown2-content a:hover {
  color: #ffbc19;
}

/* Show the dropdown menu on hover */
.dropdown2:hover .dropdown2-content {
  display: block;
}



/* generic css */

.view {
  margin: 10px;
  float: left;
  border: 10px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
  background: #fff url(../images/bgimg.jpg) no-repeat center center
}

.view .mask,
.view .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0
}

.view img {
  display: block;
  position: relative
}

.view h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  font-family: Dempo_Bold;
  padding: 10px;
  /*background: rgba(0, 0, 0, 0.8);*/
  margin: 20px 0 0 0
}

.view p {
  font-family: Dempo;
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 0px 20px 0px;
  text-align: center
}

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  font-family: Dempo;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000
}

.view a.info:hover {
  box-shadow: 0 0 5px #000
}


/*3*/

.view-tenth img {
  transform: scaleY(1);
  transition: all .7s ease-in-out;
}

.view-tenth .mask {
  background-color: rgba(0, 0, 0, 0.25);
  transition: all 0.5s linear;
  opacity: 0;
}

.view-tenth h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  margin: 20px 40px 0px 40px;
  transform: scale(0);
  color: #333;
  transition: all 0.5s linear;
  opacity: 0;
}

.view-tenth p {
  color: #333;
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s linear;
}

.view-tenth a.info {
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s linear;
}

.view-tenth:hover img {
  -webkit-transform: scale(10);
  transform: scale(10);
  opacity: 0;
}

.view-tenth:hover .mask {
  opacity: 1;
}

.view-tenth:hover h2,
.view-tenth:hover p,
.view-tenth:hover a.info {
  transform: scale(1);
  opacity: 1;
}

.top10 { margin-top:20px !important; }


.carousel-caption2 {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10%;
  padding-right: 10%;
  color: #fff;
  text-shadow: none;
  text-align: left !important;
}

.carousel2 {
  position: relative;
  background-color: #6D6E71;
  margin-top: 20px;
  margin-bottom: 20px;
}

.controllers2 {
  position: absolute;
  top: 0px;
}

.carousel-control2.left,
.carousel-control2.right {
  background-image: none;
}

.carousel-control-width {
  width: 10% !important;
}
/* Sayilar */

#in-numbers {
  background-image: url("in_numbers_bg.png");
  background-position: center;
  background-size: cover;
  text-align: center;
  padding: 3.75rem 0;
  position: relative;
  width: 100%;
  overflow: hidden
}

#in-numbers .container {
  max-width: 60rem;
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden;
  white-space: nowrap
}

#in-numbers .container > div {
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
}

#in-numbers .underline.dashed-white {
  width: 150px
}

#in-numbers .underline.dashed-white::after {
  width: 50px;
  margin-left: -25px
}

#in-numbers .counter {
  font-size: 3rem;
  font-family: "Neue Helvetica Condensed", Helvetica, sans-serif
}

#in-numbers .reveal > :last-child {
  margin-bottom: auto
}

#in-numbers h3 {
  font-size: 1.125rem
}

#in-numbers .columns > p {
  margin: 0;
  font-size: 0.875rem;
  font-family: inherit;
  padding: 1rem
}

@media screen and (min-width: 40em) and (max-width: 53.0625em) {
  #in-numbers .info-box {
    width: 50%
  }
}

#num-overlay-l {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in
}

#num-overlay-l.on {
  opacity: 1
}

#num-overlay-l.vis {
  visibility: visible
}

.grey-overlay, .reveal.full.grey-overlay {
  background-color: rgba(128, 127, 131, 0.85)
}

.reveal.full.grey-overlay .close-button {
  right: 5%
}

.num-circle {
  width: 475px;
  height: 475px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: #fff
}

.num-circle .num-title {
  font-size: 1.5rem;
  color: #33cd9a;
  padding: 50px 0 20px
}

.num-circle .num-cross {
  width: 57px;
  height: 18px;
  margin: 0 auto;
  background: url(img/green_cross.svg) no-repeat
}

.num-circle .close-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 2rem;
  width: 2rem;
  line-height: 1;
  border-radius: 1rem;
  background: #fff
}

.num-circle .close-button svg {
  transition: all 0.2s ease 0s;
  display: block;
  fill: #5bd7ae;
  height: 1rem;
  margin: auto;
  width: 1rem
}

.num-circle .close-button:hover svg {
  fill: #9b9b9b
}

.num-circle .num-fact {
  display: none
}

.num-circle .num-fact.on {
  display: block
}

.num-circle .num-fact .fact-title.text-bold {
  font-size: 3rem;
  line-height: 1;
  padding: 5% 0;
  font-family: "Neue Helvetica Condensed", Helvetica, sans-serif !important;
  color: #33cd9a
}

.num-circle .num-fact .fact-content {
  font-size: 2rem;
  line-height: 2.4rem;
  font-family: "Neue Helvetica Light", Helvetica, sans-serif;
  color: #333;
  padding: 0 10%
}

@media screen and (max-width: 62.4375em) {
  .num-circle .num-fact .fact-content {
    font-size: 1.7rem
  }
}

.num-icon-wrap {
  width: 128px;
  height: 128px;
  position: relative;
  margin: 20px auto 0;
  overflow: hidden;
  border-radius: 50%;
  z-index: 10;
  transition: all 0.6s ease-in
}

.num-icon-wrap.on {
  transform: scale(1);
  opacity: 1
}

.num-icon-wrap.bordered {
  border: 5px solid #fff;
  background-color: #fff
}

.num-icon {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  background-size: 100%;
  border-radius: 50%;
  cursor: pointer
}

.num-icon.bulb {
  background-image: url("img/bulb.svg");
  transform: scale(1.1)
}

.num-icon.bulb .light-beam {
  width: 20%;
  height: 5%;
  position: absolute;
  border-radius: 1em
}

.num-icon.bulb .light-beam div {
  position: relative;
  width: 0%;
  height: 100%;
  background-color: #fff
}

.num-icon.bulb .light-beam.lc0 {
  top: 47%;
  left: 7%
}

.num-icon.bulb .light-beam.lc1 {
  top: 23%;
  left: 16%;
  transform: rotate(45deg)
}

.num-icon.bulb .light-beam.lc2 {
  top: 14%;
  left: 40%;
  transform: rotate(90deg)
}

.num-icon.bulb .light-beam.lc3 {
  top: 23%;
  right: 16%;
  transform: rotate(135deg)
}

.num-icon.bulb .light-beam.lc4 {
  top: 47%;
  right: 7%;
  transform: rotate(180deg)
}

.num-icon.bulb.move {
  animation-name: bulbPulse;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
  animation-timing-function: linear
}

.num-icon.bulb.move .light-beam div {
  animation-name: lightBeams;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
  animation-timing-function: linear
}

.num-icon.globe {
  background-image: url("img/earth.png");
  background-size: cover;
  background-position: 100% 0;
  border-radius: 50%;
  border: 5px solid #fff;
  background-image: url("img/earth_transparent.png")
}

.num-icon.globe.move {
  animation-name: spinGlobe1;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out
}

.num-icon.globe.move:hover {
  animation-name: spinGlobe2;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

.num-icon.coins {
  background-color: #fff
}

.num-icon.coins svg.coins {
  width: 128px;
  height: 128px
}

.num-icon.heads {
  background-color: #fff
}

.num-icon.heads svg.employee {
  width: 118px;
  height: 118px;
  position: absolute;
  top: 0;
  left: 0
}

@keyframes "bulbPulse" {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

@keyframes "lightBeams" {
  0% {
    width: 100%;
  }

  100% {
    width: 0%;
  }
}

@keyframes "spinGlobe1" {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: 100% 0;
  }
}

@keyframes "spinGlobe2" {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: -100% 0;
  }
}

@media screen and (max-width: 39.9375em) {
  #in-numbers {
    padding: 20px 0
  }

  #in-numbers .counter {
    font-size: 2.5rem
  }

  #in-numbers .container {
    font-size: 0.8rem
  }

  .num-circle {
    width: 90vw;
    height: 90vw;
    max-width: 475px;
    max-height: 475px
  }

  .num-circle .num-title {
    font-size: 1rem;
    line-height: 1.4;
    padding: 15% 0 5%
  }

  .num-circle .num-fact .fact-title.text-bold {
    font-size: 1.8rem;
    line-height: 1;
    padding: 5% 0
  }

  .num-circle .num-fact .fact-content {
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0 12%
  }
}

.ig-icon {
  transform: translate3d(0, 0, 0)
}

.ig-icon.green {
  fill: #33cd9a
}

.ig-icon.grey {
  fill: #9b9b9b
}

#ls-wrap {
  width: 100%;
  height: 670px;
  overflow: hidden;
  color: #4a4a4a;
  -webkit-tap-highlight-color: transparent
}

#ls-wrap .ls-container {
  position: relative;
  width: 100%;
  height: 200%;
  background-color: #f1f1f1;
  overflow: hidden;
  transition: all 0 ease-in
}

#ls-wrap .ls-container .ls-infographic {
  width: 100%;
  height: 50%;
  position: relative;
  overflow: hidden
}

@media screen and (min-width: 53.125em) {
  #ls-wrap .ls-container .ls-infographic:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background: #d8d8d8
  }

  #ls-wrap .ls-container .ls-infographic#ig-what:after {
    bottom: 0
  }

  #ls-wrap .ls-container .ls-infographic#ig-why:after {
    top: 0
  }
}

#ls-wrap .ls-container .ls-infographic .ig-head {
  width: 100%;
  text-align: center;
  padding: 3.75rem 0 1rem
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #ls-wrap .ls-container .ls-infographic .ig-head span {
    display: block
  }
}

@media screen and (max-width: 53.0625em) {
  #ls-wrap .ls-container .ls-infographic .ig-head {
    padding: 3rem 0 2rem
  }

  #ls-wrap .ls-container .ls-infographic .page {
    overflow: hidden
  }
}

#ls-wrap .ls-container.trans {
  transition-duration: 0.6s
}

#ls-wrap .reset-btn {
  position: absolute;
  width: 90px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  z-index: 100;
  color: #33cd9a;
  font-size: 0.875rem;
  text-align: center
}

@media screen and (max-width: 53.0625em) {
  #ls-wrap .reset-btn {
    left: 50%;
    margin-left: -45px
  }
}

#ls-wrap .reset-btn .ig-icon {
  width: 18px;
  height: 14px;
  vertical-align: middle;
  margin-right: 5px;
  fill: #33cd9a
}

#ls-wrap .reset-btn.rb-what {
  bottom: 20px;
  left: 50%;
  margin-left: -45px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-in
}

#ls-wrap .reset-btn.rb-what.on {
  visibility: visible;
  opacity: 1
}

#ls-wrap .reset-btn.rb-why {
  bottom: 30%
}

@media screen and (min-width: 62.5em) and (max-width: 79.3125em) {
  #ls-wrap .reset-btn.rb-why {
    bottom: 18%
  }
}

@media screen and (min-width: 53.125em) and (max-width: 62.4375em) {
  #ls-wrap .reset-btn.rb-why {
    bottom: 10%
  }
}

@media screen and (max-width: 53.0625em) {
  #ls-wrap .reset-btn.rb-why {
    bottom: -20px
  }
}

#ls-wrap .reset-btn:hover {
  text-decoration: underline
}

@media screen and (max-width: 53.0625em) {
  #ls-wrap {
    height: auto
  }

  #ls-wrap .ls-container {
    width: 200%;
    height: 82vh;
    min-height: 800px
  }

  #ls-wrap .ls-container .ls-infographic {
    width: 50%;
    height: 100%;
    float: left
  }
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #ls-wrap .ls-container {
    height: 700px;
    min-height: 700px
  }
}

.tag {
  width: 36px;
  height: 110px;
  background-color: #33cd9a;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  transition: all 0.3s ease-in
}

.tag span {
  color: #fff
}

@media screen and (min-width: 53.125em) {
  .ls-container .tag {
    left: 2%;
    transition-delay: 0.6s
  }

  .ls-container .tag span {
    transform: rotate(-90deg);
    display: block;
    position: absolute
  }

  .ls-container .tag.t-what {
    top: -120px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
  }

  .ls-container .tag.t-what span {
    top: 45px;
    left: -8px
  }

  .ls-container .tag.t-why {
    bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
  }

  .ls-container .tag.t-why span {
    bottom: 45px;
    left: -4px
  }

  .ls-container.why {
    transform: translateY(-50%)
  }

  .ls-container.why .tag.t-why {
    bottom: -120px
  }

  .ls-container.why .tag.t-what {
    top: 0
  }
}

.tag.horiz {
  display: none
}

@media screen and (max-width: 53.0625em) {
  .ls-container .tag {
    width: 95px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    transition-delay: 0.6s
  }

  .ls-container .tag.t-what {
    bottom: 10px;
    left: -75px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
  }

  .ls-container .tag.t-why {
    bottom: 10px;
    right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
  }

  .ls-container.why {
    transform: translateX(-50%)
  }

  .ls-container.why .tag.t-what {
    left: 0
  }

  .ls-container.why .tag.t-why {
    right: -75px
  }
}

@media screen and (min-width: 79.375em) {
  .ls-container .tag {
    left: 50%;
    margin-left: -39.375rem
  }
}

.circles-canvas {
  max-width: 456px;
  overflow: hidden;
  position: relative;
  margin: 1rem auto 0;
  float: left;
  position: relative
}

.circles-canvas:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%
}

.circles-canvas > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

@media screen and (max-width: 53.0625em) {
  .circles-canvas {
    float: none
  }
}

.circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%
}

.circle#circle1 {
  transform: rotate(180deg);
  opacity: 0.3
}

.circle#circle1.active {
  opacity: 1
}

.circle#circle2 {
  width: 80%;
  height: 80%;
  transform: rotate(157deg);
  opacity: 0.45
}

.circle#circle2.active {
  opacity: 1
}

.circle#circle3 {
  width: 60%;
  height: 60%;
  transform: rotate(136deg);
  opacity: 0.6
}

.circle#circle3.active {
  opacity: 1
}

.circle.hover {
  opacity: 0.8 !important
}

.circle.active {
  opacity: 1 !important
}

.circles-text {
  display: none
}

.circle-target {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 100%;
  opacity: 1;
  cursor: pointer
}

.circle-target:hover {
  opacity: 0
}

.circle-target.ct2 {
  width: 80%;
  height: 80%
}

.circle-target.ct3 {
  width: 60%;
  height: 60%
}

.circle-center {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%
}

.circle-icon {
  width: 66%;
  height: 66%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  transition: opacity 0.6s linear
}

.circle-icon.on {
  opacity: 1
}

.circle-icon.ig1 .icon-seed {
  position: absolute
}

.circle-icon.ig1 .icon-seed.s0 {
  width: 24%;
  height: 47%;
  top: 40%;
  left: 0%
}

.circle-icon.ig1 .icon-seed.s1 {
  width: 53%;
  height: 87%;
  left: 25%
}

.circle-icon.ig1 .icon-seed.s2 {
  width: 24%;
  height: 47%;
  left: 77%;
  top: 15%
}

.circle-icon.ig3 {
  text-align: right
}

.circle-icon.ig3 .icon-man {
  width: 14%;
  height: 28%
}

.circle-icon.ig2 .icon-old-man {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0
}

.info-canvas {
  height: 400px;
  float: left;
  margin-top: 11%;
  text-align: left;
  padding: 0 0 0 5%;
  transition: padding 0.6s ease-in;
  position: relative
}

.info-canvas .info-text-wrap {
  width: 50%;
  height: 100%;
  float: left;
  padding-right: 34px;
  font-size: 1.5rem;
  position: relative;
  transition: opacity 0.6s ease-out 0.6s
}

.info-canvas .info-text-wrap .info-text {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.6s ease-out
}

.info-canvas .info-text-wrap .info-text.on {
  opacity: 1
}

.info-canvas .claim {
  color: #33cd9a;
  font-size: 2.25rem;
  line-height: 1.2;
  float: left;
  width: 50%;
  padding-left: 34px;
  transition: all 0.6s ease-in
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .info-canvas .claim .inner {
    width: 60%;
    margin-left: 20%
  }
}

@media screen and (min-width: 53.125em) {
  .info-canvas.initial {
    padding: 0 0 0 15%
  }
}

.info-canvas.initial .info-text-wrap {
  visibility: hidden;
  opacity: 0
}

@media screen and (min-width: 53.125em) {
  .info-canvas.initial .claim {
    transform: translateX(-200%)
  }

  .info-canvas.initial .claim .inner {
    position: absolute;
    width: 200%
  }
}

.info-canvas #pointer {
  position: absolute;
  height: 2px;
  background: #807F83;
  top: 17px;
  right: 93%;
  opacity: 0;
  transition: width 0.3s ease-in, opacity 0.3s ease-in 0.6s
}

.info-canvas #pointer .ball {
  width: 10px;
  height: 10px;
  background: #807F83;
  border-radius: 5px;
  position: absolute;
  top: -4px;
  left: -10px;
  visibility: hidden
}

.info-canvas #pointer.p1 {
  opacity: 1;
  width: 15%
}

.info-canvas #pointer.p1 .ball {
  visibility: visible
}

.info-canvas #pointer.p2 {
  opacity: 1;
  width: 22%
}

.info-canvas #pointer.p2 .ball {
  visibility: visible
}

.info-canvas #pointer.p3 {
  opacity: 1;
  width: 30%
}

.info-canvas #pointer.p3 .ball {
  visibility: visible
}

.info-canvas:not(.initial) .claim {
  font-size: 1.8rem
}

@media screen and (max-width: 53.0625em) {
  .circles-canvas {
    margin: 0 auto
  }

  .info-canvas {
    max-width: 456px;
    height: auto;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    float: none
  }

  .info-canvas #pointer {
    display: none
  }

  .info-canvas .info-text-wrap {
    width: 70%;
    margin-left: 15%;
    height: 135px;
    font-size: 1rem;
    padding: 0
  }

  .info-canvas .claim {
    width: 100%;
    padding: 1rem 0;
    font-size: 1.25rem !important;
    opacity: 0
  }

  .info-canvas.initial .instruct {
    opacity: 1
  }

  .info-canvas.initial .claim {
    opacity: 1;
    transform: translateY(-120px)
  }
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .circles-canvas {
    max-width: 320px
  }

  .info-canvas .info-text-wrap {
    width: 100%;
    margin-left: 0
  }
}

.instruct {
  color: #807F83;
  font-style: italic;
  opacity: 0;
  padding: 15px 0 0
}

.instruct.on {
  opacity: 1
}

@media screen and (min-width: 53.125em) {
  .instruct {
    position: absolute;
    bottom: 20px;
    max-width: 456px;
    text-align: center
  }
}

.ls-infographic#ig-what .page {
  position: relative;
  padding-top: 35px
}

@media screen and (min-width: 53.125em) {
  .ls-infographic#ig-what .page {
    padding-top: 10px
  }
}

.bubble-bg {
  width: 402px;
  height: 402px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1
}

@media screen and (min-width: 40em) {
  .bubble-bg {
    width: 460px;
    height: 460px
  }
}

.bubble-wrap {
  width: 100%;
  height: 402px;
  max-width: 402px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  float: none;
  text-align: center
}

@media screen and (min-width: 40em) {
  .bubble-wrap {
    max-width: 460px;
    height: 460px
  }
}

.bubble-wrap .bubbles {
  position: absolute;
  width: 90%;
  left: 5%;
  top: -7%;
  z-index: 50
}

@media screen and (min-width: 53.125em) {
  .bubble-wrap .bubbles {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
  }
}

.bubble-wrap .bubble-content {
  width: 100%;
  height: 90%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.6s ease-in
}

.bubble-wrap .bubble-content.on {
  visibility: visible;
  opacity: 1
}

.bubble-wrap .bubble-content .header {
  font-size: 1.25rem;
  padding: 20% 0 0
}

@media screen and (min-width: 53.125em) {
  .bubble-wrap .bubble-content .header {
    padding: 15% 0 0
  }
}

.bubble-wrap .bubble-content .header h2 {
  margin: 0
}

.bubble-wrap .bubble-content .ig-icon {
  margin: 4% auto
}

.bubble-wrap .bubble-content .ig-icon.icon-dna {
  width: 18%;
  height: 18%
}

.bubble-wrap .bubble-content .ig-icon.icon-weight {
  width: 20%;
  height: 16%
}

.bubble-wrap .bubble-content .ig-icon.icon-crop {
  width: 18%;
  height: 18%
}

.bubble-wrap .bubble-content .ig-icon.icon-paw {
  width: 18%;
  height: 18%
}

.bubble-wrap .bubble-content .info {
  padding: 0 7% 5%;
  font-size: 1.5rem;
  line-height: 1.2;
  max-width: 380px;
  margin: 0 auto
}

.bubble-wrap .bubble-content .info.intro {
  font-size: 1rem;
  line-height: 1.5
}

@media screen and (min-width: 40em) {
  .bubble-wrap .bubble-content .info {
    padding: 0 5% 5%;
    font-size: 1.875rem
  }

  .bubble-wrap .bubble-content .info.intro {
    font-size: 1.25rem
  }
}

.bubble {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(123, 123, 123, 0.5);
  position: absolute;
  cursor: pointer
}

.bubble .ig-icon {
  top: 0;
  left: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto
}

.bubble:hover .ig-icon, .bubble.active .ig-icon {
  fill: #33cd9a
}

.bubble.b1 {
  left: 0
}

.bubble.b1 .ig-icon {
  width: 60%;
  height: 50%
}

.bubble.b2 {
  left: 50%;
  margin-left: -42px
}

@media screen and (min-width: 40em) {
  .bubble.b2 {
    margin-left: -50px
  }
}

.bubble.b2 .ig-icon {
  width: 60%;
  height: 50%
}

.bubble.b3 {
  right: 0
}

.bubble.b3 .ig-icon {
  width: 70%;
  height: 50%
}

@media screen and (min-width: 40em) {
  .bubble {
    width: 100px;
    height: 100px
  }
}

@media screen and (min-width: 53.125em) {
  .bubble {
    transition: all 0.3s ease-in;
    top: -5%;
    left: -5%;
    margin: 0
  }

  .bubble.b1 {
    left: 100%;
    top: 13%
  }

  .bubble.b2 {
    margin: 0;
    left: 105%;
    top: calc(50% - 50px)
  }

  .bubble.b3 {
    left: 100%;
    top: 65%
  }

  .bubble.active {
    transform: scale(1.5);
    z-index: 10;
    background: #33cd9a
  }

  .bubble.active .ig-icon {
    fill: #fff
  }

  .bubble.pulse {
    animation: bubbleGrow 3s infinite
  }
}

@keyframes "bubbleGrow" {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.bg-deco {
  position: absolute;
  z-index: 0
}

.bg-deco.bg-leaves {
  width: 400px;
  height: 280px;
  bottom: 0;
  right: 50%;
  background-image: url(img/bg-leaves.png)
}

.bg-deco.bg-bubbles {
  width: 126px;
  height: 188px;
  left: calc(50% + 300px);
  top: 10%;
  background-image: url(img/bg-bubbles.png)
}

pre {
  display: none
}

#chat-templates {
  position: relative
}

.chat-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  color: #fff;
  background-color: #33CD9A
}

.chat-wrap .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #33CD9A;
  background-image: url(img/bg_road4.jpg);
  background-size: cover;
  background-position: 50%;
  transition: transform 30s ease-out;
  transform-origin: top
}

.chat-wrap .bg.grow {
  transform: scale3d(1.2, 1.2, 1.2)
}

.chat-nav {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.chat-nav > div {
  position: relative;
  width: 100%;
  max-width: 78.75rem
}

.chat-nav > div .btn {
  position: absolute;
  top: 0;
  margin: 25px 0px;
  padding: 10px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  visibility: hidden
}

.chat-nav > div .btn svg.icon {
  fill: #fff
}

.chat-nav > div .btn span {
  padding: 0 10px
}

.chat-nav > div .btn.back-btn {
  left: 10px
}

@media screen and (min-width: 53.125em) {
  .chat-nav > div .btn.back-btn {
    left: 20px
  }
}

.chat-nav > div .btn.back-btn svg.icon {
  width: 18px;
  height: 12px
}

.chat-nav > div .btn.restart-btn {
  right: 0
}

@media screen and (min-width: 53.125em) {
  .chat-nav > div .btn.restart-btn {
    right: 20px
  }
}

.chat-nav > div .btn.restart-btn svg.icon {
  width: 23px;
  height: 18px
}

.chat-nav.on > div .btn {
  visibility: visible
}

.chat-window {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.6s ease-in-out, opacity 0.3s ease-out;
  opacity: 0
}

.chat-window.on {
  position: relative;
  transform: translateY(0);
  opacity: 1
}

.chat-window.on > div > .responses {
  opacity: 1;
  transform: translateY(0)
}

.chat-window.next {
  transform: translateY(100%)
}

.chat-window.next > div > .responses {
  opacity: 0;
  transform: translateY(100%)
}

.chat-window.off {
  transform: translateY(-100%)
}

.chat-window > div {
  position: relative;
  width: 100%;
  max-width: 78.75rem;
  text-align: center
}

.chat-window > div .question {
  font-family: "Neue Helvetica Bold", Helvetica, sans-serif !important;
  font-size: 24px;
  padding: 1rem 0
}

.chat-window > div .question .subtitle {
  font-family: "Neue Helvetica Medium", Helvetica, sans-serif
}

.chat-window > div .responses {
  opacity: 0;
  transition: transform 0.8s ease-in-out, opacity 0.6s ease-out
}

.chat-window > div .responses .response:not(.continue-btn) {
  position: relative;
  margin: 10px;
  border: 1px solid #fff;
  padding: 1rem;
  cursor: pointer
}

.chat-window > div .responses .response:not(.continue-btn) .icon {
  fill: currentColor;
  max-width: 50px;
  max-height: 46px;
  margin-bottom: 8px
}

.chat-window > div .inputs {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 10px;
  text-align: left
}

.chat-window > div .inputs textarea {
  width: 100%;
  resize: none;
  border: none;
  border-left: 1px dashed #fff;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  -webkit-appearance: none;
  box-shadow: none
}

.chat-window > div .inputs textarea:focus {
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
  border: none;
  border-left: 1px dashed #fff;
  box-shadow: none
}

.chat-window > div .inputs [type="checkbox"] + label, .chat-window > div .inputs [type="radio"] + label {
  color: #fff
}

.chat-window > div .inputs [type="checkbox"] + label:before, .chat-window > div .inputs [type="radio"] + label:before {
  background-position: -50px -194px
}

.chat-window > div .inputs [type="checkbox"]:checked + label:before,
.chat-window > div .inputs [type="radio"]:checked + label:before {
  background-position: -50px -176px
}

#faq, .faqOffer {
  width: 100%;
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  overflow-y: hidden;
  transition: transform 0.6s ease-in-out, opacity 0.3s ease-out;
  opacity: 0;
  z-index: 0;
  transform: translateY(100%);
  -ms-flex: 1;
  flex: 1
}

#faq.on, .faqOffer.on {
  height: 100%;
  padding: 100px 0 0;
  transform: translateY(0);
  opacity: 1
}

#faq > div, .faqOffer > div {
  width: 100%;
  max-width: 55rem;
  float: none;
  margin: auto
}

#faq > div .question, .faqOffer > div .question {
  font-size: 24px;
  padding: 1rem 0;
  width: 100%;
  text-align: center
}

#faq > div .accordion, .faqOffer > div .accordion {
  background: transparent;
  border: 0;
  margin-bottom: 50px
}

#faq > div .accordion li, .faqOffer > div .accordion li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

#faq > div .accordion li:last-child:not(.is-active) > .accordion-title,
.faqOffer > div .accordion li:last-child:not(.is-active) > .accordion-title {
  border: 0
}

#faq > div .accordion .accordion-title, .faqOffer > div .accordion .accordion-title {
  padding-left: 1rem;
  border: 0;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  text-decoration: none
}

#faq > div .accordion .accordion-title::before, .faqOffer > div .accordion .accordion-title::before {
  left: 0
}

#faq > div .accordion .accordion-title.is-active, .faqOffer > div .accordion .accordion-title.is-active {
  border: 0
}

#faq > div .accordion .accordion-title:focus, #faq > div .accordion .accordion-title:hover,
.faqOffer > div .accordion .accordion-title:focus, .faqOffer > div .accordion .accordion-title:hover {
  background-color: transparent
}

#faq > div .accordion .accordion-content, .faqOffer > div .accordion .accordion-content {
  background-color: transparent;
  border: 0;
  color: #fff;
  padding: 0 0 1rem 1rem
}

#faq > div .accordion .accordion-content a, .faqOffer > div .accordion .accordion-content a {
  color: #fff;
  text-decoration: underline;
  display: inline-block
}

#faq > div .accordion .accordion-content a:hover, .faqOffer > div .accordion .accordion-content a:hover {
  color: #fff
}

.faqOffer {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-out
}

.faqOffer.on {
  margin-top: 70px;
  padding: 50px 0 0;
  max-height: calc(100% - 70px)
}

.faqOffer.scrollable {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.faq-message-container {
  padding-bottom: 100px;
  transition: transform 0.3s linear 1.2s
}

.faq-message-container .question {
  transition: opacity 0.3s
}

.faq-message-container .flip-btn-wrap {
  perspective: 1000px;
  perspective-origin: bottom
}

.faq-message-container .flip-btn-wrap .open-form-btn {
  width: 220px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #fff;
  text-align: center;
  margin: 2em auto 0;
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotateX(0deg);
  transform-origin: bottom;
  transition: width 0.3s linear 0.6s, transform 0.3s linear 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.faq-message-container .flip-btn-wrap .open-form-btn svg.icon {
  width: 18px;
  height: 18px
}

.faq-message-container .flip-btn-wrap .open-form-btn span {
  padding: 0 0 0 1rem
}

.faq-message-container .faq-form-wrap {
  height: 0;
  overflow: hidden;
  perspective: 1000px;
  perspective-origin: top
}

.faq-message-container .faq-form-wrap .inner {
  transform: rotateX(-90deg);
  transform-origin: top;
  transition: transform 0.3s linear 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.faq-message-container.on {
  transform: translateY(-50px)
}

.faq-message-container.on .question {
  opacity: 0
}

.faq-message-container.on .faq-form-wrap {
  height: auto
}

.faq-message-container.on .flip-btn-wrap .open-form-btn {
  width: 100%;
  max-width: 690px;
  transform: rotateX(90deg)
}

.faq-message-container.on .faq-form-wrap .inner {
  transform: rotateX(0deg)
}

.faq-message-container.on.no-faq {
  margin-top: 50px
}

.chat-form {
  background-color: #fff;
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
  padding: 30px;
  margin-bottom: 100px;
  text-align: left
}

.chat-form textarea {
  resize: none;
  -webkit-appearance: none
}

.chat-form .input-group-wide.padded {
  padding: 1rem 0
}

.chat-form .input-group-wide.padded .column, .chat-form .input-group-wide.padded .columns {
  padding: 0
}

.chat-form .input-group-wide.padded .column .icon-w-text, .chat-form .input-group-wide.padded .columns .icon-w-text {
  padding: 0
}

.chat-form .input-group-50 {
  width: calc(50% - 10px)
}

.chat-form .input-group-50.left {
  float: left
}

.chat-form .input-group-50.right {
  float: right
}

.chat-form [type="checkbox"] + label, .chat-form [type="radio"] + label {
  margin: 0 0 0.5rem
}

.chat-form label > span.optional, .chat-form .file-upload-file {
  color: #807f83
}

.chat-form .icon-w-text p {
  margin-left: 0
}

.chat-form .file-upload {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.chat-form .file-upload svg.icon {
  width: 17px;
  height: 18px
}

span.input {
  width: 100%;
  position: relative;
  display: inline-block
}

span.input input.input-field {
  width: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #fff;
  -webkit-appearance: none;
  font-size: 16px;
  font-weight: 100;
  border-bottom: 1px solid #fff;
  padding: 10px 0;
  transition: width 0.3s ease-in-out;
  z-index: 10
}

span.input input.input-field.on {
  width: 100%
}

span.input input.input-field:focus {
  outline: none;
  box-shadow: 0 0
}

span.input label.input-label {
  color: #fff;
  display: inline-block;
  position: absolute;
  left: 1em;
  top: 0;
  transition: all 0.3s ease-in 0.6s
}

.continue-btn, .next-btn {
  width: 220px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #fff;
  text-align: center;
  margin: 2em auto 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in;
  cursor: pointer
}

.continue-btn.on, .next-btn.on {
  opacity: 1;
  visibility: visible
}

.multi-continue {
  width: 220px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #fff;
  text-align: center;
  margin: 2em auto 0;
  transition: opacity 0.1s ease-in;
  cursor: pointer;
  display: none
}

.question-container.multi .multi-continue {
  display: block;
  opacity: 0
}

.question-container.multi .multi-continue.on {
  opacity: 1
}

#matching .match {
  display: none
}

#matching .next-btn {
  opacity: 1;
  width: auto;
  padding: 0 1rem;
  display: inline-block;
  margin-bottom: 100px
}

.chat-window.static .question-container svg.icon {
  width: 50px;
  height: 50px;
  fill: #fff
}

.contact-footer {
  position: relative;
  height: 160px;
  background-color: #fff;
  padding: 24px 0
}

.contact-footer .contact-details {
  padding-top: 20px
}

.contact-footer .contact-details img.contact-person {
  width: 60px;
  float: left;
  margin-right: 20px
}

.contact-footer .contact-details > div a {
  color: #000
}

.contact-footer .contact-details > div > div {
  line-height: 24px
}

.contact-footer .contact-details > div > div span {
  font-size: 18px
}

#initiative-matches {
  width: 100%;
  padding: 0 20px
}

#initiative-matches #initiatives-panel {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left
}

#initiative-matches #initiatives-panel .column, #initiative-matches #initiatives-panel .columns {
  display: none
}

#initiative-matches #initiatives-panel .column.on, #initiative-matches #initiatives-panel .on.columns {
  display: -ms-flexbox;
  display: flex
}

#initiative-matches #initiatives-panel .column .initiative-panel,
#initiative-matches #initiatives-panel .columns .initiative-panel {
  padding-bottom: 20px;
  border: none;
  overflow: hidden;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.25)
}

#initiative-matches #initiatives-panel .column .initiative-panel .timeline,
#initiative-matches #initiatives-panel .columns .initiative-panel .timeline {
  display: none
}

#initiative-matches #initiatives-panel .column .initiative-panel .initiative-panel-header .initiative-name,
#initiative-matches #initiatives-panel .columns .initiative-panel .initiative-panel-header .initiative-name {
  padding: 10px 20px
}

#initiative-matches #initiatives-panel .column .initiative-panel .initiative-panel-body,
#initiative-matches #initiatives-panel .columns .initiative-panel .initiative-panel-body {
  padding: 20px 20px 0
}

#modal-wrapper.chat-modal {
  max-width: 78.75rem;
  padding: 0
}

#modal-wrapper.chat-modal .modal-wrapper {
  border-bottom: none
}

.modal-wrapper .offer-chat {
  padding-top: 0;
  overflow: hidden
}

.offer-chat {
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 500;
  background: #33CD9A
}

.offer-chat .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #33CD9A;
  background-size: cover;
  background-position: 50%
}

.offer-chat .chat-nav {
  height: 70px
}

.offer-chat .chat-nav > div .btn {
  margin: 15px 0px;
  padding: 0 10px;
  height: 40px
}

.offer-chat .chat-nav > div .btn.restart-btn {
  right: 50%;
  transform: translateX(50%)
}

.offer-chat .chat-nav > div .btn.close-btn {
  width: 45px;
  height: 40px;
  right: 0;
  visibility: visible
}

@media screen and (min-width: 53.125em) {
  .offer-chat .chat-nav > div .btn.close-btn {
    right: 20px
  }
}

.offer-chat .chat-window {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.offer-chat .chat-window > div {
  margin-top: 50px;
  overflow-y: auto
}

.chat-wrapConsumerHealth .bg {
  background-image: url(img/partnerships_chat_bg.jpg)
}

.chat-wrapCropScience .bg {
  background-image: url(img/cropscience_chat_bg.jpg)
}

#modal-wrapper.reveal .close-button.close-offer {
  background: none;
  z-index: 500;
  top: 10px
}

#modal-wrapper.reveal .close-button.close-offer svg {
  fill: #fff;
  width: 2rem;
  height: 2rem
}

@media screen and (max-width: 960px) {
  .desk-other {
    display: none
  }

  .header-dummy, .footer-dummy {
    display: none
  }

  .rlb {
    display: block
  }

  .chat-wrap {
    min-height: calc(100vh - 68px);
    overflow: hidden
  }

  .chat-wrap .chat-nav {
    height: 50px;
    background-color: #2db98b;
    transform: translateY(-50px);
    transition: transform 0.3s
  }

  .chat-wrap .chat-nav.on {
    transform: translateY(0)
  }

  .chat-wrap .chat-nav > div .btn {
    margin: 0
  }

  .reveal .modal-wrapper .offer-chat {
    min-height: calc(100vh - 68px)
  }

  .reveal .modal-wrapper .offer-chat .chat-nav {
    position: absolute;
    top: 0;
    height: 40px;
    background-color: #2db98b
  }

  .reveal .modal-wrapper .offer-chat .chat-nav > div .btn {
    margin: 0
  }

  .reveal .modal-wrapper .offer-chat .chat-window {
    height: calc(100% - 40px);
    margin-top: 40px
  }

  .reveal .modal-wrapper .offer-chat .chat-window > div {
    margin-top: 0;
    padding: 4rem 1rem
  }

  .chat-window > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 5rem 1rem;
    height: auto
  }

  .chat-window > div .question {
    font-size: 20px;
    line-height: 28px;
    padding: 1rem 0
  }

  .chat-window > div .question .subtitle {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0
  }

  .chat-window > div .responses {
    width: 100%;
    max-width: 600px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }

  .chat-window > div .responses .response:not(.continue-btn) {
    text-align: left;
    margin: 20px 0;
    width: 100%;
    height: 60px;
    overflow: hidden;
    padding: 0;
    transition: height 0.3s ease-in-out
  }

  .chat-window > div .responses .response:not(.continue-btn).mobile-other {
    padding: 0
  }

  .chat-window > div .responses .response:not(.continue-btn).mobile-other.live {
    height: 75px
  }

  .chat-window > div .responses .response:not(.continue-btn).mobile-other.live > span {
    height: 100%
  }

  .chat-window > div .responses .response:not(.continue-btn).other {
    display: none
  }

  .chat-window > div .responses .response:not(.continue-btn) > span {
    display: block;
    padding: 0 15px;
    line-height: 20px;
    height: 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }

  .chat-window > div .responses .response:not(.continue-btn) svg.icon {
    position: relative;
    float: left;
    max-width: 30px;
    max-height: 30px;
    margin: 15px 0 0 15px
  }

  .chat-window > div .responses .response:not(.continue-btn) svg.icon.other-cont {
    max-width: 22px;
    max-height: 20px;
    margin: 8px 0 0 10px
  }

  .chat-window > div .responses .response:not(.continue-btn) span.label {
    float: left
  }

  .chat-window > div .responses .response:not(.continue-btn) .mobile-select {
    display: block
  }

  .chat-window > div .responses .response:not(.continue-btn) .mobile-select .select-menu p {
    display: none
  }

  .chat-window > div .responses .response:not(.continue-btn) .mobile-select .select-menu .response {
    height: 40px;
    border: 0;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 5px 10px
  }

  .chat-window > div .responses .response:not(.continue-btn) .mobile-select .select-menu .response:last-child {
    border: none
  }

  span.input {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
  }

  span.input input.input-field {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    color: #fff;
    font-size: 1em;
    font-weight: 100;
    text-align: left;
    padding: 20px 1em 0;
    transition: background-color 0.3s
  }

  span.input input.input-field:focus + label.input-label > span, span.input input.input-field.input-filled + label.input-label > span {
    transform: translate3d(16px, 5px, 0) scale3d(0.85, 0.85, 1) translateZ(1px)
  }

  span.input input.input-field:focus + label.input-label::before,
  span.input input.input-field.input-filled + label.input-label::before {
    border-width: 8px;
    border-color: #33CD9A;
    border-top-width: 30px
  }

  span.input label.input-label {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    transition: color 0.3s
  }

  span.input label.input-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px solid transparent;
    transition: border-width 0.3s, border-color 0.3s
  }

  span.input label.input-label > span {
    font-size: 1rem;
    position: relative;
    display: inline-block;
    transform: translate3d(60px, 19px, 0);
    transform-origin: 0% 50%;
    transition: transform 0.3s, color 0.3s
  }

  span.input .continue-btn {
    width: 40px;
    height: 35px;
    line-height: 30px;
    border: none;
    text-align: center;
    margin: 30px 15px 0 0;
    opacity: 0;
    transition: opacity 0.1s ease-in;
    cursor: pointer;
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0
  }

  span.input .continue-btn.on {
    opacity: 1
  }

  .hide-for-small {
    display: none
  }

  .response.active {
    height: auto;
    background-color: #fff;
    color: #33CD9A
  }

  .response.active .mobile-select {
    background-color: #33CD9A;
    color: #fff
  }

  .select-container {
    display: none
  }

  #vertindicator {
    display: block
  }

  .contact-footer {
    height: auto
  }

  #faq-form button {
    margin-top: 30px
  }

  .chat-form .input-group-50 {
    width: 100%
  }

  .chat-form .input-group-wide.padded .column .icon-w-text, .chat-form .input-group-wide.padded .columns .icon-w-text {
    padding: 0 0 1.5rem
  }

  #initiative-matches {
    padding: 0
  }

  #initiative-matches .initiative-panel {
    padding-bottom: 0
  }

  #initiative-matches .initiative-panel-body {
    padding: 0px 10px 10px
  }

  .faqOffer.on {
    margin-top: 40px;
    padding: 20px 0 0;
    max-height: calc(100% - 40px)
  }
}

@media screen and (min-width: 960px) {
  .mobile-other, .mobile-select, #vertindicator {
    display: none
  }

  .rlb {
    display: inline
  }

  .rlb:after {
    content: '\00a0'
  }

  .chat-wrap, .offer-chat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: height 0.3s ease-out
  }

  .chat-wrap {
    min-height: 600px
  }

  .chat-wrap .chat-window {
    min-height: 600px
  }

  .chat-window > div {
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding-top: 15vh
  }

  .chat-window > div .question {
    font-size: 24px;
    padding: 1rem 0 2rem
  }

  .chat-window > div .question .subtitle {
    font-size: 16px;
    padding: 0.5rem 0 0
  }

  .chat-window > div .responses {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
  }

  .chat-window > div .responses .response {
    min-width: 220px;
    max-width: 220px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: all 0.2s
  }

  .chat-window > div .responses .response.wide {
    max-width: 300px
  }

  .chat-window > div .responses .response.active {
    background-color: #fff;
    color: #33CD9A
  }

  .chat-window > div .responses .response.active .icon {
    fill: #33CD9A
  }

  .chat-window > div .responses .response.active:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px)
  }

  .chat-window > div .responses .response.desk-other {
    -ms-flex-align: center;
    align-items: center
  }

  .chat-window > div .responses .response.mobile-other {
    display: none
  }

  .chat-window > div .responses .response.other {
    -ms-flex-align: center;
    align-items: center
  }

  .chat-window > div .responses .response:hover:not(.active) {
    background-color: rgba(0, 0, 0, 0.1)
  }

  .offer-chat .chat-window {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }

  .offer-chat .chat-window > div {
    height: auto;
    margin-top: 70px;
    padding: 0 5% 70px;
    max-height: calc(100% - 70px);
    overflow-y: auto
  }

  .chat-window#matching > .question-container, .chat-window#contact-details > .question-container {
    padding-top: 100px
  }

  .response {
    cursor: pointer
  }

  .response .icon {
    position: relative
  }

  .response:hover {
    background-color: rgba(0, 0, 0, 0.1)
  }

  .response > span {
    width: 100%;
    display: block;
    line-height: 22px
  }

  .select-container {
    position: relative;
    width: 100%;
    height: 0;
    bottom: 0;
    transition: height 0.3s
  }

  .select-container .select-menu {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    visiblitiy: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 0;
    padding: 0 50px
  }

  .select-container .select-menu.on {
    height: auto;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    z-index: 10;
    position: relative
  }

  .select-container .select-menu p {
    width: 100%;
    margin: 2rem 0
  }

  .select-container .select-menu .response:not(.continue-btn) {
    border: 1px solid #fff;
    min-width: 220px;
    max-width: 220px;
    padding: 10px;
    margin: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .other-container {
    height: 0;
    transition: height 0.3s;
    padding: 20px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }

  .other-container span.input {
    width: 100%;
    max-width: 320px
  }

  .other-container span.input input.input-field {
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 1
  }

  .other-container span.input label.input-label {
    opacity: 0;
    line-height: 50px
  }

  .other-container.on span.input label.input-label {
    opacity: 0.5
  }

  .cd-form-wrap {
    width: 100%;
    padding-bottom: 100px
  }
}

.top-bar .menu li.search-btn {
  padding: 0 5px;
  cursor: pointer
}

@media screen and (min-width: 64.375em) {
  .top-bar .menu li.search-btn {
    padding: 0 20px
  }
}

.top-bar .menu li.search-btn svg {
  width: 17px;
  height: 17px;
  position: relative;
  top: 2px
}

.top-bar .menu li.search-btn:hover svg {
  fill: #33cd9a
}

.search-field {
  position: relative
}

.search-field svg.icon {
  position: absolute;
  fill: #807f83;
  z-index: 100
}

.search-field svg.icon.icon-search {
  width: 15px;
  height: 16px;
  left: 20px;
  top: 20px
}

.search-field svg.icon.icon-close {
  width: 40px;
  height: 40px;
  right: 4px;
  top: 5px;
  padding: 10px;
  visibility: hidden
}

.search-field svg.icon.icon-close.is-active {
  visibility: visible
}

.search-field input[type="search"] {
  width: 100%;
  height: 50px;
  padding-top: 12px;
  padding-right: 50px;
  border: none;
  text-indent: 54px;
  color: #807f83;
  -webkit-appearance: none;
  margin-bottom: 0
}

.search-field div.autocomplete-container {
  height: 0;
  overflow: hidden;
  background-color: #f4f4f4;
  transition: height 0.4s ease-out
}

.search-field div.autocomplete-container.is-active {
  transition-delay: 0.4s;
  height: calc(100vh - 118px)
}

#search-bar {
  position: absolute;
  width: 100%;
  height: auto;
  transition: all 0.4s;
  z-index: 350;
  transform: translateY(-80px)
}

@media screen and (max-width: 62.4375em) {
  #search-bar + * {
    margin-top: 68px
  }
}

#search-bar.is-active {
  transform: translateY(0)
}

#search-bar .search-container {
  width: 100%;
  height: 80px;
  position: relative;
  background-color: #000
}

#search-bar .search-container .page {
  position: relative;
  padding: 0 1.875rem;
  height: 100%
}

#search-bar .search-container .page form {
  position: relative;
  height: 100%
}

#search-bar .search-container .page form input[type="search"] {
  height: 100%;
  font-size: 28px;
  border: none;
  outline: none;
  background: transparent;
  color: #fff;
  text-indent: 50px;
  position: relative;
  margin: 0;
  padding: 0 300px 0 0
}

#search-bar .search-container .page form input[type="search"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

#search-bar .search-container .page form input[type="search"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

#search-bar .search-container .page form input[type="search"]::placeholder {
  color: rgba(255, 255, 255, 0.5)
}

#search-bar .search-container .page form button[type="submit"] {
  position: absolute;
  width: 180px;
  height: 48px;
  line-height: 48px;
  top: 16px;
  right: 104px;
  padding: 0;
  color: #fff;
  display: none;
  background-color: #33cd9a
}

#search-bar .search-container .page form button[type="submit"].is-active {
  display: block
}

#search-bar .search-container .page form button[type="submit"]:hover {
  background-color: #28a57b
}

#search-bar .search-container .page svg.icon {
  position: absolute;
  fill: #fff;
  z-index: 100
}

#search-bar .search-container .page svg.icon.icon-search-thin {
  width: 32px;
  height: 32px;
  top: 24px
}

#search-bar .search-container .page svg.icon.icon-close {
  width: 30px;
  height: 30px;
  right: 30px;
  top: 24px;
  cursor: pointer
}

#search-bar .search-container .page svg.icon.icon-close:hover {
  opacity: 0.7
}

#search-bar .autocomplete-container {
  width: 100%;
  height: 0;
  opacity: 0;
  overflow: hidden;
  background-color: #fff;
  transition: opacity 0.4s ease-out 0.2s
}

#search-bar .autocomplete-container.is-active {
  height: calc(100vh - 190px);
  opacity: 1
}

.autocomplete-suggestions {
  border-top: 1px solid #e6e6e6;
  background: #fff;
  cursor: default;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: -1
}

@media screen and (min-width: 62.5em) {
  .autocomplete-suggestions {
    padding: 0 2rem
  }
}

@media screen and (max-width: 39.9375em) {
  .autocomplete-suggestions {
    font-size: 0.875rem
  }
}

.autocomplete-suggestion {
  padding: 10px 0;
  text-indent: 15px;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Neue Helvetica Roman", Helvetica, sans-serif;
  color: #333;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer
}

@media screen and (min-width: 62.5em) {
  .autocomplete-suggestion {
    padding: 10px 5px
  }
}

.autocomplete-selected {
  background: #f1f1f1
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #33cd9a
}

.show-all-results.below {
  padding: 15px 5px;
  text-indent: 15px;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Neue Helvetica Roman", Helvetica, sans-serif;
  color: #33cd9a;
  text-align: center;
  border: 1px solid #e6e6e6;
  margin: 30px 0 50px;
  cursor: pointer
}

.show-all-results.below:hover {
  background: #f1f1f1
}

@media screen and (max-width: 39.9375em) {
  .show-all-results.below {
    display: none
  }
}

.show-all-results.above {
  padding: 10px 5px;
  text-indent: 15px;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Neue Helvetica Roman", Helvetica, sans-serif;
  color: #33cd9a;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer
}

.show-all-results.above:hover {
  background: #f1f1f1
}

@media screen and (min-width: 40em) {
  .show-all-results.above {
    display: none
  }
}

#search-bar.static {
  position: relative;
  transition-duration: 0s;
  transform: translateY(0)
}

#search-bar.static svg.icon-close {
  visibility: hidden
}

#search-bar.static .search-container {
  background-color: #33cd9a
}

#search-bar.static .search-container .page form button[type="submit"] {
  background-color: rgba(0, 0, 0, 0.5)
}

#search-bar.static .search-container .page form button[type="submit"]:hover {
  background-color: #000
}

@media screen and (min-width: 40em) {
  .search-page {
    padding: 1rem 0
  }
}

.search-page .initiative-panel {
  padding-bottom: 0;
  margin-bottom: 0
}

.search-page h4.primary {
  padding: 8px 1.1875rem
}

@media screen and (max-width: 62.4375em) {
  .search-page h4.primary {
    font-size: 0.75rem;
    margin-bottom: 0
  }
}

@media screen and (min-width: 62.5em) {
  .search-page h4.primary {
    padding: 8px 1.875rem
  }
}

.search-page .featured {
  position: relative;
  padding: 0 1rem
}

.search-page .featured .see-all {
  position: relative;
  float: right;
  padding: 1rem
}

.search-page .search-field {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 1rem;
  z-index: 20
}

.search-result-container {
  padding: 0 1.1875rem 2rem;
  min-height: calc(100vh - 300px)
}

@media screen and (min-width: 62.5em) {
  .search-result-container {
    padding: 0 1.875rem 2rem
  }
}

.search-result-container .search-result {
  padding: 1rem 0;
  border-top: 1px solid #e6e6e6
}

.search-result-container .search-result * {
  font-size: 0.875rem;
  line-height: 1.125rem
}

.search-result-container .search-result-title {
  width: 100%;
  display: block;
  color: #000;
  text-decoration: none
}

@media screen and (min-width: 62.5em) {
  .search-result-container .search-result-title {
    font-size: 1.125rem
  }
}

.search-result-container .search-result-title:hover {
  color: #33cd9a
}

.search-result-container .search-result-url, .search-result-container .search-result-snippet {
  max-width: 800px;
  margin-bottom: 0.25rem
}

.search-result-container .search-result-url {
  display: block;
  margin: 8px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.no-result-container {
  padding: 1rem 1.1875rem 2rem;
  font-size: 0.875rem
}

@media screen and (min-width: 62.5em) {
  .no-result-container {
    padding: 1rem 1.875rem 2rem;
    font-size: 1rem
  }
}

.no-result-container .no-result-icon {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url(img/icon-noresult.png);
  background-size: 100%;
  left: calc(50% - 25px)
}

@media screen and (min-width: 62.5em) {
  .no-result-container .no-result-icon {
    position: absolute;
    width: 65px;
    height: 65px;
    left: 0
  }
}

.no-result-container .no-result-message {
  position: relative;
  width: 100%;
  font-size: 1rem;
  margin: 1.5rem 0 1rem
}

@media screen and (min-width: 62.5em) {
  .no-result-container .no-result-message {
    text-indent: 80px;
    line-height: 65px;
    font-size: 1.5rem
  }
}

.no-result-container ul {
  padding-left: 0.5rem;
  margin-bottom: 1rem
}

@media screen and (min-width: 62.5em) {
  .no-result-container ul {
    line-height: 2
  }
}

.cookiesBannerWrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  z-index: 998
}

.cookiesBanner {
  background: #fff;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.25);
  width: 396px;
  z-index: 999
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .cookiesBanner {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    color: #e6e6e6
  }
}

.cookieItem__gray {
  color: #807f83;
  text-decoration: underline;
  font-size: 14px;
  line-height: 1.43
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .cookieItem__gray {
    color: #fff
  }
}

.cookiesHeader {
  margin-bottom: 24px;
  padding: 0;
  height: 100px
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .cookiesHeader {
    display: none
  }
}

.cookiesBody {
  padding: 0 24px
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .cookiesBody {
    padding: 16px 16px
  }
}

.cookiesBody_title {
  font-family: "Neue Helvetica Bold", Helvetica, sans-serif;
  text-align: center;
  font-size: 18px;
  line-height: 1.11
}

.cookiesBody_section {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.43;
  text-align: center
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .cookiesBody_section {
    margin-top: 16px
  }
}

.cookiesFooter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 16px;
  padding-bottom: 16px;
  margin-top: 12px
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .cookiesFooter {
    margin-top: 8px
  }
}

.cookiesFooter .button.button-large:hover {
  cursor: pointer
}

.cookiesFooter_btnSetting {
  margin-bottom: 24px
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .cookiesFooter_btnSetting {
    margin-bottom: 18px
  }
}

.cookiesFooter_btnOkay {
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 0.7
}

#overlayCookies {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 997
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #overlayCookies {
    background-color: rgba(0, 0, 0, 0.6)
  }
}

.fade-in-bottom {
  animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both
}

.fade-in-top {
  animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both
}

@keyframes "fade-in-bottom" {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes "fade-in-top" {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(50px);
    opacity: 0;
  }
}

.patent-slider .tabsBorderBottom > li > div {
  font-family: "Neue Helvetica Bold", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.71
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .patent-slider .tabsBorderBottom > li > div {
    font-size: 12px
  }
}

.patent-slider li.orbit-slide {
  padding-top: 49px
}

.patent-slider .pubPat-tabsContainer {
  position: absolute;
  width: 100%;
  top: 0;
  margin-bottom: 24px
}

.patent-slider .pubPat-tabsContainer:after {
  content: "";
  width: 100%;
  height: 5px;
  background: #e6e6e6;
  position: absolute;
  bottom: 0;
  z-index: 0
}

.patent-slider .pubPat-tabsContainer ul li {
  border: 0
}

.patent-slider .pubPat-tabsContainer ul li div {
  padding: 0
}

.patent-slider .pubPat-tabsContainer ul li div button {
  padding: 1rem 0
}

.patent-slider .pubPat-tabsContainer ul li div button.is-active, .patent-slider .pubPat-tabsContainer ul li div button:hover {
  border-bottom: 5px solid #33cd9a
}

.patent-slider .tabs-title {
  position: relative;
  z-index: 10;
  padding-right: 20px
}

@media screen and (min-width: 53.125em) {
  .patent-slider .tabs-title {
    padding-right: 32px
  }
}

@media screen and (min-width: 79.375em) {
  .patent-slider .tabs-title {
    padding-right: 48px
  }
}

.patent-slider .tabs-title div {
  padding: 1rem 0
}

.patent-slider .tabs-title div span {
  display: inline-block
}

.patent-slider .tabs-title button {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: inherit;
  border-radius: 0
}

.patent-slider .tabs-title.is-active {
  border-bottom: none
}

.patent-slider .tabs-title.is-active div {
  border-bottom: 5px solid #33cd9a;
  position: relative;
  z-index: 10
}

.patent-slider .pubPatInner {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(230, 230, 230, 0.25);
  border: solid 1px #e6e6e6;
  padding: 16px 32px 16px 16px;
  margin-bottom: 16px;
  text-decoration: none
}

.patent-slider .pubPatInner .publication-block {
  border: none;
  padding: 0;
  margin: 0
}

.patent-slider .pubPatInner .roman {
  font-weight: 500
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .patent-slider .pubPatInner {
    padding: 16px 16px 16px 8px
  }
}

.patent-slider .pubPatInner:hover {
  cursor: pointer;
  background-color: rgba(230, 230, 230, 0.5)
}

.patent-slider .pubpatInner_item {
  font-family: "Neue Helvetica Roman", Helvetica, sans-serif;
  border: none;
  text-decoration: none;
  color: #000
}

.patent-slider .pubpatInner_item:hover {
  text-decoration: none;
  color: #000
}

.patent-slider .pubpatInner_item:active {
  text-decoration: none;
  color: #000
}

.patent-slider .pubpatInner_item:focus {
  text-decoration: none;
  color: #000
}

.patent-slider .pubpatInner_item_image {
  max-width: 48px;
  max-height: 48px;
  min-width: 48px;
  min-height: 48px;
  width: 48px;
  height: 48px;
  object-fit: contain;
  margin-right: 16px;
  text-align: center
}

.patent-slider .pubpatInner_item_image img {
  min-width: 22px;
  min-height: 28px
}

.patent-slider .tabs-panel {
  padding: 24px 0 0
}

.patent-slider .tabs-content {
  margin-bottom: 8
}

.attendeesModal-wrapper {
  padding: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25)
}

.attendeesModal-wrapper .inner {
  width: 100%;
  height: 100%
}

@media screen and (max-width: 62.4375em) {
  .attendeesModal-wrapper {
    box-shadow: none;
    max-height: 100%;
    max-width: 100%
  }

  .attendeesModal-wrapper .inner {
    width: 100%;
    height: 80%
  }
}

.attendees_headerContainer {
  font-size: 14px;
  line-height: 1.43;
  padding: 14px 24px;
  background-color: #f3f3f3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

.close-modalbtn svg {
  width: 18px;
  height: 18px;
  fill: #000
}

.attendees_container {
  padding: 0 24px;
  position: relative;
  height: calc(100% - 50px);
  overflow-y: auto
}

.attendees_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 0
}

.attendees_photo {
  border-radius: 50%;
  background-color: #e6e6e6;
  background-image: url(img/blank_attendee.png);
  background-size: 100%;
  width: 48px;
  height: 48px;
  margin-right: 16px
}

.attendees_photo img {
  width: 100%;
  height: 100%
}

.attendees_desc {
  padding-top: 2px
}

.attendees_desc_title {
  font-size: 16px;
  line-height: 1.25;
  text-align: left
}

.attendees_desc_subTitle {
  font-size: 12px;
  line-height: 1.67;
  text-align: left;
  color: #807f83
}

.attendees_socialMedia {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.attendees_socialMedia .button.button-ghosty.btnFacebook:hover {
  cursor: pointer;
  color: #3b5998;
  background: #fff
}

.attendees_socialMedia .button.button-ghosty.btnTwitter:hover {
  cursor: pointer;
  color: #00aced;
  background: #fff
}

.attendees_socialMedia .button.button-ghosty.btnLinkedIn:hover {
  cursor: pointer;
  color: #0077B5;
  background: #fff
}

.buttonSocialMedia {
  margin: 0;
  padding: 4px 8px
}

#modal-wrapper {
  padding-bottom: 0
}

#modal-wrapper .modal-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto
}

#modal-wrapper .modal-wrapper .close-button svg {
  fill: #000
}

#modal-wrapper .modal-wrapper .close-button svg:hover {
  fill: #646464
}

@media screen and (max-width: 62.4375em) {
  .reveal-overlay {
    background-color: rgba(0, 0, 0, 0.45)
  }

  .reveal > .modal-wrapper {
    background: none;
    overflow: visible
  }

  .reveal > .modal-wrapper .inner, .reveal > .modal-wrapper .newsletter {
    background: #fff;
    max-width: 500px;
    position: relative;
    padding: 0;
    margin: 0 auto
  }

  .reveal > .modal-wrapper .inner .close-button, .reveal > .modal-wrapper .newsletter .close-button {
    right: 10px;
    top: 10px;
    background: none
  }

  .reveal > .modal-wrapper .newsletter {
    padding: 1rem 2rem;
    overflow: auto
  }
}

@media screen and (min-width: 53.125em) {
  .reveal > .modal-wrapper {
    overflow: visible
  }

  .reveal > .modal-wrapper .inner .close-button, .reveal > .modal-wrapper .newsletter .close-button {
    right: -40px;
    top: -40px;
    background: #fff
  }
}

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0)
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0)
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0)
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0)
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%)
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%)
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%)
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%)
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0
}

.slow {
  transition-duration: 750ms !important
}

.fast {
  transition-duration: 250ms !important
}

.linear {
  transition-timing-function: linear !important
}

.ease {
  transition-timing-function: ease !important
}

.ease-in {
  transition-timing-function: ease-in !important
}

.ease-out {
  transition-timing-function: ease-out !important
}

.ease-in-out {
  transition-timing-function: ease-in-out !important
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
  transition-delay: 300ms !important
}

.long-delay {
  transition-delay: 700ms !important
}

.large-3 {
  width: 25%;
}

.column, .columns, .columns {
  position: relative
}

.column, .columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left
}

.close-button {
  position: absolute;
  color: #333;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1
}

.myButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 6px 10px;
  border-radius: 0;
  border: 2px solid white !important;
  color:white !important;
}

.footer2 {
  float: left;
  overflow: hidden;
  width: 100%;
}

/* Dropdown button */
.footer2 .footertxt {
  font-size: 11px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  color: gray;
  padding: 0px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  position: absolute;
  bottom: 0;
}

.dempo_bilgi {
  font-family: Dempo_Bold;
}

.slide-img {
  margin: auto;
  display: block;
}

.space_for_mobile {
  padding-bottom: 40px;
}


.arkaplan {
  padding: 20px 20px;
  background-image: url("sol_bg_image.png");
  background-size: center;
  margin-bottom: 20px;
}

.sol-menu {
  width:100%;
  color: #8e9495;
  padding: 20px 20px;
  text-align:left;
  background: #494644;
  margin: 10px 10px;
}

.sag-menu-baslik {
  color: #58595B;
  padding-left:20px;
  padding-bottom: 25px;
}

.sol-active {
  color: #ffca05 !important;
}

/*=========================================================================
 15. Timeline
========================================================================= */

/* Timeline 1 */

.cbp_tmtimeline { font-family: Dempo; margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; }

.cbp_tmtimeline > li { position: relative; }

/* The line */
.cbp_tmtimeline:before { content: ""; position: absolute; top: -10px; bottom: 0; height: 100%; width: 7px; background: #494644; left: 10%; margin-left: 25px; }

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 25%; padding-right: 100px; position: absolute; }

.cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; }

.cbp_tmtimeline > li .cbp_tmtime span:first-child { color: #494644; font-size: 14px; font-weight: 600; }

.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 32px; font-weight: 600; color: #494644; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
  color: #494644;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 25%; background: #494644; color:#fff; padding: 23px 30px; line-height: 1.4; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
  background: #494644;
  color:#FFFFFF;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 {font-family: Dempo; color: #fff; font-size: 21px; font-weight: 600; margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.9); }

.cbp_tmtimeline > li .cbp_tmlabel p { color: #777777; font-weight: 100; line-height: 26px; }

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after { border-color: rgba(0, 0, 0, 0) #494644 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-image: none; border-style: solid; border-width: 13px; content: " "; height: 0; pointer-events: none; position: absolute; right: 100%; top: 18px; width: 0; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
  border-right-color: #494644;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon { background: none repeat scroll 0 0 #494644; border-radius: 50%; color: #FFFFFF; font-family: fontawesome; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; height: 60px; left: 10%; line-height: 60px; margin: 0 0 0 0px; position: absolute; text-align: center; text-transform: none; top: 0; width: 60px; }

.cbp_tmicon-phone:before { content: "\e000"; }

.cbp_tmicon-screen:before { content: "\e001"; }

.cbp_tmicon-mail:before { content: "\e002"; }

.cbp_tmicon-earth:before { content: "\e003"; }

/* Timeline 2 */

.timeline-content .panel-body h3 { color: #FFFFFF; font-size: 21px; font-weight: 600; margin-bottom: 23px; text-shadow: 0 0; }

.timeline-content .panel-body p { color: #777; }

.timeline-content .panel-body { padding: 20px; }

.timeline { list-style: none; position: relative; margin: 0 auto; }

.timeline:after { content: ""; position: absolute; top: -40px; left: 50%; margin-left: -3px; background-color: #fff; height: 110%; width: 5px; border-radius: 2px; display: block; }

.timeline .timeline-row { padding-left: 50%; position: relative; z-index: 10; }

.timeline .timeline-row .timeline-time { color: #494644; font-size: 32px; position: absolute; right: 50%; top: 31px; text-align: right; margin-right: 40px; line-height: 1.3; font-weight: 600; }

.timeline .timeline-row .timeline-time small { display: block; color: white; text-transform: uppercase; opacity: 0.75; color: #494644; font-size: 14px; font-weight: 600; }

.timeline .timeline-row .timeline-icon { position: absolute; top: 30px; left: 50%; margin-left: -24px; width: 50px; height: 56px; border-radius: 50%; background-color: #fff; text-align: center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); overflow: hidden; padding: 6px; color: white; font-size: 14px; z-index: 100; }

.timeline .timeline-row .timeline-icon > div { background: none repeat scroll 0 0 #FFFFFF; border-radius: 50%; line-height: 44px; font-size: 16px; }

.timeline .timeline-row .timeline-content { margin-left: 40px; position: relative; background-color: white; color: #FFFFFF; }

.timeline .timeline-row .timeline-content:after { background-color: #fff; content: ""; height: 6px; left: -41px; position: absolute; top: 55px; width: 40px; z-index: -1; }
.timeline .timeline-row:nth-child(2n+1) .timeline-content:after {
  left: auto;
  right: -41px;
}

.timeline .timeline-row .timeline-content .panel-body { padding: 25px 25px 12px; position: relative; z-index: 10; }

.timeline .timeline-row .timeline-content h2 {font-family: Dempo !important; font-size: 22px; margin-bottom: 12px; margin-top: 0; line-height: 1.2; }

.timeline .timeline-row .timeline-content p { margin-bottom: 15px; }

.timeline .timeline-row .timeline-content img { margin-bottom: 15px; }

.timeline .timeline-row .timeline-content blockquote { border-color: #eeeeee; }

.timeline .timeline-row .timeline-content blockquote small { color: #999999; }

.timeline .timeline-row .timeline-content .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; margin-bottom: 15px; overflow: hidden; }

.timeline .timeline-row .timeline-content .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.timeline .timeline-row:nth-child(odd) {
  padding-left: 0;
  padding-right: 50%;
}
.timeline .timeline-row:nth-child(odd) .timeline-time {
  right: auto;
  left: 50%;
  text-align: left;
  margin-right: 0;
  margin-left: 40px;
}
.timeline .timeline-row:nth-child(odd) .timeline-content {
  margin-right: 40px;
  margin-left: 0;
}
.timeline .timeline-row:nth-child(odd) .timeline-content:after {
  left: auto;
  right: -41px;
}

.timeline.animated .timeline-row.active .timeline-content { opacity: 1; left: 0; }
.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
  left: 0;
}
@media (max-width: 1200px) {
  .timeline {
    padding: 15px 10px;
  }
  .timeline:after {
    left: 28px;
  }
  .timeline .timeline-row {
    padding-left: 0;
    margin-bottom: 16px;
  }
  .timeline .timeline-row .timeline-time {
    position: relative;
    right: auto;
    top: 0;
    text-align: left;
    margin: 0 0 6px 56px;
  }
  .timeline .timeline-row .timeline-icon {
    top: 52px;
    left: -2px;
    margin-left: 0;
  }
  .timeline .timeline-row .timeline-content {
    margin-left: 56px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
  }
  .timeline .timeline-row .timeline-content:after {
    right: auto !important;
    left: -20px !important;
    top: 32px;
  }
  .timeline .timeline-row:nth-child(odd) {
    padding-right: 0;
  }
  .timeline .timeline-row:nth-child(odd) .timeline-time {
    position: relative;
    right: auto;
    left: auto;
    top: 0;
    text-align: left;
    margin: 0 0 6px 56px;
  }
  .timeline .timeline-row:nth-child(odd) .timeline-content {
    margin-right: 0;
    margin-left: 55px;
  }
  .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
    left: 20px;
  }
  .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
    left: 0;
  }
}

.sol-menu-top {
  padding-top:60px;
  padding-bottom:60px;
}

.sag-yazi:after {
  border-color: rgba(207, 212, 193, 1) rgba(0, 0, 0, 0) #494644 rgba(0, 0, 0, 0);
  border-image: none;
  border-style: solid;
  border-width: 25px;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 0%;
  left: 40px;
  width: 0;
}

.sag-yazi { margin: 0 0 15px 10px; background: #494644; color:#fff; padding: 60px 30px; line-height: 1.4; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:justify}

.sol-menu-color {
  color: #8e9495;
  display: list-item;          /* This has to be "list-item"                                               */
  list-style-type: disc;       /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
  list-style-position: inside;
}

.sol-menu-color:hover {
  color: #ffca05;
}

.sag-ozellik {
  background-color: #353131;
  padding: 8px 8px;
  margin-top:8px;
  margin-bottom: 8px;
}

.alt-ozellik {
  background-color: #353131;
  margin-top:4px;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right:4px;
  height:50px;
  line-height: 50px;
  text-align: center;
}

.sag-ozellik-yazi {
  color: #ffca05;
  border: 1px solid #ffca05;
  text-align: center;
  font-size:12px;
}

.alt-ozellik-yazi {
  color: #ffca05;
  text-align: center;
  font-size:12px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.urun-ozellik-baslik {
  margin: 80px 6px 20px 6px;
  color: #ffca05;
  text-align: left;
  font-size: 1rem;
  border-bottom: 1px solid #ffca05;
}
.urun-ozellik-liste {
  margin: 0px 6px 0px 6px;
  font-size: 0.8rem;
}

.ozellik-img-size {
  width: 50px;
  height: 50px;
}

.top5 {
  margin-top:5px;
}

.ozellik-alt-img-size {
  width:500px;
}

.alt-yazi {
  color: white;
  margin: 30px 6px 30px 6px;
  text-align: justify;
  font-size:1rem;
  line-height: 1.4;
}