body {
  font-family: Circe, sans-serif;
  font-size: 100%;
  font-weight: 400;
  min-width: 360px;
  background-color: #FFFFFF;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body header {
  transition: all 0.3s;
  min-width: 360px;
  z-index: 1000000000000000100;
  scroll-behavior: smooth;
}
body #myBtn {
  width: 40px;
  height: 40px;
  position: fixed;
  display: block;
  bottom: 30px;
  right: 30px;
  z-index: 99;
}
body .myBtn_hide {
  display: none !important;
}
body .bold-span {
  font-weight: 700;
}
body .focus-span {
  color: #5DB461;
}
body a {
  text-decoration: none;
}
body #buy_btn_mob, body #buy_btn_desktop {
  width: clamp(94px, 9vw, 134px);
  height: 70%;
  border: 1px solid #5DB461;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3em;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
body #buy_btn_mob:hover, body #buy_btn_desktop:hover {
  background-color: #5DB461;
  color: #ffffff;
}
body #buy_btn_mob {
  display: none;
}
body main {
  height: 100%;
}
body main .span_bold {
  font-weight: 800;
}
body main .first_section {
  position: relative;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: stretch;
  height: 95vh;
  min-height: 782px;
  padding: 7vh 4vw;
}
body main .first_section .background_image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("./../../media/dc-travel/bg_first_section.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: screen;
  opacity: 0.9;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
body main .first_section .first_description, body main .first_section .price, body main .first_section .spec_offer {
  z-index: 9;
}
body main .first_section .text {
  color: #000000;
  z-index: 343443;
  position: relative;
  width: 55%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  row-gap: 10vh;
}
body main .first_section .text .price {
  font-size: 2.8em;
  color: #5DB461;
  font-weight: 800;
}
body main .first_section .text .first_description p {
  font-size: 1.9em;
  font-weight: 400;
}
body main .first_section .price_section .old_price {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.9vh;
       column-gap: 0.9vh;
  position: relative;
}
body main .first_section .price_section .old_price p {
  font-size: 1.2em;
}
body main .first_section .price_section .old_price .red_line_txt {
  position: relative;
}
body main .first_section .price_section .old_price .red_line_txt p {
  font-size: 2.3em;
  position: relative;
}
body main .first_section .price_section .old_price .red_line_txt .red_line {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #FF0000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-9deg);
}
body main .first_section .first_description {
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: flex;
  flex-flow: column;
  row-gap: 1vh;
}
body main .first_section .first_description h1 {
  font-size: 4.6em;
  font-weight: 800;
}
body main .first_section .first_description p {
  font-size: 2.1em;
  color: #000000;
}
body main .first_section .first_description p span {
  font-weight: 800;
  color: #000000;
}
body main .first_section .buy_char {
  position: relative;
  display: flex;
  -moz-column-gap: 10vw;
       column-gap: 10vw;
}
body main .first_section .buy_char a {
  font-weight: 400;
  font-size: 1.9em;
  color: #000000;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background-image: linear-gradient(#5DB461, #5DB461);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
}
body main .first_section .buy_char a:hover {
  background-size: 100% 2px;
  color: #5DB461;
}
body main .first_section .spec_offer {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: start;
  -webkit-align-items: flex-start;
  justify-content: center;
  -webkit-justify-content: center;
  width: 40%;
  margin-top: 6vh;
  padding: 28px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
}
body main .first_section .spec_offer h2 {
  font-weight: 800;
  font-size: 1.5em;
  color: #5DB461;
}
body main .first_section .spec_offer p {
  font-size: 1.5em;
  margin-bottom: 20px;
}
body main .first_section .spec_offer .learn_more {
  color: #5DB461;
  font-size: 1.3em;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background-image: linear-gradient(#5DB461, #5DB461);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
}
body main .first_section .spec_offer .learn_more:hover {
  background-size: 100% 2px;
  color: #5DB461;
}
body main .first_section .left_gradient {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(94deg, rgba(255, 255, 255, 0.73) 3.04%, rgba(255, 255, 255, 0) 60.66%);
}
body main .description_section {
  padding: 1.5vh 4vw 0 4vw;
  grid-template-columns: 33.3% 33.3% 33.3%;
  display: grid;
  gap: 10px;
  justify-content: center;
  grid-template-areas: "spec-header spec-header spec-header" "connectors connectors connectors" "first-txt second-txt descr-img" "first-txt compl-inst descr-img";
  margin-bottom: 20px;
}
body main .description_section .green_span {
  color: #5DB461;
}
body main .description_section .first_txt_col, body main .description_section .second_txt_col, body main .description_section .tablet_txt_col {
  display: flex;
  flex-flow: column;
  row-gap: 2vh;
  padding: 0 1vw;
}
body main .description_section .first_txt_col .txt_container p, body main .description_section .second_txt_col .txt_container p, body main .description_section .tablet_txt_col .txt_container p {
  font-size: 1.25em;
  color: #333333;
}
body main .description_section .first_txt_col .txt_container p:first-child, body main .description_section .second_txt_col .txt_container p:first-child, body main .description_section .tablet_txt_col .txt_container p:first-child {
  font-weight: 800;
}
body main .description_section .tablet_txt_col {
  grid-area: tablet-txt;
  display: none;
}
body main .description_section .first_txt_col {
  grid-area: first-txt;
}
body main .description_section .second_txt_col {
  grid-area: second-txt;
}
body main .description_section .complete_installation {
  grid-area: compl-inst;
  margin-top: 3vh;
  padding: 4.5vh 2vw 0 0;
  border-top: 1px solid #BDBDBD;
  display: flex;
  flex-flow: column;
}
body main .description_section .complete_installation h2 {
  font-weight: 800;
  font-size: 1.9em;
  padding-bottom: 3vh;
}
body main .description_section .complete_installation div p, body main .description_section .complete_installation div a {
  font-size: 1.25em;
}
body main .description_section .complete_installation div p {
  padding-bottom: 4vh;
}
body main .description_section .complete_installation div a {
  color: #5DB461;
  background-image: linear-gradient(#5DB461, #5DB461);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
}
body main .description_section .complete_installation div a:hover {
  background-size: 100% 2px;
  color: #5DB461;
}
body main .description_section .descr_img {
  width: 100%;
  grid-area: descr-img;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F2F2;
}
body main .description_section .descr_img img {
  width: 100%;
}
body main .description_section h1 {
  grid-area: spec-header;
  justify-self: center;
  color: #333333;
  font-weight: 800;
  font-size: 3em;
  padding-bottom: 67px;
}
body main .description_section .connectors {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2vh 6vw;
  background: #FFFFFF;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
  grid-area: connectors;
  margin: 0 12vw 40px 12vw;
  -moz-column-gap: 1vh;
       column-gap: 1vh;
}
body main .description_section .connectors .divider {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  font-size: 1.25em;
  width: 15%;
}
body main .description_section .connectors .connector {
  grid-area: conn;
  padding: 1.5vh 1vw;
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body main .description_section .connectors .connector .conn_descr {
  display: flex;
  flex-flow: column;
  row-gap: 1.5vh;
}
body main .description_section .connectors .connector .conn_descr p {
  font-weight: 800;
  color: #333333;
  font-size: 1.25em;
  text-align: start;
}
body main .description_section .connectors .connector .conn_descr p:nth-child(2) {
  font-weight: 400;
}
body main .description_section .description {
  grid-area: descr;
  padding: 2vh 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .description_section .description p {
  font-size: 1.25em;
  text-align: center;
}
body main .discount_table {
  background: #FFFFFF;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
  padding: 2vw 3vw;
  margin: 0 4vw 20px 4vw;
}
body main .discount_table .table_header {
  display: flex;
  flex-flow: wrap;
}
body main .discount_table .table_header h3 {
  width: 50%;
  font-size: 1.9em;
  color: #000000;
}
body main .discount_table .table_header h3:first-child {
  font-weight: 800;
}
body main .discount_table .table_header .table_name {
  text-align: end;
}
body main .discount_table .table_header p {
  padding-top: 1vh;
  font-size: 1.25em;
}
body main .discount_table .columns_section {
  display: flex;
  flex-flow: column;
  padding-top: 4.5vh;
  row-gap: 2.8vh;
}
body main .discount_table .columns_section .scroll_section {
  display: flex;
  flex-flow: column;
  row-gap: 2vh;
}
body main .discount_table .columns_section .row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  -moz-column-gap: 1vh;
       column-gap: 1vh;
}
body main .discount_table .columns_section .row .col p {
  font-size: 1.3em;
  font-weight: 800;
}
body main .discount_table .columns_section .row .col:first-child {
  width: 25%;
}
body main .discount_table .columns_section .row .col:not(:first-child) {
  width: 14%;
}
body main .discount_table .columns_section .second-row .col:not(:first-child) {
  background: rgba(242, 242, 242, 0.4);
  border-radius: 10px;
  padding: 1vh 7px;
}
body main .discount_table .columns_section .second-row .col:not(:first-child) p:first-child {
  font-weight: 400;
}
body main .discount_table .columns_section .second-row .col:not(:first-child) p:nth-child(2) {
  color: #5DB461;
}
body main .discount_table .columns_section .second-row .col:not(:first-child) .no_discount {
  color: #f44336 !important;
}
body main .discount_table .mob_col_section {
  display: none;
  flex-flow: column;
  row-gap: 20px;
  margin-top: 20px;
}
body main .discount_table .mob_col_section .mob_table {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 17px;
       column-gap: 17px;
}
body main .discount_table .mob_col_section .mob_table .column {
  row-gap: 15px;
  display: flex;
  flex-flow: column;
  align-self: stretch;
  width: 33.3%;
  justify-content: space-between;
}
body main .discount_table .mob_col_section .mob_table .column .station_count {
  height: 43px;
  font-size: 1em;
  font-weight: 700;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .discount_table .mob_col_section .mob_table .column .price_header, body main .discount_table .mob_col_section .mob_table .column .number_header {
  height: 43px;
  font-size: 0.9em;
  font-weight: 700;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
body main .discount_table .mob_col_section .mob_table .column .prices {
  display: flex;
  flex-flow: column;
  row-gap: 15px;
  background: rgba(242, 242, 242, 0.4);
  border-radius: 10px;
  padding: 13px 10px;
}
body main .discount_table .mob_col_section .mob_table .column .prices .price_cont {
  height: 43px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
body main .discount_table .mob_col_section .mob_table .column .prices .price_cont p {
  font-size: 0.9em;
}
body main .discount_table .mob_col_section .mob_table .column .prices .price_cont .price {
  color: #333333;
}
body main .discount_table .mob_col_section .mob_table .column .prices .price_cont .no_discount {
  color: #f44336;
  font-weight: 700;
}
body main .discount_table .mob_col_section .mob_table .column .prices .price_cont .discount {
  color: #5DB461;
  font-weight: 700;
}
body main .portable_charging {
  margin: 0 4vw;
  padding: 4vw 20vw;
  background-image: url("./../../media/single-charger/charg_bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  color: #FFFFFF;
}
body main .portable_charging h1 {
  font-size: 3em;
  font-weight: 800;
  padding-bottom: 4vh;
}
body main .portable_charging h4, body main .portable_charging p {
  font-size: 1.25em;
}
body main .portable_charging h4 {
  padding-bottom: 2.5vh;
}/*# sourceMappingURL=dc-travel.css.map */