@charset "UTF-8";
/*
Import this file in your plguins

No styles here!
Only variables, mixins

 */
/*
Fonts
===============
*/
/*
Colors
===============
*/
/*
Breakpoints
===============
*/
/*
Containers, margins, paddings
===============
 */
/*
Fonts
===============
 */
/*
Helpers
===============
 */
.Order {
  max-width: 100%;
  overflow: hidden;
  padding-top: 12rem;
}

.Order .icon-ICO_close {
  -webkit-transition: transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.Order .icon-ICO_close:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.Order #blueimp-gallery .close {
  position: absolute;
  right: 5rem;
  top: 5rem;
}

.Order #blueimp-gallery .close:hover {
  cursor: pointer;
}

.Order #blueimp-gallery .close .icon-ICO_close:before {
  color: #e83943;
  font-size: 2rem;
  border-radius: 4px;
}

@media screen and (min-width: 640px) {
  .Order #blueimp-gallery .close .icon-ICO_close:before {
    font-size: 3rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order #blueimp-gallery .close .icon-ICO_close:before {
    font-size: 4rem;
  }
}

.Order .blueimp-gallery .slide-content {
  max-width: 80% !important;
}

.Order #blueimp-gallery .title {
  font-family: "Roboto-Light";
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  top: auto;
  text-align: center;
  color: #ffffff;
  font-size: 1.8rem;
}

.Order__container {
  width: 100%;
  max-width: 154rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media screen and (min-width: 320px) {
  .Order__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media screen and (min-width: 480px) {
  .Order__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media screen and (min-width: 640px) {
  .Order__container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.Order__sectionTitle {
  font-family: "Roboto-Light";
  font-size: 3rem;
  color: #e83943;
  line-height: 120%;
  text-align: center;
  margin-bottom: 4rem;
}

@media screen and (min-width: 850px) {
  .Order__sectionTitle {
    font-size: 3.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__sectionTitle {
    font-size: 4.5rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__sectionTitle {
    font-size: 5.2rem;
  }
}

@media screen and (min-width: 640px) {
  .Order__sectionTitle {
    margin-bottom: 6rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__sectionTitle {
    margin-bottom: 7rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__sectionTitle {
    margin-bottom: 9rem;
  }
}

.Order__variations-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  width: 100%;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 850px) {
  .Order__variations-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}

.Order__variation {
  width: 100%;
}

@media screen and (min-width: 850px) {
  .Order__variation {
    width: 50%;
  }
}

.Order__variation-top {
  position: relative;
  border: solid 2px rgba(232, 57, 67, 0.6);
}

.Order__variation:nth-child(odd) .Order__variation-top {
  border-right: solid 1px rgba(232, 57, 67, 0.6);
  border-radius: 5px;
}

@media screen and (min-width: 850px) {
  .Order__variation:nth-child(odd) .Order__variation-top {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.Order__variation:nth-child(even) .Order__variation-top {
  border-left: solid 1px rgba(232, 57, 67, 0.6);
  border-radius: 5px;
}

@media screen and (min-width: 850px) {
  .Order__variation:nth-child(even) .Order__variation-top {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.Order__preview-picture {
  display: block;
  border-bottom: solid 2px rgba(232, 57, 67, 0.6);
  position: relative;
  margin-bottom: 0;
  padding: 0;
}

.Order__preview-image {
  width: 100%;
}

.Order__icons {
  position: absolute;
  bottom: 2rem;
  right: 3.5rem;
  text-align: center;
}

.Order__icons i {
  display: block;
  margin-bottom: 1.5rem;
  -webkit-transition: transform 0.3s ease-in;
  -o-transition: transform 0.3s ease-in;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

.Order__icons i:before {
  font-size: 3rem;
}

.Order__icons i:hover {
  cursor: pointer;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.Order__description-wrapper {
  width: 100%;
  padding: 4rem 4rem 6rem;
  text-align: center;
  max-width: 72rem;
  margin: 0 auto;
}

@media screen and (min-width: 850px) {
  .Order__description-wrapper {
    padding: 4rem 8rem 6rem;
  }
}

.Order__title {
  font-family: "Roboto";
  font-size: 2rem;
  color: #e83943;
  line-height: 140%;
  margin-bottom: 3rem;
  text-align: center;
}

@media screen and (min-width: 850px) {
  .Order__title {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__title {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__title {
    font-size: 3.2rem;
  }
}

/*
Tabs tab
 */
.Order__tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.Order__tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 9rem;
}

.Order__tab:hover {
  cursor: pointer;
}

.Order__tab--active .Order__tab-picture .Order__tab-image, .Order__tab:hover .Order__tab-picture .Order__tab-image {
  border: solid 2px #e83943;
}

.Order__tab--active .Order__tab-label, .Order__tab:hover .Order__tab-label {
  color: #e83943;
}

.Order__tab--active:hover {
  cursor: auto;
}

.Order__tab-label {
  font-family: "Roboto";
  font-size: 2rem;
  color: #9B9B9B;
  line-height: 140%;
  width: 100%;
  text-align: center;
  margin-top: 0.5rem;
}

@media screen and (min-width: 1441px) {
  .Order__tab-label {
    font-size: 1.7rem;
  }
}

.Order__tab-picture {
  width: 5rem;
  height: 5rem;
  display: inline-block;
}

.Order__tab-image {
  height: 100%;
  border: solid 2px transparent;
  -webkit-transition: border 0.3s ease-in;
  -o-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
  border-radius: 100%;
}

/*
Tabs content
 */
.Order__tab-content-wrapper {
  position: relative;
}

.Order__tab-content--images {
  display: none;
}

.Order__tab-content--images.Order__tab-content--active {
  display: block;
}

.Order__tab-content--description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  padding-top: 2.5rem;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  top: 100%;
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
  position: absolute;
  left: 0;
}

.Order__tab-content--description.Order__tab-content--active {
  opacity: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  -webkit-transition: opacity 0.3s ease-out, top 0s ease-out, transform 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, top 0s ease-out, transform 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out, top 0s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, top 0s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, top 0s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, top 0s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.Order__tab-content-text {
  text-align: center;
  font-family: "Roboto";
  font-size: 2rem;
  color: #4a4a4a;
  line-height: 140%;
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-text {
    font-size: 1.8rem;
  }
}

.Order__tab-content-price {
  font-family: "Roboto-Light";
  font-size: 3rem;
  color: #e83943;
  line-height: 120%;
  display: block;
  text-align: center;
  margin: 2.5rem 0 1rem;
}

@media screen and (min-width: 850px) {
  .Order__tab-content-price {
    font-size: 3.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__tab-content-price {
    font-size: 4.5rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-price {
    font-size: 5.2rem;
  }
}

.Order__tab-content-link {
  color: #e83943;
  display: inline-block;
  text-align: center;
  position: relative;
}

.Order__tab-content-link:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  border: solid 1px #d51924;
}

.Order__tab-content-link:hover {
  cursor: pointer;
}

.Order__tab-content-specification {
  background: -webkit-gradient(linear, right top, left top, from(#F46875), to(#E93C46));
  background: -webkit-linear-gradient(right, #F46875, #E93C46);
  background: -o-linear-gradient(right, #F46875, #E93C46);
  background: linear-gradient(to left, #F46875, #E93C46);
  position: absolute;
  overflow-y: scroll;
  top: 0;
  bottom: 0;
  left: -9999px;
  width: 100%;
  opacity: 0;
  padding: 5rem 3rem;
  text-align: center;
  -webkit-transition: opacity 0.3s ease-in, transform 0.3s ease;
  -o-transition: opacity 0.3s ease-in, transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease-in, transform 0.3s ease;
  transition: opacity 0.3s ease-in, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.Order__tab-content-specification h1,
.Order__tab-content-specification h2,
.Order__tab-content-specification h3,
.Order__tab-content-specification h4,
.Order__tab-content-specification h5,
.Order__tab-content-specification h6 {
  font-family: "Roboto";
  font-size: 2rem;
  color: #ffffff;
  line-height: 140%;
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification h1,
  .Order__tab-content-specification h2,
  .Order__tab-content-specification h3,
  .Order__tab-content-specification h4,
  .Order__tab-content-specification h5,
  .Order__tab-content-specification h6 {
    font-size: 2rem;
  }
}

.Order__tab-content-specification .h1 {
  font-family: "Roboto-Light";
  font-size: 3rem;
  color: #ffffff;
  line-height: 120%;
  margin-bottom: 5.5rem;
}

@media screen and (min-width: 850px) {
  .Order__tab-content-specification .h1 {
    font-size: 3.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__tab-content-specification .h1 {
    font-size: 4.5rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification .h1 {
    font-size: 5.2rem;
  }
}

.Order__tab-content-specification .h2 {
  font-family: "Roboto-Light";
  font-size: 2.2rem;
  color: #ffffff;
  line-height: 130%;
  margin-bottom: 2rem;
}

@media screen and (min-width: 850px) {
  .Order__tab-content-specification .h2 {
    font-size: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__tab-content-specification .h2 {
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification .h2 {
    font-size: 4.5rem;
  }
}

@media screen and (min-width: 640px) {
  .Order__tab-content-specification .h2 {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__tab-content-specification .h2 {
    margin-bottom: 5.5rem;
  }
}

.Order__tab-content-specification .h3 {
  font-family: "Roboto";
  font-size: 2rem;
  color: #ffffff;
  line-height: 140%;
  margin-bottom: 2.5rem;
}

@media screen and (min-width: 850px) {
  .Order__tab-content-specification .h3 {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__tab-content-specification .h3 {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification .h3 {
    font-size: 3.2rem;
  }
}

.Order__tab-content-specification .h4 {
  font-family: "Roboto";
  font-size: 2rem;
  color: #ffffff;
  line-height: 150%;
  margin-bottom: 2rem;
}

@media screen and (min-width: 850px) {
  .Order__tab-content-specification .h4 {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__tab-content-specification .h4 {
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification .h4 {
    font-size: 2.6rem;
  }
}

.Order__tab-content-specification .h5 {
  font-family: "Roboto";
  font-size: 1.8rem;
  color: #ffffff;
  line-height: 160%;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 850px) {
  .Order__tab-content-specification .h5 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__tab-content-specification .h5 {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification .h5 {
    font-size: 2.4rem;
  }
}

.Order__tab-content-specification .h6 {
  font-family: "Roboto";
  font-size: 1.8rem;
  color: #ffffff;
  line-height: 160%;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification .h6 {
    font-size: 2rem;
  }
}

.Order__tab-content-specification a {
  color: #e83943;
}

.Order__tab-content-specification p,
.Order__tab-content-specification blockquote {
  font-family: "Roboto";
  font-size: 2rem;
  color: #ffffff;
  line-height: 140%;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification p,
  .Order__tab-content-specification blockquote {
    font-size: 2rem;
  }
}

.Order__tab-content-specification ul,
.Order__tab-content-specification ol {
  list-style: none;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
  margin-bottom: 5rem;
}

.Order__tab-content-specification ul li,
.Order__tab-content-specification ol li {
  padding-left: 3rem;
}

@media screen and (min-width: 640px) {
  .Order__tab-content-specification ul li,
  .Order__tab-content-specification ol li {
    padding-left: 4rem;
  }
}

.Order__tab-content-specification ul li::before,
.Order__tab-content-specification ol li::before {
  content: "◼";
  font-size: 1.6rem;
  width: 3rem;
  margin-left: -3rem;
  line-height: 1em;
  color: #e83943;
  /* or whatever color you prefer */
  vertical-align: middle;
  display: inline-block;
}

@media screen and (min-width: 640px) {
  .Order__tab-content-specification ul li::before,
  .Order__tab-content-specification ol li::before {
    font-size: 2rem;
    width: 4rem;
    margin-left: -4rem;
  }
}

.Order__tab-content-specification ul ol,
.Order__tab-content-specification ul ul,
.Order__tab-content-specification ol ol,
.Order__tab-content-specification ol ul {
  margin-top: 2.5rem;
}

.Order__tab-content-specification ol {
  counter-reset: item;
}

.Order__tab-content-specification ol li {
  position: relative;
  counter-increment: item;
  margin-left: 30px;
}

.Order__tab-content-specification ol li:before {
  content: counter(item) ". ";
  position: absolute;
  left: -30px;
  margin-right: 15px;
}

.Order__tab-content-specification table {
  width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 10rem 0;
}

.Order__tab-content-specification table td,
.Order__tab-content-specification table th {
  padding: 1.2rem 2.5rem;
  border: solid 1px #EBEBEB;
}

.Order__tab-content-specification table th {
  border-top: 0;
  border-bottom: 0;
}

.Order__tab-content-specification table tr:last-child td {
  border-top: 0;
}

.Order__tab-content-specification table tr td:first-child,
.Order__tab-content-specification table tr th:first-child {
  border-left: 0;
}

.Order__tab-content-specification table tr td:last-child,
.Order__tab-content-specification table tr th:last-child {
  border-right: 0;
}

.Order__tab-content-specification table td {
  font-family: "Roboto";
  font-size: 2rem;
  color: #ffffff;
  line-height: 140%;
  text-align: center;
  font-size: 2rem;
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification table td {
    font-size: 2rem;
  }
}

.Order__tab-content-specification table th {
  font-family: "Roboto";
  font-size: 1.8rem;
  color: #ffffff;
  line-height: 160%;
  background-color: #e83943;
  text-transform: uppercase;
}

@media screen and (min-width: 850px) {
  .Order__tab-content-specification table th {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__tab-content-specification table th {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification table th {
    font-size: 2.4rem;
  }
}

.Order__tab-content-specification thead {
  font-family: "Roboto";
  font-size: 2rem;
  color: #ffffff;
  line-height: 140%;
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification thead {
    font-size: 2rem;
  }
}

.Order__tab-content-specification thead tr {
  border-bottom: 2px solid #e83943;
}

.Order__tab-content-specification tbody {
  font-family: "Roboto";
  font-size: 2rem;
  color: #ffffff;
  line-height: 140%;
}

@media screen and (min-width: 1441px) {
  .Order__tab-content-specification tbody {
    font-size: 2rem;
  }
}

.Order__tab-content-specification tbody tr {
  border-bottom: 1px solid #e83943;
}

.Order__tab-content-specification b,
.Order__tab-content-specification strong {
  font-weight: 600;
}

.Order__tab-content-specification blockquote {
  display: block;
  position: relative;
}

.Order__tab-content-specification blockquote:before {
  content: "“";
  display: inline-block;
  height: 100px;
  position: absolute;
  top: -10px;
  left: -15px;
  padding-top: 60px;
  font-size: 200px;
  z-index: 1;
}

.Order__tab-content-specification blockquote p {
  position: relative;
  z-index: 2;
  font-size: 60px;
  font-style: italic;
  font-weight: 300;
  line-height: 76px;
}

@media screen and (min-width: 640px) {
  .Order__tab-content-specification p + .h3,
  .Order__tab-content-specification p + .h4,
  .Order__tab-content-specification p + .h5,
  .Order__tab-content-specification p + .h6 {
    margin-top: 5rem;
  }
}

.Order__tab-content-specification .btn {
  margin-top: 2.5rem;
}

.Order__tab-content-specification img {
  width: 100% !important;
  height: auto !important;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

@media screen and (min-width: 640px) {
  .Order__tab-content-specification {
    padding: 8rem 6rem;
  }
}

@media screen and (min-width: 850px) {
  .Order__tab-content-specification {
    padding: 10rem 8rem;
  }
}

@media screen and (min-width: 1024px) {
  .Order__tab-content-specification {
    padding: 12rem 10rem;
  }
}

.Order__tab-content-specification.open {
  opacity: 1;
  left: 0;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

.Order__tab-content-specification .icon-ICO_close {
  position: absolute;
  top: 2rem;
  right: 2.5rem;
  font-size: 3rem;
}

.Order__tab-content-specification .icon-ICO_close:hover {
  cursor: pointer;
}

.Order__tab-content-specification table {
  width: 100%;
}

.Order__tab-content-specification table tr {
  border-top: 1px solid #ffffff;
}

.Order__tab-content-specification table tr:last-child {
  border-bottom: 1px solid #ffffff;
}

.Order__tab-content-specification table td {
  padding: 1.2rem 2.5rem;
}

.Order__specification-icon {
  display: block;
  margin-bottom: 5rem;
}

.Order__specification-icon:before {
  font-size: 3rem;
}

/*
Order buttons
 */
.Order__variation-bottom {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4rem 0rem 8rem;
  position: relative;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}

@media screen and (min-width: 850px) {
  .Order__variation-bottom {
    padding: 4rem 0rem 6rem;
  }
}

.Order__button {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: inline-block;
  width: 30rem;
  max-width: 60%;
  white-space: normal;
}

.Order__button--order {
  font-family: "Roboto";
  font-size: 1.7rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#F46875), to(#E93C46));
  background: -webkit-linear-gradient(#F46875, #E93C46);
  background: -o-linear-gradient(#F46875, #E93C46);
  background: linear-gradient(#F46875, #E93C46);
  color: #ffffff;
  line-height: 120%;
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: solid 2px rgba(232, 57, 67, 0.6);
  border-radius: 5px;
  vertical-align: middle;
}

.Order__button--order:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#F46875), to(#E93C46));
  background: -webkit-linear-gradient(#F46875, #E93C46);
  background: -o-linear-gradient(#F46875, #E93C46);
  background: linear-gradient(#F46875, #E93C46);
  color: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}

.Order__button--request {
  font-family: "Roboto";
  font-size: 1.7rem;
  background: #ffffff;
  color: #e83943;
  line-height: 120%;
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: solid 2px rgba(232, 57, 67, 0.6);
  border-radius: 5px;
  vertical-align: middle;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.Order__button--request:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#F46875), to(#E93C46));
  background: -webkit-linear-gradient(#F46875, #E93C46);
  background: -o-linear-gradient(#F46875, #E93C46);
  background: linear-gradient(#F46875, #E93C46);
  color: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}

.Order__button:hover .Order__button-icon:before {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.Order__button-icon::before {
  font-size: 3.7rem;
  color: #ffffff;
  margin-right: 0rem;
  vertical-align: middle;
  padding-bottom: 2px;
  line-height: 100%;
  display: block;
  margin-bottom: 1.5rem;
  -webkit-transition: transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

@media screen and (min-width: 500px) {
  .Order__button-icon::before {
    line-height: 44%;
    margin-right: 3rem;
    display: inline-block;
    margin-bottom: 0rem;
  }
}

/*
Gallery
 */
.Order__gallery {
  display: none;
}

/*
Order
 */
.OrderForm {
  max-width: 100%;
  overflow: hidden;
}

.OrderForm .icon-ICO_close {
  -webkit-transition: transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.OrderForm .icon-ICO_close:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.OrderForm__container {
  width: 100%;
  max-width: 154rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media screen and (min-width: 320px) {
  .OrderForm__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media screen and (min-width: 480px) {
  .OrderForm__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media screen and (min-width: 640px) {
  .OrderForm__container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .OrderForm__container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (min-width: 1441px) {
  .OrderForm__container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

/*
Request
 */
.RequestForm {
  max-width: 100%;
  overflow: hidden;
}

.RequestForm .icon-ICO_close {
  -webkit-transition: transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.RequestForm .icon-ICO_close:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.RequestForm__container {
  width: 100%;
  max-width: 154rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media screen and (min-width: 320px) {
  .RequestForm__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media screen and (min-width: 480px) {
  .RequestForm__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media screen and (min-width: 640px) {
  .RequestForm__container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .RequestForm__container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (min-width: 1441px) {
  .RequestForm__container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.CF7Wrapper {
  position: relative;
  overflow: visible;
}

.OrderTooltip {
  position: fixed;
  overflow: scroll;
  top: -9999px;
  max-width: 99%;
  background-color: #e83943;
  z-index: 50;
  width: 99.99%;
  border-radius: 4px;
  padding: 2.5rem 10rem 5rem 5rem;
  -webkit-transform: translate(-10, 0);
  -ms-transform: translate(-10, 0);
  transform: translate(-10, 0);
  opacity: 0;
  -webkit-transition: transform 0.2s ease-in, opacity 0.2s ease-in;
  -o-transition: transform 0.2s ease-in, opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: opacity 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in, opacity 0.2s ease-in;
  transition: transform 0.2s ease-in, opacity 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.OrderTooltip.open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  right: 0;
  left: 0;
  bottom: 0;
  top: 70px;
}

@media screen and (min-width: 640px) {
  .OrderTooltip {
    overflow: auto;
    position: absolute;
    width: 45%;
    left: auto;
  }
  .OrderTooltip.open {
    top: 50px;
    right: 5.7rem;
    bottom: auto;
    left: auto;
  }
}

@media screen and (min-width: 850px) {
  .OrderTooltip {
    width: 35%;
  }
  .OrderTooltip.open {
    top: 50px;
    right: 5.7rem;
    bottom: auto;
    left: auto;
  }
}

@media screen and (min-width: 1440px) {
  .OrderTooltip {
    width: 33%;
  }
  .OrderTooltip.open {
    top: 50px;
    right: 8.5rem;
    bottom: auto;
    left: auto;
  }
}

.OrderTooltip__text {
  margin-top: 2.5rem;
  font-family: "Roboto-Light";
  font-size: 1.8rem;
  line-height: 120%;
  color: #ffffff;
}

.OrderTooltip__close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 50;
}

.OrderTooltip__close:before {
  font-size: 3rem;
}

.OrderTooltip__close:hover {
  cursor: pointer;
}