/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: 'Circe';
  font-style: normal;
  font-weight: normal;
  src: local("Circe"), url("../fonts/CRC55.woff") format("woff");
}

@font-face {
  font-family: 'Circe Light';
  font-style: normal;
  font-weight: normal;
  src: local("Circe Light"), url("../fonts/CRC35.woff") format("woff");
}

@font-face {
  font-family: 'Circe Bold';
  font-style: normal;
  font-weight: normal;
  src: local("Circe Bold"), url("../fonts/CRC65.woff") format("woff");
}

.u-text-primary {
  color: #1e9bee;
}

.u-fbold {
  font-weight: 700;
}

.u-fnormal {
  font-weight: 400;
}

.u-flgt {
  font-weight: 300;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.link-red {
  color: #E45454;
  text-decoration: underline;
}

.indicator {
  display: block;
  position: absolute;
  width: 35px;
  height: 9px;
  bottom: 5%;
  right: 10%;
}

.indicator::before, .indicator::after {
  position: absolute;
  content: '';
}

.indicator::before {
  width: 21px;
  height: 9px;
  background-color: #1e9bee;
  border-radius: 4.5px;
  margin-right: 4px;
}

.indicator::after {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #ffffff;
  right: 0;
}

.is-center {
  text-align: center;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  font-family: "circe", sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #333;
  line-height: 1.5;
  background: #ffffff;
  color: #3D3D3D;
}

.container {
  display: block;
  max-width: 100%;
  overflow: hidden;
  padding: 0 15px;
}

@media only screen and (min-width: 992px) {
  .container {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1024px;
    padding: 0;
  }
}

@media screen and (min-width: 1700px) {
  .container {
    max-width: 1680px !important;
    padding-left: 20px;
    padding-right: 20px;
  }
}

p {
  font-size: 1.4rem;
}

@media only screen and (min-width: 768px) {
  p {
    font-size: 1.8rem;
  }
}

hr {
  background-color: #D2D2D2;
  height: 1px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-weight: 700;
}

h2, .h2 {
  font-size: 7.2rem;
}

h3, .h3 {
  font-size: 4.5rem;
}

h4, .h4 {
  font-size: 2.8rem;
}

h5, .h5 {
  font-size: 2rem;
}

h5, .h5 {
  font-size: 1.6rem;
}

.primary__heading {
  font-size: 3.5rem;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  padding-top: 8px;
}

@media only screen and (min-width: 576px) {
  .primary__heading {
    font-size: 4rem;
  }
}

@media only screen and (min-width: 768px) {
  .primary__heading {
    font-size: 5.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .primary__heading {
    font-size: 6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .primary__heading {
    font-size: 6rem;
  }
}

@media only screen and (min-width: 1600px) {
  .primary__heading {
    line-height: 1.5;
    font-size: 7.2rem;
  }
}

.primary__heading span {
  color: #1e9bee;
}

.primary__heading::before {
  position: absolute;
  content: '';
  width: 69px;
  height: 8px;
  background-color: #1e9bee;
  border-radius: 4px;
  left: 0;
  top: 0;
}

.primary__heading.-small {
  font-size: 3.5rem;
}

@media only screen and (min-width: 768px) {
  .primary__heading.-small {
    font-size: 3rem;
  }
}

@media only screen and (min-width: 1600px) {
  .primary__heading.-small {
    font-size: 4.5rem;
  }
}

.primary__heading.-small::before {
  top: -20px;
}

.heading__secondary {
  font-size: 2.8rem;
  color: #535067;
  font-weight: 700;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .heading__secondary {
    font-size: 3.2rem;
  }
}

@media only screen and (min-width: 992px) {
  .heading__secondary {
    font-size: 3.8rem;
  }
}

@media only screen and (min-width: 1600px) {
  .heading__secondary {
    font-size: 4.5rem;
  }
}

.heading__secondary:not(.-nobar)::after {
  width: 69px;
  height: 8px;
  background-color: #1e9bee;
  border-radius: 4px;
  position: absolute;
  content: '';
  right: 0;
  bottom: -5px;
}

.heading__secondary.-alt::after {
  bottom: unset;
  top: -10px;
  left: 0;
  right: unset;
}

.heading__secondary span {
  position: relative;
  color: #1e9bee;
}

.heading__secondary span::after {
  width: 69px;
  height: 8px;
  background-color: #1e9bee;
  border-radius: 4px;
  position: absolute;
  content: '';
  right: 0;
  bottom: -5px;
}

.heading__alt {
  font-size: 2.2rem;
  margin-bottom: 5px;
  color: #535067;
}

@media only screen and (min-width: 768px) {
  .heading__alt {
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1600px) {
  .heading__alt {
    font-size: 2.8rem;
  }
}

.section {
  overflow: hidden;
}

.section__inner {
  padding: 30px 0;
}

@media only screen and (min-width: 768px) {
  .section__inner {
    padding: 55px 0;
  }
}

.mv {
  background-image: url(../img/top/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 60px;
  padding-bottom: 80px;
  position: relative;
}

@media only screen and (min-width: 576px) {
  .mv {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}

@media only screen and (min-width: 768px) {
  .mv {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}

@media only screen and (min-width: 1200px) {
  .mv {
    padding-top: 150px;
    padding-bottom: 180px;
  }
}

@media only screen and (min-width: 1600px) {
  .mv {
    padding-top: 273px;
    padding-bottom: 286px;
  }
}

.mv::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(105.58deg, rgba(0, 27, 53, 0.87) 19.61%, rgba(25, 104, 179, 0) 99.02%);
}

.mv .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .mv .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.mv__txt {
  color: #FAFAFA;
  font-size: 1.7rem;
  line-height: 1.5;
}

@media only screen and (min-width: 768px) {
  .mv__txt {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1600px) {
  .mv__txt {
    font-size: 2rem;
  }
}

.mv .btn {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {
  .mv .btn {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1600px) {
  .mv .btn {
    margin-top: 60px;
  }
}

.mv__form {
  background: #FAFAFA;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  max-width: 543px;
  width: 100%;
  margin-top: 30px;
  padding: 35px 25px 20px;
}

@media only screen and (min-width: 768px) {
  .mv__form {
    margin-left: 70px;
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .mv__form {
    padding: 59px 49px 30px 49px;
  }
}

.mv__form .form__txt {
  color: #3D3D3D;
  font-size: 1.8rem;
  text-align: center;
}

.mv__form .form__submit {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .mv__form .form__submit {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1600px) {
  .mv__form .form__submit {
    margin-top: 40px;
  }
}

.about {
  padding-top: 70px;
  padding-bottom: 80px;
}

@media only screen and (min-width: 768px) {
  .about {
    padding-top: 10px;
    padding-bottom: 90px;
  }
}

@media only screen and (min-width: 1600px) {
  .about {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}

.about .heading__secondary {
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .about .heading__secondary {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1600px) {
  .about .heading__secondary {
    margin-bottom: 50px;
  }
}

.about .join__content {
  margin-bottom: 20px;
}

.services .columns {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.services .column {
  margin-bottom: 40px;
}

.services .column .card {
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .services .column {
    margin-bottom: 90px;
  }
}

@media only screen and (min-width: 1600px) {
  .services .column {
    margin-bottom: 112px;
  }
}

.services .heading__secondary {
  margin-bottom: 80px;
}

.membership {
  padding-top: 70px;
}

@media only screen and (min-width: 768px) {
  .membership {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1600px) {
  .membership {
    padding-top: 150px;
  }
}

.membership.-page {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media only screen and (min-width: 768px) {
  .membership.-page {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 1600px) {
  .membership.-page {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

.membership .heading__secondary {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .membership .heading__secondary {
    margin-bottom: 55px;
  }
}

@media only screen and (min-width: 1600px) {
  .membership .heading__secondary {
    margin-bottom: 75px;
  }
}

.membership .column {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.membership .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 576px) {
  .membership .column {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media only screen and (min-width: 992px) {
  .membership .column {
    max-width: 33.333%;
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
  }
}

@media only screen and (min-width: 1600px) {
  .membership .column {
    padding-left: 45px;
    padding-right: 45px;
  }
}

.membership__item {
  background-color: #FAFAFA;
  position: relative;
  margin-top: 50px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-bottom: 30px;
}

.membership__item:hover {
  -webkit-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
          box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
}

.membership__icon {
  text-align: center;
  border: 5px solid #FAFAFA;
  border-radius: 50%;
  background-color: #1e9bee;
  padding: 28px;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.membership__header {
  background-color: #1e9bee;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  padding-top: 73px;
  padding-bottom: 30px;
  background-image: url("../img/common/bg-membership.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.membership__ttl {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 30px;
}

.membership__price {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1;
}

.membership__price .ttl {
  font-size: 5rem;
}

@media only screen and (min-width: 576px) {
  .membership__price .ttl {
    font-size: 5.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .membership__price .ttl {
    font-size: 6.4rem;
  }
}

@media only screen and (min-width: 1600px) {
  .membership__price .ttl {
    font-size: 7.2rem;
  }
}

.membership__price .subttl {
  display: block;
  font-weight: 400;
  font-size: 2rem;
}

.membership__footer {
  background-color: #FAFAFA;
  padding: 30px 30px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}

.membership__footer .planbutton {
  margin: 20px auto 0px;
}

.membership__features {
  margin: 0 auto;
}

.membership__features p {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 500;
}

.membership__lists {
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.membership__lists.-gray {
  background-color: #FAFAFA;
  padding: 30px 25px 35px;
  margin-bottom: 37px;
  margin-top: 40px;
}

.membership__list {
  position: relative;
  padding-left: 30px;
  font-size: 2rem;
  text-align: left;
  margin-left: 5%;
}

@media only screen and (min-width: 1600px) {
  .membership__list {
    margin-left: 18%;
  }
}

.membership__list:not(:last-child) {
  margin-bottom: 10px;
}

.membership__list::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background-image: url("../img/icons/tick.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.membership__list.-nomargin {
  margin-left: 0;
}

.membership__list .membership__lists {
  margin-top: 10px;
}

.membership__list .membership__list::before {
  background-image: url("../img/icons/circle-outline.svg");
  width: 13px;
  height: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.testimonial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 992px) {
  .testimonial {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.testimonial__left {
  background-color: #1b2c53;
  color: #ffffff;
  padding: 40px 50px 80px 30px;
  position: relative;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media only screen and (min-width: 768px) {
  .testimonial__left {
    padding: 45px 50px 100px 50px;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial__left {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__left {
    padding: 53px 50px 132px 125px;
  }
}

.testimonial__heading {
  font-size: 3.4rem;
  line-height: 1.3;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .testimonial__heading {
    font-size: 4rem;
    line-height: 1.45;
    margin-bottom: 33px;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__heading {
    font-size: 4.5rem;
  }
}

.testimonial__heading span {
  color: #88a4d4;
}

.testimonial__link {
  color: #FAFAFA;
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.testimonial__link:hover {
  color: #ffffff;
}

.testimonial__link:hover img {
  margin-left: 20px;
}

.testimonial__link img {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-left: 24px;
}

.testimonial__right {
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 576px) {
  .testimonial__right {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 768px) {
  .testimonial__right {
    padding: 30px 30px;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial__right {
    padding: 50px 30px;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__right {
    padding: 50px 65px;
  }
}

.testimonial__item {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  padding: 40px;
  max-width: 507px;
  width: 100%;
}

@media only screen and (min-width: 576px) {
  .testimonial__item {
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__item {
    padding: 40px 55px;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__item {
    padding: 50px 75px;
  }
}

.testimonial__item:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (min-width: 576px) {
  .testimonial__item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__item:not(:last-child) {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__item:not(:last-child) {
    margin-right: 70px;
  }
}

.testimonial__ttl {
  font-size: 2.4rem;
}

@media only screen and (min-width: 768px) {
  .testimonial__ttl {
    font-size: 2.6rem;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__ttl {
    font-size: 2.8rem;
  }
}

.testimonial__pos {
  margin-top: 5px;
  font-size: 1.7rem;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .testimonial__pos {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__pos {
    font-size: 2rem;
  }
}

.testimonial__img {
  margin-top: 45px;
}

@media only screen and (min-width: 768px) {
  .testimonial__img {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__img {
    margin-top: 93px;
  }
}

.testimonial__txt {
  padding-top: 60px;
  padding-bottom: 38px;
  font-size: 1.8rem;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .testimonial__txt {
    font-size: 2rem;
    padding-top: 90px;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__txt {
    padding-top: 115px;
  }
}

.testimonial__txt::before {
  top: 0;
  left: -10px;
  position: absolute;
  content: '';
  background-image: url("../img/icons/quote.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
}

@media only screen and (min-width: 768px) {
  .testimonial__txt::before {
    top: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .testimonial__txt::before {
    left: -15px;
  }
}

@media only screen and (min-width: 1600px) {
  .testimonial__txt::before {
    top: 55px;
  }
}

.download {
  background: linear-gradient(179.15deg, rgba(255, 255, 255, 0) 0.75%, rgba(0, 37, 168, 0.5583) 28.47%, #1968b3 48.64%, rgba(0, 33, 152, 0.512642) 70.17%, rgba(25, 104, 179, 0) 92.14%);
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (min-width: 768px) {
  .download {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

@media only screen and (min-width: 1600px) {
  .download {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}

.download::before {
  position: absolute;
  content: '';
  left: 0;
  top: 48%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/top/half-oval.svg");
  width: 302px;
  height: 605px;
}

.download .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.download__ttl {
  font-size: 4rem;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .download__ttl {
    font-size: 5.5rem;
  }
}

@media only screen and (min-width: 1600px) {
  .download__ttl {
    font-size: 7.2rem;
  }
}

.download__right {
  display: none;
}

@media only screen and (min-width: 768px) {
  .download__right {
    display: block;
  }
}

.download__txt {
  font-size: 2rem;
  padding-bottom: 33px;
  color: #ffffff;
}

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

.download__images .qr {
  margin-right: 30px;
}

.download__images .store {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.download__images .store img:not(:last-child) {
  margin-bottom: 25px;
}

.blog .heading__secondary {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .blog .heading__secondary {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1600px) {
  .blog .heading__secondary {
    margin-bottom: 90px;
  }
}

.blog__content {
  padding: 10px 10px 25px 10px;
}

@media only screen and (min-width: 768px) {
  .blog__content {
    padding: 10px 15px 50px 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .blog__content {
    padding: 20px 22px 50px 25px;
  }
}

.blog__img {
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
}

.blog__heading {
  color: #535067;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .blog__heading {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .blog__heading {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}

.blog__para {
  font-size: 1.8rem;
  color: #535067;
  margin-bottom: 40px;
}

.join {
  padding-bottom: 50px;
  padding-top: 40px;
  position: relative;
}

.join-member-head {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .join-member-head {
    max-width: 90%;
  }
}

@media only screen and (min-width: 1200px) {
  .join-member-head {
    max-width: 75%;
  }
}

.join__details {
  background-color: #FAFAFA;
  padding: 15px;
  margin-bottom: 20px;
}

.join__details p::before {
  position: relative;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  content: url("../img/icons/tick.svg");
  background-repeat: no-repeat;
}

.join.-alt {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media only screen and (min-width: 768px) {
  .join.-alt {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.join.-alt.-last {
  padding-bottom: 100px;
}

@media only screen and (min-width: 768px) {
  .join.-alt.-last {
    padding-bottom: 200px;
  }
}

.join.-alt .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.join.-alt .join__img {
  height: 360px;
  width: 500px;
  overflow: hidden;
}

.join.-alt .join__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.join.-alt:not(.-odd) .join__content {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media only screen and (min-width: 768px) {
  .join.-alt:not(.-odd) .join__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.join.-alt:not(.-odd) .join__img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media only screen and (min-width: 768px) {
  .join.-alt:not(.-odd) .join__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.join.-alt .join__content {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media only screen and (min-width: 768px) {
  .join.-alt .join__content {
    -ms-flex-preferred-size: 62%;
        flex-basis: 62%;
    max-width: 62%;
  }
}

.join.-alt .join__img {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media only screen and (min-width: 768px) {
  .join.-alt .join__img {
    -ms-flex-preferred-size: 38%;
        flex-basis: 38%;
    max-width: 38%;
  }
}

.join:not(.-nocir).container {
  overflow: visible;
}

.join:not(.-nocir).container::after {
  position: absolute;
  content: "";
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../img/common/circles.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 35px;
  height: 52px;
}

.join__content p {
  font-size: 1.6rem;
}

@media only screen and (min-width: 768px) {
  .join__content p {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1600px) {
  .join__content p {
    font-size: 2rem;
  }
}

.join__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.join__price {
  font-size: 4.5rem;
  font-weight: 700;
  color: #3D3D3D;
}

.join__price span {
  font-size: 2rem;
  color: rgba(83, 80, 103, 0.5);
}

.homebar {
  position: relative;
  margin-top: -8%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.homebar .container {
  overflow: visible;
}

.homebar__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 4px;
  margin: auto;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
}

@media only screen and (min-width: 576px) {
  .homebar__box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 860px;
  }
}

.homebar__box-item {
  width: 100%;
  height: 100%;
  padding: 30px;
  text-align: center;
  background-color: #ffffff;
  border-bottom: 1px solid #d8d8d8;
  -webkit-transition: all ease-in-out 100ms;
  transition: all ease-in-out 100ms;
}

@media only screen and (min-width: 576px) {
  .homebar__box-item {
    margin-top: 30px;
    border-bottom: 0px;
    border-right: 1px solid #d8d8d8;
  }
}

.homebar__box-item:hover {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 576px) {
  .homebar__box-item:hover {
    -webkit-transform: scale(1.04) translateY(-5px);
            transform: scale(1.04) translateY(-5px);
  }
}

.homebar__box-item:last-child {
  border: none;
}

.homebar__box-item:hover .homebar-ttl {
  color: #1e9bee;
}

.homebar-ttl {
  font-size: 1.6rem;
  margin-top: 4px;
  color: #535067;
}

@media only screen and (min-width: 768px) {
  .homebar-ttl {
    font-size: 1.8rem;
  }
}

.page-header__img {
  height: 566px;
}

.page-header__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#activeNavigation {
  border: 2px solid #1e9bee;
  color: #1e9bee;
}

.log-reg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 100vh;
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .log-reg {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.log-reg__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.log-reg__list:first-child a {
  border-radius: 30px 0px 0px 0px;
}

.log-reg__list:last-child a {
  border-radius: 0 0px 30px 0px;
}

.log-reg__link {
  background-color: #FAFAFA;
  color: rgba(83, 80, 103, 0.5);
  font-size: 2.8rem;
  padding: 10px 40px;
  max-width: 283px;
  display: inline-block;
  font-weight: 700;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .log-reg__link {
    padding: 10px 90px;
  }
}

.log-reg__link.is-active {
  background-color: #1e9bee;
  color: #ffffff;
}

.log-reg .left {
  background-image: url(../img/top/bg.jpg);
  background-position: 65%;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.log-reg .left h1, .log-reg .left .primary__heading {
  display: none;
}

@media only screen and (min-width: 768px) {
  .log-reg .left {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 60px;
  }
}

@media only screen and (min-width: 992px) {
  .log-reg .left {
    padding-left: 80px;
  }
  .log-reg .left h1, .log-reg .left .primary__heading {
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  .log-reg .left {
    padding-left: 120px;
  }
}

.log-reg .left .indicator {
  display: none;
}

@media only screen and (min-width: 768px) {
  .log-reg .left .indicator {
    display: block;
  }
}

.log-reg .left:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(340.98deg, rgba(83, 80, 103, 0.896956) 0%, rgba(2, 0, 40, 0.9) 100%);
}

.log-reg .left .logo {
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .log-reg .left .logo {
    margin-bottom: 284px;
  }
}

.log-reg.login .left {
  background-image: url(../img/background/login-bg.jpg);
}

.log-reg.login .left::before {
  background: linear-gradient(224.37deg, rgba(172, 103, 103, 0.6) -0.54%, rgba(44, 38, 88, 0.6) 38.11%);
}

.log-reg .right {
  margin: 60px auto;
  padding: 0 20px;
}

.log-reg .form-group {
  margin-bottom: 30px;
}

.log-reg .info {
  margin-top: 12px;
  font-size: 1.8rem;
  line-height: 1.5;
}

.log-reg .forgot {
  color: #535067;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.log-reg .separator {
  color: rgba(83, 80, 103, 0.5);
  text-align: center;
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px;
}

.log-reg .separator span {
  font-size: 1.8rem;
  background-color: #ffffff;
  text-transform: uppercase;
  padding: 5px 10px;
  position: relative;
  font-weight: 700;
}

.log-reg .separator:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background-color: rgba(83, 80, 103, 0.5);
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.log-reg .form-content {
  max-width: 445px;
  margin: 60px auto;
}

.social-login .social-btn {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.social-login .social-btn img {
  margin-right: 37px;
}

.social-login .social-btn:not(:last-child) {
  margin-bottom: 23px;
}

.social-login .fb {
  background-color: #3B5998;
}

.social-login .ggl {
  background-color: #DB4437;
}

.error,
.invalid-feedback,
.invalid-feedback * {
  color: #ff0000;
  font-size: 1.4rem;
}

.blog-page .container {
  border-bottom: 1px solid #D2D2D2;
}

.blog-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  overflow: auto;
}

@media only screen and (min-width: 768px) {
  .blog-categories {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 992px) {
  .blog-categories {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 53px;
  }
}

.blog-categories__link {
  color: rgba(83, 80, 103, 0.5);
  font-weight: 700;
}

.blog-categories__list {
  background-color: #FAFAFA;
  padding: 9px 25px;
  font-size: 2rem;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media only screen and (min-width: 576px) {
  .blog-categories__list {
    font-size: 2.2rem;
  }
}

@media only screen and (min-width: 768px) {
  .blog-categories__list {
    padding: 9px 50px;
    font-size: 2.5rem;
  }
  .blog-categories__list:first-child {
    border-radius: 30px 0px 0px 0px;
  }
  .blog-categories__list:last-child {
    border-radius: 0px 0px 30px 0px;
  }
}

@media only screen and (min-width: 992px) {
  .blog-categories__list {
    font-size: 2.8rem;
    min-width: 283px;
    padding: 9px 20px;
  }
}

.blog-categories__list.is-active {
  background-color: #535067;
}

.blog-categories__list.is-active .blog-categories__link {
  color: #ffffff;
}

.blog-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  color: rgba(83, 80, 103, 0.5);
  font-size: 2rem;
  margin-bottom: 42px;
}

.blog-pagination__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.blog-pagination__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog-pagination__list {
  margin-left: 15px;
}

.blog-detail {
  padding-bottom: 80px;
}

@media only screen and (min-width: 768px) {
  .blog-detail {
    padding-bottom: 129px;
  }
}

.blog-detail__top {
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-detail__ttl {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .blog-detail__ttl {
    font-size: 3.6rem;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-detail__ttl {
    font-size: 4.5rem;
  }
}

.blog-detail__image {
  height: 400px;
}

@media only screen and (min-width: 768px) {
  .blog-detail__image {
    height: calc(520px + 2vw);
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
  }
}

.blog-detail__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .blog-detail__content {
    margin-left: 50px;
    -ms-flex-preferred-size: calc(52% - 50px);
        flex-basis: calc(52% - 50px);
    max-width: calc(52% - 50px);
  }
}

.blog-detail__container {
  max-width: 890px;
  padding: 0 15px;
  margin: 0 auto;
}

.blog-detail__txt p {
  margin-bottom: 25px;
  color: #535067;
}

.blog-detail__row {
  padding-bottom: 20px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .blog-detail__row {
    padding-bottom: 75px;
    margin-bottom: 50px;
  }
}

.blog-detail h2 {
  font-size: 2.2rem;
}

@media only screen and (min-width: 768px) {
  .blog-detail h2 {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-detail h2 {
    font-size: 2.8rem;
  }
}

.blog-detail h3 {
  font-size: 2rem;
}

@media only screen and (min-width: 768px) {
  .blog-detail h3 {
    font-size: 2.3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-detail h3 {
    font-size: 2.6rem;
  }
}

.blog-detail h4 {
  font-size: 1.9rem;
}

@media only screen and (min-width: 768px) {
  .blog-detail h4 {
    font-size: 2.1rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-detail h4 {
    font-size: 2.4em;
  }
}

.blog-detail h5 {
  font-size: 1.7rem;
}

@media only screen and (min-width: 768px) {
  .blog-detail h5 {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-detail h5 {
    font-size: 2.2rem;
  }
}

.blog-detail__like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 65px;
}

.blog-detail__like .txt {
  color: #1e9bee;
  font-size: 2rem;
}

.blog-detail__icons {
  margin-left: 38px;
  width: auto;
}

.blog-detail__icons img {
  display: inline-block;
}

.blog-detail__icons img:not(:last-child) {
  margin-right: 25px;
}

.blog-detail__form {
  position: relative;
}

.blog-detail__form .form__label {
  color: #535067;
}

.blog-detail__form .form__input {
  height: 50px;
  resize: none;
  padding: 5px 40px 0 10px;
}

.blog-detail__submit {
  position: absolute;
  top: 25px;
  right: 10px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

.blog-detail__comments {
  margin-bottom: 60px;
}

.blog-detail__comments p {
  margin-left: 20px;
}

.blog-detail__comments p:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #D2D2D2;
}

.account-container {
  padding-top: 40px;
  padding-bottom: 55px;
  margin-bottom: 60px;
  border-bottom: 1px solid #D2D2D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (min-width: 768px) {
  .account-container {
    padding-top: 80px;
    padding-bottom: 110px;
  }
}

.account__img {
  text-align: center;
  width: 100%;
}

.account__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 576px) {
  .account__profile {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media only screen and (min-width: 992px) {
  .account__profile {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.account__profile-list:not(:last-child) {
  margin-bottom: 10px;
}

.account__profile-link {
  color: #535067;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .account__profile-link {
    font-size: 2rem;
  }
}

.account__profile-link img {
  margin-right: 15px;
}

.account__ttl {
  font-size: 2.4rem;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .account__ttl {
    font-size: 4.5rem;
  }
}

.account__ttl.-small {
  font-size: 2.2rem;
}

@media only screen and (min-width: 768px) {
  .account__ttl.-small {
    font-size: 2.8rem;
  }
}

.account__detail {
  margin-top: 5px;
  width: 100%;
}

.account__detail .account__ttl {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .account__detail {
    margin-top: 25px;
    margin-left: 50px;
  }
  .account__detail .account__ttl {
    text-align: left;
  }
}

.account__menu {
  background-color: #FAFAFA;
  padding: 20px;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 30px;
}

@media only screen and (min-width: 576px) {
  .account__menu {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media only screen and (min-width: 768px) {
  .account__menu {
    max-width: 345px;
    -ms-flex-preferred-size: 345px;
        flex-basis: 345px;
    padding: 30px 20px 50px;
    margin-top: 0;
  }
}

.account__list:not(:last-child) {
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .account__list:not(:last-child) {
    margin-bottom: 10px;
  }
}

.account__link {
  color: #535067;
  font-size: 2rem;
  line-height: 1.45;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .account__link {
    font-size: 1.8rem;
  }
}

.account__link:hover {
  text-decoration: underline;
}

.account-edit {
  width: 100%;
  padding-bottom: 60px;
}

@media only screen and (min-width: 768px) {
  .account-edit {
    padding-bottom: 0px;
  }
}

@media only screen and (min-width: 992px) {
  .account-edit {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media only screen and (min-width: 1200px) {
  .account-edit {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media only screen and (min-width: 1600px) {
  .account-edit {
    padding-left: 178px;
    padding-right: 178px;
  }
}

.account-edit .columns {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  .account-edit .form-group {
    max-width: 445px;
  }
}

.account-edit .form-group:not(:last-child) {
  margin-bottom: 40px;
}

.account-edit .form__label {
  color: #535067;
}

.account-submit {
  position: absolute !important;
  bottom: -90px;
  max-width: 100%;
  width: calc(100% - 20px);
}

@media only screen and (min-width: 768px) {
  .account-submit {
    position: relative !important;
    bottom: 0;
    width: 100%;
  }
}

.account-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}

.partner {
  padding-bottom: 100px;
}

@media only screen and (min-width: 768px) {
  .partner {
    padding-bottom: 200px;
  }
}

@media only screen and (min-width: 992px) {
  .partner {
    padding-bottom: 268px;
  }
}

.partner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 68px;
}

.partner__list-right {
  padding-bottom: 20px;
}

.partner__list-right .card {
  height: 100%;
}

.partner .heading__secondary {
  margin-bottom: 5px;
}

.partner__txt {
  color: #000;
  font-size: 2.4rem;
}

.partner__ttl {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
  padding-right: 50px;
}

.partner__ttl img {
  margin-left: 20px;
}

.journey {
  position: relative;
  padding-bottom: 80px;
}

@media only screen and (min-width: 768px) {
  .journey {
    padding-top: 63px;
    padding-bottom: 130px;
  }
}

.journey::before {
  background-image: url(../img/icons/gift.svg);
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  content: '';
  top: -1.5%;
  right: 75%;
  background-size: contain;
}

@media only screen and (min-width: 768px) {
  .journey::before {
    top: -2%;
    right: 6%;
    width: 200px;
    height: 200px;
  }
}

@media only screen and (min-width: 992px) {
  .journey::before {
    top: -3%;
    width: 273px;
    height: 273px;
  }
}

.journey__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: visible;
}

@media only screen and (min-width: 768px) {
  .journey__container::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 78.74%;
    background-color: #1e9bee;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -5%;
    left: 50%;
  }
}

@media only screen and (min-width: 992px) {
  .journey__container::before {
    height: 83.1%;
    top: -13%;
  }
}

.journey__container > div {
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .journey__container > div {
    margin-bottom: 0;
  }
  .journey__container > div:nth-child(3) {
    margin-top: 90px;
  }
  .journey__container > div:last-child {
    margin-top: -14%;
  }
}

.journey__ttl {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .journey__ttl::before {
    position: absolute;
    content: '';
    top: -12vw;
    right: -8.7%;
    background-image: url(../img/icons/arrow-tleft.svg);
    background-repeat: no-repeat;
    width: 98px;
    height: 90px;
  }
}

@media only screen and (min-width: 992px) {
  .journey__ttl::before {
    top: -6vw;
    right: -8.7%;
  }
}

.journey__txt {
  text-align: justify;
  color: #3D3D3D;
  line-height: 1.475;
  font-size: 1.7rem;
}

@media only screen and (min-width: 768px) {
  .journey__txt {
    font-size: 2rem;
  }
}

.journey__txt:not(:last-child) {
  margin-bottom: 20px;
}

.journey__left, .journey__right {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media only screen and (min-width: 768px) {
  .journey__left, .journey__right {
    max-width: 46%;
    -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
  }
  .journey__left:not(:last-child), .journey__right:not(:last-child) {
    margin-bottom: 100px;
  }
  .journey__left:nth-child(2), .journey__right:nth-child(2) {
    margin-top: 200px;
  }
}

.journey__left .journey__ttl {
  display: block;
}

@media only screen and (min-width: 768px) {
  .journey__left .journey__ttl {
    text-align: right;
  }
}

@media only screen and (min-width: 768px) {
  .journey__right .journey__ttl::before {
    top: -12vw;
    background-image: url(../img/icons/arrow-tright.svg);
    width: 120px;
    height: 82px;
    left: -8.9%;
  }
}

@media only screen and (min-width: 992px) {
  .journey__right .journey__ttl::before {
    top: -6vw;
    left: -8.9%;
  }
  .journey__right .journey__ttl::before {
    top: -6vw;
    background-image: url(../img/icons/arrow-tright.svg);
    width: 120px;
    height: 82px;
    left: -8.9%;
  }
  .journey__right .journey__ttl.-big::before {
    background-image: url(../img/icons/arrow-tright-big.svg);
    width: 120px;
    height: 115px;
  }
}

.order-dtls {
  padding: 45px 0;
}

@media only screen and (min-width: 576px) {
  .order-dtls {
    padding: 45px 0 78px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls {
    padding: 45px 0 112px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls {
    padding: 45px 0 145px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls {
    padding: 45px 0 180px;
  }
}

.order-dtls .hdng-lg {
  line-height: 1.474;
  font-size: 2rem;
  margin-bottom: 25px;
}

@media only screen and (min-width: 576px) {
  .order-dtls .hdng-lg {
    margin-left: 20px;
    font-size: 2.5rem;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls .hdng-lg {
    margin-left: 40px;
    font-size: 3rem;
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls .hdng-lg {
    margin-left: 60px;
    font-size: 3.5rem;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls .hdng-lg {
    margin-left: 70px;
    font-size: 4.5rem;
    margin-bottom: 45px;
  }
}

.order-dtls-ttl {
  font-size: 1.8rem;
  white-space: nowrap;
  background-color: #fff;
}

@media only screen and (min-width: 576px) {
  .order-dtls-ttl {
    margin-top: 5px;
    font-size: 2.1rem;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-ttl {
    margin-top: 10px;
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-ttl {
    margin-top: 15px;
    font-size: 2.6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-ttl {
    font-size: 2.8rem;
  }
}

.order-dtls .order-dtls-container.container {
  max-width: 930px !important;
  margin: 0 auto;
  overflow: visible;
}

@media only screen and (min-width: 1200px) {
  .order-dtls .order-dtls-container.container {
    max-width: 675px !important;
  }
}

@media only screen and (min-width: 1408px) {
  .order-dtls .order-dtls-container.container {
    max-width: 930px !important;
  }
}

@media only screen and (min-width: 1700px) {
  .order-dtls .order-dtls-container.container {
    max-width: 1220px !important;
  }
}

.order-dtls .container.-dtls {
  overflow: visible;
}

.order-dtls__delivery-option.delivery-opt {
  background-color: #fafafa;
  padding: 20px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}

@media only screen and (min-width: 576px) {
  .order-dtls__delivery-option.delivery-opt {
    padding: 25px 20px 15px;
    margin-bottom: 55px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls__delivery-option.delivery-opt {
    padding: 30px 25px 15px;
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls__delivery-option.delivery-opt {
    padding: 35px 30px 15px;
    margin-bottom: 85px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls__delivery-option.delivery-opt {
    padding: 35px 10px 25px;
    margin-bottom: 100px;
  }
}

@media only screen and (min-width: 1408px) {
  .order-dtls__delivery-option.delivery-opt {
    padding: 35px 35px 25px;
    margin-bottom: 100px;
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__box {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(50% - 20px);
          flex: 1 0 calc(50% - 20px);
  max-width: calc(50% - 20px);
  margin: 0 10px 20px;
}

@media only screen and (min-width: 576px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__box {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 40px);
            flex: 1 0 calc(50% - 40px);
    max-width: calc(50% - 40px);
    margin: 0 20px 20px;
  }
}

@media only screen and (min-width: 1408px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__box {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 300px;
            flex: 1 0 300px;
    max-width: 300px;
    margin: 0 35px 20px;
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__radio {
  position: absolute;
  width: 100%;
  cursor: pointer;
  height: 100%;
  opacity: 0;
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__radio:checked + .delivery-opt__ctnt {
  -webkit-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
  border: 1px solid #1968b3;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}

@media only screen and (min-width: 1200px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__radio:checked + .delivery-opt__ctnt {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__radio:checked + .delivery-opt__ctnt:before {
  opacity: 1;
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt {
  position: relative;
  padding: 10px;
  background-color: #fff;
  width: 100%;
  border-radius: 5px;
  color: #3d3d3d;
  position: relative;
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 0px 10px transparent;
          box-shadow: 0px 0px 10px transparent;
  -webkit-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
  pointer-events: none;
}

@media only screen and (min-width: 576px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt {
    padding: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt {
    padding: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt {
    padding: 25px 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt {
    padding: 30px 20px;
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt:before {
  content: "";
  position: absolute;
  left: -15px;
  background: #93c840;
  border: 1px solid rgba(0, 127, 199, 0.5);
  border-radius: 2px;
  width: 10px;
  height: 10px;
  -webkit-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
  opacity: 0;
  top: 5px;
}

@media only screen and (min-width: 576px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt:before {
    top: 15px;
    left: -25px;
    width: 12px;
    height: 12px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt:before {
    top: 20px;
    left: -30px;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(0, 127, 199, 0.5);
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt:before {
    top: 30px;
    left: -35px;
    width: 18px;
    height: 18px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt:before {
    top: 30px;
    left: -25px;
    width: 18px;
    height: 18px;
  }
}

@media only screen and (min-width: 1408px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt:before {
    top: 35px;
    left: -40px;
    width: 21px;
    height: 21px;
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt:hover {
  -webkit-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
  border: 1px solid #1968b3;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__ctnt:hover:before {
  -webkit-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
  opacity: 1;
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 1200px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__header {
    margin-bottom: 10px;
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__header img {
  width: 15px;
}

@media only screen and (min-width: 768px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__header img {
    width: 25px;
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__ttl {
  margin-right: 15px;
  font-size: 1.2rem;
  line-height: 1.474;
}

@media only screen and (min-width: 576px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ttl {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ttl {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ttl {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__ttl {
    font-size: 2rem;
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__txt {
  font-size: 1.2rem;
  margin-bottom: 5px;
  font-family: "Circe Light";
}

@media only screen and (min-width: 576px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__txt {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__txt {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__txt {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__txt {
    font-size: 2rem;
    margin-bottom: 25px;
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__price {
  font-size: 1.6rem;
}

@media only screen and (min-width: 576px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__price {
    font-size: 1.9rem;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__price {
    font-size: 2.2rem;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__price {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls__delivery-option.delivery-opt .delivery-opt__price {
    font-size: 2.8rem;
  }
}

.order-dtls__delivery-option.delivery-opt .delivery-opt__price-num {
  font-family: "Circe Bold";
}

.order-dtls-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 576px) {
  .order-dtls-rows {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-rows {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-rows {
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-rows {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-rows.-from:before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: -30px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='327' viewBox='0 0 16 327' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29288 326.707C7.6834 327.098 8.31657 327.098 8.70709 326.707L15.0711 320.343C15.4616 319.953 15.4616 319.319 15.0711 318.929C14.6805 318.538 14.0474 318.538 13.6568 318.929L7.99999 324.586L2.34313 318.929C1.95261 318.538 1.31944 318.538 0.928918 318.929C0.538394 319.319 0.538394 319.953 0.928918 320.343L7.29288 326.707ZM7 -4.37114e-08L7 0.993902L9 0.993902L9 4.37114e-08L7 -4.37114e-08ZM7 2.98171L7 4.96951L9 4.96951L9 2.98171L7 2.98171ZM7 6.95732L7 8.94512L9 8.94512L9 6.95732L7 6.95732ZM7 10.9329L7 12.9207L9 12.9207L9 10.9329L7 10.9329ZM7 14.9085L7 16.8963L9 16.8963L9 14.9085L7 14.9085ZM7 18.8841L7 20.8719L9 20.8719L9 18.8841L7 18.8841ZM7 22.8598L7 24.8476L9 24.8476L9 22.8598L7 22.8598ZM7 26.8354L7 28.8232L9 28.8232L9 26.8354L7 26.8354ZM7 30.811L7 32.7988L9 32.7988L9 30.811L7 30.811ZM7 34.7866L7 36.7744L9 36.7744L9 34.7866L7 34.7866ZM7 38.7622L7 40.75L9 40.75L9 38.7622L7 38.7622ZM7 42.7378L7 44.7256L9 44.7256L9 42.7378L7 42.7378ZM7 46.7134L7 48.7012L9 48.7012L9 46.7134L7 46.7134ZM7 50.689L7 52.6768L9 52.6768L9 50.689L7 50.689ZM7 54.6646L7 56.6524L9 56.6524L9 54.6646L7 54.6646ZM7 58.6402L7 60.628L9 60.628L9 58.6402L7 58.6402ZM7 62.6158L7 64.6036L9 64.6036L9 62.6158L7 62.6158ZM7 66.5915L7 68.5793L9 68.5793L9 66.5915L7 66.5915ZM7 70.5671L7 72.5549L9 72.5549L9 70.5671L7 70.5671ZM7 74.5427L7 76.5305L9 76.5305L9 74.5427L7 74.5427ZM7 78.5183L7 80.5061L9 80.5061L9 78.5183L7 78.5183ZM7 82.4939L7 84.4817L9 84.4817L9 82.4939L7 82.4939ZM7 86.4695L7 88.4573L9 88.4573L9 86.4695L7 86.4695ZM7 90.4452L7 92.433L9 92.433L9 90.4452L7 90.4452ZM7 94.4208L7 96.4086L9 96.4086L9 94.4208L7 94.4208ZM7 98.3964L7 100.384L9 100.384L9 98.3964L7 98.3964ZM7 102.372L7 104.36L9 104.36L9 102.372L7 102.372ZM7 106.348L7 108.335L9 108.335L9 106.348L7 106.348ZM7 110.323L7 112.311L9 112.311L9 110.323L7 110.323ZM7 114.299L6.99999 116.287L8.99999 116.287L9 114.299L7 114.299ZM6.99999 118.274L6.99999 120.262L8.99999 120.262L8.99999 118.274L6.99999 118.274ZM6.99999 122.25L6.99999 124.238L8.99999 124.238L8.99999 122.25L6.99999 122.25ZM6.99999 126.226L6.99999 128.214L8.99999 128.214L8.99999 126.226L6.99999 126.226ZM6.99999 130.201L6.99999 132.189L8.99999 132.189L8.99999 130.201L6.99999 130.201ZM6.99999 134.177L6.99999 136.165L8.99999 136.165L8.99999 134.177L6.99999 134.177ZM6.99999 138.153L6.99999 140.14L8.99999 140.14L8.99999 138.153L6.99999 138.153ZM6.99999 142.128L6.99999 144.116L8.99999 144.116L8.99999 142.128L6.99999 142.128ZM6.99999 146.104L6.99999 148.092L8.99999 148.092L8.99999 146.104L6.99999 146.104ZM6.99999 150.079L6.99999 152.067L8.99999 152.067L8.99999 150.079L6.99999 150.079ZM6.99999 154.055L6.99999 156.043L8.99999 156.043L8.99999 154.055L6.99999 154.055ZM6.99999 158.031L6.99999 160.018L8.99999 160.018L8.99999 158.031L6.99999 158.031ZM6.99999 162.006L6.99999 163.994L8.99999 163.994L8.99999 162.006L6.99999 162.006ZM6.99999 165.982L6.99999 167.97L8.99999 167.97L8.99999 165.982L6.99999 165.982ZM6.99999 169.957L6.99999 171.945L8.99999 171.945L8.99999 169.957L6.99999 169.957ZM6.99999 173.933L6.99999 175.921L8.99999 175.921L8.99999 173.933L6.99999 173.933ZM6.99999 177.909L6.99999 179.897L8.99999 179.897L8.99999 177.909L6.99999 177.909ZM6.99999 181.884L6.99999 183.872L8.99999 183.872L8.99999 181.884L6.99999 181.884ZM6.99999 185.86L6.99999 187.848L8.99999 187.848L8.99999 185.86L6.99999 185.86ZM6.99999 189.836L6.99999 191.823L8.99999 191.823L8.99999 189.836L6.99999 189.836ZM6.99999 193.811L6.99999 195.799L8.99999 195.799L8.99999 193.811L6.99999 193.811ZM6.99999 197.787L6.99999 199.775L8.99999 199.775L8.99999 197.787L6.99999 197.787ZM6.99999 201.762L6.99999 203.75L8.99999 203.75L8.99999 201.762L6.99999 201.762ZM6.99999 205.738L6.99999 207.726L8.99999 207.726L8.99999 205.738L6.99999 205.738ZM6.99999 209.714L6.99999 211.701L8.99999 211.701L8.99999 209.714L6.99999 209.714ZM6.99999 213.689L6.99999 215.677L8.99999 215.677L8.99999 213.689L6.99999 213.689ZM6.99999 217.665L6.99999 219.653L8.99999 219.653L8.99999 217.665L6.99999 217.665ZM6.99999 221.64L6.99999 223.628L8.99999 223.628L8.99999 221.64L6.99999 221.64ZM6.99999 225.616L6.99999 227.604L8.99999 227.604L8.99999 225.616L6.99999 225.616ZM6.99999 229.592L6.99999 231.58L8.99999 231.58L8.99999 229.592L6.99999 229.592ZM6.99999 233.567L6.99999 235.555L8.99999 235.555L8.99999 233.567L6.99999 233.567ZM6.99999 237.543L6.99999 239.531L8.99999 239.531L8.99999 237.543L6.99999 237.543ZM6.99999 241.519L6.99999 243.506L8.99999 243.506L8.99999 241.519L6.99999 241.519ZM6.99999 245.494L6.99999 247.482L8.99999 247.482L8.99999 245.494L6.99999 245.494ZM6.99999 249.47L6.99999 251.458L8.99999 251.458L8.99999 249.47L6.99999 249.47ZM6.99999 253.445L6.99999 255.433L8.99999 255.433L8.99999 253.445L6.99999 253.445ZM6.99999 257.421L6.99999 259.409L8.99999 259.409L8.99999 257.421L6.99999 257.421ZM6.99999 261.397L6.99999 263.384L8.99999 263.384L8.99999 261.397L6.99999 261.397ZM6.99999 265.372L6.99999 267.36L8.99999 267.36L8.99999 265.372L6.99999 265.372ZM6.99999 269.348L6.99999 271.336L8.99999 271.336L8.99999 269.348L6.99999 269.348ZM6.99999 273.323L6.99999 275.311L8.99999 275.311L8.99999 273.323L6.99999 273.323ZM6.99999 277.299L6.99999 279.287L8.99999 279.287L8.99999 277.299L6.99999 277.299ZM6.99999 281.275L6.99999 283.262L8.99999 283.262L8.99999 281.275L6.99999 281.275ZM6.99999 285.25L6.99999 287.238L8.99999 287.238L8.99999 285.25L6.99999 285.25ZM6.99999 289.226L6.99999 291.214L8.99999 291.214L8.99999 289.226L6.99999 289.226ZM6.99999 293.201L6.99999 295.189L8.99999 295.189L8.99999 293.201L6.99999 293.201ZM6.99999 297.177L6.99999 299.165L8.99999 299.165L8.99999 297.177L6.99999 297.177ZM6.99999 301.152L6.99999 303.14L8.99999 303.14L8.99999 301.152L6.99999 301.152ZM6.99999 305.128L6.99999 307.116L8.99999 307.116L8.99999 305.128L6.99999 305.128ZM6.99999 309.104L6.99999 311.091L8.99999 311.091L8.99999 309.104L6.99999 309.104ZM6.99999 313.079L6.99999 315.067L8.99999 315.067L8.99999 313.079L6.99999 313.079ZM6.99999 317.055L6.99999 319.043L8.99999 319.043L8.99999 317.055L6.99999 317.055ZM6.99999 321.03L6.99999 323.018L8.99999 323.018L8.99999 321.03L6.99999 321.03ZM6.99999 325.006L6.99999 326L8.99999 326L8.99999 325.006L6.99999 325.006Z' fill='%23535067' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    width: 16px;
    background-size: 100%;
    background-repeat: no-repeat;
    left: -45px;
  }
}

.order-dtls-rows.-paydtl .order-dtls-box {
  padding: 30px 10px;
}

@media only screen and (max-width: 1407px) {
  .order-dtls-rows.-paydtl .order-dtls-box .order-dtls__delivery-option.delivery-opt {
    padding: 0;
  }
}

.order-dtls-rows.-paydtl .order-dtls-box .order-dtls__delivery-option.delivery-opt .delivery-opt__ttl {
  margin-right: 0;
}

.order-dtls-rows.-paydtl .order-dtls-box .order-dtls__delivery-option.delivery-opt .delivery-opt__box {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-width: 100%;
}

.order-dtls-col.-lft {
  margin-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
  .order-dtls-col.-lft {
    margin-bottom: 0;
    position: absolute;
    right: calc(100% + 30px);
  }
}

.order-dtls-col.-rgt {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  width: 100%;
}

.order-dtls-box {
  background: #fafafa;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 30px;
}

@media only screen and (min-width: 576px) {
  .order-dtls-box {
    padding: 30px 45px 30px 40px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-box {
    padding: 30px 55px 30px 45px;
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-box {
    padding: 30px 65px 30px 50px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-box {
    padding: 30px 25px 30px 35px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  }
}

@media only screen and (min-width: 1408px) {
  .order-dtls-box {
    padding: 30px 105px 30px 70px;
  }
}

.order-dtls-box.-quotebox {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #e0e0e0;
  padding: 30px 20px;
  background: white;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.order-dtls-box.-quotebox:hover {
  -webkit-box-shadow: 1px 8px 18px 0px rgba(0, 0, 0, 0.075);
          box-shadow: 1px 8px 18px 0px rgba(0, 0, 0, 0.075);
}

.order-dtls-box.-quotebox .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.order-dtls-box.-quotebox .-inputbox {
  -webkit-box-flex: 0.8;
      -ms-flex: 0.8;
          flex: 0.8;
}

.order-dtls-box.-quotebox .form__input {
  width: 100%;
  min-width: 180px;
}

@media only screen and (min-width: 576px) {
  .order-dtls-box.-quotebox {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-box.-quotebox {
    padding: 40px 30px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-box.-quotebox {
    padding: 60px 50px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-box.-quotebox {
    padding: 80px 60px;
  }
}

.order-dtls .form-group.-quoteinput {
  -webkit-box-flex: 0.8;
      -ms-flex: 0.8;
          flex: 0.8;
}

.order-dtls .form-group.-quotebutton {
  width: 330px;
}

@media only screen and (min-width: 768px) {
  .order-dtls .form-group {
    max-width: 445px;
  }
}

.order-dtls .form-group textarea {
  resize: none;
}

.order-dtls .form-group .form__label {
  color: #535067;
}

.order-dtls .form-group .control {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.order-dtls .form-group .control > * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

.order-dtls .form-group.-fragile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-dtls .form-group.-fragile .form__label {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  font-size: 1.6rem;
  margin-right: 10px;
}

@media only screen and (min-width: 1200px) {
  .order-dtls .form-group.-fragile .form__label {
    -ms-flex-preferred-size: 34%;
        flex-basis: 34%;
    max-width: 34%;
  }
}

@media only screen and (min-width: 1700px) {
  .order-dtls .form-group.-fragile .form__label {
    font-size: 1.8rem;
  }
}

.order-dtls .form__submit.-select-adr {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}

.order-dtls-coupon {
  padding-bottom: 22px;
}

@media only screen and (min-width: 576px) {
  .order-dtls-coupon {
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-coupon {
    padding-bottom: 55px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-coupon {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-coupon {
    padding-bottom: 88px;
  }
}

.order-dtls-coupon__ttl {
  font-size: 1.2rem;
  color: rgba(83, 80, 103, 0.5);
  margin-bottom: 5px;
}

@media only screen and (min-width: 576px) {
  .order-dtls-coupon__ttl {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-coupon__ttl {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-coupon__ttl {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-coupon__ttl {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}

.order-dtls-coupon__ttl strong {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;
}

@media only screen and (min-width: 576px) {
  .order-dtls-coupon__ttl strong {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-coupon__ttl strong {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-coupon__ttl strong {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-coupon__ttl strong {
    font-size: 2rem;
  }
}

.order-dtls-coupon__input {
  background: #fafafa;
  border: 1px solid #d2d2d2;
  font-weight: bold;
  color: rgba(83, 80, 103, 0.5);
  line-height: 1.5;
  padding: 10px;
  border-radius: 2px;
  font-size: 1.2rem;
  margin-bottom: 12px;
}

@media only screen and (min-width: 576px) {
  .order-dtls-coupon__input {
    padding: 12px 13px;
    font-size: 1.4rem;
    margin-right: 12px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-coupon__input {
    padding: 13px 16px;
    border-radius: 5px;
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-coupon__input {
    padding: 14px 19px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-coupon__input {
    padding: 16px 22px;
    font-size: 1.8rem;
  }
}

.order-dtls-coupon__btn {
  width: 100%;
  background: #1968b3;
  color: #fafafa;
  line-height: 1.5;
  font-size: 1.2rem;
  padding: 10px;
  max-width: 180px;
  border-radius: 2px;
}

@media only screen and (min-width: 576px) {
  .order-dtls-coupon__btn {
    font-size: 1.4rem;
    padding: 12px 13px;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-coupon__btn {
    font-size: 1.5rem;
    padding: 13px 16px;
    border-radius: 5px;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-coupon__btn {
    font-size: 1.6rem;
    padding: 14px 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-coupon__btn {
    font-size: 1.8rem;
    padding: 16px 22px;
  }
}

.order-dtls-total {
  border-bottom: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  margin-bottom: 15px;
  padding: 15px 0;
  font-size: 2.5rem;
  line-height: 1.46;
  font-weight: bold;
  color: #535067;
}

@media only screen and (min-width: 576px) {
  .order-dtls-total {
    margin-bottom: 21px;
    padding: 21px 0 19px;
    font-size: 3rem;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-total {
    margin-bottom: 26px;
    padding: 26px 0 23px;
    font-size: 3.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-total {
    margin-bottom: 32px;
    padding: 32px 0 27px;
    font-size: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-total {
    margin-bottom: 38px;
    padding: 38px 0 30px;
    font-size: 4.5rem;
  }
}

.order-dtls-terms {
  font-family: "Circe Light";
  font-weight: 350;
  font-size: 1.2rem;
  line-height: 1.45;
  color: #535067;
}

@media only screen and (min-width: 576px) {
  .order-dtls-terms {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 768px) {
  .order-dtls-terms {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 992px) {
  .order-dtls-terms {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .order-dtls-terms {
    font-size: 2rem;
  }
}

.order-dtls-terms a {
  text-decoration: underline;
}

.adrselect-modal-box {
  padding: 20px;
  background: #ffffff;
}

@media only screen and (min-width: 768px) {
  .adrselect-modal-box {
    position: absolute;
    top: 15px;
    left: 20px;
    right: 20px;
    background: transparent;
    padding: 0;
  }
}

@media only screen and (min-width: 992px) {
  .adrselect-modal-box {
    top: 25px;
    left: 30px;
    right: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .adrselect-modal-box {
    top: 35px;
    left: 40px;
    right: 40px;
  }
}

.adrselect-modal-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .adrselect-modal-row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.adrselect-modal-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 767px) {
  .adrselect-modal-col {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.adrselect-modal-return {
  margin-right: 10px;
  z-index: 9;
}

@media only screen and (min-width: 768px) {
  .adrselect-modal-return {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .adrselect-modal-return {
    margin-right: 20px;
  }
}

.adrselect-modal-return__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.adrselect-modal-return__link img {
  width: 20px;
}

@media only screen and (min-width: 576px) {
  .adrselect-modal-return__link img {
    width: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .adrselect-modal-return__link img {
    width: 38px;
  }
}

@media only screen and (min-width: 992px) {
  .adrselect-modal-return__link img {
    width: 48px;
  }
}

@media only screen and (min-width: 1200px) {
  .adrselect-modal-return__link img {
    width: 58px;
  }
}

.adrselect-modal-form {
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

@media only screen and (max-width: 767px) {
  .adrselect-modal-form {
    max-width: calc(100% - 30px);
    -ms-flex-preferred-size: calc(100% - 30px);
        flex-basis: calc(100% - 30px);
  }
}

.adrselect-modal-form .form-group {
  position: relative;
}

.adrselect-modal-form .form-group:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2993 18.5757L15.7051 13.9814C16.8112 12.509 17.4083 10.7166 17.4062 8.875C17.4062 4.1709 13.5791 0.34375 8.875 0.34375C4.1709 0.34375 0.34375 4.1709 0.34375 8.875C0.34375 13.5791 4.1709 17.4062 8.875 17.4062C10.7166 17.4083 12.509 16.8112 13.9814 15.7051L18.5757 20.2993C18.8082 20.5072 19.1116 20.6182 19.4234 20.6094C19.7352 20.6007 20.0318 20.473 20.2524 20.2524C20.473 20.0318 20.6007 19.7352 20.6094 19.4234C20.6182 19.1116 20.5072 18.8082 20.2993 18.5757ZM2.78125 8.875C2.78125 7.66977 3.13864 6.49161 3.80823 5.48949C4.47782 4.48738 5.42954 3.70633 6.54302 3.24511C7.65651 2.78389 8.88176 2.66321 10.0638 2.89834C11.2459 3.13347 12.3317 3.71384 13.1839 4.56607C14.0362 5.41829 14.6165 6.5041 14.8517 7.68617C15.0868 8.86824 14.9661 10.0935 14.5049 11.207C14.0437 12.3205 13.2626 13.2722 12.2605 13.9418C11.2584 14.6114 10.0802 14.9687 8.875 14.9687C7.25943 14.9668 5.71059 14.3242 4.56821 13.1818C3.42583 12.0394 2.78319 10.4906 2.78125 8.875Z' fill='%23535067'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  z-index: 10;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (min-width: 576px) {
  .adrselect-modal-form .form-group:before {
    left: 12px;
    width: 20px;
    height: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .adrselect-modal-form .form-group:before {
    left: 14px;
    width: 25px;
    height: 25px;
  }
}

@media only screen and (min-width: 992px) {
  .adrselect-modal-form .form-group:before {
    left: 16px;
    width: 30px;
    height: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .adrselect-modal-form .form-group:before {
    left: 18px;
    width: 35px;
    height: 35px;
  }
}

.adrselect-modal-form .form-group .form__input {
  background-color: #fff;
  padding: 5px 5px 5px 34px;
  font-size: 1.4rem;
  position: relative;
  z-index: 9;
}

@media only screen and (min-width: 576px) {
  .adrselect-modal-form .form-group .form__input {
    padding: 10px 10px 10px 43px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .adrselect-modal-form .form-group .form__input {
    font-size: 1.7rem;
    padding: 15px 15px 15px 51px;
    width: 330px;
  }
}

@media only screen and (min-width: 992px) {
  .adrselect-modal-form .form-group .form__input {
    padding: 15px 15px 15px 60px;
    font-size: 1.8rem;
    width: 430px;
  }
}

@media only screen and (min-width: 1200px) {
  .adrselect-modal-form .form-group .form__input {
    width: 530px;
    padding: 20px 20px 20px 68px;
    font-size: 2rem;
  }
}

.adrselect-modal-form .form-group .form__input::-webkit-input-placeholder {
  font-size: 1.4rem;
}

.adrselect-modal-form .form-group .form__input:-ms-input-placeholder {
  font-size: 1.4rem;
}

.adrselect-modal-form .form-group .form__input::-ms-input-placeholder {
  font-size: 1.4rem;
}

.adrselect-modal-form .form-group .form__input::placeholder {
  font-size: 1.4rem;
}

@media only screen and (min-width: 576px) {
  .adrselect-modal-form .form-group .form__input::-webkit-input-placeholder {
    font-size: 1.6rem;
  }
  .adrselect-modal-form .form-group .form__input:-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .adrselect-modal-form .form-group .form__input::-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .adrselect-modal-form .form-group .form__input::placeholder {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .adrselect-modal-form .form-group .form__input::-webkit-input-placeholder {
    font-size: 1.7rem;
  }
  .adrselect-modal-form .form-group .form__input:-ms-input-placeholder {
    font-size: 1.7rem;
  }
  .adrselect-modal-form .form-group .form__input::-ms-input-placeholder {
    font-size: 1.7rem;
  }
  .adrselect-modal-form .form-group .form__input::placeholder {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 992px) {
  .adrselect-modal-form .form-group .form__input::-webkit-input-placeholder {
    font-size: 1.8rem;
  }
  .adrselect-modal-form .form-group .form__input:-ms-input-placeholder {
    font-size: 1.8rem;
  }
  .adrselect-modal-form .form-group .form__input::-ms-input-placeholder {
    font-size: 1.8rem;
  }
  .adrselect-modal-form .form-group .form__input::placeholder {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .adrselect-modal-form .form-group .form__input::-webkit-input-placeholder {
    font-size: 2rem;
  }
  .adrselect-modal-form .form-group .form__input:-ms-input-placeholder {
    font-size: 2rem;
  }
  .adrselect-modal-form .form-group .form__input::-ms-input-placeholder {
    font-size: 2rem;
  }
  .adrselect-modal-form .form-group .form__input::placeholder {
    font-size: 2rem;
  }
}

.adrselect-modal-map iframe {
  height: 100vh;
}

.adrselect-modal-btn {
  max-width: 100%;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .adrselect-modal-btn {
    width: 295px;
    margin: 0;
    -webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.25);
            box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.25);
  }
}

@media only screen and (min-width: 1200px) {
  .adrselect-modal-btn {
    width: 445px;
    -webkit-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
            box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
  }
}

.page-cover {
  position: relative;
  z-index: 1;
  margin-bottom: 75px;
}

@media only screen and (min-width: 1200px) {
  .page-cover {
    margin-bottom: 165px;
  }
}

.page-cover:after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(224.37deg, rgba(172, 103, 103, 0.6) -0.54%, rgba(44, 38, 88, 0.6) 38.11%);
}

.page-cover__img img {
  height: 374px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  display: block;
}

@media only screen and (min-width: 576px) {
  .page-cover__img img {
    height: 400px;
  }
}

@media only screen and (min-width: 768px) {
  .page-cover__img img {
    height: 554px;
  }
}

.page-cover__txt {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

.page-cover__ttl {
  text-align: center;
  font-family: 'Circe Bold';
  color: #fff;
  line-height: 1.47;
  font-size: 3.2rem;
}

@media only screen and (min-width: 576px) {
  .page-cover__ttl {
    font-size: 4.2rem;
  }
}

@media only screen and (min-width: 768px) {
  .page-cover__ttl {
    font-size: 5.2rem;
  }
}

@media only screen and (min-width: 992px) {
  .page-cover__ttl {
    font-size: 6.2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .page-cover__ttl {
    font-size: 7.2rem;
  }
}

.page-cover__ttl.-blue {
  color: #1968B3;
}

.page-cover__sub {
  font-size: 1.2rem;
  line-height: 1.45;
  text-align: center;
  color: #FFFFFF;
}

@media only screen and (min-width: 576px) {
  .page-cover__sub {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .page-cover__sub {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 992px) {
  .page-cover__sub {
    font-size: 2.1rem;
  }
}

@media only screen and (min-width: 1200px) {
  .page-cover__sub {
    font-size: 2.4rem;
  }
}

.page-cover__search {
  position: absolute;
  left: 15px;
  right: 15px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  bottom: 0;
  z-index: 2;
  max-width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 992px) {
  .page-cover__search {
    width: 830px;
  }
}

@media only screen and (min-width: 1200px) {
  .page-cover__search {
    left: 0;
    right: 0;
  }
}

.page-cover__form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .page-cover__form .form-group {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (min-width: 1200px) {
  .page-cover__form .form-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.page-cover__form .form__input {
  width: 100%;
  max-width: 720px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #FAFAFA;
  -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.25);
          box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.25);
  font-size: 1.4rem;
  line-height: 1.45;
  color: rgba(83, 80, 103, 0.5);
  padding: 15px 22px;
  border: none;
}

@media only screen and (min-width: 576px) {
  .page-cover__form .form__input {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .page-cover__form .form__input {
    padding: 20px 22px;
    font-size: 1.7rem;
    -webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.25);
            box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.25);
  }
}

@media only screen and (min-width: 992px) {
  .page-cover__form .form__input {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .page-cover__form .form__input {
    padding: 25px 22px;
    -webkit-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
            box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
    font-size: 2rem;
  }
}

.page-cover__form .form__submit {
  -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.25);
          box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.25);
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  color: #FAFAFA;
  max-width: 90px;
  min-width: 90px;
  margin-left: -16px;
}

@media only screen and (min-width: 576px) {
  .page-cover__form .form__submit {
    font-size: 1.4rem;
    max-width: 115px;
  }
}

@media only screen and (min-width: 768px) {
  .page-cover__form .form__submit {
    margin-left: -32px;
    font-size: 1.5rem;
    -webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.25);
            box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.25);
    max-width: 135px;
  }
}

@media only screen and (min-width: 992px) {
  .page-cover__form .form__submit {
    font-size: 1.6rem;
    max-width: 160px;
  }
}

@media only screen and (min-width: 1200px) {
  .page-cover__form .form__submit {
    max-width: 180px;
    -webkit-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
            box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
    font-size: 1.8rem;
  }
}

.track-pkg {
  margin-bottom: 75px;
}

@media only screen and (min-width: 1200px) {
  .track-pkg {
    margin-bottom: 200px;
  }
}

.track-pkg .container {
  overflow: visible;
}

@media only screen and (min-width: 576px) {
  .track-pkg .container {
    max-width: 540px;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg .container {
    max-width: 720px;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg .container {
    max-width: 930px;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg .container {
    max-width: 1307px !important;
  }
}

.track-pkg-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
  max-width: 720px;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-categories {
    margin-bottom: 100px;
  }
}

.track-pkg-categories__link {
  color: rgba(83, 80, 103, 0.5);
  font-weight: 700;
}

.track-pkg-categories__list {
  background-color: #FAFAFA;
  padding: 9px 20px;
  font-size: 1.8rem;
  text-align: center;
  min-width: 100px;
  -ms-flex-preferred-size: calc(100% / 3);
      flex-basis: calc(100% / 3);
  max-width: calc(100% / 3);
}

@media only screen and (min-width: 1200px) {
  .track-pkg-categories__list {
    font-size: 2.8rem;
    min-width: 283px;
  }
}

.track-pkg-categories__list:first-child {
  border-radius: 20px 0px 0px 0px;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-categories__list:first-child {
    border-radius: 30px 0px 0px 0px;
  }
}

.track-pkg-categories__list:last-child {
  border-radius: 0px 0px 20px 0px;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-categories__list:last-child {
    border-radius: 0px 0px 30px 0px;
  }
}

.track-pkg-categories__list.is-active {
  background-color: #535067;
}

.track-pkg-categories__list.is-active .track-pkg-categories__link {
  color: #ffffff;
}

.track-pkg-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 0 6px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0 6px rgba(0, 0, 0, 0.25);
  margin-bottom: 50px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .track-pkg-row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-row {
    -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.25);
            box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.25);
  }
}

.track-pkg-col.-blue {
  background: #1968B3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 32px;
  border-radius: 5px 5px 0px 0px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .track-pkg-col.-blue {
    border-radius: 5px 0px 0px 5px;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-col.-blue {
    padding: 32px 80px 32px 50px;
  }
}

.track-pkg-col.-gray {
  background: #FAFAFA;
  border-radius: 5px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 768px) {
  .track-pkg-col.-gray {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 50%;
    padding: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-col.-gray {
    padding: 20px 0;
  }
}

.track-pkg-head {
  font-size: 1.4rem;
  font-weight: 350;
  color: #fff;
  font-family: 'Circe Light';
}

.track-pkg-ttl {
  font-size: 1.4rem;
  line-height: 1.45;
  text-align: center;
  color: #FFFFFF;
  font-family: 'Circe Bold';
}

@media only screen and (min-width: 576px) {
  .track-pkg-ttl {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-ttl {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-ttl {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-ttl {
    font-size: 2rem;
  }
}

.track-pkg-txt {
  font-size: 1.2rem;
  color: #FAFAFA;
}

@media only screen and (min-width: 576px) {
  .track-pkg-txt {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-txt {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-txt {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-txt {
    font-size: 1.8rem;
  }
}

.track-pkg-txt.-blue {
  color: #1968B3;
}

.track-pkg-txt.-desc {
  max-width: 375px;
  font-family: 'Circe Light';
}

.track-pkg-num {
  margin-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-num {
    margin-right: 40px;
    margin-bottom: 0;
  }
}

.track-pkg-dtls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-dtls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.track-pkg-dtls:not(:first-child) {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 0.5px solid #D2D2D2;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-dtls:not(:first-child) {
    margin-top: 32px;
    padding-top: 30px;
    border-top: 0.5px solid #D2D2D2;
  }
}

.track-pkg-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #d2d2d2;
  padding-top: 20px;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-lst {
    padding-left: 40px;
    padding-top: 0;
    border-top: 0;
    border-left: 1px solid #d2d2d2;
  }
}

.track-pkg-itm {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  padding: 10px 0;
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-itm {
    text-align: left;
  }
}

.track-pkg-status {
  font-family: 'Circe Bold';
  line-height: 1.45;
  color: #37B34A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  margin-bottom: 15px;
}

@media only screen and (min-width: 576px) {
  .track-pkg-status {
    font-size: 1.7rem;
    margin-bottom: 19px;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-status {
    font-size: 1.8rem;
    margin-bottom: 23px;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-status {
    font-size: 1.9rem;
    margin-bottom: 27px;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-status {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}

.track-pkg-status.-success:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.875C5.51992 1.875 1.875 5.51992 1.875 10C1.875 14.4801 5.51992 18.125 10 18.125C14.4801 18.125 18.125 14.4801 18.125 10C18.125 5.51992 14.4801 1.875 10 1.875ZM11.8824 6.61797L12.8238 7.44062L9.94844 10.7258L9.00703 9.825L11.8824 6.61797ZM7.49727 13.384L4.74102 10.625L5.625 9.74102L8.38164 12.5L7.49727 13.384ZM10.0363 13.4148L7.24805 10.625L8.13242 9.74141L9.97461 11.5855L14.3156 6.61797L15.257 7.44062L10.0363 13.4148Z' fill='%2337B34A'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  margin-left: 5px;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-status.-success:after {
    width: 20px;
    height: 20px;
  }
}

.track-pkg-btn {
  width: 341px;
  -webkit-box-shadow: 0px 0px 5px rgba(83, 80, 103, 0.3);
          box-shadow: 0px 0px 5px rgba(83, 80, 103, 0.3);
  max-width: 100%;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-btn {
    -webkit-box-shadow: -5px 5px 15px rgba(83, 80, 103, 0.3);
            box-shadow: -5px 5px 15px rgba(83, 80, 103, 0.3);
    margin-bottom: 30px;
  }
}

.track-pkg-vudtl {
  line-height: 1.5;
  text-align: center;
  color: rgba(83, 80, 103, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
}

@media only screen and (min-width: 576px) {
  .track-pkg-vudtl {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-vudtl {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-vudtl {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-vudtl {
    font-size: 1.8rem;
  }
}

.track-pkg-vudtl:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53418 7.1875L10.1016 12.8125L15.6691 7.1875' stroke='%23535067' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
}

.track-pkg-desc {
  margin-top: 25px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) {
  .track-pkg-desc {
    margin-top: 75px;
    margin-bottom: 55px;
  }
}

.track-pkg-pricing {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 2.5rem;
  line-height: 1.474;
  font-family: 'Circe Bold';
  text-align: left;
  color: #535067;
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 576px) {
  .track-pkg-pricing {
    font-size: 3rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-pricing {
    font-size: 3.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-pricing {
    font-size: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-pricing {
    font-size: 4.5rem;
  }
}

.track-pkg-pricing.-total {
  font-size: 1.2rem;
  font-family: 'Circe Light';
}

@media only screen and (min-width: 576px) {
  .track-pkg-pricing.-total {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-pricing.-total {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-pricing.-total {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-pricing.-total {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 1599px) {
  .track-pkg-new {
    max-width: 1200px;
    margin: 150px auto 0;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .track-pkg-new {
    max-width: 990px;
  }
}

@media only screen and (max-width: 767px) {
  .track-pkg-new {
    margin-top: 50px;
  }
}

.track-pkg-new__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 992px) {
  .track-pkg-new__col {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    max-width: 55%;
  }
}

@media only screen and (min-width: 1600px) {
  .track-pkg-new__col {
    -ms-flex-preferred-size: 1276px;
        flex-basis: 1276px;
    max-width: 1276px;
  }
}

.track-pkg-new__dtl {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100%;
}

@media only screen and (min-width: 992px) {
  .track-pkg-new__dtl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.track-pkg-new__ctnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 992px) {
  .track-pkg-new__ctnt {
    position: absolute;
    top: -120px;
    left: -30px;
    bottom: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-new__ctnt {
    top: -110px;
    left: -60px;
  }
}

@media only screen and (min-width: 1600px) {
  .track-pkg-new__ctnt {
    top: -50px;
    left: -80px;
  }
}

.track-pkg-new__ttl {
  font-size: 2.5rem;
  font-family: 'Circe Bold';
  line-height: 1.46;
  text-align: center;
  margin-bottom: 15px;
}

@media only screen and (min-width: 576px) {
  .track-pkg-new__ttl {
    font-size: 3rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-new__ttl {
    font-size: 3.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-new__ttl {
    font-size: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-new__ttl {
    font-size: 4.5rem;
  }
}

.track-pkg-new__txt {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 50px;
}

@media only screen and (min-width: 576px) {
  .track-pkg-new__txt {
    font-size: 1.3rem;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-new__txt {
    font-size: 1.4rem;
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-new__txt {
    font-size: 1.6rem;
    margin-bottom: 85px;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-new__txt {
    font-size: 1.8rem;
    margin-bottom: 100px;
  }
}

.track-pkg-new__btn {
  width: 445px;
  max-width: 100%;
}

.track-pkg-modal__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .track-pkg-modal__row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 100vh;
  }
}

.track-pkg-modal__lft {
  background-color: #1968B3;
  padding: 20px;
}

@media only screen and (min-width: 768px) {
  .track-pkg-modal__lft {
    max-width: 52%;
    padding: 30px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 52%;
            flex: 1 0 52%;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-modal__lft {
    max-width: 500px;
    padding: 30px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 42%;
            flex: 1 0 42%;
  }
}

@media only screen and (min-width: 1600px) {
  .track-pkg-modal__lft {
    max-width: 32%;
    padding: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 32%;
            flex: 1 0 32%;
  }
}

.track-pkg-modal__logo {
  margin-bottom: 30px;
}

.track-pkg-modal__logo img {
  -webkit-filter: grayscale(100%) brightness(0) invert(100%);
          filter: grayscale(100%) brightness(0) invert(100%);
}

.track-pkg-modal__rgt {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: inherit;
}

.track-pkg-modal__map {
  height: 100%;
}

.track-pkg-modal__map iframe {
  width: 100%;
  height: 100vh;
}

@media only screen and (min-width: 768px) {
  .track-pkg-modal__map iframe {
    height: 100%;
  }
}

.track-pkg-modal__form {
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .track-pkg-modal__form {
    margin-bottom: 50px;
  }
}

.track-pkg-modal__form .form-group {
  position: relative;
}

.track-pkg-modal__form .form-group:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2993 18.5757L15.7051 13.9814C16.8112 12.509 17.4083 10.7166 17.4062 8.875C17.4062 4.1709 13.5791 0.34375 8.875 0.34375C4.1709 0.34375 0.34375 4.1709 0.34375 8.875C0.34375 13.5791 4.1709 17.4062 8.875 17.4062C10.7166 17.4083 12.509 16.8112 13.9814 15.7051L18.5757 20.2993C18.8082 20.5072 19.1116 20.6182 19.4234 20.6094C19.7352 20.6007 20.0318 20.473 20.2524 20.2524C20.473 20.0318 20.6007 19.7352 20.6094 19.4234C20.6182 19.1116 20.5072 18.8082 20.2993 18.5757ZM2.78125 8.875C2.78125 7.66977 3.13864 6.49161 3.80823 5.48949C4.47782 4.48738 5.42954 3.70633 6.54302 3.24511C7.65651 2.78389 8.88176 2.66321 10.0638 2.89834C11.2459 3.13347 12.3317 3.71384 13.1839 4.56607C14.0362 5.41829 14.6165 6.5041 14.8517 7.68617C15.0868 8.86824 14.9661 10.0935 14.5049 11.207C14.0437 12.3205 13.2626 13.2722 12.2605 13.9418C11.2584 14.6114 10.0802 14.9687 8.875 14.9687C7.25943 14.9668 5.71059 14.3242 4.56821 13.1818C3.42583 12.0394 2.78319 10.4906 2.78125 8.875Z' fill='%23535067'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (min-width: 576px) {
  .track-pkg-modal__form .form-group:before {
    left: 12px;
    width: 20px;
    height: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-modal__form .form-group:before {
    left: 14px;
    width: 25px;
    height: 25px;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-modal__form .form-group:before {
    left: 16px;
    width: 30px;
    height: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-modal__form .form-group:before {
    left: 18px;
    width: 35px;
    height: 35px;
  }
}

.track-pkg-modal__form .form-group .form__input {
  background-color: #fff;
  padding: 5px 5px 5px 34px;
  font-size: 1.4rem;
}

@media only screen and (min-width: 576px) {
  .track-pkg-modal__form .form-group .form__input {
    padding: 10px 10px 10px 43px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-modal__form .form-group .form__input {
    font-size: 1.7rem;
    padding: 15px 15px 15px 51px;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-modal__form .form-group .form__input {
    padding: 15px 15px 15px 60px;
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-modal__form .form-group .form__input {
    padding: 20px 20px 20px 68px;
    font-size: 2rem;
  }
}

.track-pkg-modal__form .form-group .form__input::-webkit-input-placeholder {
  font-size: 1.4rem;
}

.track-pkg-modal__form .form-group .form__input:-ms-input-placeholder {
  font-size: 1.4rem;
}

.track-pkg-modal__form .form-group .form__input::-ms-input-placeholder {
  font-size: 1.4rem;
}

.track-pkg-modal__form .form-group .form__input::placeholder {
  font-size: 1.4rem;
}

@media only screen and (min-width: 576px) {
  .track-pkg-modal__form .form-group .form__input::-webkit-input-placeholder {
    font-size: 1.6rem;
  }
  .track-pkg-modal__form .form-group .form__input:-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .track-pkg-modal__form .form-group .form__input::-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .track-pkg-modal__form .form-group .form__input::placeholder {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-modal__form .form-group .form__input::-webkit-input-placeholder {
    font-size: 1.7rem;
  }
  .track-pkg-modal__form .form-group .form__input:-ms-input-placeholder {
    font-size: 1.7rem;
  }
  .track-pkg-modal__form .form-group .form__input::-ms-input-placeholder {
    font-size: 1.7rem;
  }
  .track-pkg-modal__form .form-group .form__input::placeholder {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-modal__form .form-group .form__input::-webkit-input-placeholder {
    font-size: 1.8rem;
  }
  .track-pkg-modal__form .form-group .form__input:-ms-input-placeholder {
    font-size: 1.8rem;
  }
  .track-pkg-modal__form .form-group .form__input::-ms-input-placeholder {
    font-size: 1.8rem;
  }
  .track-pkg-modal__form .form-group .form__input::placeholder {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-modal__form .form-group .form__input::-webkit-input-placeholder {
    font-size: 2rem;
  }
  .track-pkg-modal__form .form-group .form__input:-ms-input-placeholder {
    font-size: 2rem;
  }
  .track-pkg-modal__form .form-group .form__input::-ms-input-placeholder {
    font-size: 2rem;
  }
  .track-pkg-modal__form .form-group .form__input::placeholder {
    font-size: 2rem;
  }
}

.track-pkg-dstatus {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .track-pkg-dstatus {
    padding: 30px;
    margin-bottom: 35px;
  }
}

.track-pkg-dstatus__txt {
  font-size: 1.4rem;
  line-height: 1.49;
  margin-bottom: 10px;
}

@media only screen and (min-width: 576px) {
  .track-pkg-dstatus__txt {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-dstatus__txt {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-dstatus__txt {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-dstatus__txt {
    font-size: 2rem;
  }
}

.track-pkg-dstatus__txt.-bold {
  font-family: 'Circe Bold';
}

.track-pkg-dstatus__txt.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.track-pkg-dstatus__txt.-flex > * {
  padding-right: 2px;
  margin-bottom: 0;
}

.track-pkg-dstatus__txt.-red {
  color: #E96B61;
}

.track-pkg-process {
  position: relative;
  padding: 20px 0;
  margin-top: 44px;
}

.track-pkg-process:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  left: 6px;
  background-color: rgba(83, 80, 103, 0.5);
}

@media only screen and (min-width: 768px) {
  .track-pkg-process:before {
    left: 9px;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-process:before {
    left: 12px;
  }
}

.track-pkg-process__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.track-pkg-process__ttl img {
  margin-right: 13px;
}

.track-pkg-process__txt {
  font-size: 1.4rem;
  line-height: 1.49;
  color: #D2D2D2;
}

@media only screen and (min-width: 576px) {
  .track-pkg-process__txt {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-process__txt {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-process__txt {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-process__txt {
    font-size: 2rem;
  }
}

.track-pkg-process__at {
  padding-left: 20px;
  position: relative;
}

.track-pkg-process__at:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .track-pkg-process__at {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-process__at {
    padding-left: 40px;
  }
}

.track-pkg-process__at:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  background-color: #d2d2d2;
}

@media only screen and (min-width: 768px) {
  .track-pkg-process__at:before {
    width: 15px;
    height: 15px;
    border: 2px solid #d2d2d2;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-process__at:before {
    width: 25px;
    height: 25px;
    border: 3px solid #d2d2d2;
  }
}

.track-pkg-process__at.-complete:before {
  background-color: #93C840;
  border-color: #93C840;
}

.track-pkg-process__at.-complete .track-pkg-process__txt {
  color: #535067;
}

.track-pkg-process__at.-complete .track-pkg-process__dtl .track-pkg-process__txt {
  color: #53506780;
}

.track-pkg-process__at.-continue::before {
  background-color: #fff;
  border-color: #E96B61;
}

.track-pkg-process__at.-continue .track-pkg-process__txt {
  color: #E96B61;
}

.track-pkg-process__dtl .track-pkg-process__txt {
  color: #53506780;
}

.track-pkg-help {
  border-top: 0.5px solid #D2D2D2;
  padding-top: 15px;
}

@media only screen and (min-width: 768px) {
  .track-pkg-help {
    padding-top: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-help {
    padding-top: 35px;
  }
}

.track-pkg-help__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #fff;
  font-family: 'Circe Bold';
  text-transform: capitalize;
  margin-bottom: 5px;
}

@media only screen and (min-width: 576px) {
  .track-pkg-help__txt {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 768px) {
  .track-pkg-help__txt {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) {
  .track-pkg-help__txt {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .track-pkg-help__txt {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
}

.track-pkg-help__txt img {
  margin-right: 10px;
}

.track-pkg-help__txt > * {
  color: #fff;
}

.quote-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  .quote-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.quote-box {
  background-color: #FAFAFA;
  border-radius: 5px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  max-height: 0;
  overflow: hidden;
  -webkit-transition: margin 0.3s ease-in-out,
 padding 0.3s ease-in-out, max-height 0.3s 0.15s ease-in-out, -webkit-transform 0.3s 0.15s ease-in-out;
  transition: margin 0.3s ease-in-out,
 padding 0.3s ease-in-out, max-height 0.3s 0.15s ease-in-out, -webkit-transform 0.3s 0.15s ease-in-out;
  transition: transform 0.3s 0.15s ease-in-out, margin 0.3s ease-in-out,
 padding 0.3s ease-in-out, max-height 0.3s 0.15s ease-in-out;
  transition: transform 0.3s 0.15s ease-in-out, margin 0.3s ease-in-out,
 padding 0.3s ease-in-out, max-height 0.3s 0.15s ease-in-out, -webkit-transform 0.3s 0.15s ease-in-out;
  -webkit-transform-origin: top;
          transform-origin: top;
  background: #f1f9fe;
  border: 1px solid #d8effc;
}

.quote-box.active {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  max-height: 500px;
  margin-top: 30px;
  -webkit-transition: margin 0.3s 0.15s ease-in-out, padding 0.3s 0.15s ease-in-out,
 max-height 0.3s ease-in-out,
 -webkit-transform 0.3s ease-in-out;
  transition: margin 0.3s 0.15s ease-in-out, padding 0.3s 0.15s ease-in-out,
 max-height 0.3s ease-in-out,
 -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out,
 margin 0.3s 0.15s ease-in-out, padding 0.3s 0.15s ease-in-out,
 max-height 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out,
 margin 0.3s 0.15s ease-in-out, padding 0.3s 0.15s ease-in-out,
 max-height 0.3s ease-in-out,
 -webkit-transform 0.3s ease-in-out;
  padding: 25px;
}

@media only screen and (min-width: 576px) {
  .quote-box.active {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 768px) {
  .quote-box.active {
    margin-top: 40px;
    padding: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .quote-box.active {
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1200px) {
  .quote-box.active {
    margin-top: 50px;
    padding: 25px;
  }
}

.quote-box .order-dtls-ttl {
  color: #1e9bee;
  background-color: transparent;
  margin: 0 0 20px;
}

.quote-date {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
  padding: 10px;
  max-width: 250px;
}

@media only screen and (min-width: 768px) {
  .quote-date {
    padding: 15px 20px;
    max-width: 30%;
  }
}

.quote-date-txt {
  font-size: 1.2rem;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .quote-date-txt {
    font-size: 1.3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .quote-date-txt {
    font-size: 1.4rem;
  }
}

.quote-date-num {
  font-size: 1.6rem;
  font-weight: bold;
}

@media only screen and (min-width: 576px) {
  .quote-date-num {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .quote-date-num {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .quote-date-num {
    font-size: 2.2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .quote-date-num {
    font-size: 2.4rem;
  }
}

.quote-icon {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
}

.quote-end {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .quote-end {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    text-align: left;
  }
}

.quote-price {
  font-weight: bold;
  text-align: center;
  font-size: 3.2rem;
}

@media only screen and (min-width: 768px) {
  .quote-price {
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 1200px) {
  .quote-price {
    font-size: 4.4rem;
  }
}

.btn {
  text-decoration: none;
  padding: 0;
  padding: 10px 13px;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  display: inline-block;
  line-height: 1.2;
  min-width: 180px;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .btn {
    font-size: 1.7rem;
    padding: 12px 16px;
  }
}

@media only screen and (min-width: 1600px) {
  .btn {
    padding: 16px;
    font-size: 1.8rem;
  }
}

.btn-primary {
  background-color: #1e9bee;
  color: #ffffff;
  border-color: #1e9bee;
}

.btn-primary:hover {
  color: #FAFAFA;
}

.btn-outline {
  background-color: #ffffff;
  color: #1e9bee;
  outline: 2px solid #1e9bee;
}

.btn-outline:hover {
  background-color: #1e9bee;
}

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .btn-group {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.btn-group .btn-gray {
  min-width: auto;
  padding: 10px 5px;
  max-width: calc(50% - 3px);
  -ms-flex-preferred-size: calc(50% - 3px);
      flex-basis: calc(50% - 3px);
}

@media only screen and (min-width: 768px) {
  .btn-group .btn-gray {
    max-width: auto;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: 180px;
    padding: 10px 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .btn-group .btn-gray {
    padding: 13px 17px;
  }
}

.btn.-full {
  width: 100%;
}

.btn.-radius {
  border-radius: 5px;
}

.btn.-big {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

@media only screen and (min-width: 768px) {
  .btn.-big {
    padding-left: 3em;
    padding-right: 3em;
  }
}

@media only screen and (min-width: 992px) {
  .btn.-big {
    padding-left: 5em;
    padding-right: 5em;
  }
}

@media only screen and (min-width: 1600px) {
  .btn.-big {
    padding-left: 6em;
    padding-right: 6em;
  }
}

.btn.-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1968B3), to(rgba(25, 104, 179, 0.69)));
  background: linear-gradient(180deg, #1968B3 0%, rgba(25, 104, 179, 0.69) 100%);
}

.btn-gray {
  border: 2px solid #3D3D3D;
  color: #3D3D3D;
  font-size: 1.6rem;
  font-weight: 400;
  border-radius: 5px;
  padding: 13px 17px;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) {
  .btn-gray {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1600px) {
  .btn-gray {
    font-size: 2rem;
  }
}

.btn-blank {
  padding: 0;
  font-weight: bold;
  min-width: auto;
  color: #1e9bee;
}

.scroll-to-top {
  position: fixed;
  bottom: 77px;
  right: 15px;
  background: #535067;
  height: 40px;
  width: 40px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  border: none;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(51, 51, 51, 0.7);
          box-shadow: 0px 1px 0px 0px rgba(51, 51, 51, 0.7);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .scroll-to-top:hover {
    background: rgba(83, 80, 103, 0.8);
  }
}

@media only screen and (min-width: 768px) {
  .scroll-to-top {
    height: 50px;
    width: 50px;
    right: 50px;
    bottom: 25px;
  }
}

.scroll-to-top img {
  height: 10px;
  width: 20px;
}

@media only screen and (min-width: 768px) {
  .scroll-to-top img {
    height: 14px;
    width: 22px;
  }
}

.scroll-show {
  bottom: 80px;
}

@media only screen and (min-width: 768px) {
  .scroll-show {
    height: 50px;
    width: 50px;
    right: 50px;
    bottom: 330px;
  }
}

.page-header {
  position: relative;
  margin-bottom: 132px;
  z-index: 2;
}

.page-header__img {
  position: relative;
}

.page-header__img:not(.-nobg)::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(93.4deg, #001a2d 0%, rgba(0, 21, 74, 0.15) 100%);
}

.page-ttl {
  color: #535067;
  font-size: 2.2rem;
  background-color: #ffffff;
  padding: 6px 20px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: -30px;
  left: 50%;
  font-weight: 700;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
          box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .page-ttl {
    padding: 10px 20px;
    font-size: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .page-ttl {
    min-width: 463px;
    font-size: 4.5rem;
  }
}

.page-ttl span {
  color: #1e9bee;
}

.page-ttl.-aboutus {
  position: relative;
  bottom: 0px;
  left: 0px;
  padding: 6px 0px;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  margin: 30px 0px 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .page-ttl.-aboutus {
    font-size: 4rem;
  }
}

input[type="submit"] {
  border: 0;
}

.form {
  position: relative;
}

.form-group {
  position: relative;
  margin-bottom: 20px;
}

.form-group.-icon img {
  position: absolute;
  bottom: 10px;
  right: 0;
}

.form__label {
  font-weight: 700;
  font-size: 1.6rem;
  display: block;
  text-transform: uppercase;
  color: rgba(83, 80, 103, 0.5);
}

.form__input, .form__select {
  border: 0;
  border-bottom: 1px solid #A8A5A5;
  background-color: transparent;
  padding: 10px 2px;
  width: 100%;
  font-size: 2rem;
  color: #535067;
}

.form__input:focus, .form__input:active, .form__select:focus, .form__select:active {
  outline: 0;
}

.form-subscribe .form__label {
  color: #A8A5A5;
}

.form-subscribe .form__input {
  border-bottom: 1px solid #A8A5A5;
  width: 100%;
  color: #ffffff;
  padding-right: 110px;
}

.form-subscribe .input__submit {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 130px;
}

.form__submit {
  border: 0;
}

.form-search {
  position: relative;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .form-search {
    margin-bottom: 0;
    margin-right: 40px;
  }
}

.form-search .form__input {
  padding-left: 35px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 768px) {
  .form-search .form__input {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1600px) {
  .form-search .form__input {
    font-size: 2rem;
  }
}

.form-search .form__input::-webkit-input-placeholder {
  color: rgba(83, 80, 103, 0.5);
}

.form-search .form__input:-ms-input-placeholder {
  color: rgba(83, 80, 103, 0.5);
}

.form-search .form__input::-ms-input-placeholder {
  color: rgba(83, 80, 103, 0.5);
}

.form-search .form__input::placeholder {
  color: rgba(83, 80, 103, 0.5);
}

.form-search img {
  position: absolute;
  content: '';
  left: 0;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.section-modal {
  position: fixed;
  inset: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.section-modal.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

@media only screen and (max-width: 767px) {
  .section-modal.active {
    overflow: auto;
  }
}

.header {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2.5px 19px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2.5px 19px rgba(0, 0, 0, 0.25);
  padding: 15px 0;
}

@media only screen and (min-width: 768px) {
  .header {
    padding: 30px 0;
  }
}

.header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: visible;
}

.header .btn-group .btn:not(:last-child) {
  margin-right: 5px;
}

@media only screen and (min-width: 576px) {
  .header .btn-group .btn:not(:last-child) {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .header .btn-group .btn:not(:last-child) {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .header .btn-group .btn:not(:last-child) {
    margin-right: 20px;
  }
}

.nav {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  z-index: 999;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .nav {
    display: none;
  }
}

.nav.is-opened {
  max-height: 1000px;
}

.nav__list {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-bottom: 2px solid #1e9bee;
}

.nav__item {
  border-top: 1px solid #1e9bee;
}

.nav__item:not:last-child {
  border-bottom: 1px solid #1e9bee;
}

.nav__link {
  display: block;
  font-weight: 700;
  font-size: 16px;
  padding: 15px 25px 15px 10px;
  color: #000;
  text-decoration: none;
  position: relative;
}

.nav__link:hover {
  text-decoration: none;
  color: #000;
}

.nav__link:after {
  content: "";
  background: url("../img/arrow-right.svg") center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 17px;
  height: 17px;
}

.nav__btn-group {
  padding: 25px 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 575px) {
  .nav__btn-group .btn-mail {
    margin: 10px 0 10px 0px;
  }
}

.nav__btn-group .btn-mail img {
  width: 32px;
}

.nav__btn-group-top, .nav__btn-group-btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav__line-wrapper {
  margin: 0 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav .btn-phone img {
  width: 22px;
  margin-right: 5px;
}

.nav .btn-phone__time {
  font-size: 14px;
  line-height: 1.1;
}

.nav-icon {
  width: 36px;
}

.nav-icon:before, .nav-icon:after,
.nav-icon > span {
  content: "";
  display: block;
  background-color: #1e9bee;
  display: block;
  height: 4px;
  margin: 6px 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.nav-icon.is-opened:before {
  -webkit-transform: translateY(10px) rotate(135deg);
          transform: translateY(10px) rotate(135deg);
}

.nav-icon.is-opened:after {
  -webkit-transform: translateY(-10px) rotate(-135deg);
          transform: translateY(-10px) rotate(-135deg);
}

.nav-icon.is-opened > span {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.menu {
  display: none;
}

.menu.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 56px;
  background: #fff;
  z-index: 2;
  width: 100%;
  padding: 15px;
  left: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.menu.is-active > * {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

.menu-ham {
  position: relative;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

@media only screen and (min-width: 992px) {
  .menu-ham {
    display: none;
  }
}

.menu-ham span {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 1px;
  background-color: #535067;
  text-align: right;
}

.menu-ham::after, .menu-ham::before {
  position: relative;
  content: '';
  display: inline-block;
  right: 0;
  background-color: #535067;
  height: 1px;
}

.menu-ham::after {
  width: 40px;
  top: -10px;
}

.menu-ham::before {
  width: 30px;
  top: 10px;
}

.menu-ham.is-active span {
  opacity: 0;
}

.menu-ham.is-active::before {
  -webkit-transform: translate(0px, -11px) rotate(45deg);
          transform: translate(0px, -11px) rotate(45deg);
  width: 40px;
}

.menu-ham.is-active::after {
  width: 40px;
  -webkit-transform: translate(0px, 7px) rotate(-45deg);
          transform: translate(0px, 7px) rotate(-45deg);
}

.card {
  max-width: 380px;
  background-color: #FAFAFA;
  padding: 20px 25px 25px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .card {
    padding: 25px 30px 30px;
  }
}

@media only screen and (min-width: 1600px) {
  .card {
    padding: 30px 45px 37px;
  }
}

.card::before {
  position: absolute;
  content: '';
  top: 0;
  left: 30px;
  background-color: #1e9bee;
  border-radius: 0 0 5px 5px;
  width: 88px;
  height: 5px;
}

.card.-alt::before {
  top: 62px;
  left: -42px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.card__img {
  margin-bottom: 15px;
}

.card__ttl {
  font-size: 2.2rem;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .card__ttl {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 1600px) {
  .card__ttl {
    font-size: 2.8rem;
  }
}

.card__txt {
  font-size: 1.8rem;
}

@media only screen and (min-width: 768px) {
  .card__txt {
    font-size: 2rem;
  }
}

.delivery__complete {
  text-align: center;
  padding: 25px 20px 55px 20px;
}

@media only screen and (min-width: 768px) {
  .delivery__complete {
    padding: 43px 20px 83px 20px;
  }
}

.delivery__complete h3 {
  color: #1968B3;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.3;
}

@media only screen and (min-width: 768px) {
  .delivery__complete h3 {
    font-size: 4rem;
    line-height: 1.5;
  }
}

@media only screen and (min-width: 1200px) {
  .delivery__complete h3 {
    font-size: 4.8rem;
  }
}

.delivery__complete p {
  color: #F8AD2C;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  margin-top: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .delivery__complete p {
    font-size: 2rem;
    letter-spacing: 1.8;
  }
}

@media only screen and (min-width: 1200px) {
  .delivery__complete p {
    line-height: 3;
    font-size: 2.4rem;
  }
}

.footer {
  background-color: #2D2928;
  color: #ffffff;
  padding: 60px 0 22px;
}

@media only screen and (min-width: 768px) {
  .footer {
    padding: 82px 0 22px;
  }
}

.footer__col {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 20px;
}

.footer__col:last-child {
  margin-top: 20px;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media only screen and (min-width: 576px) {
  .footer__col {
    max-width: calc(100% / 2);
    -ms-flex-preferred-size: calc(100% / 2);
        flex-basis: calc(100% / 2);
  }
}

@media only screen and (min-width: 768px) {
  .footer__col {
    margin-bottom: 0;
    max-width: calc(100% / 3);
    -ms-flex-preferred-size: calc(100% / 3);
        flex-basis: calc(100% / 3);
  }
}

@media only screen and (min-width: 1200px) {
  .footer__col {
    max-width: calc(100% / 4);
    -ms-flex-preferred-size: calc(100% / 4);
        flex-basis: calc(100% / 4);
  }
  .footer__col:last-child {
    margin-top: 0;
    max-width: calc(100% / 4);
    -ms-flex-preferred-size: calc(100% / 4);
        flex-basis: calc(100% / 4);
  }
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 60px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .footer__top {
    padding-bottom: 113px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.footer__top-left {
  width: 100%;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  color: #A8A5A5;
  font-size: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .footer__top-left {
    width: 475px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-preferred-size: 475px;
        flex-basis: 475px;
    margin-right: 4rem;
  }
}

@media only screen and (min-width: 1600px) {
  .footer__top-left {
    margin-right: 10rem;
  }
}

.footer__top-left p {
  font-weight: 300;
  padding-bottom: 37px;
}

.footer__top-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer__ttl {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 17px;
}

.footer__list {
  font-size: 2rem;
}

.footer__list li:not(:last-child) {
  padding-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .footer__list li:not(:last-child) {
    padding-bottom: 10px;
  }
}

.footer__list a {
  color: #A8A5A5;
}

.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 23px;
}

.footer__social li:not(:last-child) {
  margin-right: 20px;
}

.footer__dl a {
  display: inline-block;
}

.footer__dl a:not(:last-child) {
  margin-bottom: 25px;
}

.footer__bottom {
  border-top: 1px solid #A8A5A5;
  padding-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #A8A5A5;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  font-size: 1.6rem;
}

@media only screen and (min-width: 576px) {
  .footer__bottom {
    font-size: 1.8rem;
  }
}

.footer__bottom .copyright {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media only screen and (min-width: 576px) {
  .footer__bottom .copyright {
    font-size: 1.6rem;
    width: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media only screen and (min-width: 768px) {
  .footer__bottom .copyright {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1600px) {
  .footer__bottom .copyright {
    font-size: 2rem;
  }
}

.footer__bottom .location {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media only screen and (min-width: 576px) {
  .footer__bottom .location {
    width: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
/*# sourceMappingURL=app.css.map */