.w-embed-youtubevideo {
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url("../images/youtube-placeholder.svg");
  background-size: cover;
  background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url("../images/custom-checkbox-checkmark.svg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

body {
  font-family: Archivo, sans-serif;
  color: #505f79;
  font-size: 16px;
  line-height: 1.65em;
  font-weight: 400;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 46px;
  line-height: 1.2em;
  font-weight: 600;
  letter-spacing: 0.5px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 36px;
  line-height: 1.25em;
  font-weight: 600;
}

h3 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 28px;
  line-height: 1.5em;
  font-weight: 600;
}

h4 {
  margin-top: 10px;
  margin-bottom: 12px;
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 21px;
  line-height: 1.25em;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: none;
}

h5 {
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 17px;
  line-height: 1.5em;
  font-weight: 600;
  letter-spacing: 0px;
}

h6 {
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 600;
  letter-spacing: 0.25px;
}

p {
  margin-bottom: 1em;
  font-family: Archivo, sans-serif;
  color: #505f79;
  font-size: 17px;
  line-height: 1.65em;
  font-weight: 400;
}

a {
  margin-bottom: 0px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #0076ff;
  text-decoration: none;
}

a:hover {
  color: #2692ff;
  text-decoration: none;
}

ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}

ol {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
}

img {
  display: inline-block;
  max-width: 100%;
}

label {
  display: block;
  color: #081937;
  font-size: 16px;
  font-weight: 400;
}

blockquote {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 20px;
  border-left-style: none;
  background-color: #fbfdff;
  box-shadow: inset 3px 0 0 0 #0076ff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Archivo, sans-serif;
  color: #505f79;
  font-size: 20px;
  line-height: 1.25em;
  font-style: italic;
  font-weight: 600;
}

blockquote:hover {
  background-color: #fafbfc;
  box-shadow: inset 3px 0 0 0 #2692ff;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  margin-top: 5px;
  margin-bottom: 80px;
  text-align: center;
}

.custom-css {
  position: relative;
  z-index: 1000001;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33%;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  background-color: transparent;
  opacity: 1;
}

._404-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))), url("../images/landing-bottom-left-bg.svg"), url("../images/landing-top-left-bg.svg");
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url("../images/landing-bottom-left-bg.svg"), url("../images/landing-top-left-bg.svg");
  background-position: 0px 0px, 100% 120%, 0px -20%;
  background-size: auto, auto 340px, auto 440px;
  background-repeat: repeat, no-repeat, no-repeat;
  background-attachment: scroll, fixed, fixed;
}

.utility-page-content {
  display: block;
  width: 100%;
  max-width: 540px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.blue-link {
  color: #0076ff;
}

.blue-link:hover {
  color: #2692ff;
}

._404-img {
  display: block;
  width: 80%;
  max-width: 260px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
}

._404-text {
  width: 90%;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  font-size: 18px;
  line-height: 1.65em;
  font-weight: 400;
}

.hide {
  display: none;
}

.btn-nav {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  cursor: pointer;
}

.tab__menu {
  display: block;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #c5d6eb;
}

.alert {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  margin-top: 15px;
  margin-bottom: 0px;
  padding: 0px 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #e4e9ee;
  border-radius: 3px;
  background-color: #f4f6f7;
  font-size: 16px;
  font-weight: 400;
}

.alert.alert--success {
  border-color: #d9f7be;
  background-color: #f6ffed;
  color: #389e0d;
}

.alert.alert--warning {
  border-color: #ffd666;
  background-color: #fffbe6;
  color: #d48806;
}

.alert.alert--error {
  border-color: #ffccc7;
  background-color: #fff2e8;
  color: #cf1322;
}

.burger__first-line {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 3px;
  background-color: #fff;
}

.main-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 1%;
  padding-left: 1%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  list-style-type: none;
}

.main-menu.project-page {
  width: 100%;
  max-width: 500px;
  padding-right: 0%;
  padding-left: 0%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.cta-buttons {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-left: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cta-buttons.projects {
  margin-left: 0px;
}

.burger__second-line {
  position: absolute;
  left: 0%;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 3px;
  margin-top: 10px;
  background-color: #fff;
}

.burger__third-line {
  position: absolute;
  left: 0%;
  top: 0px;
  right: 0px;
  width: 66%;
  height: 3px;
  margin-top: 20px;
  background-color: #fff;
}

.btn {
  display: inline-block;
  height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px 30px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #ebecf0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Archivo, sans-serif;
  color: #505f79;
  font-size: 16px;
  line-height: 44px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1.25px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.btn.btn--sign-up {
  height: 34px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 7.5px;
  padding-right: 25px;
  padding-left: 25px;
  background-color: rgba(249, 62, 48, 0);
  box-shadow: inset 0 0 0 1px #f93e30;
  font-family: Archivo, sans-serif;
  color: #f93e30;
  font-size: 16px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-transform: capitalize;
}

.btn.btn--sign-up:hover {
  background-color: #f93e30;
  color: #fff;
}

.btn.btn--secondary {
  height: 42px;
  margin-top: 15px;
  margin-right: 25px;
  margin-bottom: 20px;
  padding-right: 35px;
  padding-left: 35px;
  background-color: #f93e30;
  box-shadow: 0 4px 4px -4px rgba(8, 25, 55, 0.15);
  color: #fff;
  line-height: 42px;
}

.btn.btn--secondary:hover {
  background-color: #ff4d4f;
}

.btn.btn--secondary:active {
  background-color: #df1907;
}

.btn.btn--secondary.btn--get-started {
  height: 44px;
  margin-top: 35px;
  margin-right: 0px;
  margin-bottom: 20px;
  padding-right: 50px;
  padding-left: 50px;
  line-height: 44px;
  font-weight: 600;
  letter-spacing: 2px;
}

.btn.btn--secondary.btn--get-started.projects {
  padding-right: 30px;
  padding-left: 30px;
}

.btn.btn--secondary.btn--get-a-price {
  width: 80%;
  margin: 25px auto 40px;
  letter-spacing: 1px;
}

.btn.btn--secondary.btn-get-price {
  margin-top: 30px;
  margin-right: 0px;
  padding-right: 40px;
  padding-left: 40px;
  box-shadow: 0 4px 4px -2px rgba(7, 25, 55, 0.12);
}

.btn.btn--secondary.btn-get-price:hover {
  background-color: #ff4d4f;
}

.btn.btn--secondary.btn--create-a-project {
  display: none;
  height: 44px;
  margin-top: 35px;
  margin-right: 0px;
  margin-bottom: 20px;
  padding-right: 35px;
  padding-left: 35px;
  background-color: #0076ff;
  line-height: 44px;
  font-weight: 600;
  letter-spacing: 2px;
}

.btn.btn--secondary.btn--create-a-project:hover {
  background-color: #1171dd;
}

.btn.btn--secondary.btn--start-for-free {
  width: 80%;
  margin: 25px auto 40px;
  background-color: #0076ff;
  letter-spacing: 1px;
}

.btn.btn--secondary.btn--start-for-free:hover {
  background-color: #1171dd;
}

.btn.btn--secondary.btn--add-project {
  display: none;
  width: 80%;
  margin: 25px auto 40px;
  background-color: #0076ff;
  letter-spacing: 1px;
}

.btn.btn--secondary.btn--add-project:hover {
  background-color: #1171dd;
}

.btn.btn--sign-in {
  height: 34px;
  margin: 0px 7.5px 0px 0px;
  padding-right: 25px;
  padding-left: 25px;
  background-color: rgba(0, 118, 255, 0);
  box-shadow: inset 0 0 0 1px rgba(0, 118, 255, 0);
  font-family: Archivo, sans-serif;
  color: #0076ff;
  font-size: 16px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-transform: capitalize;
}

.btn.btn--sign-in:hover {
  background-color: #0076ff;
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #fff;
}

.btn.btn--primary {
  height: 42px;
  background-color: #0076ff;
  box-shadow: 0 4px 4px -2px rgba(7, 25, 55, 0.07);
  color: #fff;
  line-height: 42px;
}

.btn.btn--primary:hover {
  background-color: #2692ff;
}

.btn.btn--primary:active {
  background-color: #0060cc;
}

.btn.btn--primary.btn--demo {
  position: absolute;
  top: -21px;
  bottom: auto;
  height: 42px;
  margin: 0px auto;
  padding-right: 35px;
  padding-left: 40px;
}

.btn.btn--primary.btn--demo:hover {
  background-color: #2692ff;
}

.btn.btn--primary.btn--play {
  overflow: hidden;
  height: 42px;
  margin-top: 15px;
  padding-right: 25px;
  padding-left: 35px;
  background-color: #fbfdff;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#f7fbff));
  background-image: linear-gradient(90deg, #fff, #f7fbff);
  box-shadow: 0 4px 4px -2px rgba(7, 25, 55, 0.07), inset 0 0 0 2px #0076ff;
  color: #0076ff;
  letter-spacing: 1.5px;
}

.btn.btn--primary.btn--play:hover {
  background-color: #0076ff;
  background-image: none;
  color: #fff;
}

.btn.btn--primary.btn--star {
  height: 42px;
  margin-top: 25px;
  margin-bottom: 0px;
  padding-right: 40px;
  padding-left: 40px;
}

.btn.btn--primary.contact-form {
  width: 100%;
  height: 48px;
  margin-top: 15px;
  margin-bottom: 0px;
  line-height: 48px;
}

.btn.btn--primary.btn--start-for-free {
  height: 42px;
  margin-top: 30px;
  box-shadow: 0 4px 4px -2px rgba(7, 25, 55, 0.12);
}

.btn.btn--primary.btn--start-for-free:hover {
  background-color: #2692ff;
}

.btn.btn--primary.btn--create-project {
  display: none;
  margin-top: 30px;
  background-color: #0076ff;
  box-shadow: 0 4px 4px -2px rgba(7, 25, 55, 0.12);
}

.btn.btn--primary.btn--create-project:hover {
  background-color: #1171dd;
}

.btn.btn--primary.btn--explore {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 42px;
  max-width: 220px;
  margin: 60px auto 0px;
  padding-right: 25px;
  padding-left: 22px;
  box-shadow: inset 0 0 0 2px #0076ff, 0 4px 4px -2px rgba(7, 25, 55, 0.07);
}

.btn.btn--primary.btn--explore:hover {
  background-color: rgba(23, 43, 77, 0.85);
  box-shadow: inset 0 0 0 2px #0076ff, 0 4px 4px -2px rgba(7, 25, 55, 0.07);
  color: #0076ff;
}

.btn.btn--vote {
  height: 44px;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 20px;
  background-color: #fff;
  box-shadow: inset 0 0 0 2px rgba(0, 118, 255, 0.1);
  color: #0076ff;
  font-size: 15px;
  line-height: 44px;
  text-align: left;
  letter-spacing: 0.75px;
}

.btn.btn--vote:hover {
  box-shadow: inset 0 0 0 2px #2692ff;
  color: #2692ff;
}

.btn.btn--vote.btn--platforms-card {
  display: block;
  width: 135px;
  height: 42px;
  margin: 20px auto 0px;
  box-shadow: inset 0 0 0 2px rgba(38, 146, 255, 0.25);
  line-height: 42px;
  text-align: center;
}

.btn.btn--vote.btn--platforms-card:hover {
  background-color: #0076ff;
  color: #fff;
}

.btn.btn--link {
  height: 42px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 30px;
  padding-left: 35px;
  background-color: #f2f9ff;
  box-shadow: inset 0 0 0 2px rgba(0, 118, 255, 0.5), 0 12px 8px -8px rgba(9, 61, 150, 0.15);
  font-family: Archivo, sans-serif;
  color: #0076ff;
  font-size: 16px;
  line-height: 42px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1px;
}

.btn.btn--link:hover {
  background-color: #0076ff;
  box-shadow: 0 4px 4px -2px rgba(7, 25, 55, 0.07), inset 0 0 0 2px #0076ff;
  color: #fff;
}

.btn.btn--more {
  height: auto;
  margin-top: 25px;
  margin-bottom: 5px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: transparent;
  box-shadow: none;
  color: #0076ff;
  font-size: 14px;
  line-height: 100%;
  font-weight: 700;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.btn.btn--more:hover {
  background-color: transparent;
  color: #2692ff;
}

.btn.get-notified {
  height: 44px;
  margin-top: 0px;
  margin-bottom: 15px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: transparent;
  box-shadow: none;
  color: #0076ff;
  font-size: 14px;
  line-height: 44px;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0.75px;
}

.btn.get-notified:hover {
  box-shadow: none;
  color: #2692ff;
}

.btn.hp-view-more-btn {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 25px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #0076ff;
  box-shadow: 0 4px 4px -2px rgba(7, 25, 55, 0.1);
  color: #fff;
}

.btn.hp-view-more-btn:hover {
  background-color: #1171dd;
}

.btn.hp-view-more-btn:active {
  background-color: #0060cc;
}

.btn.social-login-btn {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 25px;
  padding-right: 15px;
  padding-left: 35px;
  background-color: #f93e30;
  box-shadow: 2px 0 4px 0 rgba(112, 135, 173, 0.25);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}

.btn.social-login-btn:hover {
  background-color: #f75d4f;
}

.btn.social-login-btn:active {
  background-color: #df1907;
}

.btn.social-login-btn.login-google {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(112, 135, 173, 0.25);
  color: #505f79;
  letter-spacing: 0.25px;
}

.btn.social-login-btn.login-google:hover {
  background-color: #fafbfc;
}

.btn.social-login-btn.login-github {
  margin-top: 0px;
  background-color: #333;
  letter-spacing: 0.25px;
}

.btn.social-login-btn.login-github:hover {
  background-color: #000;
}

.btn.social-login-btn.login-facebook {
  margin-bottom: 0px;
  background-color: #4267b2;
  letter-spacing: 0.25px;
}

.btn.social-login-btn.login-facebook:hover {
  background-color: #3458a3;
}

.btn.btn--vote {
  min-width: 145px;
  margin-top: 15px;
  margin-right: 0px;
  background-color: transparent;
  color: #0076ff;
  text-align: center;
}

.btn.btn--ok {
  height: 38px;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding-right: 23px;
  padding-left: 23px;
  background-color: #0076ff;
  box-shadow: none;
  color: #fff;
  font-size: 14px;
  line-height: 39px;
  font-weight: 600;
}

.btn.btn--ok:hover {
  background-color: #1171dd;
}

.btn.btn--ok:active {
  background-color: #0060cc;
}

.btn.btn--no {
  height: 38px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: rgba(249, 62, 48, 0);
  box-shadow: inset 0 0 0 2px #f93e30;
  color: #f93e30;
  font-size: 14px;
  line-height: 39px;
  font-weight: 700;
  letter-spacing: 0.25px;
  text-transform: uppercase;
}

.btn.btn--no:hover {
  background-color: #f93e30;
  color: #fff;
}

.btn.btn--pricing {
  width: auto;
  height: 33px;
  margin-top: 15px;
  margin-bottom: 0px;
  padding-right: 17px;
  padding-left: 17px;
  border-radius: 3px;
  background-color: #f93e30;
  box-shadow: none;
  color: #fff;
  font-size: 14px;
  line-height: 33px;
  font-weight: 700;
  letter-spacing: 0.25px;
  text-transform: none;
}

.btn.btn--pricing:hover {
  background-color: #f75d4f;
}

.btn.btn--pricing:active {
  background-color: #df1907;
}

.btn.btn--pricing.current {
  background-color: #0076ff;
}

.btn.btn--pricing-type {
  width: auto;
  height: 31px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 17px;
  padding-left: 17px;
  border-radius: 0px 3px 3px 0px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #0076ff;
  font-size: 14px;
  line-height: 31px;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-transform: none;
}

.btn.btn--pricing-type:hover {
  background-color: #ecf4ff;
}

.btn.btn--pricing-type.active {
  border-radius: 3px 0px 0px 3px;
  background-color: #0076ff;
  color: #fff;
  font-weight: 600;
}

.btn.btn--vote-tool {
  overflow: hidden;
  height: 42px;
  margin-top: 30px;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 25px;
  background-color: #fbfdff;
  box-shadow: inset 0 0 0 2px rgba(0, 118, 255, 0.25), 0 12px 8px -8px rgba(9, 61, 150, 0.1);
  color: #0076ff;
  font-size: 15px;
  line-height: 42px;
  text-align: left;
  letter-spacing: 1px;
}

.btn.btn--vote-tool:hover {
  background-color: #0076ff;
  color: #fff;
}

.btn.btn--vote-tool.vendors {
  height: 40px;
  min-width: 230px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 1px;
  padding-right: 15px;
  padding-left: 20px;
  background-color: hsla(0, 0%, 100%, 0.5);
  background-image: -webkit-gradient(linear, right top, left top, from(#f2f9ff), to(#fff));
  background-image: linear-gradient(270deg, #f2f9ff, #fff);
  box-shadow: inset 0 0 0 2px #0076ff;
  font-size: 14px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.75px;
  white-space: nowrap;
}

.btn.btn--vote-tool.vendors:hover {
  background-color: #0076ff;
  background-image: none;
  color: #fff;
}

.btn.btn--my-account {
  display: none;
  height: 34px;
  margin: 0px 7.5px 0px 0px;
  padding-right: 25px;
  padding-left: 25px;
  background-color: #0076ff;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: 0.25px;
  text-transform: capitalize;
}

.btn.btn--my-account:hover {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #2692ff;
  font-weight: 500;
}

.btn.btn--votes {
  width: 135px;
  height: 42px;
  margin-top: 15px;
  margin-right: 25px;
  margin-bottom: 20px;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #f93e30;
  box-shadow: 0 4px 4px -4px rgba(8, 25, 55, 0.15);
  color: #fff;
  line-height: 42px;
}

.btn.btn--votes:hover {
  background-color: #db362a;
}

.btn.btn--votes:active {
  background-color: #df1907;
}

.btn.btn--go-home-page {
  height: 37px;
  margin: 0px 10px;
  padding-right: 25px;
  padding-left: 25px;
  background-color: rgba(0, 118, 255, 0);
  box-shadow: inset 0 0 0 1px rgba(0, 118, 255, 0.25);
  font-family: Archivo, sans-serif;
  color: #2692ff;
  font-size: 16px;
  line-height: 38px;
  font-weight: 500;
  letter-spacing: 0.25px;
  text-transform: none;
}

.btn.btn--go-home-page:hover {
  background-color: #0076ff;
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #fff;
  font-weight: 500;
}

.btn.btn--go-my-account {
  height: 37px;
  margin: 0px 10px;
  padding-right: 25px;
  padding-left: 25px;
  background-color: rgba(249, 62, 48, 0);
  box-shadow: inset 0 0 0 1px rgba(249, 62, 48, 0.25);
  font-family: Archivo, sans-serif;
  color: #f93e30;
  font-size: 16px;
  line-height: 38px;
  font-weight: 500;
  letter-spacing: 0.25px;
  text-transform: none;
}

.btn.btn--go-my-account:hover {
  background-color: #0076ff;
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #fff;
  font-weight: 500;
}

.btn.btn--create-project {
  display: none;
  height: 42px;
  margin-top: 15px;
  margin-right: 25px;
  margin-bottom: 20px;
  padding-right: 25px;
  padding-left: 25px;
  background-color: #f93e30;
  box-shadow: 0 4px 4px -4px rgba(8, 25, 55, 0.15);
  color: #fff;
  line-height: 42px;
}

.btn.btn--create-project:hover {
  background-color: #db362a;
}

.btn.btn--create-project:active {
  background-color: #df1907;
}

.btn.btn--sort-by {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 32px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #dfe1e5;
  font-size: 13px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 0.15px;
  text-transform: none;
}

.btn.btn--sort-by:hover {
  background-color: #0076ff;
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #fff;
}

.btn.btn--sort-by.btn--sort-by__active {
  background-color: #0076ff;
  box-shadow: inset 0 0 0 1px rgba(223, 225, 229, 0);
  color: #fff;
  font-weight: 500;
  cursor: default;
}

.btn.ais-pagination-item {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin: 0px 5px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #dfe1e5;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0.15px;
  text-transform: none;
}

.btn.ais-pagination-item:hover {
  background-color: #0076ff;
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #fff;
}

.btn.ais-pagination-item.ais-pagination-item--selected {
  background-color: #0076ff;
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #fff;
}

.btn.btn--sign-up-free {
  height: 42px;
  margin-top: 15px;
  margin-right: 20px;
  margin-bottom: 15px;
  padding-right: 22px;
  padding-left: 22px;
  background-color: #f93e30;
  box-shadow: 0 4px 4px -4px rgba(8, 25, 55, 0.15);
  font-family: Archivo, sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  font-weight: 600;
}

.btn.btn--sign-up-free:hover {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #de350b, 0 4px 4px -4px rgba(8, 25, 55, 0.15);
  color: #de350b;
}

.btn.btn--sign-up-free:active {
  background-color: #df1907;
}

.btn.btn--share-project {
  height: 42px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-right: 22px;
  padding-left: 22px;
  background-color: #0076ff;
  box-shadow: 0 4px 4px -2px rgba(7, 25, 55, 0.07);
  font-family: Archivo, sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 42px;
  font-weight: 600;
}

.btn.btn--share-project:hover {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #0076ff, 0 4px 4px -2px rgba(7, 25, 55, 0.07);
  color: #0076ff;
}

.btn.btn--share-project:active {
  background-color: #0060cc;
}

.btn.btn--find-project {
  display: block;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-right: 22px;
  padding-left: 22px;
  background-color: #0076ff;
  box-shadow: inset 0 0 0 2px #0076ff;
  font-family: Archivo, sans-serif;
  color: #fbfdff;
  font-size: 15px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: 1.25px;
}

.btn.btn--find-project:hover {
  background-color: #fff;
  color: #0076ff;
}

.btn.btn--find-project:active {
  background-color: #0060cc;
}

.btn.btn--business {
  height: 38px;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 1px;
  padding-right: 20px;
  padding-left: 25px;
  background-color: #0076ff;
  box-shadow: inset 0 0 0 2px #0076ff;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1.5px;
}

.btn.btn--business:hover {
  background-color: #0f2242;
  color: #0076ff;
}

.container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.container.small {
  max-width: 980px;
}

.container.large {
  max-width: 1220px;
}

.container.z-index-2 {
  z-index: 3;
}

.container.medium {
  max-width: 1000px;
}

.container.basic-pages {
  max-width: 920px;
  font-size: 17px;
}

.burger {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: 36px;
  height: 24px;
  cursor: pointer;
}

.tab-link {
  display: inline-block;
  width: 33.333333333333336%;
  height: 50px;
  padding: 3px 15px 0px;
  float: left;
  background-color: #eaf2fa;
  box-shadow: inset 0 3px 0 0 rgba(38, 146, 255, 0);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  font-family: Archivo, sans-serif;
  color: #172b4d;
  font-size: 16px;
  line-height: 48px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
}

.tab-link:hover {
  background-color: #f2f9ff;
  box-shadow: inset 0 3px 0 0 rgba(0, 118, 255, 0.75);
  color: #172b4d;
}

.tab-link.w--current {
  background-color: #fff;
  box-shadow: inset 0 3px 0 0 #2692ff;
  color: #0076ff;
}

.tabs-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: inset 0 -3px 0 0 rgba(0, 118, 255, 0);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Archivo, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0.25px;
  text-transform: capitalize;
}

.nav-link:hover {
  box-shadow: inset 0 -3px 0 0 #0076ff;
  color: #2692ff;
}

.nav-link.w--current {
  border-style: solid;
  border-width: 3px 0px;
  border-color: #071937 #000 rgba(0, 118, 255, 0.5);
  color: #fff;
}

.nav-link.w--current:hover {
  box-shadow: none;
}

.nav-link.projects {
  margin-right: 10px;
  margin-left: 12px;
  box-shadow: inset 0 3px 0 0 rgba(0, 118, 255, 0);
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.nav-link.projects:hover {
  box-shadow: inset 0 3px 0 0 #0076ff;
}

.nav-link.for-businees {
  margin-right: 0px;
  margin-left: 10px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f7fbff;
  background-image: linear-gradient(149deg, #cce5ff 1%, #fcfeff 75%);
  font-family: Archivo, sans-serif;
  color: #05132c;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.nav-link.for-businees:hover {
  box-shadow: inset 0 -3px 0 0 #0076ff;
  color: #0076ff;
}

.tab__pane {
  overflow: hidden;
  width: 100%;
  padding: 60px 25px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
}

.input {
  width: 100%;
  height: 42px;
  margin-bottom: 20px;
  padding: 0px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #dfe1e5;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #97a0af;
  font-size: 16px;
  line-height: 42px;
  font-weight: 400;
}

.input:hover {
  border-color: #b3bac5;
}

.input:focus {
  border-color: #0094ea;
  background-color: #fcfdfd;
}

.input::-webkit-input-placeholder {
  color: #a2afc0;
}

.input:-ms-input-placeholder {
  color: #a2afc0;
}

.input::-ms-input-placeholder {
  color: #a2afc0;
}

.input::placeholder {
  color: #a2afc0;
}

.input.input--form-calc {
  height: 44px;
  max-width: 200px;
  margin-bottom: 0px;
  padding-right: 15px;
  padding-left: 15px;
  border-color: #dfe1e5;
  background-color: #f6f8fa;
  background-image: url("../images/dollar-icon.svg");
  background-position: 13px 50%;
  background-size: auto 17px;
  background-repeat: no-repeat;
  color: #505f79;
  font-size: 19px;
  line-height: 44px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
}

.input.input--form-calc:hover {
  background-color: #f5f9fd;
}

.input.input--form-calc:focus {
  border-color: #2692ff;
  background-color: #fbfdff;
}

.input.input--form-calc::-webkit-input-placeholder {
  color: #8993a4;
}

.input.input--form-calc:-ms-input-placeholder {
  color: #8993a4;
}

.input.input--form-calc::-ms-input-placeholder {
  color: #8993a4;
}

.input.input--form-calc::placeholder {
  color: #8993a4;
}

.input.input--form-calc.transparent-field {
  position: relative;
  top: 1px;
  right: 2px;
  height: 44px;
  max-width: 44px;
  padding-right: 0px;
  padding-left: 0px;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  font-size: 21px;
  line-height: 44px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.5px;
}

.input.input--form-calc.result-field {
  position: relative;
  left: 7px;
  display: inline-block;
  width: auto;
  height: 40px;
  max-width: 135px;
  padding-right: 0px;
  padding-left: 35px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border: 0px none transparent;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0.7)), color-stop(15%, hsla(0, 0%, 100%, 0.7)), color-stop(20%, hsla(0, 0%, 100%, 0))), url("../images/dollar-blue-icon.svg");
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0.7), hsla(0, 0%, 100%, 0.7) 15%, hsla(0, 0%, 100%, 0) 20%), url("../images/dollar-blue-icon.svg");
  background-position: 0px 0px, 7px 48%;
  background-size: auto, auto 20px;
  background-repeat: repeat, no-repeat;
  color: #0076ff;
  font-size: 24px;
  line-height: 40px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1px;
}

.input.input--form-calc.result-field::-webkit-input-placeholder {
  color: #0076ff;
}

.input.input--form-calc.result-field:-ms-input-placeholder {
  color: #0076ff;
}

.input.input--form-calc.result-field::-ms-input-placeholder {
  color: #0076ff;
}

.input.input--form-calc.result-field::placeholder {
  color: #0076ff;
}

.input.input--form-calc.calendar-icon {
  background-image: url("../images/days-icon.svg");
  background-position: 12px 48%;
  background-size: auto 16px;
}

.input.input--form-calc.person-icon {
  background-image: url("../images/person-icon.svg");
  background-position: 12px 50%;
  background-size: auto 15px;
}

.input.text-area {
  height: auto;
  min-height: 135px;
  padding: 15px 17px;
  border-radius: 4px;
  font-size: 17px;
  line-height: 1.6em;
}

.input.contact-form {
  height: 48px;
  margin-top: 10px;
  margin-bottom: 25px;
  padding-right: 17px;
  padding-left: 17px;
  border-color: #dfe1e5;
  border-radius: 4px;
  font-size: 17px;
  line-height: 48px;
}

.input.contact-form:hover {
  border-color: #f6f8fa;
}

.input.contact-form:focus {
  border-color: rgba(38, 146, 255, 0.5);
  background-color: #fff;
}

.tabs {
  position: relative;
  bottom: 20px;
  overflow: hidden;
  width: 100%;
  max-width: 1080px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
  box-shadow: 0 40px 60px -20px rgba(9, 61, 150, 0.2);
}

.col {
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 18px;
}

.col.lg-8 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 66.66%;
  -ms-flex-preferred-size: 66.66%;
  flex-basis: 66.66%;
}

.col.lg-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 50%;
  -ms-flex: 0 50%;
  flex: 0 50%;
}

.col.xs-12.vertical-alight--center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.col.lg-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 58.33%;
  -ms-flex: 0 58.33%;
  flex: 0 58.33%;
}

.col.lg-4 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
}

.col.flex-align-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.col.flex-align-center.testimonials {
  padding-right: 0px;
  padding-left: 0px;
}

.col.lg-3.md-6.sm-12.p-l-r-0 {
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}

.col.left-side {
  overflow: hidden;
  width: 23%;
  max-width: 320px;
  min-width: 240px;
  padding-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.col.right-side {
  overflow: hidden;
  width: 77%;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.col.p-l-r-0 {
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}

.logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 190px;
  min-width: 135px;
  margin-right: 4%;
  padding-bottom: 2px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.row.four-plans {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.row.three-plans {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.modal-header {
  position: fixed;
  top: 35px;
  right: 40px;
  z-index: 3;
}

.diff-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 870px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 28px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #fafbfc;
  box-shadow: 0 50px 50px -16px rgba(23, 43, 77, 0.65);
}

.btn--icon-vote {
  position: relative;
  left: 0px;
  top: 2px;
  display: inline;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 17px;
  line-height: 100%;
  font-weight: 400;
}

.submenu {
  position: absolute;
  left: 22%;
  top: 46px;
  display: none;
  overflow: hidden;
  width: 380px;
  padding-top: 10px;
  background-image: url("../images/menu-pointer.svg");
  background-position: 20% 0%;
  background-repeat: no-repeat;
  box-shadow: 0 6px 12px -4px rgba(9, 30, 66, 0.15);
}

.submenu.sticky {
  background-image: url("../images/menu-pointer.svg");
  background-repeat: no-repeat;
}

.flow-points-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: block;
  width: 40%;
  max-width: 420px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.content-wrap {
  position: relative;
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

.btn--icon-play {
  position: relative;
  left: 0px;
  top: 3px;
  display: inline;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
}

.btn-nav__bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.subsection-revision {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
}

.sticky-header {
  position: fixed;
  top: 0px;
  z-index: 10003;
  display: none;
  width: 100%;
  height: 60px;
  background-color: rgba(8, 25, 55, 1);
  box-shadow: 0 0 5px 0 rgba(8, 25, 55, 0.25);
  -webkit-transform: translate(0px, -100%);
  -ms-transform: translate(0px, -100%);
  transform: translate(0px, -100%);
}

.subsection-version-control {
  position: relative;
  display: block;
  overflow: visible;
  width: 100%;
  max-width: 1320px;
  min-height: 360px;
  margin-top: 135px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 3%;
  padding-left: 3%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  text-align: center;
}

.h2--after {
  width: 80px;
  height: 3px;
  margin: 20px auto 30px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(38, 146, 255, 0)), to(#2692ff));
  background-image: linear-gradient(90deg, rgba(38, 146, 255, 0), #2692ff);
}

.gitlab-logo {
  width: 100%;
  max-width: 190px;
}

.header-menu--pcb-vendors {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.tool-logos-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1160px;
  margin: -15px auto 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.footer-link {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(80, 95, 121, 0.85);
  font-size: 15.5px;
  font-weight: 500;
  letter-spacing: 0px;
}

.footer-link:hover {
  box-shadow: none;
  color: #0076ff;
  text-decoration: underline;
}

.submenu__nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 23px 23px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  box-shadow: inset 0 1px 0 0 #f4f5f7;
  color: #505f79;
}

.submenu__nav-link:hover {
  background-color: #fcfeff;
  opacity: 1;
  color: #505f79;
}

.h3--after {
  width: 75px;
  height: 3px;
  margin: 20px auto 30px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(38, 146, 255, 0)), to(#2692ff));
  background-image: linear-gradient(90deg, rgba(38, 146, 255, 0), #2692ff);
}

.header {
  position: relative;
  z-index: 10001;
  width: 100%;
  height: 60px;
  max-height: 60px;
  background-color: #071937;
}

.header.navbar {
  height: 60px;
  background-color: #fff;
}

.github-logo {
  width: 100%;
  max-width: 125px;
}

.col-img--right {
  height: auto;
  max-width: 458px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section-intro {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1025px;
  margin-right: auto;
  margin-bottom: 45px;
  margin-left: auto;
  text-align: center;
}

.section-intro.check-out-how-to {
  margin-bottom: 35px;
}

.section-intro.basic-pages {
  margin-bottom: 10px;
}

.section-intro.contact-page {
  max-width: 620px;
  margin-bottom: 10px;
}

.header-menu__overlay-gradient {
  display: none;
}

.col-text {
  width: 100%;
  height: 100%;
  max-width: 350px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hero-intro-text {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #505f79;
  font-size: 19px;
  line-height: 1.65em;
  font-weight: 400;
}
.hero-intro-text.project-page {
  margin-top: 0px;
  color: #f5f9fd;
  letter-spacing: 0.25px;
}

.kicad-logo {
  width: 90%;
  max-width: 120px;
}

.kicad-logo.projects {
  max-width: 86px;
}

.get-started-box {
  position: relative;
  bottom: 155px;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 1320px;
  margin: 0px auto -95px;
  padding: 75px 4% 65px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
  background-image: url("../images/getstarted-bg--img.svg");
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
  box-shadow: 0 20px 50px -20px rgba(9, 30, 66, 0.25);
  text-align: center;
}

.get-started-box.get-started-block {
  bottom: 145px;
  max-width: 1200px;
  padding-top: 65px;
  padding-bottom: 60px;
}

.section-title {
  display: block;
  width: 100%;
  margin: 0px auto;
  font-size: 29px;
  letter-spacing: 0px;
}

.section-title.box-title {
  font-size: 33px;
  letter-spacing: 0.25px;
}

.section-title.large-title {
  font-size: 33px;
}

.section-title.section-large-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 37px;
  letter-spacing: 0.5px;
}

.section-title.section-large-title.section-top-title {
  margin-bottom: 30px;
  font-size: 37px;
}

.section-title.section-large-title.project-page {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.75px;
}

.section-title.dark-wave {
  color: #fff;
  font-size: 34px;
  line-height: 1.45em;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.btn--arrow-right {
  position: relative;
  left: 3px;
  top: 1px;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: none;
}

.intro-text {
  width: 100%;
  max-width: 1000px;
  margin: 20px auto 15px;
  font-size: 18px;
  line-height: 1.65em;
  font-weight: 400;
}

.intro-text.width-90 {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.intro-text.width-70 {
  width: 70%;
  max-width: 620px;
}

.intro-text.width-80 {
  width: 80%;
}

.intro-text.width-75 {
  width: 75%;
}

.intro-text.section-subtext {
  width: 75%;
  opacity: 0.8;
  color: #fff;
}

.intro-text.width-90 {
  width: 90%;
  max-width: 100%;
}

.intro-text.width-90--single {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.coming-soon-ribbon {
  position: absolute;
  left: -3px;
  top: -3px;
  right: auto;
  bottom: auto;
}

.header-container {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.eagle-logo {
  width: 90%;
  max-width: 180px;
}

.eagle-logo.projects {
  max-width: 130px;
}

.footer-margin {
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.leaf {
  position: relative;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.leaf.hide-on-desctop {
  display: none;
}

.leaf.visible-on-mobile {
  display: none;
}

.leaf.link-visible--on-mobile {
  display: none;
}

.leaf.link-my-account--on-mobile {
  display: none;
}

.hero-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 25px 35px 30px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  color: #505f79;
}

.hero-card:hover {
  color: #505f79;
  text-decoration: none;
}

.footer-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 900px;
  margin: 0px auto 25px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none;
}

.btn--icon-demo {
  position: relative;
  left: 8px;
  top: 1px;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
}

.hero--card-wrap {
  position: relative;
  overflow: hidden;
  width: 31%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 20px 40px -10px rgba(9, 61, 150, 0.2);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.hero--card-wrap:hover {
  background-image: linear-gradient(125deg, rgba(178, 217, 255, 0.15), #fff 75%), linear-gradient(180deg, #fff, #fff);
  box-shadow: 0 24px 36px -8px rgba(9, 30, 66, 0.17);
  -webkit-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
}

.footer {
  position: fixed;
  left: 0px;
  top: auto;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 160px;
  padding-bottom: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #fff;
  background-image: url("../images/footer-left-bg--img.png");
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.footer.landing-page {
  height: 135px;
  padding-bottom: 45px;
}

.list {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}

.schematic-img {
  position: relative;
}

.col-img--left {
  height: auto;
  max-width: 458px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.submenu__nav-link--title {
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 16px;
  line-height: 2em;
  font-weight: 600;
  letter-spacing: 0.25px;
}

.hero-intro-wrap {
  position: relative;
}

.menu--pcb-vendors--desktop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  list-style-type: none;
}

.header-full-bottom {
  position: relative;
  z-index: 1000;
  overflow: hidden;
  width: 100%;
  height: 54px;
  background-color: #172b4d;
}

.pcb-menu__nav-link {
  position: relative;
  display: inline-block;
  height: 29px;
  padding-right: 12px;
  padding-left: 8px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(38, 146, 255, 0);
  font-family: Archivo, sans-serif;
  color: #c1c7d0;
  font-size: 15px;
  line-height: 29px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.25px;
}

.pcb-menu__nav-link:hover {
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #0076ff;
}

.pcb-menu__nav-link.w--current {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #0076ff;
  color: #0076ff;
}

.pcb-menu__nav-link.vote-link {
  padding-left: 12px;
  background-color: #0076ff;
  color: #fff;
  font-weight: 400;
}

.pcb-menu__nav-link.other {
  padding-right: 40px;
}

.pcb-menu__nav-link--icon {
  position: relative;
  top: 4px;
  display: inline;
  height: 29px;
  margin-right: 3px;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 20px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
}

.subsection-revision__title {
  width: 100%;
  max-width: 320px;
  margin: 0px auto;
  padding-top: 15%;
  color: #081937;
  font-size: 18px;
  line-height: 1.45em;
  font-weight: 600;
  letter-spacing: 0px;
}

.top-brower-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  overflow: hidden;
}

.top-brower-img.dark {
  max-width: 840px;
  -webkit-filter: brightness(98%);
  filter: brightness(98%);
}

.top-brower-img.projects {
  height: 28px;
}

.altium-logo {
  position: relative;
  left: 0px;
  width: 90%;
  max-width: 150px;
}

.altium-logo.projects {
  left: 0px;
  max-width: 108px;
}

.block-title {
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-family: Archivo, sans-serif;
  color: #8993a4;
  font-size: 16px;
  line-height: 33px;
  font-weight: 500;
}

.submenu__nav-link--desc {
  font-size: 15px;
}

.section {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 110px 45px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.section.section--version-control {
  z-index: 2;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f2f9ff;
  background-image: url("../images/circuit-bg--dark-1.svg");
  background-position: 0% 50%;
  background-size: 65%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section.section--benefits {
  z-index: 2;
  overflow: hidden;
  padding-top: 330px;
  padding-bottom: 180px;
  background-color: transparent;
  opacity: 1;
}

.section.section--hero {
  position: relative;
  z-index: 3;
  padding-top: 0px;
  padding-bottom: 180px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section.section--get-srarted {
  position: relative;
  top: 1px;
  z-index: 5;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, #fff), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, #fff 65%, hsla(0, 0%, 100%, 0));
}

.section.section--design-interations {
  z-index: 2;
  overflow: hidden;
  padding-top: 110px;
  background-color: #f6f8fa;
}

.section.section--inner-hero {
  z-index: 3;
  overflow: hidden;
  max-height: none;
  padding-top: 55px;
  padding-bottom: 60px;
  background-color: #fff;
  background-image: url("../images/hero-top-left-bg.svg"), url("../images/hero-bottom-right-bg.svg");
  background-position: 0% 0%, 100% 120%;
  background-size: auto 440px, auto 240px;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, scroll;
}

.section.section--inner-hero.small {
  width: 100vw;
  padding-top: 25px;
  padding-bottom: 25px;
  background-position: 0% 5%, 100% 150%;
  background-size: auto 320px, auto 145px;
}

.section.section--inner-hero.half-screen {
  height: auto;
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: transparent;
  background-image: none;
}

.section.section--inner-hero.projects-hero {
  width: 100vw;
  padding-top: 30px;
  padding-bottom: 35px;
  background-image: url("../images/hero-top-left-bg.svg"), url("../images/hero-bottom-right-bg.svg"), url("../images/projects-cover-bg.svg");
  background-position: 0% 5%, 100% 160%, 50% 8%;
  background-size: auto 250px, auto 145px, 1920px;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-attachment: fixed, scroll, fixed;
}

.section.section--it-helps-you {
  z-index: 2;
  padding-top: 170px;
}

.section.section--revision {
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 110px;
  background-color: #fff;
}

.section.section--documentation {
  overflow: hidden;
  padding-bottom: 350px;
  background-color: #f5f9fd;
}

.section.section--table-bom {
  overflow: hidden;
  background-color: #fff;
}

.section.section--team-communication {
  overflow: hidden;
  padding-bottom: 0px;
  background-color: #f6f8fa;
}

.section.sectiom--teamwork {
  overflow: hidden;
  background-color: #f5f9fd;
}

.section.section--branches {
  overflow: hidden;
  background-color: #fff;
}

.section.section--better-faster-lower {
  z-index: 0;
  overflow: hidden;
  background-color: #f5f9fd;
}

.section.section--review-pcb {
  z-index: 2;
  overflow: hidden;
  padding-bottom: 0px;
  background-color: #fbfdff;
  background-image: url("../images/circuit-bg--dark-2.svg");
  background-position: 100% 100%;
  background-size: 1080px;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section.section--find-changes {
  z-index: 2;
  overflow: hidden;
  background-color: #f2f9ff;
}

.section.section--feedback {
  overflow: hidden;
  background-color: #fff;
}

.section.section--take-control {
  overflow: hidden;
  padding-bottom: 90px;
  background-color: #f2f9ff;
}

.section.section--prototype-cost {
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 270px;
  background-color: #fbfdff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #fff), color-stop(65%, #f5f9fd));
  background-image: linear-gradient(180deg, #fff 25%, #f5f9fd 65%);
}

.section.section--eda-support {
  z-index: 0;
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 80px;
  background-color: #f5f9fd;
}

.section.section--integration {
  z-index: 2;
  overflow: hidden;
  background-color: #fff;
}

.section.section--features {
  position: relative;
  z-index: 2;
  padding: 0px 0px 200px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  background-color: #f5f9fd;
}

.section.section--chrome-extention {
  overflow: hidden;
  padding-bottom: 320px;
  background-color: #f2f9ff;
}

.section.section--slideshow {
  z-index: 3;
  padding-top: 90px;
  padding-bottom: 100px;
  background-color: #f2f9ff;
}

.section.section--whycadlab {
  z-index: 0;
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 80px;
  background-color: #f5f9fd;
}

.section.section--check-out-how-to {
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 290px;
  background-color: #f2f9ff;
}

.section.section--basic-pages {
  z-index: 4;
  overflow: visible;
  min-height: 600px;
  padding-top: 80px;
  padding-bottom: 280px;
  background-color: #f5f9fd;
}

.section.section--why-cadlab {
  z-index: 2;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 80px;
  background-color: #fcfeff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 254, 255, 0.5)), to(rgba(252, 254, 255, 0.5))), url("../images/circuit-bg--dark-2.svg");
  background-image: linear-gradient(180deg, rgba(252, 254, 255, 0.5), rgba(252, 254, 255, 0.5)), url("../images/circuit-bg--dark-2.svg");
  background-position: 0px 0px, 100% 0%;
  background-size: auto, 70%;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.section.section--landing-hero {
  z-index: 3;
  overflow: hidden;
  height: auto;
  min-height: 680px;
  padding-top: 80px;
  padding-bottom: 45px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.section.section--landing-spotlights {
  z-index: 4;
  overflow: visible;
  padding-top: 120px;
  padding-bottom: 135px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 251, 255, 0.5)), to(rgba(244, 251, 255, 0.5))), url("../images/circuit-bg--dark-1.svg");
  background-image: linear-gradient(180deg, rgba(244, 251, 255, 0.5), rgba(244, 251, 255, 0.5)), url("../images/circuit-bg--dark-1.svg");
  background-position: 0px 0px, 0% 50%;
  background-size: auto, 65%;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.section.section--why-cadlab-landing {
  z-index: 0;
  overflow: hidden;
  padding-bottom: 60px;
  background-color: transparent;
  background-image: url("../images/circuit-bg--dark-2.svg"), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f2f9ff), color-stop(80%, #f2f9ff), to(hsla(0, 0%, 100%, 0)));
  background-image: url("../images/circuit-bg--dark-2.svg"), linear-gradient(180deg, #f2f9ff 50%, #f2f9ff 80%, hsla(0, 0%, 100%, 0));
  background-position: 100% 0%, 0px 0px;
  background-size: 70%, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: fixed, scroll;
}

.section.section--quiz-hero {
  z-index: 3;
  overflow: hidden;
  height: auto;
  padding-top: 75px;
  padding-bottom: 60px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.section.section--brands {
  padding-top: 110px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, #fff 80%, hsla(0, 0%, 100%, 0));
}

.section.section--diff {
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 270px;
  background-color: #f2f9ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 249, 255, 0.25)), to(rgba(242, 249, 255, 0.25))), url("../images/circuit-bg--dark-2.svg");
  background-image: linear-gradient(180deg, rgba(242, 249, 255, 0.25), rgba(242, 249, 255, 0.25)), url("../images/circuit-bg--dark-2.svg");
  background-position: 0px 0px, 100% 50%;
  background-size: auto, 65%;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.section.section--supported-formats {
  padding-top: 110px;
  padding-bottom: 110px;
  background-color: #fbfdff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(49%, #fbfdff));
  background-image: linear-gradient(180deg, #fff, #fbfdff 49%);
  text-align: center;
}

.section.section--pcd-design-process {
  z-index: 2;
  padding-top: 300px;
  padding-bottom: 0px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))), url("../images/schematic-element-bg--img--2.svg");
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url("../images/schematic-element-bg--img--2.svg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 80%;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.section.section--waves {
  min-height: 540px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#172b4d), to(#041e50));
  background-image: linear-gradient(180deg, #172b4d, #041e50);
}

.section.section--testimonials {
  padding-bottom: 180px;
}

.section.section--spotlights {
  z-index: 4;
  overflow: visible;
  min-height: 600px;
  background-color: #fafbfc;
}

.section.section--dark {
  background-color: #172b4d;
}

.section.section--projects-page {
  z-index: 4;
  overflow: visible;
  min-height: 600px;
  padding-top: 60px;
  padding-bottom: 240px;
  background-color: #f5f9fd;
}

.section.section--slideshow-features {
  z-index: 3;
  padding-top: 110px;
  padding-bottom: 320px;
  background-color: #fafbfc;
}

.section.sectiom--feature-projects {
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 260px;
  background-color: #0f2242;
  background-image: url("../images/circuit-bg--opacity-10.svg");
  background-position: 100% 50%;
  background-size: 70%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section.section--project-hero {
  position: relative;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section.section--features-projects {
  z-index: 4;
  overflow: visible;
  padding-top: 145px;
  padding-bottom: 120px;
  border: 0px none transparent;
  background-color: #f2f9ff;
}

.section.section--dark-wave {
  overflow: hidden;
  padding-top: 125px;
  padding-bottom: 270px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #041e50;
}

.subsection--hero-cards {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1240px;
  margin: 30px auto -340px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.copyrights {
  width: 100%;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  color: #b3bac5;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.25px;
}

.copyrights.landing-page {
  max-width: 680px;
  color: #8691a3;
  text-align: center;
}

.card-icon {
  position: absolute;
  left: auto;
  top: auto;
  right: -1%;
  bottom: -1%;
  width: 110px;
  height: 110px;
}

.tool-logo-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 340px;
  min-height: 100px;
  margin-right: 1.5%;
  margin-left: 1.5%;
  padding: 30px 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 20px 40px -15px rgba(9, 61, 150, 0.2);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.tool-logo-box:hover {
  background-color: #fff;
  -webkit-transform: scale(1.035);
  -ms-transform: scale(1.035);
  transform: scale(1.035);
}

.subtitle {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 36px;
  line-height: 1.2em;
  letter-spacing: 0.5px;
}

.subtitle.projects {
  display: block;
  margin-top: 5px;
  font-size: 36px;
  line-height: 1.25em;
}

.subtitle.hero-home {
  display: block;
  margin-top: 10px;
  font-size: 36px;
  line-height: 1.25em;
}

.pcb-img {
  position: relative;
}

.version-logos-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1160px;
  margin: 60px auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 160px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
}

.content.m-b-0 {
  margin-bottom: 0px;
}

.bitbucket-logo {
  position: relative;
  left: 15px;
  width: 100%;
  max-width: 200px;
}

.card-title {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 23px;
}

.team-communication-img {
  position: relative;
  top: 0px;
  width: 100%;
  height: auto;
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 16px 32px -4px rgba(7, 25, 55, 0.15);
  text-align: center;
}

.teamwork-img {
  position: relative;
  left: 10%;
  max-width: 280px;
}

.hero-title {
  margin-bottom: 0px;
  font-size: 36px;
  line-height: 1.35em;
  letter-spacing: 0.5px;
}

.hero-title.color-white {
  color: #fff;
}

.history-img {
  width: 100%;
  height: auto;
  max-height: 694px;
  max-width: 1068px;
  margin-right: auto;
  margin-left: auto;
}

.section-img-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.isometric-brower-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.subsection-two-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1220px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-perspective-origin: 50% 75%;
  perspective-origin: 50% 75%;
}

.hero-intro__inner-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-width: 690px;
  margin-right: 5%;
  margin-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.hero-intro__inner-page.software {
  max-width: 740px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hero-intro__inner-page.software.large {
  margin-right: 0%;
}

.hero-intro__inner-page.software-video {
  max-width: none;
}

.branches-img {
  position: relative;
  left: 3%;
  overflow: hidden;
  width: 200%;
  height: auto;
  max-width: 932px;
  border-radius: 7px;
}

.integrations-img {
  width: 100%;
  height: auto;
  max-width: 1145px;
}

.card-wrap {
  position: relative;
  overflow: hidden;
  width: 46%;
  margin-right: 2%;
  margin-bottom: 50px;
  margin-left: 2%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 20px 40px -10px rgba(9, 61, 150, 0.2);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.card {
  width: 100%;
  height: 100%;
  padding: 30px 34px 55px 35px;
  color: #505f79;
  font-size: 17px;
  line-height: 1.6em;
  letter-spacing: 0px;
}

.brower-logos-img {
  position: absolute;
  left: 24%;
  top: 34%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: block;
  width: 100%;
  height: auto;
  max-width: 351px;
}

.markup-img {
  position: relative;
  top: 20px;
  width: 200%;
  height: auto;
  max-width: 818px;
}

.hero-img-wrap--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-img-wrap--inner.large {
  position: relative;
  left: 5%;
  width: 90%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hero-inner-img {
  width: 100%;
  max-width: 260px;
}

.two-flow-points {
  position: absolute;
  left: 0%;
  top: -145px;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: block;
  width: 715px;
  height: 272px;
  margin-right: auto;
  margin-left: auto;
  background-image: url("../images/flow-two-point--img.svg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.table-bom-img {
  position: relative;
  top: 30px;
  right: 5%;
  width: 105%;
  height: auto;
  max-width: 825px;
}

.isometric-brower-img {
  position: relative;
  top: 30px;
  width: 200%;
  max-width: 1017px;
}

.section-text-wrap {
  position: relative;
  left: 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 18px;
  line-height: 1.65em;
  font-weight: 400;
}

.section-text-wrap.testimonials {
  left: 3%;
  width: 95%;
}

.section-text-wrap.extention {
  width: 90%;
}

.subsection--tree-icon-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1080px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: url("../images/icon-box-line.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.icon-box-wrap {
  position: relative;
  overflow: visible;
  width: 29.333%;
  max-width: 200px;
  margin-right: 2%;
  margin-left: 2%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.icon-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 200px;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 20px 40px -10px rgba(9, 61, 150, 0.2);
  color: #505f79;
  font-size: 18px;
  line-height: 1.65em;
  letter-spacing: 0.25px;
}

.icon-box:hover {
  color: #505f79;
}

.manual-comparison--img {
  display: block;
  width: 100%;
  max-width: 828px;
  margin-right: auto;
  margin-left: auto;
}

.feedback--img {
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.subsection-four-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin-top: -20px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-perspective-origin: 50% 75%;
  perspective-origin: 50% 75%;
}

.card-text {
  width: 88%;
}

.calc-form__container {
  position: relative;
  top: -30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1140px;
  min-height: 630px;
  margin-top: -30px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.calc-form__block {
  position: relative;
  left: 65px;
  bottom: 10px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  margin-bottom: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-radius: 5px;
  background-color: #fff;
  background-image: url("../images/calc-lines-bg.svg");
  background-position: 93% 60%;
  background-repeat: no-repeat;
  box-shadow: 0 20px 40px -10px rgba(9, 61, 150, 0.35), 32px 32px 2px 0 rgba(0, 118, 255, 0.05);
}

.calc-form__circle {
  position: absolute;
  left: -10px;
  top: 15px;
  right: auto;
  bottom: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 600px;
  height: 600px;
  padding-left: 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-image: linear-gradient(60deg, rgba(38, 146, 255, 0.15), #fff);
}

.research-icon {
  position: relative;
  bottom: 15px;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.calc-form {
  height: 100%;
  padding: 35px 115px 40px 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.field-label {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Archivo, sans-serif;
  color: #8993a4;
  font-size: 10px;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}

.input-field {
  display: inline-block;
  height: auto;
  text-align: left;
}

.input-field.input-field--small {
  max-width: 140px;
}

.form-section-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 80px;
  margin-right: 30px;
  padding-top: 25px;
  float: left;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 17px;
  line-height: 1.35em;
  font-weight: 600;
  text-align: right;
}

.input--form-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-left: 10px;
}

.input--form-icon.divide-icon {
  position: relative;
  margin-right: 0px;
  margin-left: 10px;
}

.input--form-icon.equally-icon {
  position: relative;
  bottom: 1px;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  margin-left: 12px;
  float: left;
}

.input--form-icon.cost-of-delay {
  position: relative;
  left: -8px;
  margin-right: 7px;
  margin-left: 5px;
}

.calc-form-row {
  width: 100%;
  max-height: 90px;
  margin-bottom: 28px;
}

.calc-form-row.calc-form-row--last-child {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: none;
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-section-title--result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-right: 8px;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 22px;
  line-height: 1.25em;
  font-weight: 600;
}

.eda-support--img {
  display: block;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.btn--icon-star {
  position: relative;
  left: 7px;
  top: 2px;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
}

.platforms-cards {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  max-width: 1280px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-perspective-origin: 50% 75%;
  perspective-origin: 50% 75%;
}

.platforms-cards-col {
  position: relative;
  overflow: hidden;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 20px 40px -10px rgba(9, 61, 150, 0.2);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.platforms-card {
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 40px 30px;
  color: #505f79;
  line-height: 1.75em;
}

.platform-card__logo-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 110px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 249, 255, 0.65)), to(#fff));
  background-image: linear-gradient(180deg, rgba(242, 249, 255, 0.65), #fff);
  box-shadow: 0 10px 20px -15px rgba(9, 61, 150, 0.15);
}

.pcb-software__tabs {
  display: block;
  width: 100%;
  max-width: 1180px;
  margin: 125px auto;
}

.psb-software__list {
  margin-bottom: 15px;
  list-style-type: none;
}

.psb-software__list-item {
  margin-top: 10px;
  padding-left: 34px;
  background-image: url("../images/point-icon.svg");
  background-position: 0% 35%;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  font-size: 17px;
}

.coming-soon-label {
  position: relative;
  left: 3px;
  top: -2px;
  display: inline-block;
  margin-right: 3px;
  padding: 4px 6px;
  border-radius: 4px;
  background-color: rgba(225, 236, 253, 0.75);
  font-family: 'Archivo Narrow', sans-serif;
  color: #2692ff;
  font-size: 11px;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.pcb-software__tabs-menu {
  top: 1px;
  z-index: 2;
  border-left: 1px solid #eff2f7;
  background-color: transparent;
}

.pcb-software__tabs-menu.tabs-menu--vertical {
  top: 0px;
  margin-right: 10px;
  padding-left: 25px;
  float: left;
  border-left-style: none;
  border-left-width: 0px;
  background-image: url("../images/line-tabs.svg");
  background-position: 96% 40%;
  background-size: auto 250px;
  background-repeat: no-repeat;
}

.tab__link {
  display: inline-block;
  height: 44px;
  padding: 0px 2em;
  border-top: 1px solid #eff2f7;
  border-right: 1px solid #eff2f7;
  border-bottom: 1px solid #eff2f7;
  background-color: #fbfcfd;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  color: #3c4858;
  font-size: 16px;
  line-height: 44px;
  font-weight: 600;
}

.tab__link:hover {
  background-color: #fff;
  box-shadow: inset 0 3px 0 0 #0094ea;
  color: #3c4858;
}

.tab__link.w--current {
  border-bottom-width: 0px;
  background-color: #fff;
  box-shadow: inset 0 3px 0 0 #0080d6;
  color: #0080d6;
}

.tab__link.tab__link--vertical {
  display: block;
  width: 100%;
  height: 75px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-right: 35px;
  padding-left: 0px;
  border-top: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 0px none transparent;
  background-color: transparent;
  background-image: url("../images/tabs-point.svg");
  background-position: 100% 50%;
  background-size: 45px 30px;
  background-repeat: no-repeat;
  box-shadow: none;
  opacity: 0.65;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  line-height: 44px;
  text-align: center;
}

.tab__link.tab__link--vertical:hover {
  background-color: hsla(0, 0%, 100%, 0.5);
  box-shadow: inset 3px 0 0 0 #0094ea;
  color: #273444;
}

.tab__link.tab__link--vertical.w--current {
  z-index: 2;
  overflow: visible;
  padding-left: 0px;
  border-style: none none none solid;
  border-right-width: 0px;
  border-right-color: #fff;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-left-color: transparent;
  border-radius: 5px;
  background-color: transparent;
  background-image: url("../images/tabs-point--active.svg"), url("../images/tabs-point.svg");
  background-position: 100% 50%, 100% 50%;
  background-size: auto, 45px 30px;
  background-repeat: no-repeat, no-repeat;
  opacity: 1;
  -webkit-transform: translate(-8px, 0px) scale(1.05);
  -ms-transform: translate(-8px, 0px) scale(1.05);
  transform: translate(-8px, 0px) scale(1.05);
}

.tab__link.tab__link--vertical {
  display: block;
  width: 100%;
  border-top-style: none;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-style: solid;
  box-shadow: none;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  line-height: 44px;
  text-align: center;
}

.tab__link.tab__link--vertical:hover {
  background-color: hsla(0, 0%, 100%, 0.5);
  box-shadow: inset 3px 0 0 0 #0094ea;
  color: #273444;
}

.tab__link.tab__link--vertical.w--current {
  z-index: 2;
  border-right: 0px solid #fff;
  border-top-style: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #fff;
  box-shadow: inset 3px 0 0 0 #0080d6;
}

.pcb-software__tabs-pane {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 0px none transparent;
  background-color: transparent;
}

.tools-tabs {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tabs-tool-logo__wrap {
  position: relative;
  left: 10%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 400px;
  min-height: 180px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 24px 26px 0 0 rgba(0, 96, 204, 0.05), 0 20px 40px -10px rgba(4, 15, 34, 0.25);
}

.software-logo-box {
  position: relative;
  left: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 200px;
  min-height: 75px;
  padding: 15px 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 10px 20px -10px rgba(9, 30, 66, 0.25);
}

.pcb-software__tabs-pane-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo-circle-bg {
  position: absolute;
  left: -10%;
  top: auto;
  right: 0%;
  bottom: auto;
  z-index: -1;
  display: block;
  width: 85%;
  max-width: 440px;
  margin-right: auto;
  margin-left: auto;
}

.tabs__kicad-logo {
  width: 100%;
  max-width: 100px;
}

.tabs__altium-logo {
  width: 100%;
  max-width: 125px;
}

.tabs-altium-logo {
  min-height: 45px;
}

.pcb-software__tabs__logo-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 63%;
  height: 100%;
  padding: 0px 10% 0px 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pcb-software-tabs__text-wrap {
  width: 37%;
  padding-left: 10px;
}

.tabs-kicad-logo {
  min-height: 65px;
}

.tabs-eagle-logo {
  width: 100%;
  max-width: 280px;
}

.btn--icon-check {
  position: relative;
  top: 1px;
  display: inline;
  margin-right: 3px;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
}

.btn--icon-vote-stroke {
  position: relative;
  left: 5px;
  top: 2px;
  display: inline;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
}

.tab__diff-video {
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 840px;
  margin-right: auto;
  margin-left: auto;
  padding: 38px 10px 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fff;
  box-shadow: 0 12px 24px -6px rgba(8, 25, 55, 0.15);
}

.tabs__diff--img {
  display: block;
  width: 100%;
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.textual-diff--img {
  display: block;
  width: 100%;
  max-width: 851px;
  margin-right: auto;
  margin-left: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.manual-comparison-tablet--img {
  display: none;
  width: 100%;
  max-width: 612px;
  margin-right: auto;
  margin-left: auto;
}

.subsection--img {
  display: block;
  width: 91%;
  max-width: 818px;
  margin-right: auto;
  margin-left: auto;
}

.subsection--img.public-privat {
  position: relative;
  max-width: 905px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f9fd), to(#f5f9fd));
  background-image: linear-gradient(180deg, #f5f9fd, #f5f9fd);
}

.subsection--img.individual-profiles {
  max-width: 925px;
  opacity: 1;
}

.subsection--img.render {
  max-width: 925px;
}

.subsection--img.libraries {
  height: auto;
  max-width: 870px;
}

.subsection--img.history {
  max-width: 908px;
}

.subsection--img.visual-diff {
  max-width: 887px;
  margin-top: 30px;
}

.subsection--img.files-support {
  max-width: 967px;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.subsection--img.access-control {
  position: relative;
  max-width: 260px;
  margin-top: 40px;
}

.subsection--img.chrome {
  max-width: 863px;
}

.subsection--img.branches {
  max-width: 932px;
}

.subsection--img.discussions {
  max-width: 923px;
}

.subsection--img.file-upload {
  width: 91%;
  max-width: 963px;
}

.subsection--img.overlay-bg {
  max-width: 925px;
  opacity: 1;
}

.subsection-intro {
  width: 90%;
  max-width: 1080px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  text-align: center;
}

.subsection {
  overflow: hidden;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 320px;
  background-color: #f5f9fd;
}

.subsection.color--light-gray {
  background-color: #fcfeff;
}

.features-nav {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  list-style-type: none;
}

.features-link {
  display: block;
  height: auto;
  margin-bottom: 5px;
  padding: 8px 12px 8px 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, 0);
  box-shadow: 0 2px 3px 0 rgba(23, 43, 77, 0);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  font-family: Archivo, sans-serif;
  color: #505f79;
  font-size: 15px;
  line-height: 145%;
  font-weight: 500;
  letter-spacing: 0px;
}

.features-link:hover {
  background-color: #f5f9fd;
  box-shadow: none;
  color: #505f79;
}

.features-link.w--current {
  background-color: #0076ff;
  background-image: -webkit-gradient(linear, left top, right top, from(#0076ff), to(#2692ff));
  background-image: linear-gradient(90deg, #0076ff, #2692ff);
  box-shadow: 0 2px 3px 0 rgba(23, 43, 77, 0.1);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  color: #fff;
}

.features-link.w--current:hover {
  border-radius: 3px;
  box-shadow: 0 2px 4px -2px rgba(7, 25, 55, 0.15);
}

.chrome-extention--img {
  position: relative;
  top: 10px;
  width: 175%;
  max-width: 863px;
}

.features-logos-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 980px;
  margin: 45px auto 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.sidebar-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  overflow: hidden;
  margin-top: 90px;
  margin-bottom: 30px;
  padding: 20px 15px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 25px 40px -15px rgba(9, 61, 150, 0.2);
}

.subsections-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.sidebar {
  position: absolute;
  left: 3.5%;
  top: 0px;
  right: auto;
  bottom: 0px;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 28%;
  height: 100%;
  max-width: 293px;
  padding-bottom: 240px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.embed-css {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 100000;
  display: none;
}

.select {
  position: relative;
  width: 100%;
  height: 42px;
  padding: 0px 14px;
  border: 1px solid #e0e6ed;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #94a0ad;
  font-size: 16px;
  line-height: 42px;
  font-weight: 400;
}

.select:active {
  color: #4f5e6e;
}

.select:focus {
  border-color: #0094ea;
  color: #4f5e6e;
}

.column {
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.column.lg-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 50%;
  -ms-flex: 0 50%;
  flex: 0 50%;
}

.column.lg-6.md-12.col-p-right {
  padding-right: 30px;
}

.column.lg-5 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 41.67%;
  -ms-flex-preferred-size: 41.67%;
  flex-basis: 41.67%;
}

.column.lg-3 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.column.lg-10 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 83.33%;
  -ms-flex-preferred-size: 83.33%;
  flex-basis: 83.33%;
}

.column.lg-12 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.column.lg-1 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 8.33%;
  -ms-flex-preferred-size: 8.33%;
  flex-basis: 8.33%;
}

.column.lg-4 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
}

.column.lg-11 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 91.66%;
  -ms-flex-preferred-size: 91.66%;
  flex-basis: 91.66%;
}

.column.lg-8 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 66.66%;
  -ms-flex-preferred-size: 66.66%;
  flex-basis: 66.66%;
}

.column.lg-9 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.column.lg-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 58.33%;
  -ms-flex: 0 58.33%;
  flex: 0 58.33%;
}

.column.lg-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 16.67%;
  -ms-flex: 0 16.67%;
  flex: 0 16.67%;
}

.btn-close {
  position: absolute;
  top: 0px;
  right: 12px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  float: right;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 20px;
  line-height: 100%;
  font-weight: 400;
  cursor: pointer;
}

.btn-close:hover {
  opacity: 0.75;
}

.form-label {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #505f79;
  font-size: 15px;
  line-height: 1.25em;
  font-weight: 500;
  text-transform: capitalize;
}

.link--success {
  color: #389e0d;
  text-decoration: underline;
}

.link--success:hover {
  opacity: 0.75;
  color: #85c737;
  text-decoration: none;
}

.form-feedback {
  position: relative;
  bottom: 12px;
  margin-bottom: 0px;
  color: #8492a6;
  font-size: 13px;
  line-height: 1.25em;
}

.error-link {
  color: #cf1322;
  text-decoration: underline;
}

.error-link:hover {
  color: #f44336;
  text-decoration: none;
}

.software__text-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 200px;
  padding-left: 0%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.software__desc-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-right: 5%;
  padding: 35px 45px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 20px 40px -10px rgba(9, 61, 150, 0.2);
  font-size: 17px;
  line-height: 1.75em;
}

.btn--close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0);
  font-family: 'Cadlab Icons', sans-serif;
  color: #fff;
  font-size: 28px;
  line-height: 100%;
  font-weight: 400;
  cursor: pointer;
}

.btn--close:hover {
  border-color: #fff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #fff;
}

.form-with-shadows {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-text {
  width: 100%;
  height: 44px;
  margin-bottom: 25px;
  padding: 0px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #dfe1e5;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #505f79;
  font-size: 18px;
  line-height: 44px;
  font-weight: 400;
}

.form-text:hover {
  border-color: #b3bac5;
}

.form-text:focus {
  border-color: #0094ea;
  background-color: #fcfdfd;
}

.form-text::-webkit-input-placeholder {
  color: rgba(137, 147, 164, 0.85);
}

.form-text:-ms-input-placeholder {
  color: rgba(137, 147, 164, 0.85);
}

.form-text::-ms-input-placeholder {
  color: rgba(137, 147, 164, 0.85);
}

.form-text::placeholder {
  color: rgba(137, 147, 164, 0.85);
}

.form-text.lofin-form {
  font-size: 17px;
}

.form-text.lofin-form:focus {
  border-color: rgba(38, 146, 255, 0.5);
}

.social-login-btn__icon {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Cadlab Icons', sans-serif;
  color: #081937;
  font-size: 19px;
  font-weight: 400;
}

.social-login-btn__icon.github {
  color: #fff;
}

.social-login-btn__icon.facebook {
  color: #fff;
  font-size: 24px;
}

.user-link {
  position: relative;
  display: block;
  width: 100%;
  list-style-type: none;
}

.software-slides-link {
  display: inline-block;
  height: 50px;
  padding: 2px 15px 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #f6fafc;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  font-family: Archivo, sans-serif;
  color: #172b4d;
  font-size: 16px;
  line-height: 48px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0px;
}

.software-slides-link:hover {
  background-color: #fcfeff;
  box-shadow: inset 0 3px 0 0 rgba(0, 118, 255, 0.75);
  color: #505f79;
}

.software-slides-link.w--current {
  background-color: #fff;
  box-shadow: 0 0 7px 0 rgba(4, 15, 34, 0.2), inset 0 3px 0 0 #0076ff;
  color: #0076ff;
  font-weight: 500;
}

.software-slides {
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin-top: 125px;
  border-radius: 0px 0px 4px 4px;
  background-color: #fff;
  box-shadow: 0 25px 50px -12px rgba(9, 61, 150, 0.2);
}

.software-slides__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f5f9fd;
}

.software-slides__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 1px none #dfe1e5;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.software-slides__pane {
  overflow: hidden;
  width: 100%;
  padding: 45px 25px 25px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
}

.software-logo-wrap {
  position: relative;
  left: -10%;
  bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  max-width: 360px;
  min-height: 320px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.software-logo-wrap.large {
  bottom: 10px;
  max-width: 400px;
  min-height: 320px;
}

.whycadlabs-cards {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 104%;
  max-width: 1320px;
  margin-top: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.whycadlab--card-wrap {
  position: relative;
  overflow: hidden;
  width: 29.333%;
  margin-right: 2%;
  margin-bottom: 55px;
  margin-left: 2%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 20px 20px -10px rgba(9, 61, 150, 0.2);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.whycadlab-card {
  width: 100%;
  height: 100%;
  padding: 25px 15% 75px 35px;
  color: #505f79;
  font-size: 17px;
  line-height: 1.6em;
  letter-spacing: 0px;
}

.pcb-layout--img {
  display: block;
  overflow: hidden;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  border-radius: 7px 7px 0px 0px;
}

.software-slides__intro-text {
  display: block;
  width: auto;
  max-width: 930px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  padding: 8px 5px;
  color: #505f79;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.schematic--img {
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 932px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 7px;
}

.libraries--img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 870px;
  margin-right: auto;
  margin-left: auto;
}

.annotations--img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 1034px;
  margin-right: auto;
  margin-left: auto;
}

.hero-intro-wrap__basic-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.hero-intro-wrap__basic-page.projects-page {
  width: 90%;
  color: #fff;
}

.hero-intro-wrap__basic-page.project-page {
  position: relative;
  width: 90%;
  margin-bottom: 45px;
  color: #fff;
}

.software__list {
  margin-bottom: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  list-style-type: none;
}

.check-out-how-to__card {
  position: relative;
  display: block;
  width: 98%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 25px 35px 20px;
  border-radius: 5px;
  background-color: #2692ff;
  background-image: linear-gradient(225deg, rgba(245, 249, 253, 0.35) 15%, rgba(245, 249, 253, 0) 85%);
  box-shadow: 14px 14px 40px -10px rgba(9, 61, 150, 0.35);
  color: #505f79;
  line-height: 1.65em;
}

.check-out-how-to__card:hover {
  background-color: #0076ff;
  -webkit-transform: scale(1.035);
  -ms-transform: scale(1.035);
  transform: scale(1.035);
  color: #505f79;
}

.check-out-how-to__card-title {
  color: #fff;
  font-size: 20px;
}

.software-arrows--img {
  position: absolute;
  left: auto;
  right: 50%;
  bottom: 108%;
  width: 100%;
  max-width: 110px;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.software-logo__circle-bg {
  position: absolute;
  left: -10%;
  right: 0%;
  z-index: -1;
  display: block;
  width: 85%;
  max-width: 440px;
  margin-right: auto;
  margin-left: auto;
}

.software-logo__circle-bg.large {
  left: -12%;
  width: 85%;
  max-width: 320px;
  opacity: 1;
}

.software-eagle-logo {
  width: 85%;
  max-width: 250px;
}

.software-kicad-logo {
  width: 75%;
  max-width: 160px;
}

.software-logo__box {
  position: relative;
  left: 10%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 400px;
  min-height: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 12% 9%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 25px 40px -20px rgba(9, 61, 150, 0.25), 13px 15px 20px 0 rgba(0, 96, 204, 0.03);
}

.software-logo__box.large {
  left: 7%;
  top: 5px;
  width: 80%;
  height: auto;
  max-width: 310px;
  min-height: 120px;
  padding: 9% 8%;
}

.software-logo__box.large-orcad {
  left: 7%;
  width: 80%;
  max-width: 360px;
  padding: 10% 8%;
}

.software-logo__box.large-other {
  left: 7%;
  width: 70%;
  max-width: 300px;
  padding: 7% 5%;
}

.modal-body-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 24px 48px -8px #040d1d;
}

.modal-body-inner.video {
  border-radius: 0px;
  box-shadow: 0 50px 60px -16px #020914;
}

.check-out-how-to__card-icon {
  position: absolute;
  left: auto;
  top: auto;
  right: 6%;
  bottom: 12%;
  width: 20%;
  height: auto;
  max-width: 54px;
  opacity: 0.5;
}

.software-altium-logo {
  width: 80%;
  height: auto;
  max-width: 190px;
}

.software-orcad-logo {
  width: 83%;
  max-width: 220px;
}

.software-pads-logo {
  width: 80%;
  max-width: 190px;
}

.list-text-decoration {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-weight: 600;
}

.list-text-decoration.small {
  color: #8993a4;
  font-size: 13px;
  line-height: 1em;
  font-weight: 500;
}

.plan-price--after {
  margin-left: 5px;
  color: #505f79;
  font-size: 15px;
  line-height: 1.25em;
  font-weight: 500;
  letter-spacing: 0px;
}

.vat-description {
  margin-top: 40px;
  opacity: 0.75;
  color: #8993a4;
  font-size: 14px;
  line-height: 1.35em;
  text-align: center;
}

.vat-description.m-t-30 {
  margin-top: 30px;
}

.popup-content.info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.popup-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.popup-text {
  max-width: 680px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #fff;
}

.kicad-annotations--img {
  display: block;
  width: 100%;
  max-width: 943px;
  margin-right: auto;
  margin-left: auto;
}

.anontation-video {
  position: relative;
  overflow: visible;
  width: 85%;
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 28px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fafbfc;
  box-shadow: 0 16px 32px -8px rgba(8, 25, 55, 0.25);
}

.pcb-diff-video {
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 909px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fafbfc;
  box-shadow: 0 20px 40px -15px rgba(9, 61, 150, 0.5);
}

.blue-chack-icon {
  position: relative;
  left: -10px;
  top: 14px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("../images/outline-check_circle-24px.svg");
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  color: rgba(80, 95, 121, 0);
}

.hero-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
  -webkit-filter: brightness(103%);
  filter: brightness(103%);
}

.hero-video.home-page {
  opacity: 0.5;
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}

.section-overlay {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 120px 45px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.section-overlay.section--hero-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  padding: 0px;
  background-color: transparent;
  background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), -webkit-gradient(linear, left top, right top, color-stop(50%, hsla(0, 0%, 100%, 0)), color-stop(75%, #fff)), -webkit-gradient(linear, left top, right top, color-stop(25%, #fff), color-stop(50%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(35%, hsla(0, 0%, 100%, 0)));
  background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), linear-gradient(90deg, hsla(0, 0%, 100%, 0) 50%, #fff 75%), linear-gradient(90deg, #fff 25%, hsla(0, 0%, 100%, 0) 50%), linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 35%);
  background-position: 100% 110%, 0px 5%, 0px 0px, 0px 0px, 0px 0px;
  background-size: auto 200px, auto 360px, auto, auto, auto;
  background-repeat: no-repeat, no-repeat, repeat, repeat, repeat;
  background-attachment: scroll, fixed, scroll, scroll, scroll;
  opacity: 1;
}

.section-overlay.homepage-hero-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  height: 100%;
  padding: 0px;
  background-color: #fff;
  background-image: url("../images/hero-top-left-bg.svg"), url("../images/hero-bottom-right-bg.svg");
  background-position: -10% -90%, 102% 102%;
  background-size: 620px, auto 280px;
  background-repeat: no-repeat, no-repeat;
  background-attachment: scroll, fixed;
  opacity: 1;
}

.section-overlay.benefits-section-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -2;
  height: 100%;
  padding: 0px;
  background-color: #f4fbff;
  background-image: url("../images/schematic-element-bg--img.svg"), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.35)), to(hsla(0, 0%, 100%, 0.35)));
  background-image: url("../images/schematic-element-bg--img.svg"), linear-gradient(180deg, hsla(0, 0%, 100%, 0.35), hsla(0, 0%, 100%, 0.35));
  background-position: 50% 50%, 0px 0px;
  background-size: 80%, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: fixed, scroll;
  opacity: 1;
}

.section-overlay.projects-hero-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  height: 100%;
  padding: 0px;
  background-color: #fff;
  background-image: url("../images/hero-top-left-bg.svg"), url("../images/hero-bottom-right-bg.svg"), -webkit-gradient(linear, left top, right top, color-stop(50%, hsla(0, 0%, 100%, 0)), color-stop(75%, #fff)), -webkit-gradient(linear, left top, right top, color-stop(25%, #fff), color-stop(50%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(35%, hsla(0, 0%, 100%, 0)));
  background-image: url("../images/hero-top-left-bg.svg"), url("../images/hero-bottom-right-bg.svg"), linear-gradient(90deg, hsla(0, 0%, 100%, 0) 50%, #fff 75%), linear-gradient(90deg, #fff 25%, hsla(0, 0%, 100%, 0) 50%), linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 35%);
  background-position: 0% -18%, 100% 105%, 0px 0px, 0px 0px, 0px 0px;
  background-size: 440px, auto 260px, auto, auto, auto;
  background-repeat: no-repeat, no-repeat, repeat, repeat, repeat;
  background-attachment: scroll, scroll, scroll, scroll, scroll;
  opacity: 1;
}

.page-container {
  position: relative;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 15px 45px 79px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-inner {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header-seperation {
  width: 62px;
  float: left;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.header-quick-nav {
  width: auto;
  float: right;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.billing {
  background-color: #e2e5e9;
}

.page-sidebar {
  position: absolute;
  left: 0px;
  top: 0px;
  right: auto;
  bottom: 0px;
  width: 62px;
  height: 100%;
  background-color: #1e2b39;
}

.page-title {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 1px;
  padding-left: 84px;
  color: #081937;
  font-size: 22px;
  line-height: 60px;
  font-weight: 500;
}

.name {
  color: #081937;
}

.separator {
  color: #8993a4;
}

.page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.user-main-info {
  min-height: 500px;
  min-width: 200px;
  padding: 20px 20px 25px;
  background-color: #fff;
}


.user-avatar {
  display: block;
  width: 100%;
  border-radius: 50%;
}

.user-name {
  min-height: 35px;
  margin-top: 20px;
  border-bottom: 1px solid #ebecf0;
  color: #081937;
  font-size: 21px;
}

.billing-type--toggle {
  width: auto;
  margin-bottom: 25px;
  text-align: right;
}

.plan-type__text {
  position: relative;
  top: 1px;
  display: inline;
  margin-right: 12px;
  color: #8993a4;
  font-size: 15px;
  line-height: 35px;
}

.current-plan-border {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: block;
  overflow: hidden;
  border-style: solid dashed dashed;
  border-width: 2px;
  border-color: #0076ff;
}

.legasy-label {
  position: absolute;
  left: -19px;
  top: 14px;
  right: auto;
  bottom: auto;
  z-index: 1;
  display: block;
  padding: 4px 18px 4px 22px;
  border-width: 1px;
  border-color: #fdffe6;
  background-color: #ffc400;
  background-image: linear-gradient(45deg, #ffc400, rgba(250, 140, 22, 0.65));
  -webkit-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  transform: rotate(-42deg);
  color: #fff;
  font-size: 10px;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 #fa8c16;
}

.webform-client-form {
  width: 100%;
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
}

.login-intro-text {
  display: block;
  width: 100%;
  max-width: 440px;
  margin: 0px auto 40px;
  color: #505f79;
  font-size: 17px;
  font-weight: 500;
}

.login-intro-text.hide-on-desctop {
  display: none;
  margin-bottom: 25px;
}

.login-title {
  width: 100%;
  margin-bottom: 0px;
  font-size: 36px;
  line-height: 1.35em;
}

.login-content {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("../images/hero-right-bg--img.svg"), url("../images/hero-top-left-bg.svg");
  background-position: 100% 110%, -5% -15%;
  background-size: auto 300px, auto 550px;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
}

.login-copyrights.login-tips {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 680px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding-top: 30px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  box-shadow: inset 0 1px 0 0 #ebecf0;
  color: #b3bac5;
  font-size: 14px;
  line-height: 1.65em;
  text-align: center;
  letter-spacing: 0.25px;
}

.login-body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 680px;
  margin-top: 10%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  text-align: center;
}

.goggle-icon {
  position: absolute;
  left: 15px;
  top: 30%;
  right: auto;
  bottom: 0%;
  z-index: 2;
  display: block;
}

.login-copyrights-link {
  color: #8993a4;
  text-decoration: underline;
}

.login-links-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-decoration: underline;
}

.lofin-form__right-side {
  position: relative;
  width: 46%;
  margin-bottom: 0px;
  margin-left: 4%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.lofin-form__left-side {
  display: block;
  width: 46%;
  margin-right: 4%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.header-empty {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1001;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #071937;
}

.cadlab-video-player {
  height: auto;
  min-width: 780px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  box-shadow: inset 0 0 0 1px #000;
}

.video-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  width: 100vw;
  height: 100%;
}

.landing-hero-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url("../images/landing-hero-2.jpg");
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 1;
  -webkit-filter: brightness(200%);
  filter: brightness(200%);
}

.landing-hero-img.booking {
  background-image: url("../images/landing-hero-2.jpg");
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-filter: none;
  filter: none;
}

.landing-hero-bg-waves {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.5)), to(rgba(8, 25, 55, 0.5))), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), -webkit-gradient(linear, left top, left bottom, from(rgba(33, 64, 116, 0.75)), color-stop(25%, rgba(23, 43, 77, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.8)), to(rgba(8, 25, 55, 0.8)));
  background-image: linear-gradient(180deg, rgba(8, 25, 55, 0.5), rgba(8, 25, 55, 0.5)), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), linear-gradient(180deg, rgba(33, 64, 116, 0.75), rgba(23, 43, 77, 0) 25%), linear-gradient(180deg, rgba(8, 25, 55, 0.8), rgba(8, 25, 55, 0.8));
  background-position: 0px 0px, 0% -10%, 100% 85%, 0px 0px, 0px 0px;
  background-size: auto, 420px, 300px, auto, auto;
  background-repeat: repeat, no-repeat, no-repeat, repeat, repeat;
  background-attachment: scroll, fixed, fixed, scroll, scroll;
}

.landing-hero-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  width: 100vw;
  height: 100%;
}

.hero-landing-text {
  width: 100%;
  max-width: 860px;
  margin-top: 0px;
  margin-bottom: 40px;
  color: #fff;
  font-size: 30px;
  line-height: 1.35em;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.hero-landing-text.booking {
  font-weight: 400;
}

.landing-intro-wrap__basic-page {
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1040px;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 23px;
  line-height: 1.45em;
  text-align: center;
  letter-spacing: 0.25px;
}

.quiz-form {
  width: 100%;
  height: auto;
  margin: -35px auto -80px;
  border-radius: 5px;
  box-shadow: none;
}

.customer-spotlights-img {
  position: relative;
  top: -45px;
  width: 100%;
  height: auto;
  max-width: 833px;
  margin-top: 20px;
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.customer-spotlights {
  position: relative;
  top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.play-circle-icon {
  position: absolute;
  left: 0%;
  top: 35%;
  right: -30px;
  bottom: 0%;
  z-index: 2;
  display: none;
  width: 75px;
  height: 75px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 7px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: rgba(0, 118, 255, 0.75);
  box-shadow: 0 24px 32px -8px rgba(23, 43, 77, 0.25);
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
  font-family: 'Cadlab Icons', sans-serif;
  color: #fff;
  font-size: 48px;
  line-height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.section-subtitle {
  font-size: 26px;
}

.section-subtitle.testimonials {
  margin-bottom: 5px;
  font-size: 29px;
  font-weight: 600;
}

.quote-symbol {
  position: relative;
  left: -2px;
  top: 28px;
  display: inline-block;
  margin-right: 5px;
  color: #0076ff;
  font-size: 72px;
}

.div-block {
  bottom: 140px;
  max-width: 1200px;
  padding-top: 65px;
  padding-bottom: 60px;
  border-radius: 10px;
  background-size: auto;
  box-shadow: 0 20px 40px -20px rgba(9, 61, 150, 0.2);
}

.our-customers__wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1080px;
  margin-top: -20px;
  margin-bottom: 40px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  text-align: center;
}

.our-customers__wrapper.dark-wave {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.customer-logo {
  position: relative;
  width: 25%;
  margin-top: 30px;
  margin-bottom: 30px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.customer-logo--img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.customer-logo--img:hover {
  -webkit-transform: scale(0.925);
  -ms-transform: scale(0.925);
  transform: scale(0.925);
}

.customer-logo--img.instagrid {
  max-width: 220px;
}

.customer-logo--img.celltech {
  -webkit-filter: brightness(200%);
  filter: brightness(200%);
}

.customer-logo--img.aqurium {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.customer-logo--img.iri {
  max-width: 90%;
}

.customer-logo--img.invert {
  -webkit-filter: saturate(139%) hue-rotate(180deg) invert(100%);
  filter: saturate(139%) hue-rotate(180deg) invert(100%);
}

.quiz-form__wrapper {
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 800px;
  min-height: 300px;
  margin-right: auto;
  margin-bottom: -90px;
  margin-left: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.calendly-inline-widget {
  position: relative;
  bottom: 30px;
  overflow: hidden;
  width: 100%;
  height: 785px;
  max-width: 1000px;
  min-width: 320px;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  background-color: transparent;
}

.btn--more {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 38px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0px 40px 0px 25px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #0065ff, 0 12px 16px -8px rgba(0, 82, 204, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #0065ff;
  font-size: 15px;
  line-height: 38px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
}

.btn--more:hover {
  background-color: #0065ff;
  box-shadow: inset 0 0 0 1px #427fec;
  opacity: 1;
  color: #fff;
}

.modal--pcb-tool {
  position: fixed;
  z-index: 1000001;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(2, 7, 15, 0.88);
}

.modal--video {
  position: fixed;
  z-index: 1000001;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(2, 7, 15, 0.88);
  opacity: 0;
}

._404-title {
  font-size: 36px;
}

.modal--version-control {
  position: fixed;
  z-index: 1000001;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(2, 7, 15, 0.88);
}

.cta-price__box {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 420px;
  margin-right: auto;
  margin-left: auto;
  padding: 25px 25px 20px;
  font-size: 17px;
  text-align: center;
}

.box-circle-bg {
  position: absolute;
  left: 0%;
  top: -45px;
  right: 0%;
  z-index: -1;
  display: block;
  overflow: hidden;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background-color: #fff;
  background-image: linear-gradient(180deg, rgba(242, 249, 255, 0.15), rgba(242, 249, 255, 0.15)), linear-gradient(225deg, #fff 25%, rgba(242, 249, 255, 0.75) 50%, rgba(242, 249, 255, 0.75) 75%, rgba(242, 249, 255, 0.95)), url("../images/landing-top-left-bg.svg");
  background-position: 0px 0px, 0px 0px, -50% 280%;
  background-size: auto, auto, auto 340px;
  background-repeat: repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, scroll;
  box-shadow: 0 50px 50px -24px rgba(9, 61, 150, 0.2);
  opacity: 1;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.box-circle-bg:hover {
  background-color: #fff;
  background-image: linear-gradient(180deg, rgba(242, 249, 255, 0), rgba(242, 249, 255, 0)), linear-gradient(225deg, #fff 25%, rgba(242, 249, 255, 0.65) 50%, rgba(242, 249, 255, 0.65) 75%, rgba(242, 249, 255, 0.65)), url("../images/landing-top-left-bg.svg");
  background-position: 0px 0px, 0px 0px, -50% 280%;
  background-size: auto, auto, auto 340px;
  background-repeat: repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, scroll;
  box-shadow: 0 16px 24px -12px rgba(16, 104, 207, 0.2);
  opacity: 1;
  -webkit-transform: scale(1.075);
  -ms-transform: scale(1.075);
  transform: scale(1.075);
}

.unsubsribe-text {
  display: block;
  width: 100%;
  max-width: 620px;
  margin: 0px auto 30px;
  color: #505f79;
  font-size: 18px;
  line-height: 1.65em;
  font-weight: 400;
}

.page-body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 680px;
  height: 80%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  text-align: center;
}

.unsubsribe-content {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("../images/hero-right-bg--img.svg"), url("../images/hero-top-left-bg.svg");
  background-position: 100% 110%, -5% -15%;
  background-size: auto 300px, auto 550px;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
}

.unsubscribe-copyrights.unsubscribe-tips {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 680px;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
  padding-top: 15px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  box-shadow: inset 0 1px 0 0 #ebecf0;
  color: #b3bac5;
  font-size: 14px;
  line-height: 1.65em;
  text-align: center;
  letter-spacing: 0.25px;
}

.sliding-popup-bottom {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1000001;
  display: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  min-height: 100px;
  padding: 25px 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(7, 25, 55, 0.9);
  opacity: 0;
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

.inline-block-text {
  display: inline-block;
}

.typed {
  color: #1087fd;
  font-weight: 800;
}

.typed-headline {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 54px;
  line-height: 1.2em;
}

.nav__wrap {
  display: block;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #142433;
}

.section--ui-kit {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 1320px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 50px 40px;
  float: none;
  background-color: #fff;
  box-shadow: 0 12px 30px -8px rgba(48, 58, 71, 0.07);
}

.warning-box {
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 20px 12px;
  border-radius: 3px;
  background-color: #feebe9;
  color: #13212e;
}

.carousel-slider {
  overflow: visible;
  height: auto;
  margin-top: 30px;
  margin-bottom: 45px;
  padding: 10px 55px;
  border-color: #eff2f7;
  border-radius: 5px;
  background-color: #fafbfc;
  box-shadow: none;
}

.navbar__subtitle {
  position: relative;
  top: -2px;
  display: inline-block;
  opacity: 0.75;
  color: #fff;
  font-size: 11px;
  line-height: 1.25em;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.form-helper {
  position: relative;
  left: 1px;
  bottom: 10px;
  margin-bottom: 0px;
  color: #a2afc0;
  font-size: 13px;
  line-height: 1.25em;
  font-weight: 400;
  letter-spacing: 0.25px;
  text-transform: none;
}

.tab__link-2 {
  display: inline-block;
  height: 44px;
  padding: 0px 2em;
  border-top: 1px solid #eff2f7;
  border-right: 1px solid #eff2f7;
  border-bottom: 1px solid #eff2f7;
  background-color: #fbfcfd;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  color: #3c4858;
  font-size: 16px;
  line-height: 44px;
  font-weight: 600;
}

.tab__link-2:hover {
  background-color: #fff;
  box-shadow: inset 0 3px 0 0 #0094ea;
  color: #3c4858;
  text-decoration: none;
}

.tab__link-2.w--current {
  border-bottom-width: 0px;
  background-color: #fff;
  box-shadow: inset 0 3px 0 0 #0b77e3;
  color: #0b77e3;
}

.tab__link-2.tab__link--vertical {
  display: block;
  width: 100%;
  border-top-style: none;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-style: solid;
  box-shadow: none;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  line-height: 44px;
  text-align: center;
}

.tab__link-2.tab__link--vertical:hover {
  background-color: hsla(0, 0%, 100%, 0.5);
  box-shadow: inset 3px 0 0 0 #0094ea;
  color: #273444;
}

.tab__link-2.tab__link--vertical.w--current {
  z-index: 2;
  border-right: 0px solid #fff;
  border-top-style: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #fff;
  box-shadow: inset 3px 0 0 0 #0b77e3;
}

.slide__img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-image: url("../images/picture-icon.svg"), -webkit-gradient(linear, left top, left bottom, from(#fafbfc), to(#fafbfc));
  background-image: url("../images/picture-icon.svg"), linear-gradient(180deg, #fafbfc, #fafbfc);
  background-position: 50% 50%, 0px 0px;
  background-size: 96px, auto;
  background-repeat: no-repeat, repeat;
}

.typed-text__container {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  height: 75%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.navbar--left-side {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slider__arrow--right {
  overflow: visible;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'Cadlab Icons', sans-serif;
  color: #dfe1e5;
  font-size: 32px;
  line-height: 100%;
}

.slider__arrow--right:hover {
  background-color: #fff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #d3dce6;
}

.alert-2 {
  position: relative;
  height: auto;
  min-height: 48px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 12px 40px 5px 14px;
  border: 1px solid #e4e9ee;
  border-radius: 3px;
  background-color: #f4f6f7;
  font-size: 16px;
  font-weight: 400;
}

.alert-2.alert--success {
  border-color: #d9f7be;
  background-color: #f6ffed;
  color: #389e0d;
}

.alert-2.alert--error {
  border-color: #ffccc7;
  background-color: #fff2e8;
  color: #cf1322;
}

.radio-field {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.carousel-slider__slide {
  display: inline-block;
  width: 16.66%;
  height: 120px;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 16.67%;
  -webkit-flex: 16.67%;
  -ms-flex: 16.67%;
  flex: 16.67%;
}

.carousel-slider__slide:hover {
  float: none;
}

.nav__link-number {
  display: none;
  opacity: 0.85;
  color: #0b77e3;
  font-weight: 600;
}

.tab__pane-2 {
  width: 100%;
  padding: 10px 30px 20px;
  border-left: 1px none #fff;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #eff2f7;
}

.flex-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 400px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fluid-container {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.datepicker {
  position: relative;
  height: 40px;
  line-height: 40px;
}

.typed-text-wrap {
  position: absolute;
  text-align: center;
}

.burger-2 {
  position: relative;
  display: block;
  overflow: hidden;
  width: 36px;
  height: 24px;
  cursor: pointer;
}

.btn-icon--m {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 5px;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
}

.components-block-title {
  margin-top: 35px;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eff2f7;
  color: #273444;
  font-size: 18px;
  line-height: 1.45em;
  font-weight: 600;
}

.components-block-title.m-t-25 {
  text-transform: capitalize;
}

.slider__nav {
  left: 0px;
  right: 0px;
  bottom: 20px;
  width: auto;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
  line-height: 100%;
}

.slider__nav.carousel-slider__nav {
  bottom: -45px;
}

.slider__nav.box-slider__nav {
  bottom: 25px;
}

.ui-kit-content-wrap {
  overflow: hidden;
  margin-left: 220px;
  padding-right: 40px;
  padding-left: 40px;
  background-color: #f5f9fd;
}

.paragraph {
  color: #3c4858;
}

.ui-kit-section__title {
  display: block;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid transparent;
  color: #273444;
  font-size: 19px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.truncate-text {
  padding: 9px 20px;
  background-color: #fbfcfd;
}

.form--label {
  margin-top: 7px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.25em;
  font-weight: 600;
  text-transform: capitalize;
}

.particles {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #1f2d3d, #0b151f);
}

.component-container {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.ui-kit-label {
  margin-top: 12px;
  margin-bottom: 25px;
  padding-top: 5px;
  border-top: 1px dashed #eff2f7;
  color: #94a0ad;
  font-size: 12px;
  font-weight: 400;
}

.ui-kit-label.inline-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
}

.ui-kit-label.inline-box.no-divider {
  font-family: 'Roboto Mono', sans-serif;
  font-size: 11.5px;
  font-weight: 400;
}

.btn-icon--s {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 5px;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
}

.btn-icon--xl {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 10px;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
}

.navbar--top__wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: none;
  height: 70px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.subheading {
  margin-bottom: 1em;
  font-size: 19px;
  line-height: 1.36em;
  font-weight: 400;
}

.input--field {
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  padding: 0px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #ebecf0;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #505f79;
  font-size: 16px;
  line-height: 40px;
  font-weight: 400;
}

.input--field:hover {
  border-color: #c0ccda;
}

.input--field:focus {
  border-color: #0094ea;
  background-color: #fbfcfd;
}

.input--field::-webkit-input-placeholder {
  color: #8993a4;
}

.input--field:-ms-input-placeholder {
  color: #8993a4;
}

.input--field::-ms-input-placeholder {
  color: #8993a4;
}

.input--field::placeholder {
  color: #8993a4;
}

.input--field.input--l {
  height: 48px;
  padding-right: 19px;
  padding-left: 19px;
  font-size: 19px;
  line-height: 48px;
}

.input--field.input--s {
  height: 34px;
  padding-right: 13px;
  padding-left: 13px;
  font-size: 14px;
  line-height: 34px;
}

.input--field.input--m {
  height: 44px;
  padding-right: 18px;
  padding-left: 18px;
  font-size: 18px;
  line-height: 44px;
}

.input--field.input--xs {
  height: 30px;
  padding-right: 11px;
  padding-left: 11px;
  font-size: 13px;
  line-height: 30px;
}

.input--field.input--xl {
  height: 52px;
  padding-right: 21px;
  padding-left: 21px;
  font-size: 21px;
  line-height: 52px;
}

.ui-kit-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #eff2f7;
}

.nav-links__wrap {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  height: 100%;
  max-width: 500px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  float: right;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-bottom: 0px;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}

.nav__link:hover {
  border-bottom: 3px solid #05b8ff;
  color: #152935;
}

.nav__link.nav__link--nav-leftside {
  position: relative;
  width: 100%;
  height: 40px;
  padding-right: 15px;
  padding-left: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-right: 3px solid transparent;
  box-shadow: 0 1px 0 0 rgba(31, 45, 61, 0.5);
  color: hsla(0, 0%, 100%, 0.85);
  font-size: 15px;
  line-height: 40px;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.75px;
  text-transform: capitalize;
}

.nav__link.nav__link--nav-leftside:hover {
  border-right: 3px solid #1087fd;
  border-bottom-style: none;
  border-bottom-width: 0px;
  background-color: #273444;
  color: #fff;
  text-decoration: none;
}

.nav__link.nav__link--nav-leftside.w--current {
  border-right: 3px solid #1087fd;
  background-color: #1f2d3d;
  color: #1087fd;
  font-weight: 600;
}

.btn-group {
  margin-right: 10px;
}

.btn-group.btn-group--sort-by {
  margin-right: 0px;
  margin-left: 10px;
}

.carousel-slider__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 8px 16px -12px rgba(7, 25, 55, 0.25);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: -webkit-grab;
  cursor: grab;
}

.carousel-slider__item:hover {
  background-color: #0076ff;
}

.carousel-slider__item:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.box-slider {
  width: 100%;
  height: 340px;
  margin-bottom: 15px;
  border-radius: 5px;
  background-color: transparent;
  box-shadow: none;
}

.navbar__title-wrap {
  padding: 10px;
  background-color: rgba(11, 21, 31, 0.49);
  text-align: center;
}

.carousel-slider__img {
  width: 40px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.app-wrap {
  min-height: 40px;
}

.section-subtitle-2 {
  margin-top: 5px;
  margin-bottom: 20px;
  color: #273444;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: capitalize;
}

.navbar__wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1001;
  overflow: auto;
  width: 220px;
  background-color: #142433;
  box-shadow: 0 0 12px 0 rgba(48, 58, 71, 0.15);
}

.btn-icon {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 6px;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 17px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
}

.tab__menu-2 {
  top: 1px;
  z-index: 2;
  border-left: 1px solid #eff2f7;
  background-color: transparent;
}

.tab__menu-2.tab__menu--vertical {
  left: 1px;
  top: 0px;
  overflow: hidden;
  width: 33.33333333%;
  max-height: none;
  float: left;
  border-top: 1px solid #eff2f7;
}

.tabs-2 {
  position: relative;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 20px;
}

.brand {
  width: 25%;
  height: 100%;
}

.inline-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.checkbox-field {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.navbar__logo {
  max-width: 85%;
}

.code {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 1px 5px 2px;
  border-radius: 3px;
  background-color: #fcf8f9;
  font-family: 'Roboto Mono', sans-serif;
  color: #b5241c;
  font-size: 12px;
  line-height: 1.45em;
  font-weight: 400;
  letter-spacing: 0px;
}

.slider__arrow--left {
  overflow: visible;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'Cadlab Icons', sans-serif;
  color: #dfe1e5;
  font-size: 32px;
  line-height: 100%;
  font-weight: 400;
}

.slider__arrow--left:hover {
  background-color: #fff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #c0ccda;
}

.textarea {
  width: 100%;
  height: auto;
  min-height: 90px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #e5e9f2;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #4f5e6e;
  font-size: 16px;
  line-height: 1.45em;
}

.textarea:hover {
  border-color: #c0ccda;
}

.textarea:focus {
  border-color: #0094ea;
  background-color: #fbfcfd;
}

.textarea::-webkit-input-placeholder {
  color: #94a0ad;
}

.textarea:-ms-input-placeholder {
  color: #94a0ad;
}

.textarea::-ms-input-placeholder {
  color: #94a0ad;
}

.textarea::placeholder {
  color: #94a0ad;
}

.textarea.textarea--l {
  font-size: 19px;
}

.textarea.textarea--m {
  min-height: 110px;
  padding: 17px;
  font-size: 18px;
}

.textarea.textarea--s {
  min-height: 75px;
  padding: 14px;
  font-size: 14px;
}

.nav {
  position: relative;
  z-index: 10;
  overflow: visible;
  width: 100%;
  height: 60px;
  background-color: #272a2f;
}

.form-wrap {
  margin-bottom: 10px;
}

.ui-kit-section__title-number {
  display: inline-block;
  color: #0b77e3;
}

.btn--default {
  display: inline-block;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0px 1.75em;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #e0e6ed;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #4f5e6e;
  font-size: 16px;
  line-height: 40px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
}

.btn--default:hover {
  box-shadow: inset 0 0 0 1px #e0e6ed;
  opacity: 0.8;
  color: #4f5e6e;
  text-decoration: none;
}

.btn--default.btn--danger {
  background-color: #f5222d;
  box-shadow: none;
  color: #fff;
}

.btn--default.btn--inverse {
  background-color: #273444;
  box-shadow: none;
  color: #fff;
}

.btn--default.btn--primary {
  background-color: #0076ff;
  box-shadow: none;
  color: #fff;
}

.btn--default.btn--primary.btn--xl {
  height: 52px;
  padding-right: 2em;
  padding-left: 2em;
  font-size: 21px;
  line-height: 52px;
}

.btn--default.btn--primary.btn--xl.btn--icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 21px;
}

.btn--default.btn--primary.btn--m {
  height: 44px;
  font-size: 18px;
  line-height: 44px;
}

.btn--default.btn--primary.btn--m.btn--icon {
  width: 44px;
  font-size: 17px;
}

.btn--default.btn--primary.btn--border.btn--icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
}

.btn--default.btn--primary.btn--xs {
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 0px;
}

.btn--default.btn--primary.btn--xs.btn--border.btn--icon {
  width: 30px;
  font-size: 14px;
}

.btn--default.btn--primary.btn--l {
  height: 48px;
  font-size: 19px;
  line-height: 48px;
}

.btn--default.btn--primary.btn--l.btn--icon {
  width: 48px;
  font-size: 19px;
}

.btn--default.btn--primary.btn--s {
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0.25px;
}

.btn--default.btn--primary.btn--s.btn--border.btn--icon {
  width: 34px;
  font-size: 16px;
}

.btn--default.btn--gray {
  background-color: #eff2f7;
  box-shadow: none;
  color: #515e68;
}

.btn--default.btn--info {
  background-color: #05b8ff;
  box-shadow: none;
  color: #fff;
}

.btn--default.btn--warning {
  background-color: #ffc53d;
  box-shadow: none;
  color: #fff;
}

.btn--default.btn--success {
  background-color: #85c737;
  box-shadow: none;
  color: #fff;
}

.embed-css-container {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 100001;
  display: block;
  width: 100%;
  height: 39px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  background-color: #0b151f;
}

.custom-css__nav-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-width: 120px;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #1a1a1a;
  background-color: #2c2c2b;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: hsla(0, 0%, 100%, 0.85);
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.custom-css__nav-link:hover {
  background-color: #404040;
  color: #fff;
}

.embed-css__label--icon {
  position: relative;
  top: 0px;
  display: none;
  margin-right: 9px;
  opacity: 1;
  color: #a6a6a6;
  font-size: 14px;
  line-height: 39px;
  letter-spacing: 0px;
}

.embed-css__label {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}

.embed-css__label-text {
  margin-left: 3px;
  opacity: 0.85;
  color: #0094ea;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0px;
}

.css-embed {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  background-color: transparent;
  opacity: 0;
}

.lottie--img {
  width: 100%;
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
}

.wave-bg {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -30px;
  z-index: 0;
}

.hero--section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 700px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #041e50;
}

.search--animation {
  position: relative;
  left: -23%;
  top: 40px;
  z-index: 1;
  width: 135%;
  height: auto;
  margin-top: -40px;
  margin-right: auto;
  opacity: 0.25;
  -webkit-filter: hue-rotate(212deg) invert(100%) contrast(200%) saturate(0%);
  filter: hue-rotate(212deg) invert(100%) contrast(200%) saturate(0%);
}

.animation--section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #041e50;
}

.circle--img {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -86px;
  z-index: 1;
  max-width: 200px;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.finger--section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 800px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #041e50;
}

.client-name {
  margin-right: 7px;
  color: #253858;
  font-weight: 600;
}

.client-name.white-color {
  opacity: 0.85;
  color: #fff;
}

.testimonials__arrow--right--img {
  display: block;
}

.testimonials__arrow--right {
  left: 45px;
  top: -10px;
  right: auto;
  overflow: visible;
  width: 71px;
  height: 18px;
  margin-top: 0px;
  margin-bottom: auto;
  opacity: 0.8;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #c1c7d0;
  cursor: pointer;
}

.testimonials__arrow--right:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.testimonials-slider__mask {
  overflow: visible;
}

.quote-text {
  position: relative;
  z-index: 1;
  font-size: 17px;
  text-shadow: 0 -1px 0 #fff;
}

.client-meta {
  position: absolute;
  left: 220px;
  bottom: -75px;
  display: block;
  overflow: hidden;
  color: #505f79;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.25px;
}

.client-meta.white-color {
  opacity: 1;
  color: #fff;
}

.testimonials__arrow--left--img {
  display: block;
}

.testimonials-slider__nav {
  position: relative;
  top: -30px;
  display: none;
}

.testimonials-slider__slide-container {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 35px 35px 75px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 12px 32px -16px rgba(23, 43, 77, 0.25);
  color: #505f79;
  font-weight: 400;
}

.testimonials-slider__slide {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

.client-photo {
  position: absolute;
  left: 140px;
  bottom: -95px;
  display: block;
  overflow: hidden;
  width: 65px;
  height: 65px;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 10px 24px -10px rgba(4, 15, 34, 0.65);
  -webkit-filter: saturate(0%) brightness(120%);
  filter: saturate(0%) brightness(120%);
}

.testimonials-triagle {
  position: absolute;
  left: 10%;
  right: 0px;
  bottom: -32px;
  width: 0px;
  height: 0px;
  border-style: none solid solid none;
  border-width: 0px 40px 35px 0px;
  border-color: #000 #fff hsla(0, 0%, 100%, 0) #000;
  box-shadow: none;
}

.testimonials-slider__arrow--left {
  position: absolute;
  left: auto;
  top: -11px;
  right: 100px;
  z-index: 3;
  display: block;
  overflow: visible;
  width: 24px;
  height: 18px;
  margin-top: 0px;
  opacity: 0.5;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #c1c7d0;
  cursor: pointer;
}

.testimonials-slider__arrow--left:hover {
  opacity: 1;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.testimonials-slider__arrow--left.home-page {
  left: 5px;
  top: -10px;
  right: auto;
}

.quote-icon {
  position: absolute;
  left: 25px;
  top: 30px;
  z-index: 0;
  display: block;
  width: 30px;
  height: 30px;
  opacity: 1;
  font-family: 'Cadlab Icons', sans-serif;
  color: #0076ff;
  font-size: 26px;
  line-height: 100%;
}

.testimonials-slider {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  background-color: transparent;
  -webkit-perspective: 860px;
  perspective: 860px;
}

.hero-bg-waves {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: auto;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 30, 80, 0.6)), to(rgba(4, 30, 80, 0))), url("../images/landing-top-left-bg.svg");
  background-image: linear-gradient(180deg, rgba(4, 30, 80, 0.6), rgba(4, 30, 80, 0)), url("../images/landing-top-left-bg.svg");
  background-position: 0px 0px, -5% -50%;
  background-size: auto, auto 380px;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.headline-8-col {
  width: 620px;
  margin-bottom: 50px;
}

.content2-jumbonumber {
  opacity: 0.2;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 96px;
  line-height: 120px;
  font-weight: 400;
}

.content2-jumbonumber.color--blue {
  opacity: 0.75;
  font-family: 'Roboto Mono', sans-serif;
  color: #2692ff;
  font-size: 96px;
  font-weight: 400;
}

.content1-image {
  height: 340px;
  margin-bottom: 30px;
  border-radius: 5px;
}

.content1-image.content1-image1 {
  background-image: url("../images/landing-hero-2.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.content1-image.content1-image3 {
  background-image: url("../images/Services1-Image2.jpg");
  background-position: 100% 100%;
  background-size: cover;
}

.content1-image.content1-image2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.15)), to(hsla(0, 0%, 100%, 0.15))), url("../images/landing-hero.jpg");
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0.15)), url("../images/landing-hero.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  -webkit-filter: saturate(82%);
  filter: saturate(82%);
}

.content5-headline-wrapper {
  padding-right: 40px;
}

.content7-numbers-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.headline-6-col {
  width: 460px;
  margin-bottom: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

._4-col {
  display: inline-block;
  width: auto;
  margin-right: 15px;
  margin-left: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

._4-col._4-col-last {
  display: inline-block;
  margin-right: 0px;
}

.content7-number-card {
  padding: 10px 30px 20px;
  border-radius: 8px;
  background-color: #111212;
  color: #fff;
}

.content7-number-card.content7-number-card-content3 {
  background-color: #faad14;
}

.content7-number-card.content7-number-card-content2 {
  background-color: #b37feb;
}

.content7-number-card.content7-number-card-content4 {
  background-color: #36cfc9;
}

.content7-number-card.content7-number-card-content1 {
  background-color: #597ef7;
}

.decoline {
  width: 45px;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 118, 255, 0)), to(#0076ff));
  background-image: linear-gradient(90deg, rgba(0, 118, 255, 0), #0076ff);
}

.decoline.decoline-large {
  width: 60px;
  height: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: transparent;
}

.decoline.centered {
  width: 60px;
  height: 3px;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
}

.content2-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

._6-col {
  display: inline-block;
  width: 460px;
  margin-right: 15px;
  margin-left: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

._6-col._6-col-last {
  margin-right: 0px;
}

.content1-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content9-item-wrap {
  padding-right: 20px;
}

._3-col {
  display: inline-block;
  width: 220px;
  margin-right: 15px;
  margin-left: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

._3-col._3-col-last {
  margin-right: 0px;
}

.content8-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.tagline {
  color: #0076ff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.tagline.cards-lbl {
  position: relative;
  left: 0px;
  top: -115px;
  right: 0px;
  bottom: auto;
  display: block;
  width: 98.5vw;
  margin: 0px;
  padding: 15px 30px;
  border-style: dashed;
  border-width: 1px;
  border-color: #0076ff;
  background-color: #f2f9ff;
  opacity: 1;
  font-family: 'Roboto Mono', sans-serif;
  color: #0076ff;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}

.tagline.tagline--white {
  color: hsla(0, 0%, 100%, 0.85);
  font-weight: 500;
}

.content7-number-card-no-wrap {
  margin-top: -5px;
  margin-bottom: -5px;
}

.content1-item-description {
  padding-right: 40px;
}

.content6-headline {
  margin-bottom: 45px;
  padding-right: 40px;
}

.content4-image {
  width: 300px;
  height: 300px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  border-radius: 50%;
  background-color: #f2f9ff;
  background-image: url("../images/lower-cost-icon.svg");
  background-position: 50% 50%;
  background-size: 50%;
  background-repeat: no-repeat;
}

.content4-image.content4-image4 {
  background-image: url("../images/securiy-icon.svg");
  background-size: 60%;
}

.content4-image.content4-image2 {
  background-image: url("../images/artificial-intelligence-icon.svg");
  background-size: 50%;
}

.content4-image.content4-image6 {
  background-image: url("../images/research-icon.svg");
  background-size: 50%;
}

.content4-image.content4-image3 {
  background-image: url("../images/acceess-control--icon.svg");
  background-size: 60%;
}

.content4-image.content4-image5 {
  background-image: url("../images/industrial-icon.svg");
  background-size: 50%;
}

.content4-item {
  margin-bottom: 20px;
}

.h2-jumbo {
  font-family: Archivo, sans-serif;
  color: #fff;
  font-size: 38px;
  line-height: 56px;
  font-weight: 400;
  letter-spacing: 1px;
}

.content-wrappper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1140px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.content-wrappper.horizonral-aligh {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.structure-section-name {
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
}

.content6-pic {
  width: 98%;
  height: 460px;
  margin-bottom: 30px;
  border-radius: 8px;
  background-image: url("../images/example-bg.png");
  background-position: 50% 50%;
  background-size: cover;
}

.content6-pic.content6-image4 {
  height: 320px;
  background-image: url("../images/arduino-shield.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.content6-pic.content6-image1 {
  height: 320px;
  background-image: url("../images/arduino.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.content6-pic.content6-image3 {
  background-image: url("../images/led.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.content6-pic.content6-image2 {
  height: 320px;
  background-image: url("../images/led.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.content5-description {
  margin-top: 18px;
}

.content4-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0px -15px 40px;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.content9-icon {
  margin-bottom: 15px;
}

.h1-jumbo {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 38px;
}

.content7-divider {
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: hsla(0, 0%, 100%, 0.35);
}

._6-col-last {
  width: 460px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.content3-headline {
  margin-top: 5px;
  padding-right: 50px;
}

.content3-bottom-headline {
  margin-top: 20px;
  margin-bottom: 30px;
  opacity: 0.85;
  font-size: 24px;
  font-weight: 500;
}

.title--white {
  color: #fff;
}

.heading--white {
  color: #fff;
}

.p--white {
  color: hsla(0, 0%, 100%, 0.65);
}

.video-player {
  box-shadow: 0 25px 50px -12px rgba(5, 19, 44, 0.15);
}

.lottie-animation {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 15px;
}

.lottie-animation.lottie-3 {
  border-radius: 50%;
  background-color: #0076ff;
}

.ais-instantsearch {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.ais-searchbox-form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding: 20px 10px 20px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(112, 135, 173, 0.25);
}

.ais-searchbox-input {
  height: 49px;
  margin-right: 25px;
  margin-bottom: 0px;
  padding: 0px 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #f5f9fd;
  border-radius: 5px;
  background-color: #f5f9fd;
  background-image: url("../images/search-by-algolia-light-background.svg");
  background-position: 95% 50%;
  background-size: 126px 18px;
  background-repeat: no-repeat;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #505f79;
  font-size: 17px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0.25px;
}

.ais-searchbox-input:hover {
  border-style: solid;
  border-color: #b2d9ff;
  background-color: rgba(242, 249, 255, 0.85);
}

.ais-searchbox-input:active {
  border: 1px solid #b2d9ff;
  background-color: rgba(242, 249, 255, 0.85);
  box-shadow: inset 0 0 2px 1px #b2d9ff;
}

.ais-searchbox-input:focus {
  border: 1px solid #b2d9ff;
  background-color: rgba(242, 249, 255, 0.85);
  box-shadow: inset 0 0 2px 1px #b2d9ff;
}

.ais-searchbox-input::-webkit-input-placeholder {
  color: #9faec7;
  font-weight: 400;
}

.ais-searchbox-input:-ms-input-placeholder {
  color: #9faec7;
  font-weight: 400;
}

.ais-searchbox-input::-ms-input-placeholder {
  color: #9faec7;
  font-weight: 400;
}

.ais-searchbox-input::placeholder {
  color: #9faec7;
  font-weight: 400;
}

.ais-searchbox-submit {
  position: absolute;
  left: 35px;
  top: 33px;
  right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  font-family: 'Cadlab Icons', sans-serif;
  color: #0076ff;
  font-size: 24px;
  line-height: 100%;
  cursor: pointer;
}

.ais-searchbox-submit:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  color: #0076ff;
}

.ais-filterbox {
  position: absolute;
  left: auto;
  top: 120px;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 45px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #dfe1e5;
}

.ais-filterbox.relative-box {
  position: relative;
  top: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.ais-hitsperpage-select {
  position: relative;
  width: 62px;
  height: 32px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding: 0px 0px 0px 15px;
  border: 0px solid #000;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #dfe1e5;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #505f79;
  font-size: 13px;
  line-height: 135%;
  font-weight: 600;
  cursor: pointer;
}

.ais-hitsperpage-select:hover {
  background-color: #fbfdff;
  box-shadow: inset 0 0 0 1px #b2d9ff;
}

.ais-hitsperpage-select:active {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #b2d9ff;
}

.ais-hitsperpage-select:focus {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #b2d9ff;
  color: #505f79;
  font-weight: 600;
}

.ais-hitsperpage-select.select {
  width: auto;
  padding-right: 35px;
  padding-left: 10px;
}

.ais-searchbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.ais-refinementlist {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ais-refinementlist-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.45em;
}

.ais-refinementlist-item {
  margin-right: 20px;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  list-style-type: none;
}

.ais-refinementlist-label {
  position: relative;
  top: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 100%;
}

.hits {
  margin-top: 110px;
}

.ais-hits-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.ais-hits-list.project-page {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}

.ais-hits-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.5%;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 48.5%;
  -ms-flex: 0 48.5%;
  flex: 0 48.5%;
  list-style-type: none;
}

.ais-hits-item.teaser {
  -webkit-flex-basis: 31.66%;
  -ms-flex-preferred-size: 31.66%;
  flex-basis: 31.66%;
}

.ais-hits-item.teaser-full-width {
  -webkit-flex-basis: 48.5%;
  -ms-flex-preferred-size: 48.5%;
  flex-basis: 48.5%;
}

.project-item__card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: auto;
  min-height: 300px;
  padding: 25px 4%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(112, 135, 173, 0.25);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  cursor: default;
}

.project-item__card:hover {
  box-shadow: 0 8px 20px -4px rgba(112, 135, 173, 0.4);
  -webkit-transform: scale(1.015) translate(0px, -4px);
  -ms-transform: scale(1.015) translate(0px, -4px);
  transform: scale(1.015) translate(0px, -4px);
}

.project-item__card.teaser {
  padding-right: 6%;
  padding-left: 6%;
  background-color: #fff;
}

.project-item__card.teaser:hover {
  background-color: #fbfdff;
}

.project-item__card.teaser-large {
  padding: 30px 25px;
  background-color: #fff;
}

.project-item__card.teaser-large:hover {
  background-color: #fbfdff;
  box-shadow: 0 8px 20px -4px rgba(112, 135, 173, 0.4);
}

.project-name {
  display: inline-block;
  margin-bottom: 5px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #081937;
  font-size: 22px;
  line-height: 1.35em;
  font-weight: 600;
  letter-spacing: 0.25px;
  white-space: normal;
  cursor: pointer;
}

.project-name:hover {
  color: #05132c;
}

.project-name.teaser {
  font-size: 20px;
}

.ais-refinementlist-labeltext {
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #172b4d;
  font-size: 16px;
}

.ais-refinementlist-count {
  position: relative;
  bottom: 2px;
  display: inline-block;
  width: auto;
  min-height: 20px;
  min-width: 18px;
  margin-left: 7px;
  padding: 5px 6px 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: #f2f9ff;
  box-shadow: inset 0 0 0 1px #e6f0f8;
  font-family: Archivo, sans-serif;
  color: #505f79;
  font-size: 11px;
  line-height: 100%;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.25px;
}

.ais-filter__show-items-velue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #505f79;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
}

.project-item__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.project-item__author {
  position: relative;
  right: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #8993a4;
  font-size: 15px;
  line-height: 100%;
  font-weight: 500;
}

.project-item__header--left-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.project-item__author-icon {
  display: inline-block;
  margin-right: 5px;
  font-family: 'Cadlab Icons', sans-serif;
  color: #8993a4;
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
}

.project-item__author-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  color: #0076ff;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}

.project-item__author-name:hover {
  color: #2692ff;
  text-decoration: underline;
}

.project-item__header--right-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.project-item__thumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

.project-item__thumbs:hover {
  opacity: 1;
}

.project-item__thumbs.large-thumbs {
  width: 100%;
  margin: 20px auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.project-item__thumb-sch {
  overflow: hidden;
  width: 100%;
  margin-right: 2%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f6f8fa;
  border-radius: 3px;
  box-shadow: 0 4px 4px -2px rgba(112, 135, 173, 0.07);
}

.project-item__thumb-sch.teaser {
  max-width: 520px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-width: 1px;
  border-color: rgba(137, 147, 164, 0.25);
  border-radius: 4px;
  box-shadow: 0 4px 4px -2px rgba(112, 135, 173, 0.07);
}

.project-item__thumb-pcb {
  overflow: hidden;
  width: 100%;
  margin-left: 2%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f6f8fa;
  border-radius: 3px;
  box-shadow: 0 4px 4px -2px rgba(112, 135, 173, 0.07);
}

.project-item__thumb-pcb.teaser {
  max-width: 520px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-width: 1px;
  border-color: rgba(137, 147, 164, 0.25);
  border-radius: 4px;
}

.project-item__description.truncate-text {
  padding: 0px;
  background-color: transparent;
}

.project-item__parts {
  position: relative;
  left: -5%;
  top: 0px;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 110%;
  height: auto;
  margin-top: 15px;
  margin-bottom: -25px;
  padding: 7px 5px 7px 50px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f8fa;
  background-image: url("../images/part-icon.svg");
  background-position: 23px 16px;
  background-size: 16px 12px;
  background-repeat: no-repeat;
}

.project-item__parts-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.project-item__part-name {
  overflow: hidden;
  height: auto;
  margin-top: 5px;
  margin-right: 12px;
  margin-bottom: 5px;
  padding: 4px 7px;
  border-style: solid;
  border-width: 1px;
  border-color: #dfe1e5;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-size: 12px;
  line-height: 100%;
  font-weight: 600;
  letter-spacing: 0.25px;
  white-space: nowrap;
  cursor: pointer;
}

.ais-filter__sort-by {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #505f79;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
}

.checkbox {
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: -1px;
  margin-right: 7px;
  margin-bottom: 0px;
  border-width: 2px;
  border-color: #0076ff;
  border-radius: 3px;
  line-height: 100%;
}

.checkbox.w--redirected-checked {
  width: 18px;
  height: 18px;
  margin-top: 0px;
  border-width: 2px;
  border-color: #0076ff;
  border-radius: 3px;
  background-color: #0076ff;
  background-size: 14px 14px;
  line-height: 100%;
}

.ais-pagination {
  display: block;
  width: 100%;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.ais-pagination-link {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  font-family: Archivo, sans-serif;
  color: #505f79;
  font-size: 13px;
  line-height: 32px;
  font-weight: 500;
}

.ais-pagination-link:hover {
  color: #fff;
}

.ais-pagination-link.ais-pagination-link--selected {
  background-color: #0076ff;
  color: #fff;
}

.ais-pagination-link.ais-pagination-link--icon {
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.features-project-page {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin-top: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 5px;
  background-color: #fff;
  background-image: none;
  box-shadow: 0 16px 32px -12px rgba(80, 95, 121, 0.24);
}

.featers-slides__menu {
  top: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 200px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.features-slides-link {
  display: inline-block;
  height: 44px;
  padding: 0px 0px 0px 25px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #fff;
  box-shadow: inset -3px 0 0 0 rgba(0, 118, 255, 0);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  font-family: Archivo, sans-serif;
  color: #081937;
  font-size: 16px;
  line-height: 44px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0px;
}

.features-slides-link:hover {
  background-color: #fafbfc;
  box-shadow: inset -3px 0 0 0 #0076ff;
  color: #081937;
}

.features-slides-link.w--current {
  background-color: #fbfcfd;
  box-shadow: inset -3px 0 0 0 #0076ff;
  color: #081937;
}

.features-slides__pane {
  overflow: hidden;
  width: 100%;
  padding: 45px 25px 30px;
  background-color: rgba(250, 251, 252, 0.8);
}

.features-slides__intro-text {
  display: block;
  margin: 10px auto 15px;
  padding: 8px 15px;
  border-radius: 4px;
  color: #505f79;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0px;
}

.ais-projects-searchbox-form {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0px;
  padding: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1em;
}

.ais-projects-searchbox-input {
  width: 100%;
  height: 100%;
  margin-bottom: 0px;
  padding: 0px 10px 0px 35px;
  border-style: none;
  border-width: 0px;
  border-color: #172b4d;
  border-radius: 3px;
  background-color: rgba(26, 49, 88, 0.5);
  box-shadow: inset 0 0 0 1px rgba(34, 61, 105, 0.5);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  font-family: Archivo, sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0.25px;
}

.ais-projects-searchbox-input:hover {
  background-color: rgba(26, 49, 88, 0.75);
  box-shadow: inset 0 0 0 1px rgba(34, 61, 105, 0.75);
}

.ais-projects-searchbox-input:active {
  background-color: #1a3158;
  box-shadow: inset 0 0 0 1px #223d69;
}

.ais-projects-searchbox-input:focus {
  background-color: #1a3158;
  box-shadow: inset 0 0 0 1px #224277;
  color: #fff;
}

.ais-projects-searchbox-input::-webkit-input-placeholder {
  color: rgba(123, 136, 158, 0.65);
  font-weight: 500;
}

.ais-projects-searchbox-input:-ms-input-placeholder {
  color: rgba(123, 136, 158, 0.65);
  font-weight: 500;
}

.ais-projects-searchbox-input::-ms-input-placeholder {
  color: rgba(123, 136, 158, 0.65);
  font-weight: 500;
}

.ais-projects-searchbox-input::placeholder {
  color: rgba(123, 136, 158, 0.65);
  font-weight: 500;
}

.ais-projects-searchbox {
  position: relative;
  height: 36px;
  max-width: 295px;
  margin-bottom: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ais-projects-searchbox-submit {
  position: absolute;
  left: 5px;
  top: 5px;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  font-family: 'Cadlab Icons', sans-serif;
  color: #8993a4;
  font-size: 18px;
  line-height: 100%;
  cursor: pointer;
}

.ais-projects-searchbox-submit:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  color: #0076ff;
}

.formats {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1180px;
  padding: 35px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: solid;
  border-width: 2px;
  border-color: #e3f2ff;
  border-radius: 7px;
  background-color: #fff;
  background-image: linear-gradient(245deg, #f5faff 46%, hsla(0, 0%, 100%, 0) 0);
  box-shadow: 0 20px 20px -20px rgba(9, 30, 66, 0.2);
}

.supported-vendors {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  max-width: 600px;
  padding-right: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.other-vendors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 43%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.other-vendors__text {
  width: 100%;
  max-width: 250px;
  margin: 0px auto;
  padding-right: 15px;
  color: #081937;
  font-size: 21px;
  line-height: 1.15em;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
}

.vendor-logo-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 72px;
  margin-right: 4%;
  margin-left: 0%;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f9ff), to(#fcfeff));
  background-image: linear-gradient(0deg, #f2f9ff, #fcfeff);
  box-shadow: 0 10px 20px -15px rgba(12, 44, 100, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.vendors-heading {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 640px;
  margin-top: -45px;
  margin-bottom: 30px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 29px;
}

.main-text {
  margin-top: 0px;
  font-size: 45px;
  line-height: 1.15em;
  letter-spacing: 0.5px;
}

.project-hero__big-text {
  white-space: nowrap;
}

.hero-landing-heading {
  width: 100%;
  max-width: 300px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 42px;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.features-list__nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1240px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-bottom: 45px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-image: url("../images/dashed-line.svg");
  background-position: 50% 100%;
  background-size: 80%;
  background-repeat: no-repeat;
}

.features__card {
  position: relative;
  display: block;
  height: 100%;
  min-height: 115px;
  margin-right: 1%;
  margin-left: 1%;
  padding: 25px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 7px;
  background-color: #fff;
  background-image: linear-gradient(125deg, #f7fbff 10%, #fff 85%);
  box-shadow: 0 10px 10px -5px rgba(112, 135, 173, 0.25);
  color: #081937;
  font-size: 17px;
  line-height: 1.35em;
  font-weight: 600;
}

.features__card:hover {
  background-image: linear-gradient(125deg, #1c73d2, #4ca5ff);
  color: #fff;
}

.features__card.w--current {
  background-image: linear-gradient(125deg, #0060cc, #4ca5ff);
  color: #fff;
  font-size: 17px;
  line-height: 1.35em;
  font-weight: 600;
}

.features__card-title {
  width: 100%;
  max-width: 150px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.features__card-icon {
  position: absolute;
  left: auto;
  top: auto;
  right: 15px;
  bottom: 15px;
  width: 35%;
  height: auto;
  max-width: 86px;
  padding: 10px;
}

.features__card-icon.discuss {
  right: 20px;
  bottom: 15px;
  max-width: 84px;
}

.features__tabs {
  width: 100%;
  max-width: 1230px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}

.features-tab__pane {
  min-height: 540px;
  padding: 0px;
}

.features-tab__text {
  width: 38%;
  margin-left: 2%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #505f79;
  font-size: 18px;
  line-height: 1.65em;
  font-weight: 400;
}

.features-tabs__img {
  display: inline-block;
  width: 70%;
  max-width: 680px;
  margin-right: 2%;
  float: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.features-tabs__img.changes {
  width: 75%;
  max-width: 789px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.features-tab__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 0px 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.business-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  min-height: 220px;
  margin: 75px auto 30px;
  padding: 25px 4%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #0f2242;
  background-image: url("../images/business-block__left-side.svg");
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 50px 32px -25px rgba(9, 30, 66, 0.25);
  color: #fff;
  font-size: 18px;
  line-height: 1.75em;
  letter-spacing: 0.25px;
}

.tab-triagle-active-1 {
  position: absolute;
  left: 46%;
  bottom: -57px;
  z-index: 1;
  opacity: 0;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.tab-triagle-1 {
  position: absolute;
  left: 47%;
  bottom: -60px;
  z-index: 0;
}

.tab-triagle-active-2 {
  position: absolute;
  left: 46%;
  bottom: -57px;
  z-index: 1;
  opacity: 0;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.tab-triagle-2 {
  position: absolute;
  left: 47%;
  bottom: -60px;
  z-index: 0;
}

.tab-triagle-active-3 {
  position: absolute;
  left: 46%;
  bottom: -57px;
  z-index: 1;
  opacity: 0;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.tab-triagle-3 {
  position: absolute;
  left: 47%;
  bottom: -60px;
  z-index: 0;
}

.tab-triagle-active-4 {
  position: absolute;
  left: 46%;
  bottom: -57px;
  z-index: 1;
  opacity: 0;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.tab-triagle-4 {
  position: absolute;
  left: 47%;
  bottom: -60px;
  z-index: 0;
}

.tab-line-4 {
  position: absolute;
  left: 50%;
  bottom: -45px;
  z-index: -1;
  opacity: 0.25;
}

.tab-line-3 {
  position: absolute;
  left: 50%;
  bottom: -45px;
  z-index: -1;
  opacity: 0.25;
}

.tab-line-2 {
  position: absolute;
  left: 50%;
  bottom: -45px;
  z-index: -1;
  opacity: 0.25;
}

.tab-line-1 {
  position: absolute;
  left: 50%;
  bottom: -45px;
  z-index: -1;
  opacity: 0.25;
}

.anontation-projects-video {
  position: relative;
  overflow: visible;
  width: 75%;
  max-width: 680px;
  margin-right: 3%;
  padding-top: 28px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fafbfc;
  box-shadow: 0 12px 16px -8px rgba(8, 25, 55, 0.25);
}

.find-project__block {
  position: relative;
  bottom: -50px;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 780px;
  min-height: 100px;
  margin-top: 45px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 45px 20px 125px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 7px;
  background-color: #fff;
  background-image: url("../images/search-pattern.svg"), linear-gradient(95deg, #1171dd, #091c3c);
  background-position: 0% 50%, 0px 0px;
  background-size: contain, auto;
  background-repeat: no-repeat, repeat;
  box-shadow: 0 20px 20px -10px rgba(9, 30, 66, 0.25);
  color: #fff;
  font-size: 22px;
  line-height: 1.25em;
  font-weight: 600;
  letter-spacing: 0.75px;
}

.business-block-title {
  max-width: 250px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 32px;
  line-height: 1.15em;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.busines-block__text {
  position: relative;
  bottom: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  max-width: 520px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 18px;
  line-height: 1.65em;
}

.cursor-click {
  position: absolute;
  left: auto;
  top: 70px;
  right: 9%;
  bottom: auto;
  z-index: 2;
  display: block;
  width: 64px;
  height: 64px;
  margin: 0px;
}

.btn-icon--arrow {
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'Cadlab Icons', sans-serif;
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
}

.home-hero-text {
  font-size: 45px;
  line-height: 1.15em;
}

.home-hero__image {
  position: relative;
  top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 18px;
}

.hero-home-img__wrap {
  position: relative;
  left: 15%;
  bottom: 15px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 120%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.isometric-diff {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: block;
}

.flow-arrows {
  position: absolute;
  left: 7px;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 6;
}

.flow-git {
  position: absolute;
  left: 7px;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.home-hero__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-hero__text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 51.5%;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 18px;
}

.hero-isometric__text-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-isometric__text--1 {
  position: absolute;
  left: auto;
  top: 17%;
  right: 5%;
  bottom: auto;
  z-index: 1;
  display: block;
  padding: 11px 17px;
  border-radius: 3px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(38, 146, 255, 0.9)), to(rgba(0, 118, 255, 0.9)));
  background-image: linear-gradient(270deg, rgba(38, 146, 255, 0.9), rgba(0, 118, 255, 0.9));
  box-shadow: 0 12px 8px -6px rgba(9, 61, 150, 0.4);
  opacity: 1;
  color: #fff;
  font-size: 19px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  text-shadow: 0 -1px 0 rgba(8, 25, 55, 0.15);
  white-space: nowrap;
}

.hero-isometric__text--3 {
  position: absolute;
  left: auto;
  top: 17%;
  right: 8%;
  bottom: auto;
  z-index: 1;
  display: none;
  padding: 11px 20px;
  border-radius: 3px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 118, 255, 0.85)), to(rgba(38, 146, 255, 0.85)));
  background-image: linear-gradient(90deg, rgba(0, 118, 255, 0.85), rgba(38, 146, 255, 0.85));
  box-shadow: 0 16px 8px -4px rgba(9, 61, 150, 0.2);
  opacity: 1;
  color: #fff;
  font-size: 19px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  text-shadow: 0 -1px 0 rgba(8, 25, 55, 0.15);
  white-space: nowrap;
}

.hero-isometric__text--4 {
  position: absolute;
  left: auto;
  top: 17%;
  right: 2%;
  bottom: auto;
  z-index: 1;
  display: none;
  padding: 11px 17px;
  border-radius: 3px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 118, 255, 0.85)), to(rgba(38, 146, 255, 0.85)));
  background-image: linear-gradient(90deg, rgba(0, 118, 255, 0.85), rgba(38, 146, 255, 0.85));
  box-shadow: 0 16px 8px -4px rgba(9, 61, 150, 0.2);
  opacity: 1;
  color: #fff;
  font-size: 19px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  text-shadow: 0 -1px 0 rgba(8, 25, 55, 0.15);
  white-space: nowrap;
}

.projects-hero__big-text {
  display: block;
  white-space: nowrap;
}

.projects-hero-intro-wrap {
  position: relative;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.projects-hero__text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 51.5%;
  padding-right: 0px;
  padding-bottom: 40px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 18px;
}

.hero-isometric__text--2 {
  position: absolute;
  left: auto;
  top: 17%;
  right: 4%;
  bottom: auto;
  z-index: 1;
  display: none;
  padding: 11px 17px;
  border-radius: 3px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 118, 255, 0.85)), to(rgba(38, 146, 255, 0.85)));
  background-image: linear-gradient(90deg, rgba(0, 118, 255, 0.85), rgba(38, 146, 255, 0.85));
  box-shadow: 0 16px 8px -4px rgba(9, 61, 150, 0.2);
  opacity: 1;
  color: #fff;
  font-size: 19px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  text-shadow: 0 -1px 0 rgba(8, 25, 55, 0.15);
  white-space: nowrap;
}

.process-text {
  white-space: nowrap;
}

.lottie-icon {
  width: 80px;
  margin: 20px 30px;
}

.cadlab-text {
  display: block;
}

.play-video-icon {
  position: absolute;
  left: 7%;
  top: auto;
  right: 0%;
  bottom: 57%;
  z-index: 10;
  width: 70px;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  background-color: rgba(0, 118, 255, 0.75);
  box-shadow: inset 0 0 5px 10px rgba(23, 43, 77, 0.1), 0 24px 32px -8px rgba(23, 43, 77, 0.85);
  opacity: 0.85;
}

.border-circle {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 118, 255, 0);
  box-shadow: 0 0 0 2px #0076ff, inset 0 0 0 2px #0076ff;
}

.sliding-popup-wrapper {
  background-color: rgba(7, 25, 55, 0.95);
}

.testimonial--video {
  position: fixed;
  z-index: 1000001;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(2, 7, 15, 0.88);
  opacity: 0;
}

.orcad-logo {
  position: relative;
  left: 5px;
  width: 90%;
  max-width: 165px;
  padding-left: 15px;
}

.altium-pcb-layout--img {
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 962px;
  margin-right: auto;
  margin-left: auto;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  -o-object-fit: contain;
  object-fit: contain;
}

.section-container {
  position: relative;
  width: 100%;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
}

.subsection-img__wrap {
  position: relative;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.subsection-img__wrap.public-privat {
  position: relative;
  max-width: 905px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f9fd), to(#f5f9fd));
  background-image: linear-gradient(180deg, #f5f9fd, #f5f9fd);
}

.subsection-img__wrap.individual-profiles {
  max-width: 925px;
  opacity: 1;
}

.subsection-img__wrap.render {
  max-width: 925px;
}

.subsection-img__wrap.libraries {
  height: auto;
  max-width: 870px;
}

.subsection-img__wrap.history {
  max-width: 908px;
}

.subsection-img__wrap.visual-diff {
  max-width: 887px;
  margin-top: 30px;
}

.subsection-img__wrap.files-support {
  max-width: 967px;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.subsection-img__wrap.access-control {
  position: relative;
  max-width: 260px;
  margin-top: 40px;
}

.subsection-img__wrap.chrome {
  max-width: 863px;
}

.subsection-img__wrap.branches {
  max-width: 932px;
}

.subsection-img__wrap.discussions {
  max-width: 923px;
}

.subsection-img__wrap.file-upload {
  width: 91%;
  max-width: 963px;
}

.subsection-overlay-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(65%, rgba(252, 254, 255, 0)), color-stop(90%, #fcfeff));
  background-image: linear-gradient(90deg, rgba(252, 254, 255, 0) 65%, #fcfeff 90%);
}

.subsection-overlay-bg.public-privat {
  position: relative;
  max-width: 905px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f9fd), to(#f5f9fd));
  background-image: linear-gradient(180deg, #f5f9fd, #f5f9fd);
}

.subsection-overlay-bg.individual-profiles {
  max-width: 925px;
  opacity: 1;
}

.subsection-overlay-bg.render {
  max-width: 925px;
}

.subsection-overlay-bg.libraries {
  height: auto;
  max-width: 870px;
}

.subsection-overlay-bg.history {
  max-width: 908px;
}

.subsection-overlay-bg.visual-diff {
  max-width: 887px;
  margin-top: 30px;
}

.subsection-overlay-bg.files-support {
  max-width: 967px;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.subsection-overlay-bg.access-control {
  position: relative;
  max-width: 260px;
  margin-top: 40px;
}

.subsection-overlay-bg.chrome {
  max-width: 863px;
}

.subsection-overlay-bg.branches {
  max-width: 932px;
}

.subsection-overlay-bg.discussions {
  max-width: 923px;
}

.subsection-overlay-bg.file-upload {
  width: 91%;
  max-width: 963px;
}

.subsection-overlay-bg.overlay-bg {
  max-width: 925px;
  opacity: 1;
}

.vote-label {
  position: absolute;
  left: auto;
  top: 5px;
  right: 5px;
  bottom: auto;
  display: block;
  padding: 3px 3px 1px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  background-color: #0076ff;
  color: hsla(0, 0%, 100%, 0.85);
  font-size: 8px;
  line-height: 100%;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.other-software-icon {
  width: 80%;
  max-width: 130px;
}

.customer-meta {
  margin-top: 45px;
  padding-left: 3%;
  color: #081937;
  font-size: 20px;
  line-height: 1.75em;
  font-weight: 700;
}

.customer-testimonial {
  padding-left: 3%;
  font-style: italic;
  letter-spacing: 0.25px;
}

.testimonial-logo {
  width: 160px;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
  -o-object-fit: contain;
  object-fit: contain;
}

.testimonial-logos {
  position: absolute;
  left: 2%;
  top: auto;
  right: auto;
  bottom: 22%;
  width: 37%;
  max-width: 223px;
  margin-top: 5px;
  -o-object-fit: contain;
  object-fit: contain;
}

.customer-position {
  display: inline-block;
  font-size: 19px;
  line-height: 1.45em;
  font-weight: 400;
}

.italic-text {
  font-style: normal;
  font-weight: 400;
}

.customer-company {
  margin-left: 7px;
  font-size: 19px;
  line-height: 1.45em;
  font-weight: 500;
}

html.w-mod-js *[data-ix="modal-initial-state"] {
  display: none;
  opacity: 0;
  -webkit-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
}

html.w-mod-js *[data-ix="sliding-popup-visible"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="loader"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

html.w-mod-js *[data-ix="load-fade-top"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="load-fade-top-wait"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="load-fade-bottom"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="load-fade-bottom-wait"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="load-fade-right"] {
  opacity: 0;
  -webkit-transform: translate(-150px, 0px);
  -ms-transform: translate(-150px, 0px);
  transform: translate(-150px, 0px);
}

html.w-mod-js *[data-ix="load-fade-right-wait"] {
  opacity: 0;
  -webkit-transform: translate(-120px, 0px);
  -ms-transform: translate(-120px, 0px);
  transform: translate(-120px, 0px);
}

html.w-mod-js *[data-ix="load-fade-left"] {
  opacity: 0;
  -webkit-transform: translate(150px, 0px);
  -ms-transform: translate(150px, 0px);
  transform: translate(150px, 0px);
}

html.w-mod-js *[data-ix="load-fade-left-wait"] {
  opacity: 0;
  -webkit-transform: translate(150px, 0px);
  -ms-transform: translate(150px, 0px);
  transform: translate(150px, 0px);
}

html.w-mod-js *[data-ix="load-minus-scale"] {
  opacity: 0;
  -webkit-transform: scale(0.7500000000000004, 0.7500000000000004);
  -ms-transform: scale(0.7500000000000004, 0.7500000000000004);
  transform: scale(0.7500000000000004, 0.7500000000000004);
}

html.w-mod-js *[data-ix="load-plus-scale"] {
  opacity: 0;
  -webkit-transform: scale(1.25, 1.25);
  -ms-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}

html.w-mod-js *[data-ix="slide-scale"] {
  opacity: 0.1;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

html.w-mod-js *[data-ix="initial-state-hidden"] {
  display: none;
}

html.w-mod-js *[data-ix="submenu-hover"] {
  display: none;
  opacity: 0;
  -webkit-transform: scale(0.8500000000000003, 0.8500000000000003);
  -ms-transform: scale(0.8500000000000003, 0.8500000000000003);
  transform: scale(0.8500000000000003, 0.8500000000000003);
}

html.w-mod-js *[data-ix="sticky-header-initial-state"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(0px, -100%);
  -ms-transform: translate(0px, -100%);
  transform: translate(0px, -100%);
}

html.w-mod-js *[data-ix="tesimonials-slide-scale"] {
  opacity: 0.23;
  -webkit-transform: scale(0.8, 0.8) translate(-10%, -15px) rotateX(0deg) rotateY(-23deg) rotateZ(0deg);
  transform: scale(0.8, 0.8) translate(-10%, -15px) rotateX(0deg) rotateY(-23deg) rotateZ(0deg);
}

html.w-mod-js *[data-ix="feature-tab-content-initial-state"] {
  opacity: 0;
  -webkit-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75);
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 38px;
  }
  h2 {
    font-size: 34px;
    letter-spacing: 0.5px;
  }
  h3 {
    font-size: 25px;
    line-height: 1.35em;
  }
  p {
    margin-bottom: 15px;
  }
  ._404-img {
    max-width: 240px;
    margin-bottom: 25px;
  }
  ._404-text {
    font-size: 17px;
  }
  .btn-nav {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 64px;
    background-color: #071937;
  }
  .btn-nav.pull-right {
    height: 100%;
  }
  .main-menu {
    position: fixed;
    left: auto;
    top: 62px;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: none;
    overflow: hidden;
    width: 345px;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #0e2040;
    box-shadow: -8px 0 16px -2px rgba(8, 25, 55, 0.2);
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
  .cta-buttons {
    position: relative;
    z-index: 2;
    width: auto;
    margin-left: 0px;
    padding-right: 20px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #081937;
  }
  .btn.btn--sign-up {
    padding-right: 22px;
    padding-left: 22px;
  }
  .btn.btn--secondary {
    height: 39px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 15px;
    line-height: 39px;
    font-weight: 700;
    letter-spacing: 1px;
  }
  .btn.btn--secondary.btn--get-started {
    height: 42px;
    margin-top: 15px;
    padding-right: 45px;
    padding-left: 45px;
    line-height: 42px;
    letter-spacing: 1.5px;
  }
  .btn.btn--secondary.btn--get-a-price {
    margin-top: 20px;
    margin-bottom: 35px;
    font-weight: 600;
  }
  .btn.btn--secondary.btn-get-price {
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    font-weight: 600;
  }
  .btn.btn--secondary.btn--create-a-project {
    height: 42px;
    margin-top: 15px;
    padding-right: 45px;
    padding-left: 45px;
    line-height: 42px;
    letter-spacing: 1.5px;
  }
  .btn.btn--secondary.btn--start-for-free {
    margin-top: 20px;
    margin-bottom: 35px;
    font-weight: 600;
  }
  .btn.btn--secondary.btn--add-project {
    margin-top: 20px;
    margin-bottom: 35px;
    font-weight: 600;
  }
  .btn.btn--sign-in {
    padding-right: 22px;
    padding-left: 22px;
  }
  .btn.btn--primary.btn--demo {
    top: -21px;
    height: 42px;
    line-height: 42px;
  }
  .btn.btn--primary.btn--star {
    height: 42px;
    margin-top: 15px;
    padding-right: 35px;
    padding-left: 35px;
    line-height: 43px;
  }
  .btn.btn--primary.btn--start-for-free {
    letter-spacing: 1px;
  }
  .btn.btn--primary.btn--create-project {
    letter-spacing: 1px;
  }
  .btn.btn--primary.btn--explore {
    top: 0px;
    height: 40px;
    max-width: 200px;
    margin-top: 60px;
    margin-bottom: 0px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 40px;
  }
  .btn.btn--vote {
    height: 42px;
    line-height: 43px;
    letter-spacing: 0.5px;
  }
  .btn.btn--vote.btn--platforms-card {
    margin-top: 20px;
  }
  .btn.btn--link {
    height: 42px;
    margin-top: 30px;
    line-height: 42px;
    letter-spacing: 1px;
  }
  .btn.get-notified {
    height: 42px;
    line-height: 43px;
    letter-spacing: 0px;
  }
  .btn.hp-view-more-btn {
    height: 42px;
    line-height: 42px;
  }
  .btn.social-login-btn {
    height: 42px;
    margin-top: 0px;
    margin-bottom: 25px;
    line-height: 42px;
  }
  .btn.btn--vote {
    height: 42px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 42px;
  }
  .btn.btn--no {
    padding-right: 22px;
    padding-left: 22px;
  }
  .btn.btn--vote-tool {
    height: 42px;
    line-height: 43px;
    letter-spacing: 0.5px;
  }
  .btn.btn--vote-tool.vendors {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .btn.btn--my-account {
    padding-right: 22px;
    padding-left: 22px;
  }
  .btn.btn--votes {
    width: 135px;
    height: 39px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 15px;
    line-height: 39px;
    font-weight: 700;
    letter-spacing: 1px;
  }
  .btn.btn--create-project {
    height: 39px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 15px;
    line-height: 39px;
    font-weight: 700;
    letter-spacing: 1px;
  }
  .btn.btn--sign-up-free {
    height: 40px;
    min-width: 200px;
    margin-right: 20px;
    margin-bottom: 0px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .btn.btn--share-project {
    height: 40px;
    min-width: 200px;
    margin-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 40px;
    letter-spacing: 1px;
  }
  .btn.btn--find-project {
    height: 38px;
    font-size: 14px;
    line-height: 39px;
    font-weight: 700;
    letter-spacing: 1px;
  }
  .btn.btn--business {
    height: 36px;
    margin-top: 15px;
    margin-right: 0%;
    padding-top: 0px;
    padding-right: 17px;
    padding-left: 23px;
    font-size: 13px;
    line-height: 36px;
    letter-spacing: 1px;
  }
  .tab-link {
    font-size: 16px;
  }
  .tab-link.tab-link--last-child.w--current {
    font-size: 16px;
  }
  .nav-link {
    height: auto;
    min-height: 50px;
    padding: 10px 15px 10px 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(23, 43, 77, 0);
    box-shadow: inset 0 -1px 0 0 rgba(37, 56, 88, 0.75);
    color: #fff;
    font-size: 15px;
    line-height: 1.45em;
    font-weight: 600;
    text-align: left;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }
  .nav-link:hover {
    background-color: rgba(0, 118, 255, 0.1);
    box-shadow: none;
    color: #fff;
  }
  .nav-link.w--current {
    background-color: #1171dd;
    box-shadow: inset 0 -1px 0 0 rgba(37, 56, 88, 0);
    color: #fff;
    font-weight: 600;
  }
  .nav-link.nav-link__submenu {
    width: 100%;
    height: auto;
    padding-right: 15px;
    padding-left: 23px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(0, 118, 255, 0.07);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }
  .nav-link.nav-link__submenu:hover {
    background-color: rgba(0, 118, 255, 0.2);
  }
  .nav-link.nav-link__submenu.w--current {
    background-color: #0076ff;
  }
  .nav-link.parent-item {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: rgba(0, 118, 255, 0.07);
    box-shadow: inset 0 -1px 0 0 rgba(37, 56, 88, 0.75);
    opacity: 1;
    color: #0076ff;
    font-weight: 700;
  }
  .nav-link.parent-item:hover {
    color: #fff;
  }
  .nav-link.home {
    box-shadow: inset 0 0 0 1px rgba(37, 56, 88, 0.75), inset 0 -1px 0 0 rgba(37, 56, 88, 0.75);
  }
  .tab__pane {
    padding: 25px 25px 35px;
  }
  .input.input--form-calc.transparent-field {
    height: 48px;
    line-height: 48px;
  }
  .col.md-5 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 41.67%;
    -ms-flex-preferred-size: 41.67%;
    flex-basis: 41.67%;
  }
  .col.md-8 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 66.66%;
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%;
  }
  .col.md-7 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 58.33%;
    -ms-flex-preferred-size: 58.33%;
    flex-basis: 58.33%;
  }
  .col.md-12 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .col.flex-align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .logo {
    position: relative;
    z-index: 2;
    max-width: 200px;
    margin-right: 0px;
    padding-bottom: 2px;
    padding-left: 20px;
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #081937;
    text-align: center;
  }
  .logo.w--current {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .modal-header {
    top: 25px;
    right: 25px;
  }
  .flow-points-img {
    width: 38%;
  }
  .btn--icon-play {
    top: 3px;
    font-size: 20px;
  }
  .btn-nav__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0e2040;
    opacity: 0;
  }
  .subsection-revision {
    left: -1%;
    width: 102%;
  }
  .sticky-header {
    display: none;
    height: 62px;
    -webkit-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
  .subsection-version-control {
    margin-top: 110px;
    padding-right: 0%;
    padding-left: 0%;
  }
  .gitlab-logo {
    max-width: 145px;
  }
  .header-menu--pcb-vendors {
    overflow: visible;
  }
  .tool-logos-wrap {
    margin-top: -25px;
    margin-bottom: 15px;
  }
  .footer-link {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .footer-link.w--current {
    background-color: rgba(99, 76, 136, 0.04);
    color: #8679db;
    font-weight: 500;
  }
  .header {
    height: 62px;
  }
  .github-logo {
    max-width: 85px;
  }
  .col-img--right {
    width: 33%;
  }
  .section-intro {
    margin-bottom: 40px;
  }
  .section-intro.check-out-how-to {
    margin-bottom: 25px;
  }
  .section-intro.contact-page {
    max-width: 580px;
  }
  .header-menu__overlay-gradient {
    display: none;
  }
  .col-text {
    width: 34%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .hero-intro-text {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .hero-intro-text.project-page {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .kicad-logo {
    width: 80%;
    max-width: 110px;
  }
  .get-started-box {
    bottom: 120px;
    margin-bottom: -100px;
    padding: 50px 30px 35px;
    background-size: auto 230px;
  }
  .get-started-box.get-started-block {
    bottom: 120px;
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .section-title {
    font-size: 26px;
    line-height: 1.35em;
  }
  .section-title.box-title {
    margin-bottom: 20px;
    font-size: 28px;
    letter-spacing: 0.25px;
  }
  .section-title.large-title {
    font-size: 26px;
    letter-spacing: 0px;
  }
  .section-title.section-large-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 32px;
    letter-spacing: 0px;
  }
  .section-title.section-large-title.section-top-title {
    font-size: 36px;
  }
  .section-title.dark-wave {
    width: 90%;
    font-size: 29px;
    font-weight: 500;
  }
  .intro-text {
    margin-bottom: 0px;
    font-size: 17px;
  }
  .intro-text.width-90 {
    max-width: 90%;
  }
  .intro-text.width-70 {
    width: 90%;
  }
  .intro-text.width-80 {
    width: 95%;
  }
  .intro-text.width-75 {
    width: 90%;
  }
  .intro-text.width-90 {
    width: 90%;
  }
  .intro-text.width-90--single {
    max-width: 90%;
  }
  .coming-soon-ribbon {
    max-width: 70px;
  }
  .header-container {
    overflow: visible;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .eagle-logo {
    max-width: 165px;
  }
  .leaf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    min-height: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .leaf.hide-on-modile {
    display: none;
  }
  .leaf.hide-on-desctop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .hero-card {
    padding-right: 110px;
  }
  .footer-menu {
    max-width: 780px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .hero--card-wrap {
    width: 100%;
    margin: 0px 0px 45px;
  }
  .hero--card-wrap:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .footer {
    height: 160px;
    padding-right: 45px;
    padding-bottom: 30px;
    padding-left: 45px;
    background-position: 0% 100%;
    background-size: 220px;
  }
  .footer.landing-page {
    height: 120px;
    padding-bottom: 30px;
    background-size: contain;
  }
  .schematic-img {
    left: 0px;
    right: 10px;
  }
  .col-img--left {
    width: 33%;
  }
  .hero-intro-wrap {
    width: 100%;
    max-width: 620px;
    margin-left: 0px;
  }
  .menu--pcb-vendors--desktop {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .header-full-bottom {
    height: 52px;
  }
  .pcb-menu__nav-link {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 14px;
  }
  .pcb-menu__nav-link--icon {
    margin-right: 5px;
  }
  .subsection-revision__title {
    top: 45px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 22%;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: 600;
  }
  .top-brower-img.projects {
    height: 20px;
  }
  .altium-logo {
    width: 85%;
    max-width: 135px;
  }
  .block-title {
    font-size: 15px;
    line-height: 29px;
    font-weight: 600;
    white-space: nowrap;
  }
  .section {
    padding: 85px 45px 80px;
  }
  .section.section--version-control {
    padding-top: 110px;
    padding-bottom: 80px;
    background-size: 95%;
  }
  .section.section--benefits {
    padding-top: 45px;
    padding-bottom: 60px;
  }
  .section.section--hero {
    padding-top: 45px;
    padding-bottom: 20px;
  }
  .section.section--inner-hero {
    max-height: none;
    padding-top: 40px;
    padding-bottom: 45px;
    background-position: 0% -15px, 100% 135%;
    background-size: 400px, 250px;
    background-attachment: fixed, scroll;
  }
  .section.section--inner-hero.small {
    padding-top: 25px;
    padding-bottom: 30px;
    background-position: 0% 0%, 100% 100%;
    background-size: 240px, 135px;
    background-attachment: fixed, scroll;
  }
  .section.section--inner-hero.half-screen {
    height: auto;
    max-height: none;
    min-height: 0px;
  }

  .section.section--inner-hero.projects-hero {
    padding: 25px 40px 30px;
    background-position: 0% 5%, 100% 150%, 50% 0%;
    background-size: auto 200px, auto 120px, 1200px;
  }
  .section.section--it-helps-you {
    padding-top: 145px;
  }
  .section.section--documentation {
    padding-bottom: 250px;
  }
  .section.section--find-changes {
    padding-bottom: 75px;
  }
  .section.section--prototype-cost {
    padding-bottom: 180px;
  }
  .section.section--eda-support {
    padding-bottom: 45px;
  }
  .section.section--integration {
    padding-bottom: 75px;
  }
  .section.section--features {
    padding-bottom: 220px;
  }
  .section.section--chrome-extention {
    padding-bottom: 240px;
  }
  .section.section--slideshow {
    padding-top: 80px;
    padding-bottom: 75px;
  }
  .section.section--whycadlab {
    padding-top: 85px;
    padding-bottom: 55px;
  }
  .section.section--check-out-how-to {
    padding-top: 80px;
    padding-bottom: 240px;
  }
  .section.section--basic-pages {
    padding-top: 60px;
    padding-bottom: 220px;
  }

  .section.section--why-cadlab {
    padding-top: 85px;
    padding-bottom: 45px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/circuit-bg--dark-2.svg");
    background-image: linear-gradient(180deg, transparent, transparent), url("../images/circuit-bg--dark-2.svg");
    background-size: auto, 90%;
  }
  .section.section--landing-hero {
    min-height: 740px;
    padding-top: 50px;
    padding-bottom: 60px;
    background-image: none;
  }
  .section.section--landing-spotlights {
    padding-top: 90px;
    padding-bottom: 90px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 249, 255, 0.5)), to(rgba(242, 249, 255, 0.5))), url("../images/circuit-bg--dark-1.svg");
    background-image: linear-gradient(180deg, rgba(242, 249, 255, 0.5), rgba(242, 249, 255, 0.5)), url("../images/circuit-bg--dark-1.svg");
    background-size: auto, 95%;
  }
  .section.section--why-cadlab-landing {
    padding-top: 80px;
    padding-bottom: 20px;
  }
  .section.section--quiz-hero {
    max-height: none;
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: none;
  }
  .section.section--diff {
    padding-top: 80px;
    padding-bottom: 200px;
  }
  .section.section--supported-formats {
    padding-top: 80px;
  }
  .section.section--pcd-design-process {
    padding-top: 110px;
    padding-bottom: 0px;
  }
  .section.section--spotlights {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .section.section--projects-page {
    padding-top: 45px;
    padding-bottom: 180px;
  }
  .section.section--slideshow-features {
    padding-top: 80px;
    padding-bottom: 75px;
  }
  .section.sectiom--feature-projects {
    padding-top: 75px;
    padding-bottom: 235px;
  }
  .section.section--project-hero {
    padding-top: 60px;
    padding-bottom: 0px;
  }
  .section.section--features-projects {
    padding-top: 135px;
    padding-bottom: 60px;
  }
  .section.section--dark-wave {
    padding: 90px 30px 145px;
  }
  .subsection--hero-cards {
    left: 0%;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 0px;
  }
  .tool-logo-box {
    min-height: 90px;
    padding: 0px 15px;
  }
  .subtitle {
    margin-top: 7px;
    font-size: 29px;
  }
  .subtitle.projects {
    font-size: 25px;
  }
  .subtitle.hero-home {
    font-size: 25px;
  }
  .pcb-img {
    left: 0px;
    right: 0px;
  }
  .version-logos-wrap {
    margin: 45px 0px 40px;
  }
  .content {
    margin-bottom: 160px;
  }
  .bitbucket-logo {
    left: 10px;
    width: 80%;
    max-width: 175px;
  }
  .card-title {
    font-size: 22px;
    letter-spacing: 0px;
  }
  .team-communication-img {
    width: 95%;
  }
  .teamwork-img {
    left: 0%;
    width: 90%;
    max-width: 240px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .hero-title {
    margin-bottom: 0px;
    font-size: 32px;
    line-height: 1.2em;
  }
  .hero-title.vendors {
    margin-bottom: 0px;
  }
  .history-img {
    display: block;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  .subsection-two-cards {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    margin-top: -20px;
  }
  .hero-intro__inner-page {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
  }
  .hero-intro__inner-page.software-video {
    width: 105%;
  }
  .branches-img {
    left: 5%;
    top: 10px;
    right: 0px;
    bottom: 0px;
    width: 120%;
  }
  .integrations-img {
    width: 95%;
  }
  .card-wrap {
    width: 100%;
    margin: 0px 0px 45px;
  }
  .card-wrap:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .brower-logos-img {
    left: 20%;
    max-width: 80%;
  }
  .markup-img {
    left: 5%;
    top: 0px;
    width: 125%;
  }
  .hero-img-wrap--inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hero-img-wrap--inner.large {
    left: 0%;
    width: 100%;
  }
  .hero-inner-img {
    width: 100%;
    max-width: 220px;
  }
  .two-flow-points {
    top: -95px;
    display: block;
    width: 640px;
    height: 220px;
    background-image: url("../images/flow-points-mobile.svg");
    background-position: 50% 75%;
    background-size: auto;
    background-repeat: no-repeat;
  }
  .table-bom-img {
    top: 15px;
    right: 12%;
    width: 115%;
  }
  .isometric-brower-img {
    width: 175%;
  }
  .section-text-wrap {
    left: 7%;
    width: 100%;
    max-width: 620px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 17px;
  }
  .section-text-wrap.testimonials {
    left: 0%;
    width: 100%;
  }
  .section-text-wrap.extention {
    width: 95%;
  }
  .subsection--tree-icon-box {
    position: relative;
    right: 3%;
    z-index: 2;
    width: 106%;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, #f5f9fd), color-stop(30%, rgba(245, 249, 253, 0)), color-stop(70%, rgba(245, 249, 253, 0)), color-stop(85%, #f5f9fd)), url("../images/icon-box-line.svg");
    background-image: linear-gradient(90deg, #f5f9fd 15%, rgba(245, 249, 253, 0) 30%, rgba(245, 249, 253, 0) 70%, #f5f9fd 85%), url("../images/icon-box-line.svg");
    background-position: 0px 0px, 50% 50%;
    background-size: auto, auto;
    background-repeat: repeat, no-repeat;
  }
  .icon-box-wrap {
    margin-right: 0%;
    margin-left: 0%;
    -webkit-transform: scale3d(1none, 1none, 1none);
    transform: scale3d(1none, 1none, 1none);
  }
  .icon-box {
    width: 160px;
    height: 160px;
    padding: 15%;
  }
  .manual-comparison--img {
    margin-bottom: 0px;
  }
  .subsection-four-cards {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    margin-top: -20px;
  }
  .calc-form__container {
    top: 0px;
    max-width: none;
    min-height: 740px;
    margin-top: 0px;
  }
  .calc-form__block {
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url("../images/calc-points-lines--tablet.svg");
    background-position: 93% 71%;
    background-size: 224px;
    box-shadow: 25px 25px 0 0 rgba(0, 118, 255, 0.05), 0 20px 40px -10px rgba(4, 15, 34, 0.25);
  }
  .calc-form__circle {
    left: 0%;
    top: -30px;
    right: 0%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 640px;
    max-width: 640px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .research-icon {
    bottom: 5px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  .calc-form {
    padding: 40px 110px 40px 40px;
  }
  .input-field {
    height: auto;
    text-align: left;
  }
  .form-section-title {
    display: block;
    width: auto;
    height: auto;
    max-width: 50%;
    min-width: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 7px;
    padding-top: 0px;
    padding-right: 0px;
    float: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }
  .calc-form-row {
    max-height: none;
    min-height: 115px;
    margin-bottom: 30px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .calc-form-row.calc-form-row--last-child {
    min-height: auto;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .form-section-title--result {
    display: block;
    padding-left: 0px;
  }
  .btn--icon-star {
    left: 5px;
  }
  .platforms-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .platforms-cards-col {
    width: 44%;
    min-width: 290px;
    margin: 0px 3% 45px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .platforms-cards-col:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .platforms-card {
    padding: 30px 35px 35px;
  }
  .platform-card__logo-box {
    min-height: 100px;
  }
  .pcb-software__tabs {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .psb-software__list {
    margin-bottom: 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .psb-software__list-item {
    padding-left: 30px;
    background-position: 0% 45%;
    background-size: 17px 17px;
    font-size: 17px;
    line-height: 1.45em;
  }
  .coming-soon-label {
    left: 0px;
    top: -1px;
    margin-right: 0px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    font-size: 10px;
  }
  .pcb-software__tabs-menu.tabs-menu--vertical {
    margin-right: 15px;
    margin-left: 0px;
    padding-left: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f9fd), color-stop(19%, #f5f9fd), color-stop(25%, rgba(245, 249, 253, 0)), color-stop(81%, rgba(245, 249, 253, 0)), color-stop(85%, #f5f9fd)), url("../images/line-tabs.svg");
    background-image: linear-gradient(180deg, #f5f9fd, #f5f9fd 19%, rgba(245, 249, 253, 0) 25%, rgba(245, 249, 253, 0) 81%, #f5f9fd 85%), url("../images/line-tabs.svg");
    background-position: 0px 0px, 95% 45%;
    background-size: auto, 3px 250px;
    background-repeat: repeat, no-repeat;
  }
  .tab__link.tab__link--vertical {
    height: 65px;
    margin-top: 45px;
    margin-bottom: 45px;
    padding-right: 30px;
    background-size: auto 24px;
  }
  .tab__link.tab__link--vertical.w--current {
    background-image: url("../images/tabs-point--active.svg");
    background-position: 100% 50%;
    background-size: 45px 30px;
    background-repeat: no-repeat;
    -webkit-transform: translate(-5px, 0px) scale(1.075);
    -ms-transform: translate(-5px, 0px) scale(1.075);
    transform: translate(-5px, 0px) scale(1.075);
  }
  .tabs-tool-logo__wrap {
    left: 5%;
    width: 90%;
    min-height: 0px;
    padding-top: 45px;
    padding-bottom: 45px;
    box-shadow: 14px 14px 0 0 rgba(0, 96, 204, 0.05), 0 20px 40px -10px rgba(4, 15, 34, 0.25);
  }
  .software-logo-box {
    max-width: 140px;
    min-height: 65px;
    padding: 10px 20px;
  }
  .logo-circle-bg {
    left: -15%;
    width: 83%;
  }
  .tabs__kicad-logo {
    max-width: 85px;
  }
  .tabs__altium-logo {
    max-width: 165px;
  }
  .tabs-altium-logo {
    min-height: 0px;
  }
  .pcb-software__tabs__logo-wrap {
    left: 1%;
    width: 55%;
    padding-right: 5%;
    padding-left: 0%;
  }
  .pcb-software-tabs__text-wrap {
    position: relative;
    left: 3%;
    width: 45%;
    padding-left: 0px;
  }
  .tabs-kicad-logo {
    display: block;
    max-width: 80%;
    min-height: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  .tab__diff-video {
    width: 95%;
    box-shadow: 0 10px 20px -5px rgba(8, 25, 55, 0.15);
  }
  .subsection--img {
    width: 94%;
  }
  .subsection--img.public-privat {
    left: -35%;
    width: 135%;
  }
  .subsection--img.individual-profiles {
    position: relative;
    left: -13%;
    width: 135%;
  }
  .subsection--img.access-control {
    width: 75%;
    max-width: 220px;
  }
  .subsection--img.overlay-bg {
    position: relative;
    left: -13%;
    width: 135%;
  }
  .subsection-intro {
    width: 100%;
    margin-bottom: 35px;
  }
  .subsection {
    padding: 80px 25px 75px 290px;
  }
  .features-link {
    margin-bottom: 2px;
    padding: 8px 12px;
    font-size: 15px;
  }
  .chrome-extention--img {
    width: 125%;
  }
  .features-logos-wrap {
    max-height: 90px;
    margin: 15px 0px 20px;
    background-image: none;
  }
  .sidebar-wrap {
    top: 85px;
    margin-top: 60px;
    padding: 12px;
  }
  .sidebar {
    left: 25px;
    width: 32%;
    max-width: 250px;
  }
  .menu-plus-icon {
    position: relative;
    left: -1px;
    top: -1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    padding-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.5);
    border-radius: 100%;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    font-family: 'Cadlab Icons', sans-serif;
    color: #2692ff;
    font-size: 17px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0px;
  }
  .column.lg-6.md-12.col-p-right {
    padding-right: 15px;
  }
  .column.md-9 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .column.md-1 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 8.33%;
    -ms-flex-preferred-size: 8.33%;
    flex-basis: 8.33%;
  }
  .column.md-5 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 41.67%;
    -ms-flex-preferred-size: 41.67%;
    flex-basis: 41.67%;
  }
  .column.md-11 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 91.66%;
    -ms-flex-preferred-size: 91.66%;
    flex-basis: 91.66%;
  }
  .column.md-8 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 66.66%;
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%;
  }
  .column.md-6 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .column.md-2 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 16.33%;
    -ms-flex-preferred-size: 16.33%;
    flex-basis: 16.33%;
  }
  .column.md-10 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 83.33%;
    -ms-flex-preferred-size: 83.33%;
    flex-basis: 83.33%;
  }
  .column.md-3 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
  .column.md-7 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 58.33%;
    -ms-flex-preferred-size: 58.33%;
    flex-basis: 58.33%;
  }
  .column.md-4 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
  }
  .column.md-12 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .software__text-wrap {
    position: relative;
    left: 0%;
    width: 100%;
    padding-left: 0%;
  }
  .software__desc-wrap {
    position: relative;
    left: 0%;
    padding: 30px;
    font-size: 17px;
  }
  .form-text {
    height: 42px;
    line-height: 42px;
  }
  .software-slides-link {
    font-size: 16px;
  }
  .software-slides__pane {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .software-logo-wrap {
    left: -5%;
    max-width: 320px;
    min-height: 270px;
  }
  .software-logo-wrap.large {
    left: 0%;
    bottom: 0px;
    max-width: 320px;
    min-height: 240px;
  }
  .whycadlabs-cards {
    width: 100%;
  }
  .whycadlab--card-wrap {
    width: 48%;
    margin: 0px 0px 45px;
  }
  .whycadlab--card-wrap:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .whycadlab-card {
    padding-right: 10%;
  }
  .software-slides__intro-text {
    width: 100%;
    margin-top: 15px;
    font-size: 17px;
  }
  .hero-intro-wrap__basic-page {
    width: 95%;
    max-width: 680px;
    margin-bottom: 10px;
    text-align: center;
  }
  .hero-intro-wrap__basic-page.projects-page {
    margin-bottom: 0px;
  }
  .hero-intro-wrap__basic-page.project-page {
    margin-bottom: 35px;
  }
  .software__list {
    margin-bottom: 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .check-out-how-to__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px 20px 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .check-out-how-to__card-title {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .software-arrows--img {
    right: 42%;
    bottom: 104%;
    max-width: 105px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .software-logo__circle-bg {
    left: -15%;
    width: 83%;
  }
  .software-logo__box {
    left: 5%;
    width: 90%;
    min-height: 0px;
    padding-top: 45px;
    padding-bottom: 45px;
    box-shadow: 14px 14px 0 0 rgba(0, 96, 204, 0.05), 0 20px 40px -10px rgba(4, 15, 34, 0.25);
  }
  .software-logo__box.large {
    top: 0px;
    min-height: 110px;
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .check-out-how-to__card-icon {
    right: 5%;
    bottom: 10%;
    width: 20%;
    max-width: 42px;
  }

  .popup-content.info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .popup-buttons {
    margin-left: 0px;
  }
  .popup-text {
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .anontation-video {
    width: 95%;
    padding-top: 24px;
  }
  .pcb-diff-video {
    width: 95%;
    padding-top: 3%;
  }
  .blue-chack-icon {
    left: -5px;
    top: 15px;
    width: 16px;
    height: 16px;
  }
  .hero-video {
    display: none;
  }
  .section-overlay {
    padding: 85px 45px 80px;
  }
  .section-overlay.section--hero-bg {
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), -webkit-gradient(linear, left top, right top, color-stop(50%, hsla(0, 0%, 100%, 0)), color-stop(75%, #fff)), -webkit-gradient(linear, left top, right top, color-stop(25%, #fff), color-stop(50%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(35%, hsla(0, 0%, 100%, 0)));
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), linear-gradient(90deg, hsla(0, 0%, 100%, 0) 50%, #fff 75%), linear-gradient(90deg, #fff 25%, hsla(0, 0%, 100%, 0) 50%), linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 35%);
    background-position: 100% 50%, -5% 5%, 0px 0px, 0px 0px, 0px 0px;
    background-size: auto 220px, auto 340px, auto, auto, auto;
    background-repeat: no-repeat, no-repeat, repeat, repeat, repeat;
    background-attachment: fixed, fixed, scroll, scroll, scroll;
  }
  .section-overlay.homepage-hero-bg {
    background-color: #fbfdff;
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(24%, #fff)), -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(35%, hsla(0, 0%, 100%, 0)));
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff 24%), linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 35%);
    background-position: 100% 100%, 0% -80px, 0px 0px, 0px 0px;
    background-size: auto 220px, auto 320px, auto, auto;
    background-repeat: no-repeat, no-repeat, repeat, repeat;
    background-attachment: fixed, scroll, scroll, scroll;
  }
  .section-overlay.benefits-section-bg {
    background-size: 1440px;
  }
  .section-overlay.projects-hero-bg {
    background-color: #fbfdff;
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(24%, #fff)), -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(35%, hsla(0, 0%, 100%, 0)));
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff 24%), linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 35%);
    background-position: 100% 100%, 0% -80px, 0px 0px, 0px 0px;
    background-size: auto 220px, auto 320px, auto, auto;
    background-repeat: no-repeat, no-repeat, repeat, repeat;
    background-attachment: fixed, scroll, scroll, scroll;
  }

   .page-container {
    padding: 85px 45px 80px;
  }
  .legasy-label {
    left: 2px;
    top: -1px;
  }
  .webform-client-form {
    max-width: 580px;
  }
  .login-intro-text {
    font-size: 17px;
  }
  .login-content {
    background-position: 100% 110%, -10% -10%;
    background-size: auto 250px, auto 400px;
  }
  .login-copyrights.login-tips {
    width: 90%;
    max-width: 680px;
    margin-top: 60px;
  }
  .login-body {
    margin-top: 80px;
  }
  .login-links-wrap {
    font-size: 15px;
    line-height: 1.45em;
  }
  .lofin-form__right-side {
    width: 47%;
    margin-left: 3%;
  }
  .lofin-form__left-side {
    width: 47%;
    margin-right: 3%;
  }
  .header-empty {
    height: 62px;
  }
  .cadlab-video-player {
    min-width: 680px;
  }
  .landing-hero-img.booking {
    background-position: 50% 100%;
    background-size: cover;
    background-attachment: scroll;
  }
  .landing-hero-bg-waves {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.35)), to(rgba(8, 25, 55, 0.35))), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), -webkit-gradient(linear, left top, left bottom, from(rgba(23, 43, 77, 0.75)), color-stop(25%, rgba(23, 43, 77, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.85)), to(rgba(8, 25, 55, 0.85)));
    background-image: linear-gradient(180deg, rgba(8, 25, 55, 0.35), rgba(8, 25, 55, 0.35)), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), linear-gradient(180deg, rgba(23, 43, 77, 0.75), rgba(23, 43, 77, 0) 25%), linear-gradient(180deg, rgba(8, 25, 55, 0.85), rgba(8, 25, 55, 0.85));
    background-position: 0px 0px, -10% -60px, 100% 120%, 0px 0px, 0px 0px;
    background-size: auto, auto 320px, 240px, auto, auto;
  }
  .hero-landing-text {
    width: 100%;
    max-width: none;
    font-size: 26px;
    line-height: 1.25em;
    font-weight: 500;
  }
  .landing-intro-wrap__basic-page {
    width: 95%;
    margin-bottom: 10px;
    text-align: center;
  }
  .quiz-form {
    margin-top: -35px;
  }
  .customer-spotlights-img {
    top: 0px;
    display: block;
    margin-top: 0px;
  }
  .customer-spotlights {
    top: 30px;
  }
  .play-circle-icon {
    top: 30%;
    width: 80px;
    height: 80px;
    font-size: 44px;
  }
  .section-subtitle.testimonials {
    margin-bottom: 0px;
    font-size: 23px;
  }
  .our-customers__wrapper {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .our-customers__wrapper.dark-wave {
    bottom: 30px;
    margin-top: 0px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .customer-logo {
    width: 23%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .customer-logo--img {
    max-width: 80%;
  }
  .customer-logo--img.iri {
    max-width: 70px;
  }
  .quiz-form__wrapper {
    margin-bottom: -60px;
  }
  .calendly-inline-widget {
    height: 900px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  ._404-title {
    font-size: 34px;
  }
  .cta-price__box {
    display: block;
    padding: 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
  }
  .box-circle-bg {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: none;
    width: 360px;
    height: 360px;
  }
  .unsubsribe-text {
    max-width: 540px;
    font-size: 17px;
  }
  .unsubsribe-content {
    background-position: 100% 110%, -10% -10%;
    background-size: auto 250px, auto 400px;
  }
  .unsubscribe-copyrights.unsubscribe-tips {
    width: 90%;
    max-width: 680px;
  }
  .nav__wrap {
    display: block;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #05132c;
  }
  .section--ui-kit {
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .carousel-slider {
    margin-top: 0px;
  }
  .navbar__subtitle {
    letter-spacing: 0px;
  }
  .typed-text__container {
    height: 250px;
  }
  .navbar--left-side {
    display: none;
  }
  .carousel-slider__slide {
    width: 25%;
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
  }
  .flex-block {
    height: 250px;
  }
  .burger-2 {
    margin-top: 0px;
  }
  .components-block-title {
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .ui-kit-content-wrap {
    margin-left: 0px;
    padding-top: 50px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .navbar--top__wrap {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1001;
    display: block;
    width: 100%;
    max-height: 60px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-shadow: 0 8px 16px 0 rgba(48, 58, 71, 0.15);
  }
  .ui-kit-wrap {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .nav-links__wrap {
    position: absolute;
    left: 0px;
    top: 60px;
    right: 0px;
    z-index: -1;
    display: none;
    width: 100%;
    height: 100vh;
    max-width: none;
    padding: 10px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: rgba(20, 36, 51, 0.97);
    box-shadow: 0 8px 16px 0 rgba(48, 58, 71, 0.15);
    opacity: 0;
    -webkit-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
  .nav__link {
    display: block;
    width: 100%;
    height: 48px;
    margin-bottom: 0px;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #152935;
    border-left: 3px solid #0094ea;
    background-color: #1b1d24;
  }
  .nav__link:hover {
    border-bottom-width: 1px;
    border-bottom-color: #152935;
  }
  .nav__link.nav__link--nav-leftside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 22px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #273444;
    border-left: 3px solid transparent;
    border-right-style: none;
    border-right-width: 0px;
    background-color: rgba(31, 45, 61, 0);
    box-shadow: none;
    text-align: left;
  }
  .nav__link.nav__link--nav-leftside:hover {
    border-left: 3px solid #1087fd;
    border-right-style: none;
    border-right-width: 0px;
    border-bottom-style: solid;
  }
  .nav__link.nav__link--nav-leftside.w--current {
    border-right: 0px solid #1087fd;
    border-left: 3px solid #1087fd;
    color: #1087fd;
  }
  .box-slider {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .navbar__title-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-bottom: 0px;
    padding: 0px 0px 0px 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 0px none transparent;
    background-color: transparent;
    line-height: 100%;
    text-align: left;
  }
  .navbar__wrap {
    position: relative;
    display: none;
    max-width: 100%;
  }
  .brand {
    width: auto;
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
  }
  .inline-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .navbar__logo {
    max-width: 155px;
    margin-bottom: 3px;
  }
  .nav {
    overflow: visible;
  }
  .circle--img {
    bottom: -78px;
    max-width: 180px;
  }
  .testimonials__arrow--right {
    right: 5px;
  }
  .testimonials__arrow--right:hover {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .client-meta {
    left: 190px;
    bottom: -76px;
    letter-spacing: 0.25px;
  }
  .testimonials-slider__slide-container {
    padding-left: 70px;
  }
  .client-photo {
    left: 110px;
    bottom: -90px;
  }
  .testimonials-triagle {
    left: 7%;
  }
  .testimonials-slider__arrow--left {
    right: 95px;
  }
  .testimonials-slider__arrow--left:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .quote-icon {
    left: 20px;
  }
  .testimonials-slider {
    max-width: none;
  }
  .client-info {
    position: absolute;
    left: -5%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 110%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hero-bg-waves {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.35)), to(rgba(8, 25, 55, 0.35))), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), -webkit-gradient(linear, left top, left bottom, from(rgba(23, 43, 77, 0.75)), color-stop(25%, rgba(23, 43, 77, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.65)), to(rgba(8, 25, 55, 0.65)));
    background-image: linear-gradient(180deg, rgba(8, 25, 55, 0.35), rgba(8, 25, 55, 0.35)), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), linear-gradient(180deg, rgba(23, 43, 77, 0.75), rgba(23, 43, 77, 0) 25%), linear-gradient(180deg, rgba(8, 25, 55, 0.65), rgba(8, 25, 55, 0.65));
    background-position: 0px 0px, -5% -25%, 100% 115%, 0px 0px, 0px 0px;
    background-size: auto, auto 380px, 260px, auto, auto;
  }
  .headline-8-col {
    width: auto;
    text-align: center;
  }
  .content2-jumbonumber {
    font-size: 70px;
    line-height: 90px;
  }
  .content1-image.content1-image2 {
    background-position: 50% 62%;
  }
  .content5-headline-wrapper {
    padding-right: 0px;
    text-align: center;
  }
  .content7-numbers-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .headline-6-col {
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  ._4-col {
    display: inline-block;
    width: 100%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
  }
  ._4-col._4-col-last {
    margin-right: auto;
    margin-bottom: 0px;
  }
  .content7-number-card {
    text-align: center;
  }
  .decoline {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .content2-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  ._6-col {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  ._6-col._6-col-last {
    width: 100%;
  }
  .content1-items {
    margin-bottom: -30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .content9-item-wrap {
    padding-right: 0px;
    text-align: center;
  }
  ._3-col {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .tagline.cards-lbl {
    text-align: center;
  }
  .content3-text-wrap {
    text-align: center;
  }
  .content1-item-description {
    margin-bottom: 30px;
    padding-right: 0px;
    text-align: center;
  }
  .content6-headline {
    margin-bottom: 40px;
    padding-right: 0px;
    text-align: center;
  }
  .content4-item {
    margin-bottom: 40px;
    text-align: center;
  }
  .content2-number-wrapper {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
  }
  .content-wrappper {
    width: 645px;
  }
  .content6-pic.content6-image2 {
    margin-bottom: 0px;
  }
  .content5-description {
    margin-top: -10px;
    margin-bottom: 0px;
    text-align: center;
  }
  .content4-items {
    margin-bottom: 0px;
  }
  ._6-col-last {
    width: auto;
  }
  .content3-headline {
    margin-top: 0px;
    margin-bottom: 30px;
    padding-right: 0px;
    text-align: center;
  }
  .ais-searchbox-form {
    height: auto;
    padding-right: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ais-searchbox-input {
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .ais-searchbox-submit {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ais-filterbox {
    left: 0%;
    top: 155px;
    right: 0%;
    bottom: auto;
  }
  .ais-refinementlist-list {
    height: auto;
    padding-bottom: 0px;
  }
  .hits {
    margin-top: 105px;
  }
  .ais-hits-list.project-page {
    margin-bottom: -20px;
  }
  .ais-hits-item {
    margin-bottom: 4%;
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
  }
  .ais-hits-item.teaser {
    margin-bottom: 40px;
    -webkit-flex-basis: 48.5%;
    -ms-flex-preferred-size: 48.5%;
    flex-basis: 48.5%;
  }
  .ais-hits-item.teaser.last-child {
    display: none;
  }
  .ais-hits-item.teaser-full-width {
    margin-bottom: 30px;
    -webkit-flex-basis: 48.5%;
    -ms-flex-preferred-size: 48.5%;
    flex-basis: 48.5%;
  }
  .project-item__card {
    padding-top: 20px;
    padding-right: 5%;
    padding-left: 5%;
  }
  .project-item__card.teaser {
    padding: 25px 5% 30px;
  }
  .project-item__card.teaser-large {
    padding: 25px 5% 30px;
  }
  .project-name {
    font-size: 19px;
    line-height: 1.25em;
  }
  .ais-refinementlist-labeltext {
    top: 2px;
  }
  .ais-refinementlist-count {
    bottom: 0px;
  }
  .project-item__author {
    font-size: 14px;
  }
  .project-item__header--left-side {
    padding-right: 15px;
  }
  .project-item__author-icon {
    font-size: 17px;
  }
  .project-item__thumbs {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .project-item__thumbs.large-thumbs {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .project-item__description.truncate-text {
    line-height: 1.45em;
  }
  .project-item__parts {
    left: -6%;
    overflow: hidden;
    width: 112%;
    padding-left: 40px;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background-position: 15px 14px;
  }
  .project-item__part-name {
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 3px;
    padding: 4px 6px;
    font-size: 11px;
  }
  .features-slides-link {
    font-size: 16px;
  }
  .features-slides__pane {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .features-slides__intro-text {
    width: 100%;
    margin-top: 15px;
    font-size: 17px;
  }
  .ais-projects-searchbox-form {
    height: auto;
    padding-right: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ais-projects-searchbox-input {
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .ais-projects-searchbox-submit {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .formats {
    padding-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: linear-gradient(245deg, rgba(236, 246, 255, 0.25) 51%, hsla(0, 0%, 100%, 0) 0), linear-gradient(0deg, #fff, #fbfdff);
  }
  .supported-vendors {
    width: 100%;
    max-width: none;
    padding-right: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .other-vendors {
    width: 100%;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .other-vendors__text {
    display: block;
    width: 45%;
    max-width: 280px;
    margin-bottom: 0px;
    padding-right: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 22px;
    line-height: 100%;
    text-align: left;
  }
  .vendor-logo-box {
    width: 31%;
    min-height: 90px;
    margin-right: 0%;
    padding: 0px 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .vendors-heading {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 23px;
    line-height: 1.35em;
    letter-spacing: 0px;
  }
  .main-text {
    font-size: 33px;
  }
  .hero-landing-heading {
    font-size: 36px;
  }
  .features-list__nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background-size: 920px 2px;
    background-repeat: repeat-x;
  }
  .features__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 23.5%;
    min-height: 90px;
    margin-right: 0%;
    margin-left: 0%;
    padding: 12px 10px 15px 17px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .features__card-title {
    width: 100%;
    height: 100%;
    max-width: none;
    min-width: 140px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 15px;
    line-height: 1.35em;
    letter-spacing: 0px;
  }
  .features__card-icon {
    position: static;
    right: 10px;
    bottom: 10px;
    display: none;
    width: 20%;
    max-width: 60px;
    padding: 0px;
    float: right;
  }
  .features__card-icon.discuss {
    right: 5px;
    bottom: 5px;
  }
  .features-tab__pane {
    min-height: 420px;
  }
  .features-tab__text {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
  }
  .features-tabs__img {
    width: 60%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .features-tabs__img.changes {
    width: 65%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .features-tab__wrap {
    padding-top: 45px;
    padding-bottom: 0px;
  }
  .business-block {
    min-height: 220px;
    margin-top: 30px;
    padding: 30px 40px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, transparent), color-stop(85%, rgba(15, 34, 66, 0.9))), url("../images/business-block__left-side.svg");
    background-image: linear-gradient(90deg, transparent 15%, rgba(15, 34, 66, 0.9) 85%), url("../images/business-block__left-side.svg");
    background-position: 0px 0px, -85% 50%;
    background-size: auto, contain;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
    box-shadow: 0 24px 16px -12px rgba(23, 43, 77, 0.25);
    line-height: 1.6em;
  }
  .tab-triagle-active-1 {
    left: 45%;
  }
  .tab-triagle-1 {
    left: 45%;
  }
  .tab-triagle-active-2 {
    left: 45%;
  }
  .tab-triagle-2 {
    left: 45%;
  }
  .tab-triagle-active-3 {
    left: 45%;
  }
  .tab-triagle-3 {
    left: 45%;
  }
  .tab-triagle-active-4 {
    left: 45%;
  }
  .tab-triagle-4 {
    left: 45%;
  }
  .anontation-projects-video {
    width: 60%;
    padding-top: 20px;
  }
  .find-project__block {
    bottom: -48px;
    padding-right: 25px;
    padding-left: 90px;
    font-size: 21px;
    letter-spacing: 0.25px;
  }
  .business-block-title {
    max-width: 200px;
    margin-top: 0px;
    font-size: 26px;
    line-height: 1.15em;
    font-weight: 600;
  }
  .busines-block__text {
    bottom: -10px;
    width: 63%;
    max-width: 500px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 17px;
    line-height: 1.45em;
    text-align: right;
    letter-spacing: 0px;
  }
  .cursor-click {
    left: auto;
    top: auto;
    right: 110px;
    bottom: -20px;
  }
  .btn-icon--arrow {
    top: 2px;
    font-size: 15px;
  }
  .home-hero-text {
    font-size: 33px;
    line-height: 1.2em;
  }
  .home-hero__image {
    width: 55%;
    max-width: 420px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .isometric-diff {
    top: 5px;
  }
  .hero-isometric__text--1 {
    top: 3%;
    right: 0%;
    padding: 10px 15px;
    font-size: 18px;
    letter-spacing: 0.25px;
  }
  .hero-isometric__text--3 {
    top: 3%;
    right: 0%;
    padding: 10px 15px;
    font-size: 18px;
    letter-spacing: 0.25px;
  }
  .hero-isometric__text--4 {
    top: 3%;
    right: 0%;
    padding: 10px 15px;
    font-size: 18px;
    letter-spacing: 0.25px;
  }
  .projects-hero__big-text {
    white-space: nowrap;
  }
  .projects-hero-intro-wrap {
    width: 100%;
    max-width: 620px;
    margin-left: 0px;
  }
  .projects-hero__text {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .hero-isometric__text--2 {
    top: 3%;
    right: 0%;
    padding: 10px 15px;
    font-size: 18px;
    letter-spacing: 0.25px;
  }
  .play-video-icon {
    bottom: 50%;
    width: 60px;
    height: 60px;
  }
  .cat-text {
    text-align: left;
  }
  .subsection-img__wrap {
    width: 94%;
  }
  .subsection-img__wrap.public-privat {
    left: -35%;
    width: 135%;
  }
  .subsection-img__wrap.individual-profiles {
    position: relative;
    left: -13%;
    width: 135%;
  }
  .subsection-img__wrap.access-control {
    width: 75%;
    max-width: 220px;
  }
  .subsection-overlay-bg {
    width: 120%;
    max-width: 120%;
  }
  .subsection-overlay-bg.public-privat {
    left: -35%;
    width: 135%;
  }
  .subsection-overlay-bg.individual-profiles {
    position: relative;
    left: -13%;
    width: 135%;
  }
  .subsection-overlay-bg.access-control {
    width: 75%;
    max-width: 220px;
  }
  .subsection-overlay-bg.overlay-bg {
    position: relative;
    left: -13%;
    width: 135%;
  }
  .customer-meta {
    margin-top: 20px;
    padding-left: 0px;
    font-size: 18px;
    line-height: 1.65em;
  }
  .customer-testimonial {
    padding-left: 0%;
  }
  .testimonial-logos {
    bottom: 12%;
    margin-top: 0px;
  }
  .customer-position {
    font-size: 17px;
    line-height: 1.25em;
  }
  .customer-company {
    display: block;
    margin-left: 0px;
    font-size: 17px;
    line-height: 1.25em;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    letter-spacing: 0px;
  }
  h2 {
    font-size: 32px;
  }
  h3 {
    margin-bottom: 12px;
    font-size: 25px;
    line-height: 1.25em;
    font-weight: 600;
  }
  h4 {
    font-size: 19px;
    line-height: 1.35em;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 15px;
  }
  p {
    font-size: 16px;
  }
  ._404-page-wrap {
    padding-right: 45px;
    padding-left: 45px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))), url("../images/landing-bottom-left-bg.svg"), url("../images/landing-top-left-bg.svg");
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url("../images/landing-bottom-left-bg.svg"), url("../images/landing-top-left-bg.svg");
    background-size: auto, auto 280px, auto 360px;
  }
  .btn-nav {
    width: 56px;
  }
  .main-menu {
    top: 56px;
    width: 100%;
    max-width: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    box-shadow: none;
  }
  .cta-buttons {
    padding-right: 15px;
  }
  .btn.btn--sign-up {
    height: 30px;
    margin-left: 3px;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 30px;
    font-weight: 600;
  }
  .btn.btn--secondary {
    margin-top: 10px;
    margin-right: 20px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .btn.btn--secondary.btn--get-started.projects {
    margin-top: 10px;
    letter-spacing: 1.25px;
  }
  .btn.btn--secondary.btn--get-a-price {
    width: 85%;
    height: 42px;
    margin-bottom: 45px;
    font-size: 15px;
    line-height: 42px;
  }
  .btn.btn--secondary.btn-get-price {
    height: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 40px;
  }
  .btn.btn--secondary.btn--start-for-free {
    width: 85%;
    height: 42px;
    margin-bottom: 45px;
    font-size: 15px;
    line-height: 42px;
  }
  .btn.btn--secondary.btn--add-project {
    width: 85%;
    height: 42px;
    margin-bottom: 45px;
    font-size: 15px;
    line-height: 42px;
  }
  .btn.btn--sign-in {
    height: 30px;
    margin-right: 3px;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 30px;
    font-weight: 600;
  }
  .btn.btn--primary.btn--demo {
    top: -20px;
    height: 40px;
    padding-right: 30px;
    padding-left: 30px;
    line-height: 40px;
  }
  .btn.btn--primary.btn--play {
    height: 40px;
    line-height: 40px;
  }
  .btn.btn--primary.btn--star {
    height: 40px;
    padding-right: 30px;
    padding-left: 30px;
    line-height: 40px;
  }
  .btn.btn--primary.btn--start-for-free {
    height: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 40px;
  }
  .btn.btn--primary.btn--create-project {
    height: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 40px;
  }
  .btn.btn--primary.btn--explore {
    top: 0px;
    height: 42px;
    max-width: 210px;
    margin-top: 75px;
    line-height: 42px;
  }
  .btn.btn--vote {
    margin-top: 25px;
    font-size: 15px;
    letter-spacing: 0.5px;
  }
  .btn.btn--vote.btn--platforms-card {
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
  .btn.get-notified {
    height: 40px;
    line-height: 40px;
    letter-spacing: 0.5px;
  }
  .btn.hp-view-more-btn {
    height: 40px;
    margin-bottom: 30px;
    line-height: 40px;
  }
  .btn.social-login-btn {
    height: 40px;
    margin-top: 0px;
    margin-bottom: 18px;
    line-height: 40px;
  }
  .btn.btn--vote {
    height: 40px;
    margin-top: 10px;
    padding-right: 25px;
    padding-left: 25px;
    line-height: 40px;
  }
  .btn.btn--no {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
  }
  .btn.btn--pricing {
    margin-top: 20px;
  }
  .btn.btn--pricing-type {
    margin-top: 20px;
  }
  .btn.btn--vote-tool {
    height: 40px;
    margin-top: 30px;
    font-size: 15px;
    line-height: 40px;
    letter-spacing: 0.5px;
  }
  .btn.btn--vote-tool.vendors {
    height: 38px;
    padding-top: 0px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: 0.75px;
  }
  .btn.btn--my-account {
    height: 30px;
    margin-right: 3px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
    line-height: 30px;
  }
  .btn.btn--votes {
    width: 130px;
    margin-top: 10px;
    margin-right: 20px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .btn.btn--go-home-page {
    height: 35px;
    margin-right: 8px;
    margin-left: 8px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 35px;
  }
  .btn.btn--go-my-account {
    height: 35px;
    margin-right: 8px;
    margin-left: 8px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 35px;
  }
  .btn.btn--create-project {
    margin-top: 10px;
    margin-right: 20px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .btn.btn--sort-by {
    height: 30px;
  }
  .btn.ais-pagination-item {
    height: 30px;
  }
  .btn.btn--sign-up-free {
    width: 65%;
    height: 40px;
    min-width: 200px;
    margin-top: 20px;
    margin-right: 0px;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 40px;
  }
  .btn.btn--share-project {
    width: 65%;
    height: 40px;
    min-width: 200px;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 40px;
  }
  .btn.btn--find-project {
    margin-top: 20px;
    margin-bottom: 0px;
    background-color: #0076ff;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
  }
  .btn.btn--business {
    margin-top: 20px;
    margin-bottom: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .btn.btn--business:hover {
    background-color: rgba(15, 34, 66, 0.76);
  }
  .burger {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .tab-link {
    height: 42px;
    padding-top: 1px;
    font-size: 15px;
    line-height: 41px;
    font-weight: 600;
  }
  .tab-link.tab-link--last-child.w--current {
    font-size: 15px;
  }
  .nav-link {
    min-height: 46px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .nav-link.w--current {
    font-weight: 600;
  }
  .nav-link.sign-up {
    color: #f93e30;
    font-weight: 600;
  }
  .nav-link.sign-in {
    color: #2692ff;
    font-weight: 600;
  }
  .nav-link.nav-link__submenu {
    height: auto;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }
  .nav-link.nav-link__submenu.w--current {
    box-shadow: inset 0 -1px 0 0 rgba(37, 56, 88, 0);
    color: #fff;
  }
  .nav-link.parent-item {
    height: 48px;
    padding-right: 20px;
  }
  .nav-link.home {
    box-shadow: inset 0 -1px 0 0 rgba(37, 56, 88, 0.75);
  }
  .nav-link.my-account {
    color: #f93e30;
    font-weight: 600;
  }
  .tab__pane {
    padding: 20px 20px 30px;
  }
  .input.input--form-calc {
    height: 44px;
    padding-right: 5px;
    font-size: 16px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: 0.25px;
  }
  .input.input--form-calc.transparent-field {
    top: 1px;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: 0px;
  }
  .input.input--form-calc.result-field {
    left: 0px;
    max-width: 105px;
    margin-left: 10px;
    padding-left: 10px;
    background-position: 0px 0px, 0px 50%;
    background-size: auto, auto 16px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
  }
  .tabs {
    max-width: 670px;
  }
  .col.sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .col.xs-12.vertical-alight--center {
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }
  .col.sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 58.33%;
    -ms-flex-preferred-size: 58.33%;
    flex-basis: 58.33%;
  }
  .logo {
    left: 15px;
    max-width: 185px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .logo.w--current {
    top: 0px;
  }
  .row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .row.col-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  .row.col-reverse.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .modal-header {
    top: 20px;
    right: 20px;
  }
  .diff-video {
    max-width: 640px;
    padding-top: 20px;
  }
  .btn--icon-vote {
    left: 1px;
    top: 2px;
    font-size: 15px;
  }
  .flow-points-img {
    left: auto;
    top: 42%;
    right: 38%;
    bottom: auto;
    width: 100%;
    max-width: none;
    -webkit-transform: scale(0.85) rotate(-90deg);
    -ms-transform: scale(0.85) rotate(-90deg);
    transform: scale(0.85) rotate(-90deg);
  }
  .btn--icon-play {
    font-size: 18px;
  }
  .pcb-menu__nav-item {
    display: block;
  }
  .subsection-revision {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 458px;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sticky-header {
    height: 56px;
  }
  .subsection-version-control {
    margin-top: 80px;
    margin-bottom: 30px;
  }
  .h2--after {
    width: 70px;
    margin-top: 20px;
    margin-bottom: 25px;
  }
  .gitlab-logo {
    width: 85%;
    max-width: 160px;
  }
  .header-menu--pcb-vendors {
    padding-right: 0px;
    padding-left: 0px;
  }
  .tool-logos-wrap {
    width: 90%;
  }
  .footer-link {
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.25em;
    font-weight: 500;
    text-align: center;
  }
  .footer-link.w--current {
    background-color: transparent;
    color: #8993a4;
  }
  .h3--after {
    width: 75px;
  }
  .header {
    height: 56px;
  }
  .github-logo {
    width: 60%;
    max-width: 110px;
  }
  .col-img--right {
    width: 100%;
    margin-top: 45px;
  }
  .section-intro {
    width: 90%;
    max-width: none;
    margin-bottom: 35px;
  }
  .section-intro.contact-page {
    margin-bottom: 0px;
  }
  .header-menu__overlay-gradient {
    position: absolute;
    right: 0px;
    z-index: 10;
    display: block;
    width: 12%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(23, 43, 77, 0)), color-stop(85%, #172b4d));
    background-image: linear-gradient(90deg, rgba(23, 43, 77, 0), #172b4d 85%);
  }
  .col-text {
    width: 100%;
  }
  .hero-intro-text {
    margin-top: 12px;
    font-size: 17px;
    font-weight: 500;
  }
  .kicad-logo {
    width: 65%;
    max-width: 100px;
  }
  .get-started-box {
    width: 95%;
    max-width: 670px;
    padding: 40px 25px 25px;
    background-position: 100% 50%;
    background-size: auto;
    background-attachment: scroll;
  }
  .get-started-box.get-started-block {
    bottom: 90px;
    margin-bottom: -75px;
    padding-top: 40px;
    padding-bottom: 25px;
    background-position: 100% 50%;
    background-size: contain;
  }
  .section-title {
    font-size: 24px;
    letter-spacing: 0px;
  }
  .section-title.box-title {
    margin-bottom: 15px;
    font-size: 23px;
    letter-spacing: 0px;
  }
  .section-title.large-title {
    font-size: 24px;
  }
  .section-title.section-large-title {
    font-size: 26px;
    line-height: 1.25em;
  }
  .section-title.section-large-title.section-top-title {
    margin-bottom: 20px;
    font-size: 32px;
  }
  .section-title.dark-wave {
    width: 95%;
    font-size: 24px;
    line-height: 1.35em;
  }
  .btn--arrow-right {
    left: 3px;
    top: 1px;
    font-size: 15px;
  }
  .intro-text {
    font-size: 17px;
  }
  .intro-text.width-90 {
    max-width: 100%;
  }
  .intro-text.width-70 {
    width: 100%;
  }
  .intro-text.width-80 {
    width: 100%;
  }
  .intro-text.width-75 {
    width: 100%;
  }
  .intro-text.width-90 {
    width: 100%;
  }
  .intro-text.width-90--single {
    max-width: 90%;
  }
  .coming-soon-ribbon {
    width: 40%;
    max-width: 70px;
  }
  .footer-link-item {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .eagle-logo {
    width: 80%;
    max-width: 210px;
  }
  .leaf {
    min-height: 46px;
  }
  .hero-card {
    padding-top: 25px;
    padding-right: 45px;
    padding-left: 35px;
    text-align: left;
  }
  .footer-menu {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .hero--card-wrap {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
  }
  .footer {
    padding-right: 25px;
    padding-left: 25px;
    background-position: 0% 100%;
    background-size: 180px;
  }
  .schematic-img {
    left: 0px;
    right: 0px;
  }
  .col-img--left {
    width: 100%;
    margin-bottom: 40px;
  }
  .hero-intro-wrap {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .menu--pcb-vendors--desktop {
    overflow: auto;
    padding-right: 25px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .header-full-bottom {
    height: 50px;
  }
  .pcb-menu__nav-link {
    padding-right: 10px;
    padding-left: 5px;
  }
  .subsection-revision__title {
    top: -6px;
    width: 108%;
    max-width: 390px;
    padding-top: 0%;
    padding-left: 75px;
    font-size: 18px;
    line-height: 1.35em;
    font-weight: 500;
    text-align: left;
  }
  .top-brower-img.projects {
    height: 18px;
  }
  .altium-logo {
    left: 5%;
    width: 80%;
    max-width: 115px;
  }
  .block-title {
    display: none;
    min-width: 145px;
  }
  .section {
    padding: 75px 25px 70px;
  }
  .section.section--version-control {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .section.section--benefits {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #fff;
  }
  .section.section--hero {
    padding-top: 30px;
    padding-bottom: 25px;
    background-image: none;
  }
  .section.section--inner-hero {
    max-height: none;
    padding-top: 30px;
    padding-bottom: 40px;
    background-position: 0% -60px, 100% 110%;
    background-size: 280px, 200px;
    background-attachment: scroll, scroll;
  }
  .section.section--inner-hero.small {
    padding-top: 20px;
    padding-bottom: 25px;
    background-position: 0% 75%, 100% 50%;
    background-size: 160px, contain;
    background-attachment: scroll, scroll;
  }
  .section.section--inner-hero.half-screen {
    height: auto;
  }
  .section.section--inner-hero.projects-hero {
    padding: 10px 30px 15px;
    background-position: 0% 5%, 100% 150%, 50% 0%;
    background-size: auto 160px, auto 110px, 1200px;
  }
  .section.section--it-helps-you {
    padding-top: 105px;
  }
  .section.section--revision {
    padding-bottom: 60px;
  }
  .section.section--documentation {
    padding-bottom: 235px;
  }
  .section.section--table-bom {
    padding-bottom: 60px;
  }
  .section.section--team-communication {
    padding-bottom: 70px;
  }
  .section.section--better-faster-lower {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .section.section--find-changes {
    padding-top: 80px;
  }
  .section.section--feedback {
    padding-bottom: 70px;
  }
  .section.section--take-control {
    padding-bottom: 40px;
  }
  .section.section--prototype-cost {
    padding-bottom: 160px;
  }
  .section.section--eda-support {
    padding-bottom: 55px;
  }
  .section.section--integration {
    padding-bottom: 60px;
  }
  .section.section--features {
    padding-right: 0px;
    padding-bottom: 160px;
  }
  .section.section--chrome-extention {
    padding-bottom: 220px;
  }
  .section.section--whycadlab {
    padding-top: 75px;
  }
  .section.section--check-out-how-to {
    padding-top: 70px;
    padding-bottom: 170px;
  }
  .section.section--basic-pages {
    padding-top: 60px;
    padding-right: 45px;
    padding-left: 45px;
  }
  .section.section--why-cadlab {
    padding-top: 75px;
    padding-bottom: 35px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(null), to(null)), url("../images/circuit-bg--dark-2.svg");
    background-image: linear-gradient(180deg, null, null), url("../images/circuit-bg--dark-2.svg");
    background-size: auto, 100%;
  }
  .section.section--landing-hero {
    position: relative;
    height: auto;
    max-height: none;
    min-height: auto;
    padding-top: 45px;
    padding-bottom: 45px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: linear-gradient(180deg, transparent, transparent), linear-gradient(180deg, transparent, transparent);
  }
  .section.section--landing-spotlights {
    padding-top: 70px;
    padding-bottom: 45px;
  }
  .section.section--why-cadlab-landing {
    padding-top: 75px;
    padding-bottom: 60px;
  }
  .section.section--quiz-hero {
    position: relative;
    height: auto;
    max-height: none;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 45px;
  }
  .section.section--brands {
    padding-right: 45px;
    padding-bottom: 100px;
    padding-left: 45px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #fff), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(180deg, #fff 90%, hsla(0, 0%, 100%, 0));
  }
  .section.section--diff {
    padding-top: 75px;
    padding-bottom: 135px;
  }
  .section.section--supported-formats {
    padding-top: 75px;
    padding-bottom: 50px;
  }
  .section.section--pcd-design-process {
    padding-top: 75px;
    padding-bottom: 0px;
  }
  .section.section--spotlights {
    padding-top: 70px;
    padding-bottom: 45px;
  }
  .section.section--projects-page {
    padding: 30px 25px 160px;
  }
  .section.sectiom--feature-projects {
    padding-top: 75px;
    padding-bottom: 180px;
    background-size: 900px;
  }
  .section.section--project-hero {
    padding-top: 30px;
    background-image: none;
  }
  .section.section--features-projects {
    padding-right: 25px;
    padding-bottom: 80px;
    padding-left: 25px;
    background-image: none;
  }
  .section.section--dark-wave {
    padding-top: 75px;
    padding-bottom: 90px;
  }
  .subsection--hero-cards {
    display: block;
    width: 100%;
    margin: 45px auto 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .card-icon {
    width: 100px;
    height: 100px;
  }
  .tool-logo-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    min-height: 90px;
    min-width: 160px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px 7px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .subtitle {
    max-width: 490px;
    margin-top: 7px;
    font-size: 24px;
    line-height: 1.25em;
    font-weight: 600;
  }
  .subtitle.projects {
    font-size: 22px;
    line-height: 1.2em;
  }
  .subtitle.hero-home {
    font-size: 22px;
    line-height: 1.2em;
  }
  .pcb-img {
    left: 0px;
  }
  .version-logos-wrap {
    width: 95%;
    margin: 30px auto 35px;
  }
  .content {
    margin-bottom: 180px;
  }
  .bitbucket-logo {
    left: 4%;
    width: 75%;
    max-width: 180px;
  }
  .card-title {
    width: 90%;
    margin-top: 5px;
    font-size: 21px;
    line-height: 1.45em;
  }
  .teamwork-img {
    width: 100%;
    max-width: 200px;
  }
  .hero-title {
    margin-bottom: 0px;
    font-size: 26px;
    line-height: 1.25em;
  }
  .hero-title.vendors {
    margin-bottom: 0px;
  }
  .subsection-two-cards {
    display: block;
    width: 95%;
    margin: -15px auto 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .hero-intro__inner-page {
    position: relative;
    left: 15px;
    width: 100%;
    max-width: none;
    padding-right: 0px;
    padding-left: 0px;
  }
  .hero-intro__inner-page.software-video {
    margin-left: 5%;
  }
  .branches-img {
    left: 0px;
    top: 0px;
    display: block;
    width: 90%;
    height: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  .integrations-img {
    display: block;
    width: 95%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .card-wrap {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-bottom: 45px;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
  }
  .card {
    padding-right: 30px;
    padding-bottom: 75px;
    padding-left: 30px;
    font-size: 17px;
    text-align: left;
  }
  .brower-logos-img {
    left: 0%;
    top: 20%;
    right: 0%;
    bottom: auto;
    width: 70%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
  .markup-img {
    left: 0%;
    top: 30px;
    display: block;
    width: 90%;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
  }
  .hero-img-wrap--inner.large {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hero-inner-img {
    width: 100%;
    max-width: 200px;
  }
  .two-flow-points {
    top: -100px;
    width: 100%;
    height: 200px;
    background-image: url("../images/flow-points-mobile-s.svg");
    background-position: 50% 0%;
  }
  .table-bom-img {
    top: 0px;
    right: auto;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .isometric-brower-img {
    top: 0px;
    right: 0%;
    width: 115%;
  }
  .section-text-wrap {
    left: 0%;
    display: block;
    width: 90%;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    text-align: center;
  }
  .section-text-wrap.sectiom--teamwork__text-wrap {
    left: 5%;
    width: 95%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }
  .section-text-wrap.testimonials {
    bottom: 30px;
    width: 90%;
  }
  .subsection--tree-icon-box {
    right: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 620px;
    margin: 0px auto;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url("../images/icon-box-line.svg");
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
  }
  .icon-box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 33.333333333333336%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
  }
  .icon-box-wrap.first {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .icon-box-wrap.last {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .icon-box {
    width: 120px;
    height: 120px;
    padding: 25px;
    font-size: 17px;
    text-align: left;
  }
  .manual-comparison--img {
    display: none;
  }
  .subsection-four-cards {
    display: block;
    max-width: 670px;
    margin: -15px auto 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .card-text {
    width: 90%;
  }
  .calc-form__container {
    display: block;
    width: 100%;
    max-width: 480px;
    min-height: 680px;
    min-width: 425px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .calc-form__block {
    top: 100px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 90%;
    -ms-flex: 0 90%;
    flex: 0 90%;
    background-image: url("../images/calc-points-lines--mobil-sm.svg");
    background-position: 95% 71%;
    background-size: auto 342px;
    box-shadow: 18px 18px 0 0 rgba(0, 118, 255, 0.05), 0 20px 40px -10px rgba(4, 15, 34, 0.25);
  }
  .calc-form__circle {
    top: 0px;
    width: 400px;
    height: 400px;
    padding-top: 5px;
  }
  .research-icon {
    bottom: 25px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  .calc-form {
    padding: 40px 0px 35px 46px;
  }
  .field-label {
    position: relative;
    margin-top: 7px;
    margin-bottom: 8px;
    font-size: 10px;
    line-height: 1.25em;
    text-align: center;
  }
  .input-field {
    max-width: 144px;
  }
  .input-field.input-field--small {
    max-width: 86px;
  }
  .form-section-title {
    max-width: 80%;
    margin-bottom: 5px;
  }
  .input--form-icon {
    margin-right: 5px;
    margin-left: 5px;
  }
  .input--form-icon.divide-icon {
    margin-left: 5px;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    line-height: 1em;
  }
  .input--form-icon.equally-icon {
    right: 2px;
    bottom: 0px;
    width: 28px;
    height: 28px;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    line-height: 1em;
  }
  .input--form-icon.cost-of-delay {
    margin-right: 2px;
    margin-left: 0px;
    line-height: 1em;
  }
  .calc-form-row {
    min-height: auto;
    margin-bottom: 25px;
  }
  .calc-form-row.calc-form-row--last-child {
    margin-top: 0px;
  }
  .form-section-title--result {
    font-size: 17px;
  }
  .eda-support--img {
    width: 90%;
    max-width: 670px;
    margin-top: 0px;
  }
  .platforms-cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 440px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .platforms-cards-col {
    display: block;
    width: 100%;
    min-width: 0px;
    margin-right: 0%;
    margin-bottom: 45px;
    margin-left: 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 15px;
    text-align: center;
  }
  .platforms-card {
    padding: 35px 35px 40px;
    font-size: 16px;
    text-align: left;
  }
  .platform-card__logo-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .pcb-software__tabs {
    margin-bottom: 110px;
  }
  .psb-software__list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .pcb-software__tabs-menu.tabs-menu--vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 98%;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding-left: 0px;
    background-image: none;
    background-position: 0px 0px;
  }
  .tab__link.tab__link--vertical {
    width: 29.333333333333336%;
    height: auto;
    margin: 0px 2%;
    padding-right: 0px;
    border-right-style: none;
    border-right-width: 0px;
    background-image: none;
    box-shadow: 0 0 0 2px rgba(0, 118, 255, 0);
    opacity: 0.65;
  }
  .tab__link.tab__link--vertical:hover {
    background-color: transparent;
    box-shadow: inset 3px 0 0 0 rgba(0, 148, 234, 0);
  }
  .tab__link.tab__link--vertical.w--current {
    height: 80px;
    background-image: none;
    box-shadow: 0 0 0 2px rgba(0, 118, 255, 0.25);
    -webkit-transform: translate(0px, 0px) scale(1.05);
    -ms-transform: translate(0px, 0px) scale(1.05);
    transform: translate(0px, 0px) scale(1.05);
  }
  .tools-tabs {
    max-width: 520px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tabs-tool-logo__wrap {
    left: -5%;
    width: 80%;
    max-width: 370px;
    padding: 40px 10%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-shadow: 17px 18px 0 0 rgba(0, 96, 204, 0.03), 0 20px 40px -10px rgba(4, 15, 34, 0.25);
  }
  .software-logo-box {
    left: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    min-height: 65px;
    min-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 15%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .pcb-software__tabs-pane-wrap {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    background-color: hsla(0, 0%, 100%, 0.5);
    box-shadow: 0 12px 24px -6px rgba(7, 25, 55, 0.15);
  }
  .logo-circle-bg {
    left: -45%;
    width: 80%;
    max-width: 280px;
  }
  .tabs__kicad-logo {
    width: 80%;
    max-width: 90px;
    min-width: 0px;
  }
  .tabs__altium-logo {
    width: 85%;
    max-width: 200px;
  }
  .tabs-altium-logo {
    width: 90%;
  }
  .pcb-software__tabs__logo-wrap {
    left: 10%;
    width: 75%;
    min-height: 280px;
    margin-top: 0px;
    padding-top: 40px;
    padding-right: 5%;
  }
  .pcb-software-tabs__text-wrap {
    left: 5%;
    width: 90%;
    max-width: 500px;
  }
  .tabs-kicad-logo {
    width: 75%;
    max-width: none;
  }
  .tabs-eagle-logo {
    max-width: 260px;
  }
  .btn--icon-vote-stroke {
    left: 0px;
    top: 2px;
    margin-left: 5px;
    font-size: 17px;
  }
  .tab__diff-video {
    width: 100%;
    max-width: 670px;
    padding-top: 24px;
    padding-bottom: 0px;
    box-shadow: 0 8px 16px -4px rgba(8, 25, 55, 0.15);
  }
  .manual-comparison-tablet--img {
    display: block;
  }
  .subsection--img {
    width: 95%;
  }
  .subsection--img.individual-profiles {
    position: relative;
    left: -15%;
    width: 150%;
  }
  .subsection--img.overlay-bg {
    position: relative;
    left: -15%;
    width: 150%;
  }
  .subsection-intro {
    width: 100%;
    max-width: none;
    margin-bottom: 30px;
  }
  .subsection {
    padding-top: 75px;
    padding-bottom: 70px;
    padding-left: 25px;
  }
  .features-link {
    overflow: hidden;
    width: 13px;
    height: 13px;
    margin-bottom: 13px;
    padding: 0px;
    border-radius: 50%;
    background-color: #ebecf0;
    color: transparent;
  }
  .features-link:hover {
    background-color: #2692ff;
    color: transparent;
  }
  .features-link.w--current {
    background-color: #0076ff;
    background-image: none;
    color: transparent;
  }
  .chrome-extention--img {
    top: 0px;
    display: block;
    width: 95%;
    max-width: 670px;
    margin-top: 35px;
    margin-right: auto;
    margin-left: auto;
  }
  .features-logos-wrap {
    width: 90%;
    margin: 30px auto 0px;
    background-position: 100% 95%, 5% 5%;
  }
  .hide-on-mobile {
    display: none;
  }
  .sidebar-wrap {
    top: 30%;
    margin-top: 60px;
    padding: 0px;
    background-color: transparent;
    box-shadow: none;
  }
  .sidebar {
    left: auto;
    right: 15px;
    display: none;
    width: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .column.sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
  .column.sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 91.66%;
    -ms-flex-preferred-size: 91.66%;
    flex-basis: 91.66%;
  }
  .column.sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
  }
  .column.sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .column.sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 8.33%;
    -ms-flex: 0 8.33%;
    flex: 0 8.33%;
  }
  .column.sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 66.66%;
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%;
  }
  .column.sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 41.67%;
    -ms-flex-preferred-size: 41.67%;
    flex-basis: 41.67%;
  }
  .column.sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 58.33%;
    -ms-flex-preferred-size: 58.33%;
    flex-basis: 58.33%;
  }
  .column.sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 16.67%;
    -ms-flex-preferred-size: 16.67%;
    flex-basis: 16.67%;
  }
  .column.sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 83.33%;
    -ms-flex-preferred-size: 83.33%;
    flex-basis: 83.33%;
  }
  .column.sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .column.sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .software__text-wrap {
    left: 0%;
    width: 100%;
    max-width: 670px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .software__desc-wrap {
    left: 0%;
    width: 100%;
    max-width: 670px;
    margin-right: auto;
    margin-left: auto;
  }
  .form-text {
    height: 40px;
    margin-bottom: 20px;
    line-height: 40px;
  }
  .software-slides-link {
    height: 42px;
    min-width: 33.333333333333336%;
    padding-top: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: hsla(0, 0%, 100%, 0.35);
    box-shadow: inset 0 -1px 0 0 #ebecf0, inset 1px 0 0 0 #ebecf0;
    font-size: 14px;
    line-height: 41px;
    font-weight: 600;
  }
  .software-slides-link.w--current {
    box-shadow: 5px 0 7px -3px rgba(4, 15, 34, 0.2), inset 0 3px 0 0 #2692ff;
  }
  .software-slides {
    max-width: 670px;
    margin-top: 80px;
  }
  .software-slides__menu {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .software-slides__pane {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .software-logo-wrap {
    bottom: 0px;
  }
  .software-logo-wrap.large {
    width: 90%;
    max-width: 220px;
    min-height: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .whycadlabs-cards {
    display: block;
    width: 90%;
    max-width: 670px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .whycadlab--card-wrap {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
  }
  .whycadlab-card {
    padding-right: 30px;
    padding-bottom: 75px;
    padding-left: 30px;
    font-size: 17px;
    text-align: left;
  }
  .software-slides__intro-text {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 16px;
  }
  .hero-intro-wrap__basic-page {
    width: 90%;
    max-width: 540px;
  }
  .hero-intro-wrap__basic-page.projects-page {
    max-width: 540px;
    margin-bottom: 0px;
  }
  .hero-intro-wrap__basic-page.project-page {
    margin-bottom: 20px;
  }
  .software__list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .check-out-how-to__card {
    display: block;
    width: 90%;
    height: auto;
    max-width: 670px;
    margin-right: auto;
    margin-bottom: 35px;
    margin-left: auto;
    padding: 30px 30px 25px;
    text-align: left;
  }
  .check-out-how-to__card-title {
    font-size: 19px;
  }
  .software-arrows--img {
    right: 15%;
    bottom: 99%;
    max-width: 100px;
  }
  .software-logo__circle-bg {
    left: -15%;
    width: 80%;
    max-width: 260px;
  }
  .software-eagle-logo {
    max-width: none;
  }
  .software-kicad-logo {
    width: 70%;
    max-width: none;
  }
  .software-logo__box {
    left: -5%;
    top: 0px;
    width: 90%;
    max-width: 390px;
    padding: 12% 10%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .software-logo__box.large {
    max-width: none;
    min-height: 100px;
    padding-top: 11%;
    padding-bottom: 11%;
  }
  .check-out-how-to__card-icon {
    right: 4%;
    bottom: 12%;
    width: 100px;
    max-width: 54px;
  }
  .software-altium-logo {
    width: 80%;
    max-width: none;
  }
  .software-orcad-logo {
    max-width: 260px;
  }
  .software-pads-logo {
    max-width: 260px;
  }
  .popup-content.info {
    max-width: 520px;
  }
  .anontation-video {
    width: 100%;
    max-width: 670px;
    padding-top: 24px;
  }
  .pcb-diff-video {
    width: 100%;
    max-width: 670px;
    padding-top: 24px;
  }
  .blue-chack-icon {
    left: -7px;
    top: 12px;
  }
  .section-overlay {
    padding: 75px 25px 70px;
  }
  .section-overlay.section--hero-bg {
    background-position: 100% 110%, -5% 5%, 0px 0px, 0px 0px, 0px 0px;
    background-size: auto 160px, auto 300px, auto, auto, auto;
    background-attachment: scroll, fixed, scroll, scroll, scroll;
  }
  .section-overlay.homepage-hero-bg {
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(29%, #fff));
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff 29%);
    background-position: 100% 100%, 0% -80px, 0px 0px;
    background-size: auto 220px, auto 320px, auto;
    background-repeat: no-repeat, no-repeat, repeat;
    background-attachment: fixed, scroll, scroll;
  }
  .section-overlay.benefits-section-bg {
    background-image: url("../images/schematic-element-bg--img.svg"), -webkit-gradient(linear, left top, left bottom, from(#fbfdff), to(#fbfdff));
    background-image: url("../images/schematic-element-bg--img.svg"), linear-gradient(180deg, #fbfdff, #fbfdff);
    background-position: 50% 100%, 0px 0px;
    background-size: 1300px, auto;
    background-attachment: scroll, scroll;
  }
  .section-overlay.projects-hero-bg {
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(29%, #fff));
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff 29%);
    background-position: 100% 100%, 0% -80px, 0px 0px;
    background-size: auto 220px, auto 320px, auto;
    background-repeat: no-repeat, no-repeat, repeat;
    background-attachment: fixed, scroll, scroll;
  }
    .page-container {
    padding: 75px 25px 70px;
  }
  .webform-client-form {
    width: 95%;
    margin-bottom: 0px;
  }
  .login-intro-text {
    margin-bottom: 25px;
    font-size: 16px;
  }
  .login-intro-text.hide-on-desctop {
    display: block;
  }
  .login-title {
    font-size: 32px;
  }
  .login-content {
    padding-bottom: 0px;
    background-position: 100% 110%, -10% -5%;
    background-size: auto 250px, auto 320px;
  }
  .login-copyrights.login-tips {
    position: static;
    width: 100%;
    max-width: 460px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.85em;
    letter-spacing: 0px;
  }
  .login-body {
    width: 100%;
    max-width: 460px;
    margin-top: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .lofin-form__right-side {
    width: 100%;
    margin-left: 0px;
  }
  .lofin-form__left-side {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 40px;
  }
  .header-empty {
    height: 56px;
  }
  .cadlab-video-player {
    min-width: 440px;
  }
  .landing-hero-bg-waves {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.35)), to(rgba(8, 25, 55, 0.35))), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), -webkit-gradient(linear, left top, left bottom, from(rgba(23, 43, 77, 0.75)), color-stop(25%, rgba(23, 43, 77, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.85)), to(rgba(8, 25, 55, 0.85)));
    background-image: linear-gradient(180deg, rgba(8, 25, 55, 0.35), rgba(8, 25, 55, 0.35)), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), linear-gradient(180deg, rgba(23, 43, 77, 0.75), rgba(23, 43, 77, 0) 25%), linear-gradient(180deg, rgba(8, 25, 55, 0.85), rgba(8, 25, 55, 0.85));
    background-position: 0px 0px, -5% -60px, 100% 120%, 0px 0px, 0px 0px;
    background-size: auto, auto 240px, 180px, auto, auto;
  }
  .hero-landing-text {
    font-size: 21px;
    font-weight: 500;
  }
  .landing-intro-wrap__basic-page {
    width: 100%;
    max-width: 540px;
    margin-bottom: 0px;
  }
  .quiz-form {
    position: relative;
    left: -5%;
    overflow: hidden;
    width: 110%;
    margin-top: 10px;
    margin-bottom: -60px;
  }
  .customer-spotlights-img {
    width: 100%;
  }
  .customer-spotlights {
    top: 0px;
    width: 90%;
    margin-right: auto;
    margin-bottom: 45px;
    margin-left: auto;
  }
  .our-customers__wrapper {
    margin-top: -20px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .our-customers__wrapper.dark-wave {
    bottom: 20px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .customer-logo {
    width: 40%;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .customer-logo--img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .quiz-form__wrapper {
    max-width: 480px;
    margin-top: -20px;
    padding-right: 5px;
    padding-bottom: 100px;
    padding-left: 5px;
    border-radius: 5px;
  }
  .calendly-inline-widget {
    height: 760px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .btn--more {
    height: 37px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 37px;
    letter-spacing: 1.5px;
  }
  .unsubsribe-text {
    max-width: 520px;
    margin-bottom: 25px;
    font-size: 17px;
  }
  .page-body {
    width: 100%;
    padding-right: 45px;
    padding-left: 45px;
  }
  .unsubsribe-content {
    padding-bottom: 0px;
    background-position: 100% 110%, -10% -5%;
    background-size: auto 250px, auto 320px;
  }
  .unsubscribe-copyrights.unsubscribe-tips {
    width: 90%;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 13px;
    line-height: 1.85em;
    letter-spacing: 0px;
  }
  .sliding-popup-bottom {
    padding-right: 25px;
    padding-left: 25px;
    font-size: 15px;
    line-height: 1.5em;
  }
  .inline-block-text {
    display: inline;
  }
  .section--ui-kit {
    display: block;
    margin: 30px auto 0px;
    padding: 30px 25px;
  }
  .carousel-slider {
    max-height: 200px;
    margin-top: 15px;
  }
  .carousel-slider__slide {
    width: auto;
    max-width: 50%;
    min-width: 50%;
  }
  .ui-kit-content-wrap {
    overflow: visible;
    width: 100%;
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .ui-kit-label {
    margin-bottom: 20px;
  }
  .ui-kit-wrap {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .carousel-slider__img {
    max-width: 33.333%;
  }
  .navbar__wrap {
    position: relative;
    max-width: 100%;
  }
  .brand.w--current {
    top: 0px;
  }
  .circle--img {
    bottom: -67px;
    max-width: 160px;
  }
  .client-name {
    display: block;
  }
  .client-company {
    display: inline-block;
  }
  .testimonials__arrow--right {
    left: 45px;
    top: 5px;
    right: auto;
  }
  .client-meta {
    left: 187px;
    bottom: -87px;
    max-width: 420px;
    min-height: 50px;
    font-size: 17px;
    line-height: 1.5em;
  }
  .testimonials-slider__slide-container {
    padding-right: 30px;
    padding-left: 65px;
  }
  .client-photo {
    left: 120px;
    width: 56px;
    height: 56px;
  }
  .testimonials-triagle {
    left: 90px;
    bottom: -25px;
  }
  .testimonials-slider__arrow--left {
    left: 0px;
    top: 5px;
    right: auto;
  }
  .testimonials-slider__arrow--left.home-page {
    left: 0px;
    top: 15px;
    right: auto;
    bottom: 14px;
  }
  .quote-icon {
    left: 19px;
    font-size: 28px;
  }
  .testimonials-slider {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .client-info {
    position: absolute;
    left: -75px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 120%;
  }
  .hero-bg-waves {
    background-image: -webkit-gradient(linear, left top, left bottom, from(null), to(null)), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), -webkit-gradient(linear, left top, left bottom, from(rgba(23, 43, 77, 0.75)), color-stop(25%, rgba(23, 43, 77, 0))), -webkit-gradient(linear, left top, left bottom, from(null), to(null));
    background-image: linear-gradient(180deg, null, null), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), linear-gradient(180deg, rgba(23, 43, 77, 0.75), rgba(23, 43, 77, 0) 25%), linear-gradient(180deg, null, null);
    background-size: auto, auto 320px, 260px, auto, auto;
  }
  ._6-col {
    margin-right: 0px;
  }
  .content-wrappper {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .structure-section-name {
    font-size: 22px;
    line-height: 32px;
  }
  .h1-jumbo {
    font-size: 44px;
    line-height: 56px;
  }
  .ais-instantsearch {
    width: 95%;
    max-width: 670px;
  }
  .ais-searchbox-form {
    padding: 20px 20px 17px;
  }
  .ais-searchbox-input {
    height: 44px;
    padding-left: 45px;
    font-size: 17px;
  }
  .ais-searchbox-submit {
    left: 35px;
    top: 30px;
    width: 22px;
    height: 22px;
    font-size: 22px;
  }
  .ais-filterbox {
    top: 150px;
    height: 40px;
  }
  .ais-hitsperpage-select {
    height: 30px;
  }
  .hits {
    margin-top: 100px;
  }
  .ais-hits-list {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ais-hits-list.project-page {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .ais-hits-item {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .ais-hits-item.teaser.last-child {
    display: block;
  }
  .ais-hits-item.teaser-full-width {
    margin-bottom: 40px;
  }
  .project-item__card {
    padding-right: 4%;
    padding-left: 4%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .project-item__card.teaser {
    padding: 25px 25px 30px;
  }
  .project-item__card.teaser-large {
    padding: 25px 25px 30px;
  }
  .project-name {
    font-size: 20px;
    line-height: 1.25em;
    letter-spacing: 0px;
  }
  .ais-refinementlist-labeltext {
    top: 2px;
    font-size: 15px;
  }
  .ais-refinementlist-count {
    bottom: 0px;
    margin-left: 5px;
    padding: 2px;
    font-size: 11px;
  }
  .project-item__header {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .project-item__thumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .project-item__thumbs.large-thumbs {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .project-item__description.truncate-text {
    font-size: 16px;
  }
  .project-item__parts {
    left: 0%;
    display: block;
    width: 110%;
    margin-right: -5%;
    margin-left: -5%;
    padding-left: 55px;
    background-position: 27px 15px;
  }
  .project-item__parts-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .project-item__part-name {
    display: inline-block;
    padding: 5px 7px 4px;
    font-size: 12px;
  }
  .projects-word {
    display: none;
  }
  .features-project-page {
    max-width: 670px;
    margin-top: 80px;
  }
  .featers-slides__menu {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .features-slides-link {
    height: 42px;
    min-width: 33.333333333333336%;
    padding-top: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: hsla(0, 0%, 100%, 0.35);
    box-shadow: inset 0 -1px 0 0 #ebecf0, inset 1px 0 0 0 #ebecf0;
    font-size: 14px;
    line-height: 41px;
    font-weight: 600;
  }
  .features-slides-link.w--current {
    box-shadow: 5px 0 7px -3px rgba(4, 15, 34, 0.2), inset 0 3px 0 0 #2692ff;
  }
  .features-slides__pane {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .features-slides__intro-text {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 16px;
  }
  .ais-projects-searchbox-form {
    padding: 20px 20px 17px;
  }
  .ais-projects-searchbox-input {
    height: 44px;
    padding-left: 45px;
    font-size: 17px;
  }
  .ais-projects-searchbox-submit {
    left: 35px;
    top: 30px;
    width: 22px;
    height: 22px;
    font-size: 22px;
  }
  .formats {
    padding: 30px 25px;
  }
  .other-vendors {
    margin-top: 25px;
    padding-right: 0%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .other-vendors__text {
    font-size: 19px;
    text-align: center;
  }
  .vendor-logo-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 15px 7px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .vendors-heading {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.25em;
    letter-spacing: 0px;
  }
  .main-text {
    font-size: 28px;
    line-height: 1.15em;
    letter-spacing: 0px;
  }
  .hero-landing-heading {
    font-size: 32px;
    font-weight: 600;
  }
  .features-list__nav {
    width: 100%;
    margin-top: 15px;
    padding-bottom: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-size: 920px 2px;
    background-repeat: no-repeat;
  }
  .features__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 46%;
    height: auto;
    max-width: none;
    min-height: 0px;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    padding: 15px 20px 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 5px;
    text-align: left;
  }
  .features__card-title {
    font-size: 16px;
  }
  .features__card-icon {
    right: 4%;
    bottom: 12%;
    width: 100px;
    max-width: 54px;
  }
  .features__tabs {
    margin-top: 20px;
    padding: 25px 20px 35px;
    border-radius: 10px;
    background-color: hsla(0, 0%, 100%, 0.75);
  }
  .features-tab__pane {
    min-height: 360px;
  }
  .features-tab__text {
    width: 90%;
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 0%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
  }
  .features-tabs__img {
    width: 90%;
    margin-right: 0%;
  }
  .features-tabs__img.changes {
    width: 90%;
    margin-right: 0%;
  }
  .features-tab__wrap {
    padding-top: 25px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .business-block {
    min-height: auto;
    margin-top: 60px;
    margin-bottom: 0px;
    padding: 40px 40px 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: linear-gradient(177deg, transparent 15%, rgba(15, 34, 66, 0.5) 85%), url("../images/business-block__left-side.svg");
    background-position: 0px 0px, 100% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    letter-spacing: 0px;
  }
  .tab-triagle-active-1 {
    bottom: -15px;
  }
  .tab-triagle-1 {
    bottom: -18px;
  }
  .tab-triagle-active-2 {
    bottom: -15px;
  }
  .tab-triagle-2 {
    bottom: -15px;
  }
  .tab-triagle-active-3 {
    bottom: -15px;
  }
  .tab-triagle-3 {
    bottom: -15px;
  }
  .tab-triagle-active-4 {
    bottom: -15px;
  }
  .tab-triagle-4 {
    left: 45%;
    top: auto;
    right: auto;
    bottom: -17px;
  }
  .tab-line-4 {
    display: none;
  }
  .tab-line-3 {
    display: none;
  }
  .tab-line-2 {
    display: none;
  }
  .tab-line-1 {
    display: none;
  }
  .anontation-projects-video {
    width: 90%;
    max-width: 670px;
    margin-right: 0%;
    padding-top: 18px;
  }
  .find-project__block {
    margin-top: 30px;
    padding: 30px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: url("../images/search-pattern.svg"), linear-gradient(169deg, #1171dd, #091c3c 94%);
    background-position: 50% 50%, 0px 0px;
    background-size: cover, auto;
    background-repeat: no-repeat, repeat;
    font-size: 21px;
  }
  .business-block-title {
    max-width: none;
    font-size: 25px;
    line-height: 1.35em;
    letter-spacing: 0.5px;
  }
  .busines-block__text {
    bottom: 0px;
    width: 100%;
    max-width: none;
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.65em;
    text-align: center;
  }
  .cursor-click {
    right: 18%;
    bottom: -7%;
  }
  .home-hero-text {
    font-size: 28px;
    line-height: 1.15em;
  }
  .home-hero__image {
    width: 47%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .hero-home-img__wrap {
    left: 20%;
    bottom: 0px;
    min-width: 135%;
  }
  .home-hero__content {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .home-hero__text {
    width: 53%;
    min-width: 280px;
  }
  .hero-isometric__text--1 {
    top: -3%;
    padding: 9px 13px;
    font-size: 14px;
    font-weight: 600;
  }
  .hero-isometric__text--3 {
    top: -3%;
    padding: 9px 13px;
    font-size: 13px;
    font-weight: 600;
  }
  .hero-isometric__text--4 {
    top: -3%;
    padding: 9px 13px;
    font-size: 13px;
    font-weight: 600;
  }
  .projects-hero-intro-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .projects-hero__text {
    width: 53%;
    min-width: 280px;
  }
  .hero-isometric__text--2 {
    top: -3%;
    padding: 9px 13px;
    font-size: 14px;
    font-weight: 600;
  }
  .play-video-icon {
    width: 60px;
    height: 60px;
  }
  .subsection-img__wrap {
    width: 95%;
  }
  .subsection-img__wrap.individual-profiles {
    position: relative;
    left: -15%;
    width: 150%;
  }
  .subsection-overlay-bg {
    width: 120%;
  }
  .subsection-overlay-bg.individual-profiles {
    position: relative;
    left: -15%;
    width: 150%;
  }
  .subsection-overlay-bg.overlay-bg {
    position: relative;
    left: -15%;
    width: 150%;
  }
  .other-software-icon {
    max-width: 260px;
  }
  .customer-meta {
    margin-top: 0px;
    font-size: 19px;
  }
  .customer-position {
    display: inline-block;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 16px;
  }
  h1 {
    font-size: 26px;
    line-height: 1.25em;
  }
  h2 {
    font-size: 30px;
    letter-spacing: 0.25px;
  }
  h3 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 1.25em;
  }
  h4 {
    font-size: 19px;
    line-height: 1.35em;
    font-weight: 600;
    letter-spacing: 0px;
  }
  p {
    font-size: 16px;
    line-height: 1.65em;
  }
  li {
    font-size: 1rem;
  }
  label {
    font-size: 16px;
  }
  blockquote {
    padding: 12px 15px 12px 20px;
    font-size: 18px;
    line-height: 1.35em;
  }
  .custom-css {
    overflow: hidden;
    width: 100vw;
  }
  ._404-page-wrap {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))), url("../images/landing-bottom-left-bg.svg"), url("../images/landing-top-left-bg.svg");
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url("../images/landing-bottom-left-bg.svg"), url("../images/landing-top-left-bg.svg");
    background-position: 0px 0px, 100% 110%, 0px -10%;
    background-size: auto, auto 200px, auto 280px;
  }
  ._404-img {
    width: 75%;
    max-width: 240px;
    margin-bottom: 20px;
  }
  ._404-text {
    margin-top: 15px;
    font-size: 16px;
  }
  .btn-nav {
    font-size: 24px;
  }
  .tab__menu {
    max-height: none;
    border-top: 1px solid #f4f5f7;
    border-left-width: 0px;
  }
  .alert {
    font-size: 15px;
  }
  .main-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .cta-buttons {
    padding-right: 0px;
  }
  .btn {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .btn.btn--sign-up {
    display: none;
  }
  .btn.btn--secondary {
    position: relative;
    height: 37px;
    margin-right: 4%;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    box-shadow: 0 4px 4px -4px rgba(8, 25, 55, 0.15);
    font-size: 14px;
    line-height: 37px;
    font-weight: 600;
    letter-spacing: 1.5px;
  }
  .btn.btn--secondary.btn--get-started {
    height: 37px;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-right: 30px;
    padding-left: 30px;
    line-height: 38px;
    font-weight: 600;
  }
  .btn.btn--secondary.btn--get-a-price {
    margin-bottom: 35px;
  }
  .btn.btn--secondary.btn-get-price {
    height: 39px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 15px;
    line-height: 39px;
  }
  .btn.btn--secondary.btn--create-a-project {
    height: 37px;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-right: 30px;
    padding-left: 30px;
    line-height: 38px;
    font-weight: 600;
  }
  .btn.btn--secondary.btn--start-for-free {
    margin-bottom: 35px;
  }
  .btn.btn--secondary.btn--add-project {
    margin-bottom: 35px;
  }
  .btn.btn--sign-in {
    display: none;
  }
  .btn.btn--primary {
    height: 37px;
    padding-right: 13px;
    padding-left: 18px;
    font-size: 14px;
    line-height: 38px;
    font-weight: 600;
  }
  .btn.btn--primary.btn--demo {
    top: -18px;
    height: 37px;
    padding-right: 25px;
    padding-left: 30px;
    line-height: 37px;
  }
  .btn.btn--primary.btn--play {
    height: 38px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-right: 20px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 39px;
    font-weight: 700;
    letter-spacing: 1px;
  }
  .btn.btn--primary.btn--star {
    height: 37px;
    margin-top: 20px;
    box-shadow: 0 4px 4px -4px rgba(7, 25, 55, 0.07);
    line-height: 37px;
  }
  .btn.btn--primary.contact-form {
    height: 40px;
    line-height: 40px;
  }
  .btn.btn--primary.btn--start-for-free {
    height: 39px;
    padding-right: 25px;
    padding-left: 25px;
    line-height: 39px;
  }
  .btn.btn--primary.btn--create-project {
    height: 39px;
    padding-right: 25px;
    padding-left: 25px;
    line-height: 39px;
  }
  .btn.btn--primary.btn--explore {
    top: -18px;
    height: 37px;
    max-width: 200px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 38px;
  }
  .btn.btn--vote {
    position: relative;
    display: block;
    width: 100%;
    height: 36px;
    max-width: 300px;
    min-width: 260px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 8px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 37px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0px;
  }
  .btn.btn--vote.btn--platforms-card {
    width: 100%;
    height: 36px;
    max-width: 110px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    float: none;
    line-height: 37px;
  }
  .btn.btn--link {
    height: 37px;
    margin-top: 25px;
    margin-bottom: 0px;
    padding-right: 27px;
    padding-left: 27px;
    font-size: 14px;
    line-height: 38px;
    letter-spacing: 1px;
  }
  .btn.btn--more {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }
  .btn.get-notified {
    height: 36px;
    line-height: 37px;
    font-weight: 600;
  }
  .btn.hp-view-more-btn {
    height: 38px;
    margin-bottom: 25px;
    padding-right: 13px;
    padding-left: 18px;
    font-size: 14px;
    line-height: 38px;
    font-weight: 600;
  }
  .btn.social-login-btn {
    position: relative;
    height: 38px;
    min-width: 140px;
    margin-top: 0px;
    margin-right: 4%;
    margin-bottom: 20px;
    padding-right: 6%;
    padding-left: 6%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    line-height: 37px;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .btn.btn--vote {
    position: relative;
    height: 36px;
    max-width: 145px;
    min-width: 0px;
    margin-top: 10px;
    margin-right: 4%;
    padding-right: 6%;
    padding-left: 6%;
    float: left;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    line-height: 37px;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .btn.btn--ok {
    height: 37px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 38px;
    font-weight: 600;
  }
  .btn.btn--no {
    height: 37px;
    margin-left: 0px;
    font-size: 14px;
    line-height: 38px;
  }
  .btn.btn--vote-tool {
    position: relative;
    display: block;
    width: 100%;
    height: 37px;
    max-width: 270px;
    margin: 25px auto 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 38px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15px;
  }
  .btn.btn--vote-tool.vendors {
    width: 95%;
    height: 40px;
    max-width: 260px;
    font-size: 13px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }
  .btn.btn--my-account {
    display: none;
  }
  .btn.btn--votes {
    position: relative;
    width: 120px;
    height: 37px;
    margin-right: 4%;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    box-shadow: 0 4px 4px -4px rgba(8, 25, 55, 0.15);
    font-size: 14px;
    line-height: 37px;
    font-weight: 600;
    letter-spacing: 1.5px;
  }
  .btn.btn--go-home-page {
    max-width: 190px;
    margin-bottom: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .btn.btn--go-my-account {
    max-width: 190px;
    margin-bottom: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .btn.btn--create-project {
    position: relative;
    height: 37px;
    margin-right: 4%;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    box-shadow: 0 4px 4px -4px rgba(8, 25, 55, 0.15);
    font-size: 14px;
    line-height: 37px;
    font-weight: 600;
    letter-spacing: 1.5px;
  }
  .btn.btn--sort-by {
    height: 28px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 11px;
    font-weight: 600;
  }
  .btn.btn--sort-by.btn--sort-by__active {
    font-weight: 700;
  }
  .btn.ais-pagination-item {
    height: 28px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 11px;
    font-weight: 600;
  }
  .btn.btn--sign-up-free {
    position: relative;
    height: 37px;
    max-width: 210px;
    min-width: 190px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    box-shadow: 0 4px 4px -4px rgba(8, 25, 55, 0.15);
    font-size: 14px;
    line-height: 37px;
    font-weight: 600;
    letter-spacing: 1.5px;
  }
  .btn.btn--share-project {
    display: none;
    width: 75%;
    height: 37px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-right: 17px;
    padding-left: 17px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    line-height: 38px;
    font-weight: 600;
  }
  .btn.btn--find-project {
    height: 37px;
    padding-right: 13px;
    padding-left: 18px;
    font-size: 14px;
    line-height: 38px;
    font-weight: 600;
  }
  .btn.btn--business {
    position: relative;
    display: block;
    width: 100%;
    height: 37px;
    max-width: 220px;
    margin: 25px auto 0px;
    padding-right: 12px;
    padding-left: 15px;
    font-size: 13px;
    line-height: 38px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.75px;
  }
  .tab-link {
    width: 100%;
    height: 44px;
    padding-top: 0px;
    border-bottom: 1px solid rgba(235, 236, 240, 0.61);
    background-color: #fafbfc;
    font-size: 16px;
    line-height: 44px;
    font-weight: 500;
  }
  .tab-link:hover {
    box-shadow: inset 3px 0 0 0 #0094ea;
  }
  .tab-link.w--current {
    border-right: 1px solid #eff2f7;
    box-shadow: inset 3px 0 0 0 #0094ea;
  }
  .tab-link.tab-link--last-child.w--current {
    font-size: 15px;
  }
  .nav-link {
    padding-right: 15px;
    padding-left: 20px;
  }
  .nav-link.sign-up {
    width: 85px;
    max-width: 145px;
    min-height: 35px;
    margin-right: 10px;
    padding: 0px 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #f93e30;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0.5px;
  }
  .nav-link.sign-up:hover {
    background-color: #0e2040;
  }
  .nav-link.sign-in {
    width: 85%;
    max-width: 145px;
    min-height: 35px;
    margin-left: 10px;
    padding: 0px 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #0076ff;
    color: #2692ff;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.5px;
  }
  .nav-link.nav-link__submenu {
    padding-right: 15px;
    padding-left: 20px;
  }
  .nav-link.parent-item {
    font-weight: 600;
  }
  .nav-link.home {
    box-shadow: inset 0 -1px 0 0 rgba(37, 56, 88, 0.75);
  }
  .nav-link.my-account {
    width: 100%;
    max-width: 320px;
    min-height: 38px;
    margin-right: 0px;
    padding-left: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #f93e30;
    font-weight: 700;
    letter-spacing: 0.5px;
  }
  .nav-link.my-account:hover {
    background-color: #0e2040;
  }
  .tab__pane {
    padding: 20px 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .input.input--form-calc {
    height: 40px;
    padding-right: 0px;
    padding-left: 10px;
    background-position: 9px 50%;
    background-size: auto 14px;
    font-size: 15px;
    line-height: 40px;
    font-weight: 600;
  }
  .input.input--form-calc.transparent-field {
    top: 1px;
    height: 40px;
    max-width: 50px;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600;
  }
  .input.input--form-calc.result-field {
    width: 45%;
    max-width: 160px;
    margin-left: 0px;
    padding-left: 0%;
    background-image: url("../images/dollar-blue-icon.svg");
    background-position: 12% 50%;
    background-size: auto 16px;
    background-repeat: no-repeat;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }
  .input.input--form-calc.calendar-icon {
    background-position: 6px 48%;
    background-size: auto 13px;
  }
  .input.input--form-calc.person-icon {
    background-position: 7px 50%;
    background-size: auto 12px;
  }
  .input.text-area {
    margin-bottom: 10px;
    padding-top: 13px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
  }
  .input.contact-form {
    height: 42px;
    margin-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
  }
  .tabs {
    bottom: 0px;
    width: 100%;
    margin-top: -15px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    box-shadow: 0 16px 32px -12px rgba(4, 15, 34, 0.15);
  }
  .col {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .col.xs-12 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .col.xs-12.vertical-alight--center {
    padding-right: 15px;
    padding-left: 15px;
  }
  .logo {
    max-width: 182px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .modal-header {
    top: 15px;
    right: 10px;
  }
  .diff-video {
    left: 0%;
    width: 100%;
    max-width: none;
    margin-top: 5px;
    padding-top: 16px;
  }
  .btn--icon-vote {
    font-size: 15px;
  }
  .flow-points-img {
    right: 36%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .btn--icon-play {
    top: 2px;
    font-size: 16px;
    font-weight: 400;
  }
  .subsection-revision {
    left: 0%;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 40px;
  }
  .subsection-version-control {
    overflow: visible;
    max-width: 390px;
    min-height: 0px;
    margin-top: 75px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .h2--after {
    width: 65px;
  }
  .header-menu--pcb-vendors {
    padding-left: 0px;
  }
  .tool-logos-wrap {
    width: 80%;
    margin: -10px auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer-link {
    padding: 8px 10px;
    text-align: left;
    letter-spacing: 0px;
  }
  .h3--after {
    width: 70px;
  }
  .github-logo {
    max-width: 100px;
  }
  .col-img--right {
    max-width: 100%;
    margin-top: 35px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .section-intro {
    width: 95%;
    max-width: 390px;
    margin-bottom: 30px;
  }
  .section-intro.check-out-how-to {
    margin-bottom: 25px;
  }
  .section-intro.contact-page {
    width: 90%;
    margin-top: -10px;
  }
  .header-menu__overlay-gradient {
    width: 12%;
  }
  .col-text {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .hero-intro-text {
    width: 100%;
    max-width: none;
    min-width: 0px;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 500;
  }
  .hero-intro-text.full-width {
    width: 100%;
    max-width: none;
  }
  .hero-intro-text.project-page {
    width: 100%;
    margin-bottom: 20px;
    line-height: 1.5em;
  }
  .kicad-logo {
    width: 100%;
    max-width: 105px;
  }
  .kicad-logo.projects {
    max-width: 100px;
  }
  .get-started-box {
    bottom: 90px;
    width: 100%;
    max-width: 390px;
    margin-bottom: -45px;
    padding: 30px 15px 25px;
    background-position: 100% 50%;
    background-size: contain;
  }
  .get-started-box.get-started-block {
    bottom: 100px;
    width: 95%;
    margin-bottom: -50px;
    padding-top: 30px;
    padding-bottom: 20px;
    background-size: cover;
  }
  .section-title {
    width: 100%;
    max-width: 390px;
    font-size: 22px;
    line-height: 1.25em;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0px;
  }
  .section-title.box-title {
    max-width: 300px;
    font-size: 20px;
  }
  .section-title.large-title {
    width: 100%;
    max-width: none;
    font-size: 23px;
    line-height: 1.3em;
  }
  .section-title.section-large-title {
    width: 100%;
    max-width: 390px;
    margin-bottom: 0px;
    font-size: 26px;
    line-height: 1.25em;
    font-weight: 600;
    letter-spacing: 0px;
  }
  .section-title.section-large-title.section-top-title {
    width: 100%;
    max-width: none;
    font-size: 28px;
  }
  .section-title.section-large-title.project-page {
    font-weight: 600;
  }
  .section-title.dark-wave {
    font-size: 21px;
    line-height: 1.35em;
    letter-spacing: 0px;
  }
  .btn--arrow-right {
    left: 1px;
    top: 1px;
    font-size: 14px;
    font-weight: 400;
  }
  .intro-text {
    width: 100%;
    max-width: 360px;
    font-size: 16px;
    text-align: center;
  }
  .intro-text.width-90 {
    font-size: 16px;
  }
  .intro-text.width-90--single {
    width: 90%;
    max-width: 320px;
    font-size: 16px;
  }
  .coming-soon-ribbon {
    width: 70px;
    max-width: none;
  }
  .footer-link-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .eagle-logo {
    width: 100%;
    max-width: 170px;
  }
  .eagle-logo.projects {
    max-width: 145px;
  }
  .leaf {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
  }
  .leaf.visible-on-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .leaf.link-visible--on-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
  }
  .leaf.link-my-account--on-mobile {
    display: none;
    width: 90%;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
  }
  .hero-card {
    padding: 20px 30px 30px 25px;
    font-size: 16px;
  }
  .footer-menu {
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .copyrights-span {
    display: block;
  }
  .hero--card-wrap {
    position: relative;
    margin-bottom: 45px;
    box-shadow: 0 12px 32px -8px rgba(9, 30, 66, 0.2);
    font-size: 16.5px;
    line-height: 1.6em;
  }
  .footer {
    overflow: visible;
    width: 100vw;
    height: auto;
    padding: 10px 15px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer.landing-page {
    padding-bottom: 20px;
  }
  .col-img--left {
    max-width: 100%;
    margin-bottom: 30px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .hero-intro-wrap {
    width: 100%;
    max-width: 390px;
    min-width: 275px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .menu--pcb-vendors--desktop {
    overflow: auto;
    padding-right: 25px;
  }
  .subsection-revision__title {
    top: 0px;
    width: 100%;
    padding-right: 15px;
    padding-left: 33%;
    font-size: 17px;
  }
  .top-brower-img {
    height: 16px;
  }
  .top-brower-img.dark {
    top: 0px;
  }
  .top-brower-img.projects {
    height: 16px;
  }
  .altium-logo {
    width: 100%;
    max-width: 135px;
  }
  .altium-logo.projects {
    max-width: 120px;
  }
  .block-title {
    min-width: 120px;
    font-size: 14px;
    letter-spacing: 0px;
  }
  .section {
    padding: 65px 25px 60px;
  }
  .section.section--version-control {
    padding-top: 70px;
    padding-bottom: 30px;
    background-position: 0% 0%;
    background-size: 700px;
    background-attachment: fixed;
  }
  .section.section--benefits {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .section.section--hero {
    padding-top: 0px;
    padding-bottom: 15px;
    background-image: none;
  }
  .section.section--get-srarted {
    bottom: 0px;
  }
  .section.section--inner-hero {
    padding-top: 30px;
    padding-bottom: 30px;
    background-position: 0% -35px, 100% 105%;
    background-size: auto 160px, auto 130px;
    background-attachment: scroll, scroll;
  }
  .section.section--inner-hero.small {
    padding-top: 12px;
    background-position: 0% 75%, 100% 50%;
    background-size: 135px, contain;
  }
  .section.section--inner-hero.projects-hero {
    padding-top: 12px;
    background-position: 0% 5%, 100% 150%, 50% 0%;
    background-size: auto 135px, auto 95px, 1000px;
  }
  .section.section--it-helps-you {
    padding-top: 90px;
  }
  .section.section--documentation {
    margin-bottom: -30px;
    padding-bottom: 180px;
  }
  .section.section--table-bom {
    padding-bottom: 50px;
  }
  .section.section--team-communication {
    padding-bottom: 60px;
  }
  .section.section--better-faster-lower {
    padding-top: 65px;
  }
  .section.section--find-changes {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .section.section--take-control {
    padding-bottom: 40px;
  }
  .section.section--prototype-cost {
    padding-right: 25px;
    padding-bottom: 100px;
    padding-left: 25px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(90%, rgba(245, 249, 253, 0.75)));
    background-image: linear-gradient(180deg, #fff 50%, rgba(245, 249, 253, 0.75) 90%);
  }
  .section.section--eda-support {
    padding-bottom: 30px;
  }
  .section.section--integration {
    padding-bottom: 20px;
  }
  .section.section--features {
    margin-bottom: -30px;
    padding-top: 0px;
  }
  .section.section--chrome-extention {
    padding-bottom: 160px;
  }
  .section.section--slideshow {
    padding-top: 35px;
    padding-bottom: 65px;
  }
  .section.section--whycadlab {
    padding-top: 65px;
    padding-bottom: 60px;
  }
  .section.section--check-out-how-to {
    padding-top: 65px;
    padding-bottom: 135px;
  }
  .section.section--basic-pages {
    padding: 45px 25px 160px;
  }
  .section.section--why-cadlab {
    padding-top: 65px;
    padding-bottom: 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../images/circuit-bg--dark-2.svg");
    background-image: linear-gradient(180deg, transparent, transparent), url("../images/circuit-bg--dark-2.svg");
    background-position: 0px 0px, 100% 50%;
    background-size: auto, 600px;
    background-attachment: scroll, fixed;
  }
  .section.section--landing-hero {
    padding-top: 30px;
    padding-bottom: 40px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: linear-gradient(180deg, transparent, transparent), linear-gradient(180deg, transparent, transparent);
  }
  .section.section--landing-spotlights {
    padding-top: 65px;
    padding-bottom: 15px;
    background-color: #fcfeff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: linear-gradient(180deg, transparent, transparent);
  }
  .section.section--why-cadlab-landing {
    padding-top: 65px;
    padding-bottom: 25px;
  }
  .section.section--quiz-hero {
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: linear-gradient(180deg, transparent, transparent), linear-gradient(180deg, transparent, transparent);
  }
  .section.section--brands {
    padding-bottom: 60px;
  }
  .section.section--diff {
    padding-top: 60px;
    padding-bottom: 170px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-position: 100% 50%;
    background-size: 700px;
  }
  .section.section--supported-formats {
    padding-top: 65px;
    padding-bottom: 75px;
  }
  .section.section--pcd-design-process {
    padding-top: 60px;
    padding-bottom: 0px;
  }
  .section.section--spotlights {
    padding-top: 65px;
  }
  .section.section--projects-page {
    padding: 25px 10px 110px;
  }
  .section.section--slideshow-features {
    padding-top: 35px;
    padding-bottom: 65px;
  }
  .section.sectiom--feature-projects {
    padding: 60px 15px 180px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section.section--project-hero {
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: none;
  }
  .section.section--features-projects {
    padding: 135px 25px 80px;
  }
  .section.section--dark-wave {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .subsection--hero-cards {
    width: 100%;
    max-width: 390px;
    margin-top: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .copyrights {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 13px;
    line-height: 1.65em;
  }
  .copyrights.landing-page {
    width: 90%;
    font-size: 13.5px;
    letter-spacing: 0px;
  }
  .card-icon {
    width: 85px;
    height: 85px;
  }
  .tool-logo-box {
    width: 100%;
    max-width: 290px;
    min-height: 100px;
    margin: 0px auto 35px;
    padding: 0px 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .subtitle {
    display: inline;
    font-size: 23px;
    font-weight: 500;
  }
  .subtitle.projects {
    font-size: 20px;
    line-height: 1.25em;
    font-weight: 600;
  }
  .subtitle.hero-home {
    margin-top: 5px;
    font-size: 20px;
    line-height: 1.25em;
    font-weight: 600;
  }
  .version-logos-wrap {
    width: 80%;
    max-width: 390px;
    margin: 30px auto -16px;
  }
  .content {
    margin-bottom: 125px;
  }
  .bitbucket-logo {
    max-width: 170px;
  }
  .card-title {
    margin-top: 0px;
    font-size: 19px;
    line-height: 1.35em;
  }
  .team-communication-img {
    width: 95%;
    height: auto;
  }
  .teamwork-img {
    max-width: 180px;
    margin-top: 10px;
  }
  .hero-title {
    width: 100%;
    max-width: 360px;
    margin-bottom: 0px;
    font-size: 25px;
  }
  .hero-title.vendors {
    width: 100%;
    max-width: 100%;
  }
  .history-img {
    width: 95%;
    height: auto;
  }
  .subsection-two-cards {
    width: 95%;
    margin-top: -20px;
    margin-bottom: -17px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hero-intro__inner-page {
    left: 0px;
    z-index: 2;
    width: 95%;
    height: auto;
    max-width: 390px;
    margin: 5px auto 0px;
  }
  .hero-intro__inner-page.software {
    padding-right: 0%;
  }
  .hero-intro__inner-page.software-video {
    width: 95%;
    max-width: 390px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0%;
  }
  .branches-img {
    top: 0px;
    width: 95%;
    height: auto;
    margin-top: 0px;
  }
  .integrations-img {
    width: 100%;
    height: auto;
  }
  .card-wrap {
    position: relative;
    margin-bottom: 40px;
    font-size: 16.5px;
    line-height: 1.5em;
  }
  .card {
    padding: 30px 15px 60px 25px;
    font-size: 15px;
    line-height: 1.65em;
    letter-spacing: 0px;
  }
  .brower-logos-img {
    width: 90%;
    max-width: 320px;
  }
  .markup-img {
    top: 10px;
    width: 90%;
    height: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  .hero-img-wrap--inner {
    z-index: 0;
    width: 80%;
    height: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
  }
  .hero-img-wrap--inner.large {
    position: relative;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: auto;
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .hero-inner-img {
    max-width: 145px;
  }
  .two-flow-points {
    top: -110px;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .table-bom-img {
    right: 5%;
    width: 110%;
    height: auto;
    margin-top: 0px;
  }
  .isometric-brower-img {
    width: 135%;
  }
  .section-text-wrap {
    display: block;
    width: 95%;
    max-width: 390px;
    margin-bottom: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px;
  }
  .section-text-wrap.sectiom--teamwork__text-wrap {
    left: 0%;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .section-text-wrap.testimonials {
    bottom: 25px;
    width: 100%;
    margin-bottom: 30px;
  }
  .subsection--tree-icon-box {
    max-width: 390px;
    margin-top: -10px;
    background-image: url("../images/icon-box-line.svg");
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
  }
  .icon-box-wrap {
    position: relative;
    max-width: none;
    font-size: 16.5px;
    line-height: 1.5em;
  }
  .icon-box {
    width: 85px;
    height: 85px;
    padding: 17px;
    font-size: 16px;
    line-height: 1.65em;
    letter-spacing: 0px;
  }
  .feedback--img {
    position: relative;
    left: 2%;
    width: 104%;
  }
  .subsection-four-cards {
    width: 98%;
    max-width: 390px;
  }
  .calc-form__container {
    top: -45px;
    width: 100%;
    max-width: 350px;
    min-height: 580px;
    min-width: 295px;
    padding-left: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .calc-form__block {
    left: 5%;
    top: 110px;
    display: block;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: hsla(0, 0%, 100%, 0);
    background-image: url("../images/calc-points-lines--mobil-xs.svg");
    background-position: 95% 93px;
    background-size: 159px 339px;
    box-shadow: none;
  }
  .calc-form__circle {
    top: 0px;
    width: 180px;
    height: 100px;
    padding-top: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-image: none;
    opacity: 1;
  }
  .research-icon {
    bottom: 0px;
    -webkit-transform: scale(0.55);
    -ms-transform: scale(0.55);
    transform: scale(0.55);
  }
  .calc-form {
    padding-top: 30px;
    padding-bottom: 0px;
    padding-left: 0%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .field-label {
    font-size: 9.35px;
    line-height: 1.1em;
    text-align: left;
    letter-spacing: 0.5px;
  }
  .input-field {
    width: auto;
    max-width: 110px;
    text-align: left;
  }
  .input-field.revenuefield {
    width: 35%;
    max-width: none;
  }
  .input-field.input-field--small {
    width: 22%;
    max-width: 120px;
  }
  .form-section-title {
    margin-top: 0px;
    margin-bottom: -1px;
    font-size: 16px;
    line-height: 1.45em;
  }
  .input--form-icon {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .input--form-icon.divide-icon {
    left: 5px;
    top: 1px;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .input--form-icon.equally-icon {
    top: 10px;
    right: 0px;
    width: 20px;
    height: 20px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .input--form-icon.cost-of-delay {
    margin-right: 0px;
    margin-left: 0px;
  }
  .calc-form-row {
    width: 100%;
    margin-bottom: 23px;
  }
  .calc-form-row.calc-form-row--last-child {
    display: block;
    margin-top: 25px;
  }
  .form-section-title--result {
    width: 80%;
    max-width: 280px;
    margin-top: -3px;
    margin-right: 0px;
    margin-bottom: 0px;
    float: none;
    font-size: 16px;
    line-height: 1.45em;
  }
  .eda-support--img {
    width: 100%;
    max-width: 390px;
    margin-top: 0px;
  }
  .btn--icon-star {
    font-size: 17px;
  }
  .platforms-cards {
    max-width: 390px;
    margin-top: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .platforms-cards-col {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-bottom: 45px;
    margin-left: auto;
  }
  .platforms-card {
    padding: 25px 25px 30px;
    font-size: 15px;
  }
  .platform-card__logo-box {
    width: 100%;
    min-height: 105px;
    margin: 0px auto 25px;
    padding: 0px 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .pcb-software__tabs {
    margin-top: 60px;
    margin-bottom: 80px;
  }
  .psb-software__list-item {
    margin-top: 10px;
    padding-left: 25px;
    font-size: 15px;
  }
  .coming-soon-label {
    top: -1px;
    border-radius: 3px;
  }
  .pcb-software__tabs-menu {
    max-height: none;
    border-top: 1px solid #eff2f7;
    border-left-width: 0px;
  }
  .pcb-software__tabs-menu.tabs-menu--vertical {
    width: 100%;
    margin-bottom: 25px;
    border-top: 0px none transparent;
    border-left-color: transparent;
  }
  .tab__link {
    width: 100%;
    padding-right: 1.5em;
    padding-left: 1.5em;
    border-left: 1px solid #eff2f7;
    border-top-width: 0px;
  }
  .tab__link:hover {
    box-shadow: inset 3px 0 0 0 #0094ea;
  }
  .tab__link.w--current {
    border-right: 1px solid #eff2f7;
    box-shadow: inset 3px 0 0 0 #0094ea;
  }
  .tab__link.tab__link--vertical.w--current {
    height: 54px;
  }
  .tab__link.tab__link--vertical.w--current {
    border-right: 1px solid #eff2f7;
  }
  .tools-tabs {
    max-width: 390px;
    margin-top: 10px;
  }
  .tabs-tool-logo__wrap {
    left: 0%;
    top: 0px;
    width: 90%;
    min-height: 100px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 12%;
    padding-bottom: 12%;
  }
  .software-logo-box {
    width: 100%;
    min-height: 54px;
    padding: 0px 12%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .pcb-software__tabs-pane-wrap {
    width: 96%;
    padding-top: 15%;
    padding-bottom: 35px;
  }
  .logo-circle-bg {
    left: -50%;
    width: 80%;
    max-width: 240px;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .tabs__kicad-logo {
    width: 75%;
    max-width: none;
  }
  .tabs__altium-logo {
    width: 90%;
  }
  .pcb-software__tabs__logo-wrap {
    left: 5%;
    width: 80%;
    min-height: auto;
    margin-bottom: 35px;
    padding-top: 10px;
  }
  .pcb-software-tabs__text-wrap {
    left: 0%;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    padding-right: 15px;
    padding-left: 20px;
  }
  .tabs-kicad-logo {
    width: 65%;
  }
  .btn--icon-check {
    top: 0px;
    font-size: 13px;
  }
  .btn--icon-vote-stroke {
    top: 1px;
    margin-left: 3px;
    font-size: 15px;
  }
  .tab__diff-video {
    top: -5px;
    width: 95%;
    max-width: 390px;
    padding-top: 15px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #fefefc;
    box-shadow: 0 12px 12px -12px rgba(8, 25, 55, 0.15);
  }
  .tabs__diff--img {
    width: 95%;
  }
  .textual-diff--img {
    width: 95%;
  }
  .manual-comparison-tablet--img {
    width: 95%;
  }
  .subsection--img {
    width: 98%;
  }
  .subsection--img.public-privat {
    position: relative;
    left: -46%;
    width: 150%;
  }
  .subsection--img.individual-profiles {
    left: -20%;
    width: 175%;
  }
  .subsection--img.files-support {
    position: relative;
    left: -3%;
    width: 106%;
  }
  .subsection--img.access-control {
    width: 100%;
    max-width: 160px;
  }
  .subsection--img.overlay-bg {
    left: -20%;
    width: 175%;
  }
  .subsection-intro {
    width: 100%;
    max-width: none;
  }
  .subsection {
    padding: 60px 25px;
  }
  .features-link {
    width: 11px;
    height: 11px;
    margin-bottom: 10px;
    opacity: 0.65;
  }
  .features-link:hover {
    box-shadow: inset 3px 0 0 0 #0094ea;
  }
  .chrome-extention--img {
    left: 0%;
    width: 100%;
    max-width: 390px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
  }
  .features-logos-wrap {
    width: 100%;
    max-height: none;
    max-width: 390px;
    margin: 0px auto;
    background-image: none;
  }
  .hide-on-mobile {
    display: inline;
  }
  .sidebar-wrap {
    top: 25%;
    display: none;
  }
  .sidebar {
    right: 10px;
  }
  .column {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .column.xs-2 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 16.67%;
    -ms-flex-preferred-size: 16.67%;
    flex-basis: 16.67%;
  }
  .column.xs-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 25%;
    -ms-flex: 0 25%;
    flex: 0 25%;
  }
  .column.xs-7 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 58.33%;
    -ms-flex-preferred-size: 58.33%;
    flex-basis: 58.33%;
  }
  .column.xs-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 8.33%;
    -ms-flex: 0 8.33%;
    flex: 0 8.33%;
  }
  .column.xs-4 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
  }
  .column.xs-5 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 41.67%;
    -ms-flex-preferred-size: 41.67%;
    flex-basis: 41.67%;
  }
  .column.xs-8 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 66.66%;
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%;
  }
  .column.xs-11 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 91.66%;
    -ms-flex-preferred-size: 91.66%;
    flex-basis: 91.66%;
  }
  .column.xs-10 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 83.33%;
    -ms-flex-preferred-size: 83.33%;
    flex-basis: 83.33%;
  }
  .column.xs-12 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .column.xs-9 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .column.xs-6 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .form-label {
    font-size: 15px;
    font-weight: 600;
  }
  .software__text-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .btn--close {
    width: 36px;
    height: 36px;
    font-size: 22px;
  }
  .form-text {
    height: 38px;
    line-height: 38px;
  }
  .form-text.lofin-form {
    font-size: 16px;
  }
  .social-login-btn__icon {
    font-size: 17px;
  }
  .software-slides-link {
    width: 100%;
    height: 42px;
    min-width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-shadow: inset 0 -1px 0 0 #ebecf0, inset 1px 0 0 0 #ebecf0;
    font-family: 'Archivo Narrow', sans-serif;
    line-height: 40px;
    font-weight: 700;
  }
  .software-slides-link:hover {
    box-shadow: inset 3px 0 0 0 #0094ea;
  }
  .software-slides-link.w--current {
    font-size: 15px;
  }
  .software-slides {
    bottom: 0px;
    margin-top: 60px;
    background-color: #fff;
  }
  .software-slides__menu {
    max-height: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border-top: 1px solid #f4f5f7;
    border-left-width: 0px;
  }
  .software-slides__pane {
    padding: 25px 15px 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .software-logo-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 280px;
    margin-bottom: 0px;
    padding-right: 0%;
  }
  .software-logo-wrap.large {
    position: static;
    left: auto;
    bottom: -288px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 300px;
    min-height: 200px;
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .whycadlabs-cards {
    width: 100%;
    max-width: 390px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .whycadlab--card-wrap {
    position: relative;
    margin-bottom: 45px;
    font-size: 16.5px;
    line-height: 1.5em;
  }
  .whycadlab-card {
    padding: 25px 25px 75px;
    font-size: 16px;
    line-height: 1.65em;
    letter-spacing: 0px;
  }
  .software-slides__intro-text {
    margin-top: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 15.5px;
    letter-spacing: 0px;
  }
  .hero-intro-wrap__basic-page {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    max-width: none;
    margin-bottom: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
  }
  .hero-intro-wrap__basic-page.project-page {
    margin-bottom: 0px;
  }
  .software__list {
    width: 95%;
  }
  .check-out-how-to__card {
    width: 93%;
    max-width: 390px;
    margin-bottom: 40px;
    padding: 25px 25px 20px;
    font-size: 16px;
  }
  .check-out-how-to__card-title {
    max-width: 280px;
    font-size: 18px;
  }
  .software-arrows--img {
    display: none;
  }
  .software-logo__circle-bg {
    left: -50%;
    width: 80%;
    max-width: 240px;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .software-logo__circle-bg.large {
    left: -28%;
    width: 90%;
    max-width: 240px;
    opacity: 1;
  }
  .software-logo__box {
    left: 0%;
    top: 0px;
    width: 80%;
    max-width: 290px;
    min-height: 120px;
    margin-right: auto;
    margin-left: auto;
  }
  .software-logo__box.large {
    left: 0%;
    max-width: 290px;
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .software-logo__box.large-orcad {
    left: 0%;
    width: 80%;
    max-width: 280px;
  }
  .software-logo__box.large-other {
    left: 0%;
    width: 80%;
    max-width: 280px;
  }
  .check-out-how-to__card-icon {
    right: 5%;
    width: 20%;
    max-width: 48px;
  }
  .list-text-decoration {
    font-weight: 600;
  }
  .vat-description {
    font-size: 13px;
  }
  .popup-content.info {
    width: 95%;
  }
  .popup-buttons {
    width: 100%;
    max-width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .popup-text {
    margin-right: auto;
    margin-left: auto;
  }
  .anontation-video {
    width: 100%;
    max-width: none;
    padding-top: 16px;
  }
  .pcb-diff-video {
    left: 0%;
    width: 100%;
    max-width: none;
    padding-top: 16px;
    box-shadow: 0 8px 24px -6px rgba(7, 25, 55, 0.25);
  }
  .blue-chack-icon {
    top: 14px;
    width: 15px;
    height: 15px;
  }
  .section-overlay {
    padding: 65px 25px 60px;
  }
  .section-overlay.section--hero-bg {
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), -webkit-gradient(linear, left top, right top, color-stop(50%, hsla(0, 0%, 100%, 0)), color-stop(75%, #fff)), -webkit-gradient(linear, left top, right top, color-stop(25%, #fff), color-stop(50%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(35%, hsla(0, 0%, 100%, 0)));
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), linear-gradient(90deg, hsla(0, 0%, 100%, 0) 50%, #fff 75%), linear-gradient(90deg, #fff 25%, hsla(0, 0%, 100%, 0) 50%), linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 35%);
    background-position: 100% 105%, 0% -45px, 0px 0px, 0px 0px, 0px 0px;
    background-size: auto 135px, auto 180px, auto, auto, auto;
    background-repeat: no-repeat, no-repeat, repeat, repeat, repeat;
    background-attachment: scroll, scroll, scroll, scroll, scroll;
  }
  .section-overlay.homepage-hero-bg {
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(17%, #fff));
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff 17%);
    background-position: 100% 100%, -20% -60px, 0px 0px;
    background-size: auto 160px, auto 220px, auto;
    background-repeat: no-repeat, no-repeat, repeat;
    background-attachment: fixed, scroll, scroll;
  }
  .section-overlay.benefits-section-bg {
    background-position: 0% 50%;
    background-size: cover;
    background-attachment: scroll;
  }
  .section-overlay.projects-hero-bg {
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(17%, #fff));
    background-image: url("../images/hero-bottom-right-bg.svg"), url("../images/hero-top-left-bg.svg"), linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff 17%);
    background-position: 100% 100%, -5% -60px, 0px 0px;
    background-size: auto 180px, auto 240px, auto;
    background-repeat: no-repeat, no-repeat, repeat;
    background-attachment: fixed, scroll, scroll;
  }
  .page-container {
    padding: 65px 25px 60px;
  }
  .legasy-label {
    left: 0px;
    font-weight: 700;
    text-transform: capitalize;
  }
  .no-on-mobile {
    display: none;
  }
  .webform-client-form {
    width: 100%;
    max-width: 390px;
  }
  .login-intro-text {
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.5em;
  }
  .login-title {
    font-size: 25px;
  }
  .login-content {
    padding-top: 0px;
    background-position: 100% 110%, 0% -15%;
    background-size: auto 200px, auto 320px;
  }
  .login-copyrights.login-tips {
    width: 85%;
    max-width: 390px;
    margin-top: 45px;
  }
  .login-body {
    width: 85%;
    max-width: 390px;
    margin-top: 40px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .login-links-wrap {
    font-size: 15px;
  }
   .lofin-form__right-side {
    margin-top: 20px;
  }
  .lofin-form__left-side {
    margin-bottom: 20px;
  }
  .cadlab-video-player {
    min-width: 320px;
  }
  .landing-hero-img.booking {
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
  }
  .landing-hero-bg-waves {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.35)), to(rgba(8, 25, 55, 0.35))), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), -webkit-gradient(linear, left top, left bottom, from(rgba(23, 43, 77, 0.75)), color-stop(25%, rgba(23, 43, 77, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.85)), to(rgba(8, 25, 55, 0.85)));
    background-image: linear-gradient(180deg, rgba(8, 25, 55, 0.35), rgba(8, 25, 55, 0.35)), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), linear-gradient(180deg, rgba(23, 43, 77, 0.75), rgba(23, 43, 77, 0) 25%), linear-gradient(180deg, rgba(8, 25, 55, 0.85), rgba(8, 25, 55, 0.85));
    background-position: 0px 0px, -5% -40px, 100% 115%, 0px 0px, 0px 0px;
    background-size: auto, auto 200px, 140px, auto, auto;
  }
  .hero-landing-text {
    font-size: 17px;
    line-height: 1.2em;
  }
  .landing-intro-wrap__basic-page {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    max-width: none;
    margin-bottom: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
  }
  .quiz-form {
    position: relative;
    left: -5%;
    width: 110%;
    margin-top: 0px;
  }
  .customer-spotlights-img {
    margin-top: 20px;
  }
  .customer-spotlights {
    width: 100%;
    margin-bottom: 30px;
  }
  .play-circle-icon {
    top: 27%;
    width: 70px;
    height: 70px;
    font-size: 40px;
  }
  .section-subtitle.testimonials {
    font-size: 21px;
  }
  .quote-symbol {
    font-size: 64px;
  }
  .div-block {
    width: 95%;
    padding-top: 30px;
    padding-bottom: 20px;
    border-radius: 7px;
    background-position: 100% 50%;
    background-size: contain;
    background-attachment: scroll;
  }
  .our-customers__wrapper {
    max-width: 360px;
    margin-top: -20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .our-customers__wrapper.dark-wave {
    bottom: 40px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .customer-logo {
    width: 45%;
  }
  .customer-logo--img {
    max-width: 100%;
    -webkit-transform: scale(0.875);
    -ms-transform: scale(0.875);
    transform: scale(0.875);
  }
  .customer-logo--img.iri {
    max-width: 50px;
  }
  .quiz-form__wrapper {
    max-width: 430px;
    margin-top: -20px;
    margin-bottom: -20px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 5px;
  }
  .calendly-inline-widget {
    height: 740px;
  }
  .btn--more {
    height: 36px;
    padding-right: 42px;
    padding-left: 22px;
    font-size: 15px;
    line-height: 36px;
    letter-spacing: 1px;
  }
  ._404-title {
    margin-bottom: 5px;
    font-size: 29px;
  }
  .unsubsribe-text {
    margin-top: 5px;
    font-size: 16px;
  }
  .page-body {
    height: 90%;
    max-width: 440px;
    padding-right: 25px;
    padding-bottom: 90px;
    padding-left: 25px;
  }
  .unsubsribe-content {
    z-index: -1;
    padding-top: 0px;
    background-position: 100% 110%, 0% -15%;
    background-size: auto 200px, auto 320px;
  }
  .unsubscribe-copyrights.unsubscribe-tips {
    width: 85%;
    max-width: 390px;
    margin-bottom: 15px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .sliding-popup-bottom {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
    line-height: 1.5em;
  }
  .typed-headline {
    font-size: 48px;
  }
  .section--ui-kit {
    margin-top: 30px;
    padding: 30px 25px;
  }
  .warning-box {
    font-size: 15px;
  }
  .carousel-slider {
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .navbar__subtitle {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.25px;
  }
  .tab__link-2 {
    width: 100%;
    padding-right: 1.5em;
    padding-left: 1.5em;
    border-left: 1px solid #eff2f7;
    border-top-width: 0px;
  }
  .tab__link-2:hover {
    box-shadow: inset 3px 0 0 0 #0094ea;
  }
  .tab__link-2.w--current {
    border-right: 1px solid #eff2f7;
    box-shadow: inset 3px 0 0 0 #0094ea;
  }
  .tab__link-2.tab__link--vertical.w--current {
    border-right: 1px solid #eff2f7;
  }
  .slide__img {
    background-size: 84px;
  }
  .typed-text__container {
    height: 200px;
    padding: 20px;
  }
  .slider__arrow--right {
    right: -5px;
    width: 30px;
    height: 30px;
    background-color: hsla(0, 0%, 100%, 0.5);
    font-size: 30px;
  }
  .alert-2 {
    font-size: 15px;
  }
  .carousel-slider__slide {
    padding: 15px 10px;
  }
  .tab__pane-2 {
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 25px;
  }
  .flex-block {
    height: 200px;
    padding: 20px;
  }
  .burger-2 {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .components-block-title {
    font-size: 17px;
  }
  .slider__nav {
    display: block;
  }
  .ui-kit-content-wrap {
    padding-top: 40px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .ui-kit-section__title {
    font-size: 18px;
    letter-spacing: 0.5px;
  }
  .form--label {
    font-size: 15px;
    font-weight: 600;
  }
  .ui-kit-label.inline-box.no-divider {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .tabs-content-2 {
    float: left;
  }
  .navbar--top__wrap {
    max-height: 50px;
  }
  .subheading {
    font-size: 17px;
    line-height: 1.35em;
  }
  .nav-links__wrap {
    top: 50px;
  }
  .nav__link.nav__link--nav-leftside {
    padding-left: 17px;
  }
  .btn-group.btn-group--sort-by {
    margin-left: 0px;
  }
  .carousel-slider__item {
    margin-bottom: 25px;
  }
  .box-slider {
    height: 240px;
  }
  .navbar__title-wrap {
    min-width: 240px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
  }
  .carousel-slider__img {
    max-width: 50%;
  }
  .tab__menu-2 {
    max-height: none;
    border-top: 1px solid #eff2f7;
    border-left-width: 0px;
  }
  .tab__menu-2.tab__menu--vertical {
    left: 0px;
    top: 1px;
    width: 100%;
    border-top-style: solid;
  }
  .brand {
    width: 36.666%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .brand.w--current {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .navbar__logo {
    max-width: 145px;
  }
  .slider__arrow--left {
    left: -5px;
    width: 30px;
    height: 30px;
    background-color: hsla(0, 0%, 100%, 0.5);
    font-size: 30px;
  }
  .nav {
    height: 54px;
  }
  .wave-bg {
    left: -17%;
    bottom: -10px;
    width: 135%;
  }
  .circle--img {
    bottom: -52px;
    max-width: 160px;
  }
  .client-name {
    display: inline-block;
    width: auto;
    margin-right: 5px;
  }
  .testimonials__arrow--right {
    left: 18px;
    top: 20px;
    right: auto;
    bottom: auto;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .testimonials__arrow--right:hover {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .quote-text {
    font-size: 16px;
    line-height: 1.6em;
  }
  .client-meta {
    left: 80px;
    bottom: -65px;
    width: 60%;
    max-width: 290px;
    min-height: 37px;
    min-width: 210px;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0px;
  }
  .testimonials-slider__slide-container {
    right: 0px;
    padding: 25px 23px 30px 55px;
  }
  .testimonials-slider__slide {
    width: 100%;
  }
  .client-photo {
    left: 15px;
    bottom: -65px;
    width: 52px;
    height: 52px;
  }
  .testimonials-triagle {
    left: -1px;
    bottom: -1px;
  }
  .testimonials-slider__arrow--left {
    left: -17px;
    top: 20px;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .testimonials-slider__arrow--left:hover {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .testimonials-slider__arrow--left.home-page {
    left: -1px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .quote-icon {
    left: 15px;
    top: 28px;
    width: 20px;
    height: 20px;
    font-size: 24px;
  }
  .testimonials-slider {
    position: relative;
    left: 0px;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .client-info {
    left: 0px;
    top: auto;
    right: 0px;
    bottom: -20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hero-bg-waves {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.35)), to(rgba(8, 25, 55, 0.35))), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), -webkit-gradient(linear, left top, left bottom, from(rgba(23, 43, 77, 0.75)), color-stop(25%, rgba(23, 43, 77, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(8, 25, 55, 0.65)), to(rgba(8, 25, 55, 0.65)));
    background-image: linear-gradient(180deg, rgba(8, 25, 55, 0.35), rgba(8, 25, 55, 0.35)), url("../images/landing-top-left-bg.svg"), url("../images/landing-bottom-left-bg.svg"), linear-gradient(180deg, rgba(23, 43, 77, 0.75), rgba(23, 43, 77, 0) 25%), linear-gradient(180deg, rgba(8, 25, 55, 0.65), rgba(8, 25, 55, 0.65));
    background-position: 0px 0px, -5% -30px, 100% 115%, 0px 0px, 0px 0px;
    background-size: auto, auto 160px, 180px, auto, auto;
  }
  .structure-section-name {
    margin-top: -10px;
    text-align: center;
  }
  .ais-instantsearch {
    width: 95%;
  }
  .ais-searchbox-form {
    padding: 20px 15px 15px;
  }
  .ais-searchbox-input {
    height: 42px;
    margin-bottom: 12px;
    padding-right: 5px;
    padding-left: 40px;
    font-size: 16px;
  }
  .ais-searchbox-submit {
    left: 27px;
    top: 31px;
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
  .ais-filterbox {
    position: relative;
    top: 80px;
    width: 108%;
    height: 40px;
    margin-right: -4%;
    margin-left: -4%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ais-hitsperpage-select {
    width: 50px;
    height: 28px;
    margin-left: 5px;
    padding-left: 10px;
    font-size: 11px;
    font-weight: 600;
  }
  .ais-refinementlist {
    margin-bottom: -40px;
  }
  .ais-refinementlist-list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .ais-refinementlist-item {
    margin-right: 10px;
    margin-bottom: 5px;
  }
  .hits {
    margin-top: 95px;
  }
  .ais-hits-list.project-page {
    width: 100%;
    max-width: 390px;
    margin-right: auto;
    margin-left: auto;
  }
  .project-item__card {
    min-height: 0px;
    padding-top: 22px;
    padding-right: 5%;
    padding-left: 5%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .project-item__card.teaser {
    padding: 25px 20px;
  }
  .project-item__card.teaser-large {
    padding: 25px 20px;
  }
  .project-name {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.25em;
    font-weight: 600;
    letter-spacing: 0px;
    white-space: nowrap;
  }
  .project-name.teaser {
    font-size: 18px;
  }
  .ais-refinementlist-labeltext {
    top: 2px;
    right: 2px;
    font-size: 14px;
  }
  .ais-refinementlist-count {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .project-item__header {
    position: relative;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .project-item__header--left-side {
    display: block;
    width: 85%;
    padding-right: 7px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1.5em;
  }
  .project-item__header--right-side {
    position: absolute;
    left: auto;
    top: auto;
    right: -5px;
    bottom: 13px;
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    font-size: 16px;
    line-height: 100%;
    text-align: right;
  }
  .project-item__thumbs {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .project-item__description.truncate-text {
    font-size: 15px;
    line-height: 1.5em;
  }
  .project-item__parts {
    width: 112%;
    margin-top: 12px;
    margin-right: -6%;
    margin-left: -6%;
    padding: 7px 0px 7px 45px;
    background-position: 20px 15px;
  }
  .project-item__part-name {
    margin-top: 4px;
    margin-right: 7px;
    margin-bottom: 5px;
    padding: 4px 7px;
    font-size: 11px;
    letter-spacing: 0.15px;
  }
  .sort-by-text {
    display: none;
  }
  .show-text {
    display: none;
  }
  .features-project-page {
    bottom: 0px;
    margin-top: 60px;
    background-color: #fff;
  }
  .featers-slides__menu {
    max-height: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border-top: 1px solid #f4f5f7;
    border-left-width: 0px;
  }
  .features-slides-link {
    width: 100%;
    height: 42px;
    min-width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-shadow: inset 0 -1px 0 0 #ebecf0, inset 1px 0 0 0 #ebecf0;
    font-family: 'Archivo Narrow', sans-serif;
    line-height: 40px;
    font-weight: 700;
  }
  .features-slides-link:hover {
    box-shadow: inset 3px 0 0 0 #0094ea;
  }
  .features-slides-link.w--current {
    font-size: 15px;
  }
  .features-slides__pane {
    padding: 25px 15px 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .features-slides__intro-text {
    margin-top: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 15.5px;
    letter-spacing: 0px;
  }
  .ais-projects-searchbox-form {
    padding: 20px 15px 15px;
  }
  .ais-projects-searchbox-input {
    height: 42px;
    margin-bottom: 12px;
    padding-right: 5px;
    padding-left: 40px;
    font-size: 16px;
  }
  .ais-projects-searchbox-submit {
    left: 27px;
    top: 31px;
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
  .formats {
    width: 100%;
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
    padding: 25px 25px 40px;
  }
  .supported-vendors {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .other-vendors {
    margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .other-vendors__text {
    width: 100%;
    max-width: 360px;
    margin-bottom: 26px;
    font-size: 19px;
    text-align: center;
  }
  .vendor-logo-box {
    width: 100%;
    max-width: 260px;
    margin: 0px auto 30px;
    padding: 25px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .vendors-heading {
    width: 90%;
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 19px;
    line-height: 1.45em;
    font-weight: 600;
  }
  .main-text {
    font-size: 25px;
  }
  .hero-landing-heading {
    font-size: 26px;
    font-weight: 600;
  }
  .features-list__nav {
    margin-top: 0px;
    margin-bottom: 5px;
    padding-bottom: 10px;
  }
  .features__card {
    width: 100%;
    max-width: 390px;
    margin-bottom: 30px;
    padding: 15px 15px 20px;
    background-image: linear-gradient(286deg, #f7fbff 10%, #fff 85%);
    font-size: 15px;
  }
  .features__card-title {
    max-width: 280px;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: 600;
  }
  .features__card-icon {
    right: 5%;
    width: 20%;
    max-width: 48px;
  }
  .features__tabs {
    width: 95%;
    margin-top: 15px;
    padding: 0px;
    background-color: hsla(0, 0%, 100%, 0);
  }
  .features-tab__text {
    width: 100%;
    max-width: none;
    min-width: 0px;
    font-size: 16px;
    line-height: 1.5em;
  }
  .features-tabs__img {
    width: 100%;
  }
  .features-tabs__img.changes {
    width: 100%;
  }
  .business-block {
    width: 95%;
    margin-top: 45px;
    padding: 40px 7%;
    background-image: linear-gradient(177deg, transparent 15%, rgba(15, 34, 66, 0.85) 85%), url("../images/business-block__left-side.svg");
    background-position: 0px 0px, 100% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
    box-shadow: 0 24px 16px -12px rgba(23, 43, 77, 0.25);
  }
  .anontation-projects-video {
    width: 100%;
    max-width: none;
    margin-right: 0%;
    padding-top: 16px;
  }
  .find-project__block {
    bottom: -74px;
    width: 95%;
    margin-top: 0px;
    background-position: 50% 100%, 0px 0px;
    background-size: contain, auto;
    text-align: center;
  }
  .business-block-title {
    font-size: 25px;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: 1px;
  }
  .busines-block__text {
    font-size: 16px;
    line-height: 1.5em;
  }
  .cursor-click {
    right: 38%;
    bottom: -1%;
  }
  .home-hero-text {
    max-width: 350px;
    margin-top: 25px;
    font-size: 26px;
    line-height: 1.2em;
  }
  .home-hero__image {
    left: -2%;
    top: 20px;
    display: block;
    width: 90%;
    max-width: 280px;
    min-width: 260px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .hero-home-img__wrap {
    left: -5%;
    width: 125%;
    min-width: 0%;
  }
  .home-hero__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .home-hero__text {
    width: 100%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .hero-isometric__text--1 {
    top: 8%;
    right: 15%;
    padding: 9px 13px;
    font-size: 15px;
  }
  .hero-isometric__text--3 {
    top: 8%;
    right: 20%;
    padding: 9px 13px;
    font-size: 15px;
  }
  .hero-isometric__text--4 {
    top: 8%;
    right: 15%;
    padding: 9px 13px;
    font-size: 15px;
  }
  .projects-hero__big-text {
    line-height: 1.25em;
    letter-spacing: -0.25px;
    white-space: normal;
  }
  .projects-hero-intro-wrap {
    width: 100%;
    min-width: 275px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .projects-hero__text {
    width: 100%;
    margin-top: 40px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .hero-isometric__text--2 {
    top: 8%;
    right: 15%;
    padding: 9px 13px;
    font-size: 15px;
  }
  .cadlab-text {
    display: inline;
  }
  .play-video-icon {
    left: 5%;
    bottom: 52%;
    width: 50px;
    height: 50px;
  }
  .border-circle {
    box-shadow: 0 0 0 1px #0076ff, inset 0 0 0 2px #0076ff;
  }
  .cat-text {
    text-align: center;
  }
  .text-block-3 {
    font-size: 19px;
    line-height: 1.2em;
  }
  .subsection-img__wrap {
    width: 98%;
  }
  .subsection-img__wrap.public-privat {
    position: relative;
    left: -46%;
    width: 150%;
  }
  .subsection-img__wrap.individual-profiles {
    left: -20%;
    width: 175%;
  }
  .subsection-img__wrap.files-support {
    position: relative;
    left: -3%;
    width: 106%;
  }
  .subsection-img__wrap.access-control {
    width: 100%;
    max-width: 160px;
  }
  .subsection-overlay-bg {
    width: 120%;
  }
  .subsection-overlay-bg.public-privat {
    position: relative;
    left: -46%;
    width: 150%;
  }
  .subsection-overlay-bg.individual-profiles {
    left: -20%;
    width: 175%;
  }
  .subsection-overlay-bg.files-support {
    position: relative;
    left: -3%;
    width: 106%;
  }
  .subsection-overlay-bg.access-control {
    width: 100%;
    max-width: 160px;
  }
  .subsection-overlay-bg.overlay-bg {
    left: -20%;
    width: 175%;
  }
  .customer-meta {
    margin-top: 5px;
    font-size: 18px;
  }
  .testimonial-logos {
    left: 5%;
    bottom: 16%;
  }
  .customer-position {
    font-size: 16px;
  }
  .customer-company {
    font-size: 16px;
  }
}

.hero-landing-text.booking {
    font-weight: 400;
    max-width: 940px !important;
}

.nav-link.w--current {
    border-style: solid !important;
    border-width: 3px 0px !important;
    border-color: #071937 #000 rgba(0, 118, 255, 0.5)!important;
    color: #fff !important;
}

@font-face {
   font-family: 'Cadlab Icons';
   src: url('../fonts/cadlab-iconfont.eot') format('embedded-opentype'), url('../fonts/cadlab-iconfont.woff') format('woff'), url('../fonts/cadlab-iconfont.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
}