body {
  max-width: 1800px;
  margin: 0px auto;
  font-family: 'Outfit', 'Poppins', 'Open Sans', sans-serif;
}

body.external {
  padding-bottom: 1em;
}
.external-main {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 2px;
    font-weight: 400 !important;
    font-family: 'Poppins', 'Open Sans', sans-serif;
}
.cookie-consent {
    background: #fff;
    padding: 0 !important;
    width: 100%;
    margin: 0;
}
.cookie-consent > div > .p-4 {
    padding: 0.5em  0em !important;
    font-size: 0.9em;
}

@font-face{font-family:DomaineDisplay;src:url(/themes/tailwind/fonts/DomaineDisplay-Regular-1.otf) format("opentype"),url(/themes/tailwind/fonts/domaine-display-regular.woff2) format("woff"),url(/themes/tailwind/fonts/DomaineDisplay-Regular.ttf) format("truetype")}@font-face{font-family:sofia-pro;src:url(/themes/tailwind/fonts/SofiaPro-All.ttf) format("truetype")}

.labeling-main h1, .labeling-main h2, .tuing h1, .ffl h1 {
  font-family:DomaineDisplay,Helvetica Neue,Arial,Helvetica,sans-serif !important;
  font-weight: 600 !important;
}

[x-cloak] { display: none !important; }

.waves {
    --mask:
      radial-gradient(335.41px at 50% 450px,#000 99%,#0000 101%) calc(50% - 300px) 0/600px 100%,
      radial-gradient(335.41px at 50% -300px,#0000 99%,#000 101%) 50% 150px/600px 100% repeat-x;
    -webkit-mask: var(--mask);
            mask: var(--mask);
  }

h1 {
  font-size: 1em;
}
p {

  margin-bottom: 0.5em;
  line-height: 1.4em;
  font-family: 'Poppins', 'Open Sans', sans-serif;
}
.toast-wrapper {
  z-index: 300;
}
a, a:hover,.hover\:text-wave-600:hover {
  color: #456;
}

a-button.a:hover {
    color: #000;
}
.desc p a, .plan a, .usp a {
  border-bottom: solid 1px;
}

a.button {
  border-radius: 4px;
  display: inline-block;
  padding: 0.5em 1em;
  margin: 0.5em 0 0 0;
  background: #678;
  color: #fff;
  cursor: pointer;
}

div.ajax-error {
  padding: 1em;
  font-size: 1.1em;
  background: #fff;
  border-radius: 4px;
}
.sl-elements-api > div {
  border-radius: 4px;
}
.sl-rounded-lg {
  border-radius: 4px;
}
h1.sl-leading-tight {
  font-family: 'Poppins', 'Open Sans', sans-serif;
  font-size: 1.5em;
  margin-top: 2em;
  letter-spacing: 1px !important;
  text-transform: uppercase;
  color: #111827 !important;
}
.main-top-wrapper {
  padding-bottom: 4em;
  /*
  background-image: url('../images/bg.png') !important;
  background-repeat: no-repeat !important;
  background-size: 68%;
  background-position: right 0px;
  padding-top: 10em !important;
  */
}
form button, form input, form optgroup, form select, form textarea {
  padding: 0.5em;
  border-radius: 4px;
}

.declaration-explanation .declarations .thermometer > div.active .value-wrapper:before  {
  border-color: transparent white transparent transparent !important;
}
.gold {
    background: 
        /* the shine layer */
        linear-gradient(-45deg, #0000 40%,#fff5,#0000 60%)
        right/300% 100%,
        /* the color layer*/
        linear-gradient(45deg, rgb(21, 16, 1), gold);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #000;
    animation: shine 2s infinite;
}

    @keyframes shine {
    to {background-position: left;}
}
.emboss{
    letter-spacing:0.01em;
    text-shadow: 0.5px 0.5px #aaa, -1px -0.5px #3d3d3d; 
}
.create-dec-wrapper {
  background: #ffffff;
  padding: 1em 1em 1em 1.5em;
  font-size: 1em;
  text-align: left;
  border-radius: 4px;
  margin: 0 1em 0.25em 1em;
  max-width: 100%;
  line-height:2em;
  box-shadow: 6px 3px 12px rgba(0,0,0,0.15);
  border-left: solid 12px #fd9;
}
#accommodation.step-accommodation {
  margin-top: 0em;
}
.help-wrapper .help-button {
  cursor: pointer;
  color: #888;
  margin-left: 0.5em;
}
.help-wrapper .help-button:hover {
  color: #111;
}

.help-wrapper .help {
  background: #f1f1f1;
  padding: 0.5em 1em 0.3em 1em;
  border-radius: 4px;
}
.help-wrapper .help h4{
  font-size: 0.8em;
  letter-spacing: 1px;
  font-weight: 600;
}
.help-wrapper .help p{
  font-size: 0.7em;
}
.create-dec-wrapper.create-acc-wrapper {
  background: #fff;
  border-left: solid 12px #bee;
}
.dec-save-wrapper {
  background: #8c8;
  font-size: 1.1em;
  line-height: 1.3em;
  border-radius: 4px;
  margin: 0.75em 1em 1em 1em;
  padding: 1em 1.5em 0 1.5em;
  clear: both;
}
.dec-save-wrapper div {
  margin-bottom: 0.3em;
}
.dec-save-wrapper a {
  display: inline-block;
}
.dec-save-errors {
  background: #cc232a;
  color: #fff;
  clear: both;
  border-radius: 4px;
  margin: 1em auto;
  padding: 1em 2em 0em 2em;
}
.dec-save-success {
  background: #33a357;
  color: #111;
  clear: both;
  border-radius: 4px;
  margin: 1em;
  padding: 1em 2em 1em 2em;
}
.dec-save-wrapper input, .dec-save-wrapper select {
  background: #fff;
  border-radius: 4px;
  padding: 0.3em 1em;
  margin-bottom: 1em;
  display: block;
}

#tripsteps {
  margin: 0 auto;
}

#tripsteps > div {
  clear: both;
}

form.create-dec {
  font-size: 1.2em;
  text-align: left;
}
.declarations a .fas {
  font-size: 0.8em;
  margin: 0 0.5em;
}
#tripsteps button .fas{
  font-size: 0.8em;
}
form.create-dec button {
  background: #cc232a;
  color: #fff;
  border-radius: 4px;
  margin: 0 0 0 1em;
  font-size: 0.8em;
  padding: 0.1em 0.7em;
  text-align: right;
  float: right;
  border: solid 1px rgba(0,0,0,0.2);
}
.red {
    color: #ff0000;
}
form.create-dec .find-car-form input, form.create-dec .find-train-form input {
  width: 200px;
}
form.create-dec strong {
  font-weight: normal;
  color: #111;
  margin: 0.4em 0.1em;
  padding: 0em 0.3em;
  display: inline-block;
  border: solid 0px #bed;
  border-radius: 4px;
  background: #bed;
}

.create-dec-wrapper form.create-dec strong {
  background: #fd9;
}
.create-dec-wrapper.create-acc-wrapper form.create-dec strong {
  background: #bee;
}

form.create-dec em {
  font-style: normal;
}
form.create-dec select, .declarations select{
  background: #fff;
  margin: 0.4em 0.1em;
  -moz-appearance: auto !important;
  -webkit-appearance: auto !important;
  padding: 0.2em 0.3em;
  border-radius: 4px;
  border: solid 1px #bbb;
  display: inline-block;
}

form.create-dec input{
  background: #fff;
  margin: 0.4em 0.1em;
  padding: 0.1em 0.3em;
  width: 80px;
  font-size: 0.9em;
  -moz-appearance: auto !important;
  -webkit-appearance: auto !important;
  border-radius: 4px;
  border: solid 1px #bbb;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 8px;
}
.chosen-container-single .chosen-single div b {
  background-position: 0px 8px
}
.chosen-container {
  font-size: 0.9em;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border-color: #ccc;
}
.chosen-container-single .chosen-single {
  height: 36px;
  font-size: 1.1em;
  padding: 0 0.5em 0 0.5em;
  line-height: 34px;
  background: #fff;
  border-radius: 4px;
  border-color: #ccc;
}
.chosen-container.chosen-container-single {
  width: auto !important;
}
.chosen-container .chosen-results li.active-result {
  border-radius: 4px;
  line-height: 1.1em;
  font-size: 0.8em;
}
.flash {
  animation: flash .25s;
}

@keyframes flash {
  50% {
    background: #bed;
  }
  100% {
    background: transparent;
  }
}
#destination_chosen {
  margin-right: 1em;
}
.chosen-container.chosen-with-drop .chosen-drop {
  z-index: 9999;
  position: relative;
}
.chosen-container-single .chosen-search input[type="text"] {
  border-radius: 4px;
  border-color: #ccc;
}
.labeling h1.home-title {
  font-size: 4.5em;
  font-weight: 400 !important;
}

.labeling .main-top-wrapper {
  background: #e1e8e0;
  padding: 4em 0 6em 0;
  margin-bottom: 1em !important;
  background:url('/themes/tailwind/images/mountain.jpg');
  background-size: cover; 
}
.labeling .main-top-wrapper .embedded {
  background: #fff;
  padding: 1em;
  border-radius: 4px;
  box-shadow: inset 1px 1px 6px rgb(40 20 20 / 40%);
}
.labeling #usps {
  padding: 5em 0;
}
.labeling #callout .call {
  margin: 1em;
  border-radius: 4px;
}

.labeling #callout .call h2{
  padding: 0 1em 0 1em;
  font-size: 1.8em;
  margin: 0;
}
.labeling #callout .call p{
  padding: 1.2em 1em 0 1.4em;
  font-size: 1em;
  margin: 0;
  max-width: 780px;
}

.labeling #usps .usp-col {
  padding: 0 10em;
}
.labeling .usp img {
  margin-top: 0;
}

.labeling #usps > h2 {
  text-align: center !important;
  font-size: 2.6em;
  margin-bottom: 1em;
  margin-top: 0;
}

.labeling #usps .usp-col {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.labeling .comp-img {
  background: #fff;
  border-radius: 4px;
  padding: 1em;
  box-shadow: inset 1px 1px 6px rgb(40 20 20 / 40%);
  max-width: 800px !important;
  width: 90% !important;
}

.widget-generator form {
  display: grid;
  margin-top: 0.7em;
}
.widget-generator input {
  background: #fff;
}
.widget-generator .compare-settings-wrapper  {
  background:rgba(0,0,0,0.15);
  border-radius: 4px;
  padding: 0.5em;
}
.widget-generator #compare-settings > .compare-settings-wrapper > div > label {
  cursor: pointer;
}
.widget-generator #compare-settings > .compare-settings-wrapper .compare-advanced-settings label {
  cursor: inherit;
}

.widget-generator .compare-form-wrapper {
  justify-content: space-between;
  margin:0;
  padding: 0.5em 0 0.5em 0;
}

.widget-generator .compare-form, .widget-generator .single-trip-form {
  background: transparent;
  background: rgba(0,0,0,0.05);
  border-bottom: solid 4px #aaa;
  color: #666;
  margin: 0;
  border-radius: 4px;
}
.widget-generator .compare-form {
  margin-right: 1em;

}
.widget-generator .compare-form.selected, .widget-generator .single-trip-form.selected {
  background: transparent;
  border-bottom: solid 4px #111;
  background: #acd;
  color: #111;
}

.widget-generator .compare-advanced {
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 0.5em 1em;
  text-transform: none;
  font-size: 0.9em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.widget-generator .compare-advanced-settings, .widget-generator .compare-advanced-settings-2 {
    font-style: italic;
}
.widget-generator .compare-advanced-settings, .widget-generator .compare-advanced-settings select,
.widget-generator .compare-advanced-settings-2, .widget-generator .compare-advanced-settings-2 select {
  font-size: 0.9em;
  color: #333;
}
.widget-generator #compare-settings .compare-settings-wrapper{
  background-color: rgba(255,255,255,0.15) !important;
}

.widget-generator #compare-settings .compare-settings-wrapper.open {
  background-color: rgba(255,255,255,0.5) !important;
}


.widget-generator .step-counter {
  padding: 0.5em 1em;
  font-size: 1.4em;
  color: #fff;
  display: inline-block;
  border-radius: 4px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: solid 2px rgba(255,255,255,0.7);
}

.widget-generator.declaration form > div, .widget-generator.declaration form > div > div{
  background: #ccc;
}

.widget-generator #no-discovery-fields-wrapper {
  display: flex;
}

.widget-generator .hidden {
  display: none !important;
}
.widget-generator form select, .widget-generator form input, .widget-generator form label {
  margin: 0em 0em 0em 0.5em;
}
.widget-generator form > div, .widget-generator form > div > div{
  margin: 0.25em 0em;
  background: #f1f1f1;
  border-radius: 4px;
  padding: 0.5em 0.5em;
  align-items: center;
}
 .widget-generator form > div > div {
   padding: 0;
   width: 100%;
 }
  .example-wrapper-widget p {
    font-size: 0.9em;
  }
.example-wrapper-widget pre{
  font-size: 0.8em;
}
.widget-generator form .button {
  letter-spacing: 0.5px;
  background: rgba(0,0,0,0.3);
}
.widget-generator form .distance-input {
  max-width: 5em;
  text-align: right;
}

.select2-container {
  margin-top: 0.4em;
  font-size: 0.9em;
  margin: 0.5em 1em 0 0;
}

.widget-generator form button, .widget-generator form button.savebutton, .widget-preview button.savebutton{
  background: #fac36E;
  color: #111;
  margin-top: 0.5em;
  font-size: 1.1em;
  letter-spacing: 0.5px;
  padding: 1em;
  border-radius: 4px;
  text-transform: uppercase;
}

.widget-generator form button.finddistance {
  background: #111;
  color: #fff;
  margin: 0.5em;
  padding: 0.8em 1em;
  font-size: 0.8em;
  width: 100%;
}

.widget-generator form button.finddistance[disabled=disabled]{
  background: #999;
  cursor:not-allowed;
}

.widget-generator form button.generate {
  margin-bottom: 1em;
}

.widget-generator button.savebutton {
  cursor: pointer;
  background: #6bc;
  margin: 1em 0 1em 0;
  padding: 0.75em 2em;
  border-radius: 4px;
  display: none;
}
 .widget-preview button.savebutton.visible {
   display: block;
   margin: 1em auto;
 }

.info-popup-wrapper {
}
.info-popup-wrapper > div {
 font-size: 0.85em;
 position: absolute;
 color: #eee;
 display: none;
 padding: 0.5em 1em;;
 margin-bottom: 0.5em;
 margin-left: 1.25em;
 background: rgba(0,0,0,0.9);
 border-radius: 4px;
 position: absolute;
}
.info-popup-wrapper:hover > div {
 display: block;
}
.info-popup-wrapper i {
 color: rgba(0,0,0,0.6);
}
.home-pre-title {
  font-size: 1.27em;
  font-weight: 300 !important;
  margin: 0em 0 2.5em 0;
  display: none;
}
.home-top-wrapper p {
  font-size: 1.4em;
  line-height: 1.4em;
  margin-bottom: 0.5em;
  text-align: left;
  color: #444;
}
.home-top-wrapper p em {
  color: #999;
  font-size: 0.8em;
}

.home-right-wrapper img {
  margin-left: 100px;
  position: relative;
  z-index: 5000;
}
.home-right-wrapper .embedded .header.columns .custom-title{
  background: #efefef;
  margin-right: 1em;
  margin-left: 1em;
}

.button .icon {
  margin-right: 0.3em;
}
.button.delete {
  background: transparent !important;
  display: none;
  margin: 0;
  padding: 0;
  margin-left: 0.2em;
  color: #e65 !important;
}
.button.close {
  background: #f1f1f1;
  color: #111;
  float: right;
}
.button.edit {
  background: transparent;
  display: none;
  color: #789;
  padding: 0;
  margin: 0;
  margin-left: 0.2em;
}
.saved-trip .button.trip-link {
  background: #234;
  color: #fff;
}
.widget-select {
  border-radius: 4px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  color: #fff;
  background: #234;
  padding: 0.5em 1em;
  width: 100%;
  border: solid 0px #eaeaea;
  /* font-family: 'Outfit', 'Open sans', sans-serif, 'Font Awesome 5 Free'; */
}
.save-embed {
  padding: 1em;
  background: #f1f1f1;
  margin-top: 0.5em;
  border-radius: 4px;
}
.widget-select option{

}

.saved-trip-wrapper .button.edit, .saved-trip-wrapper .button.delete {
  font-size: 0.8em !important;
  font-weight: 400;
  letter-spacing: 0;
}
.saved-trips {
  background: #f1f1f1;
  border-radius: 4px;
  margin: 1em;
  display: flex;
  max-width: 100%;
  padding-bottom: 1em;
  padding-right: 1em;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.saved-trip {
  align-items:flex-start;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.saved-trip-wrapper {
  padding: 1em;
  background: #fff;
  border-radius: 4px;
  margin: 1em 0em 0 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* box-shadow: 0 5px 10px 1px rgb(0 0 0 / 10%) */
  border-bottom: solid 1px rgba(0,0,0,0.1) !important;
}
.saved-trip-wrapper h2 {
  margin: 0.5em;
}

.saved-trip-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}
.saved-trip-data {

}
.saved-trip-data > div {
  padding: 0em;
}
.saved-trip h2 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0em;
  text-align: left;
}
.saved-trip .button{
  background: #e1e8ea;
  font-size: 0.9em;
  color: #111;
  padding: 0.5em 1em 0.4em 1em;
  display: inline-block;
  border-radius: 4px;
  margin: 0.5em 0.5em 0.5em 0;
}
.saved-trip .button:nth-child(2n){

}
.saved-trip .trip-label{
  margin-top: 1em;
  font-weight: normal;
  color: #888;
  font-size: 0.8em;
}
.saved-trip .trip-label.text-center {
  margin-top: 0.3em;
}
.saved-trip .trip-label.after {
  text-transform: none;
}
.saved-trip .trip-value.text-center {
  margin-top: 0.3em;
}
.saved-trip .trip-value {
  font-size: 0.8em;
  color: #444;

  text-overflow:ellipsis;
  overflow: hidden;
}
.saved-trip .trip-value.large {
  font-size: 1.3em;
  color: #111;
  margin-left: 0.2em;
}

h1.home-title {
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  margin-bottom: 0.1em;
  margin-top: 0.5em;
  font-size: 6.5em;
  line-height:1.1em;
  color: #123;
}
.business h1.home-title {
  font-size: 3.9em;
  margin-bottom: 0.5em;
}
.rounded-md {
  border-radius: 4px;
}
a.rounded-md {
  /* box-shadow: 0 5px 20px rgb(0 0 0 / 20%); */
}

.mobile-menu {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
}
.mobile-menu a.rounded-md {
  box-shadow: none;
  border-radius: 0px;
  margin: 0 1em 0 1.4em;
  margin-top: 2px;
  
}
.mobile-menu > div {
  border-radius: 4px;
}
#features {
  padding: 0em 0em 0em 0em;
  width: auto;
}
#features > div > div {
  width: auto;
}

.section-title {
  text-align: left !important;;
  font-size: 2.2em;
  line-height: 1.1em;
  color: #000;
  margin-bottom: 0em;
  display: block;
}
#features .feature-col {
  background: #2D6F7F;
  padding: 6em;
  margin: 0;
  text-align: left;
  display: block;
}

#features .feature-col:last-child {
  
}

#features .feature-col:first-child {
  
}


.feature-col {
  display: flex;
  border-radius: 4px;
  text-align: left;
  margin-bottom: 2em;
  padding: 2em 0;
  align-items: center;
  padding: 6em;
  position: relative;
  flex-wrap:wrap;
}

.feature-col:nth-child(2) {
  background: #f1f1f1;
}

.feature-col h2 {
  margin-top: 0;
  font-weight: 400 !important;
  font-size: 1.8em !important;
  color: #fff;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
.feature-col p{

  line-height: 1.4em;
  color: #fff;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
#features .feature-col p{
  color: #000 !important;
}

.feature-col .faicon {
  margin: 0px auto;
  display: block;
}

.feature-col .faicon, #usps .usp .faicon {
  text-align: center;
  font-size: 2em;
  display: block;
  background: transparent;
  width: 2.2em;
  margin: 0.1em auto 0.5em auto;
  height: 2.2em;
  line-height: 2.2em;
  border-radius: 4px;
  opacity: 1;
  background: #fff;
  float: right;
  margin: -2em -2em 0.5em 0.2em;

}

.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}
/*
.feature-col:nth-child(1) .faicon{
  color: #49D3CC;
}
.feature-col:nth-child(2) .faicon{
  color: rgba(254,90,198);
}
.feature-col:nth-child(3) .faicon{
  color: rgb(108,127,252);
}
*/

#usps .usp .faicon {
  color: #fff;
  border-radius: 4px;
  background: #1c273f !important;
  background: transparent;
  opacity: 1;
  font-size: 3.2em;
  margin: 0.1em auto 0.5em auto;
  display: block;
  float: none;
  display: none;
}
.usp img {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.usp:first-child img {
  max-width: 36%;
}
.usp:nth-child(3) img {
  max-width: 25%;
}
.plan-wrapper-front {
  max-width: 420px;
}
.plan-front {
  background: #fff;
  margin-bottom: 1em;
  padding-bottom: 1em;
  min-width: 300px;
}

.plan-front .name {
  color: #111;
  text-align: center !important;
  font-size: 1.2em;
}

.plan-front .checkout {
  margin-top: 1em;
}

.feature-col, .usp, .plan {

  /*
  box-shadow: 0 15px 4px rgba(0,0,0,0.15);
  */
}

.usp.how h2 {
  color: #111;
  font-size: 2.6em !important;
  margin-bottom: 0.5em;
}
.usp.how h3 {
  color: #111;
  letter-spacing: 1px;
  text-align: center !important;
  margin-bottom: 1em;
  font-size: 1.8em !important;
}

#usps, #how-it-works {
  background: transparent;
  padding: 0em 0 0em 0;
}
#usps .usp p, #how-it-works .usp p {
  color: #333;
}
#usps .usp, #how-it-works .usp {
  padding: 4em;
  border-radius: 4px;
  text-align: center;
  background: transparent;
  color: #000;
  border-radius: 4px;
  align-items: flex-end;
}
#usps .usp:first-child, #how-it-works .usp:first-child {
  
}
#usps .usp:last-child, #how-it-works .usp:last-child{
  
}

.usp h2, #logos h2 {
  font-weight: 400 !important;
  font-size: 1.8em !important;
  line-height: 1.2em;
  letter-spacing: 1px !important;
  margin: 1em 0.5em 1em 0.5em;
}
#logos {

}
#logos h2 {
}


#pricing {
  padding: 5em 0 12em 0;
  background: transparent;
  margin: 0em 1em 1em 1em;
  display: block;
  border-radius: 4px;
  width: auto;
  background: #fff;
}
#pricing h2 {
  text-align: center !important;
  margin-bottom: 1em;
}
.plan p {
  color: #fff;
}
.plan a{
  color: #CEF;
}
#pricing  .plans > div:first-child, #pricing .plans > div:first-child .plan-button, #pricing .plans > div:first-child p, #pricing .plans > div:first-child li, #pricing .plans > div:first-child a, #pricing .plans > div:first-child h2{
  background: #f1f1f1;
  color: #111;
}
#pricing  .plans > div:nth-child(2), #pricing  .plans > div:nth-child(2) .plan-button {
  background: #296759;
}
#pricing  .plans > div:nth-child(3), #pricing  .plans > div:nth-child(3) .plan-button {
  background: #234;
}
#pricing  .plans > div:last-child, #pricing  .plans > div:last-child .plan-button {
  background: #2D6F7F;
}
#pricing .plan{
  border-radius: 4px;
  color: #fff;
}
#pricing .plan-button, #pricing .plan-button-link {
  border-radius: 4px;
  margin-top: 1em;
  background: #315161;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  display: block;
}

#pricing .plan .name {
  font-size: 1em;
  margin-left: 0;
  margin-right: 0;
  margin-top: 2em;
  padding: 0;
  color: #fff;
}
li {
  text-align: left;
}
#pricing .plan li {
  text-align: left;
  color: #fff;
  font-family: 'Poppins', 'Open Sans', sans-serif;
}
.logo-wrapper {
  margin-right: 1.1em;
  font-size: 0.9em;
  font-family: Outfit, "Open Sans", sans-serif;
}
.compare-wrapper .logo-wrapper {
    visibility: hidden;
    width: 0 !important;
}
.logo-wrapper a {
  font-family: Outfit, "Open Sans", sans-serif
}
.footer {
  margin-bottom: 0;
  padding: 2em;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
  margin: 0em 0em 1em 0em;

  border-radius: 4px;
  width: auto;

}
.survey-footer.footer {
    padding: 1em !important;
}
.label .footer {
    background: #ccdadc;
}

.footer .logo-wrapper a {
  background: transparent;
  padding: 0;
}
.footer a {
  color: #000;
  display: block;
}
.footer .logo-wrapper a span {
  display: inline-block !important;
}
.footer .footer-column {
  max-width: 33%;
  flex-grow: 1;
  padding: 2em 0;
  text-align: left;
}
.footer .footer-column p, .footer .footer-column h3 {
  text-align: left;
}
.footer .footer-column h3 {
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
.page-nav > nav p {
  padding: 0 1em;
}
.page-nav > nav a {
  font-weight: 400;
  color: #47c;
}
.main-top-wrapper {
  margin: 0em 1em 8em 1em !important;
  display: block;
  border-radius: 4px;
  padding-top: 3em;
  width: auto;

}

header {
  margin: 1em 1em 1em 1em !important;
  display: block;
  border-radius: 4px;
  width: auto;
}
header img {

  padding: 8px;
}
header .logo-wrapper img {
  min-width: 50px;
}
header .menu-right img {
  background: #fff;
  padding: 3px;
  border-radius: 50%;
}
header a {
  white-space: nowrap;
}
header.header-external {
  background: #fff !important;
  margin: 0 !important;
}
header.header-external img{
  margin: 7px 14px 7px 0;
}
header.header-external .logo-wrapper a{
  padding: 0 14px 0 7px !important
}

table {
  width: 100%;
}
table td {
  padding: 0.5em 1em;
  border-bottom: solid 1px #eee;
  text-align: center;
}
#home-blog {
  background: #455;
  padding: 4em 0 4em 0;
  z-index: 3;
  width: auto;
  display: block;
  margin: 1em;
  margin-top: 0;
  border-radius: 4px;
}
.blog-index img, #home-blog img {
  padding: 1em;
  background: #fff;
}
.custom-info {
  background: #4595a4;
  padding: 4em 0 4em 0;
  z-index: 3;
  width: auto;
  display: block;
  margin: 1em;
  margin-top: 0;
  border-radius: 4px;
}
.custom-info p, .custom-info h2 {
  color: #fff;
}
.custom-info .flex {
  display: block;
}
.custom-info .try-cols > div {
  max-width: none;
  padding: 0 1em;
}
.custom-info .try-cols > div a{
  display: inline-block;
}

.api-info {
  background: #2D6F7F;
  padding: 4em 0 4em 0;
  z-index: 3;
  width: auto;
  display: block;
  margin: 1em;
  margin-top: 0;
  border-radius: 4px;
}
.api-info p, .api-info h2 {
  color: #fff;
}
.widgets {
  background: #296759;
  padding: 4em 0 4em 0;
  z-index: 3;
  width: auto;
  display: block;
  margin: 1em;
  border-radius: 4px;
}
#widgets.widget-page {
  padding: 0;
}

.widget-page .feature-col {
  align-items: flex-end;
}

.widget-page .embedded {
  padding: 1em;

}
#widgets {
  border-radius: 4px 4px 0 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 8em;
  z-index: 100;
  /* border-bottom: double 1em rgba(255,255,255,1); */
}
#widgets2 {
  padding-top: 0;
  margin-top: 0;
  border-radius: 0 0 4px 4px;
  padding-bottom: 12em;
}
.check-wrapper > div {
  max-width: 58%;
}
#widgets2 .try-cols > div > img, #form-try-it-2 .try-cols > div > img, #api .try-cols > div > img{
  /* max-width: 420px; */
}
#api, #custom-info, #home-blog {
  padding-top: 8em;
  padding-bottom: 12em;
}
#home-blog {
  padding-left: 1em;
  padding-right: 1em;
}
.widgets .desc, .form-try-it .desc {
  padding-top: 2em;
  padding-right: 4em;
  margin: 0px auto;
}

.widgets h2, .form-try-it h2, .api-info h2, .custom-info h2 {
  color: #fff;
  text-align: center;
  font-weight: 400 !important;
  margin-bottom: 0.5em;
  margin-top: 1em;
  line-height:1.2em;
}


 .custom-info h2 {
   margin-top: 0.7em;
 }
#widgets h2, #search h2, .api-info h2, #how-it-works h2 {
  font-weight: 400 !important;
  margin-bottom: 0;
}

.widgets .desc p, .form-try-it .desc p, .api-info p, .custom-info p {
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  padding-bottom: 1em;
}
.form-try-it .desc h2,  .form-try-it .desc p {
  color: #fff;
}
.form-try-it .widget-generator {
  background: transparent !important;
}
#search {
  padding-top: 6em;
  border-radius: 4px 4px 0 0;
  margin-bottom: 0;
  padding-bottom: 0;
  /* border-bottom: double 1em rgba(255,255,255,1); */
}
.form-try-it {
  background: #486;
  background: linear-gradient(180deg, rgba(107,167,139,1) 0%, rgba(57,147,119,1) 100%);
  margin: 0 1em;
  border-radius: 4px;
  padding-top: 0;
}
#form-try-it-2 {
  margin-top: 0em;
  margin-bottom: 1em;
  border-radius: 0 0 4px 4px;
  padding-bottom: 12em;
  background: rgba(57,147,119,1);
}

.widgets .feature-col {
  align-items:flex-end;
  justify-content:center;
  padding: 0;
  margin-top: 4em;
  z-index: 600;
}
.widgets .feature-col > div {
  padding: 1em;
}
.widgets .feature-col > div.embedded {
  margin-right: 1em;
  margin-bottom: 1em;
  border-radius: 4px;
  max-width: 100%;
}
.embedded {

}
.widgets .embedded > p {
  color: #fff;
}
.embedded > p {
  text-align: center;
  padding: 1em 0.5em 0em 0.5em;
  font-style: italic;
  font-size: 1.1em;
  color: #000;
  white-space: nowrap;
}

.try-cols {
  display: flex;
  align-items: center;
}
.try-cols > div {
  padding: 2em 1em;
}
.try-cols > div p, .try-cols > div h2 {
  text-align: left !important;
}

.try-cols > div img {
  border-radius: 4px;
  background: transparent;
  margin-bottom: 1em;
  padding: 0em;
}
#api .try-cols > div img {
  padding: 1em !important;
  background-color: #282c34;
}
.soon .try-cols > div img {
  max-width: 420px;
}
#tc-carbon-result-compare-top.tc-carbon-result .trip-co2e {

}
.home-right-wrapper .tc-carbon-result .logo-wrapper, .widgets .tc-carbon-result .logo-wrapper {
  display: none;
}
.widgets .tc-carbon-result .bubbles .title.custom-title, .widgets .tc-carbon-result .columns .title.custom-title {
  padding-right: 0.5em;
}
#tc-carbon-result-compare-top.tc-carbon-result .trip {
  /* background: #dfe3e3; */
}
/*
.embedded .tc-carbon-result .badges .title.custom-title,.embedded  .tc-carbon-result .columns .title.custom-title,.embedded  .tc-carbon-result .bubbles .title.custom-title {
  margin-right: 0 !important;
}
.embedded .tc-carbon-result .compare-wrapper {
  justify-content: center !important;
}
*/
.json-key {
   color: #444;
   }
.json-value {
   color: #269;
   }
.json-string {
   color: #484;
   }
#examples em {
  font-size: 0.9em;
  display: block;
  margin-top: 0.5em;
  color: #333;
}
#examples .desc {
  max-width: 50%;
  text-align: center;
}
#examples .desc p {
  color: #333;
}
#examples .desc code {
  color: #355;
  font-style: italic;
}
#examples {
  background: transparent;
  color: #111;
  padding: 0;
  line-height: 1.4em;
  width: auto;
  display: block;
  margin: 1em 0em 0 0em;
  border-radius: 4px;
}
#examples .example-wrapper {
  justify-content: flex-start;
  padding: 0;
}
#examples .example-wrapper > div {
  padding-right: 1em;
  width: 50%;
}
#examples h2 {
  font-size: 2.2em;
  margin-bottom: 1em;
  line-height: 1.4em;
}
#examples code {
  font-size: 0.9em;
  color: #375;
}

#examples pre:before {
  /* background: linear-gradient(transparent -50px, #1a1f2a) !important; */
  width: 100%;
  height: 100%;
  font-size: 1.8em;
  padding: 365px 20px 0 20px;
  font-weight: 600;
  content:'+';
  color: #333;
  position:absolute;
  left:0;
  bottom:0;
}

#examples pre.expand {
  max-height: none;
  overflow-x: scroll;
}
#examples pre.expand:before {
  display: none;
}
#examples pre {
  margin-top: 0em;
  margin-bottom: 0em;
  background: #bcc7cf;
  color: #555;
  font-size: 0.7em;
  border-radius: 4px;
  padding: 2em;
  display: block;
  line-height: 1.5em;
  overflow: hidden;
  max-height: 395px;
  position: relative;
  cursor: pointer;

}
#examples pre .json-key {
  color: #355;
}
article {
  font-size: 1em !important;
}

article h1 {
  font-size: 1.2em !important;
  text-transform: uppercase;
}
article.blog-post  h1 {
  font-size: 2em !important;
  line-height: 1.2em;
  text-transform: none;
  margin: 0 0.2em;
}
article p, article p span {

}

.blog .iframe-image-text {
    display: flex;
    clear: both;
    border-bottom: solid 4px #f1f1f1;
    background: #fff;
    padding: 1em 0em 2em 0em;
    margin: 1em 0;
    border-radius: 4px;
    align-items: flex-end;
}

.blog .iframe-image-text > div {
    padding: 1em 0;
    width: 50% !important;
}

.blog .iframe-image-text > div img {
    border-radius: 4px;
}

.intro-wrapper {
  margin: 0em 1em 1em 1em;
  width: auto !important;
  display: block;
  max-width: none !important;
  background: #f1f2f3;
  border-radius: 4px;
  padding: 2em;
}
.widget-generator.intro-wrapper {
  padding: 2em 1em 0 1em;
  justify-content: space-between;
}
.intro-wrapper h1 {
  margin-bottom: 0.5em;
}
.settings {
  overflow-x: scroll;
}
.settings-menu > div {
  padding: 1em;
}
.settings .table-wrapper{
  overflow-x: scroll;
}
.settings p{
  font-size: 1em;
}
 .settings li  {
   font-size: 0.9em;
 }
.settings-menu > div a {
  border-radius: 4px;
  box-shadow: none;
}
.sm\:gap-x-8 {
    -moz-column-gap: 1em;
    column-gap: 1em
}
.gap-y-10 {
    row-gap: 1em;
}
.mr-6 {
  margin-right: 1em;
}
.mt-6 {
  margin-top: 1em;
}
.ml-6 {
  margin-left: 1em;
}

.my-6 {
  margin-top: 0;
  margin-bottom: 1em;
}
.px-8 {
  padding-left: 1em;
  padding-right: 1em;
}
.rounded-lg, .rounded-xl {
  border-radius: 4px;
}
.rounded-full {
  border-radius: 4px;
}

.rounded-max {
    border-radius: 9999px;
  }
.border-b, table td {
  border-bottom-width: 2px;
  border-color: #fff;
}
#notifications-none {
  border-radius: 4px;
}
thead th {
  padding: 1em;
}
table {
  border-radius: 4px;
  overflow-x: scroll;
}
table td {
  border-bottom: 0;
  border-top-width: 1px;
  border-color: #fff;
  padding: 1em 0.5em;
  color: #333;

}
table td:last-child {
  border-right: solid 1px #fff;
}
table td:first-child {
  border-left: solid 1px #fff;
}
table tr:last-child {
  border-bottom: solid 1px #fff;
}
.border, .border-gray-150 {
  border: solid 0em #fff !important;
}

.settings-menu > .bg-white, .settings.bg-white, .label .bg-white, .auth .bg-white  {
    background: #eeefee;
}
tr.bg-white {
  background: #fff;
}
.bg-gray-100 {
  background: #dceaec;
}
.bg-white {
  background: #fff;
}
body.bg-white {
  background: #fff;
}
button.bg-white {
  background: #fff;
}
.form-input {
  border: 0;
  border-radius: 4px;
}
textarea {
  border: 0;
  border-radius: 4px;
}
.bg-wave-600, .bg-gray-800, .bg-wave-500 {
  background: #315161;
}
.bg-wave-600:hover, .bg-gray-800:hover, .bg-wave-500:hover {
  color: #fff;
  background: #214151;
}
.text-indigo-600, .text-wave-600, .text-gray-600 {
  color: #315161;
}
.text-indigo-600:hover, .text-wave-600:hover, .text-gray-600:hover, .hover\:text-wave-500:hover {
  color: #214151;
}
.sm\:rounded-lg {
  border-radius: 4px;
}
.inline {
  display: inline;
}
.widget-guide #tc-carbon-result {

}
.widget-guide article {

}
.widget-guide h2 {
  font-size: 1.2em;
}
.widget-guide p{
  font-size: 1em;
  margin-bottom: 1em;
  color: #333;

}
.widget-guide-top {
  display: flex;
  margin: 0 1em;
  background: #f1f1f1;
  padding: 2em 2em 0 2em;
  border-radius: 4px;
  margin-top: 0;
}
.widget-page .items-start {
  margin: 0 1em;
}
.widget-guide .example-wrapper p.help{
  color: #467;
}
.widget-guide .example-wrapper p{
  font-size: 1em;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
}
.widget-guide .example-wrapper {
  clear: both;
  background: #eee;
  padding: 2em;
  font-size: 0.8em;
  color: #333;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  margin: 0 1em 1em 1em;
  border-radius: 4px;
}
.widget-guide .example-wrapper pre {
  font-size: 1em;
}
article.page {
  margin: 0 1em;
}
.documentation-tables > div  {
  max-height: 105px;
  position: relative;
  overflow: hidden;
  cursor:pointer;
  padding: 1em 1.5em !important;
}

.documentation-tables > div.expand {
  max-height: none;
  overflow-x: scroll;
}
.documentation-tables > div.expand:before {
  display: none;
}

.documentation-tables {
  display: flex;
  justify-content: flex-start;
  font-size: 0.9em;
}
.documentation-tables table td, .documentation-tables thead th {
  white-space: nowrap;
}
.documentation-tables table td:first-child, .documentation-tables thead th:first-child {
  text-align: left;
  white-space: nowrap;
  padding-left: 1em;
}
.documentation-tables table td:last-child, .documentation-tables thead th:last-child {
  text-align: right;
  padding-right: 1em;
  white-space: nowrap;
}
.documentation-tables >div:before {

  /* background: linear-gradient(transparent -50px, #1a1f2a) !important; */
  width: 100%;
  height: 100%;
  font-size: 1.8em;
  padding: 60px 1em 0 20px;
  font-weight: 600;
  content:'+';
  color: #333;
  position:absolute;
  left:0;
  bottom:0;
}

.documentation-intro > div {
  margin: 0 0.5em;
}
.documentation-intro p {
  font-size: 0.8em;
  margin-bottom: 0.5em;
}

.content {
  border-radius: 4px;
  margin-top: -6em;
  font-size: 0.9em;
  font-family: 'Poppins', 'Open Sans', sans-serif;
}
.content h1#introduction {
  display: none !important;
}
.content h1 {
  margin-top: 0;
  border-top: 0;
  box-shadow: none;
  font-size: 1.3em;
  background: transparent;
}
.content h2 {
  font-size: 1.1em;
  background: transparent;

}
.tocify-wrapper {
  display: none;
}
.page-wrapper {
  margin-left: 0;
}
#nav-button {
  display: none;
}


#mc_embed_signup {
  background: transparent !important;
  width: auto !important;
  font-family: 'Open Sans', sans-serif !important;
}
#mc_embed_signup input.email {
  background: #fff !important;
  margin-right: 1em !important;
  padding: 1em !important;
  border-radius: 4px !important;
  width: 400px !important;
  display: inline-block !important;
  color: #111 !important;
  height: auto !important;
  border: solid 1px #fff !important;
  margin-top: 1em !important;
  font-family: 'Open Sans', sans-serif !important;
}

#mc_embed_signup .button {
display: inline-block  !important;
color: #111  !important;
padding: 1em !important; background: #fac36E !important; border-radius: 4px !important;
height: auto !important;
line-height: 1.8em !important;
font-size: 1em !important;
font-weight: 400;
font-family: 'Open Sans', sans-serif !important;
}
#mc_embed_signup_scroll {
  display: flex !important;
  justify-content: start;
}

#mc_embed_signup .foot {
  display: block !important;
  text-align: center !important;
  margin-top: 1em;
  height: auto !important;
}
#mc_embed_signup .mc-field-group {
  margin-top: 1em !important;
  width: auto !important;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  margin-right: 1em !important;
  margin-top: 0.5em !important;
}
#mc_embed_signup div.response {
  padding: 1em !important;
  width: 100% !important;
  background: #fff !important;
  border-radius: 4px !important;
  margin: 0 !important;
}
#mc_embed_signup div#mce-responses {
  padding: 0 !important;
  width: auto !important;
  margin: 0 !important;
  clear: both;
  display: flex !important;
  margin-left: -7px !important;
  color: #000 !important;
}

.text-blurry {
    color: transparent !important;
    text-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
 }

 @media (max-width: 1440px){
    #labelling .fas.fa-arrow-right, #labelling .fas.fa-arrow-left {
        display: none !important;
    }
}


@media (min-width: 1025px){
  .lg-grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .saved-trips-list .saved-trip-wrapper {
    min-width: 32%;
  }
  .saved-trips-top {
    justify-content: space-between;
  }
  #pricing .plan h2.name {
    font-size: 1.1em !important;
    min-height: 2.5em;
  }
  .labeling .main-top-wrapper h1 {
    font-size: 5em;
  }
  .labeling .home-right-wrapper {
    min-width: 340px;
  }
  .authenticated-menu a.menu-item-color {
    background: #33a357;
    color: #fff;
  }
  .authenticated-menu a {

  }
  .authenticated-menu a:hover {

  }
  .authenticated-menu a.active {
    background: #acd;
    color: #111;
    border:0;
  }
}

@media (min-width: 1281px){
  .authenticated-menu {
    display: block;
    padding-top: 1.45em;
    padding-bottom: 1.45em;
  }
  .labeling .main-top-wrapper h1 {
    font-size: 5em;
  }
}
@media (max-width: 1280px){

  #logos {
    padding: 0em 1em !important;
  }

  #logos .flex {
    flex-direction: row;
    flex-wrap:wrap;
    
  }
  #logos img {
    max-height: 60px !important;
    margin: 1em;
  }

  #logos h2 {
    font-size: 1.4em !important;
    margin: 1em;
    display: block;
}


  .labeling #usps .usp {
    
  }
  .documentation-tables {
    flex-direction: column;
  }
  .custom-info {
    margin-top: 1em;
  }
  #widgets2 .desc, .form-try-it .desc, .api-info .desc, .custom-info .desc {
    margin-left: 2em;
    padding-left: 1em;
  }
  .home-top-wrapper {
    margin-left: 2em;
  }
  .documentation-tables > div{
    margin: 0em 0 1em 0 !important;
  }
  p {
    font-size: 1em;
  }
  #pricing .plan h2.name {
    min-height: 2.5em;
    font-size: 1.2em !important;
  }
  #pricing h2, .widgets .desc h2, #examples h2 {
    font-size: 1.8em !important;

  }
  #pricing h2 {
   margin-bottom: 2em;
  }

  header > div > div {
    height: auto !important;
  }
  #examples .example-wrapper {
      justify-content:space-around;
  }
  #examples .example-wrapper > div {
      padding-right: 0;
      width: auto;
  }
  .main-top-wrapper {
    padding-bottom: 0;
  }
  .home-right-wrapper {
    justify-content: center;
  }
  #features {
    padding-top: 0em !important;
    padding-bottom: 0 !important;
  }
  #features .feature-col {
    display: block;
    padding: 2em;
    margin-bottom: 0em;
  }
  #features .feature-col:first-child {
    margin-left: 0;
  }
  #features .feature-col:last-child {
    margin-right: 0;
    margin-bottom: 0 !important;
  }

  #features .faicon {
    display: none;
  }
  #features h2 {
    margin-left: 0 !important;
  }
  #examples {
    padding: 1em 0em;
  }
  .widgets {
    padding: 4em 0em;
  }
  .formwrapper.centered {
    margin: 2em auto 1em auto !important;
  }
  #examples {
    padding-bottom: 0.5em;
  }
  .widgets .desc, #examples .desc {
    padding: 0em 2em;
    line-height: 1.4em;
    text-align: center;
    max-width: none;
  }

  .widgets .feature-col, .form-try-it .widget-generator-cols{
    justify-content: center;
    align-items: end;
    flex-wrap: wrap;
  }
  .form-try-it .widget-generator-cols{
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
  }

  #usps .usp {
    padding: 4em 1em;
  }
  .usp h2, #features h2 {
    font-size: 1.4em !important;
    margin: 1em;
  }

  #usps {
    padding: 0;
  }
  #usps .usp-col {

  }
  #pricing {
    padding: 2em 1em 5.5em 1em;
  }
  h1.home-title {
    font-size: 3em;
    font-weight: 400;
  }
  .logo-wrapper span {
    display: none;
  }
  .header-external .logo-wrapper span {
    display: block;
  }
  .header-external .logo-wrapper a{
    padding: 0 7px 0 7px !important;
  }

  #features .feature-col {
    padding: 4em 1em;
    text-align: center;
  }
  .section-title {
    margin: 2em 0 0 0;
    text-align: center !important;
  }
  .footer a {
    margin: 1em 0 !important;
    float: none !important;
    display: block !important;
    text-align: left;
  }
  .footer .footer-column p, .footer .footer-column h3 {
    text-align: center;
  }
  .footer {
    flex-wrap: wrap-reverse;
  }
  .footer .footer-column {
    max-width: none;
    flex-grow: 1;
    width: 100%;
    padding: 2em 0;
    text-align: left;
  }
  .main-top-wrapper {
    margin-bottom: 10em !important;
  }

  .settings-menu > div  {
    padding: 1em 0;
  }
  #payment-form {
    padding: 1em;
  }
  header button {
    
  }
}

@media (max-width: 1024px){


  .labeling #usps .usp-col {
      grid-template-columns: repeat(1,minmax(0,1fr));
      padding: 0em;
  }
  .labeling h1.home-title {
    font-size: 2.3em;
  }

  .labeling .check-wrapper {
    align-items: center;
    padding: 0 2em;
  }

  .labeling .main-top-wrapper {
    padding: 2em 1em 1em 1em;
    background-size: 1200px auto;
  }
  .labeling #custom-info h2 {
    max-width: 100% !important;
  }
  .labeling .main-top-wrapper .home-right-wrapper {
    margin-bottom: 0;
  }
  .labeling #usps > h2 {
    font-size: 2em !important;
  }
  .labeling #custom-info {
    padding: 4em 0em;
  }
  .labeling #custom-info h2 {
    font-size: 2em !important;
  }
  .labeling #custom-info .frame-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .labeling #custom-info .frame-wrapper > div, .labeling #custom-info .frame-wrapper > iframe {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .labeling #custom-info .frame-wrapper > div {
    padding: 1em 1em !important;
  }
  .labeling #custom-info .frame-subtitle {
    display: none !important;
  }

  .labeling #custom-info .frame-wrapper > div > div{
    text-align: center !important;
    margin-top: 0 !important;
  }
  .labeling #custom-info .frame-wrapper > div .fas{
    display: none;
  }


  .labeling #custom-info .frame-wrapper h2 {
    font-size: 1em !important;
  }
  #home-blog {
      padding-bottom: 1em;
  }
  .blog-index h1 {
    font-size: 2.4em !important;
  }
  .blog .iframe-image-text {
      flex-direction: column;
  }
  .blog .iframe-image-text > div {
      width: 100% !important;
  }
  .blog .iframe-image-text > div img {
      margin-right: 1em !important;
      width: 100%;
  }

  #mc_embed_signup_scroll > div{
    flex-direction: column;
  }
  #mc_embed_signup input.email {
    width: 100% !important;
    margin-right: 0 !important;
  }
  #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    margin-right: 5px !important;
  }
  #mc_embed_signup div#mce-responses {
    margin-top: 1em !important;
    float: none !important;
  }
  #mc_embed_signup .foot {
    width: 100% !important;
    margin-right: 0 !important;
  }
  #mc_embed_signup .button {
    display: block !important;
    width: 100% !important;
  }
  #mc_embed_signup div.response {
    margin: 0 5px !important;
  }
  .try-cols {
    flex-direction: column;
  }
  .check-wrapper > div {
    max-width: none;
    margin: 1em 0;
    padding-right: 0 !important;
  }
  .check-wrapper {
    flex-direction: column;
  }
  section h3 {
    text-align: left;
  }
  section li .items-center {
    /* justify-content: center; */
    text-align: left;
  }
  #search {

  }
  #pricing {
    padding: 2em 0 5.5em 0;
    margin-bottom: 0;
  }
  #widgets2 .try-cols > div > img, #form-try-it-2 .try-cols > div > img, #api .try-cols > div > img{
    max-width: 100%;
  }
  .plan-wrapper-front {
    max-width: 100%;
  }
  .try-cols > div h2 {
    text-align: left !important;
    margin-bottom: 1em;
    margin-left: 0.5em;
  }
  #widgets2 .try-cols > div h2 {
    margin-left: 0;
  }
  .api-info {
    margin-bottom: 0;
  }
  #widgets2 .desc , .form-try-it .try-cols p, .form-try-it .try-cols h3, .form-try-it .try-cols ul, .api-info .try-cols p,.api-info .try-cols h3,.api-info .try-cols ul, .custom-info .try-cols p, .custom-info .try-cols h3, .custom-info .try-cols ul {
    margin-left: 1em;
  }
  header .logo-wrapper a {
    padding: 0 !important;
    margin-left: 0 !important;
  }
  .widgets .feature-col > div {
    padding: 0;
  }
  .widgets .feature-col > div.embedded {
    margin-right: 0;
  }
  .widgets, .form-try-it, .api-info, .custom-info {
    padding-top: 0;
  }
  .widgets .desc, .form-try-it .desc, .api-info .desc, .custom-info .desc {
    padding-top: 0;
    margin-left: 0;
    padding-right: 1em;
  }
  .widgets p, .form-try-it p, .api-info p, .custom-info p {
    text-align: center !important;
  }
  .widgets h2, .form-try-it h2, .api-info h2, .custom-info h2 {
    text-align: center !important;
    padding: 2em 0.5em 0 0em;
    font-size: 1.8em !important;
    padding-top: 0em;
  }
  .widgets .plan-front h2, .form-try-it .plan-front h2, .api-info .plan-front h2 {
    font-size: 1.2em !important;
  }
  .formwrapper {
    padding: 1em 0 !important;
  }
  #widgets h2, #search h2, .api-info h2, #custom-info h2, #home-blog h2, #how-it-works h2 {
    font-size: 2.4em !important;
    margin-left: 0.5em;
  }
  #widgets-2 {
    padding-top: 5em;
  }

  a.inline, a.button, div.checkout {
    display: block;
    margin-top: 1em;
    text-align: center;
  }
  .try-cols > div {
    max-width: 100%;
    padding: 2em;
  }
  .main-top-wrapper {
    margin-bottom: 0em !important;
  }
  .usp img {
    max-width: 20%;

  }
  .usp:nth-child(3) img {
    max-width: 10%;
  }
  .usp:first-child img {
    max-width: 15%;
  }
  .saved-trips .saved-trip-wrapper {
    width: 100%;
  }
  #pricing .plan {
    margin-top: 4.5em;
  }
  #pricing h2 {
   margin-bottom: 1em;
  }
  #pricing >div>div>p {
    margin-top: 3em;
    margin-left: 1em;
    margin-right: 1em;
    display: block;
  }
  #features .feature-col {
    margin: 0em;
  }
  #features .feature-col:first-child {
    margin-left: 0em !important;
  }
  #features .feature-col:last-child {
    margin-right: 0em !important;
  }
  .home-top-wrapper {
    margin-left: 0em;
  }
  .home-top-wrapper, .home-top-wrapper p , .home-top-wrapper div {
    text-align: center;
    align-items: center;
  }
  #features, #examples {
  }
  #usps .usp {

  }
  .widgets .feature-col {
    justify-content: center;
    align-items: center;
  }

    .kalkylator section {
        max-width: 100% !important;
    }
  
  .kalkylator .twothird {
    width: 100% !important;
    padding: 0 !important;
  }

  .kalkylator .third {
    width: 100% !important;
  }
  .md-flex-col {
    flex-direction: column;
  }
  .kalkylator .usp {
    max-width: 100% !important; 
  }
  .kalkylator .usp h2{
    font-size: 1.7em;
  }
  #usps.quote .usp-col .usp{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #usps.quote .usp-col .usp .quotesign{
    font-size: 4em !important;
    padding: 0 !important;
    align-self: start !important;;
    color: #eee;
    height: 0.5em;
    margin-top: -0.5em;
  }
}



@media (max-width: 640px){
  .labeling .main-top-wrapper .embedded {
    margin-top: 1em;
  }
  .main-top-wrapper .mr-6 {
    margin-right: 0;
  }
  .main-top-wrapper {
    padding-top: 0;
  }
  .main-top-wrapper h1 {
    margin-top: 0.1em;
    margin-bottom: 0.5em;
    font-weight: 400 !important;
    font-size: 3em;
  }
  .business h1.home-title {
    font-size: 3em;
  }
  .widget-guide-top {
    flex-direction:column;
    align-items: center;
  }
  .widget-page .items-start {
    margin: 0;
  }
  .widget-page h3 {
    margin: 0 1em;
  }
  .widget-page {
    margin: 0 0;
  }
  .widget-page .feature-col {
    padding: 0;
    align-items: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0 !important;
  }
  .widget-page .feature-col .embedded {
    padding: 0;
  }
  .labeling .main-top-wrapper {
    padding: 2em 0em 2em 0em;
  }
  .declaration-explanation {
    max-width: none !important;
  }
}



.tc-carbon-result-loader {
  display: none;
  width:100%;
  height: 100%;
  position: absolute;
  /* background: rgba(0,0,0,0.2); */
  /* backdrop-filter: blur(10px); */
  border-radius: 4px;
  text-align: center;
  vertical-align:middle;
  z-index: 9999;
  background-color: rgba(255, 255, 255, .2);
}

/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .tc-carbon-result-loader {
    background-color: transparent;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

.tc-carbon-result-loader > div {
  margin: 15% auto;
  display: inline-block;
}

@keyframes ldio-cm73reorja-1 {
  0% { top: 24.32px; height: 79.36px }
  50% { top: 44.160000000000004px; height: 39.68px }
  100% { top: 44.160000000000004px; height: 39.68px }
}
@keyframes ldio-cm73reorja-2 {
  0% { top: 29.28px; height: 69.44px }
  50% { top: 44.160000000000004px; height: 39.68px }
  100% { top: 44.160000000000004px; height: 39.68px }
}
@keyframes ldio-cm73reorja-3 {
  0% { top: 34.24px; height: 59.52px }
  50% { top: 44.160000000000004px; height: 39.68px }
  100% { top: 44.160000000000004px; height: 39.68px }
}
.ldio-cm73reorja div { position: absolute; width: 23.04px }.ldio-cm73reorja div:nth-child(1) {
  left: 20.48px;
  background: #fac36E;
  animation: ldio-cm73reorja-1 0.9345794392523364s cubic-bezier(0,0.5,0.5,1) infinite;
  animation-delay: -0.18691588785046728s
}
.ldio-cm73reorja div:nth-child(2) {
  left: 52.480000000000004px;
  background: #76c9a9;
  animation: ldio-cm73reorja-2 0.9345794392523364s cubic-bezier(0,0.5,0.5,1) infinite;
  animation-delay: -0.09345794392523364s
}
.ldio-cm73reorja div:nth-child(3) {
  left: 84.48px;
  background: #4DaFcF;
  animation: ldio-cm73reorja-3 0.9345794392523364s cubic-bezier(0,0.5,0.5,1) infinite;
  animation-delay: undefineds
}

.loadingio-spinner-pulse-oq0attj0l2 {
  width: 128px;
  height: 128px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-cm73reorja {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-cm73reorja div { box-sizing: content-box; border-radius: 4px;}

#homepres .main-top-wrapper{
  padding-top: 14em;
}

#homepres #widgets h2, #homepres #search h2, #homepres .api-info h2, #how-it-works h2 {
  margin-top: 0;
}

#homepres section {
  margin: 0 !important;
  border-radius: 0 !important;

}
#homepres #usps{
  padding-top: 26em;
}
#homepres #usps ul li{
  font-size: 1.3em;
  list-style: initial;
  margin-left: 18%;
}

#homepres #search h2 {
  margin-top:0;
}
#homepres #search p, #homepres #widgets p, #homepres #api p, #homepres #future p {
  font-size: 1.7em;
  margin-bottom: 0.5em;
}
#homepres #search ul li {
  font-size: 1.3em;
  margin-left: 5%;
  min-width: 800px
}
#homepres #api ul li{
 font-size: 1.3em;
 min-width: 800px;
 margin-left: 50%;
}


#homepres #widgets {
  padding-top: 4em;
}
#homepres #widgets.wid-support {
  padding-top: 3em;
}
#homepres .home-top-wrapper p span {
  font-size: 1.45em;
}
#homepres .home-top-wrapper li {
  font-weight: 400;
  list-style:square;
  font-size: 1.65em;
  margin-left: 1em;
}
#homepres #search {
  padding-top: 4em;
}
#homepres section{
  min-height: 100vh;
}
#homepres section.footer {
  display: none;
}
#homepres .plan-wrapper-front {
  display: none;
}
#homepres .plan > div > p {
  display: none;
}
#homepres .plan  p.leading-7 {
  font-size: 1.3em;
}
#homepres .plan li {
  font-size: 1.3em;
}
#homepres .plan ul {
  margin-top: 1em;
}
#homepres .plan h2.name {
  font-size: 1.6em !important;
  margin-top: 0.1em;
}
#homepres #features {
  display: none;
}
#homepres #future {
  padding-top: 10em;
}
#homepres #future ul li{
  font-size: 1.3em;
  min-width: 800px;
  margin-left: 1%;
}

#homepres #features .feature-col {
  margin-top: 0em;
  margin: 0 !important;
  height: 100vh;
  padding-top: 70%;
  border-radius: 0;

}
#homepres #widgets2 {
  display: none;
}
#homepres #api {
  padding-top: 12em;
}

#homepres .plan-button {
  display: none !important;
}
#homepres #pricing {
  padding-top: 1em;
}

#homepres #pricing a {
  color: #fff;
  border: 0;
  text-decoration: none;
}

#homepres #pricing .lg-grid-cols-4 {
  grid-template-columns: repeat(3,minmax(0,1fr))
}

#homepres #pricing .plan:first-child {
  display: none;
}