/* !Base (Author: mail@jandousek.cz) */

/* Improt */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/*
 Bodies
 ***
*/

html, body {
  min-height: 100%;
}
html {
  background-color: #E4D4C8;
}
body {
  max-width: 1920px;
  min-width: 320px;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  font: 400 17px 'Jost', Helvetica, sans-serif;
  color: #0f2325;
}

/*
  forms
  ***
*/

input, select, textarea, button {
  font: 300 15px 'Jost', Helvetica, sans-serif;
}

/*
  hide empty tags
  ***
*/

p:empty {
  display: none;
}

/*
  color-*
  ***
*/

.color-pink {
  color: #f58bbc !important;
}
.color-blue {
  color: #00b3cd !important;
}
.color-yellow {
  color: #ffc400 !important;
}

/*
  clr-*
  ***
*/

.clr-white {
  color: #fff !important;
}
.clr-yellow {
  color: #ffc400 !important;
}
.clr-purple {
  color: #c5277d !important;
}
.clr-orange {
  color: #fed349 !important;
}
.clr-blue {
  color: #0000FF !important;
}
.clr-green {
  color: #94a84e !important;
}
.clr-orange {
  color: #ffa500 !important;
}
.clr-brown {
  color: #4a2501 !important;
}

/*
  bg-*
  ***
*/

.bg-white {
  background-color: #fff !important;
}
.bg-pink {
  background-color: #f58bbc !important;
}
.bg-lightpink {
  background-color: #F9DAE8 !important;
}
.bg-blue {
  background-color: #0000FF !important;
}
.bg-lightblue {
  background-color: #89CFF0 !important;
}
.bg-yellow {
  background-color: #ffc400 !important;
}
.bg-lightyellow {
  background-color: #FDF4D5 !important;
}
.bg-kork {
  background-color: #e7c09f !important;
}
.bg-orange {
  background-color: #ffa500 !important;
}
.bg-lightorange {
  background-color: #FFD68A !important;
}
.bg-brown {
  background-color: #4a2501 !important;
}
.bg-lightbrown {
  background-color: #E4D4C8 !important;
}

/*
  fill-*
  ***
*/

.fill-white path {
  fill: #fff !important;
}
.fill-pink path {
  fill: #f58bbc !important;
}
.fill-lightpink path {
  fill: #F9DAE8 !important;
}
.fill-blue path {
  fill: #0000FF !important;
}
.fill-lightblue path {
  fill: #89CFF0 !important;
}
.fill-yellow path {
  fill: #ffc400 !important;
}
.fill-lightyellow path {
  fill: #FDF4D5 !important;
}
.fill-orange {
  fill: #ffa500 !important;
}
.fill-lightorange {
  fill: #FFD68A !important;
}
.fill-brown {
  fill: #4a2501 !important;
}
.fill-lightbrown {
  fill: #E4D4C8 !important;
}

/*
  links
  ***
*/

a {
  color: #4a2501;
}

/* actions */

a:hover {
  color: #64411f;
}

/*
  grid
  ***
*/

.grid {
  margin: 0 -30px;
}
.grid-col {
  padding: 0 30px;
  font-size: 17px;
}

/*
  adjust content
  ---
*/


html.page-template-about img.align-none {
  display: block;
  margin: 0 0 -20px 0;
}

/*
  state
  ***
*/

.state {
  display: inline-block;
  font-weight: 500;
}

/*
  type-*
  ---
*/

.state.type-free {
  color: #1dca31;
}
.state.type-almost {
  color: #ff6000;
}
.state.type-full {
  color: #d60202;
}
.state.type-past {
  color: #abb2b3;
}

/*
  adjust uil
  ---
*/

.state .uil {
  position: relative;
  top: -2px;
  vertical-align: middle;
  font-size: 130%;
}

/*
  tag
  ***
*/

.tag {
  transform: rotate(-3deg);
  display: inline-block;
  padding: 10px 18px;
  background-color: #00636d;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}

/*
  is-reversed
  ---
*/

.tag.is-reversed {
  transform: rotate(3deg);
}

/*
  size-*
  ---
*/

@media only screen and (min-width: 751px) {

  .tag.size-large {
    padding: 14px 22px;
    font-size: 24px;
  }

}

/*
  rating
  ***
*/

.rating, .rating:before {
  background: url('../img/rating.svg') repeat-x;
}
.rating {
  width: 94px;
  height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.rating:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: left -20px;
}

/*
  icon
  ---
*/

.rating.icon-check {
  background-position: left -40px;
}
.rating.icon-check:before {
  background-position: left -60px;
}


/*
  rate-*
  ---
*/

.rating.rate-1:before {
  width: 25%;
}
.rating.rate-2:before {
  width: 50%;
}
.rating.rate-3:before {
  width: 75%;
}
.rating.rate-4:before {
  width: 100%;
}

/*
  strict
  ---
*/

.rating.rate-1.strict, .rating.rate-1.strict:before {
  width: 20px;
}
.rating.rate-2.strict, .rating.rate-2.strict:before {
  width: 44px;
}
.rating.rate-3.strict, .rating.rate-3.strict:before {
  width: 68px;
}
.rating.rate-4.strict, .rating.rate-4.strict:before {
  width: 90px;
}

/*
  graph
  ***
*/

.graph {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin: 30px 0;
  text-align: center;
}
.graph_inset {
  padding: 0 15px;
}

/*
  title
  ---
*/

.graph-title {
  margin: 0;
}

/*
  image
  ---
*/

.graph-image {
  max-width: 180px;
  display: block;
  margin: 15px auto 0 auto;
}

/*
  legend
  ---
*/

.graph-legend {
  margin: 15px 0 0 0;
  font-size: 0;
}
.graph-legend > li {
  display: inline-block;
  margin: 3px 10px 3px 0;
  padding: 0 0 0 20px;
  font-size: 14px;
}
.graph-legend > li:before {
  display: none;
}
.graph-legend > li > span {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 2px;
}

/*
  caption + img
  ***
*/

.caption {
  width: auto !important;
  font-size: 0;
}
.caption > img {
  display: block;
}
.caption > p {
  margin: 0;
  padding: 16px 5%;
  border-bottom: 1px solid #e3e2e5;
  line-height: 1.6;
  text-align: center;
  font-style: italic;
  font-size: 14px;
}

/*
  align
  ---
*/

.caption.align-left, img.align-left, .caption.align-right, img.align-right {
  max-width: 40%;
}
.caption.align-left, img.align-left {
  float: left;
  margin: 5px 40px 40px 0;
}
.caption.align-right, img.align-right {
  float: right;
  margin: 5px 0 40px 40px;
}
.caption.align-center, img.align-center {
  display: table;
  margin: 30px auto;
}
.caption.align-none, img.align-none {
  margin: 30px 0;
}
.caption.align-center:first-child, img.align-center:first-child, .caption.align-none:first-child, img.align-none:first-child {
  margin-top: 0;
  /* margin-bottom: 0; */
}

/*
  streak
  ***
*/

.streak {
  height: 125px;
  position: relative;
  bottom: -1px;
  z-index: 10;
  overflow: hidden;
  margin-top: -125px;
  font-size: 0;
}
.streak svg {
  width: 200%;
  height: 100%;
  float: left;
}
.streak svg path {
  fill: #fff;
}

/*
  is-reversed
  ---
*/

.streak.is-reversed svg {
  float: right;
}

/*
  arrow
  ---
*/

.streak-arrow {
  width: 75px;
  height: 47px;
  position: absolute;
  top: 65px;
  right: 9%;
  background: url('../img/streak-arrow.png');
  background: url('../img/streak-arrow.svg'), linear-gradient(transparent, transparent);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  opacity: 0.7;
}

/*
  is-reversed
  ...
*/

.streak.is-reversed .streak-arrow {
  left: 9%;
  right: auto;
  background-position: right top;
}

/*
  link
  ***
*/

.link {
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px 20px 0;
  line-height: 1.5;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
[style*="center"] .link {
  margin-left: 5px;
  margin-right: 5px;
}

/*
  width-*
  ---
*/

.link.width-full {
  display: block;
}
input.link.width-full, button.link.width-full {
  width: 100%;
}

/*
  type-button
  ---
*/

.link.type-button {
  padding: 18px 35px 16px 35px;
  background-color: #4a2501;
  border: 2px solid #4a2501;
  border-radius: 100px;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  color: #fff;
}

/*
  color-*
  ...
*/

.link.type-button.color-black {
  background-color: #0f2325;
  border-color: #0f2325;
}

/*
  bg-*
  ...
*/

.link.type-button.bg-white {
  background-color: #fff;
  color: #00636d;
}
.link.type-button.bg-transparent {
  background-color: transparent;
  border-color: #4a2501;
  color: #4a2501;
}
.link.type-button.bg-yellow {
  background-color: #ffc400;
  border-color: #ffc400;
  color: #000;
}
.link.type-button.bg-purple {
  background-color: #c5277d;
  border-color: #c5277d;
  color: #fff;
}
.link.type-button.bg-orange {
  background-color: #fed349;
  border-color: #fed349;
  color: #000;
}
.link.type-button.bg-blue {
  background-color: #00b3cd;
  border-color: #00b3cd;
  color: #fff;
}
.link.type-button.bg-green {
  background-color: #94a84e;
  border-color: #94a84e;
  color: #fff;
}

/*
  size-*
  ...
*/

.link.type-button.size-tiny {
  padding: 4px 8px 3px 8px;
  font-weight: 400;
  font-size: 11px;
}
.link.type-button.size-small {
  padding: 10px 20px 9px 20px;
  font-weight: 400;
  font-size: 14px;
}
.link.type-button.size-large {
  padding: 15px 27px 14px 27px;
  font-weight: 500;
  font-size: 18px;
}

/*
  adjust uil
  ...
*/

.link.type-button .uil {
  position: relative;
  left: -5px;
  bottom: -1px;
  font-size: 115%;
}

/*
  align-*
*/

.link.type-button .uil.align-left {
  margin-right: 0;
}
.link.type-button .uil.align-right {
  margin: 0 -5px 0 10px;
}

/* actions */

a.link.type-button:hover, input.link.type-button:hover, button.link.type-button:hover, a:hover .link.type-button {
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

/*
  input
  ***
*/

.input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 16px 20px;
  background: #fff right 14px center no-repeat;
  box-shadow: inset 0 2px 7px rgba(0, 0, 0, 0.15);
  border: 1px solid #b7bdc0;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

/*
  textarea
  ---
*/

textarea.input {
  line-height: 1.6;
}

/*
  select
  ---
*/

select.input {
  background-image: url('../img/select.png');
}

/*
  checkbox. radio
  ---
*/

.input[type="checkbox"], .input[type="radio"] {
  width: 28px;
  height: 28px;
  position: relative;
  float: left;
  padding: 0;
}
.input[type="checkbox"], .input[type="checkbox"]:before {
  border-radius: 3px;
}
.input[type="radio"], .input[type="radio"]:before {
  border-radius: 100%;
}
.input[type="checkbox"]:before, .input[type="radio"]:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
  display: none;
  background-color: #00636d;
}
.input[type="checkbox"]:after {
  content: '\e8d8';
  position: absolute;
  left: 3px;
  top: 4px;
  display: none;
  font: 19px 'Unicons';
  color: #fff;
}

/* actions */

.input[type="checkbox"]:checked:before, .input[type="checkbox"]:checked:after, .input[type="radio"]:checked:before {
  display: block;
}

/*
  size-*
  ...
*/

.input[type="checkbox"].size-small, .input[type="radio"].size-small {
  width: 22px;
  height: 22px;
}
.input[type="checkbox"].size-small:after {
  left: 4px;
  top: 4px !important;
  font-size: 14px;
}

/*
  width-*
  ---
*/

.input.width-auto {
  width: auto;
}

/* actions */

.input[readonly], .input[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
.input:focus {
  box-shadow: 0 0 15px #ebeaf1;
  border-color: #bebdc3;
}

/*
  field
  ***
*/

.field {
  margin-bottom: 35px;
  text-align: left;
  font-size: 16px;
}
.field-inset {
  display: block;
}

/*
  contain-checkbox
  ---
*/

.field.contain-checkbox, .field.contain-multicheckbox, .field.contain-multiradio {
  margin-left: -4px;
}

/*
  label
  ---
*/

.field-label {
  display: block;
  margin-bottom: -2px;
  line-height: 1.5;
}
.field-label > strong {
  color: #00636d;
}

/*
  contain-checkbox
  ---
*/

.field.contain-checkbox .field-label {
  display: block;
  margin: 5px 0 0 45px;
  padding: 0;
  font-size: 16px;
}

/*
  error
  ---
*/

.field-error {
  display: block;
  margin-top: 12px;
  line-height: 1.5;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #cb1b4d;
}

/*
  desc
  ---
*/

.field-desc {
  position: relative;
  bottom: -2px;
  float: right;
  margin-right: 22px;
  line-height: inherit;
}
.field-desc:before {
  content: '\ea72';
  font: 120% 'Unicons';
  color: #00636d;
}
.field-desc > span {
  width: 220px;
  position: absolute;
  left: 0;
  bottom: 100%;
  display: none;
  margin: 0 0 20px -120px;
  padding: 22px 25px;
  background-color: #27393a;
  border-radius: 4px;
  line-height: 1.5;
  text-align: center;
  font-style: normal;
  font-size: 16px;
  color: #fff;
}
.field-desc > span:after {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: rotate(45deg);
  margin-left: -11px;
  background-color: #27393a;
}

/* actions */

.field-desc:hover > span {
  display: block;
}

/*
  after
  ---
*/

.field-after {
  display: block;
  margin-top: 12px;
  line-height: 1.7;
  font-style: normal;
  font-size: 14px;
}

/*
  item
  ---
*/

.field-item {
  display: block;
  margin-bottom: 25px;
}
.field-item:last-of-type {
  margin-bottom: 0;
}

/*
  contain-checkbox, contain-multicheckbox, contain-multiradio
  ---
*/

.field.contain-checkbox .field-after, .field.contain-multicheckbox .field-after, .field.contain-multiradio .field-after {
  max-width: 600px;
  margin-left: 45px;
}

/*
  format
  ...
*/

.field-item > label, .field-item > label > span {
  display: block;
}
.field-item > label > span {
  margin: 8px 0 0 45px;
  line-height: 1.5;
  font-size: 17px;
}
.field-item > label > span > b {
  float: left;
}
.field-item > label > span > strong {
  float: right;
}
.field-item > label > span > img {
  float: left;
  margin: -7px 0 0 17%;
}

/*
  adjust input
*/

.field-item .input {
  margin-top: -5px;
}


/* actions */

.field-item > label > .input:checked + span {
  margin: 8px 0 0 45px;
  line-height: 1.5;
  color: #00636d;
}


/*
  adjust g-recaptcha
  ---
*/

.field .g-recaptcha {
  transform-origin: left center;
  transform: scale(0.78) translateY(-10px);
  margin-bottom: -15px;
}

/*
  flashMessage
  ***
*/

.flashMessage {
  margin-bottom: 30px;
  padding: 17px 20px 16px 20px;
  background-color: #7347a4;
  border-radius: 5px;
  line-height: 1.6;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
}

/*
  type
  ---
*/

.flashMessage.type-danger {
  background-color: #cb1b4d;
}
.flashMessage.type-happy {
  background-color: #27a250;
}

/*
  flashBox
  ***
*/

.flashBox {
  margin-bottom: 30px;
  padding: 24px 34px 24px 32px;
  background-color: #f58bbc;
  border-radius: 6px;
  color: #fff;
}
.flashBox .link.type-button {
  margin: 20px 0 0 0;
  box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.15)
}
.flashBox a {
  color: inherit;
}
.flashBox p {
  margin: 0;
  line-height: 1.9 !important;
  font-size: 105%;
}

/*
  review
  ***
*/

.review {
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
  padding: 24px 0;
}
.review__inset {
  margin: 0;
  padding: 48px 32px;
  background-color: #eee;
  text-align: center;
  font: 400 17px 'Montserrat', Helvetica, sans-serif;
}

/*
  Quotes
  ---
*/

.review__inset:before, .review__inset:after {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  margin-left: -24px;
  background: #fff url('../img/quote.svg') center center no-repeat;
  background-size: 24px auto;
  border: 1px solid #eee;
  border-radius: 50%;
}
.review__inset:before {
  top: 0;
}
.review__inset:after {
  bottom: 0;
}

/*
  content
  ---
*/

.review__content {
  margin-bottom: -24px;
}

/*
  quote
  ---
*/

.review__quote {
  quotes: none;
  display: block;
  margin-top: 36px;
  line-height: 1.8;
  font-style: italic;
}
.review__quote:before {
  content: '-';
  position: relative;
  top: -2px;
  margin-right: 6px;
}

/*
  box
  ***
*/

.box-inset {
  position: relative;
  padding: 50px 50px 30px 50px;
}

/*
  is-pulled
  ---
*/

.box.is-pulled .box-inset {
  padding: 60px 100px 40px 100px;
}

/*
  is-streaked
  ---
*/

.box.is-streaked {
  margin: 125px 0 !important;
}
.box.is-streaked, .box.is-streaked .box-inset {
  position: relative;
}
.box.is-streaked .box-inset {
  z-index: 1;
  padding: 72px 0 52px 0;
}

/*
  + next is-streaked
  ...
*/

.box.is-streaked + .box.is-streaked {
  margin-top: -125px !important;
}
.box.is-streaked + .box.is-streaked:last-child {
  margin-bottom: -70px !important;
}
.box.is-streaked + .box.is-streaked:last-child .box-streaks span:nth-child(2) {
  display: none;
}
.box.is-streaked + .box.is-streaked .box-inset {
  padding-top: 130px;
}
.box.is-streaked + .box.is-streaked .box-streaks span:first-child {
  display: none;
}

/*
  streaks
  ---
*/

.box-streaks {
  height: 100%;
  position: absolute;
  left: -500px;
  top: 1px;
  right: -500px;
  background-color: inherit;
}

/*
  span
  ...
*/

.box-streaks span {
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
}
.box-streaks span:first-child {
  top: -100px;
  transform: scaleY(1) scaleX(1);
}
.box-streaks span:last-child {
  bottom: -100px;
  transform: scaleY(-1) scaleX(-1);
}

/* is-reversed */

.box-streaks.is-reversed span:first-child {
  transform: scaleY(1) scaleX(-1);
}
.box-streaks.is-reversed span:last-child {
  transform: scaleY(-1) scaleX(1);
}

/*
  svg
  ...
*/

.box-streaks svg {
  width: 200%;
  height: 100px;
}

/*
  has-thumb
  ---
*/

.box.has-thumb .box-inset {
  padding-left: 250px;
}

/*
  is-pulled
  ---
*/

.box.is-pulled .box-inset {
  padding-left: 130px;
}
.box.is-pulled.has-thumb .box-inset {
  padding-left: 380px;
}

/*
  thumb
  ---
*/

.box-thumb {
  width: 130px;
  position: absolute;
  left: 60px;
  top: 20%;
  bottom: 20%;
  background: center center no-repeat;
  background-size: contain;
}

/*
  is-pulled
  ---
*/

.box.is-pulled .box-thumb {
  width: 180px;
  left: 130px;
}

/*
  navPager
  ***
*/

.navPager {
  text-align: center;
  font-size: 0;
}
.navPager a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
  padding: 6px 12px;
  border: 2px dashed #483c31;
  border-radius: 4px;
  line-height: 1.5;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #483c31;
  transition: 100ms linear;
}

/* actions */

.navPager a:hover, .navPager a.is-active {
  background-color: #fff;
  box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

/*
  timeline
  ***
*/

.timeline {
  position: relative;
  padding-bottom: 30px;
}
.timeline:before, .timeline:after {
  content: '';
  position: absolute;
}
.timeline:before {
  width: 44px;
  height: 100%;
  left: 0;
  top: 14px;
  margin-left: -84px;
  border: 1px solid #cfd3d3;
  border-right-width: 0;
  border-bottom-width: 0;
}
.timeline:after {
  width: 10px;
  height: 10px;
  left: 0;
  top: 10px;
  margin-left: -88px;
  background-color: #00636d;
  border-radius: 100%;
}

/*
  FUCK-WP
  ---
*/

.timeline br {
  display: none;
}

/*
  date
  ---
*/

.timeline-date {
  width: 120px;
  float: left;
  line-height: 1.6;
  font-weight: 600;
  font-size: 18px;
  color: #00636d;
}

/*
  title
  ---
*/

.timeline-title {
  margin: 3px 0 0 160px;
  line-height: 1.7;
  font-weight: 300;
  font-size: 16px;
}
.timeline-title small {
  display: block;
  line-height: inherit;
  font-size: 14px;
}

/*
  - group
  ---
*/

.timeline--group {
  font-size: 0;
}

/*
  adjust timeline
  ...
*/

.timeline--group .timeline {
  margin-bottom: -2px;
}
.timeline--group .timeline:last-child {
  padding-bottom: 0;
}
.timeline--group .timeline:last-child:before {
  height: 0;
}

/*
  gallery
  ***
*/

.gallery {
  font-size: 0;
}
.detailPost .gallery {
  margin: 30px -130px 40px -130px;
  padding: 40px 30px 20px 30px;
  border: 1px solid #cfd3d3;
}

/*
  item
  ---
*/

.gallery-item {
  width: 25%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 20px;
}
.gallery-item:after {
  content: '\eb20';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -26px 0 0 -26px;
  padding: 15px;
  background-color: #00636d;
  border-radius: 100%;
  font: 22px 'unicons';
  color: #fff;
  cursor: pointer;
  opacity: 0;
  transition: opacity 150ms linear;
}
.gallery-item > a, .gallery-item > span {
  display: block;
  margin: 0 10px;
}
.gallery-item > a {
  position: relative;
}
.gallery-item > a:before, .gallery-item > a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 150ms linear;
}
.gallery-item > a:before {
  background-color: #00636d;
  mix-blend-mode: overlay;
}
.gallery-item > a:after {
  border: 10px solid #00636d;
}
.gallery-item > a > img, .gallery-item > span > img {
  width: 100%;
  display: block;
}

/* actions */

.gallery-item:hover:after, .gallery-item:hover > a:before, .gallery-item:hover > a:after {
  opacity: 1;
}

/*
  accordion
  ***
*/

.accordion {
  /* TODO */
}

/*
  title
  ---
*/

.accordion-title {
  position: relative;
  padding: 16px 80px 16px 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 1.5;
  font-weight: 500;
  font-size: 17px;
  cursor: pointer;
  color: #0f2325;
  transition: 150ms linear;
}
.box.bg-blue .accordion-title {
  font-weight: 500;
  color: #fff;
}
.accordion-title:before, .accordion-title:after {
  position: absolute;
}
.accordion-title:after {
  content: '\eb20';
  top: 18px;
  right: 20px;
  font: 22px 'unicons';
  color: #0f2325;
}

/* actions */

.accordion-title.is-active {
  background-color: #ffc400;
  box-shadow: 0 3px 30px rgba(117, 117, 117, 0.12);
  border-color: #ffc400;
  color: #0f2325 !important;
}
.accordion-title.is-active:after {
  content: '\ead3';
}

/*
  content
  ---
*/

.accordion-content {
  overflow: hidden;
  margin-top: -1px;
  padding: 25px 25px 0 25px;
  background-color: #fff;
}

/*
  - group
  ---
*/

.accordion--group {
  margin-bottom: 25px;
}

/*
  adjust accordion
  ...
*/

.accordion--group .accordion {
  margin-bottom: 5px;
}

/*
  is-pulled
*/

.accordion--group.is-pulled .accordion-title, .accordion--group.is-pulled .accordion-content {
  padding-left: 130px;
  padding-right: 130px;
}

/*
  formAdd
  ***
*/

.formAdd {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}

/*
  title
  ---
*/

.formAdd-title {
  margin: 0;
}

/*
  price
  ---
*/

.formAdd-price {
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 9px 20px 10px 20px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  font-size: 18px;
}
.formAdd-price > strong {
  position: relative;
  top: -3px;
  vertical-align: middle;
  font-size: 22px;
}

/*
  excerpt
  ---
*/

.formAdd-excerpt {
  margin: 20px 0 0 0;
  font-style: italic;
}

/*
  fields
  ---
*/

.formAdd-fields {
  max-width: 300px;
  overflow: hidden;
  margin: 20px auto 0 auto;
  font-size: 0;
}

/*
  input
  ---
*/

.formAdd-input {
  width: 35%;
  float: left;
  padding: 12px 15px;
  background: #fff;
  border: 2px solid #00b3cd;
  outline: none;
  border-radius: 100px;
  text-indent: 12px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}

/* actions */

.formAdd-input:focus {
  background-color: #e0f8fc;
}

/*
  submit
  ---
*/

.formAdd-submit {
  width: 60%;
  position: relative;
  bottom: -2px;
  float: right;
  padding: 15px 10px 15px 10px;
  background: #5bcd63;
  border: none;
  outline: none;
  border-radius: 100px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}

/* actions */

.formAdd-submit:hover {
  background-color: #a1eea7;
  color: #369b3d;
}

/*
  formContact
  ***
*/

.formContact {
  /* NOPE */
}

/*
  gdpr
  ---
*/

.formContact-gdpr {
  margin: 40px 0 0 0;
  font-size: 16px;
}

/*
  send
  ---
*/

.formContact-send {
  margin: 0;
}

/*
  adjust input
  ---
*/

.formContact textarea.input {
  height: 210px;
}

/*
  countDown
  ***
*/

.countDown {
  margin: 0 0 15px 0;
  font-size: 0;
}
html.page-template-order_01-products .countDown{
  padding-bottom: 80px;
}
.countDown > span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 28px 30px 28px;
  font-size: 48px;
}

/*
  alert
  ---
*/

.countDown-alert {
  display: inline-block;
  margin-bottom: 30px;
  padding: 12px 20px;
  background-color: #00636d;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
}

/*
  listSocials
  ***
*/

.listSocials {
  margin: 0;
  font-size: 0;
}
.listSocials > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 10px 0;
  padding: 0;
  line-height: 1;
}
.listSocials > li:before {
  display: none;
}
.listSocials > li > a {
  width: 27px;
  height: 19px;
  display: block;
  padding: 4px 0 3px 0;
  background: #4a2501 center center no-repeat;
  background-size: auto 16px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

/*
  adjust uil
  ---
*/

.listSocials > li > a > .uil {
  font-size: 18px;
}
.listSocials > li > a[href*="tiktok"] {
  background-image: url('../img/icons/tiktok-white.svg');
}

/* actions */

.listSocials > li > a:hover {
  background-color: #6d4f30;
  color: #fff;
}

/*
  view
  ***
*/

.view__trigger {
  display: none;
}

/*
  listProducts
  ***
*/

.listProducts {
  margin: 0 0 20px 0;
  text-align: left;
}
.listProducts > li {
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-size: 17px;
}
.listProducts > li:before {
  display: none;
}
.listProducts > li > div {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 15px 150px 15px 25px;
  background-color: #fff;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
}

/*
  format
  ---
*/

.listProducts > li > div > strong, .listProducts > li > div > small, .listProducts > li > div > b {
  line-height: 1.5;
}
.listProducts > li > div > strong {
  float: left;
}
.listProducts > li > div > strong > em {
  font-weight: normal;
  font-size: 75%;
}
.listProducts > li > div > small {
  display: block;
  margin: 5px 0 0 0;
  font-size: 90%;
  color: #869094;
}
.listProducts > li > div > b {
  float: right;
  margin-top: 10px;
  color: #c2987c;
}

/*
  adjust link
  ---
*/

.listProducts > li > div > .link {
  position: absolute;
  right: 20px;
  top: 15px;
  margin: 0;
}

/*
  is-dp
  ---
*/

.listProducts > li.is-dp {
  margin-top: 60px;
}
.listProducts > li.is-dp > div {
  background-color: #f58bbc;
}
.listProducts > li.is-dp > div > small, .listProducts > li.is-dp > div > b {
  color: #fff;
}

/*
  price
  ***
*/

.price {
  margin-bottom: 14px;
}
.price {
  margin-bottom: 14px;
}
.price-inset {
  overflow: hidden;
  padding: 10px 17px;
  background-color: #fff;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
}

/*
  title
  ---
*/

.price-title {
  float: left;
  margin: 0;
  line-height: 1.6;
  font-size: 16px;
}

/*
  excerpt
  ---
*/

.price-excerpt {
  float: left;
  clear: both;
  margin: 0;
  font-size: 12px;
}

/*
  amount
  ---
*/

.price-amount {
  float: right;
  margin: 0;
  font-size: 16px;
  color: #bb9531;
}


/*
  itemBox
  ***
*/

.itemBox {
  text-align: left;
}
.itemBox-inset {
  padding: 45px 40px 50px 45px;
  background-color: #fff;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
}

/*
  title
  ---
*/

.itemBox-title {
  margin: 0;
}

/*
  list
  ---
*/

.itemBox-list {
  margin: 25px 0 0 0;
}

/*
  listLogos
  ---
*/

.listLogos {
  text-align: center;
}

/*
  title
  ---
*/

.listLogos-title {
  margin: 0 0 60px 0;
}

/*
  list
  ---
*/

.listLogos-list {
  margin: 0;
  font-size: 0;
}
.listLogos-list > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 40px 30px 40px;
  padding: 0;
  line-height: 1;
}
.listLogos-list > li:before {
  display: none;
}
.listLogos-list > li > a {
  display: block;
}

/*
  img
  ---
*/

.listLogos-list img {
  display: block;
  filter: grayscale(1);
  opacity: 0.8;
}

/* actions */

.listLogos-list > li > a:hover > img {
  filter: none;
  opacity: 1;
}

/*
  bx-controls-direction
  ***
*/

.bx-controls-direction a {
  width: 40px;
  height: 40px;
  position: relative;
  display: inline-block;
  font-size: 0;
}
.bx-controls-direction a:before, .bx-controls-direction a:after {
  content: '';
  width: 40%;
  height: 3px;
  position: absolute;
  left: 30%;
  top: 50%;
  background-color: #222;
}
.bx-controls-direction a.bx-prev:before {
  transform-origin: left bottom;
  transform: rotate(-45deg);
}
.bx-controls-direction a.bx-prev:after {
  transform-origin: left top;
  transform: rotate(45deg);
}
.bx-controls-direction a.bx-next:before {
  transform-origin: right bottom;
  transform: rotate(45deg);
}
.bx-controls-direction a.bx-next:after {
  transform-origin: right top;
  transform: rotate(-45deg);
}

/* actions */

.bx-controls-direction a:hover:before, .bx-controls-direction a:hover:after {
  background-color: #4fbcd0;
}


/*
  bx-pager
  ***
*/

.bx-pager {
  position: relative;
  z-index: 60;
  text-align: center;
  padding: 4px 0;
  font-size: 0;
}
.bx-pager > div, .bx-pager > div > a {
  border-radius: 100%;
}
.bx-pager > div {
  width: 10px;
  height: 10px;
  position: relative;
  display: inline-block;
  margin: 0 10px;
  background-color: #1c1e26;
}
.bx-pager > div > a  {
  position: absolute;
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  overflow: hidden;
  background-color: #ffc400;
  border-radius: 100%;
  white-space: nowrap;
  text-indent: 200%;
  opacity: 0;
}

/* actions */

.bx-pager > div > a.active {
  opacity: 1;
}

/*
  itemCompl
  ***
*/

.itemCompl-inset {
  overflow: hidden;
  padding: 45px 50px 30px 50px;
  background-color: #ffc400;
  font-size: 16px;
}

/*
  col
  ---
*/

.itemCompl-col.align-left {
  width: 70%;
  width: calc(100% - 350px);
  float: left;
}
.itemCompl-col.align-right {
  width: 25%;
  width: calc(260px);
  float: right;
  text-align: center;
}

/*
  title
  ---
*/

.itemCompl-title {
  margin-bottom: 15px;
}

/*
  subtitle
  ---
*/

.itemCompl-subtitle {
  max-width: 260px;
  position: relative;
  float: left;
  margin: 0 0 30px 0;
  line-height: 1.5;
  font-weight: 600;
  font-size: 20px;
  color: #00636d;
}
.itemCompl-subtitle:before {
  content: '';
  width: 45px;
  height: 146px;
  position: absolute;
  right: 100%;
  top: 10px;
  margin-right: 35px;
  border: 1px solid #cfd3d3;
  border-right: none;
}

/*
  excerpt
  ---
*/

.itemCompl-excerpt {
  position: relative;
  margin: 0 0 30px 480px;
  line-height: 1.7;
}
.itemCompl-excerpt:before {
  content: '\e93d';
  position: absolute;
  left: -35px;
  top: 3px;
  font: 120% 'unicons';
  color: #00636d;
}

/*
  summary
  ---
*/

.itemCompl-summary {
  margin-bottom: 15px;
}

/*
  plus
  ---
*/

.itemCompl-plus {
  margin: -5px 0 20px 0;
  font-weight: 600;
  color: #00b3cd;
}
.itemCompl-plus:before {
  content: '\e944';
  position: relative;
  bottom: -3px;
  margin-right: 7px;
  font: 140% 'unicons';
}

/*
  price
  ---
*/

.itemCompl-price {
  margin: 0 0 15px 0;
  line-height: 1;
  font-weight: 700;
  font-size: 40px;
}

/*
  add
  ---
*/

.itemCompl-add {
  display: block;
  margin: 40px 0 15px 0;
}

/*
  more
  ---
*/

.itemCompl-more {
  max-width: 250px;
  display: block;
  margin: 0 0 15px 0;
}

/*
  - list
  ---
*/

.itemCompl--list {
  margin-bottom: 30px;
}

/*
  head
  ...
*/

.itemCompl--list-head {
  margin-bottom: 45px;
}

/*
  adjust itemCompl
  ...
*/

.itemCompl--list .itemCompl {
  margin-bottom: 65px;
}
.itemCompl--list .itemCompl:last-child {
  margin-bottom: 0;
}

/*
  itemProduct
  ***
*/

.itemProduct-inset {
  position: relative;
  padding: 105px 45px 30px 45px;
  text-align: center;
  font-size: 16px;
}

/*
  title
  ---
*/

.itemProduct-title {
  margin: 0 0 20px 0;
}

/*
  excerpt
  ---
*/

.itemProduct-excerpt {
  margin-bottom: 25px;
  line-height: 1.5;
}

/*
  summary
  ---
*/

.itemProduct-summary {
  margin-bottom: 25px;
  line-height: 1.5;
  font-weight: 600;
  color: #01636d;
}

/*
  plus
  ---
*/

.itemProduct-plus {
  position: relative;
  margin-bottom: 25px;
  padding-left: 40px;
  line-height: 1.5;
  text-align: left;
  font-weight: 600;
  color: #f58bbc;
}
.itemProduct-plus:before {
  content: '\e944';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -14px;
  font: 160% 'unicons';
}

/*
  price
  ---
*/

.itemProduct-price {
  margin: 25px 0 20px 0;
  line-height: 1;
  font-weight: 700;
  font-size: 40px;
}
.itemProduct-price > small {
  display: block;
  margin-top: 4px;
  line-height: 1.6;
  font-weight: 300;
  font-size: 16px;
}

/*
  add
  ---
*/

.itemProduct-add {
  display: block;
  margin: 30px 5px 10px 5px;
}

/*
  more
  ---
*/

.itemProduct-more {
  display: block;
  margin: 0 5px 10px 5px;
}

/*
  tag
*/

.itemProduct-tag {
  position: absolute;
  left: 0;
  top: 40px;
  right: 0;
  margin: 0;
  line-height: 1;
  text-align: center;
}
.itemProduct-tag > span {
  display: inline-block;
  padding: 14px 20px 13px 20px;
  background-color: #0f2325;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
}

/*
  type-*
*/

.itemProduct-tag.type-fav > span {
  background-color: #f58bbc;
}
.itemProduct-tag.type-best > span {
  background-color: #00b3cd;
}

/*
  - list
  ---
*/

.itemProduct--list {
  margin-bottom: 30px;
}

/*
  head
  ...
*/

.itemProduct--list-head {
  margin-bottom: 65px;
}

/*
  no-warranty
*/

.itemProduct--list.no-warranty .itemProduct--list-head {
  text-align: center;
}

/*
  col
  ...
*/

.itemProduct--list-col {
  position: relative;
  font-size: 0;
}
.itemProduct--list-col:before {
  content: '';
  height: 15px;
  display: block;
  margin-bottom: 20px;
  border: 1px solid #dad9d5;
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: transparent;
}
.itemProduct--list-col-inset {
  min-height: 200px;
  overflow: hidden;
  clear: both;
  box-shadow: 0 3px 30px rgba(135, 104, 0, 0.15);
}

/*
  align
*/

.itemProduct--list-col.align-left {
  width: 30%;
  width: calc(350px);
  float: left;
}
.itemProduct--list-col.align-left .itemProduct--list-col-inset {
  background-color: #ffe17f;
}
.itemProduct--list-col.align-right {
  width: 65%;
  width: calc(100% - 400px);
  position: relative;
  float: right;
}
.itemProduct--list-col.align-right .itemProduct--list-col-inset {
  position: relative;
  background-color: #fff;
}
.itemProduct--list-col.align-right .itemProduct--list-col-inset:before, .itemProduct--list-col.align-right .itemProduct--list-col-inset:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #dad9d5;
}
.itemProduct--list-col.align-right .itemProduct--list-col-inset:before {
  left: 33.33%;
}
.itemProduct--list-col.align-right .itemProduct--list-col-inset:after {
  left: 66.66%;
}


/*
  no-warranty
*/

.itemProduct--list.no-warranty .itemProduct--list-col.align-right {
  float: none;
  margin: 0 auto;
}

/* adjust itemProduct */

.itemProduct--list-col .itemProduct {
  display: inline-block;
  vertical-align: top;
  margin-top: -1px;
  border-top: 1px solid #dad9d5;
}
.itemProduct--list-col.align-left .itemProduct {
  width: 100%;
}
.itemProduct--list-col.align-right .itemProduct {
  width: 33.33%;
}

/*
  tag
*/

.itemProduct--list-col-tag {
  position: absolute;
  left: 0;
  top: -18px;
  right: 0;
  margin: 0;
  line-height: 1;
  text-align: center;
}
.itemProduct--list-col-tag > span {
  display: inline-block;
  padding: 14px 20px 13px 20px;
  background-color: #0f2325;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
}

/*
  title
*/

.itemProduct--list-col-title {
  max-width: 230px;
  float: left;
  margin: 0 0 25px 40px;
  line-height: 1.5;
  font-weight: 600;
  font-size: 20px;
  color: #00636d;
}

/*
  excerpt
*/

.itemProduct--list-col-excerpt {
  margin: 3px 40px 25px 250px;
  line-height: 1.8;
  text-align: right;
  font-size: 16px;
}

/*
  itemPerson
  ***
*/

.itemPerson-inset {
  position: relative;
  padding: 50px 50px 45px 35%;
  background-color: #fff;
  text-align: left;
  font-size: 18px;
}
.itemPerson-inset-inset {
  padding-left: 75px;
}

/*
  title
  ---
*/

.itemPerson-title {
  margin: 0;
  color: #00636d;
}

/*
  excerpt
  ---
*/

.itemPerson-excerpt {
  margin: 25px 0 0 0;
}
.itemPerson-excerpt + .itemPerson-excerpt {
  margin-top: 2px;
}

/*
  thumb
  ---
*/

.itemPerson-thumb {
  width: 35%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #222 center center no-repeat;
  background-size: cover;
}

/*
  - list
  ---
*/

.itemPerson--list {
  /* NOPE */
}

/*
  adjust itemJob
  ...
*/

.itemPerson--list .itemPerson {
  margin-bottom: 40px;
}

/*
  itemJob
  ***
*/

.itemJob-inset {
  padding: 50px 50px 50px 95px;
  background-color: #fff;
  text-align: left;
  font-size: 16px;
}

/*
  - list
  ---
*/

.itemJob--list {
  /* NOPE */
}

/*
  adjust itemJob
  ...
*/

.itemJob--list .itemJob {
  margin-bottom: 40px;
}

/*
  itemProgress
  ***
*/

.itemProgress-inset {
  text-align: center;
  font-size: 20px;
}

/*
  title
  ---
*/

.itemJob-title {
  margin: 0;
}
.itemJob-title > small {
  width: 43px;
  display: inline-block;
  margin-left: -50px;
}

/*
  subtitle
  ---
*/

.itemJob-subtitle {
  margin: 35px 0 0 0;
}

/*
  excerpt
  ---
*/

.itemJob-excerpt {
  margin: 20px 0 0 0;
}

/*
  list
  ---
*/

.itemJob-list {
  margin: 15px 0 0 0;
}

/*
  thumb
  ---
*/

.itemProgress-thumb {
  max-width: 200px;
  height: 200px;
  display: block;
  margin: 0 auto 43px auto;
  background: center bottom no-repeat;
  background-size: contain;
}

/*
  title
  ---
*/

.itemProgress-title {
  position: relative;
  margin: 0;
}
.itemProgress-title:after {
  content: '';
  width: 18px;
  height: 7px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  display: none;
  background: url('../img/itemProgress-title_after.png');
  background: url('../img/itemProgress-title_after.svg'), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  background-size: contain;
}

/*
  excerpt
  ---
*/

.itemProgress-excerpt {
  margin: 28px 0 0 0;
  line-height: 1.5;
}

/*
  - list
  ---
*/

.itemProgress--list {
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
.itemProgress--list-inset {
  margin: 0 -50px;
}

/*
  title
  ...
*/

.itemProgress--list-title {
  margin-bottom: 50px;
}

/*
  more
  ...
*/

.itemProgress--list-more {
  margin-top: 30px;
}

/*
  adjust itemProgresss
  ...
*/

.itemProgress--list .itemProgress {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 50px;
}
.itemProgress--list .itemProgress-inset {
  margin: 0 50px;
}

/*
  adjust title
*/

.itemProgress--list .itemProgress .itemProgress-title:after {
  right: -55px;
  display: inline-block;
}
.itemProgress--list .itemProgress:last-of-type .itemProgress-title:after {
  display: none;
}

/*
  itemService
  ***
*/

.itemService-inset {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 35px 25% 35px 95px;
  background-color: #fff;
  text-align: left;
  text-decoration: none;
  font-size: 16px;
}

/*
  align-right
  ---
*/

@media only screen and (min-width: 1201px) {

  .itemService.align-right .itemService-inset {
    padding-left: 25%;
    padding-right: 95px;
    text-align: right;
  }

}

/*
  size-large
  ---
*/

.itemService.size-large .itemService-inset {
  padding: 72px 20% 318px 120px;
}


/* actions */

a.itemService-inset:hover {
  background-color: #ffc400;
  box-shadow: 0 10px 30px rgba(28, 30, 38, 0.2);
  color: #01636d;
}

/*
  title
  ---
*/

.itemService-title {
  margin: 0;
  color: #00636d;
}
.itemService-title > small {
  width: 49px;
  float: left;
  margin-left: -55px;
  line-height: inherit;
}

/*
  align-right
  ---
*/

@media only screen and (min-width: 1201px) {

  .itemService.align-right .itemService-title > small {
    float: right;
    margin-left: 0;
    margin-right: -55px;
  }

}

/*
  size-large
  ---
*/

.itemService.size-large .itemService-title {
  font-weight: 500;
  font-size: 34px;
}

/* actions */

a.itemService-inset:hover .itemService-title {
  color: #0f2325;
}

/*
  excerpt
  ---
*/

.itemService-excerpt {
  margin: 12px 0 0 0;
}

/*
  size-large
  ---
*/

.itemService.size-large .itemService-excerpt {
  margin-top: 20px;
}

/*
  summary
  ---
*/

.itemService-summary {
  margin: 12px 0 0 0;
}

/*
  size-large
  ---
*/

.itemService.size-large .itemService-summary {
  margin-top: 20px;
}

/*
  thumb
  ---
*/

.itemService-thumb {
  width: 15%;
  position: absolute;
  top: 35px;
  right: 35px;
  bottom: 35px;
  background: center center no-repeat;
  background-size: contain;
}

/*
  align-right
  ---
*/

@media only screen and (min-width: 1201px) {

  .itemService.align-right .itemService-thumb {
    left: 35px;
    right: 15%;
  }

}

/*
  size-large
  ---
*/

.itemService.size-large .itemService-thumb {
  width: 50%;
  height: 60%;
  top: auto;
}

/*
  adjust link
  ---
*/

.itemService .link.type-button {
  margin: 15px 0 0 0;
}

/*
  size-large
  ---
*/

.itemService.size-large .link.type-button {
  margin-top: 30px;
}

/*
  - list
  ---
*/

.itemService--list {
  text-align: center;
  font-size: 0;
}

/*
  title
  ...
*/

.itemService--list-title {
  margin-bottom: 50px;
}

/*
  adjust itemService
  ...
*/

.itemService--list .itemService {
  width: 45%;
  width: calc(50% - 20px);
  margin-bottom: 30px;
}
.itemService--list .itemService.size-large {
  float: left;
}
.itemService--list .itemService.size-default {
  float: right;
  clear: right;
}

/*
  itemPromo (type-illustration, type-photo)
  ***
*/

html.page-template-default .itemPromo,
html.page-template-how .itemPromo {
  border-top: 1px solid #eee;
}
.itemPromo-inset {
  position: relative;
  overflow: hidden;
}
.itemPromo-inset-inset {
  width: 50%;
  float: left;
  overflow: hidden;
}
.itemPromo-inset-inset-inset {
  // width: 600px;
  float: right;
  padding: 140px 100px 120px 100px;
}

/*
  type-illustration
  ---
*/

.itemPromo.type-illustration .itemPromo-inset {
  overflow: visible;
  padding: 90px 0 40px 0;
}
.itemPromo.type-illustration .itemPromo-inset-inset {
  width: 45%;
}
.itemPromo.type-illustration .itemPromo-inset-inset-inset {
  overflow: visible;
  padding: 0;
}

/*
  align-right
  ---
*/

.itemPromo.align-right .itemPromo-inset-inset {
  float: right;
}
.itemPromo.align-right .itemPromo-inset-inset-inset {
  float: left;
}

/*
  title
  ---
*/

.itemPromo-title {
  max-width: 500px;
}

/*
  type-illustration
  ---
*/

.itemPromo.type-illustration .itemPromo-title {
  max-width: none;
}

/*
  thumb
  ---
*/

.itemPromo-thumb {
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: center center no-repeat;
  background-size: cover;
}

/*
  align-right
  ---
*/

.itemPromo.align-right .itemPromo-thumb {
  left: 0;
  right: auto;
}

/*
  type-illustration
  ---
*/

.itemPromo.type-illustration .itemPromo-thumb {
  width: 45%;
  top: -50px;
  bottom: -50px;
  background-size: contain;
}

/*
  -- photos
  ---
*/

.itemPromo---photos {
  overflow: hidden;
}
.itemPromo---photos > span {
  width: 50%;
  float: left;
}
.itemPromo---photos > span > img {
  display: block;
}

/*
  sectionStep
  ***
*/

.sectionStep-inset {
  position: relative;
  text-align: left;
}
.sectionStep-inset-inset {
  width: 700px;
  position: relative;
  float: left;
}
.sectionStep-inset-inset:before {
  content: '';
  width: 50px;
  height: 62px;
  position: absolute;
  top: -130px;
  right: -50px;
  background: transparent url('../img/sectionStep-inset-inset_before.png');
  background: transparent url('../img/sectionStep-inset-inset_before.svg'), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  background-size: 100% 200%;
  opacity: 0.7;
}

/*
  align-right
  ---
*/

.sectionStep.align-right .sectionStep-inset-inset {
  float: right;
}
.sectionStep.align-right .sectionStep-inset-inset:before {
  left: -50px;
  right: auto;
  background-position: left bottom;
}

/*
  title
  ---
*/

.sectionStep-title {
  padding-left: 70px;
}
.sectionStep-title > small {
  min-width: 70px;
  display: inline-block;
  margin: 0 -13px 0 -70px;
}

/*
  thumb
  ---
*/

.sectionStep-thumb {
  position: absolute;
  left: 850px;
  top: 0;
  right: 150px;
  bottom: 0;
  background: center top no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 1301px) {

  .sectionStep .sectionStep-thumb[style*="illustration-3"] {
    left: 800px;
    right: 50px;
  }

}

/*
  align-right
  ---
*/

.sectionStep.align-right .sectionStep-thumb {
  left: 150px;
  right: 850px;
}

/*
  banner
  ---
*/

.sectionStep-banner {
  position: relative;
  margin-top: 50px;
  padding: 45px 45px 45px 200px;
  background-color: #fff;
  font-size: 16px;
}

/*
  thumb
  ...
*/

.sectionStep-banner-thumb {
  width: 100px;
  position: absolute;
  left: 45px;
  top: 45px;
  bottom: 45px;
  background: center top no-repeat;
  background-size: contain;
}

/*
  adjust link
  ...
*/

.sectionStep-banner .link {
  margin: 0;
}

/*
  - list
  ---
*/

.sectionStep--list {
  /* NOPE */
}

/*
  adjust sectionStep
  ...
*/

.sectionStep--list .sectionStep {
  margin-top: 200px;
}

/*
  listRates
  ***
*/

.listRates {
  /* NOPE */
}

/*
  list
  ---
*/

.listRates-list {
  margin: 0;
  font-size: 16px;
}
.listRates-list > li {
  margin: 0 0 95px 0;
  padding: 0;
  line-height: 1.7;
}
.listRates-list > li:last-child {
  margin-bottom: 0;
}
.listRates-list > li:before {
  display: none;
}
.listRates-list > li > strong {
  display: block;
  padding-bottom: 10px;
  line-height: 1;
  font-size: 40px;
  color: #fed349;
}
.listRates-list > li > strong > span {
  margin-left: 10px;
  font-weight: 300;
}

/*
  sliderReviews
  ***
*/

.sliderReviews {
  text-align: center;
}

/*
  slides
  ---
*/

.sliderReviews-slides {
  margin: 0;
  font-size: 26px;
}
.sliderReviews-slides > li {
  margin: 0;
  padding: 0;
  line-height: 1.7;
}
.sliderReviews-slides > li:before {
  display: none;
}

/*
  adjust bx-pager
  ***
*/

.sliderReviews .bx-pager {
  margin-top: 70px;
}

/*
  sliderOpinions
  ***
*/

.sliderOpinions {
  position: relative;
  padding: 0 4%;
}
.sliderOpinions-inset {
  max-width: 1040px;
  overflow: hidden;
  margin: 0 auto;
  padding: 40px 0 40px 0;
}
.sliderOpinions-inset-inset {
  position: relative;
  margin-left: 225px;
}

/*
  title
  ---
*/

.sliderOpinions-title {
  margin: 0 0 40px 0;
}

/*
  title
  ---
*/

.sliderOpinions-rate {
  width: 140px;
  float: left;
  margin: 0;
  padding: 40px 20px;
  background-color: #ffc400;
  border-radius: 100%;
  line-height: 1.5;
  text-align: center;
  font-size: 80%;
}
.sliderOpinions-rate > strong {
  display: block;
  line-height: 1.3;
  font-weight: 500;
  font-size: 210%;
}

/*
  slides
  ---
*/

.sliderOpinions-slides {
  margin: 0;
}
.sliderOpinions-slides > li {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.sliderOpinions-slides > li:before {
  display: none;
}

/*
  adjust format
  ---
*/

.sliderOpinions-slides blockquote {
  margin: 0;
  padding-bottom: 3px;
}

/*
  adjust bx-pager
  ---
*/

.sliderOpinions .bx-pager {
  margin: 35px 0 0 -5px;
  text-align: left;
}

/*
  adjust streak
  ---
*/

.sliderOpinions .streak {
  width: 100%;
  position: absolute;
  left: 0;
  margin: 0;
}
.sliderOpinions .streak:first-child {
  top: -125px;
}
.sliderOpinions .streak:last-child {
  bottom: -125px;
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

/*
  title
  ***
*/

.title {
  position: relative;
  padding: 0 4%;

}

/*
  text
  ---
*/

.title-text {
  max-width: 1040px;
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin: 0 auto;
}

/*
  adjust streak
  ---
*/

.title .streak {
  width: 100%;
  position: absolute;
  left: 0;
  margin: 0;
}
.title .streak.first {
  top: -135px;
}
.title .streak.last {
  bottom: -135px;
  -webkit-transform: scaleY(-1) scaleX(-1);
  -ms-transform: scaleY(-1) scaleX(-1);
  transform: scaleY(-1) scaleX(-1);
}

/*
  adjust sliderOpinions
  ---
*/

.detailPost .sliderOpinions {
  width: 1920px;
  margin: 180px 0 180px -480px;
}

/*
  adjust title
  ---
*/

.detailPost .title {
  width: 1920px;
  margin: 140px 0 160px -480px;
}

/*
  sectionRate
  ***
*/

.sectionRate {
  overflow: hidden;
}
.sectionRate-inset {
  max-width: 250px;
  position: relative;
  float: left;
  padding: 70px 32% 70px 0;
}
.sectionRate-inset:before {
  content: '';
  position: absolute;
  left: 325px;
  top: 0;
  right: 0;
  bottom: 0;
  background: url('../img/illustrations/illustration-5-color-3.png');
  background-repeat: no-repeat;
  background-size: contain;
}

/*
  adjust sliderReviews
  ---
*/

.sectionRate .sliderReviews {
  width: 32%;
  float: right;
  margin: 70px 10% 0 0;
}

/*
  detailAdvices
  ***
*/

.detailAdvices {
  padding: 0 5%;
}
.detailAdvices-inset {
  max-width: 800px;
  margin: 0 auto;
  padding: 80px 0;
}

/*
  title
  ---
*/

.detailAdvices-title {
  margin: 0;
}

/*
  excerpt
  ---
*/

.detailAdvices-excerpt {
  margin: 15px 0 0 0;
}

/*
  content
  ---
*/

.detailAdvices-content {
  margin-top: 40px;
}

/*
  comments
  ---
*/

.detailAdvices-comments {
  margin-top: 40px;
}
.detailAdvices-comments > h3 {
  display: none;
}

/*
  detailPost
  ***
*/

.detailPost {
  border-top: 1px solid #dce1e2;
}
.detailPost-inset {
  padding: 0 4%;
}
.detailPost-inset-inset {
  max-width: 960px;
  margin: 0 auto;
  padding: 80px 0 60px 0;
}

/*
  title
  ---
*/

.detailPost-title.size-small {
  font-size: 42px;
}

/*
  adjust timeline--group
  ---
*/

.detailPost .timeline--group {
  margin: 40px 0 10px 0;
}

/*
  adjust box, accordion--group, is-pulled
  ---
*/

.detailPost .box, .detailPost .accordion--group {
  margin: 35px 0;
}
.detailPost .accordion--group {
  overflow-x: hidden;
}
.detailPost .is-pulled {
  margin: 70px -130px;
}

/*
  countdown
  ---
*/

.detailPost-countdown {
  position: relative;
  margin-top: -1px;
  padding: 0 4%;
  background-color: #00b3cd;
  text-align: center;
  color: #fff;
}
.detailPost-countdown-inset {
  padding: 80px 0 140px 0;
}
.detailPost-countdown.has-no-streak .detailPost-countdown-inset {
  padding-bottom: 40px;
}

/*
  adjust streak
  ...
*/

.detailPost-countdown .streak {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
}

/*
  adjust hr
  ---
*/

.detailPost hr {
  display: block;
  margin: 60px -130px;
}


/*
  detailError
  ***
*/

.detailError {
  padding: 0 4%;
  border-top: 1px solid #dce1e2;
}
.detailError-inset {
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 0 80px 0;
}

/*
  thumb
  ---
*/

.detailPost-thumb, .detailPost-thumb > img {
  display: block;
}
.detailPost-thumb {
  display: block;
  margin: 50px -100px 50px -100px;
}

/*
  detailCart
  ***
*/

.detalCart {
  overflow: hidden;
}

/*
  product
  ---
*/

.detailCart-product {
  width: 35%;
  width: calc(395px);
  float: right;
  margin: 39px 0 40px 0;
  background-color: #ffc400;
}
.detailCart-product-inset {
  padding: 45px 55px 55px 55px;
  font-size: 15px;
}

/*
  title
  ---
*/

.detailCart-product-title > small {
  font-size: 60%;
}

/*
  excerpt
  ---
*/

.detailCart-product-excerpt > small {
  margin: 20px 0 0 0;
}

/*
  price
  ---
*/

.detailCart-product-price {
  margin: 20px 0 0 0;
  font-size: 18px;
}

/*
  adjust link
  ---
*/

.detailCart-product .link.type-button {
  display: block;
  margin: 25px 0 0 0;
}

/*
  table
  ---
*/

.detailCart-table {
  width: 65%;
  width: calc(100% - 435px);
  float: left;
}

/*
  width-full
  ...
*/

.detailCart-table.width-full {
  width: auto;
  float: none;
}


/*
  detailCart-table-list
  ---
*/

.detailCart-table-list th,
.detailCart-table-list td {
  padding: 30px 20px 30px 35px;
  background-color: #fff;
  line-height: 1.5;
}

/*
  thead
  ...
*/

.detailCart-table-list thead th,
.detailCart-table-list thead td {
  padding-top: 0;
  padding-bottom: 15px;
  border-top-width: 0;
  font-weight: 600;
  font-size: 16px;
}

/*
  tbody
  ...
*/

.detailCart-table-list tbody th,
.detailCart-table-list tbody td {
  font-weight: 700;
  font-size: 28px;
}
.detailCart-table-list tbody th:first-child,
.detailCart-table-list tbody td:first-child {
  border-left-width: 1px;
}
.detailCart-table-list tbody th:last-child,
.detailCart-table-list tbody td:last-child {
  border-right-width: 1px;
}

/*
  format
*/

.detailCart-table-list tbody th small {
  display: block;
  line-height: inherit;
  font-weight: 400;
  font-size: 55%;
  color: #a5a5a5;
}

/*
  tfoot
  ...
*/

.detailCart-table-list tfoot th:first-child,
.detailCart-table-list tfoot td:first-child {
  border-left-width: 1px;
}
.detailCart-table-list tfoot th:last-child,
.detailCart-table-list tfoot td:last-child {
  border-right-width: 1px;
}

/*
  bg-grey
*/

.detailCart-table-list tfoot tr.bg-grey th,
.detailCart-table-list tfoot tr.bg-grey td {
  background-color: #f2f2f2;
}

/*
  format
*/

.detailCart-table-list tfoot td strong {
  font-size: 28px;
}
.detailCart-table-list tfoot td del {
  display: block;
  line-height: inherit;
  font-weight: 400;
  font-size: 70%;
  color: #a5a5a5;
}

/*
  coupons
  ---
*/

.detailCart-coupons {
  /* NOPE */
}
.detailCart-coupons * {
  vertical-align: middle;
}

/*
  item
  ...
*/

.detailCart-coupons-item {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 10px;
  padding: 9px 13px 9px 13px;
  background-color: #90b020;
  border-radius: 100px;
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
}
.detailCart-coupons-item > small {
  position: absolute;
  left: 100%;
  top: -10px;
  margin-left: -15px;
  padding: 5px 5px 4px 5px;
  background-color: #ffc400;
  border-radius: 100px;
  white-space: nowrap;
  font-size: 90%;
  color: #000;
}

/* actions */

.detailCart-coupons-item:hover {
  background-color: #ee0032;
  color: #fff;
}

/*
  adjust input
*/

.detailCart-coupons .input {
  /* NOPE */
}

/*
  adjust link
*/

.detailCart-coupons .link.type-button {
  margin: 0 0 0 10px;
}

/*
  function
  ---
*/

.detailCart-function {
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  text-decoration: none;
  font-size: 0;
}

/*
  type-*
  ...
*/

.detailCart-function.type-remove {
  color: #ee0032;
}
.detailCart-function.type-update {
  color: #1669cf;
}

/*
  adjust uil
*/

.detailCart-function .uil {
  font-size: 28px;
}

/* actions */

.detailCart-function:hover {
  color: #90b020 !important;
}

/*
  detailorder
  ***
*/

.detailOrder {
  position: relative;
  padding: 0 4%;
}
.detailOrder:before {
  content: '';
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffc400;
}
.detailOrder-inset {
  max-width: 1430px;
  position: relative;
  margin: 0 auto;
  padding: 80px 0 90px 0;
}
html.page-template-order_02-cart .detailOrder-inset {
  padding-bottom: 150px;
}

/*
  steps
  ---
*/

.detailOrder-steps {
  margin-bottom: 80px;
  font-size: 0;
}
.detailOrder-steps {
  position: relative;
}
.detailOrder-steps > li {
  width: 25%;
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.detailOrder-steps > li:before {
  display: none;
}
.detailOrder-steps > li > a, .detailOrder-steps > li > span {
  display: block;
  padding: 27px 20px 23px 30px;
  background-color: #fff;
  box-shadow: 0 3px 30px rgba(135, 104, 0, 0.2);
  text-decoration: none;
  font-weight: 500;
  font-size: 20px;
  color: #909090;
}
.detailOrder-steps > li:first-child > a, .detailOrder-steps > li:first-child > span {
  border-radius: 100px 0 0 100px;
}
.detailOrder-steps > li:last-child > a, .detailOrder-steps > li:last-child > span {
  border-radius: 0 100px 100px 0;
}
.detailOrder-steps > li > a > i, .detailOrder-steps > li > span > i {
  width: 50px;
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
  padding: 14px 0;
  background-color: #909090;
  border-radius: 100%;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  color: #fff;
}

/*  actions */

.detailOrder-steps > li.is-active > a, .detailOrder-steps > li.is-active > span, .detailOrder-steps > li > a:hover {
  background-color: #ffe17f;
  color: #0f2325;
}
.detailOrder-steps > li.is-active > a > i, .detailOrder-steps > li.is-active > span > i, .detailOrder-steps > li > a:hover > i {
  background-color: #0f2325;
}

/*
  col
  ---
*/

.detailOrder-col-inset {
  padding: 70px 55px 35px 55px;
  border: 1px solid #cfd3d3;
}
.detailOrder-col-inset + .detailOrder-col-inset {
  margin-top: 30px;
}

/*
  bg-*
  ...
*/

.detailOrder-col.bg-grey .detailOrder-col-inset {
  background-color: #f2f2f2;
}

/*
  align-*
  ...
*/

.detailOrder-col.align-left {
  width: 60%;
  width: calc(100% - 435px);
  float: left;
}
.detailOrder-col.align-right {
  width: 35%;
  width: calc(395px);
  float: right;
  font-size: 90%;
}

/*
  dates
  ---
*/

.detailorder-dates {
  margin: 25px 0 20px 0;
  font-size: 0;
}
.detailorder-dates > li {
  display: inline-block;
  margin: 0 10px 20px 10px;
  padding: 12px 23px;
  background-color: #ffe17f;
  border: 1px solid #ffc400;
  border-radius: 100px;
  line-height: 1.2;
  font-weight: 600;
  font-size: 20px;
}
.detailorder-dates > li:before {
  display: none;
}

/*
  user
  ---
*/

.detailorder-user {
  margin: 10px 0 20px 0;
  font-size: 0;
}
.detailorder-user > li {
  display: inline-block;
  margin: 0 15px 20px 15px;
  line-height: 1.7;
  font-size: 16px;
}
.detailorder-user > li:before {
  display: none;
}

/*
  detailOrder-summary
  ---
*/

.detailOrder-summary {
  margin-bottom: 20px;
}

/*
  title
  ---
*/

.detailOrder-summary-title {
  margin: 0 0 25px 0;
}

/*
  list
  ---
*/

.detailOrder-summary-list {
  margin: 0 0 25px 0;
}
.detailOrder-summary-list > li {
  margin: 0 0 -1px 0;
  padding: 25px 0;
  border-top: 1px solid #cfd3d3;
  border-bottom: 1px solid #cfd3d3;
  line-height: 2;
  font-size: 16px;
}
.detailOrder-summary-list > li:before {
  display: none;
}
.detailOrder-summary-list > li > strong {
  font-size: 20px;
}

/*
  total
  ---
*/

.detailOrder-summary-total {
  margin-bottom: 25px;
  line-height: 2.2;
}
.detailOrder-summary-total > strong {
  font-size: 30px;
}

/*
  go
  ---
*/

.detailOrder-go {
  margin-bottom: 30px;
}
.detailOrder-go .uil {
  display: none;
}

/*
  note
  ---
*/

.detailOrder-note {
  margin: 25px 0 0 0;
  text-align: center;
  font-size: 14px;
  color: #8a8a8a;
}

/*
  detailOrder-buttons
  ---
*/

.detailOrder-buttons {
  margin: 65px 0 0 0;
}

/*
  adjust link
  ...
*/

.detailOrder-buttons .link.type-button {
  margin: 0;
  white-space: nowrap;
}
.detailOrder-buttons .link.type-button:first-child {
  float: left;
}
.detailOrder-buttons .link.type-button:last-child {
  float: right;
}
.detailOrder-buttons .link.type-button:first-child:last-child {
  float: left;
}

/*
  detailOrder-alert
  ---
*/

.detailOrder-alert {
  margin: 0 0 30px 0;
  line-height: 1.5;
  font-weight: 500;
  font-size: 18px;
}
.detailOrder-alert > b {
  display: inline-block;
  padding-bottom: 15px;
  font-size: 200%;
}

/*
  detailOrder-form
  ---
*/

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

/*
  width-*
  ...
*/

.detailOrder-form.width-short {
  max-width: 650px;
}

/*
  title
  ...
*/

.detailOrder-form-title {
  /* TODO */
}

/*
  width-*
*/

/* .detailOrder-form.width-short .detailOrder-form-title {
  margin-left: 22px;
} */

/*
  skip
  ...
*/

.detailOrder-form-skip {
  margin: 0 0 25px 0;
  padding: 15px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  line-height: 1;
}

/*
  adjust link
*/

.detailOrder-form-skip .link.type-button {
  margin: 0 15px 0 0 !important;
}


/*
  adjust link
  ...
*/

.detailOrder-form .link.type-button {
  margin-bottom: 20px;
}

/*
  adjust field-label
  ...
*/

.detailOrder-form .field-label {
  /* margin-left: 22px; */
  font-size: 18px;
}
.detailOrder-form #field-payment .field-label, .detailOrder-form #field-payment .field-label + br {
  display: none;
}

/*
  adjust field-error
  ...
*/

.detailOrder-form .field-error {
  margin-left: 22px;
}

/*
  webSection
  ***
*/

.webSection {
  position: relative;
  padding: 0 4%;
  background-color: #fff;
}
.webSection-inset {
  position: relative;
  z-index: 20;
  padding: 80px 0 60px 0;
}

/*
  padding-false
  ---
*/

.webSection.padding-false {
  padding: 0;
}


/*
  is-centered
  ---
*/

.webSection.is-centered .webSection-inset {
  max-width: 1430px;
  margin: 0 auto;
}

/*
  size-small
  ...
*/

.webSection.is-centered.size-medium .webSection-inset {
  max-width: 1300px;
}
.webSection.is-centered.size-small .webSection-inset {
  max-width: 1050px;
}
.webSection.is-centered.size-tiny .webSection-inset {
  max-width: 950px;
}

/*
  space-top
  ---
*/

.webSection.space-top .webSection-inset {
  padding-top: 100px;
}

/*
  has-streak
  ---
*/

.webSection.has-streak .webSection-inset {
  padding-bottom: 180px;
}

/*
  cols
  ---
*/

.webSection-cols {
  overflow: hidden;
}

/*
  item
  ...
*/

.webSection-cols-item {
  width: 50%;
  float: left;
  overflow: hidden;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
.webSection-cols-item-inset {
  max-width: 800px;
  margin: 0 auto;
  padding: 60px 8% 40px 8%;
}


/*
  title
  ---
*/

.webSection-title {
  /* TODO */
}

/*
  excerpt
  ---
*/

.webSection-excerpt {
  margin: 0 0 40px 0;
  font-weight: 300;
  color: #01636d;
}

/*
  format
  ...
*/

.webSection-excerpt > b {
  font-weight: 500;
}

/*
  size-*
  ...
*/

.webSection-excerpt.size-large {
  font-size: 140%;
}

/*
  adjust link
  ...
*/

.webSection-excerpt .link {
  margin-top: 20px;
}

/*
  arrow
  ---
*/

.webSection-arrow {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  bottom: -18px;
  z-index: 10;
  transform: rotate(52deg) skewY(-15deg);
  margin-left: -41px;
  background-color: red;
}

/*
  adjust streak
  ---
*/

.webSection .streak {
  position: absolute;
  left: 0;
  top: -124px;
  right: 0;
  margin-top: 0;
}

/*
  adjust sliderOpinions
  ---
*/

.webSection .sliderOpinions {
  margin-left: -360px;
}
.webSection .sliderOpinions .streak:last-child {
  top: auto;
}

/*
  adjust itemJob--list
  ---
*/

.webSection .itemPerson--list {
  margin-top: 40px;
}

/*
  adjust itemPerson--list
  ---
*/

.webSection .itemPerson--list {
  margin-top: 20px;
}

/*
  adjust listTerms, detailPost
  ---
*/

.webSection .detailPost, .webSection .detailPost-inset {
  padding: 0;
}
.webSection .detailPost {
  border-top: none;
}
.webSection .detailPost-inset {
  max-width: none;
}

/*
  webWrap
  ***
*/

.webWrap {
  overflow: hidden;
}
html.page-template-order_01-products .webWrap {
  overflow: visible;
}

/*
  webMain
  ***
*/

.webMain {
  min-height: 200px;
}

/*
  webHead
  ***
*/

.webHead {
  position: relative;
  z-index: 100;
  padding: 0 3%;
  background-color: #fff;
}
.webHead-inset {
  max-width: 1920px;
  margin: 0 auto;
  padding: 6px 0;
}

/* tpl */

.page-template-advices .webHead {
  border-bottom: 1px solid #eee;
}

/* is-pinned */

.webHead.is-pinned {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

/*
  wrapper
  ---
*/

.webHead--wrapper {
  height: 140px;
}

/*
  logo
  ---
*/

.webHead-logo {
  width: 163px;
  height: 87px;
  float: left;
  overflow: hidden;
  margin: 18px -32px 0 -10px;
  background: url('../img/logo.png') center center no-repeat;
  background-size: contain;
  white-space: nowrap;
  text-indent: 200%;
}

/*
  nav
  ---
*/

.webHead-nav {
  float: left;
  margin-left: 40px;
  text-align: center;
  font-size: 0;
}
html.page-template-landing-1 .webHead-nav {
  display: none !important;
}

/*
  reset
  ...
*/

.webHead-nav li {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.webHead-nav li.in-mobile {
  display: none;
}
.webHead-nav li:before {
  display: none;
}

/*
  list
  ...
*/

.webHead-nav > ul {
  margin: 0;
  white-space: nowrap;
}
.webHead-nav > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.webHead-nav > ul > li > a {
  display: block;
  padding: 49px 10px 49px 10px;
  line-height: 1.6;
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  color: #4a2501;
}
.webHead-nav > ul > li > ul {
  width: 250px;
  position: absolute;
  left: 50%;
  top: 100%;
  display: none;
  margin: -15px 0 0 -125px;
  background-color: #fff;
  box-shadow: 0 10px 30px rgba(28, 30, 38, 0.2);
  white-space: normal;
}
.webHead-nav > ul > li > ul:before {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: -7px;
  transform: rotate(45deg);
  margin-left: -6px;
  background-color: #fff;
}
.webHead-nav > ul > li > ul > li > a {
  display: block;
  padding: 7px 15px;
  border-bottom: 1px dashed #eee;
  line-height: 1.6;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  color: #4a2501;
}
.webHead-nav > ul > li > ul > li:first-child > a {
  padding-top: 12px;
}
.webHead-nav > ul > li > ul > li:last-child > a {
  padding-bottom: 12px;
  border-bottom: none;
}

/* actions */

.webHead-nav > ul > li > a:hover, .webHead-nav > ul > li.is-active > a, .webHead-nav > ul > li > ul > li > a:hover, .webHead-nav > ul > li > ul > li.is-active > a {
  text-decoration: underline;
}
.webHead-nav > ul > li:hover > ul {
  display: block;
}

/*
  adjust link
  ---
*/

.webHead .link.type-button {
  float: right;
  margin: 33px 0 25px 21px;
}
html.page-template-landing-1 .link.type-button {
  display: none !important;
}

/*
  adjust burger
  ---
*/

.webHead .burger {
  float: right;
  display: none;
  margin: 15px 0 0 15px;
}

/* page-template-landing-1 */

html.page-template-landing-1 .webHead .burger {
  display: none !important;
}

/*
  langs
  ---
*/

.webHead-langs {
  position: relative;
  float: right;
  margin: 54px 0 0 28px;
  padding-bottom: 12px;
  font-size: 15px;
}

/*
  IMG
  ...
*/

.webHead-langs img {
  display: inline-block;
  vertical-align: middle;
  border-radius: 24px;
}

/*
  current
  ...
*/

.webHead-langs-current {
  display: block;
}

/*
  IMG
*/

.webHead-langs-current img {
  position: relative;
  top: -3px;
  margin-right: 6px;
}

/*
  list
  ...
*/

.webHead-langs-list {
  width: 160px;
  position: absolute;
  left: 50%;
  top: 100%;
  overflow: hidden;
  display: none;
  margin-left: -80px;
  padding: 10px 0;
  background-color: #fff;
  box-shadow: 0 8px 16px rgb(0, 0, 0, 0.05);
  border: 1px dashed #0F74AD;
  border-top: 3px solid #0F74AD;
  border-radius: 6px;
}

/* actions */

.webHead-langs:hover .webHead-langs-list {
  display: block;
}

/*
  LINK
*/

.webHead-langs-list a {
  display: block;
  padding: 3px 12px 3px 12px;
  white-space: nowrap;
  text-decoration: none;
}

/*
  IMG
*/

.webHead-langs-list img {
  position: relative;
  top: -2px;
  margin-right: 6px;
}


/*
  webFlash
  ***
*/

.webFlash {
  position: relative;
  padding: 0 4%;
  background-color: #fff;
  border-top: 1px solid #eee;
}
.webFlash-inset {
  max-width: 1600px;
  margin: 0 auto;
  padding: 15px 0;
  overflow: hidden;
  text-align: right;
  font-size: 16px;
}

/*
  title
  ---
*/

.webFlash-title {
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  font-size: inherit;
  color: #7347a4;
}
.webFlash-title:after {
  content: '/';
  position: relative;
  top: -2px;
  margin: 0 3px 0 7px;
  font-size: 55%;
  opacity: 0.6;
  color: #eee;
}

/*
  type
  ---
*/

.webFlash.type-danger .webFlash-title {
  color: #cb1b4d;
}
.webFlash.type-happy .webFlash-title {
  color: #27a250;
}


/*
  excerpt
  ---
*/

.webFlash-excerpt {
  display: inline-block;
  margin: 0;
  line-height: 1.7;
}
.webFlash-excerpt > a {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 15px;
  padding: 12px 14px 10px 14px;
  background-color: #eee;
  border-radius: 100px;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  color: #0f2325;
}

/* actions */

.webFlash-excerpt > a:hover {
  opacity: 0.8;
}

/*
  close
  ---
*/

.webFlash-close {
  display: inline-block;
  margin-left: 10px;
  padding: 1px;
  border: 1px solid #cb1b4d;
  border-radius: 100%;
  line-height: 1;
  text-decoration: none;
  font-size: 0;
  color: #cb1b4d;
}
.webFlash-close:before {
  content: '\ebee';
  font: 15px 'unicons';
}

/* actions */

.webFlash-close:hover {
  border-color: #0f2325;
  color: #0f2325;
}

/*
  webPromo
  ***
*/

.webPromo, .webPromo-inset {
  overflow: hidden;
}
.webPromo {
  position: relative;
  overflow: hidden;
  background-color: #ffc400;
}
.webPromo-inset {
  width: 50%;
  float: left;
}
.webPromo-inset-inset {
  max-width: 610px;
  float: right;
  padding: 85px 100px 155px 5%;
}

/*
  col
  ---
*/

.webPromo-col {
  width: 55%;
  width: calc(45%);
  float: left;
  clear: left;
  margin-top: 30px;
}
.webPromo-col:nth-child(odd) {
  width: 38%;
  width: calc(55% - 75px);
  float: right;
  clear: right;
}

/*
  title
  ---
*/

.webPromo-title {
  /* NOPE */
}

/*
  badge
  ---
*/

.webPromo-badge {
  width: 32%;
  position: absolute;
  right: 100px;
  top: 100px;
  z-index: 10;
}


/*
  contact
  ---
*/

.webPromo-contact {
  overflow: hidden;
  margin-right: -30px;
  font-size: 16px;
}

/*
  title
  ...
*/

.webPromo-contact-title {
  margin: 0;
}

/*
  adjust link
  ...
*/

.webPromo-contact-link {
  margin: 5px 0 0 0;
}
.webPromo-contact-link > a {
  display: block;
  text-decoration: none;
  font-weight: 600;
  font-size: 22px;
}
.webPromo-contact-link > a[href*="facebook"] {
  margin-left: -7px;
}

/*
  adjust note
  ...
*/

.webPromo-contact-note {
  margin: 5px 0 0 0;
}

/*
  address
  ...
*/

.webPromo-contact-address {
  float: left;
  margin: 10px 0 0 0;
}

/*
  copy
  ...
*/

.webPromo-contact-copy {
  float: right;
  margin: 5px 0 0 0;
}


/*
  thumb, map
  ---
*/

.webPromo-thumb, .webPromo-map, .webPromo-map-canvas {
  position: absolute;
}
.webPromo-thumb, .webPromo-map {
  width: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  background: #222 center center no-repeat;
  background-size: cover;
}
.webPromo-map-canvas {
  width: 100%;
  left: 0;
  top: 0;
  bottom: -14px;
}

/*
  webFoot
  ***
*/

.webFoot {
  padding: 0 4%;
  border-top: 1px solid #eee;
}
.webFoot-inset {
  max-width: 1150px;
  margin: 0 auto;
  padding: 32px 0;
}

/*
  adjust listSocial
  ---
*/

.webFoot .listSocials {
  float: left;
  clear: left;
  margin: 14px 0 0 0;
}

/*
  copy
  ---
*/

.webFoot-copy {
  float: left;
  margin: 0;
}

/*
  note
  ---
*/

.webFoot-note {
  display: block;
  padding-top: 16px;
  line-height: 1.8;
  font-size: 70%;
}
.webFoot-note b {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 160%;
}

/*
  nav
  ---
*/

.webFoot-nav {
  max-width: 360px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
}
.webFoot-nav a {
  display: inline-block;
  padding: 0 4px;
}

/*
  contact
  ---
*/

.webFoot-contact {
  float: right;
  margin: -30px 0 0 0;
  text-align: right;
  font-size: 15px;
}
.webFoot-contact b {
  font-size: 20px;
}
.webFoot-contact a {
  display: block;
  line-height: inherit;
}

/*
  webLoader
  ***
*/

.webLoader {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  display: none;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.webLoader > span {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -130px;
  padding: 15px 25px 14px 53px;
  background-color: #00b3cd;
  border-radius: 100px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}
.webLoader > span > .uil {
  width: 43px;
  position: absolute;
  left: -1px;
  top: 0;
  padding: 12px 0;
  background-color: #98c11c;
  border-radius: 100%;
  text-align: center;
  font-size: 130%;
  -webkit-animation: toDas_spin 1.2s linear infinite;
          animation: toDas_spin 1.2s linear infinite;
}

/*
  animation
  ---
*/

@-webkit-keyframes toDas_spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes toDas_spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

/*
  lexBox
  ***
*/

.lexBox {
  /* TODO */
}

/*
  overlay
  ---
*/

.lexBox-overlay {
  background-color: rgba(0, 99, 109, 0.98);
}

/*
  controls
  ---
*/

.lexBox-controls > a {
  background-color: #ffc400;
  color: #222;
}

/*
  pager
  ---
*/

.lexBox-pager > a {
  background-color: #ffc400;
}

/*
  infos
  ---
*/

.lexBox-infos {
  color: #fff;
}

/*
  lexModal
  ***
*/

.lexModal {
  /* TODO */
}
.lexModal .timeline--group {
  margin-left: 93px;
}

/*
  overlay
  ---
*/

.lexModal-overlay {
  background-color: rgba(0, 99, 109, 0.98);
}

/*
  window
  ---
*/

.lexModal-window {
  border-radius: 0;
}

/*
  content
  ---
*/

.lexModal-content {
  padding: 60px 65px 40px 65px;
}

/*
  close
  ---
*/

.lexModal-close {
  border-radius: 0;
}

/*
  loader
  ---
*/

.lexModal-loader {
  border-radius: 0;
}

/*
  adjust detailProduct
  ---
*/

.lexModal .detailProduct {
  max-width: 750px;
}

/*
  adjust listTerms
  ---
*/

.lexModal .listTerms-table {
  margin-bottom: 20px;
}
.lexModal .listTerms-table-inset {
  padding: 0;
}
.lexModal .listTerms-table-list {
  min-width: 1px;
}

/*
  iframe (video)
  ---
*/

.lexModal iframe {
  width: 800px;
  height: 450px;
  margin-bottom: 20px;
}

/*
  stupidBorder
  ***
*/

.stupidBorder {
  display: inline-block;
  padding: 12px 17px;
  background-color: #ce3333;
  border-radius: 5px;
  line-height: 1.6;
  font-weight: 700;
  font-size: 13px;
}

/*
  newsletter
  ***
*/

.newsletter {
  margin-bottom: 26px;
  padding: 0 4%;
  background-color: #f7c737;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 14px;
}
.newsletter__inset {
  max-width: 800px;
  margin: 0 auto;
  padding: 24px 0;
}

/*
  fixed
  ---
*/

.newsletter--fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  margin-bottom: 0;
}

/*
  adjust flashMessage
  ---
*/

.newsletter .flashMessage {
  display: inline-block;
  margin: 8px 0 12px 0;
  border-radius: 48px;
  padding: 10px 24px;
  text-transform: none;
}

/*
  title
  ---
*/

.newsletter__title {
  margin: 0 50px !important;
}

/*
  excerpt
  ---
*/

.newsletter__excerpt {
  margin: 6px 0 0 0;
}

/*
  fields
  ---
*/

.newsletter__fields {
  width: 540px;
  position: relative;
  margin: 6px auto 0 auto;
  font-size: 0;
}

/*
  input
  ...
*/

.newsletter__fields__input {
  width: 100%;
  height: 44px;
  display: block;
  padding: 0 180px 0 18px;
  background-color: #fff;
  border: none;
  border-radius: 48px;
  font-size: 15px;
}

/* actions

/*
  button
  ...
*/

.newsletter__fields__button {
  height: 40px;
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 0 12px;
  border-radius: 48px;
  background-color: #255960;
  border: none;
  font-weight: 500;
  font-size: 15px;
  color: #fff;
}

/*
  close
  ---
*/

.newsletter__close {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 28px;
  top: 28px;
  display: inline-block;
  font-size: 0;
  cursor: pointer;
}
.newsletter__close:before, .newsletter__close:after {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 35%;
  background-color: #FF1919;
}
.newsletter__close:before {
  transform: rotate(-45deg);
}
.newsletter__close:after {
  transform: rotate(45deg);
}

/*
  grecaptcha-badge
  ***
*/

.grecaptcha-badge {
  visibility: collapse;
}

/*
  select2
  ***
*/

.select2-selection {
  display: block;
  background-color: #fff;
  box-shadow: inset 0 2px 7px rgba(0, 0, 0, 0.15);
  border: 1px solid #b7bdc0;
  border-radius: 5px;
}
.select2-selection__choice__display {
  max-width: 120px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
  selection__rendered
  ---
*/

.select2-selection__rendered {
  display: inline-block;
  min-height: 33px;
  vertical-align: middle;
  margin: 0 -12px 0 0;
  padding: 6px 8px;
  font-size: 0;
}
.select2-selection__rendered:empty {
  display: inline-block;
  min-height: 33px;
  vertical-align: middle;
  margin: 0 -12px 0 0;
  padding: 6px 8px;
  font-size: 0;
}

/*
  selection__choice
  ---
*/

.select2-selection__choice {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 6px 3px 0;
  padding: 7px 8px 7px 32px;
  background-color: #eee;
  border-radius: 6px 3px 3px 6px;
  line-height: 1;
  font-size: 13px;
}
.select2-selection__choice:before {
  display: none;
}

/*
  selection__choice__remove
  ---
*/

.select2-selection__choice__remove {
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: none;
  text-align: center;
  background: #B22525;
  border-radius: 3px 0 0 3px;
  color: #fff;
  cursor: pointer;
}

/*
  search
  ---
*/

.select2-search {
  min-width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin: 4px 0 4px 12px;
}

/*
  search__field
  ---
*/

.select2-search__field {
  min-width: 32px;
  height: 26px;
  display: block;
  overflow: hidden;
  padding: 6px 0 6px 26px;
  background: url('../img/icons/search-green.svg') left center no-repeat;
  background-size: 14px auto;
  border: none;
  outline: none;
  font-size: 13px;
  resize: none;
  white-space: nowrap;
}

/*
  dropdown
  ***
*/

.select2-dropdown {
  display: inline-block;
}

/*
  results__options
  ---
*/

.select2-results__options {
  max-height: 197px;
  overflow-y: auto;
  margin: 4px 0 0 0;
  background-color: #fff;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #b7bdc0;
  border-radius: 5px;
  font-size: 13px;
}

/*
  results__option
  ---
*/

.select2-results__option {
  top: -1px;
  margin: 0;
  padding: 5px 8px;
  background-color:  transparent;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.select2-results__option:before {
  display: none;
}

/* actions */

.select2-results__option:hover {
  background-color: #11636B;
  border-color: #11636B;
  color: #fff;
}