@charset "UTF-8";
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: 0;
}

.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_noselect::selection {
  background: transparent;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #3af;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "alpha(opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #3af !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa));
  background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#f4f8fa",GradientType=0);
}

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF));
  background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -o-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -ms-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f8fa",endColorstr="#FFF",GradientType=0);
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image, .fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-iframe, .fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

.fancybox-caption {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

.fancybox-loading {
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes a {
  to {
    transform: rotate(1turn);
  }
}
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1);
}

@media (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:link, .fancybox-share__button:visited {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1;
}

@media (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

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

html {
  overflow-x: hidden;
}

body {
  line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

strong, b {
  font-weight: bold;
}

input:focus {
  outline: none;
}

blockquote, q {
  quotes: none;
}

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

a[ng-click], div[ng-click], p[ng-click], span[ng-click], img[ng-click], a[ui-sref], div[ui-sref], p[ui-sref], span[ui-sref], img[ui-sref] {
  cursor: pointer;
}

textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .home-banner__main-button:active, .btn.active, .active.home-banner__main-button {
  outline: 0px !important;
  -webkit-appearance: none;
}

.slick-slide, .slick-slide a, .slick-slide:focus {
  outline: none !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  animation: autofill 0s forwards;
}

@keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
  }
}
@-webkit-keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
  }
}
input:-webkit-autofill {
  -webkit-text-fill-color: #2a2a2a !important;
}

.slick-loading .slick-list {
  background: #fff none center center no-repeat;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.row.fixPadding {
  width: calc(100% + 1% + 1%);
  margin-left: -1%;
  margin-right: -1%;
}
.row:after {
  content: "";
  display: block;
  clear: both;
}

.col1 {
  width: 4.1666666667%;
}

.col2 {
  width: 8.3333333333%;
}

.col3 {
  width: 12.5%;
}

.col4 {
  width: 16.6666666667%;
}

.col5 {
  width: 20.8333333333%;
}

.col6 {
  width: 25%;
}

.col7 {
  width: 29.1666666667%;
}

.col8 {
  width: 33.3333333333%;
}

.col9 {
  width: 37.5%;
}

.col10 {
  width: 41.6666666667%;
}

.col11 {
  width: 45.8333333333%;
}

.col12 {
  width: 50%;
}

.col13 {
  width: 54.1666666667%;
}

.col14 {
  width: 58.3333333333%;
}

.col15 {
  width: 62.5%;
}

.col16 {
  width: 66.6666666667%;
}

.col17 {
  width: 70.8333333333%;
}

.col18 {
  width: 75%;
}

.col19 {
  width: 79.1666666667%;
}

.col20 {
  width: 83.3333333333%;
}

.col21 {
  width: 87.5%;
}

.col22 {
  width: 91.6666666667%;
}

.col23 {
  width: 95.8333333333%;
}

.col24 {
  width: 100%;
}

.col, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12,
.col13, .col14, .col15, .col16, .col17, .col18, .col19, .col20, .col21, .col22, .col23, .col24 {
  display: block;
  float: left;
  min-height: 1px;
  padding: 0 1%;
}

@media screen and (max-width: 1800px) {
  .col1_1800 {
    width: 4.1666666667%;
  }
  .col2_1800 {
    width: 8.3333333333%;
  }
  .col3_1800 {
    width: 12.5%;
  }
  .col4_1800 {
    width: 16.6666666667%;
  }
  .col5_1800 {
    width: 20.8333333333%;
  }
  .col6_1800 {
    width: 25%;
  }
  .col7_1800 {
    width: 29.1666666667%;
  }
  .col8_1800 {
    width: 33.3333333333%;
  }
  .col9_1800 {
    width: 37.5%;
  }
  .col10_1800 {
    width: 41.6666666667%;
  }
  .col11_1800 {
    width: 45.8333333333%;
  }
  .col12_1800 {
    width: 50%;
  }
  .col13_1800 {
    width: 54.1666666667%;
  }
  .col14_1800 {
    width: 58.3333333333%;
  }
  .col15_1800 {
    width: 62.5%;
  }
  .col16_1800 {
    width: 66.6666666667%;
  }
  .col17_1800 {
    width: 70.8333333333%;
  }
  .col18_1800 {
    width: 75%;
  }
  .col19_1800 {
    width: 79.1666666667%;
  }
  .col20_1800 {
    width: 83.3333333333%;
  }
  .col21_1800 {
    width: 87.5%;
  }
  .col22_1800 {
    width: 91.6666666667%;
  }
  .col23_1800 {
    width: 95.8333333333%;
  }
  .col24_1800 {
    width: 100%;
  }
  .col1_1800, .col2_1800, .col3_1800, .col4_1800, .col5_1800, .col6_1800,
  .col7_1800, .col8_1800, .col9_1800, .col10_1800, .col11_1800, .col12_1800,
  .col13_1800, .col14_1800, .col15_1800, .col16_1800, .col17_1800, .col18_1800,
  .col19_1800, .col20_1800, .col21_1800, .col22_1800, .col23_1800, .col24_1800 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 1700px) {
  .col1_1700 {
    width: 4.1666666667%;
  }
  .col2_1700 {
    width: 8.3333333333%;
  }
  .col3_1700 {
    width: 12.5%;
  }
  .col4_1700 {
    width: 16.6666666667%;
  }
  .col5_1700 {
    width: 20.8333333333%;
  }
  .col6_1700 {
    width: 25%;
  }
  .col7_1700 {
    width: 29.1666666667%;
  }
  .col8_1700 {
    width: 33.3333333333%;
  }
  .col9_1700 {
    width: 37.5%;
  }
  .col10_1700 {
    width: 41.6666666667%;
  }
  .col11_1700 {
    width: 45.8333333333%;
  }
  .col12_1700 {
    width: 50%;
  }
  .col13_1700 {
    width: 54.1666666667%;
  }
  .col14_1700 {
    width: 58.3333333333%;
  }
  .col15_1700 {
    width: 62.5%;
  }
  .col16_1700 {
    width: 66.6666666667%;
  }
  .col17_1700 {
    width: 70.8333333333%;
  }
  .col18_1700 {
    width: 75%;
  }
  .col19_1700 {
    width: 79.1666666667%;
  }
  .col20_1700 {
    width: 83.3333333333%;
  }
  .col21_1700 {
    width: 87.5%;
  }
  .col22_1700 {
    width: 91.6666666667%;
  }
  .col23_1700 {
    width: 95.8333333333%;
  }
  .col24_1700 {
    width: 100%;
  }
  .col1_1700, .col2_1700, .col3_1700, .col4_1700, .col5_1700, .col6_1700,
  .col7_1700, .col8_1700, .col9_1700, .col10_1700, .col11_1700, .col12_1700,
  .col13_1700, .col14_1700, .col15_1700, .col16_1700, .col17_1700, .col18_1700,
  .col19_1700, .col20_1700, .col21_1700, .col22_1700, .col23_1700, .col24_1700 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 1600px) {
  .col1_1600 {
    width: 4.1666666667%;
  }
  .col2_1600 {
    width: 8.3333333333%;
  }
  .col3_1600 {
    width: 12.5%;
  }
  .col4_1600 {
    width: 16.6666666667%;
  }
  .col5_1600 {
    width: 20.8333333333%;
  }
  .col6_1600 {
    width: 25%;
  }
  .col7_1600 {
    width: 29.1666666667%;
  }
  .col8_1600 {
    width: 33.3333333333%;
  }
  .col9_1600 {
    width: 37.5%;
  }
  .col10_1600 {
    width: 41.6666666667%;
  }
  .col11_1600 {
    width: 45.8333333333%;
  }
  .col12_1600 {
    width: 50%;
  }
  .col13_1600 {
    width: 54.1666666667%;
  }
  .col14_1600 {
    width: 58.3333333333%;
  }
  .col15_1600 {
    width: 62.5%;
  }
  .col16_1600 {
    width: 66.6666666667%;
  }
  .col17_1600 {
    width: 70.8333333333%;
  }
  .col18_1600 {
    width: 75%;
  }
  .col19_1600 {
    width: 79.1666666667%;
  }
  .col20_1600 {
    width: 83.3333333333%;
  }
  .col21_1600 {
    width: 87.5%;
  }
  .col22_1600 {
    width: 91.6666666667%;
  }
  .col23_1600 {
    width: 95.8333333333%;
  }
  .col24_1600 {
    width: 100%;
  }
  .col1_1600, .col2_1600, .col3_1600, .col4_1600, .col5_1600, .col6_1600,
  .col7_1600, .col8_1600, .col9_1600, .col10_1600, .col11_1600, .col12_1600,
  .col13_1600, .col14_1600, .col15_1600, .col16_1600, .col17_1600, .col18_1600,
  .col19_1600, .col20_1600, .col21_1600, .col22_1600, .col23_1600, .col24_1600 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 1500px) {
  .col1_1500 {
    width: 4.1666666667%;
  }
  .col2_1500 {
    width: 8.3333333333%;
  }
  .col3_1500 {
    width: 12.5%;
  }
  .col4_1500 {
    width: 16.6666666667%;
  }
  .col5_1500 {
    width: 20.8333333333%;
  }
  .col6_1500 {
    width: 25%;
  }
  .col7_1500 {
    width: 29.1666666667%;
  }
  .col8_1500 {
    width: 33.3333333333%;
  }
  .col9_1500 {
    width: 37.5%;
  }
  .col10_1500 {
    width: 41.6666666667%;
  }
  .col11_1500 {
    width: 45.8333333333%;
  }
  .col12_1500 {
    width: 50%;
  }
  .col13_1500 {
    width: 54.1666666667%;
  }
  .col14_1500 {
    width: 58.3333333333%;
  }
  .col15_1500 {
    width: 62.5%;
  }
  .col16_1500 {
    width: 66.6666666667%;
  }
  .col17_1500 {
    width: 70.8333333333%;
  }
  .col18_1500 {
    width: 75%;
  }
  .col19_1500 {
    width: 79.1666666667%;
  }
  .col20_1500 {
    width: 83.3333333333%;
  }
  .col21_1500 {
    width: 87.5%;
  }
  .col22_1500 {
    width: 91.6666666667%;
  }
  .col23_1500 {
    width: 95.8333333333%;
  }
  .col24_1500 {
    width: 100%;
  }
  .col1_1500, .col2_1500, .col3_1500, .col4_1500, .col5_1500, .col6_1500,
  .col7_1500, .col8_1500, .col9_1500, .col10_1500, .col11_1500, .col12_1500,
  .col13_1500, .col14_1500, .col15_1500, .col16_1500, .col17_1500, .col18_1500,
  .col19_1500, .col20_1500, .col21_1500, .col22_1500, .col23_1500, .col24_1500 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 1400px) {
  .col1_1400 {
    width: 4.1666666667%;
  }
  .col2_1400 {
    width: 8.3333333333%;
  }
  .col3_1400 {
    width: 12.5%;
  }
  .col4_1400 {
    width: 16.6666666667%;
  }
  .col5_1400 {
    width: 20.8333333333%;
  }
  .col6_1400 {
    width: 25%;
  }
  .col7_1400 {
    width: 29.1666666667%;
  }
  .col8_1400 {
    width: 33.3333333333%;
  }
  .col9_1400 {
    width: 37.5%;
  }
  .col10_1400 {
    width: 41.6666666667%;
  }
  .col11_1400 {
    width: 45.8333333333%;
  }
  .col12_1400 {
    width: 50%;
  }
  .col13_1400 {
    width: 54.1666666667%;
  }
  .col14_1400 {
    width: 58.3333333333%;
  }
  .col15_1400 {
    width: 62.5%;
  }
  .col16_1400 {
    width: 66.6666666667%;
  }
  .col17_1400 {
    width: 70.8333333333%;
  }
  .col18_1400 {
    width: 75%;
  }
  .col19_1400 {
    width: 79.1666666667%;
  }
  .col20_1400 {
    width: 83.3333333333%;
  }
  .col21_1400 {
    width: 87.5%;
  }
  .col22_1400 {
    width: 91.6666666667%;
  }
  .col23_1400 {
    width: 95.8333333333%;
  }
  .col24_1400 {
    width: 100%;
  }
  .col1_1400, .col2_1400, .col3_1400, .col4_1400, .col5_1400, .col6_1400,
  .col7_1400, .col8_1400, .col9_1400, .col10_1400, .col11_1400, .col12_1400,
  .col13_1400, .col14_1400, .col15_1400, .col16_1400, .col17_1400, .col18_1400,
  .col19_1400, .col20_1400, .col21_1400, .col22_1400, .col23_1400, .col24_1400 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 1300px) {
  .col1_1300 {
    width: 4.1666666667%;
  }
  .col2_1300 {
    width: 8.3333333333%;
  }
  .col3_1300 {
    width: 12.5%;
  }
  .col4_1300 {
    width: 16.6666666667%;
  }
  .col5_1300 {
    width: 20.8333333333%;
  }
  .col6_1300 {
    width: 25%;
  }
  .col7_1300 {
    width: 29.1666666667%;
  }
  .col8_1300 {
    width: 33.3333333333%;
  }
  .col9_1300 {
    width: 37.5%;
  }
  .col10_1300 {
    width: 41.6666666667%;
  }
  .col11_1300 {
    width: 45.8333333333%;
  }
  .col12_1300 {
    width: 50%;
  }
  .col13_1300 {
    width: 54.1666666667%;
  }
  .col14_1300 {
    width: 58.3333333333%;
  }
  .col15_1300 {
    width: 62.5%;
  }
  .col16_1300 {
    width: 66.6666666667%;
  }
  .col17_1300 {
    width: 70.8333333333%;
  }
  .col18_1300 {
    width: 75%;
  }
  .col19_1300 {
    width: 79.1666666667%;
  }
  .col20_1300 {
    width: 83.3333333333%;
  }
  .col21_1300 {
    width: 87.5%;
  }
  .col22_1300 {
    width: 91.6666666667%;
  }
  .col23_1300 {
    width: 95.8333333333%;
  }
  .col24_1300 {
    width: 100%;
  }
  .col1_1300, .col2_1300, .col3_1300, .col4_1300, .col5_1300, .col6_1300,
  .col7_1300, .col8_1300, .col9_1300, .col10_1300, .col11_1300, .col12_1300,
  .col13_1300, .col14_1300, .col15_1300, .col16_1300, .col17_1300, .col18_1300,
  .col19_1300, .col20_1300, .col21_1300, .col22_1300, .col23_1300, .col24_1300 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 1200px) {
  .col1_1200 {
    width: 4.1666666667%;
  }
  .col2_1200 {
    width: 8.3333333333%;
  }
  .col3_1200 {
    width: 12.5%;
  }
  .col4_1200 {
    width: 16.6666666667%;
  }
  .col5_1200 {
    width: 20.8333333333%;
  }
  .col6_1200 {
    width: 25%;
  }
  .col7_1200 {
    width: 29.1666666667%;
  }
  .col8_1200 {
    width: 33.3333333333%;
  }
  .col9_1200 {
    width: 37.5%;
  }
  .col10_1200 {
    width: 41.6666666667%;
  }
  .col11_1200 {
    width: 45.8333333333%;
  }
  .col12_1200 {
    width: 50%;
  }
  .col13_1200 {
    width: 54.1666666667%;
  }
  .col14_1200 {
    width: 58.3333333333%;
  }
  .col15_1200 {
    width: 62.5%;
  }
  .col16_1200 {
    width: 66.6666666667%;
  }
  .col17_1200 {
    width: 70.8333333333%;
  }
  .col18_1200 {
    width: 75%;
  }
  .col19_1200 {
    width: 79.1666666667%;
  }
  .col20_1200 {
    width: 83.3333333333%;
  }
  .col21_1200 {
    width: 87.5%;
  }
  .col22_1200 {
    width: 91.6666666667%;
  }
  .col23_1200 {
    width: 95.8333333333%;
  }
  .col24_1200 {
    width: 100%;
  }
  .col1_1200, .col2_1200, .col3_1200, .col4_1200, .col5_1200, .col6_1200,
  .col7_1200, .col8_1200, .col9_1200, .col10_1200, .col11_1200, .col12_1200,
  .col13_1200, .col14_1200, .col15_1200, .col16_1200, .col17_1200, .col18_1200,
  .col19_1200, .col20_1200, .col21_1200, .col22_1200, .col23_1200, .col24_1200 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 1100px) {
  .col1_1100 {
    width: 4.1666666667%;
  }
  .col2_1100 {
    width: 8.3333333333%;
  }
  .col3_1100 {
    width: 12.5%;
  }
  .col4_1100 {
    width: 16.6666666667%;
  }
  .col5_1100 {
    width: 20.8333333333%;
  }
  .col6_1100 {
    width: 25%;
  }
  .col7_1100 {
    width: 29.1666666667%;
  }
  .col8_1100 {
    width: 33.3333333333%;
  }
  .col9_1100 {
    width: 37.5%;
  }
  .col10_1100 {
    width: 41.6666666667%;
  }
  .col11_1100 {
    width: 45.8333333333%;
  }
  .col12_1100 {
    width: 50%;
  }
  .col13_1100 {
    width: 54.1666666667%;
  }
  .col14_1100 {
    width: 58.3333333333%;
  }
  .col15_1100 {
    width: 62.5%;
  }
  .col16_1100 {
    width: 66.6666666667%;
  }
  .col17_1100 {
    width: 70.8333333333%;
  }
  .col18_1100 {
    width: 75%;
  }
  .col19_1100 {
    width: 79.1666666667%;
  }
  .col20_1100 {
    width: 83.3333333333%;
  }
  .col21_1100 {
    width: 87.5%;
  }
  .col22_1100 {
    width: 91.6666666667%;
  }
  .col23_1100 {
    width: 95.8333333333%;
  }
  .col24_1100 {
    width: 100%;
  }
  .col1_1100, .col2_1100, .col3_1100, .col4_1100, .col5_1100, .col6_1100,
  .col7_1100, .col8_1100, .col9_1100, .col10_1100, .col11_1100, .col12_1100,
  .col13_1100, .col14_1100, .col15_1100, .col16_1100, .col17_1100, .col18_1100,
  .col19_1100, .col20_1100, .col21_1100, .col22_1100, .col23_1100, .col24_1100 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 1024px) {
  .col1_1024 {
    width: 4.1666666667%;
  }
  .col2_1024 {
    width: 8.3333333333%;
  }
  .col3_1024 {
    width: 12.5%;
  }
  .col4_1024 {
    width: 16.6666666667%;
  }
  .col5_1024 {
    width: 20.8333333333%;
  }
  .col6_1024 {
    width: 25%;
  }
  .col7_1024 {
    width: 29.1666666667%;
  }
  .col8_1024 {
    width: 33.3333333333%;
  }
  .col9_1024 {
    width: 37.5%;
  }
  .col10_1024 {
    width: 41.6666666667%;
  }
  .col11_1024 {
    width: 45.8333333333%;
  }
  .col12_1024 {
    width: 50%;
  }
  .col13_1024 {
    width: 54.1666666667%;
  }
  .col14_1024 {
    width: 58.3333333333%;
  }
  .col15_1024 {
    width: 62.5%;
  }
  .col16_1024 {
    width: 66.6666666667%;
  }
  .col17_1024 {
    width: 70.8333333333%;
  }
  .col18_1024 {
    width: 75%;
  }
  .col19_1024 {
    width: 79.1666666667%;
  }
  .col20_1024 {
    width: 83.3333333333%;
  }
  .col21_1024 {
    width: 87.5%;
  }
  .col22_1024 {
    width: 91.6666666667%;
  }
  .col23_1024 {
    width: 95.8333333333%;
  }
  .col24_1024 {
    width: 100%;
  }
  .col1_1024, .col2_1024, .col3_1024, .col4_1024, .col5_1024, .col6_1024,
  .col7_1024, .col8_1024, .col9_1024, .col10_1024, .col11_1024, .col12_1024,
  .col13_1024, .col14_1024, .col15_1024, .col16_1024, .col17_1024, .col18_1024,
  .col19_1024, .col20_1024, .col21_1024, .col22_1024, .col23_1024, .col24_1024 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 1000px) {
  .col1_1000 {
    width: 4.1666666667%;
  }
  .col2_1000 {
    width: 8.3333333333%;
  }
  .col3_1000 {
    width: 12.5%;
  }
  .col4_1000 {
    width: 16.6666666667%;
  }
  .col5_1000 {
    width: 20.8333333333%;
  }
  .col6_1000 {
    width: 25%;
  }
  .col7_1000 {
    width: 29.1666666667%;
  }
  .col8_1000 {
    width: 33.3333333333%;
  }
  .col9_1000 {
    width: 37.5%;
  }
  .col10_1000 {
    width: 41.6666666667%;
  }
  .col11_1000 {
    width: 45.8333333333%;
  }
  .col12_1000 {
    width: 50%;
  }
  .col13_1000 {
    width: 54.1666666667%;
  }
  .col14_1000 {
    width: 58.3333333333%;
  }
  .col15_1000 {
    width: 62.5%;
  }
  .col16_1000 {
    width: 66.6666666667%;
  }
  .col17_1000 {
    width: 70.8333333333%;
  }
  .col18_1000 {
    width: 75%;
  }
  .col19_1000 {
    width: 79.1666666667%;
  }
  .col20_1000 {
    width: 83.3333333333%;
  }
  .col21_1000 {
    width: 87.5%;
  }
  .col22_1000 {
    width: 91.6666666667%;
  }
  .col23_1000 {
    width: 95.8333333333%;
  }
  .col24_1000 {
    width: 100%;
  }
  .col1_1000, .col2_1000, .col3_1000, .col4_1000, .col5_1000, .col6_1000,
  .col7_1000, .col8_1000, .col9_1000, .col10_1000, .col11_1000, .col12_1000,
  .col13_1000, .col14_1000, .col15_1000, .col16_1000, .col17_1000, .col18_1000,
  .col19_1000, .col20_1000, .col21_1000, .col22_1000, .col23_1000, .col24_1000 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 900px) {
  .col1_900 {
    width: 4.1666666667%;
  }
  .col2_900 {
    width: 8.3333333333%;
  }
  .col3_900 {
    width: 12.5%;
  }
  .col4_900 {
    width: 16.6666666667%;
  }
  .col5_900 {
    width: 20.8333333333%;
  }
  .col6_900 {
    width: 25%;
  }
  .col7_900 {
    width: 29.1666666667%;
  }
  .col8_900 {
    width: 33.3333333333%;
  }
  .col9_900 {
    width: 37.5%;
  }
  .col10_900 {
    width: 41.6666666667%;
  }
  .col11_900 {
    width: 45.8333333333%;
  }
  .col12_900 {
    width: 50%;
  }
  .col13_900 {
    width: 54.1666666667%;
  }
  .col14_900 {
    width: 58.3333333333%;
  }
  .col15_900 {
    width: 62.5%;
  }
  .col16_900 {
    width: 66.6666666667%;
  }
  .col17_900 {
    width: 70.8333333333%;
  }
  .col18_900 {
    width: 75%;
  }
  .col19_900 {
    width: 79.1666666667%;
  }
  .col20_900 {
    width: 83.3333333333%;
  }
  .col21_900 {
    width: 87.5%;
  }
  .col22_900 {
    width: 91.6666666667%;
  }
  .col23_900 {
    width: 95.8333333333%;
  }
  .col24_900 {
    width: 100%;
  }
  .col1_900, .col2_900, .col3_900, .col4_900, .col5_900, .col6_900,
  .col7_900, .col8_900, .col9_900, .col10_900, .col11_900, .col12_900,
  .col13_900, .col14_900, .col15_900, .col16_900, .col17_900, .col18_900,
  .col19_900, .col20_900, .col21_900, .col22_900, .col23_900, .col24_900 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 800px) {
  .col1_800 {
    width: 4.1666666667%;
  }
  .col2_800 {
    width: 8.3333333333%;
  }
  .col3_800 {
    width: 12.5%;
  }
  .col4_800 {
    width: 16.6666666667%;
  }
  .col5_800 {
    width: 20.8333333333%;
  }
  .col6_800 {
    width: 25%;
  }
  .col7_800 {
    width: 29.1666666667%;
  }
  .col8_800 {
    width: 33.3333333333%;
  }
  .col9_800 {
    width: 37.5%;
  }
  .col10_800 {
    width: 41.6666666667%;
  }
  .col11_800 {
    width: 45.8333333333%;
  }
  .col12_800 {
    width: 50%;
  }
  .col13_800 {
    width: 54.1666666667%;
  }
  .col14_800 {
    width: 58.3333333333%;
  }
  .col15_800 {
    width: 62.5%;
  }
  .col16_800 {
    width: 66.6666666667%;
  }
  .col17_800 {
    width: 70.8333333333%;
  }
  .col18_800 {
    width: 75%;
  }
  .col19_800 {
    width: 79.1666666667%;
  }
  .col20_800 {
    width: 83.3333333333%;
  }
  .col21_800 {
    width: 87.5%;
  }
  .col22_800 {
    width: 91.6666666667%;
  }
  .col23_800 {
    width: 95.8333333333%;
  }
  .col24_800 {
    width: 100%;
  }
  .col1_800, .col2_800, .col3_800, .col4_800, .col5_800, .col6_800,
  .col7_800, .col8_800, .col9_800, .col10_800, .col11_800, .col12_800,
  .col13_800, .col14_800, .col15_800, .col16_800, .col17_800, .col18_800,
  .col19_800, .col20_800, .col21_800, .col22_800, .col23_800, .col24_800 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 768px) {
  .col1_768 {
    width: 4.1666666667%;
  }
  .col2_768 {
    width: 8.3333333333%;
  }
  .col3_768 {
    width: 12.5%;
  }
  .col4_768 {
    width: 16.6666666667%;
  }
  .col5_768 {
    width: 20.8333333333%;
  }
  .col6_768 {
    width: 25%;
  }
  .col7_768 {
    width: 29.1666666667%;
  }
  .col8_768 {
    width: 33.3333333333%;
  }
  .col9_768 {
    width: 37.5%;
  }
  .col10_768 {
    width: 41.6666666667%;
  }
  .col11_768 {
    width: 45.8333333333%;
  }
  .col12_768 {
    width: 50%;
  }
  .col13_768 {
    width: 54.1666666667%;
  }
  .col14_768 {
    width: 58.3333333333%;
  }
  .col15_768 {
    width: 62.5%;
  }
  .col16_768 {
    width: 66.6666666667%;
  }
  .col17_768 {
    width: 70.8333333333%;
  }
  .col18_768 {
    width: 75%;
  }
  .col19_768 {
    width: 79.1666666667%;
  }
  .col20_768 {
    width: 83.3333333333%;
  }
  .col21_768 {
    width: 87.5%;
  }
  .col22_768 {
    width: 91.6666666667%;
  }
  .col23_768 {
    width: 95.8333333333%;
  }
  .col24_768 {
    width: 100%;
  }
  .col1_768, .col2_768, .col3_768, .col4_768, .col5_768, .col6_768,
  .col7_768, .col8_768, .col9_768, .col10_768, .col11_768, .col12_768,
  .col13_768, .col14_768, .col15_768, .col16_768, .col17_768, .col18_768,
  .col19_768, .col20_768, .col21_768, .col22_768, .col23_768, .col24_768 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 700px) {
  .col1_700 {
    width: 4.1666666667%;
  }
  .col2_700 {
    width: 8.3333333333%;
  }
  .col3_700 {
    width: 12.5%;
  }
  .col4_700 {
    width: 16.6666666667%;
  }
  .col5_700 {
    width: 20.8333333333%;
  }
  .col6_700 {
    width: 25%;
  }
  .col7_700 {
    width: 29.1666666667%;
  }
  .col8_700 {
    width: 33.3333333333%;
  }
  .col9_700 {
    width: 37.5%;
  }
  .col10_700 {
    width: 41.6666666667%;
  }
  .col11_700 {
    width: 45.8333333333%;
  }
  .col12_700 {
    width: 50%;
  }
  .col13_700 {
    width: 54.1666666667%;
  }
  .col14_700 {
    width: 58.3333333333%;
  }
  .col15_700 {
    width: 62.5%;
  }
  .col16_700 {
    width: 66.6666666667%;
  }
  .col17_700 {
    width: 70.8333333333%;
  }
  .col18_700 {
    width: 75%;
  }
  .col19_700 {
    width: 79.1666666667%;
  }
  .col20_700 {
    width: 83.3333333333%;
  }
  .col21_700 {
    width: 87.5%;
  }
  .col22_700 {
    width: 91.6666666667%;
  }
  .col23_700 {
    width: 95.8333333333%;
  }
  .col24_700 {
    width: 100%;
  }
  .col1_700, .col2_700, .col3_700, .col4_700, .col5_700, .col6_700,
  .col7_700, .col8_700, .col9_700, .col10_700, .col11_700, .col12_700,
  .col13_700, .col14_700, .col15_700, .col16_700, .col17_700, .col18_700,
  .col19_700, .col20_700, .col21_700, .col22_700, .col23_700, .col24_700 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 600px) {
  .col1_600 {
    width: 4.1666666667%;
  }
  .col2_600 {
    width: 8.3333333333%;
  }
  .col3_600 {
    width: 12.5%;
  }
  .col4_600 {
    width: 16.6666666667%;
  }
  .col5_600 {
    width: 20.8333333333%;
  }
  .col6_600 {
    width: 25%;
  }
  .col7_600 {
    width: 29.1666666667%;
  }
  .col8_600 {
    width: 33.3333333333%;
  }
  .col9_600 {
    width: 37.5%;
  }
  .col10_600 {
    width: 41.6666666667%;
  }
  .col11_600 {
    width: 45.8333333333%;
  }
  .col12_600 {
    width: 50%;
  }
  .col13_600 {
    width: 54.1666666667%;
  }
  .col14_600 {
    width: 58.3333333333%;
  }
  .col15_600 {
    width: 62.5%;
  }
  .col16_600 {
    width: 66.6666666667%;
  }
  .col17_600 {
    width: 70.8333333333%;
  }
  .col18_600 {
    width: 75%;
  }
  .col19_600 {
    width: 79.1666666667%;
  }
  .col20_600 {
    width: 83.3333333333%;
  }
  .col21_600 {
    width: 87.5%;
  }
  .col22_600 {
    width: 91.6666666667%;
  }
  .col23_600 {
    width: 95.8333333333%;
  }
  .col24_600 {
    width: 100%;
  }
  .col1_600, .col2_600, .col3_600, .col4_600, .col5_600, .col6_600,
  .col7_600, .col8_600, .col9_600, .col10_600, .col11_600, .col12_600,
  .col13_600, .col14_600, .col15_600, .col16_600, .col17_600, .col18_600,
  .col19_600, .col20_600, .col21_600, .col22_600, .col23_600, .col24_600 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 500px) {
  .col1_500 {
    width: 4.1666666667%;
  }
  .col2_500 {
    width: 8.3333333333%;
  }
  .col3_500 {
    width: 12.5%;
  }
  .col4_500 {
    width: 16.6666666667%;
  }
  .col5_500 {
    width: 20.8333333333%;
  }
  .col6_500 {
    width: 25%;
  }
  .col7_500 {
    width: 29.1666666667%;
  }
  .col8_500 {
    width: 33.3333333333%;
  }
  .col9_500 {
    width: 37.5%;
  }
  .col10_500 {
    width: 41.6666666667%;
  }
  .col11_500 {
    width: 45.8333333333%;
  }
  .col12_500 {
    width: 50%;
  }
  .col13_500 {
    width: 54.1666666667%;
  }
  .col14_500 {
    width: 58.3333333333%;
  }
  .col15_500 {
    width: 62.5%;
  }
  .col16_500 {
    width: 66.6666666667%;
  }
  .col17_500 {
    width: 70.8333333333%;
  }
  .col18_500 {
    width: 75%;
  }
  .col19_500 {
    width: 79.1666666667%;
  }
  .col20_500 {
    width: 83.3333333333%;
  }
  .col21_500 {
    width: 87.5%;
  }
  .col22_500 {
    width: 91.6666666667%;
  }
  .col23_500 {
    width: 95.8333333333%;
  }
  .col24_500 {
    width: 100%;
  }
  .col1_500, .col2_500, .col3_500, .col4_500, .col5_500, .col6_500,
  .col7_500, .col8_500, .col9_500, .col10_500, .col11_500, .col12_500,
  .col13_500, .col14_500, .col15_500, .col16_500, .col17_500, .col18_500,
  .col19_500, .col20_500, .col21_500, .col22_500, .col23_500, .col24_500 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 400px) {
  .col1_400 {
    width: 4.1666666667%;
  }
  .col2_400 {
    width: 8.3333333333%;
  }
  .col3_400 {
    width: 12.5%;
  }
  .col4_400 {
    width: 16.6666666667%;
  }
  .col5_400 {
    width: 20.8333333333%;
  }
  .col6_400 {
    width: 25%;
  }
  .col7_400 {
    width: 29.1666666667%;
  }
  .col8_400 {
    width: 33.3333333333%;
  }
  .col9_400 {
    width: 37.5%;
  }
  .col10_400 {
    width: 41.6666666667%;
  }
  .col11_400 {
    width: 45.8333333333%;
  }
  .col12_400 {
    width: 50%;
  }
  .col13_400 {
    width: 54.1666666667%;
  }
  .col14_400 {
    width: 58.3333333333%;
  }
  .col15_400 {
    width: 62.5%;
  }
  .col16_400 {
    width: 66.6666666667%;
  }
  .col17_400 {
    width: 70.8333333333%;
  }
  .col18_400 {
    width: 75%;
  }
  .col19_400 {
    width: 79.1666666667%;
  }
  .col20_400 {
    width: 83.3333333333%;
  }
  .col21_400 {
    width: 87.5%;
  }
  .col22_400 {
    width: 91.6666666667%;
  }
  .col23_400 {
    width: 95.8333333333%;
  }
  .col24_400 {
    width: 100%;
  }
  .col1_400, .col2_400, .col3_400, .col4_400, .col5_400, .col6_400,
  .col7_400, .col8_400, .col9_400, .col10_400, .col11_400, .col12_400,
  .col13_400, .col14_400, .col15_400, .col16_400, .col17_400, .col18_400,
  .col19_400, .col20_400, .col21_400, .col22_400, .col23_400, .col24_400 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@media screen and (max-width: 300px) {
  .col1_300 {
    width: 4.1666666667%;
  }
  .col2_300 {
    width: 8.3333333333%;
  }
  .col3_300 {
    width: 12.5%;
  }
  .col4_300 {
    width: 16.6666666667%;
  }
  .col5_300 {
    width: 20.8333333333%;
  }
  .col6_300 {
    width: 25%;
  }
  .col7_300 {
    width: 29.1666666667%;
  }
  .col8_300 {
    width: 33.3333333333%;
  }
  .col9_300 {
    width: 37.5%;
  }
  .col10_300 {
    width: 41.6666666667%;
  }
  .col11_300 {
    width: 45.8333333333%;
  }
  .col12_300 {
    width: 50%;
  }
  .col13_300 {
    width: 54.1666666667%;
  }
  .col14_300 {
    width: 58.3333333333%;
  }
  .col15_300 {
    width: 62.5%;
  }
  .col16_300 {
    width: 66.6666666667%;
  }
  .col17_300 {
    width: 70.8333333333%;
  }
  .col18_300 {
    width: 75%;
  }
  .col19_300 {
    width: 79.1666666667%;
  }
  .col20_300 {
    width: 83.3333333333%;
  }
  .col21_300 {
    width: 87.5%;
  }
  .col22_300 {
    width: 91.6666666667%;
  }
  .col23_300 {
    width: 95.8333333333%;
  }
  .col24_300 {
    width: 100%;
  }
  .col1_300, .col2_300, .col3_300, .col4_300, .col5_300, .col6_300,
  .col7_300, .col8_300, .col9_300, .col10_300, .col11_300, .col12_300,
  .col13_300, .col14_300, .col15_300, .col16_300, .col17_300, .col18_300,
  .col19_300, .col20_300, .col21_300, .col22_300, .col23_300, .col24_300 {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 1%;
  }
}
@font-face {
  font-family: "emyslab-regular";
  src: url("../fonts/emyslab/emyslab-regular.woff") format("woff");
  src: url("../fonts/emyslab/emyslab-regular.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "emyslab-semibold";
  src: url("../fonts/emyslab/emyslab-semibold.woff") format("woff");
  src: url("../fonts/emyslab/emyslab-semibold.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "emyslab-bold";
  src: url("../fonts/emyslab/emyslab-bold.woff") format("woff");
  src: url("../fonts/emyslab/emyslab-bold.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sanfrancisco-regular";
  src: url("../fonts/sanfrancisco/sanfrancisco-regular.woff") format("woff");
  src: url("../fonts/sanfrancisco/sanfrancisco-regular.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sanfrancisco-semibold";
  src: url("../fonts/sanfrancisco/sanfrancisco-semibold.woff") format("woff");
  src: url("../fonts/sanfrancisco/sanfrancisco-semibold.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sanfrancisco-bold";
  src: url("../fonts/sanfrancisco/sanfrancisco-bold.woff") format("woff");
  src: url("../fonts/sanfrancisco/sanfrancisco-bold.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
  z-index: 9;
  transition: background 500ms ease, visibility 0ms ease 300ms, z-index 0ms ease 700ms;
}

.tag {
  display: inline-block;
  font: 15px/1 "emyslab-regular", sans-serif;
  padding: 13px 30px 15px;
  border-radius: 3px;
  transition: color 300ms;
}
.tag.white, .tag.home-banner__main-button {
  color: rgba(3, 69, 56, 0.5);
  background: #fff;
}
.tag.white:hover, .tag.home-banner__main-button:hover {
  color: #034538;
}

.tag2 {
  display: inline-block;
  font: 15px/1 "emyslab-regular", sans-serif;
  padding: 8px 20px 10px;
  text-align: center;
  border-radius: 40px;
  transition: color 300ms;
}
.tag2.white, .tag2.home-banner__main-button {
  color: #2a2a2a;
  background: #fff;
}
.tag2.white:hover, .tag2.home-banner__main-button:hover {
  color: #2a2a2a;
}

.info {
  margin-bottom: 20px;
  font: 12px/1 "sanfrancisco-bold", sans-serif;
  color: #f37867;
  transition: color 300ms;
}
.info span {
  position: relative;
  color: #bbbaba;
  transition: color 300ms;
}
.info span:after {
  content: "-";
  padding: 0 10px;
}

.list {
  position: relative;
}
.list li {
  position: relative;
  padding-left: 20px;
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  .list li {
    font-size: 16px;
  }
}
.list li p {
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  .list li p {
    font-size: 16px;
  }
}
.list li:before {
  content: "";
}
.list.style1 li:before {
  position: absolute;
  width: 10px;
  height: 1px;
  top: 14px;
  left: 0;
  background: #f37867;
}
@media screen and (max-width: 768px) {
  .list.style1 li:before {
    top: 12px;
  }
}
.list.style2 li:before {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 13px;
  left: 0;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .list.style2 li:before {
    top: 12px;
  }
}

.like,
.new {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
}
.like svg,
.new svg {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: transparent;
  transition: color 300ms;
}
.like svg path,
.new svg path {
  fill: rgba(243, 120, 103, 0);
  transition: fill 300ms;
}
.like:hover svg,
.new:hover svg {
  color: rgba(243, 120, 103, 0.5);
}
.like:hover svg path,
.new:hover svg path {
  fill: rgba(243, 120, 103, 0.5);
}
.like.active svg,
.new.active svg {
  color: #f37867;
}
.like.active svg path,
.new.active svg path {
  fill: #f37867;
}

.quantityBox {
  position: relative;
  display: inline-block;
  width: 122px;
  border-bottom: 1px solid #bbbaba;
}
@media screen and (max-width: 600px) {
  .quantityBox {
    width: 112px;
  }
}
.quantityBox::after {
  display: table;
  content: "";
  clear: both;
}
.quantityBox a {
  float: left;
  display: block;
  width: 30px;
  height: 50px;
  font: 20px/50px "sanfrancisco-regular", sans-serif;
  color: #bbbaba;
  text-align: center;
  transition: color 250ms, background 250ms;
}
.quantityBox input {
  float: left;
  width: 60px;
  height: 50px;
  border: none;
  font: 15px/50px "sanfrancisco-bold", sans-serif;
  color: #2a2a2a;
  text-align: center;
  background: transparent;
}
@media screen and (max-width: 600px) {
  .quantityBox input {
    width: 50px;
  }
}
.quantityBox input[type=number] {
  -moz-appearance: textfield;
}
.quantityBox input[type=number]::-webkit-outer-spin-button, .quantityBox input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.close {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  right: 25px;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 300ms;
}
.close.closeSearch {
  display: none;
  z-index: 1;
}
.close:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 50%;
  transition: transform 300ms;
}
.close svg {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #2a2a2a !important;
  transition: color 300ms;
}
.close svg path {
  fill: #2a2a2a !important;
  transition: fill 300ms;
}
.close:hover:before {
  transform: scale(1.5);
}

.grecaptcha-badge {
  visibility: hidden;
}

.oniOSClick {
  cursor: pointer !important;
}

.block {
  display: block;
}

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

.table {
  display: table;
}

.tableCell {
  display: table-cell;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
  top: 50px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.caps {
  text-transform: capitalize;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.yPadding350 {
  padding-top: 350px;
  padding-bottom: 350px;
}
@media screen and (max-width: 1600px) {
  .yPadding350 {
    padding-top: 300px;
    padding-bottom: 300px;
  }
}
@media screen and (max-width: 1400px) {
  .yPadding350 {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
@media screen and (max-width: 1200px) {
  .yPadding350 {
    padding-top: 175px;
    padding-bottom: 175px;
  }
}
@media screen and (max-width: 1024px) {
  .yPadding350 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yPadding350 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.yTopPadding350 {
  padding-top: 350px;
}
@media screen and (max-width: 1600px) {
  .yTopPadding350 {
    padding-top: 200px;
  }
}
@media screen and (max-width: 1400px) {
  .yTopPadding350 {
    padding-top: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .yTopPadding350 {
    padding-top: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .yTopPadding350 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yTopPadding350 {
    padding-top: 70px;
  }
}

.yBottomPadding350 {
  padding-bottom: 350px;
}
@media screen and (max-width: 1600px) {
  .yBottomPadding350 {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 1400px) {
  .yBottomPadding350 {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .yBottomPadding350 {
    padding-bottom: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .yBottomPadding350 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yBottomPadding350 {
    padding-bottom: 70px;
  }
}

.yPadding250 {
  padding-top: 250px;
  padding-bottom: 250px;
}
@media screen and (max-width: 1600px) {
  .yPadding250 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 1400px) {
  .yPadding250 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .yPadding250 {
    padding-top: 125px;
    padding-bottom: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .yPadding250 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yPadding250 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.yTopPadding250 {
  padding-top: 250px;
}
@media screen and (max-width: 1600px) {
  .yTopPadding250 {
    padding-top: 200px;
  }
}
@media screen and (max-width: 1400px) {
  .yTopPadding250 {
    padding-top: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .yTopPadding250 {
    padding-top: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .yTopPadding250 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yTopPadding250 {
    padding-top: 70px;
  }
}

.yBottomPadding250 {
  padding-bottom: 250px;
}
@media screen and (max-width: 1600px) {
  .yBottomPadding250 {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 1400px) {
  .yBottomPadding250 {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .yBottomPadding250 {
    padding-bottom: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .yBottomPadding250 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yBottomPadding250 {
    padding-bottom: 70px;
  }
}

.yPadding200 {
  padding-top: 200px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1600px) {
  .yPadding200 {
    padding-top: 175px;
    padding-bottom: 175px;
  }
}
@media screen and (max-width: 1400px) {
  .yPadding200 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .yPadding200 {
    padding-top: 125px;
    padding-bottom: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .yPadding200 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yPadding200 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.yTopPadding200 {
  padding-top: 200px;
}
@media screen and (max-width: 1600px) {
  .yTopPadding200 {
    padding-top: 175px;
  }
}
@media screen and (max-width: 1400px) {
  .yTopPadding200 {
    padding-top: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .yTopPadding200 {
    padding-top: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .yTopPadding200 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yTopPadding200 {
    padding-top: 70px;
  }
}

.yBottomPadding200 {
  padding-bottom: 200px;
}
@media screen and (max-width: 1600px) {
  .yBottomPadding200 {
    padding-bottom: 175px;
  }
}
@media screen and (max-width: 1400px) {
  .yBottomPadding200 {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .yBottomPadding200 {
    padding-bottom: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .yBottomPadding200 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yBottomPadding200 {
    padding-bottom: 70px;
  }
}

.yPadding150 {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media screen and (max-width: 1600px) {
  .yPadding150 {
    padding-top: 125px;
    padding-bottom: 125px;
  }
}
@media screen and (max-width: 1400px) {
  .yPadding150 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .yPadding150 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .yPadding150 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yPadding150 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.yTopPadding150 {
  padding-top: 150px;
}
@media screen and (max-width: 1600px) {
  .yTopPadding150 {
    padding-top: 125px;
  }
}
@media screen and (max-width: 1400px) {
  .yTopPadding150 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .yTopPadding150 {
    padding-top: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .yTopPadding150 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yTopPadding150 {
    padding-top: 70px;
  }
}

.yBottomPadding150 {
  padding-bottom: 150px;
}
@media screen and (max-width: 1600px) {
  .yBottomPadding150 {
    padding-bottom: 125px;
  }
}
@media screen and (max-width: 1400px) {
  .yBottomPadding150 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .yBottomPadding150 {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .yBottomPadding150 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yBottomPadding150 {
    padding-bottom: 70px;
  }
}

.yPadding100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1400px) {
  .yPadding100 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .yPadding100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yPadding100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.yTopPadding100 {
  padding-top: 100px;
}
@media screen and (max-width: 1400px) {
  .yTopPadding100 {
    padding-top: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .yTopPadding100 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yTopPadding100 {
    padding-top: 70px;
  }
}

.yBottomPadding100 {
  padding-bottom: 100px;
}
@media screen and (max-width: 1400px) {
  .yBottomPadding100 {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .yBottomPadding100 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yBottomPadding100 {
    padding-bottom: 70px;
  }
}

.yPadding90 {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 1024px) {
  .yPadding90 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yPadding90 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.yTopPadding90 {
  padding-top: 90px;
}
@media screen and (max-width: 1024px) {
  .yTopPadding90 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yTopPadding90 {
    padding-top: 70px;
  }
}

.yBottomPadding90 {
  padding-bottom: 90px;
}
@media screen and (max-width: 1024px) {
  .yBottomPadding90 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .yBottomPadding90 {
    padding-bottom: 70px;
  }
}

.yPadding70 {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media screen and (max-width: 600px) {
  .yPadding70 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.yTopPadding70 {
  padding-top: 70px;
}
@media screen and (max-width: 600px) {
  .yTopPadding70 {
    padding-top: 50px;
  }
}

.yBottomPadding70 {
  padding-bottom: 70px;
}
@media screen and (max-width: 600px) {
  .yBottomPadding70 {
    padding-bottom: 50px;
  }
}

.yPadding50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.yTopPadding50 {
  padding-top: 50px;
}

.yBottomPadding50 {
  padding-bottom: 50px;
}

.yPadding40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.yTopPadding40 {
  padding-top: 40px;
}

.yBottomPadding40 {
  padding-bottom: 40px;
}

.yPadding30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.yTopPadding30 {
  padding-top: 30px;
}

.yBottomPadding30 {
  padding-bottom: 30px;
}

.yTopMargin50 {
  margin-top: 50px !important;
}

.yBottomMargin50 {
  margin-bottom: 50px !important;
}

.yBottomMargin15 {
  margin-bottom: 15px !important;
}

.xPadding15 {
  padding-right: 15%;
  padding-left: 15%;
}
@media screen and (max-width: 1400px) {
  .xPadding15 {
    padding-right: 12%;
    padding-left: 12%;
  }
}
@media screen and (max-width: 1200px) {
  .xPadding15 {
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media screen and (max-width: 1024px) {
  .xPadding15 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xPadding15 {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.xRightPadding15 {
  padding-right: 15%;
}
@media screen and (max-width: 1400px) {
  .xRightPadding15 {
    padding-right: 12%;
  }
}
@media screen and (max-width: 1200px) {
  .xRightPadding15 {
    padding-right: 10%;
  }
}
@media screen and (max-width: 1024px) {
  .xRightPadding15 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xRightPadding15 {
    padding-right: 20px;
  }
}

.xLeftPadding15 {
  padding-left: 15%;
}
@media screen and (max-width: 1400px) {
  .xLeftPadding15 {
    padding-left: 12%;
  }
}
@media screen and (max-width: 1200px) {
  .xLeftPadding15 {
    padding-left: 10%;
  }
}
@media screen and (max-width: 1024px) {
  .xLeftPadding15 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xLeftPadding15 {
    padding-left: 20px;
  }
}

.xPadding12 {
  padding-right: 12%;
  padding-left: 12%;
}
@media screen and (max-width: 1200px) {
  .xPadding12 {
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media screen and (max-width: 1024px) {
  .xPadding12 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xPadding12 {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.xRightPadding12 {
  padding-right: 12%;
}
@media screen and (max-width: 1200px) {
  .xRightPadding12 {
    padding-right: 10%;
  }
}
@media screen and (max-width: 1024px) {
  .xRightPadding12 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xRightPadding12 {
    padding-right: 20px;
  }
}

.xLeftPadding12 {
  padding-left: 12%;
}
@media screen and (max-width: 1200px) {
  .xLeftPadding12 {
    padding-left: 10%;
  }
}
@media screen and (max-width: 1024px) {
  .xLeftPadding12 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xLeftPadding12 {
    padding-left: 20px;
  }
}

.xPadding8 {
  padding-right: 8%;
  padding-left: 8%;
}
@media screen and (max-width: 1200px) {
  .xPadding8 {
    padding-right: 6%;
    padding-left: 6%;
  }
}
@media screen and (max-width: 1024px) {
  .xPadding8 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xPadding8 {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.xRightPadding8 {
  padding-right: 8%;
}
@media screen and (max-width: 1200px) {
  .xRightPadding8 {
    padding-right: 6%;
  }
}
@media screen and (max-width: 1024px) {
  .xRightPadding8 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xRightPadding8 {
    padding-right: 20px;
  }
}

.xLeftPadding8 {
  padding-left: 8%;
}
@media screen and (max-width: 1200px) {
  .xLeftPadding8 {
    padding-left: 6%;
  }
}
@media screen and (max-width: 1024px) {
  .xLeftPadding8 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xLeftPadding8 {
    padding-left: 20px;
  }
}

.xPadding6 {
  padding-right: 6%;
  padding-left: 6%;
}
@media screen and (max-width: 1200px) {
  .xPadding6 {
    padding-right: 5%;
    padding-left: 5%;
  }
}
@media screen and (max-width: 1024px) {
  .xPadding6 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xPadding6 {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.xRightPadding6 {
  padding-right: 6%;
}
@media screen and (max-width: 1200px) {
  .xRightPadding6 {
    padding-right: 5%;
  }
}
@media screen and (max-width: 1024px) {
  .xRightPadding6 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xRightPadding6 {
    padding-right: 20px;
  }
}

.xLeftPadding6 {
  padding-left: 6%;
}
@media screen and (max-width: 1200px) {
  .xLeftPadding6 {
    padding-left: 5%;
  }
}
@media screen and (max-width: 1024px) {
  .xLeftPadding6 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xLeftPadding6 {
    padding-left: 20px;
  }
}

.xPadding5 {
  padding-right: 5%;
  padding-left: 5%;
}
@media screen and (max-width: 1024px) {
  .xPadding5 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xPadding5 {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.xRightPadding5 {
  padding-right: 5%;
}
@media screen and (max-width: 1024px) {
  .xRightPadding5 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xRightPadding5 {
    padding-right: 20px;
  }
}

.xLeftPadding5 {
  padding-left: 5%;
}
@media screen and (max-width: 1024px) {
  .xLeftPadding5 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xLeftPadding5 {
    padding-left: 20px;
  }
}

.xPadding50 {
  padding-right: 50px;
  padding-left: 50px;
}
@media screen and (max-width: 1024px) {
  .xPadding50 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xPadding50 {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.xRightPadding50 {
  padding-right: 50px;
}
@media screen and (max-width: 1024px) {
  .xRightPadding50 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xRightPadding50 {
    padding-right: 20px;
  }
}

.xLeftPadding50 {
  padding-left: 50px;
}
@media screen and (max-width: 1024px) {
  .xLeftPadding50 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .xLeftPadding50 {
    padding-left: 20px;
  }
}

.noTopPadding {
  padding-top: 0;
}

.noRightPadding {
  padding-right: 0;
}

.noBottomPadding {
  padding-bottom: 0;
}

.noLeftPadding {
  padding-left: 0;
}

.noXPadding {
  padding-right: 0;
  padding-left: 0;
}

.noYPadding {
  padding-top: 0;
  padding-bottom: 0;
}

.noPadding {
  padding: 0;
}

.noTopMargin {
  margin-top: 0;
}

.noRightMargin {
  margin-right: 0;
}

.noBottomMargin {
  margin-bottom: 0;
}

.noLeftMargin {
  margin-left: 0;
}

.noXMargin {
  margin-right: 0;
  margin-left: 0;
}

.noYMargin {
  margin-top: 0;
  margin-bottom: 0;
}

.top0 {
  top: 0;
}

.right0 {
  right: 0;
}

.bottom0 {
  bottom: 0;
}

.left0 {
  left: 0;
}

.trbl0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nowrap {
  white-space: nowrap;
}

.clearfix {
  display: block;
  clear: both;
}

.noscroll {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.noselect {
  user-select: none;
}

.hide {
  display: none;
}

@media screen and (max-width: 1800px) {
  .hide_1800 {
    display: none;
  }
}
@media screen and (max-width: 1700px) {
  .hide_1700 {
    display: none;
  }
}
@media screen and (max-width: 1600px) {
  .hide_1600 {
    display: none;
  }
}
@media screen and (max-width: 1500px) {
  .hide_1500 {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .hide_1400 {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  .hide_1300 {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .hide_1200 {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  .hide_1100 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .hide_1024 {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .hide_1000 {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .hide_900 {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .hide_800 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .hide_768 {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .hide_700 {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .hide_600 {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .hide_500 {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .hide_400 {
    display: none;
  }
}
@media screen and (max-width: 300px) {
  .hide_300 {
    display: none;
  }
}
.show {
  display: block;
}

.show_1800 {
  display: none;
}
@media screen and (max-width: 1800px) {
  .show_1800 {
    display: block;
  }
}

.show_1700 {
  display: none;
}
@media screen and (max-width: 1700px) {
  .show_1700 {
    display: block;
  }
}

.show_1600 {
  display: none;
}
@media screen and (max-width: 1600px) {
  .show_1600 {
    display: block;
  }
}

.show_1500 {
  display: none;
}
@media screen and (max-width: 1500px) {
  .show_1500 {
    display: block;
  }
}

.show_1400 {
  display: none;
}
@media screen and (max-width: 1400px) {
  .show_1400 {
    display: block;
  }
}

.show_1300 {
  display: none;
}
@media screen and (max-width: 1300px) {
  .show_1300 {
    display: block;
  }
}

.show_1200 {
  display: none;
}
@media screen and (max-width: 1200px) {
  .show_1200 {
    display: block;
  }
}

.show_1100 {
  display: none;
}
@media screen and (max-width: 1100px) {
  .show_1100 {
    display: block;
  }
}

.show_1024 {
  display: none;
}
@media screen and (max-width: 1024px) {
  .show_1024 {
    display: block;
  }
}

.show_1000 {
  display: none;
}
@media screen and (max-width: 1000px) {
  .show_1000 {
    display: block;
  }
}

.show_900 {
  display: none;
}
@media screen and (max-width: 900px) {
  .show_900 {
    display: block;
  }
}

.show_800 {
  display: none;
}
@media screen and (max-width: 800px) {
  .show_800 {
    display: block;
  }
}

.show_768 {
  display: none;
}
@media screen and (max-width: 768px) {
  .show_768 {
    display: block;
  }
}

.show_700 {
  display: none;
}
@media screen and (max-width: 700px) {
  .show_700 {
    display: block;
  }
}

.show_600 {
  display: none;
}
@media screen and (max-width: 600px) {
  .show_600 {
    display: block;
  }
}

.show_500 {
  display: none;
}
@media screen and (max-width: 500px) {
  .show_500 {
    display: block;
  }
}

.show_400 {
  display: none;
}
@media screen and (max-width: 400px) {
  .show_400 {
    display: block;
  }
}

.show_300 {
  display: none;
}
@media screen and (max-width: 300px) {
  .show_300 {
    display: block;
  }
}

.zIndex-1 {
  z-index: -1;
}

.zIndex0 {
  z-index: 0;
}

.zIndex1 {
  z-index: 1;
}

.zIndex2 {
  z-index: 2;
}

.zIndex3 {
  z-index: 3;
}

.zIndex4 {
  z-index: 4;
}

.zIndex5 {
  z-index: 5;
}

.zIndex6 {
  z-index: 6;
}

.zIndex7 {
  z-index: 7;
}

.zIndex8 {
  z-index: 8;
}

.zIndex9 {
  z-index: 9;
}

.zIndex10 {
  z-index: 10;
}

h1, .h1 {
  font: 80px/1 "emyslab-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 1024px) {
  h1, .h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 768px) {
  h1, .h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 600px) {
  h1, .h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 500px) {
  h1, .h1 {
    font-size: 40px;
  }
}

h2, .h2 {
  font: 65px/1 "emyslab-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 1200px) {
  h2, .h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1024px) {
  h2, .h2 {
    font-size: 55px;
  }
}
@media screen and (max-width: 768px) {
  h2, .h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 600px) {
  h2, .h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 500px) {
  h2, .h2 {
    font-size: 35px;
  }
}

h3, .h3 {
  font: 35px/1.2 "sanfrancisco-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 1024px) {
  h3, .h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  h3, .h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 600px) {
  h3, .h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 500px) {
  h3, .h3 {
    font-size: 22px;
  }
}

h4, .h4 {
  font: 25px/1.4 "sanfrancisco-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 1024px) {
  h4, .h4 {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  h4, .h4 {
    font-size: 21px;
  }
}
@media screen and (max-width: 600px) {
  h4, .h4 {
    font-size: 18px;
  }
}

h5, .h5 {
  font: 14px/1.5 "sanfrancisco-semibold", sans-serif;
  color: #f37867;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  h5, .h5 {
    font-size: 12px;
  }
}

h6, .h6 {
  font: 15px/1.5 "emyslab-regular", sans-serif;
  color: #2a2a2a;
}

p {
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
p.small {
  font-size: 15px;
}
p.orange {
  color: #f37867;
}

a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.link {
  position: relative;
  padding-bottom: 5px;
  font: 15px/1 "emyslab-semibold", sans-serif;
  color: #2a2a2a;
  transition: color 300ms;
}
.link:after {
  content: "";
  position: absolute;
  height: 1px;
  right: 0px;
  bottom: 0;
  left: 0;
  background: #f37867;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}
.link:hover {
  color: #f37867;
}
.link:hover:not(.fixedLine):after {
  right: -15px;
}

.btn, .home-banner__main-button {
  position: relative;
  padding: 20px 40px;
  font: 15px/1 "emyslab-semibold", sans-serif;
  color: #f37867;
  border: 1px solid #f37867;
  z-index: 1;
  transition: color 300ms;
}
.btn:after, .home-banner__main-button:after {
  content: "";
  position: absolute;
  top: 95%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f37867;
  z-index: -1;
  transition: top 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.btn:hover, .home-banner__main-button:hover {
  color: #fff;
}
.btn:hover:after, .home-banner__main-button:hover:after {
  top: 0%;
}
.btn.disabled, .disabled.home-banner__main-button {
  pointer-events: none;
  color: #bbbaba;
  border: 1px solid #bbbaba;
}
.btn.disabled:after, .disabled.home-banner__main-button:after {
  background: #bbbaba;
}
.btn.white, .home-banner__main-button {
  color: #fff;
  border-color: #fff;
}
.btn.white:after, .home-banner__main-button:after {
  background: #fff;
}
.btn.white:hover, .home-banner__main-button:hover {
  color: #f37867;
}
.btn.gray, .gray.home-banner__main-button {
  color: #2a2a2a;
  border-color: #bbbaba;
}
.btn.gray:after, .gray.home-banner__main-button:after {
  background: #bbbaba;
}
.btn.gray:hover, .gray.home-banner__main-button:hover {
  color: #fff;
}

.color-white {
  color: #fff;
}

.producersUI,
.subscribersUI,
.notConnectedUI {
  display: none;
}
.producersUI.show4User,
.subscribersUI.show4User,
.notConnectedUI.show4User {
  display: inherit;
}

body > p.flash-message button.close {
  color: #000000 !important;
  opacity: 0.5 !important;
}
body > p.flash-message button.close::before {
  z-index: -1;
}

.breadcrumb {
  margin-bottom: 5px;
}
.breadcrumb li {
  display: inline-block;
  position: relative;
}
.breadcrumb li:not(:last-child) {
  margin-right: 25px;
}
.breadcrumb li:not(:last-child):after {
  content: "";
  position: absolute;
  width: 5px;
  height: 1px;
  top: 50%;
  background: #034538;
  opacity: 0.5;
  left: calc(100% + 12.5px);
  transform: translateY(calc(-50% + 0.5px));
}
.breadcrumb li a, .breadcrumb li p {
  font: 12px/1 "sanfrancisco-bold", sans-serif;
  color: #034538;
}
.breadcrumb li a {
  transition: color 300ms;
}
.breadcrumb li a:hover {
  color: #f37867;
}
.breadcrumb li p {
  opacity: 0.5;
}

header li.subMenu {
  position: relative;
}
header li.subMenu ul {
  position: absolute;
  left: -40px;
  top: 100%;
  padding: 30px 0 20px 0;
  visibility: hidden;
  z-index: 10;
  transition: visibility 0ms ease 475ms;
}
header li.subMenu ul:before {
  content: "";
  position: absolute;
  height: 0px;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  z-index: -1;
  transition: all 300ms ease 175ms;
}
header li.subMenu ul li {
  white-space: nowrap;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 300ms ease 175ms;
}
header li.subMenu ul li a {
  display: block;
  min-width: 275px;
  height: 100%;
  padding: 25px 40px;
  font: 18px/1 "emyslab-semibold", sans-serif;
  color: #2a2a2a;
  transition: color 300ms;
}
@media screen and (max-width: 1300px) {
  header li.subMenu ul li a {
    padding: 20px 30px;
    min-width: 250px;
  }
}
header li.subMenu ul li a:hover {
  color: #f37867;
}
header li.subMenu ul li:not(:last-child) a {
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
header li.subMenu:hover ul {
  visibility: visible;
  transition: none;
}
header li.subMenu:hover ul::before {
  top: 30px;
  height: 275px;
  opacity: 1;
}
@media screen and (max-width: 1300px) {
  header li.subMenu:hover ul::before {
    height: 235px;
  }
}
header li.subMenu:hover ul li {
  opacity: 1;
  transform: none;
}
header li.subMenu:hover ul li:nth-child(2) {
  transition-duration: 350ms;
  transition-delay: 205ms;
}

.tiroirs {
  margin: 0;
  max-width: none;
  list-style-type: none;
}
.tiroirs > li > h2 {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.tiroirs > li > .tiroir {
  display: none;
  max-width: 100%;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 300ms, transform 300ms;
}
.tiroirs > li.open > .tiroir {
  opacity: 1;
  transform: translateY(0);
  transition: transform 500ms ease 100ms, opacity 500ms ease 100ms;
}

.tiroirs.style1 > li {
  margin-bottom: 30px;
  background: #fff;
}
.tiroirs.style1 > li:last-child {
  margin: 0;
}
.tiroirs.style1 > li > h2 {
  padding: 40px 140px 38px 5%;
  font: 25px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  background: #fff;
  text-transform: none;
  transition: color 400ms, background 400ms;
}
@media screen and (max-width: 1200px) {
  .tiroirs.style1 > li > h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .tiroirs.style1 > li > h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .tiroirs.style1 > li > h2 {
    font-size: 16px;
    padding: 30px 75px 28px 5%;
  }
}
.tiroirs.style1 > li > h2 span {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 50%;
  right: 50px;
  background: rgba(42, 42, 42, 0.1);
  border-radius: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .tiroirs.style1 > li > h2 span {
    right: 20px;
  }
}
.tiroirs.style1 > li > h2 span::after, .tiroirs.style1 > li > h2 span::before {
  content: "";
  position: absolute;
  background: #034538;
}
.tiroirs.style1 > li > h2 span::after {
  width: 10px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background 400ms;
}
.tiroirs.style1 > li > h2 span::before {
  width: 2px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 400ms, background 400ms;
}
@media screen and (max-width: 1300px) {
  .tiroirs.style1 > li > h2 span::before {
    right: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .tiroirs.style1 > li > h2 span::before {
    right: 70px;
  }
}
@media screen and (max-width: 768px) {
  .tiroirs.style1 > li > h2 span::before {
    right: 40px;
  }
}
.tiroirs.style1 > li > .tiroir > div {
  padding: 35px 120px 35px 6%;
}
@media screen and (max-width: 768px) {
  .tiroirs.style1 > li > .tiroir > div {
    padding-right: 75px;
  }
}
@media screen and (max-width: 600px) {
  .tiroirs.style1 > li > .tiroir > div {
    padding-right: 5%;
  }
}
.tiroirs.style1 > li > .tiroir > div :not(:last-child) {
  margin-bottom: 20px;
}
.tiroirs.style1 > li:hover > h2 {
  color: #f37867;
}
.tiroirs.style1 > li.open > h2 {
  color: #fff;
  background: #f37867;
}
.tiroirs.style1 > li.open > h2 span:after, .tiroirs.style1 > li.open > h2 span:before {
  background: #fff;
}
.tiroirs.style1 > li.open > h2 span:before {
  background: transparent !important;
  transform: translate(-50%, -50%) scaleY(0);
}
.tiroirs.style1.small > li {
  margin-bottom: 15px;
}
.tiroirs.style1.small > li > h2 {
  padding: 30px 80px 28px 5%;
  font: 15px/1 "sanfrancisco-semibold", sans-serif;
}
.tiroirs.style1.small > li > h2 span {
  right: 30px;
}
@media screen and (max-width: 768px) {
  .tiroirs.style1.small > li > h2 span {
    right: 20px;
  }
}
.tiroirs.style1.small > li > .tiroir > div {
  padding: 30px 80px 30px 5%;
}

.hamburger {
  position: relative;
  display: inline-block;
  background: transparent;
  border: 0;
  font: inherit;
  color: inherit;
  text-transform: none;
  overflow: visible;
  cursor: pointer;
  z-index: 500;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hamburger .box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 18px;
}
.hamburger .inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger .inner, .hamburger .inner::before, .hamburger .inner::after {
  width: 31px;
  height: 2px;
  background-color: #f37867;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger .inner::before, .hamburger .inner::after {
  content: "";
  display: block;
}
.hamburger .inner::before {
  top: -8px;
}
.hamburger .inner::after {
  bottom: -8px;
}
.hamburger label {
  position: absolute;
  top: calc(100% + 5px);
  font: 10px/1 "sanfrancisco-bold", sans-serif;
  text-transform: uppercase;
  color: #034538;
  letter-spacing: 1px;
}

.spinAnim .inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.spinAnim .inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.spinAnim .inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.showOverlayMobile .inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayMobile .inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.showOverlayMobile .inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.interactiveStars, .staticStars {
  display: inline-block;
  border: 0;
}

.interactiveStars > input {
  display: none;
}

.interactiveStars > label, .staticStars > i {
  float: right;
}

.interactiveStars > label, .interactiveStars > label:before {
  cursor: pointer;
}

.interactiveStars .half, .interactiveStars .half:before, .staticStars .half, .staticStars .half:before {
  opacity: 0;
}

.interactiveStars > label:before, .staticStars > i:before {
  content: "\f006";
  display: inline-block;
  padding: 5px;
  margin: 0;
  font-family: FontAwesome;
  font-size: 1rem;
  color: #f37867;
}

.interactiveStars .half:before, .staticStars .half:before {
  content: "\f123";
  position: absolute;
  width: 11.5px;
  padding-right: 0;
  overflow: hidden;
}

.interactiveStars label:hover {
  color: #f37867;
  opacity: 1 !important;
}

.interactiveStars label:hover:before {
  color: #f37867;
  opacity: 1 !important;
}

.interactiveStars label:hover ~ label {
  color: #f37867;
  opacity: 1 !important;
}

.interactiveStars label:hover:before ~ label:before {
  color: #f37867;
  opacity: 1 !important;
}

.interactiveStars input:checked ~ label:before {
  color: #f37867;
  opacity: 1 !important;
}

.interactiveStars input:checked ~ label {
  color: #f37867;
  opacity: 1 !important;
}

i.active {
  color: #f37867;
  opacity: 1 !important;
}

i.active:before {
  color: #f37867;
  opacity: 1 !important;
}

i.active ~ i {
  color: #f37867;
  opacity: 1 !important;
}

i.active:before ~ i:before {
  color: #f37867;
  opacity: 1 !important;
}

.interactiveStars label:not(.half):hover:before,
.interactiveStars input:checked ~ label:not(.half):before,
.interactiveStars label:hover ~ label:not(.half):before,
i.active:not(.half):before,
i.active ~ i:not(.half):before {
  content: "\f005";
}

.sideNav {
  position: absolute;
  top: 0;
  bottom: 0;
}
@media screen and (max-width: 1024px) {
  .sideNav {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
}
.sideNav .sticky {
  top: 100px;
}
@media screen and (max-width: 1024px) {
  .sideNav .sticky {
    display: inline-block;
    padding-top: 0;
    top: 0;
  }
}

.sideNav.style1 {
  width: 25%;
  padding: 0 1% 0 10%;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .sideNav.style1 {
    padding: 0 1%;
  }
}
@media screen and (max-width: 1024px) {
  .sideNav.style1 {
    width: 100%;
    margin-top: 30px;
  }
}
.sideNav.style1 .sticky ul {
  margin-top: 10px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #bbbaba;
}
.sideNav.style1 .sticky ul li {
  display: inline-block;
}
.sideNav.style1 .sticky ul li:first-child {
  margin-right: 20px;
}
.sideNav.style1 .sticky ul li a {
  font: 14px/1 "sanfrancisco-semibold", sans-serif;
  color: #bbbaba;
  transition: color 300ms;
}
.sideNav.style1 .sticky ul li a:hover {
  color: #2a2a2a;
}

.dynamic {
  /* ----- Image - No Caption ----- */
  /* ----- Image - With Caption ----- */
}
.dynamic h2, .dynamic .h2 {
  margin-bottom: 30px;
  font: 25px/1.5 "sanfrancisco-regular", sans-serif;
  color: #034538;
}
@media screen and (max-width: 768px) {
  .dynamic h2, .dynamic .h2 {
    font-size: 23px;
  }
}
@media screen and (max-width: 600px) {
  .dynamic h2, .dynamic .h2 {
    font-size: 21px;
  }
}
@media screen and (max-width: 500px) {
  .dynamic h2, .dynamic .h2 {
    font-size: 19px;
  }
}
.dynamic h3, .dynamic .h3 {
  margin-bottom: 20px;
  font: 20px/1.2 "sanfrancisco-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 768px) {
  .dynamic h3, .dynamic .h3 {
    font-size: 18px;
  }
}
.dynamic p {
  margin-bottom: 20px;
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  .dynamic p {
    font-size: 16px;
  }
}
.dynamic p.small {
  font-size: 15px;
}
.dynamic p a {
  position: relative;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  transition: color 300ms;
}
@media screen and (max-width: 768px) {
  .dynamic p a {
    font-size: 16px;
  }
}
.dynamic p a:after {
  content: "";
  position: absolute;
  height: 1px;
  right: 0px;
  bottom: -1px;
  left: 0;
  background: #f37867;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}
.dynamic p a:hover {
  color: #f37867;
}
.dynamic ul {
  position: relative;
}
.dynamic ul li {
  position: relative;
  padding-left: 20px;
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  .dynamic ul li {
    font-size: 16px;
  }
}
.dynamic ul li p {
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  .dynamic ul li p {
    font-size: 16px;
  }
}
.dynamic ul li:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  top: 14px;
  left: 0;
  background: #f37867;
}
@media screen and (max-width: 768px) {
  .dynamic ul li:before {
    top: 12px;
  }
}
.dynamic em {
  font-style: italic;
}
.dynamic img {
  position: relative;
  max-width: 100%;
  height: auto !important;
}
.dynamic img.fr-dib {
  /* block */
  display: block;
  margin: 30px auto;
  float: none;
  vertical-align: top;
}
.dynamic img.fr-dib.fr-fil {
  margin-left: 0;
}
.dynamic img.fr-dib.fr-fir {
  margin-right: 0;
}
.dynamic img.fr-dii {
  /* Inline */
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin: 10px 0px;
}
.dynamic img.fr-dii.fr-fil {
  float: left;
  margin: 10px 20px 10px 0;
  max-width: calc(100% - 20px);
}
.dynamic img.fr-dii.fr-fir {
  float: right;
  margin: 10px 0 10px 20px;
  max-width: calc(100% - 20px);
}
.dynamic .fr-img-caption img {
  width: 100%;
}
.dynamic .fr-img-caption.fr-dib {
  /* block */
  display: block;
  margin: 30px auto;
  float: none;
  vertical-align: middle;
  text-align: center;
}
.dynamic .fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.dynamic .fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.dynamic .fr-img-caption.fr-dib .fr-img-wrap .fr-inner {
  display: block;
}
.dynamic .fr-img-caption.fr-dii {
  /* Inline */
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin: 10px 0px;
  max-width: 100%;
  text-align: center;
}
.dynamic .fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin-left: 0;
  text-align: left;
}
.dynamic .fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin-right: 0;
  text-align: right;
}
.dynamic span.fr-fic.oc-img-rounded img,
.dynamic img.fr-fic.oc-img-rounded {
  border-radius: 100%;
  background-clip: padding-box;
}
.dynamic span.fr-fic.oc-img-bordered img,
.dynamic img.fr-fic.oc-img-bordered {
  border: solid 10px #ccc;
}

#fixedNav {
  position: fixed;
  bottom: 10%;
  right: 0;
  z-index: 15;
  transition: opacity 200ms;
}
#fixedNav.getAway {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0ms ease 200ms, opacity 200ms;
}
#fixedNav .wrapper {
  box-shadow: -10px 0px 25px 0px rgba(0, 0, 0, 0.1);
  transition: opacity 200ms;
}
#fixedNav .wrapper.getAway {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0ms ease 200ms, opacity 200ms;
}
#fixedNav a {
  display: block;
  position: relative;
  width: 80px;
  background: #fff;
  transition: background 300ms;
}
@media screen and (max-width: 1024px) {
  #fixedNav a {
    width: 50px;
  }
}
#fixedNav a:not(.recherche) {
  height: 80px;
  transition: background 300ms;
}
@media screen and (max-width: 1024px) {
  #fixedNav a:not(.recherche) {
    height: 50px;
  }
}
#fixedNav a:not(.recherche) svg {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#fixedNav a svg {
  position: absolute;
  width: 18px;
  height: 18px;
  transition: color 300ms;
  color: #bbbaba !important;
}
#fixedNav a svg polyline, #fixedNav a svg circle, #fixedNav a svg line {
  stroke: #bbbaba !important;
  transition: stroke 300ms;
}
#fixedNav a.scrollUp {
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
#fixedNav a.scrollUp svg {
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%) rotate(180deg);
}
#fixedNav a:hover {
  background: #f37867;
}
#fixedNav a:hover svg {
  color: #fff !important;
}
#fixedNav a:hover svg polyline, #fixedNav a:hover svg circle, #fixedNav a:hover svg line {
  stroke: #fff !important;
}
#fixedNav a:hover.recherche span {
  color: #fff;
}
#fixedNav a:hover.recherche svg {
  color: #fff !important;
}
#fixedNav a:hover.recherche svg line, #fixedNav a:hover.recherche svg circle {
  stroke: #fff !important;
}
#fixedNav .recherche {
  position: relative;
  z-index: 21;
  height: 240px;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
  box-shadow: -10px -10px 25px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 1024px) {
  #fixedNav .recherche {
    height: 200px;
  }
}
#fixedNav .recherche span {
  position: absolute;
  display: block;
  width: 139px;
  top: 100px;
  left: -30px;
  font: 15px/1 "emyslab-bold", sans-serif;
  color: #f37867;
  text-align: center;
  white-space: nowrap;
  transform: rotate(-90deg);
  transition: color 300ms;
}
@media screen and (max-width: 1024px) {
  #fixedNav .recherche span {
    top: 80px;
    left: -45px;
  }
}
#fixedNav .recherche svg {
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #f37867 !important;
}
@media screen and (max-width: 1024px) {
  #fixedNav .recherche svg {
    bottom: 13px;
  }
}
#fixedNav .recherche svg line, #fixedNav .recherche svg circle {
  stroke: #f37867 !important;
}

.xdsoft_datetimepicker {
  width: 100%;
  padding: 0;
  border: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 100%;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker {
  width: 100%;
  padding: 30px;
  background: #034538;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker:after {
  content: "";
  display: block;
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year {
  float: none;
  width: auto;
  padding: 0;
  font: 15px/1 "sanfrancisco-bold", sans-serif;
  background: transparent;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month:hover span, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year:hover span {
  text-decoration: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month span, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year span {
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month .xdsoft_select, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year .xdsoft_select {
  display: none !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month i, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year i {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_next {
  width: 14px;
  height: 10px;
  top: 2px;
  background: url("../images/content/icons/pointer.svg") no-repeat center;
  background-size: contain;
  transition: opacity 300ms;
}
@media screen and (max-width: 768px) {
  .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_next {
    position: absolute;
    visibility: visible;
    width: 50px;
    height: 50px;
    top: 10px;
  }
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_prev {
  transform: rotate(90deg);
  left: 0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_next {
  transform: rotate(-90deg);
  right: 0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_today_button {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar {
  padding: 10px;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table thead tr th {
  border: none;
  padding: 20px 0;
  color: #034538;
  background: transparent;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td {
  height: 100%;
  padding: 20px 0;
  font: 11px/1 "sanfrancisco-regular", sans-serif;
  text-align: center;
  border: none;
  background: transparent;
  transition: color 300ms, background 300ms;
  box-shadow: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td:hover {
  background: rgba(3, 69, 56, 0.5) !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date {
  color: #2a2a2a;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_other_month {
  color: #bbbaba;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_current {
  background: #034538 !important;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_disabled {
  background: rgba(187, 186, 186, 0.3) !important;
  opacity: 1;
  color: #2a2a2a;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.booked {
  background: #034538 !important;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.not-available {
  background: #f37867 !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.not-available.owner {
  opacity: 1;
  background: #f35c47 !important;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.not-available.owner:hover {
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td div {
  padding: 0;
}

.isMobile .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td:hover:not(.xdsoft_disabled):not(.not-available):not(.xdsoft_current) {
  background: inherit !important;
  color: inherit !important;
}

.whiteBlock {
  margin: 0 auto;
  max-width: 1100px;
  background: #fff;
  padding-bottom: 30px;
}
@media screen and (max-width: 1100px) {
  .whiteBlock {
    margin: 0;
    padding-bottom: 10px;
  }
}
.whiteBlock .header {
  padding: 40px 75px;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
@media screen and (max-width: 1024px) {
  .whiteBlock .header {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .whiteBlock .header {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 600px) {
  .whiteBlock .header {
    padding: 30px 15px;
  }
}
.whiteBlock .header--variant {
  border-top: 1px solid rgba(42, 42, 42, 0.1);
  margin: 0 -75px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .whiteBlock .header--variant {
    margin: 0 -30px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .whiteBlock .header--variant {
    margin: 0 -20px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 600px) {
  .whiteBlock .header--variant {
    margin: 0 -15px;
    margin-bottom: 30px;
  }
}
.whiteBlock .header.topBorder {
  border-top: 1px solid rgba(42, 42, 42, 0.1);
}
.whiteBlock > .wrapper {
  padding: 50px 75px 50px;
}
@media screen and (max-width: 1024px) {
  .whiteBlock > .wrapper {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 768px) {
  .whiteBlock > .wrapper {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 600px) {
  .whiteBlock > .wrapper {
    padding: 40px 15px;
  }
}

table.availabilityTable {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 800px) {
  table.availabilityTable.desktopTable {
    display: none;
  }
}
table.availabilityTable.mobileTable {
  display: none;
}
@media screen and (max-width: 800px) {
  table.availabilityTable.mobileTable {
    display: table;
  }
}
table.availabilityTable thead {
  background: #034538;
}
table.availabilityTable thead tr th {
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  color: #fff;
  padding: 30px 10px;
}
table.availabilityTable tbody tr.green td {
  background: #034538 !important;
  color: #fff;
}
table.availabilityTable tbody tr.disabled td {
  background: rgba(243, 120, 103, 0.16);
}
table.availabilityTable tbody tr td {
  padding: 30px 10px;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
  background: #fff;
  border: 1px solid rgba(42, 42, 42, 0.1);
  border-top: none;
}
@media screen and (max-width: 768px) {
  table.availabilityTable tbody tr td {
    font-size: 15px;
  }
}
table.availabilityTable tbody tr td a {
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  color: #034538;
  transition: color 300ms;
}
table.availabilityTable tbody tr td a svg {
  position: relative;
  top: -2px;
  margin-left: 10px;
  width: 12px;
  height: 8px;
  transform: rotate(-90deg);
  color: #034538 !important;
  transition: color 300ms;
}
@media screen and (max-width: 500px) {
  table.availabilityTable tbody tr td a svg {
    display: none;
  }
}
table.availabilityTable tbody tr td a svg polyline {
  stroke: #034538 !important;
  transition: stroke 300ms;
}
table.availabilityTable tbody tr td a:hover {
  color: #f37867;
}
table.availabilityTable tbody tr td a:hover svg polyline {
  stroke: #f37867 !important;
}
@media screen and (max-width: 800px) {
  table.availabilityTable tbody:nth-child(odd) tr td {
    background: #fff;
  }
  table.availabilityTable tbody:nth-child(even) tr td {
    background: #f8f8f8;
  }
  table.availabilityTable tbody tr td {
    border: 1px solid rgba(42, 42, 42, 0.1);
  }
}

.dashboard {
  --dashboard-item__background: #fff;
  --dashboard-item__color: #034538;
  --dashboard-link__border-color: #F37867;
  --dashboard-round-svg__size: 50px;
  --dashboard-round-svg__background: #F37867;
  --dashboard-svg__size: 25px;
  --dashboard-svg__fill: #fff;
  width: 100%;
}
.dashboard__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.dashboard__item {
  width: 50%;
  padding: 2.5px;
}
@media screen and (max-width: 700px) {
  .dashboard__item {
    width: 100%;
  }
}
.dashboard__item--full-width {
  width: 100%;
}
.dashboard__item--subscription {
  width: 100%;
  padding: 30px 2.5px;
}
.dashboard__item--alert {
  width: 100%;
  padding: 30px 2.5px;
}
.dashboard__item--cancel-ratio {
  width: 100%;
  padding: 30px 2.5px;
}
.dashboard__item--showcase {
  width: 100%;
  padding: 30px 2.5px;
}
.dashboard__item--showcase .showcase__container {
  display: block;
}
.dashboard__item--showcase .showcase__button {
  pointer-events: none;
}
.dashboard__item--showcase .showcase__container:hover .showcase__button .btn, .dashboard__item--showcase .showcase__container:hover .showcase__button .home-banner__main-button {
  color: #f37867;
}
.dashboard__item--showcase .showcase__container:hover .showcase__button .btn:after, .dashboard__item--showcase .showcase__container:hover .showcase__button .home-banner__main-button:after {
  top: 0%;
}
.dashboard__item--subscription + .dashboard__item--showcase {
  padding: 0 2.5px 30px;
}
.dashboard__item--reminder + .dashboard__item--showcase {
  padding: 0 2.5px 30px;
}
.dashboard__item--title {
  width: 100%;
  padding: 30px 2.5px 2.5px;
}
.dashboard__item--subscription + .dashboard__item--title {
  padding: 0 2.5px 2.5px;
}
.dashboard__item--showcase + .dashboard__item--title {
  padding: 0 2.5px 2.5px;
}
.dashboard__item--reminder + .dashboard__item--title {
  padding: 0 2.5px 2.5px;
}
.dashboard__item--new-hosts {
  width: 100%;
  padding: 2.5px 2.5px 0;
}
.dashboard__item-alert {
  width: 100%;
  min-height: 65px;
  padding: 20px 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  --dashboard-item__background: #ba2b37;
  background: var(--dashboard-item__background);
}
@media screen and (max-width: 500px) {
  .dashboard__item-alert {
    flex-direction: column;
    align-items: flex-start;
    justify-content: initial;
  }
}
.dashboard__item-alert-text, .dashboard__item-alert-link {
  --dashboard-item__color: #fff;
  color: var(--dashboard-item__color);
}
.dashboard__item-alert-text {
  font: 15px/1.5 sanfrancisco-regular, sans-serif;
  margin-right: 20px;
}
@media screen and (max-width: 500px) {
  .dashboard__item-alert-text {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.dashboard__item-alert-link {
  white-space: nowrap;
  pointer-events: none;
}
.dashboard__item-alert-link:after {
  --dashboard-link__border-color: #fff;
  background: var(--dashboard-link__border-color);
}
.dashboard__item-alert:hover .dashboard__item-alert-link:after {
  right: -15px;
}
.dashboard__item--green .dashboard__item-link {
  --dashboard-item__background: #034538;
}
.dashboard__item--orange .dashboard__item-link {
  --dashboard-item__background: #F37867;
}
.dashboard__item--green, .dashboard__item--orange {
  --dashboard-item__color: #fff;
  --dashboard-round-svg__background: #fff;
  --dashboard-svg__fill: #F37867;
}
.dashboard__item--orange .dashboard__link:after {
  --dashboard-link__border-color: #fff ;
}
.dashboard__item-cancel-ratio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  margin-bottom: 30px;
  background-color: white;
}
.dashboard__item-cancel-ratio-text {
  padding-right: 15px;
}
.dashboard__item-cancel-ratio .title {
  font-family: "sanfrancisco-semibold", sans-serif;
  font-size: 17px;
}
.dashboard__item-cancel-ratio .text {
  font-family: "sanfrancisco-regular", sans-serif;
  font-size: 15px;
}
.dashboard__item-cancel-ratio-svg-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
.dashboard__item-cancel-ratio-svg-container--1 {
  background-color: #238B6F;
}
.dashboard__item-cancel-ratio-svg-container--2 {
  background-color: #E5B330;
}
.dashboard__item-cancel-ratio-svg-container--3 {
  background-color: #AF402D;
}
.dashboard__item-cancel-ratio-svg-container svg {
  width: 28px;
  height: 24px;
  fill: white;
}
.dashboard__item-link {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 75px 40px 45px;
  background: var(--dashboard-item__background);
}
.dashboard__title {
  text-align: left;
  color: var(--dashboard-item__color);
}
.dashboard__subtitle {
  font: 16px/1.5 "sanfrancisco-bold", sans-serif;
  text-align: left;
  color: var(--dashboard-item__color);
}
.dashboard__text {
  font: 17px/1.5 sanfrancisco-regular, sans-serif;
  margin-top: 10px;
}
.dashboard__link {
  width: fit-content;
  color: var(--dashboard-item__color);
  margin-top: 5px;
  pointer-events: none;
}
.dashboard__link:after {
  background: var(--dashboard-link__border-color);
}
.dashboard__svg {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: var(--dashboard-round-svg__size);
  height: var(--dashboard-round-svg__size);
}
.dashboard__svg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--dashboard-round-svg__background);
  border-radius: 50%;
  transition: transform 300ms;
}
.dashboard__svg svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--dashboard-svg__size);
  height: var(--dashboard-svg__size);
  fill: var(--dashboard-svg__fill);
  z-index: 1;
}
.dashboard__svg.tools svg, .dashboard__svg.parking svg {
  stroke: var(--dashboard-svg__fill);
  fill: none;
}
.dashboard__svg.tools svg {
  stroke-width: 2px;
}
.dashboard__svg.parking svg {
  stroke-width: 4px;
}
.dashboard__item--subscription .dashboard__item-link {
  display: block;
}
.dashboard__item--subscription .dashboard__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px;
  margin-right: 20px;
}
.dashboard__item--subscription .dashboard__button {
  display: flex;
  align-items: center;
  margin: 10px;
  margin-right: -10px;
}
.dashboard__item--subscription .dashboard__button .btn, .dashboard__item--subscription .dashboard__button .home-banner__main-button {
  display: block;
  margin: 0;
}
.dashboard__item--subscription .dashboard__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: -10px;
}
@media screen and (max-width: 700px) {
  .dashboard__item--subscription .dashboard__container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: initial;
  }
}
.dashboard__item--reminder {
  width: 100%;
  padding: 30px 2.5px;
}
.dashboard__item--reminder .slick-next,
.dashboard__item--reminder .slick-prev {
  display: none !important;
}
.dashboard__item--reminder span {
  font: 15px/1.5 "sanfrancisco-bold", sans-serif;
  color: #034538;
}
.dashboard__item--reminder p {
  font: 15px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
.dashboard__item--reminder a {
  position: relative;
  padding-bottom: 5px;
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  transition: color 300ms;
}
.dashboard__item--reminder a:after {
  content: "";
  position: absolute;
  height: 1px;
  right: 0px;
  bottom: 0;
  left: 0;
  background: #f37867;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}
.dashboard__item--reminder a:hover:not(.fixedLine):after {
  right: -15px;
}
.dashboard__item--subscription + .dashboard__item--reminder {
  padding: 0 2.5px 30px;
}
.dashboard__reminder-slider {
  padding: 25px 45px;
  border: 1px solid #034538;
}
.dashboard .slickReminderNav {
  width: 100%;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard .slickReminderNav__prev, .dashboard .slickReminderNav__next {
  opacity: 1;
  transition: opacity 300ms;
  appearance: none;
  color: initial;
  background: initial;
  border: initial;
  font: initial;
  border-radius: initial;
  padding: initial;
  cursor: pointer;
}
.dashboard .slickReminderNav__prev::after, .dashboard .slickReminderNav__next::after {
  display: none;
}
.dashboard .slickReminderNav__prev:hover, .dashboard .slickReminderNav__next:hover {
  opacity: 0.5;
}
.dashboard .slickReminderNav__prev {
  transform: rotate(90deg);
}
.dashboard .slickReminderNav__next {
  transform: rotate(-90deg);
}
.dashboard .slickReminderNav__counter span {
  color: #034538;
}
.dashboard .slickReminderNav__counter-current {
  font: 15px/1 "sanfrancisco-bold", sans-serif;
}
.dashboard .slickReminderNav__counter-total {
  font: 15px/1 "sanfrancisco-regular", sans-serif;
}
.dashboard__item-title {
  padding: 40px 75px;
  background: var(--dashboard-item__background);
  font: 25px/1.4 "sanfrancisco-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 1024px) {
  .dashboard__item-title {
    padding: 30px;
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .dashboard__item-title {
    padding: 30px 20px;
    font-size: 21px;
  }
}
@media screen and (max-width: 600px) {
  .dashboard__item-title {
    padding: 30px 15px;
    font-size: 18px;
  }
}
.dashboard .new-hosts-list {
  --new-hosts-list-gap-x: 8px;
  background: var(--dashboard-item__background);
  padding: 50px 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .dashboard .new-hosts-list {
    --new-hosts-list-gap-x: 25px;
  }
}
@media screen and (max-width: 1100px) {
  .dashboard .new-hosts-list {
    --new-hosts-list-gap-x: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .dashboard .new-hosts-list {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 768px) {
  .dashboard .new-hosts-list {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 600px) {
  .dashboard .new-hosts-list {
    padding: 30px 15px;
  }
}
.dashboard .new-hosts-list__list {
  width: calc(100% + var(--new-hosts-list-gap-x) * 2);
  margin-left: calc(0px - var(--new-hosts-list-gap-x));
  margin-right: calc(0px - var(--new-hosts-list-gap-x));
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.dashboard .new-hosts-list__list-item {
  width: 50%;
  padding: 0 var(--new-hosts-list-gap-x);
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .dashboard .new-hosts-list__list-item {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .dashboard .new-hosts-list__list-item {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .dashboard .new-hosts-list__list-item {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 800px) {
  .dashboard .new-hosts-list__list-item {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 700px) {
  .dashboard .new-hosts-list__list-item {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .dashboard .new-hosts-list__list-item {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 400px) {
  .dashboard .new-hosts-list__list-item {
    margin-bottom: 30px;
  }
}
.dashboard .new-hosts-list__list-item .blockstyle1 {
  width: 100%;
}
.dashboard .new-hosts-list__list-item .blockstyle1 .new {
  opacity: 1;
  transition: opacity 300ms;
}
.dashboard .new-hosts-list__list-item .blockstyle1 .new:hover {
  opacity: 0.5;
}
.dashboard .new-hosts-list__list-item .blockstyle1 .new svg {
  fill: none;
  stroke: #f37867;
  stroke-width: 2px;
}
.dashboard .new-hosts-list__list-item .blockstyle1 .new--active svg {
  fill: #f37867;
  stroke: none;
  stroke-width: 0px;
}
.dashboard .new-hosts-list__button {
  margin-top: 15px;
}
.dashboard__item-link:hover .dashboard__link:after {
  right: -15px;
}
.dashboard__item--subscription .dashboard__item-link:hover .btn, .dashboard__item--subscription .dashboard__item-link:hover .home-banner__main-button {
  color: #fff;
}
.dashboard__item--subscription .dashboard__item-link:hover .btn:after, .dashboard__item--subscription .dashboard__item-link:hover .home-banner__main-button:after {
  top: 0;
}

.sideNavAccount {
  padding-top: 170px;
}
@media screen and (max-width: 1100px) {
  .sideNavAccount {
    display: none;
  }
}
.sideNavAccount__title {
  font: 15px/1 "sanfrancisco-bold", sans-serif;
  text-transform: uppercase;
  color: #034538;
}
.sideNavAccount__list {
  margin-top: 25px;
  margin-bottom: 40px;
}
.sideNavAccount__item {
  border-bottom: 1px solid #bbbaba;
}
.sideNavAccount__item:first-child {
  border-top: 1px solid #bbbaba;
}
.sideNavAccount__item-link {
  padding: 20px 0;
  font: 15px/1.5 "sanfrancisco-regular", sans-serif;
  color: black;
  transition: color 300ms;
}
.sideNavAccount__item-link:hover, .sideNavAccount__item-link.active {
  color: #f37867;
}
.sideNavAccount__logout-button {
  background: #f37867;
  padding: 15px 30px;
  font: 15px/1 emyslab-regular, sans-serif;
  color: #fff;
  border-radius: 3px;
  transition: background 0.3s, color 0.3s;
}

.c-overlay-cookies {
  --y-30: max(22px + (30 - 22) * ((100vw - 500px) / (1440 - 500)), 22px);
  --y-nus-25: max(20px + (25 - 20) * ((100vw - 500px) / (1440 - 500)), 20px);
  --y-nus-20: max(16px + (20 - 16) * ((100vw - 500px) / (1440 - 500)), 16px);
  --x-30: max(22px + (30 - 22) * ((100vw - 500px) / (1440 - 500)), 22px);
  --x-nus-25: max(22px + (25 - 22) * ((100vw - 500px) / (1440 - 500)), 22px);
  --out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
}

.c-overlay-cookies {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 110;
}
.c-overlay-cookies__container {
  position: absolute;
  bottom: var(--y-30);
  left: var(--x-30);
  width: 450px;
  padding: var(--y-nus-25) var(--x-nus-25);
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transform: translateY(var(--y-30));
  transition: opacity 800ms cubic-bezier(0.76, 0, 0.24, 1), transform 800ms cubic-bezier(0.76, 0, 0.24, 1);
  will-change: transform;
}
@media screen and (max-width: 500px) {
  .c-overlay-cookies__container {
    width: calc(100% - var(--x-30) * 2);
  }
}
.c-overlay-cookies__title {
  font-size: 18px;
  font-family: "sanfrancisco-semibold";
  font-weight: 700;
  line-height: 1.6em;
}
.c-overlay-cookies__text {
  display: block;
  font-family: "sanfrancisco-regular";
  font-size: 16px;
  line-height: 1.6em;
  margin-top: 7px;
}
.c-overlay-cookies__buttons {
  display: flex;
  margin-top: var(--y-nus-20);
}
@media screen and (max-width: 450px) {
  .c-overlay-cookies__buttons {
    flex-direction: column;
  }
}
.c-overlay-cookies__button-find-out-more, .c-overlay-cookies__button-accept {
  width: 50%;
  justify-content: center;
  padding-top: 14px;
  padding-bottom: 14px;
}
@media screen and (max-width: 450px) {
  .c-overlay-cookies__button-find-out-more, .c-overlay-cookies__button-accept {
    width: 100%;
  }
}
.c-overlay-cookies__button-find-out-more {
  margin-right: 10px;
}
@media screen and (max-width: 450px) {
  .c-overlay-cookies__button-find-out-more {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
/*
|--------------------------------------------------------------------------
| OVERLAY VISIBLE
|--------------------------------------------------------------------------
*/
.show-overlay-cookies .c-overlay-cookies {
  visibility: visible;
}
.show-overlay-cookies .c-overlay-cookies__container {
  opacity: 1;
  pointer-events: all;
  transform: none;
}

/*
|--------------------------------------------------------------------------
| OVERLAY QUI FERME
|--------------------------------------------------------------------------
*/
.show-overlay-cookies.closing-overlay-cookies .c-overlay-cookies__container {
  opacity: 0;
  transform: translateY(var(--y-30));
}

.c-button, .c-overlay-cookies__button-find-out-more, .c-overlay-cookies__button-accept {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gap, 10px);
  padding: 18px 32px;
  font-family: "sanfrancisco-bold";
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3em;
  color: var(--button-color);
  border-radius: 100px;
  text-decoration: none;
  cursor: pointer;
  transition: color 300ms 300ms, background-color 300ms;
}
.c-button::after, .c-overlay-cookies__button-find-out-more::after, .c-overlay-cookies__button-accept::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 75%;
  translate: 0 10%;
  z-index: -1;
  width: 180%;
  padding-bottom: 180%;
  border-radius: 50%;
  transition: translate 1500ms var(--out-cubic), right 1500ms var(--out-cubic);
}
.c-button::before, .c-overlay-cookies__button-find-out-more::before, .c-overlay-cookies__button-accept::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  border-radius: 100px;
  border: 1px solid var(--button-border-color);
  background-color: var(--button-background-color);
  transition: border-color 300ms;
}
.c-button--full-1, .c-overlay-cookies__button-accept {
  --button-color: white;
  border: none;
}
.c-button--full-1::before, .c-overlay-cookies__button-accept::before {
  --button-background-color: #f37867;
  --button-border-color: #f37867;
}
.c-button--full-1::after, .c-overlay-cookies__button-accept::after {
  background-color: #f35c47;
}
.c-button--full-1:hover, .c-overlay-cookies__button-accept:hover {
  --button-color: white;
  transition: color 300ms;
}
.c-button--full-1:hover::after, .c-overlay-cookies__button-accept:hover::after {
  right: -75%;
  translate: 0 -50%;
  transition: translate 600ms var(--out-cubic), right 600ms var(--out-cubic);
}

.c-button--empty-1, .c-overlay-cookies__button-find-out-more {
  --button-color: #2a2a2a;
}
.c-button--empty-1::before, .c-overlay-cookies__button-find-out-more::before {
  --button-background-color: transparent;
  --button-border-color: #bbbaba;
}
.c-button--empty-1::after, .c-overlay-cookies__button-find-out-more::after {
  background-color: #f37867;
}
.c-button--empty-1:hover, .c-overlay-cookies__button-find-out-more:hover {
  --button-color: white;
  transition: color 300ms;
}
.c-button--empty-1:hover::after, .c-overlay-cookies__button-find-out-more:hover::after {
  right: -75%;
  translate: 0 -50%;
  transition: translate 600ms var(--out-cubic), right 600ms var(--out-cubic);
}

[data-fadeup] {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 500ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
[data-fadeup][data-scrollfire=fire], [data-fadeup][data-multiscrollfire=fire] {
  opacity: 1;
  transform: none;
}

.transition [data-fadeup], .chargement [data-fadeup] {
  opacity: 0 !important;
  transform: translateY(100px) !important;
}
.transition [data-scrollfire][data-delay4], .transition [data-multiscrollfire][data-delay4], .chargement [data-scrollfire][data-delay4], .chargement [data-multiscrollfire][data-delay4] {
  transition-delay: 100ms;
}
.transition [data-scrollfire][data-delay3], .transition [data-multiscrollfire][data-delay3], .chargement [data-scrollfire][data-delay3], .chargement [data-multiscrollfire][data-delay3] {
  transition-delay: 200ms;
}
.transition [data-scrollfire][data-delay2], .transition [data-multiscrollfire][data-delay2], .chargement [data-scrollfire][data-delay2], .chargement [data-multiscrollfire][data-delay2] {
  transition-delay: 300ms;
}
.transition [data-scrollfire][data-delay1], .transition [data-multiscrollfire][data-delay1], .chargement [data-scrollfire][data-delay1], .chargement [data-multiscrollfire][data-delay1] {
  transition-delay: 400ms;
}
.transition [data-scrollfire][data-delay], .transition [data-multiscrollfire][data-delay], .chargement [data-scrollfire][data-delay], .chargement [data-multiscrollfire][data-delay] {
  transition-delay: 500ms;
}

[data-scrollfire], [data-multiscrollfire] {
  transition-delay: 0ms;
}
[data-scrollfire][data-delay], [data-multiscrollfire][data-delay] {
  transition-delay: 100ms;
}
[data-scrollfire][data-delay1], [data-multiscrollfire][data-delay1] {
  transition-delay: 300ms;
}
[data-scrollfire][data-delay2], [data-multiscrollfire][data-delay2] {
  transition-delay: 500ms;
}
[data-scrollfire][data-delay3], [data-multiscrollfire][data-delay3] {
  transition-delay: 1400ms;
}
[data-scrollfire][data-delay4], [data-multiscrollfire][data-delay4] {
  transition-delay: 1700ms;
}

.floating {
  animation-name: floating;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
}

.floatingStop {
  animation-play-state: paused;
}

@keyframes floating {
  0% {
    transform: translateY(-15%);
  }
  60% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(-15%);
  }
}
#loaderbar {
  position: absolute;
  width: 0%;
  height: 5px;
  top: 0;
  z-index: 999999;
  background-color: #034538;
  transition: width 100ms;
}

#page-transition, #landing {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9998;
  visibility: hidden;
  right: 0;
  left: 0;
  opacity: 0;
  background: #fff;
  transition: opacity 600ms, visibility 0ms ease 600ms;
}
#page-transition .wrapper, #landing .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

#landing .wrapper {
  width: 150px;
  height: 50px;
}
#landing .wrapper svg {
  width: 150px;
  height: 50px;
  color: #034538 !important;
}
#landing .wrapper svg path, #landing .wrapper svg polygon {
  fill: #034538 !important;
}

#page-transition .wrapper {
  transform: translate(-75px, -75px);
}
#page-transition .wrapper svg {
  position: absolute;
  width: 150px;
  height: 150px;
  color: #f37867;
}
#page-transition .wrapper svg path, #page-transition .wrapper svg circle {
  fill: #f37867;
}
#page-transition .wrapper svg.loader1 {
  animation: spin1 5s linear infinite;
}
@keyframes spin1 {
  100% {
    transform: rotate(360deg);
  }
}

.chargement #landing {
  opacity: 1;
  visibility: visible;
  transition: opacity 600ms ease 1000ms;
}

.transition #page-transition {
  opacity: 1;
  visibility: visible;
  transition: opacity 600ms ease;
}

.slick-arrow {
  position: relative;
  width: 30px;
  height: 30px;
}
.slick-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 50%;
  transition: transform 300ms;
}
.slick-arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  z-index: 1;
  transform: translate(-50%, -50%);
  color: #034538;
  transition: color 300ms;
}
.slick-arrow svg polyline {
  stroke: #034538;
  transition: stroke 300ms;
}
.slick-arrow.prev {
  margin-right: 20px;
  transform: rotate(90deg);
}
.slick-arrow.next {
  transform: rotate(-90deg);
}
.slick-arrow:hover:after {
  transform: scale(1.3);
}

.slickReminderNav .slick-arrow svg {
  width: 16px;
  height: 8px;
}

form {
  display: block;
  width: 100%;
}

div.error {
  position: absolute;
  padding-top: 7px;
  top: 100%;
  font: 12px/1 "sanfrancisco-regular", sans-serif;
  color: #f37867;
}

.input-field, .text-field, .select-field, .file-field {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
  .input-field--with-note {
    margin-bottom: 70px;
  }
}

.input-box {
  display: inline-block;
  position: relative;
}
.input-box input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}
.input-box #searchInput {
  padding-left: 70px !important;
}
.input-box input {
  width: 360px;
  height: 64px;
  padding: 30px 125px 30px 25px;
  font: 16px/1px "sanfrancisco-regular", sans-serif;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  -webkit-appearance: none;
}
@media screen and (max-width: 1200px) {
  .input-box input {
    width: 360px;
    padding: 2px 95px 0 35px;
    height: 64px;
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .input-box input {
    width: 250px;
    padding: 2px 85px 0 15px;
    height: 54px;
    font-size: 12px;
  }
}
.input-box label {
  position: absolute;
  top: 3px;
  left: 35px;
  font: 16px/60px "sanfrancisco-regular", sans-serif;
  color: #fff;
  opacity: 1;
  visibility: visible;
  cursor: text;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
@media screen and (max-width: 1200px) {
  .input-box label {
    line-height: 60px;
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .input-box label {
    line-height: 50px;
    font-size: 12px;
    left: 15px;
  }
}
.input-box a {
  position: absolute;
  padding-top: 2px;
  width: 100px;
  top: 0;
  right: 0;
  font: 16px/60px "emyslab-semibold", sans-serif;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  transition: color 300ms;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .input-box a {
    width: 60px;
    line-height: 60px;
  }
}
@media screen and (max-width: 600px) {
  .input-box a {
    width: 50px;
    line-height: 50px;
  }
}
.input-box a:hover {
  color: #f37867;
}
.input-box a:hover:after {
  top: 0%;
}
.input-box a:after {
  content: "";
  position: absolute;
  top: 95%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: -1;
  transition: top 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.input-box a span {
  position: relative;
  z-index: 1;
}
.input-box > input:focus + label, .input-box > input.error + label, .input-box > input.valid + label, .input-box > input.notEmpty + label {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 300ms, visibility 0ms ease 300ms;
  transition: opacity 300ms, visibility 0ms ease 300ms;
}
.input-box.style2 input {
  color: #2a2a2a;
  background: #fff;
  width: 385px;
  padding: 30px 150px 30px 25px;
}
@media screen and (max-width: 1200px) {
  .input-box.style2 input {
    width: 360px;
    padding: 2px 150px 0 35px;
  }
}
@media screen and (max-width: 600px) {
  .input-box.style2 input {
    width: 300px;
    padding: 2px 150px 0 15px;
  }
}
.input-box.style2 label {
  color: #bbbaba;
}
.input-box.style2 a {
  width: 125px;
  border-left: rgba(42, 42, 42, 0.1);
  color: #f37867;
}
.input-box.style2 a:hover {
  color: #fff;
}
.input-box.style2 a:after {
  background: #f37867;
}
@media screen and (max-width: 1200px) {
  .input-box.style2 a {
    width: 125px;
    line-height: 60px;
  }
}
@media screen and (max-width: 600px) {
  .input-box.style2 a {
    width: 115px;
    line-height: 50px;
  }
}
.input-box.style3 input {
  color: #2a2a2a;
  background: #fff;
  width: 100%;
  height: 90px;
  padding: 30px 150px 32px 70px;
}
@media screen and (max-width: 1200px) {
  .input-box.style3 input {
    padding: 2px 150px 0 35px;
  }
}
@media screen and (max-width: 600px) {
  .input-box.style3 input {
    padding: 2px 150px 0 15px;
  }
}
.input-box.style3 label {
  top: 0;
  color: #bbbaba;
  font: 16px/90px "sanfrancisco-regular", sans-serif;
  left: 70px;
}
.input-box.style3 a {
  width: 125px;
  border-left: rgba(42, 42, 42, 0.1);
  color: #f37867;
}
.input-box.style3 a:hover {
  color: #fff;
}
.input-box.style3 a:after {
  background: #f37867;
}
@media screen and (max-width: 1200px) {
  .input-box.style3 a {
    width: 125px;
    line-height: 60px;
  }
}
@media screen and (max-width: 600px) {
  .input-box.style3 a {
    width: 115px;
    line-height: 50px;
  }
}

.input-field {
  position: relative;
}
.input-field input {
  width: 100%;
  height: 45px;
  padding: 0;
  border: none;
  border-bottom: 1px solid rgba(42, 42, 42, 0.4);
  font: 18px/45px "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  background: transparent;
  transition: 300ms ease;
}
@media screen and (max-width: 768px) {
  .input-field input {
    font-size: 16px;
  }
}
.input-field input:focus {
  border-bottom: 3px solid #f37867;
}
.input-field input.valid {
  border-bottom: 1px solid #f37867;
}
.input-field label {
  position: absolute;
  top: 0px;
  left: 0;
  font: 18px/45px "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  cursor: text;
  transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 768px) {
  .input-field label {
    font-size: 16px;
  }
}
.input-field label span {
  font-size: 18px;
  color: #f37867;
}
.input-field.carRegistrationNumber .input-svg svg {
  width: 30px;
  height: 20px;
}
.input-field .input-svg {
  width: 30px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.input-field #carRegistrationNumber {
  padding-left: 45px;
}
.input-field input:focus + label,
.input-field input.valid + label,
.input-field input.error + label,
.input-field input.notEmpty + label {
  top: -12px;
  font-size: 15px;
  line-height: 12px;
  color: rgba(42, 42, 42, 0.5);
  cursor: default;
  pointer-events: none;
}
.input-field pre {
  font-family: "sanfrancisco-regular", sans-serif;
  font-size: 11px;
  line-height: 12px;
  color: rgba(42, 42, 42, 0.5);
  cursor: default;
  pointer-events: none;
  margin-top: 5px;
  position: absolute;
  white-space: normal;
}
.input-field input.vide + label {
  top: 0px;
  font: 16px/45px "sanfrancisco-regular", sans-serif;
}
.input-field.white input, .input-field.home-banner__main-button input {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}
.input-field.white input:focus, .input-field.home-banner__main-button input:focus {
  border-bottom: 3px solid #f37867;
}
.input-field.white input.valid, .input-field.home-banner__main-button input.valid {
  border-bottom: 1px solid #f37867;
}
.input-field.white label, .input-field.home-banner__main-button label {
  color: #fff;
}
.input-field.white input:focus + label, .input-field.home-banner__main-button input:focus + label,
.input-field.white input.valid + label,
.input-field.home-banner__main-button input.valid + label,
.input-field.white input.error + label,
.input-field.home-banner__main-button input.error + label,
.input-field.white input.notEmpty + label,
.input-field.home-banner__main-button input.notEmpty + label {
  color: rgba(255, 255, 255, 0.5);
}

.text-field textarea {
  width: 100%;
  height: 45px;
  min-height: 0;
  padding: 15px 0 0 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(42, 42, 42, 0.4);
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  resize: none;
  overflow: hidden;
  transition: border 300ms;
}
@media screen and (max-width: 768px) {
  .text-field textarea {
    font-size: 16px;
  }
}
.text-field textarea:focus {
  border-bottom: 3px solid #f37867;
}
.text-field textarea.valid {
  border-bottom: 1px solid #f37867;
}
.text-field label {
  position: absolute;
  top: 0px;
  left: 0px;
  font: 18px/45px "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  cursor: text;
  transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 768px) {
  .text-field label {
    font-size: 16px;
  }
}
.text-field label span {
  font-size: 18px;
  color: #f37867;
}
.text-field textarea:focus + label,
.text-field textarea.valid + label {
  min-height: 90px;
  top: -12px;
  color: #bbbaba;
  font-size: 11px;
  line-height: 12px;
  cursor: default;
  pointer-events: none;
}
.text-field.white textarea, .text-field.home-banner__main-button textarea {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}
.text-field.white textarea:focus, .text-field.home-banner__main-button textarea:focus {
  border-bottom: 3px solid #f37867;
}
.text-field.white textarea.valid, .text-field.home-banner__main-button textarea.valid {
  border-bottom: 1px solid #f37867;
}
.text-field.white label, .text-field.home-banner__main-button label {
  color: #fff;
}
.text-field.white textarea:focus + label, .text-field.home-banner__main-button textarea:focus + label,
.text-field.white textarea.valid + label,
.text-field.home-banner__main-button textarea.valid + label,
.text-field.white textarea.error + label,
.text-field.home-banner__main-button textarea.error + label {
  color: rgba(255, 255, 255, 0.5);
}

.select-field label {
  position: absolute;
  bottom: 100%;
  display: block;
  margin-bottom: 10px;
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #bbbaba;
}
.select-field label span {
  font-size: 15px;
  color: #f37867;
}

.chosen-container .chosen-results li.highlighted {
  color: #034538;
}

.chosen-container-single .chosen-search {
  display: none;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

select {
  display: block;
  width: 100%;
  opacity: 0;
}
select::-ms-expand {
  display: none;
}

.chosen-disabled {
  opacity: 0.35 !important;
  cursor: default;
}

.chosen-container {
  position: relative;
  display: inline-block;
  width: 100% !important;
  font-size: 15px;
  vertical-align: middle;
  background: #fff;
  user-select: none;
  z-index: 50;
}
.chosen-container .chosen-single {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  z-index: 49;
  transition: border 500ms, border-radius 500ms;
}
.chosen-container .chosen-single span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.chosen-container .chosen-single div {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f1efeb;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .chosen-container .chosen-single div {
    right: 15px;
  }
}
.chosen-container .chosen-single div:before, .chosen-container .chosen-single div:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #2a2a2a;
}
.chosen-container .chosen-single div:before {
  width: 10px;
  height: 2px;
  transition: background 300ms;
}
.chosen-container .chosen-single div:after {
  width: 2px;
  height: 10px;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 300ms, background 300ms;
}
.chosen-container .chosen-drop {
  position: absolute;
  width: 100%;
  top: 0;
  border: none;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: top 500ms, opacity 500ms, box-shadow 500ms, visibility 0ms ease 500ms;
}
.chosen-container.chosen-with-drop .chosen-drop {
  top: 100%;
  visibility: visible;
  opacity: 1;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1);
  transition: top 500ms, opacity 500ms, box-shadow 500ms;
}
.chosen-container .chosen-results {
  position: relative;
  max-height: 170px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  padding: 15px 20px;
  margin: 0;
  font: 15px/20px "sanfrancisco-regular", sans-serif;
  list-style: none;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  transition: color 300ms;
}
.chosen-container .chosen-results li:first-child {
  padding-top: 25px;
}
.chosen-container .chosen-results li:last-child {
  padding-bottom: 25px;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
  color: #2a2a2a;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: rgba(42, 42, 42, 0.4);
  cursor: default;
}
.chosen-container .chosen-results li.result-selected {
  font-family: "sanfrancisco-regular", sans-serif;
  background: rgba(42, 42, 42, 0.05) !important;
  cursor: default;
}

.chosen-container-active {
  z-index: 50;
}

.chosen-with-drop .chosen-single div:after {
  transform: translateY(-50%) scaleY(0);
}

.select-field.style1 {
  position: relative;
  margin-bottom: 50px;
}
.select-field.style1.mobile .wrapper {
  position: relative;
}
.select-field.style1.mobile .wrapper .mobile_plus {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: 50%;
  right: 30px;
  border-radius: 50%;
  background: #f1efeb;
  z-index: 1;
  pointer-events: none;
  transform: translateY(-50%);
}
.select-field.style1.mobile .wrapper .mobile_plus:before, .select-field.style1.mobile .wrapper .mobile_plus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #2a2a2a;
}
.select-field.style1.mobile .wrapper .mobile_plus:before {
  width: 10px;
  height: 2px;
}
.select-field.style1.mobile .wrapper .mobile_plus:after {
  width: 2px;
  height: 10px;
}
.select-field.style1 select {
  position: relative;
  display: block;
  height: 56px;
  padding: 0 70px 0 20px;
  font: 15px/56px "sanfrancisco-semibold", sans-serif;
  color: #2a2a2a;
  background: #fff;
  opacity: 1;
  border: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  appearance: none;
}
.select-field.style1 select:focus, .select-field.style1 select:active {
  outline: none !important;
}
.select-field.style1 select::-ms-expand {
  display: none;
}
.select-field.style1 .chosen-container {
  background: transparent;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1);
}
.select-field.style1 .chosen-container .chosen-single:not(.chosen-default) {
  color: #034538;
}
.select-field.style1 .chosen-container .chosen-single {
  padding: 0 70px 0 20px;
  font: 15px/56px "sanfrancisco-semibold", sans-serif;
  color: #2a2a2a;
  background: #fff;
  letter-spacing: 0;
  transition: background 300ms, color 300ms, border 300ms;
}
.select-field.style1 .chosen-container .chosen-default {
  font: 15px/56px "sanfrancisco-semibold", sans-serif;
  color: #2a2a2a;
  letter-spacing: 0;
}
.select-field.style1 .chosen-container.chosen-with-drop .chosen-default, .select-field.style1 .chosen-container.chosen-with-drop .chosen-single {
  color: #fff !important;
  background: #f37867;
}
.select-field.style1 .chosen-container.chosen-with-drop .chosen-default div, .select-field.style1 .chosen-container.chosen-with-drop .chosen-single div {
  background: rgba(42, 42, 42, 0.1);
}
.select-field.style1 .chosen-container.chosen-with-drop .chosen-default div:after, .select-field.style1 .chosen-container.chosen-with-drop .chosen-default div:before, .select-field.style1 .chosen-container.chosen-with-drop .chosen-single div:after, .select-field.style1 .chosen-container.chosen-with-drop .chosen-single div:before {
  background: #fff;
}
.select-field.style1 .chosen-container .active-result.result-selected {
  color: #2a2a2a !important;
}
.select-field.style1 .chosen-container .active-result {
  color: #2a2a2a !important;
  transition: color 300ms;
}
.select-field.style1 .chosen-container .active-result:hover {
  color: #f37867 !important;
}
.select-field.style1.gray.mobile .mobile_plus {
  background: #fff;
}
.select-field.style1.gray select {
  background: #f1efeb;
}
.select-field.style1.gray .chosen-container .chosen-single:not(.chosen-default) {
  color: #2a2a2a;
}
.select-field.style1.gray .chosen-container .chosen-single {
  color: #2a2a2a;
  background: #f1efeb;
}
.select-field.style1.gray .chosen-container .chosen-single div {
  background: rgba(42, 42, 42, 0.1);
}
.select-field.style1.gray .chosen-container .chosen-results {
  border-top: 1px solid #fff;
}
.select-field.style1.gray .chosen-container.chosen-with-drop .chosen-default, .select-field.style1.gray .chosen-container.chosen-with-drop .chosen-single {
  color: #fff !important;
  background: #f37867;
}
.select-field.style1.gray .chosen-container .chosen-drop {
  background: #f1efeb;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0 65px 0 30px;
  margin: 0;
  overflow: hidden;
  border: none;
  background: #fff;
  cursor: text;
  z-index: 3;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  min-height: 56px;
  width: 25px;
  padding: 0;
  margin: 1px 0;
  background: transparent !important;
  border: 0 !important;
  outline: 0;
  font: 15px/56px "sanfrancisco-semibold", sans-serif;
  color: #2a2a2a;
  border-radius: 0;
  box-shadow: none;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  padding: 15px 45px 13px 30px;
  margin: 8px 5px 0 0;
  max-width: 100%;
  border-radius: 3px;
  background: #f37867;
  color: #fff;
  font: 15px/1 "sanfrancisco-semibold", sans-serif;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 14px;
  right: 10px;
  display: block;
  width: 15px;
  height: 15px;
  background: url("../images/content/icons/close.svg") no-repeat center;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(42, 42, 42, 0.1);
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.radiobox-field label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
  cursor: pointer;
  user-select: none;
}
.radiobox-field label:not(:last-child) {
  margin-right: 5%;
}
.radiobox-field label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radiobox-field label span {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  border: 1px solid #034538;
  border-radius: 2px;
  transform: translateY(-50%) translateY(-1px);
  transition: background 300ms;
}
.radiobox-field label span:after {
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transform: rotate(45deg) scale(0.5);
  transition: transform 300ms, opacity 300ms, visibility 0ms ease 300ms;
}
.radiobox-field label input:checked ~ span:after {
  opacity: 1;
  visibility: visible;
  transform: rotate(45deg);
  transition: transform 300ms, opacity 300ms;
}
.radiobox-field label span:after {
  left: 6.5px;
  top: 3.5px;
  width: 3px;
  height: 8px;
  border: 1px solid #034538;
  border-width: 0 2px 2px 0;
}

.checkbox-field {
  position: relative;
}
.checkbox-field.margin {
  margin-bottom: 30px;
}
.checkbox-field label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font: 15px/1 "sanfrancisco-semibold", sans-serif;
  color: #fff;
  cursor: pointer;
  user-select: none;
}
.checkbox-field label:not(:last-child) {
  margin-right: 5%;
}
.checkbox-field label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-field label a {
  font: 15px/1 "sanfrancisco-semibold", sans-serif;
  color: #fff;
}
.checkbox-field label a.link:hover {
  color: #f37867;
}
.checkbox-field label span:not(.required) {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  transform: translateY(-50%) translateY(-1px);
  transition: background 300ms;
}
.checkbox-field label span:not(.required):after {
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transform: rotate(45deg) scale(0.5);
  transition: transform 300ms, opacity 300ms, visibility 0ms ease 300ms;
}
.checkbox-field label span.required {
  font-size: 18px;
  color: #f37867;
}
.checkbox-field label input:checked ~ span:not(.required) {
  background: #f37867;
}
.checkbox-field label input:checked ~ span:not(.required):after {
  opacity: 1;
  visibility: visible;
  transform: rotate(45deg);
  transition: transform 300ms, opacity 300ms;
}
.checkbox-field label span:not(.required):after {
  left: 7px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
}
.checkbox-field.style2 label {
  color: #2a2a2a;
}
.checkbox-field.style2 label span:not(.required) {
  background: #f1efeb;
}
.checkbox-field.style2 label input:checked ~ span:not(.required) {
  background: #f37867;
}
.checkbox-field.style2 label a {
  font: 15px/1 "sanfrancisco-semibold", sans-serif;
  color: #2a2a2a;
}

.showOverlayMobile header .alert {
  max-height: 0px;
}

header {
  position: relative;
  background: #fff;
  z-index: 999;
}
header .secondary {
  background: #fff;
}
@media screen and (max-width: 1100px) {
  header .secondary {
    display: none;
  }
}
@media screen and (max-height: 575px) {
  header .secondary {
    display: none;
  }
}
header .secondary:after {
  content: "";
  display: block;
  clear: both;
}
header .secondary > ul:first-child {
  float: left;
}
header .secondary > ul:first-child li {
  border-right: 1px solid rgba(42, 42, 42, 0.1);
}
header .secondary > ul:last-child {
  float: right;
}
header .secondary > ul:last-child li {
  border-left: 1px solid rgba(42, 42, 42, 0.1);
}
header .secondary > ul > li {
  display: inline-block;
}
header .secondary > ul > li#btnMenuProfil {
  position: relative;
  padding: 15px 35px 13px 75px;
  vertical-align: bottom;
}
@media screen and (max-width: 1500px) {
  header .secondary > ul > li#btnMenuProfil {
    padding: 15px 25px 13px 65px;
  }
}
@media screen and (max-width: 1200px) {
  header .secondary > ul > li#btnMenuProfil {
    padding: 15px 15px 13px 50px;
  }
}
@media screen and (max-width: 1100px) {
  header .secondary > ul > li#btnMenuProfil {
    padding: 15px 10px 13px 50px;
  }
}
header .secondary > ul > li#btnMenuProfil a {
  padding: 0;
}
header .secondary > ul > li#btnMenuProfil span {
  font: 12px/1 "sanfrancisco-semibold", sans-serif;
  color: #034538;
}
header .secondary > ul > li#btnMenuProfil span.separator {
  position: relative;
  top: -1px;
  padding: 0 5px;
}
header .secondary > ul > li#btnMenuProfil span.badge {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 8px;
  right: 20px;
  font: 10px/15px "sanfrancisco-bold", sans-serif;
  color: #fff;
  background: #AF402D;
  border-radius: 50%;
  text-align: center;
}
@media screen and (max-width: 1500px) {
  header .secondary > ul > li#btnMenuProfil span.badge {
    right: 10px;
  }
}
@media screen and (max-width: 1200px) {
  header .secondary > ul > li#btnMenuProfil span.badge {
    right: 0px;
  }
}
header .secondary > ul > li#btnMenuProfil svg {
  position: absolute;
  width: 23px;
  height: 20px;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1500px) {
  header .secondary > ul > li#btnMenuProfil svg {
    left: 25px;
  }
}
@media screen and (max-width: 1200px) {
  header .secondary > ul > li#btnMenuProfil svg {
    left: 15px;
  }
}
@media screen and (max-width: 1100px) {
  header .secondary > ul > li#btnMenuProfil svg {
    left: 10px;
  }
}
header .secondary > ul > li#btnMenuProfil svg path {
  fill: #034538;
}
header .secondary > ul > li > a {
  position: relative;
  padding: 17px 35px 15px;
  font: 12px/1 "sanfrancisco-semibold", sans-serif;
  color: #034538;
  text-transform: uppercase;
  transition: color 300ms;
}
@media screen and (max-width: 1500px) {
  header .secondary > ul > li > a {
    padding: 17px 25px 15px;
  }
}
@media screen and (max-width: 1200px) {
  header .secondary > ul > li > a {
    padding: 17px 15px 15px;
  }
}
@media screen and (max-width: 1100px) {
  header .secondary > ul > li > a {
    padding: 17px 10px 15px;
  }
}
header .secondary > ul > li > a.icon {
  padding-left: 75px;
}
@media screen and (max-width: 1500px) {
  header .secondary > ul > li > a.icon {
    padding-left: 60px;
  }
}
@media screen and (max-width: 1200px) {
  header .secondary > ul > li > a.icon {
    padding-left: 50px;
  }
}
@media screen and (max-width: 1100px) {
  header .secondary > ul > li > a.icon {
    padding-left: 45px;
  }
}
header .secondary > ul > li > a.icon svg {
  position: absolute;
  width: 23px;
  height: 20px;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1500px) {
  header .secondary > ul > li > a.icon svg {
    left: 25px;
  }
}
@media screen and (max-width: 1200px) {
  header .secondary > ul > li > a.icon svg {
    left: 15px;
  }
}
@media screen and (max-width: 1100px) {
  header .secondary > ul > li > a.icon svg {
    left: 10px;
  }
}
header .secondary > ul > li > a.icon svg path {
  fill: #034538;
}
header .secondary > ul > li > a.icon span {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 7px;
  left: 50px;
  font: 10px/15px "sanfrancisco-bold", sans-serif;
  color: #fff;
  background: #f37867;
  border-radius: 50%;
  text-align: center;
}
@media screen and (max-width: 1500px) {
  header .secondary > ul > li > a.icon span {
    left: 40px;
  }
}
@media screen and (max-width: 1200px) {
  header .secondary > ul > li > a.icon span {
    left: 30px;
  }
}
@media screen and (max-width: 1100px) {
  header .secondary > ul > li > a.icon span {
    left: 25px;
  }
}
header .secondary > ul > li > a:hover {
  color: #f37867;
}
header .primary {
  position: absolute;
  width: 100%;
  top: 100%;
  padding: 0 8%;
}
@media screen and (max-width: 1500px) {
  header .primary {
    padding: 0 6%;
  }
}
@media screen and (max-width: 1300px) {
  header .primary {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1100px) {
  header .primary {
    display: none;
  }
}
@media screen and (max-height: 575px) {
  header .primary {
    display: none;
  }
}
header .primary > ul {
  display: inline-block;
}
header .primary > ul > li {
  display: inline-block;
}
header .primary > ul > li > a {
  color: #034538;
  font: 18px/1 "emyslab-semibold", sans-serif;
  transition: color 300ms;
}
header .primary > ul > li > a:hover {
  color: #f37867;
}
header .primary > ul:first-child, header .primary > ul:last-child {
  margin-top: 40px;
}
header .primary > ul:first-child {
  float: left;
}
header .primary > ul:first-child > li:not(:last-child) {
  margin-right: 100px;
}
@media screen and (max-width: 1600px) {
  header .primary > ul:first-child > li:not(:last-child) {
    margin-right: 75px;
  }
}
@media screen and (max-width: 1500px) {
  header .primary > ul:first-child > li:not(:last-child) {
    margin-right: 50px;
  }
}
@media screen and (max-width: 1200px) {
  header .primary > ul:first-child > li:not(:last-child) {
    margin-right: 30px;
  }
}
header .primary > ul:last-child {
  float: right;
}
header .primary > ul:last-child > li:not(:first-child) {
  margin-left: 100px;
}
@media screen and (max-width: 1600px) {
  header .primary > ul:last-child > li:not(:first-child) {
    margin-left: 75px;
  }
}
@media screen and (max-width: 1500px) {
  header .primary > ul:last-child > li:not(:first-child) {
    margin-left: 50px;
  }
}
@media screen and (max-width: 1200px) {
  header .primary > ul:last-child > li:not(:first-child) {
    margin-left: 30px;
  }
}
header .primary > ul:nth-child(2) {
  position: absolute;
  margin-top: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
header .primary > ul:nth-child(2) svg {
  width: 150px;
  height: 50px;
  color: white;
}
@media screen and (max-height: 750px) {
  header .primary > ul:nth-child(2) svg {
    width: 124px;
    height: 45px;
  }
}
header .primary > ul:nth-child(2):before {
  content: url("../images/content/shapes/shape01.png");
  position: absolute;
  top: -69px;
  left: -73px;
  z-index: -1;
}
@media screen and (max-height: 750px) {
  header .primary > ul:nth-child(2):before {
    top: -126px;
    left: -90px;
  }
}
header .primary > ul:nth-child(2) a {
  position: relative;
}
@media screen and (max-height: 750px) {
  header .primary > ul:nth-child(2) a {
    top: -30px;
  }
}
header .mobile {
  display: none;
  position: relative;
  padding: 20px 50px 18px;
}
@media screen and (max-width: 1100px) {
  header .mobile {
    display: block;
  }
}
@media screen and (max-height: 575px) {
  header .mobile {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  header .mobile {
    padding: 20px 40px 18px;
  }
}
@media screen and (max-width: 768px) {
  header .mobile {
    padding: 20px 30px 18px;
  }
}
@media screen and (max-width: 600px) {
  header .mobile {
    padding: 20px 20px 18px;
  }
}
header .mobile:after {
  content: "";
  display: block;
  clear: both;
}
header .mobile ul:first-child {
  float: left;
}
header .mobile ul:last-child {
  float: right;
}
header .mobile ul:last-child > li:not(:first-child) {
  margin-left: 30px;
}
@media screen and (max-width: 400px) {
  header .mobile ul:last-child > li:not(:first-child) {
    margin-left: 10px;
  }
}
header .mobile ul:last-child li {
  display: inline-block;
}
header .mobile ul:last-child li a {
  position: relative;
}
header .mobile ul:last-child li a svg {
  width: 27px;
  height: 24px;
}
header .mobile ul:last-child li a svg path {
  fill: #034538;
}
header .mobile ul:last-child li a span {
  position: absolute;
  width: 15px;
  height: 15px;
  top: -4px;
  right: -6px;
  font: 10px/15px "sanfrancisco-bold", sans-serif;
  color: #fff;
  background: #f37867;
  border-radius: 50%;
  text-align: center;
}
header .mobile ul:last-child li a span.badge {
  background-color: #AF402D;
}
header .mobile ul:nth-child(2) {
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
header .mobile ul:nth-child(2) a {
  position: relative;
  top: 10px;
}
header .mobile ul:nth-child(2) a svg {
  width: 100px;
  height: 34px;
  color: white;
}
@media screen and (max-width: 600px) {
  header .mobile ul:nth-child(2) a svg {
    width: 80px;
    height: 28px;
  }
}
header .mobile ul:nth-child(2):before {
  content: "";
  position: absolute;
  width: 200px;
  height: 150px;
  top: -60px;
  left: -70px;
  z-index: -1;
  background: url("../images/content/shapes/shape01.png") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 600px) {
  header .mobile ul:nth-child(2):before {
    width: 170px;
    height: 100px;
    top: -30px;
    left: -60px;
  }
}

.alert {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  max-height: 150px;
  transition: max-height 300ms;
  overflow: hidden;
}
.alert a:first-child, .alert p {
  display: block;
  font: 15px/1.3 "emyslab-bold", sans-serif;
  color: #fff;
  text-align: center;
  background: #034538;
  padding: 15px 35px;
}
.alert a:last-child {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  z-index: 11;
}
.alert a:last-child svg {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: white;
}

#page-home .primary > ul > li > a {
  color: #fff;
}
#page-home .primary > ul > li > a:hover {
  color: #f37867;
}

footer {
  position: relative;
  background: #fff;
  z-index: 16;
}
footer .links ul {
  max-width: 600px;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}
@media screen and (max-width: 500px) {
  footer .links ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}
footer .links ul li {
  margin-bottom: 20px;
}
footer .links ul li a {
  font: 14px/1 "sanfrancisco-regular", sans-serif;
  color: #b1b1b1;
  transition: color 300ms;
}
footer .links ul li a:hover {
  color: #2a2a2a;
}
footer .others {
  position: relative;
  text-align: right;
}
@media screen and (max-width: 700px) {
  footer .others {
    margin-top: 50px;
    text-align: left;
  }
}
@media screen and (max-width: 400px) {
  footer .others {
    margin-top: 30px;
  }
}
footer .others h6 {
  margin-bottom: 15px;
  font: 14px/1 "sanfrancisco-regular", sans-serif;
  color: #bbbaba;
}
@media screen and (max-width: 700px) {
  footer .others h6 {
    margin-bottom: 10px;
  }
}
footer .others > a {
  font: 23px/1 "sanfrancisco-bold", sans-serif;
  color: #034538;
  margin-bottom: 100px;
}
@media screen and (max-width: 700px) {
  footer .others > a {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 500px) {
  footer .others > a {
    margin-bottom: 20px;
  }
}
footer .others ul {
  position: relative;
  top: 16px;
}
@media screen and (max-width: 700px) {
  footer .others ul {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 500px) {
  footer .others ul {
    position: relative;
    margin-bottom: 30px;
  }
}
footer .others ul li {
  display: inline-block;
}
footer .others ul li:not(:last-child) {
  margin-right: 20px;
}
footer .others ul li a {
  position: relative;
  width: 45px;
  height: 45px;
  background: #034538;
  border-radius: 50%;
  transition: background 300ms;
}
footer .others ul li a svg {
  position: absolute;
  fill: #fff;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
footer .others ul li a:hover {
  background: #f37867;
}
footer .conditions {
  padding-bottom: 40px;
}
footer .conditions ul li {
  display: inline-block;
}
@media screen and (max-width: 500px) {
  footer .conditions ul li {
    display: block;
  }
  footer .conditions ul li:last-child {
    margin-top: 5px;
  }
}
footer .conditions ul li:first-child:after, footer .conditions ul li:nth-child(2):after {
  content: "|";
  margin: 0 28px 0 30px;
  font-size: 12px;
}
@media screen and (max-width: 500px) {
  footer .conditions ul li:first-child:after, footer .conditions ul li:nth-child(2):after {
    display: none;
  }
}
footer .conditions ul li a {
  font: 12px/1 "sanfrancisco-regular", sans-serif;
  color: #b1b1b1;
  transition: color 300ms;
}
footer .conditions ul li a:hover {
  color: #2a2a2a;
}

.blockstyle1 {
  position: relative;
  width: 500px;
  text-align: left;
  z-index: 1;
}
@media screen and (max-width: 1500px) {
  .blockstyle1 {
    width: 400px;
  }
}
.blockstyle1.big a:not(.like) .imageWrapper .image {
  height: 550px;
}
@media screen and (max-width: 1500px) {
  .blockstyle1.big a:not(.like) .imageWrapper .image {
    height: 450px;
  }
}
@media screen and (max-width: 768px) {
  .blockstyle1.big a:not(.like) .imageWrapper .image {
    height: 300px;
  }
}
.blockstyle1 .like,
.blockstyle1 .new {
  top: 25px;
  right: 25px;
}
.blockstyle1 a:not(.like) {
  display: block;
}
.blockstyle1 a:not(.like) .imageWrapper {
  position: relative;
  overflow: hidden;
}
.blockstyle1 a:not(.like) .imageWrapper .text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.blockstyle1 a:not(.like) .imageWrapper .text h5 {
  width: 200px;
  padding: 15px 25px 13px;
  background: #f37867;
  font-size: 12px;
  color: #fff;
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blockstyle1 a:not(.like) .imageWrapper .text h4 {
  padding: 30px 60px 30px 25px;
  font-size: 20px;
  width: 90%;
  background: #f1efeb;
}
@media screen and (max-width: 768px) {
  .blockstyle1 a:not(.like) .imageWrapper .text h4 {
    padding-right: 50px;
  }
}
@media screen and (max-width: 600px) {
  .blockstyle1 a:not(.like) .imageWrapper .text h4 {
    padding-right: 40px;
  }
}
@media screen and (max-width: 500px) {
  .blockstyle1 a:not(.like) .imageWrapper .text h4 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 400px) {
  .blockstyle1 a:not(.like) .imageWrapper .text h4 {
    padding-right: 20px;
  }
}
.blockstyle1 a:not(.like) .imageWrapper .image {
  height: 330px;
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 1500px) {
  .blockstyle1 a:not(.like) .imageWrapper .image {
    height: 260px;
  }
}
@media screen and (max-width: 768px) {
  .blockstyle1 a:not(.like) .imageWrapper .image {
    height: 300px;
  }
}
.blockstyle1 a:not(.like) ul {
  display: flex;
  padding: 45px 0 25px;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
@media screen and (max-width: 400px) {
  .blockstyle1 a:not(.like) ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.blockstyle1 a:not(.like) ul:after {
  content: "";
  display: block;
  clear: both;
}
.blockstyle1 a:not(.like) ul li {
  display: flex;
  width: 33.33%;
  font: 12px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
@media screen and (max-width: 400px) {
  .blockstyle1 a:not(.like) ul li {
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .blockstyle1 a:not(.like) ul li:last-child {
    margin-top: 30px;
    width: 100%;
  }
}
.blockstyle1 a:not(.like) ul li div:first-child {
  display: inline-block;
  position: relative;
  padding-left: 36px;
  text-align: left;
}
.blockstyle1 a:not(.like) ul li div:first-child svg {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 26px;
  height: 26px;
  transform: translateY(-50%);
}
.blockstyle1 a:not(.like) ul li.left div:first-child svg {
  width: 20px;
  height: 20px;
}
.blockstyle1 a:not(.like) ul li.right div:first-child svg {
  width: 20px;
  height: 20px;
}
.blockstyle1:hover .imageWrapper .image {
  transform: scale(1.1);
}

.blockstyle2 {
  width: 460px;
}
@media screen and (max-width: 1100px) {
  .blockstyle2 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .blockstyle2 {
    width: 460px;
  }
}
@media screen and (max-width: 600px) {
  .blockstyle2 {
    width: 400px;
  }
}
@media screen and (max-width: 500px) {
  .blockstyle2 {
    width: 100%;
  }
}
.blockstyle2 .imageWrapper {
  position: relative;
  overflow: hidden;
}
.blockstyle2 .imageWrapper p {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 15px;
  font: 15px/1 "emyslab-bold", sans-serif;
  color: #fff;
  background: #f37867;
  z-index: 1;
}
.blockstyle2 .imageWrapper .image {
  position: relative;
  height: 300px;
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 600px) {
  .blockstyle2 .imageWrapper .image {
    height: 260px;
  }
}
.blockstyle2 .imageWrapper .image:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.blockstyle2 .imageWrapper .text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}
.blockstyle2 .imageWrapper .text h3 {
  color: #fff;
}
.blockstyle2 .price {
  position: relative;
  width: 100%;
  margin-top: -45px;
  padding: 0 40px;
}
.blockstyle2 .price .wrapper {
  height: 90px;
  background: #fff;
}
.blockstyle2 .price .wrapper h4, .blockstyle2 .price .wrapper span {
  display: inline-block;
  float: left;
  height: 90px;
  text-align: center;
}
.blockstyle2 .price .wrapper h4 {
  width: 60%;
  line-height: 90px;
}
.blockstyle2 .price .wrapper span {
  position: relative;
  width: 40%;
  border-left: 1px solid rgba(42, 42, 42, 0.1);
  font: 15px/90px "emyslab-semibold", sans-serif;
  color: #f37867;
  z-index: 1;
  transition: color 300ms;
}
.blockstyle2 .price .wrapper span:after {
  content: "";
  position: absolute;
  top: 95%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f37867;
  z-index: -1;
  transition: top 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.blockstyle2:hover .imageWrapper .image {
  transform: scale(1.05);
}
.blockstyle2:hover .price .wrapper span {
  color: #fff;
}
.blockstyle2:hover .price .wrapper span:after {
  top: 0%;
}

.blockstyle3 {
  display: block;
  position: relative;
}
.blockstyle3.cut .text {
  margin-top: 0;
}
.blockstyle3 .imageWrapper {
  overflow: hidden;
}
.blockstyle3 .imageWrapper .image {
  height: 550px;
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 1500px) {
  .blockstyle3 .imageWrapper .image {
    height: 460px;
  }
}
@media screen and (max-width: 1100px) {
  .blockstyle3 .imageWrapper .image {
    height: 400px;
  }
}
@media screen and (max-width: 900px) {
  .blockstyle3 .imageWrapper .image {
    height: 350px;
  }
}
@media screen and (max-width: 768px) {
  .blockstyle3 .imageWrapper .image {
    height: 300px;
  }
}
.blockstyle3 .text {
  position: relative;
  width: 100%;
  padding: 0 80px;
  margin-top: -125px;
}
@media screen and (max-width: 1200px) {
  .blockstyle3 .text {
    padding: 0 50px;
  }
}
@media screen and (max-width: 1024px) {
  .blockstyle3 .text {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .blockstyle3 .text {
    padding: 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .blockstyle3 .text {
    padding: 0 15px;
  }
}
@media screen and (max-width: 500px) {
  .blockstyle3 .text {
    padding: 0 10px;
  }
}
.blockstyle3 .text .wrapper {
  padding: 60px 60px 40px 60px;
  background: #fff;
}
.blockstyle3 .text .wrapper:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 1024px) {
  .blockstyle3 .text .wrapper {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .blockstyle3 .text .wrapper {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .blockstyle3 .text .wrapper {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 500px) {
  .blockstyle3 .text .wrapper {
    padding: 30px 15px;
  }
}
.blockstyle3 .text .wrapper h6 {
  color: #f37867;
  margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
  .blockstyle3 .text .wrapper h6 {
    margin-bottom: 10px;
  }
}
.blockstyle3 .text .wrapper h4 {
  margin-bottom: 70px;
  font: 25px/1 "sanfrancisco-regular", sans-serif;
}
@media screen and (max-width: 900px) {
  .blockstyle3 .text .wrapper h4 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .blockstyle3 .text .wrapper h4 {
    margin-bottom: 40px;
  }
}
.blockstyle3 .text .wrapper ul {
  margin-bottom: 30px;
}
@media screen and (max-width: 900px) {
  .blockstyle3 .text .wrapper ul {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .blockstyle3 .text .wrapper ul {
    margin-bottom: 20px;
  }
}
.blockstyle3 .text .wrapper ul li {
  display: inline-block;
  font: 15px/1 "emyslab-regular", sans-serif;
  color: #034538;
}
@media screen and (max-width: 768px) {
  .blockstyle3 .text .wrapper ul li {
    display: block;
    margin-bottom: 15px;
  }
}
.blockstyle3 .text .wrapper ul li:not(:last-child) {
  margin-right: 50px;
}
@media screen and (max-width: 1200px) {
  .blockstyle3 .text .wrapper ul li:not(:last-child) {
    margin-right: 30px;
  }
}
.blockstyle3 .text .wrapper ul li svg {
  position: relative;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  top: -3px;
  vertical-align: middle;
  color: #F37867;
}
.blockstyle3 .text .wrapper .link {
  float: left;
}
.blockstyle3 .text .wrapper .btn, .blockstyle3 .text .wrapper .home-banner__main-button {
  float: right;
  margin-top: -20px;
}
@media screen and (max-width: 600px) {
  .blockstyle3 .text .wrapper .btn, .blockstyle3 .text .wrapper .home-banner__main-button {
    float: left;
    margin-top: 20px;
  }
}
.blockstyle3:hover .imageWrapper .image {
  transform: scale(1.05);
}

.blockstyle4 {
  position: relative;
  width: 600px;
}
@media screen and (max-width: 768px) {
  .blockstyle4 {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .blockstyle4 {
    max-width: 300px;
    display: block;
  }
}
.blockstyle4:after {
  content: "";
  display: block;
  clear: both;
}
.blockstyle4.fullWidth {
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 600px) {
  .blockstyle4.big .text {
    display: block;
  }
}
.blockstyle4.big .text div {
  display: table-cell;
  vertical-align: middle;
  height: 460px;
}
@media screen and (max-width: 1300px) {
  .blockstyle4.big .text div {
    height: 400px;
  }
}
@media screen and (max-width: 1024px) {
  .blockstyle4.big .text div {
    height: 100%;
  }
}
@media screen and (max-width: 600px) {
  .blockstyle4.big .text div {
    display: block;
  }
}
.blockstyle4.big .text div h3, .blockstyle4.big .text div h4 {
  font-family: "sanfrancisco-bold", sans-serif;
  margin-bottom: 30px;
  transition: color 500ms;
}
@media screen and (max-width: 500px) {
  .blockstyle4.big .text div h3, .blockstyle4.big .text div h4 {
    margin-bottom: 20px;
  }
}
.blockstyle4.big .text div p:not(.info) {
  margin-bottom: 65px;
  transition: color 500ms;
}
@media screen and (max-width: 600px) {
  .blockstyle4.big .text div p:not(.info) {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 500px) {
  .blockstyle4.big .text div p:not(.info) {
    margin-bottom: 20px;
  }
}
.blockstyle4 .text, .blockstyle4 .imageWrapper {
  float: left;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .blockstyle4 .text, .blockstyle4 .imageWrapper {
    width: 100%;
  }
}
.blockstyle4 .text {
  position: relative;
  padding: 50px;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .blockstyle4 .text {
    padding: 30px;
  }
}
.blockstyle4 .text:after {
  content: "";
  position: absolute;
  top: 98.5%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f37867;
  transition: top 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: -1;
}
.blockstyle4 .text h4 {
  margin-bottom: 65px;
  font: 25px/1.2 "sanfrancisco-regular", sans-serif;
  transition: color 500ms;
}
@media screen and (max-width: 600px) {
  .blockstyle4 .text h4 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 500px) {
  .blockstyle4 .text h4 {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
.blockstyle4 .text .link {
  display: inline-block;
  transition: color 500ms;
}
.blockstyle4 .text .link:after {
  transition: background 500ms, right 500ms;
}
.blockstyle4 .imageWrapper .image {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 50%;
}
@media screen and (max-width: 600px) {
  .blockstyle4 .imageWrapper .image {
    position: relative;
    width: 100%;
    left: 0;
    height: 200px;
  }
}
.blockstyle4:hover .text:after {
  top: 0%;
}
.blockstyle4:hover .text p, .blockstyle4:hover .text p span, .blockstyle4:hover .text h4, .blockstyle4:hover .text h3 {
  color: #fff;
}
.blockstyle4:hover .text .link {
  color: #fff;
}
.blockstyle4:hover .text .link:after {
  background: #fff;
  right: -15px;
}

.blockstyle5 {
  display: block;
}
.blockstyle5 .itemPic {
  position: relative;
  height: 350px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .blockstyle5 .itemPic {
    height: 300px;
  }
}
@media screen and (max-width: 600px) {
  .blockstyle5 .itemPic {
    height: 250px;
  }
}
@media screen and (max-width: 500px) {
  .blockstyle5 .itemPic {
    height: 350px;
  }
}
@media screen and (max-width: 400px) {
  .blockstyle5 .itemPic {
    height: 300px;
  }
}
.blockstyle5 .itemPic p {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 15px;
  font: 15px/1 "emyslab-bold", sans-serif;
  color: #fff;
  background: #f37867;
  z-index: 1;
  text-align: center;
}
.blockstyle5 .itemPic div {
  height: 350px;
  transition: transform 300ms;
}
@media screen and (max-width: 768px) {
  .blockstyle5 .itemPic div {
    height: 300px;
  }
}
@media screen and (max-width: 600px) {
  .blockstyle5 .itemPic div {
    height: 250px;
  }
}
@media screen and (max-width: 500px) {
  .blockstyle5 .itemPic div {
    height: 350px;
  }
}
@media screen and (max-width: 400px) {
  .blockstyle5 .itemPic div {
    height: 300px;
  }
}
.blockstyle5 .itemDesc {
  padding: 30px 20px 0 20px;
}
.blockstyle5 .itemDesc h4:first-child {
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  margin-bottom: 10px;
}
.blockstyle5 .itemDesc h4:last-child {
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  color: #f37867;
}
.blockstyle5:hover .itemPic div {
  transform: scale(1.1);
}

.blockstyle6 {
  position: relative;
  width: 300px;
  text-align: left;
  z-index: 1;
}
.blockstyle6 .like {
  top: 10px;
  left: 10px;
}
.blockstyle6 a:not(.like) {
  display: block;
}
.blockstyle6 a:not(.like) .imageWrapper {
  position: relative;
  overflow: hidden;
}
.blockstyle6 a:not(.like) .imageWrapper h5 {
  position: absolute;
  display: inline-block;
  padding: 10px 15px 8px;
  bottom: 0;
  background: #f37867;
  font-size: 12px;
  color: #fff;
  text-transform: none;
}
.blockstyle6 a:not(.like) .imageWrapper .image {
  height: 150px;
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.blockstyle6 a:not(.like) h4 {
  padding: 25px;
  font-size: 20px;
  background: #fff;
}
.blockstyle6:hover .imageWrapper .image {
  transform: scale(1.1);
}

.blockstyle7 {
  position: relative;
  width: 100%;
  max-width: 300px;
  text-align: left;
  z-index: 1;
}
.blockstyle7 .like {
  top: 10px;
  left: 10px;
}
.blockstyle7 a:not(.like) {
  display: block;
}
.blockstyle7 a:not(.like) .imageWrapper {
  position: relative;
  overflow: hidden;
}
.blockstyle7 a:not(.like) .imageWrapper h5 {
  position: absolute;
  display: inline-block;
  padding: 10px 15px 8px;
  bottom: 0;
  background: #f37867;
  font-size: 12px;
  color: #fff;
  text-transform: none;
}
.blockstyle7 a:not(.like) .imageWrapper .image {
  height: 150px;
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.blockstyle7 a:not(.like) h4 {
  margin-top: 25px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 20px;
  background: #fff;
  text-align: center;
}
.blockstyle7 a:not(.like) p {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
}
.blockstyle7 a:not(.like) .btn, .blockstyle7 a:not(.like) .home-banner__main-button {
  display: block;
  max-width: 150px;
  text-align: center;
  margin: 25px auto 15px auto;
}
.blockstyle7:hover .imageWrapper .image {
  transform: scale(1.1);
}

.headerBlock {
  padding-top: 170px;
  background: #f1efeb;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .headerBlock {
    padding-top: 100px;
  }
}
@media screen and (max-width: 600px) {
  .headerBlock {
    padding-top: 70px;
  }
}
.headerBlock h1 {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.headerBlock .slickTagsWrapper {
  position: relative;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .headerBlock .slickTagsWrapper {
    margin-top: 30px;
  }
}
.headerBlock .slickTagsWrapper .slickTagsNav {
  position: absolute;
  top: 5px;
  left: 6%;
}
@media screen and (min-width: 601px) {
  .headerBlock .slickTagsWrapper .slickTagsNav {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .headerBlock .slickTagsWrapper .slickTagsNav {
    left: 0;
  }
}
.headerBlock .slickTagsWrapper .slickTags {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .headerBlock .slickTagsWrapper .slickTags {
    margin-left: 120px;
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .headerBlock .slickTagsWrapper .slickTags .tag {
    margin-right: 20px;
  }
}
.headerBlock .image {
  height: 550px;
  margin-top: 50px;
  background: url("../images/content/default/blogue.jpg") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 1500px) {
  .headerBlock .image {
    height: 460px;
  }
}
@media screen and (max-width: 1200px) {
  .headerBlock .image {
    height: 400px;
  }
}
@media screen and (max-width: 1024px) {
  .headerBlock .image {
    height: 350px;
  }
}
@media screen and (max-width: 768px) {
  .headerBlock .image {
    height: 300px;
    margin-top: 30px;
  }
}
.headerBlock .btn, .headerBlock .home-banner__main-button, .headerBlock > p {
  margin-top: 50px;
}
@media screen and (max-width: 1024px) {
  .headerBlock .btn, .headerBlock .home-banner__main-button, .headerBlock > p {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .headerBlock .btn, .headerBlock .home-banner__main-button, .headerBlock > p {
    margin-top: 30px;
  }
}
.headerBlock .filters {
  position: relative;
  margin-top: 50px;
}
.headerBlock .filters a {
  position: relative;
  padding: 15px 30px 15px 65px;
  background: #fff;
  font: 15px/1 "emyslab-regular", sans-serif;
  color: #bbbaba;
  border-radius: 3px;
  transition: background 300ms, color 300ms;
  margin-right: 20px;
  margin-bottom: 20px;
}
.headerBlock .filters a svg {
  position: absolute;
  width: 24px;
  height: 20px;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  color: #bbbaba !important;
}
.headerBlock .filters a svg path {
  stroke: #bbbaba;
  transition: stroke 300ms;
}
.headerBlock .filters a svg line {
  stroke: #bbbaba;
  transition: stroke 300ms;
}
.headerBlock .filters a:hover {
  color: #034538;
}
.headerBlock .filters a:hover svg path {
  stroke: #034538;
}
.headerBlock .filters a:hover svg line {
  stroke: #034538;
}
.headerBlock .filters a.active {
  background: #034538;
  color: #fff;
}
.headerBlock .filters a.active svg path {
  stroke: #fff;
}
.headerBlock .filters a.active svg line {
  stroke: #fff;
}
.headerBlock .filters a.filters__buttons-map.active svg {
  color: #fff !important;
}
.headerBlock .filters a.filters__buttons-search {
  color: #fff;
  background: #f37867;
  margin-left: auto;
}
.headerBlock .filters a.filters__buttons-search svg {
  color: #fff !important;
}
.headerBlock .filters a.filters__buttons-search svg circle, .headerBlock .filters a.filters__buttons-search svg line {
  stroke: #fff;
  stroke-width: 2px;
}
@media screen and (max-width: 500px) {
  .headerBlock .filters a.filters__buttons-search {
    margin-left: 0;
  }
}
.headerBlock .nav li {
  position: relative;
  display: inline-block;
}
.headerBlock .nav li:first-child {
  padding-right: 24px;
  margin-right: 20px;
}
.headerBlock .nav li:first-child:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  top: 0;
  right: 0;
  background: #034538;
}
.headerBlock .nav li a {
  font: 12px/1 "sanfrancisco-bold", sans-serif;
  color: #034538;
  transition: color 300ms;
}
.headerBlock .nav li a svg {
  width: 12px;
  height: 8px;
}
.headerBlock .nav li a svg polyline {
  stroke: #034538 !important;
  transition: stroke 300ms;
}
.headerBlock .nav li a.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.headerBlock .nav li a:hover {
  color: #f37867;
}
.headerBlock .nav li a:hover svg polyline {
  stroke: #f37867 !important;
}
.headerBlock .nav li a.prev svg {
  margin-right: 10px;
  transform: rotate(90deg);
}
.headerBlock .nav li a.next svg {
  margin-left: 10px;
  transform: rotate(-90deg);
}

.discountsList .headerBlock {
  text-align: initial;
}
.discountsList .headerBlock h1 {
  font: 35px/1.2 "sanfrancisco-bold", sans-serif;
  color: #034538;
  margin: 0;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .discountsList .headerBlock h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .discountsList .headerBlock h1 {
    font-size: 26px;
  }
}
@media screen and (max-width: 600px) {
  .discountsList .headerBlock h1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 500px) {
  .discountsList .headerBlock h1 {
    font-size: 22px;
  }
}

.textImageBlock .text {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .textImageBlock .text {
    display: block;
  }
}
.textImageBlock .text .tableCell {
  height: 700px;
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .textImageBlock .text .tableCell {
    padding: 0 0 0 5%;
  }
}
@media screen and (min-width: 1025px) {
  .textImageBlock .text .tableCell {
    padding: 0 0 0 10%;
  }
}
@media screen and (min-width: 1301px) {
  .textImageBlock .text .tableCell {
    padding: 0 0 0 15%;
  }
}
@media screen and (max-width: 1024px) {
  .textImageBlock .text .tableCell {
    height: 600px;
  }
}
@media screen and (max-width: 900px) {
  .textImageBlock .text .tableCell {
    height: 550px;
  }
}
@media screen and (max-width: 768px) {
  .textImageBlock .text .tableCell {
    display: block;
    max-width: 600px;
    height: 100%;
    margin: 30px auto 0;
  }
}
.textImageBlock .text .tableCell h3 {
  margin-bottom: 30px;
}
.textImageBlock .text .tableCell > :last-child, .textImageBlock .text .tableCell > :last-child ul li:last-child, .textImageBlock .text .tableCell > :last-child ul li:last-child :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .textImageBlock .floatRight .text .tableCell {
    padding: 0 5% 0 0;
  }
}
@media screen and (min-width: 1025px) {
  .textImageBlock .floatRight .text .tableCell {
    padding: 0 10% 0 0;
  }
}
@media screen and (min-width: 1301px) {
  .textImageBlock .floatRight .text .tableCell {
    padding: 0 15% 0 0;
  }
}
.textImageBlock .image {
  position: relative;
  height: 700px;
}
@media screen and (max-width: 1024px) {
  .textImageBlock .image {
    height: 600px;
  }
}
@media screen and (max-width: 900px) {
  .textImageBlock .image {
    height: 550px;
  }
}
@media screen and (max-width: 768px) {
  .textImageBlock .image {
    max-width: 600px;
    height: 400px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .textImageBlock .image {
    height: 300px;
  }
}

.logosBlock {
  position: relative;
  text-align: center;
  z-index: 1;
  background: #fff;
}
.logosBlock .col6 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.logosBlock .col6:nth-child(-n+4) {
  margin-top: 0;
}
.logosBlock .col6:not(:nth-child(-n+4)) {
  margin-top: 50px;
}
@media screen and (max-width: 900px) {
  .logosBlock .col6:nth-child(-n+3) {
    margin-top: 0;
  }
  .logosBlock .col6:not(:nth-child(-n+3)) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 700px) {
  .logosBlock .col6:nth-child(-n+2) {
    margin-top: 0;
  }
  .logosBlock .col6:not(:nth-child(-n+2)) {
    margin-top: 30px;
  }
}
.logosBlock .col6 a.fqcc img {
  width: 100px;
}
@media screen and (max-width: 400px) {
  .logosBlock .col6 a.fqcc img {
    width: 85px;
  }
}
.logosBlock .col6 a.fadoq img {
  width: 100px;
}
@media screen and (max-width: 400px) {
  .logosBlock .col6 a.fadoq img {
    width: 85px;
  }
}
.logosBlock .col6 a.horizon img {
  width: 100px;
}
@media screen and (max-width: 400px) {
  .logosBlock .col6 a.horizon img {
    width: 85px;
  }
}
.logosBlock .col6 a.vergers img {
  width: 200px;
}
@media screen and (max-width: 400px) {
  .logosBlock .col6 a.vergers img {
    width: 140px;
  }
}
.logosBlock .col6 a.baroudeur img {
  width: 140px;
}
@media screen and (max-width: 400px) {
  .logosBlock .col6 a.baroudeur img {
    width: 110px;
  }
}
.logosBlock .col6 a.champlain img {
  width: 140px;
}
@media screen and (max-width: 400px) {
  .logosBlock .col6 a.champlain img {
    width: 110px;
  }
}
.logosBlock .col6 a.francePassion img {
  width: 140px;
}
@media screen and (max-width: 400px) {
  .logosBlock .col6 a.francePassion img {
    width: 110px;
  }
}

.newsletterBlock {
  position: relative;
  background: #f37867;
  z-index: 1;
}
.newsletterBlock h4 {
  font: 29px/1.2 "emyslab-regular", sans-serif;
  max-width: 400px;
  color: #fff;
}
@media screen and (max-width: 900px) {
  .newsletterBlock h4 {
    margin: 0 auto 30px;
    text-align: center;
    font-size: 25px;
  }
}
@media screen and (max-width: 600px) {
  .newsletterBlock h4 {
    margin: 0 auto 20px;
    font-size: 20px;
  }
}
.newsletterBlock h5 {
  font: 29px/1.2 "emyslab-regular", sans-serif;
  max-width: 500px;
  text-transform: none;
  letter-spacing: 0;
  color: #fff;
  margin: 0 0 0 auto;
  text-align: left;
}
@media screen and (max-width: 900px) {
  .newsletterBlock h5 {
    margin: 0 auto 30px;
    text-align: center;
    font-size: 25px;
  }
}
@media screen and (max-width: 600px) {
  .newsletterBlock h5 {
    margin: 0 auto 20px;
    font-size: 20px;
  }
}
.newsletterBlock .col12:last-child {
  text-align: right;
}
@media screen and (max-width: 900px) {
  .newsletterBlock .col12:last-child {
    text-align: center;
  }
}
.newsletterBlock .error {
  color: #fff;
}
.newsletterBlock .capminou {
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
}
.newsletterBlock .capminou a {
  color: #fff;
  font-size: 12px;
  font-family: "sanfrancisco-bold", sans-serif;
}
.newsletterBlock .capminou a:hover {
  color: #2a2a2a;
}

.stat {
  text-align: center;
}
.stat span {
  position: relative;
  font: 180px/1 "emyslab-bold", sans-serif;
  color: rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 1500px) {
  .stat span {
    font-size: 150px;
  }
}
@media screen and (max-width: 1100px) {
  .stat span {
    font-size: 120px;
  }
}
@media screen and (max-width: 900px) {
  .stat span {
    font-size: 100px;
  }
}
@media screen and (max-width: 500px) {
  .stat span {
    font-size: 80px;
  }
}
.stat span:before {
  content: "";
  position: absolute;
  width: 85px;
  height: 85px;
  top: 10px;
  right: -40px;
  /*
  @media screen and (max-width: 900px) { bottom: calc(100% - 30px); }
  @media screen and (max-width: 600px) { bottom: calc(100% - 20px); }*/
}
@media screen and (max-width: 1100px) {
  .stat span:before {
    width: 50px;
    height: 50px;
    right: -30px;
  }
}
.stat .text {
  position: relative;
  margin-top: -40px;
  max-width: 310px;
  margin: -40px auto 0;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  .stat .text {
    margin-top: -30px;
  }
}
@media screen and (max-width: 600px) {
  .stat .text {
    margin-top: -20px;
  }
}
.stat .text h4 {
  font-family: "sanfrancisco-regular", sans-serif;
}

.prefooterBlock {
  position: relative;
  padding-top: 350px;
  background: url("../images/content/prefooter/prefooter.jpg") no-repeat center;
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .prefooterBlock {
    text-align: center;
    padding-top: 300px;
  }
}
@media screen and (max-width: 768px) {
  .prefooterBlock {
    text-align: center;
    padding-top: 250px;
  }
}
.prefooterBlock:before, .prefooterBlock:after {
  content: "";
  position: absolute;
}
.prefooterBlock:before {
  width: auto;
  height: 175px;
  top: 0;
  right: -3px;
  left: -1px;
  background: url("../images/content/shapes/wave04.svg") no-repeat bottom;
  background-size: cover;
  z-index: 1;
}
.prefooterBlock:after {
  right: -250px;
  top: 0px;
  width: 1100px;
  height: 1100px;
  z-index: 0;
  background: url("../images/content/shapes/line02.svg") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 1400px) {
  .prefooterBlock:after {
    width: 1000px;
    height: 1000px;
    top: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .prefooterBlock:after {
    width: 700px;
    height: 700px;
    top: 290px;
    right: -150px;
  }
}
@media screen and (max-width: 1024px) {
  .prefooterBlock:after {
    display: none;
  }
}
.prefooterBlock div {
  position: relative;
  z-index: 1;
}
.prefooterBlock div h2 {
  max-width: 580px;
  margin-bottom: 65px;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .prefooterBlock div h2 {
    margin: 0 auto 65px;
  }
}
.prefooterBlock div svg {
  position: absolute;
  top: -85px;
  left: -85px;
  width: 150px;
  height: 150px;
  z-index: -1;
  opacity: 0.5;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .prefooterBlock div svg {
    width: 100px;
    height: 100px;
    top: -50px;
    left: -50px;
  }
}
@media screen and (max-width: 1024px) {
  .prefooterBlock div svg {
    width: 150px;
    height: 150px;
    top: -85px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.showcase {
  background-color: #f1efeb;
  position: relative;
}
.showcase::before {
  content: "";
  width: 100%;
  height: 50%;
  background-color: rgb(3, 69, 56);
  position: absolute;
  top: 0;
  left: 0;
}
.showcase__wrapper {
  max-width: 1010px;
  min-height: 555px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .showcase__wrapper {
    min-height: 545px;
  }
}
@media screen and (max-width: 1300px) {
  .showcase__wrapper {
    min-height: 535px;
  }
}
@media screen and (max-width: 1200px) {
  .showcase__wrapper {
    min-height: 525px;
  }
}
@media screen and (max-width: 1100px) {
  .showcase__wrapper {
    min-height: 515px;
  }
}
@media screen and (max-width: 1000px) {
  .showcase__wrapper {
    min-height: 505px;
  }
}
@media screen and (max-width: 900px) {
  .showcase__wrapper {
    min-height: 495px;
  }
}
@media screen and (max-width: 800px) {
  .showcase__wrapper {
    min-height: 485px;
  }
}
@media screen and (max-width: 700px) {
  .showcase__wrapper {
    min-height: 475px;
  }
}
@media screen and (max-width: 600px) {
  .showcase__wrapper {
    min-height: 465px;
  }
}
@media screen and (max-width: 500px) {
  .showcase__wrapper {
    min-height: 455px;
  }
}
@media screen and (max-width: 400px) {
  .showcase__wrapper {
    min-height: 445px;
  }
}
@media screen and (max-width: 360px) {
  .showcase__wrapper {
    min-height: 415px;
  }
}
.showcase__picture-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.showcase__picture-filter {
  background: rgb(3, 69, 56);
  background: linear-gradient(180deg, rgba(3, 69, 56, 0.2) 30%, rgba(3, 69, 56, 0.79) 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.showcase__picture {
  width: 100%;
  height: 100%;
  font-size: 0;
  display: block;
}
.showcase__picture img {
  width: 100%;
  height: 100%;
}
.showcase__picture [data-object-fit=cover] {
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.showcase__text-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 10;
}
.showcase__text {
  font: 55px/1.1 "emyslab-bold", sans-serif;
  color: white;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .showcase__text {
    font: 54px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 1300px) {
  .showcase__text {
    font: 53px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 1200px) {
  .showcase__text {
    font: 52px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 1100px) {
  .showcase__text {
    font: 51px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 1000px) {
  .showcase__text {
    font: 50px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 900px) {
  .showcase__text {
    font: 49px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 800px) {
  .showcase__text {
    font: 48px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 700px) {
  .showcase__text {
    font: 47px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 600px) {
  .showcase__text {
    font: 46px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 500px) {
  .showcase__text {
    font: 40px/1.1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 400px) {
  .showcase__text {
    font: 35px/1.1 "emyslab-bold", sans-serif;
  }
}
.showcase__button {
  margin-top: 55px;
}
@media screen and (max-width: 1000px) {
  .showcase__button {
    margin-top: 50px;
  }
}
@media screen and (max-width: 900px) {
  .showcase__button {
    margin-top: 45px;
  }
}
@media screen and (max-width: 800px) {
  .showcase__button {
    margin-top: 40px;
  }
}
@media screen and (max-width: 700px) {
  .showcase__button {
    margin-top: 35px;
  }
}
@media screen and (max-width: 600px) {
  .showcase__button {
    margin-top: 30px;
  }
}
@media screen and (max-width: 500px) {
  .showcase__button {
    margin-top: 25px;
  }
}
@media screen and (max-width: 400px) {
  .showcase__button {
    margin-top: 20px;
  }
}
@media screen and (max-width: 360px) {
  .showcase__button {
    margin-top: 15px;
  }
}
.showcase__button .btn, .showcase__button .home-banner__main-button {
  display: block;
}

.featuredBlock + .showcase {
  padding-top: 200px;
}
@media screen and (max-width: 1600px) {
  .featuredBlock + .showcase {
    padding-top: 175px;
  }
}
@media screen and (max-width: 1400px) {
  .featuredBlock + .showcase {
    padding-top: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .featuredBlock + .showcase {
    padding-top: 125px;
  }
}
@media screen and (max-width: 1024px) {
  .featuredBlock + .showcase {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .featuredBlock + .showcase {
    padding-top: 70px;
  }
}
.featuredBlock + .showcase::before {
  display: none;
}

.discounts-list__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.discounts-list__list {
  width: 100%;
  margin-bottom: 65px;
}
.discounts-list__list-item:not(:last-child) {
  width: 100%;
  margin-bottom: 40px;
}

.discount {
  --circle-dimensions: 135px;
  --padding-left: 240px;
}
@media screen and (max-width: 700px) {
  .discount {
    --circle-dimensions: 125px;
  }
}
@media screen and (max-width: 600px) {
  .discount {
    --circle-dimensions: 105px;
  }
}
@media screen and (max-width: 1100px) {
  .discount {
    --padding-left: 220px;
  }
}
@media screen and (max-width: 900px) {
  .discount {
    --padding-left: 200px;
  }
}
@media screen and (max-width: 800px) {
  .discount {
    --padding-left: 180px;
  }
}
@media screen and (max-width: 700px) {
  .discount {
    --padding-left: 160px;
  }
}
@media screen and (max-width: 600px) {
  .discount {
    --padding-left: 140px;
  }
}
@media screen and (max-width: 500px) {
  .discount {
    --padding-left: 30px;
  }
}
@media screen and (max-width: 400px) {
  .discount {
    --padding-left: 22px;
  }
}

.discount {
  min-height: 370px;
  padding-top: 50px;
  padding-right: 70px;
  padding-bottom: 50px;
  padding-left: var(--padding-left);
  background-color: white;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1100px) {
  .discount {
    min-height: 350px;
    padding-top: 40px;
    padding-right: 60px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 900px) {
  .discount {
    min-height: 300px;
    padding-top: 30px;
    padding-right: 50px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 800px) {
  .discount {
    min-height: 280px;
  }
}
@media screen and (max-width: 700px) {
  .discount {
    min-height: 260px;
  }
}
@media screen and (max-width: 600px) {
  .discount {
    min-height: 0;
    padding-right: 40px;
  }
}
@media screen and (max-width: 500px) {
  .discount {
    padding-top: 100px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 400px) {
  .discount {
    padding-right: 22px;
  }
}
.discount__orange-circle {
  width: var(--circle-dimensions);
  height: var(--circle-dimensions);
  background-color: #f37867;
  border-radius: 50%;
  position: absolute;
  top: -26px;
  left: -19px;
}
.discount__orange-circle-text, .discount__orange-circle-number {
  color: white;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate3d(-50%, -50%, 0);
}
@media screen and (max-width: 500px) {
  .discount__orange-circle-text, .discount__orange-circle-number {
    top: 55%;
    left: 60%;
  }
}
.discount__orange-circle-text {
  font: 25px/1 "emyslab-bold", sans-serif;
}
@media screen and (max-width: 700px) {
  .discount__orange-circle-text {
    font: 23px/1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 600px) {
  .discount__orange-circle-text {
    font: 19px/1 "emyslab-bold", sans-serif;
  }
}
.discount__orange-circle-number {
  font: 35px/1 "emyslab-bold", sans-serif;
  white-space: nowrap;
}
@media screen and (max-width: 700px) {
  .discount__orange-circle-number {
    font: 30px/1 "emyslab-bold", sans-serif;
  }
}
@media screen and (max-width: 600px) {
  .discount__orange-circle-number {
    font: 25px/1 "emyslab-bold", sans-serif;
  }
}
.discount__logo-and-code, .discount__logo-and-directive {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
  .discount__logo-and-code .discount__logo, .discount__logo-and-directive .discount__logo {
    margin-bottom: 20px;
    margin-right: 30px;
  }
}
.discount__logo {
  width: 100%;
  max-width: 110px;
  flex-shrink: 0;
  position: absolute;
  bottom: 50px;
  left: calc(var(--padding-left) / 2);
  transform: translate3d(-50%, 0, 0);
}
@media screen and (max-width: 1100px) {
  .discount__logo {
    max-width: 100px;
  }
}
@media screen and (max-width: 900px) {
  .discount__logo {
    max-width: 90px;
  }
}
@media screen and (max-width: 500px) {
  .discount__logo {
    position: relative;
    bottom: initial;
    left: initial;
    transform: none;
    margin-right: 30px;
  }
}
.discount__surtitle {
  font: 12px/1.7 "sanfrancisco-semibold", sans-serif;
  color: #f37867;
  margin-bottom: 15px;
}
.discount__title {
  font: 30px/1 "sanfrancisco-bold", sans-serif;
  color: #034538;
  margin-bottom: 25px;
}
@media screen and (max-width: 800px) {
  .discount__title {
    font: 28px/1 "sanfrancisco-bold", sans-serif;
  }
}
@media screen and (max-width: 700px) {
  .discount__title {
    font: 26px/1 "sanfrancisco-bold", sans-serif;
  }
}
@media screen and (max-width: 60px) {
  .discount__title {
    font: 24px/1 "sanfrancisco-bold", sans-serif;
  }
}
.discount__subtitle {
  font: 22px/1.2 "sanfrancisco-regular", sans-serif;
  color: #034538;
  margin-bottom: 25px;
}
@media screen and (max-width: 800px) {
  .discount__subtitle {
    font: 20px/1.2 "sanfrancisco-regular", sans-serif;
  }
}
@media screen and (max-width: 700px) {
  .discount__subtitle {
    font: 18px/1.2 "sanfrancisco-regular", sans-serif;
  }
}
.discount__text {
  font: 18px/1.7 "sanfrancisco-semibold", sans-serif;
  color: #034538;
  margin-bottom: 35px;
}
@media screen and (max-width: 900px) {
  .discount__text {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 700px) {
  .discount__text {
    font: 17px/1.7 "sanfrancisco-semibold", sans-serif;
  }
}
.discount__code {
  font: 22px/1.7 "emyslab-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 500px) {
  .discount__code {
    font: 20px/1.7 "emyslab-bold", sans-serif;
  }
}
.discount__code span {
  color: #f37867;
  text-transform: uppercase;
}
.discount__directive {
  font: 22px/1.7 "emyslab-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 500px) {
  .discount__directive {
    font: 20px/1.7 "emyslab-bold", sans-serif;
  }
}

.categories .checkbox-field {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.categories .checkbox-field::-webkit-scrollbar {
  display: none;
}
.categories .checkbox-field label {
  padding-left: 0;
}
.categories .checkbox-field label:not(:last-child) {
  margin-right: 45px;
}
.categories .checkbox-field span {
  font: 14px/1 "sanfrancisco-semibold", sans-serif;
  color: #bbbcbb;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto;
  height: auto;
  background: transparent;
  padding-bottom: 5px;
  border-radius: 0%;
  transition: color 300ms;
  position: relative;
  top: initial;
  left: initial;
  transform: none;
  display: block;
}
.categories .checkbox-field span:after {
  content: "";
  background-color: #f37867;
  opacity: 0;
  visibility: hidden;
  transform: none;
  transition: opacity 300ms, visibility 0ms ease 300ms;
  position: absolute;
}
.categories .checkbox-field label:hover span {
  color: #f37867;
}
.categories .checkbox-field input:checked ~ span {
  color: #f37867;
  background: transparent;
}
.categories .checkbox-field input:checked ~ span:after {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity 300ms;
}
.categories .checkbox-field span:after {
  top: initial;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border: none;
  border-width: 0;
}

#overlay-cart {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 1001;
  pointer-events: none;
  transition: visibility 0ms ease 700ms;
}
#overlay-cart .close {
  top: 24px;
  right: 24px;
  transform: none;
}
#overlay-cart .close:before {
  background: #fff;
}
#overlay-cart .wrapper {
  position: fixed;
  width: 500px;
  padding: 30px;
  top: 0;
  right: 0;
  background: #f1efeb;
  pointer-events: all;
  z-index: 100;
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 600px) {
  #overlay-cart .wrapper {
    width: 100%;
  }
}
#overlay-cart .wrapper > h5 {
  display: inline-block;
  margin-bottom: 30px;
}
#overlay-cart .wrapper > h5 img {
  margin-right: 5px;
  vertical-align: middle;
}
#overlay-cart .wrapper .note {
  font: 15px/1.2 "sanfrancisco-regular", sans-serif;
  color: #bbbaba;
}
#overlay-cart .wrapper .overview {
  position: relative;
  padding-left: 100px;
  margin-bottom: 20px;
}
#overlay-cart .wrapper .overview .image {
  position: absolute;
  width: 85px;
  height: 85px;
  top: 0;
  left: 0;
}
#overlay-cart .wrapper .overview h4 {
  margin-bottom: 10px;
  font: 15px/1 "sanfrancisco-bold", sans-serif;
}
#overlay-cart .wrapper .overview p {
  margin-bottom: 5px;
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #bbbaba;
}
#overlay-cart .wrapper .overview h5 {
  margin-top: 10px;
  font: 15px/1 "sanfrancisco-bold", sans-serif;
}
#overlay-cart .wrapper a.btn, #overlay-cart .wrapper a.home-banner__main-button {
  margin-top: 15px;
  width: 100%;
  text-align: center;
}

.showOverlayCart #overlay {
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  z-index: 1001;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayCart #overlay-cart {
  overflow-y: auto;
  visibility: visible;
  transition: visibility 0ms;
}
.showOverlayCart #overlay-cart::-webkit-scrollbar {
  display: none;
}
.showOverlayCart #overlay-cart .wrapper {
  opacity: 1;
  transform: none;
}
.showOverlayCart #overlay-cart .wrapper .step {
  opacity: 1;
  transform: none;
  transition: transform 300ms ease 300ms, opacity 300ms ease 300ms;
}

#overlay-mobileMenu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 501;
  pointer-events: none;
  transition: right 700ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0ms ease 700ms;
  background: #fff;
}
#overlay-mobileMenu .wrapper {
  position: absolute;
  margin-top: 65px;
  padding-top: 100px;
  top: -100%;
  right: 0;
  bottom: 100%;
  left: 0;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: all;
  z-index: 11;
  transition: top 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, bottom 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 600px) {
  #overlay-mobileMenu .wrapper {
    padding-top: 60px;
  }
}
#overlay-mobileMenu .wrapper > ul {
  padding-bottom: 50px;
}
@media screen and (max-width: 500px) {
  #overlay-mobileMenu .wrapper > ul {
    padding-bottom: 40px;
  }
}
#overlay-mobileMenu .wrapper > ul > li {
  padding-left: 85px;
}
@media screen and (max-width: 600px) {
  #overlay-mobileMenu .wrapper > ul > li {
    padding-left: 50px;
  }
}
@media screen and (max-width: 500px) {
  #overlay-mobileMenu .wrapper > ul > li {
    padding-left: 30px;
  }
}
@media screen and (max-width: 400px) {
  #overlay-mobileMenu .wrapper > ul > li {
    padding-left: 20px;
  }
}
#overlay-mobileMenu .wrapper > ul > li > a:not(.btn):not(.home-banner__main-button) {
  position: relative;
  transition: color 300ms;
}
#overlay-mobileMenu .wrapper > ul.primary {
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
#overlay-mobileMenu .wrapper > ul.primary > li {
  border-bottom: 1px solid rgba(42, 42, 42, 0);
  transition: border 300ms;
}
#overlay-mobileMenu .wrapper > ul.primary > li:not(:last-child) {
  margin-bottom: 30px;
}
#overlay-mobileMenu .wrapper > ul.primary > li > a:not(.btn):not(.home-banner__main-button) {
  font: 50px/1 "emyslab-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 700px) {
  #overlay-mobileMenu .wrapper > ul.primary > li > a:not(.btn):not(.home-banner__main-button) {
    font-size: 40px;
  }
}
@media screen and (max-width: 600px) {
  #overlay-mobileMenu .wrapper > ul.primary > li > a:not(.btn):not(.home-banner__main-button) {
    font-size: 35px;
  }
}
@media screen and (max-width: 500px) {
  #overlay-mobileMenu .wrapper > ul.primary > li > a:not(.btn):not(.home-banner__main-button) {
    font-size: 30px;
  }
}
#overlay-mobileMenu .wrapper > ul.primary > li > a:not(.btn):not(.home-banner__main-button):hover {
  color: #f37867;
}
#overlay-mobileMenu .wrapper > ul.primary > li.active {
  border-color: rgba(42, 42, 42, 0.1);
}
#overlay-mobileMenu .wrapper > ul.primary > li.active > a {
  color: #f37867;
}
#overlay-mobileMenu .wrapper > ul.secondary {
  padding-top: 50px;
}
@media screen and (max-width: 500px) {
  #overlay-mobileMenu .wrapper > ul.secondary {
    padding-top: 40px;
  }
}
#overlay-mobileMenu .wrapper > ul.secondary li:not(:last-child) {
  margin-bottom: 20px;
}
#overlay-mobileMenu .wrapper > ul.secondary li a {
  font: 20px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
  transition: color 300ms;
}
@media screen and (max-width: 700px) {
  #overlay-mobileMenu .wrapper > ul.secondary li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  #overlay-mobileMenu .wrapper > ul.secondary li a {
    font-size: 16px;
  }
}
#overlay-mobileMenu .wrapper > ul.secondary li a:hover {
  color: #f37867;
}
#overlay-mobileMenu .wrapper .subLvl1 {
  display: none;
  opacity: 0;
  overflow: hidden;
  transition: padding 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms, margin 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms, opacity 300ms;
}
#overlay-mobileMenu .wrapper .subLvl1 > li {
  margin-top: 25px;
}
#overlay-mobileMenu .wrapper .subLvl1 > li:first-child {
  margin-top: 25px;
}
#overlay-mobileMenu .wrapper .subLvl1 > li:last-child {
  margin-bottom: 25px;
}
#overlay-mobileMenu .wrapper .subLvl1 > li.noBottomMargin {
  margin-bottom: 0;
}
#overlay-mobileMenu .wrapper .subLvl1 > li a {
  font: 25px/1 "emyslab-bold", sans-serif;
  color: #034538;
  transition: color 300ms;
}
#overlay-mobileMenu .wrapper .subLvl1 > li a:hover {
  color: #f37867;
}
#overlay-mobileMenu .wrapper .subLvl1.open {
  opacity: 1;
  transition: padding 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 300ms linear 200ms;
}

.showOverlayMobile #overlay {
  background: rgba(0, 0, 0, 0.3);
  visibility: visible;
  z-index: 500;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayMobile #overlay-mobileMenu {
  overflow-y: auto;
  visibility: visible;
  transition: right 500ms ease;
}
.showOverlayMobile #overlay-mobileMenu::-webkit-scrollbar {
  display: none;
}
.showOverlayMobile #overlay-mobileMenu .wrapper {
  top: 0%;
  bottom: 0%;
}

#overlay-search {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 2001;
  pointer-events: none;
  transition: right 700ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0ms ease 700ms;
}
#overlay-search .wrapper {
  position: fixed;
  width: 450px;
  top: 0;
  right: -450px;
  bottom: 0;
  background: #f1efeb;
  overflow: hidden;
  pointer-events: all;
  z-index: 11;
  transition: right 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, left 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 500px) {
  #overlay-search .wrapper {
    right: -100%;
    left: 100%;
    width: auto;
  }
}
#overlay-search .wrapper .header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: #f1efeb;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
  z-index: 10001;
}
#overlay-search .wrapper .header p {
  padding-left: 25px;
  font: 18px/70px "sanfrancisco-semibold", sans-serif;
  color: #2a2a2a;
}
#overlay-search .wrapper .resultatsWrapper {
  position: absolute;
  top: 0;
  right: -16px;
  height: 100%;
  left: 0;
  background: #fff;
  z-index: 10000;
  overflow-x: hidden;
  overflow-y: scroll;
}
#overlay-search .wrapper .resultatsWrapper .resultats {
  padding: 209px 20px 50px 70px;
}
#overlay-search .wrapper .resultatsWrapper .resultats a {
  display: block;
  font: 18px/1.5 "sanfrancisco-semibold", sans-serif;
  color: rgba(3, 69, 56, 0.3);
  cursor: pointer;
  transition: color 300ms;
}
#overlay-search .wrapper .resultatsWrapper .resultats a strong {
  font-weight: normal;
  font-family: "sanfrancisco-semibold", sans-serif;
  color: rgba(3, 69, 56, 0.7);
  transition: color 300ms;
}
#overlay-search .wrapper .resultatsWrapper .resultats a:hover {
  color: #034538;
}
#overlay-search .wrapper .resultatsWrapper .resultats a:hover strong {
  color: #034538;
}
#overlay-search .wrapper .overlayContent {
  position: absolute;
  top: 70px;
  right: -16px;
  bottom: 108px;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
#overlay-search .wrapper .overlayContent .input-box {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
  z-index: 10001;
}
#overlay-search .wrapper .overlayContent .input-box input {
  width: 100%;
}
#overlay-search .wrapper .overlayContent .input-box svg {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  color: #f37867;
  width: 31.5px;
  height: 31.5px;
}
#overlay-search .wrapper .overlayContent .input-box svg circle, #overlay-search .wrapper .overlayContent .input-box svg line {
  stroke: #f37867;
}
#overlay-search .wrapper .overlayContent form {
  padding: 50px 25px;
}
@media screen and (max-width: 768px) {
  #overlay-search .wrapper .overlayContent {
    right: 0;
  }
}
#overlay-search .wrapper .overlayContent p.small {
  font-size: 12px;
  color: #bbbaba;
}
#overlay-search .wrapper .overlayContent .tiroirs {
  margin-bottom: 30px;
}
#overlay-search .wrapper .overlayContent .tiroirs .checkbox-field {
  margin-bottom: 0;
}
#overlay-search .wrapper .overlayContent .tiroirs .checkbox-field label {
  display: block;
}
#overlay-search .wrapper .overlayContent .tiroirs .checkbox-field .filter-province {
  font: 20px/1.5 "sanfrancisco-bold", sans-serif;
  padding-left: 30px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  #overlay-search .wrapper .overlayContent .tiroirs .checkbox-field .filter-province {
    font: 19px/1.5 "sanfrancisco-semibold", sans-serif;
  }
}
@media screen and (max-width: 500px) {
  #overlay-search .wrapper .overlayContent .tiroirs .checkbox-field .filter-province {
    font: 18px/1.5 "sanfrancisco-semibold", sans-serif;
  }
}
#overlay-search .wrapper .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f1efeb;
  border-top: 1px solid rgba(42, 42, 42, 0.1);
  z-index: 1;
  padding: 25px;
}
#overlay-search .wrapper .footer .btn, #overlay-search .wrapper .footer .home-banner__main-button {
  width: 48%;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
}
#overlay-search .wrapper .footer .btn:first-child, #overlay-search .wrapper .footer .home-banner__main-button:first-child {
  margin-right: 2.5%;
}
@media screen and (max-width: 500px) {
  #overlay-search .wrapper .footer .btn:first-child, #overlay-search .wrapper .footer .home-banner__main-button:first-child {
    margin-right: 2%;
  }
}

.showOverlaySearch #overlay {
  background: rgba(0, 0, 0, 0.3);
  visibility: visible;
  z-index: 2000;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlaySearch #overlay-search {
  overflow-y: auto;
  visibility: visible;
  transition: right 500ms ease;
}
.showOverlaySearch #overlay-search::-webkit-scrollbar {
  display: none;
}
.showOverlaySearch #overlay-search .wrapper {
  right: 0px;
}
@media screen and (max-width: 500px) {
  .showOverlaySearch #overlay-search .wrapper {
    right: 0%;
    left: 0%;
  }
}

#overlay-connexionTraveler, #overlay-connexionProducer, #overlay-connexionShop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 2001;
  pointer-events: none;
  transition: right 700ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0ms ease 700ms;
}
#overlay-connexionTraveler .wrapper, #overlay-connexionProducer .wrapper, #overlay-connexionShop .wrapper {
  position: fixed;
  width: 450px;
  top: 0;
  right: -450px;
  bottom: 0;
  background: #f1efeb;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: all;
  z-index: 11;
  transition: right 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, left 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 500px) {
  #overlay-connexionTraveler .wrapper, #overlay-connexionProducer .wrapper, #overlay-connexionShop .wrapper {
    right: -100%;
    left: 100%;
    width: auto;
  }
}
#overlay-connexionTraveler .wrapper .header, #overlay-connexionProducer .wrapper .header, #overlay-connexionShop .wrapper .header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: #f1efeb;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
  z-index: 1;
}
#overlay-connexionTraveler .wrapper .header p, #overlay-connexionProducer .wrapper .header p, #overlay-connexionShop .wrapper .header p {
  padding-left: 25px;
  font: 18px/70px "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
#overlay-connexionTraveler .wrapper .overlayContent, #overlay-connexionProducer .wrapper .overlayContent, #overlay-connexionShop .wrapper .overlayContent {
  padding: 50px 25px;
  position: absolute;
  top: 70px;
  right: -16px;
  bottom: 0;
  left: 0;
  text-align: center;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media screen and (max-width: 768px) {
  #overlay-connexionTraveler .wrapper .overlayContent, #overlay-connexionProducer .wrapper .overlayContent, #overlay-connexionShop .wrapper .overlayContent {
    right: 0;
    bottom: 0;
  }
}
#overlay-connexionTraveler .wrapper .overlayContent .btnConnexionTraveler, #overlay-connexionTraveler .wrapper .overlayContent .btnConnexionProducer, #overlay-connexionTraveler .wrapper .overlayContent .btnConnexionShop, #overlay-connexionProducer .wrapper .overlayContent .btnConnexionTraveler, #overlay-connexionProducer .wrapper .overlayContent .btnConnexionProducer, #overlay-connexionProducer .wrapper .overlayContent .btnConnexionShop, #overlay-connexionShop .wrapper .overlayContent .btnConnexionTraveler, #overlay-connexionShop .wrapper .overlayContent .btnConnexionProducer, #overlay-connexionShop .wrapper .overlayContent .btnConnexionShop {
  float: left;
  margin-bottom: 20px;
}
#overlay-connexionTraveler .wrapper .overlayContent h4, #overlay-connexionProducer .wrapper .overlayContent h4, #overlay-connexionShop .wrapper .overlayContent h4 {
  margin-bottom: 15px;
}
#overlay-connexionTraveler .wrapper .overlayContent p, #overlay-connexionProducer .wrapper .overlayContent p, #overlay-connexionShop .wrapper .overlayContent p {
  margin-bottom: 40px;
}
#overlay-connexionTraveler .wrapper .overlayContent .input-field, #overlay-connexionProducer .wrapper .overlayContent .input-field, #overlay-connexionShop .wrapper .overlayContent .input-field {
  margin-bottom: 40px;
}
#overlay-connexionTraveler .wrapper .overlayContent .forgotten, #overlay-connexionProducer .wrapper .overlayContent .forgotten, #overlay-connexionShop .wrapper .overlayContent .forgotten {
  margin-bottom: 30px;
}
#overlay-connexionTraveler .wrapper .footer, #overlay-connexionProducer .wrapper .footer, #overlay-connexionShop .wrapper .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f1efeb;
  border-top: 1px solid rgba(42, 42, 42, 0.1);
  z-index: 1;
  padding: 25px;
}
#overlay-connexionTraveler .wrapper .footer .btn, #overlay-connexionTraveler .wrapper .footer .home-banner__main-button, #overlay-connexionProducer .wrapper .footer .btn, #overlay-connexionProducer .wrapper .footer .home-banner__main-button, #overlay-connexionShop .wrapper .footer .btn, #overlay-connexionShop .wrapper .footer .home-banner__main-button {
  width: 48%;
  text-align: center;
}
#overlay-connexionTraveler .wrapper .footer .btn:first-child, #overlay-connexionTraveler .wrapper .footer .home-banner__main-button:first-child, #overlay-connexionProducer .wrapper .footer .btn:first-child, #overlay-connexionProducer .wrapper .footer .home-banner__main-button:first-child, #overlay-connexionShop .wrapper .footer .btn:first-child, #overlay-connexionShop .wrapper .footer .home-banner__main-button:first-child {
  margin-right: 3%;
}
#overlay-connexionTraveler #StepConnexionTraveler, #overlay-connexionTraveler #StepConnexionProducer, #overlay-connexionTraveler #StepConnexionShop, #overlay-connexionProducer #StepConnexionTraveler, #overlay-connexionProducer #StepConnexionProducer, #overlay-connexionProducer #StepConnexionShop, #overlay-connexionShop #StepConnexionTraveler, #overlay-connexionShop #StepConnexionProducer, #overlay-connexionShop #StepConnexionShop {
  display: block;
}
#overlay-connexionTraveler #stepForgottenPasswordTraveler, #overlay-connexionTraveler #StepMessageSentTraveler,
#overlay-connexionTraveler #stepForgottenPasswordProducer, #overlay-connexionTraveler #StepMessageSentProducer,
#overlay-connexionTraveler #stepForgottenPasswordShop, #overlay-connexionTraveler #StepMessageSentShop, #overlay-connexionProducer #stepForgottenPasswordTraveler, #overlay-connexionProducer #StepMessageSentTraveler,
#overlay-connexionProducer #stepForgottenPasswordProducer, #overlay-connexionProducer #StepMessageSentProducer,
#overlay-connexionProducer #stepForgottenPasswordShop, #overlay-connexionProducer #StepMessageSentShop, #overlay-connexionShop #stepForgottenPasswordTraveler, #overlay-connexionShop #StepMessageSentTraveler,
#overlay-connexionShop #stepForgottenPasswordProducer, #overlay-connexionShop #StepMessageSentProducer,
#overlay-connexionShop #stepForgottenPasswordShop, #overlay-connexionShop #StepMessageSentShop {
  display: none;
}

.showOverlayConnexionTraveler #overlay, .showOverlayConnexionProducer #overlay, .showOverlayConnexionShop #overlay {
  background: rgba(0, 0, 0, 0.3);
  visibility: visible;
  z-index: 2000;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.showOverlayConnexionTraveler #overlay-connexionTraveler {
  overflow-y: auto;
  visibility: visible;
  transition: right 500ms ease;
}
.showOverlayConnexionTraveler #overlay-connexionTraveler::-webkit-scrollbar {
  display: none;
}
.showOverlayConnexionTraveler #overlay-connexionTraveler .wrapper {
  right: 0px;
}
@media screen and (max-width: 500px) {
  .showOverlayConnexionTraveler #overlay-connexionTraveler .wrapper {
    right: 0%;
    left: 0%;
  }
}

.showOverlayConnexionProducer #overlay-connexionProducer {
  overflow-y: auto;
  visibility: visible;
  transition: right 500ms ease;
}
.showOverlayConnexionProducer #overlay-connexionProducer::-webkit-scrollbar {
  display: none;
}
.showOverlayConnexionProducer #overlay-connexionProducer .wrapper {
  right: 0px;
}
@media screen and (max-width: 500px) {
  .showOverlayConnexionProducer #overlay-connexionProducer .wrapper {
    right: 0%;
    left: 0%;
  }
}

.showOverlayConnexionShop #overlay-connexionShop {
  overflow-y: auto;
  visibility: visible;
  transition: right 500ms ease;
}
.showOverlayConnexionShop #overlay-connexionShop::-webkit-scrollbar {
  display: none;
}
.showOverlayConnexionShop #overlay-connexionShop .wrapper {
  right: 0px;
}
@media screen and (max-width: 500px) {
  .showOverlayConnexionShop #overlay-connexionShop .wrapper {
    right: 0%;
    left: 0%;
  }
}

#overlay-availability {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 2001;
  pointer-events: none;
  transition: right 700ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0ms ease 700ms;
}
#overlay-availability .wrapper {
  position: fixed;
  width: 450px;
  top: 0;
  right: -450px;
  bottom: 0;
  background: #f1efeb;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: all;
  z-index: 11;
  transition: right 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, left 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 500px) {
  #overlay-availability .wrapper {
    right: -100%;
    left: 100%;
    width: auto;
  }
}
#overlay-availability .wrapper .header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: #f1efeb;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
  z-index: 1;
}
#overlay-availability .wrapper .header p {
  padding-left: 25px;
  font: 18px/70px "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
#overlay-availability .wrapper .overlayContent {
  padding: 50px 25px;
  position: absolute;
  top: 70px;
  right: -16px;
  bottom: 108px;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media screen and (max-width: 768px) {
  #overlay-availability .wrapper .overlayContent {
    right: 0;
  }
}
#overlay-availability .wrapper .overlayContent .legend {
  margin-top: 30px;
}
#overlay-availability .wrapper .overlayContent .legend p {
  position: relative;
  padding-left: 30px;
  color: #bbbaba;
}
#overlay-availability .wrapper .overlayContent .legend p:not(:last-child) {
  margin-bottom: 10px;
}
#overlay-availability .wrapper .overlayContent .legend p:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
#overlay-availability .wrapper .overlayContent .legend p:nth-child(1):before {
  background: #fff;
}
#overlay-availability .wrapper .overlayContent .legend p:nth-child(2):before {
  background: #f37867;
}
#overlay-availability .wrapper .overlayContent .legend p:nth-child(3):before {
  background: #034538;
}
#overlay-availability .wrapper .overlayContent .legend p:nth-child(4):before {
  background: #bbbaba;
}
#overlay-availability .wrapper .overlayContent .checkbox-field {
  margin-top: 30px;
}
#overlay-availability .wrapper .overlayContent .checkbox-field span {
  background: #f1efeb;
  border: 1px solid #bbbaba;
}
#overlay-availability .wrapper .overlayContent .checkbox-field input:checked ~ span {
  background: #f37867;
  border: none;
}
#overlay-availability .wrapper .overlayContent .checkbox-field p {
  margin-top: 10px;
  font-size: 14px;
  color: #bbbaba;
}
#overlay-availability .wrapper .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f1efeb;
  border-top: 1px solid rgba(42, 42, 42, 0.1);
  z-index: 1;
  padding: 25px;
}
#overlay-availability .wrapper .footer .btn, #overlay-availability .wrapper .footer .home-banner__main-button {
  width: 48%;
  text-align: center;
}
#overlay-availability .wrapper .footer .btn:first-child, #overlay-availability .wrapper .footer .home-banner__main-button:first-child {
  margin-right: 3%;
}

.showOverlayAvailability #overlay {
  background: rgba(0, 0, 0, 0.3);
  visibility: visible;
  z-index: 2000;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayAvailability #overlay-availability {
  overflow-y: auto;
  visibility: visible;
  transition: right 500ms ease;
}
.showOverlayAvailability #overlay-availability::-webkit-scrollbar {
  display: none;
}
.showOverlayAvailability #overlay-availability .wrapper {
  right: 0px;
}
@media screen and (max-width: 500px) {
  .showOverlayAvailability #overlay-availability .wrapper {
    right: 0%;
    left: 0%;
  }
}

#overlay-confirm-availability {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 9000;
  pointer-events: none;
  transition: visibility 0ms ease 700ms;
}
#overlay-confirm-availability .close {
  top: 24px;
  right: 24px;
  transform: none;
}
#overlay-confirm-availability .close:before {
  background: #f1efeb;
}
#overlay-confirm-availability .wrapper {
  position: fixed;
  width: 500px;
  height: 350px;
  padding: 50px 85px;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: center;
  z-index: 100;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 1024px) {
  #overlay-confirm-availability .wrapper {
    padding: 50px;
  }
}
@media screen and (max-width: 600px) {
  #overlay-confirm-availability .wrapper {
    width: auto;
    right: 20px;
    left: 20px;
    padding: 50px 20px;
    transform: translateY(-50%);
  }
}
#overlay-confirm-availability .description {
  padding: 40px 0 50px 0;
}
#overlay-confirm-availability .btn, #overlay-confirm-availability .home-banner__main-button {
  background-color: #fff;
}
#overlay-confirm-availability .btn-confirm {
  margin-right: 3%;
}

.showOverlayConfirmAvailability #overlay {
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  z-index: 3000;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayConfirmAvailability #overlay-confirm-availability {
  overflow-y: auto;
  visibility: visible;
  transition: visibility 0ms;
  pointer-events: all;
}
.showOverlayConfirmAvailability #overlay-confirm-availability::-webkit-scrollbar {
  display: none;
}
.showOverlayConfirmAvailability #overlay-confirm-availability .wrapper {
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 600px) {
  .showOverlayConfirmAvailability #overlay-confirm-availability .wrapper {
    transform: translateY(-50%);
  }
}

#overlay-reservation {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 2001;
  pointer-events: none;
  transition: right 700ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0ms ease 700ms;
}
#overlay-reservation .wrapper {
  position: fixed;
  width: 450px;
  top: 0;
  right: -450px;
  bottom: 0;
  background: #f1efeb;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: all;
  z-index: 11;
  transition: right 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, left 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 500px) {
  #overlay-reservation .wrapper {
    right: -100%;
    left: 100%;
    width: auto;
  }
}
#overlay-reservation .wrapper .header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: #f1efeb;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #overlay-reservation .wrapper .header {
    position: relative;
  }
}
#overlay-reservation .wrapper .header p {
  padding-left: 25px;
  font: 18px/70px "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
#overlay-reservation .wrapper .overlayContent {
  padding: 50px 25px;
  position: absolute;
  top: 70px;
  right: -16px;
  bottom: 108px;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media screen and (max-width: 768px) {
  #overlay-reservation .wrapper .overlayContent {
    position: relative;
    top: 0px;
    right: 0;
    padding: 0;
    overflow-y: auto;
  }
}
#overlay-reservation .wrapper .overlayContent .messageImportant {
  margin-top: 20px;
}
#overlay-reservation .wrapper .overlayContent .messageImportant #reloadPage {
  font: inherit;
  padding-bottom: 0;
}
#overlay-reservation .wrapper .overlayContent .legend {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #overlay-reservation .wrapper .overlayContent .legend {
    position: relative;
    top: 0px;
    right: 0;
    margin: 10px;
  }
}
#overlay-reservation .wrapper .overlayContent .legend p {
  position: relative;
  padding-left: 30px;
  color: #2a2a2a;
}
#overlay-reservation .wrapper .overlayContent .legend p:not(:last-child) {
  margin-bottom: 10px;
}
#overlay-reservation .wrapper .overlayContent .legend p:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
#overlay-reservation .wrapper .overlayContent .legend p:nth-child(1):before {
  background: #fff;
}
#overlay-reservation .wrapper .overlayContent .legend p:nth-child(2):before {
  background: #f37867;
}
#overlay-reservation .wrapper .overlayContent .legend p:nth-child(3):before {
  background: #bbbaba;
}
#overlay-reservation .wrapper .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f1efeb;
  border-top: 1px solid rgba(42, 42, 42, 0.1);
  z-index: 1;
  padding: 25px;
}
@media screen and (max-width: 768px) {
  #overlay-reservation .wrapper .footer {
    position: relative;
    top: 0px;
    right: 0;
  }
}
#overlay-reservation .wrapper .footer .btn, #overlay-reservation .wrapper .footer .home-banner__main-button {
  width: 48%;
  text-align: center;
}
#overlay-reservation .wrapper .footer .btn:first-child, #overlay-reservation .wrapper .footer .home-banner__main-button:first-child {
  margin-right: 3%;
}
#overlay-reservation .wrapper .footer .fullsize {
  width: 100%;
  margin-top: 10px;
}

.showOverlayReservation #overlay {
  background: rgba(0, 0, 0, 0.3);
  visibility: visible;
  z-index: 2000;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayReservation #overlay-reservation {
  overflow-y: auto;
  visibility: visible;
  transition: right 500ms ease;
}
.showOverlayReservation #overlay-reservation::-webkit-scrollbar {
  display: none;
}
.showOverlayReservation #overlay-reservation .wrapper {
  right: 0px;
}
@media screen and (max-width: 500px) {
  .showOverlayReservation #overlay-reservation .wrapper {
    right: 0%;
    left: 0%;
  }
}

.btnReserve {
  background-color: #f1efeb;
}
.btnReserve:hover {
  cursor: pointer;
}

#overlay-share {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 1001;
  pointer-events: none;
  transition: visibility 0ms ease 700ms;
}
#overlay-share .close {
  top: 24px;
  right: 24px;
  transform: none;
}
#overlay-share .close:before {
  background: #f1efeb;
}
#overlay-share .wrapper {
  position: fixed;
  width: 500px;
  height: 206px;
  padding: 50px 85px;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: center;
  z-index: 100;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 1024px) {
  #overlay-share .wrapper {
    padding: 50px;
  }
}
@media screen and (max-width: 600px) {
  #overlay-share .wrapper {
    width: auto;
    height: 200px;
    right: 20px;
    left: 20px;
    padding: 50px 20px;
    transform: translateY(-50%);
  }
}
#overlay-share .wrapper ul {
  position: relative;
  margin-top: 16px;
}
#overlay-share .wrapper ul li {
  display: inline-block;
}
#overlay-share .wrapper ul li:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 600px) {
  #overlay-share .wrapper ul li:not(:last-child) {
    margin-right: 10px;
  }
}
#overlay-share .wrapper ul li a {
  position: relative;
  width: 45px;
  height: 45px;
  background: #034538;
  border-radius: 50%;
  transition: background 300ms;
}
#overlay-share .wrapper ul li a svg {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#overlay-share .wrapper ul li a:hover {
  background: #f37867;
}

.showOverlayShare #overlay {
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  z-index: 1000;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayShare #overlay-share {
  overflow-y: auto;
  visibility: visible;
  transition: visibility 0ms;
  pointer-events: all;
}
.showOverlayShare #overlay-share::-webkit-scrollbar {
  display: none;
}
.showOverlayShare #overlay-share .wrapper {
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 600px) {
  .showOverlayShare #overlay-share .wrapper {
    transform: translateY(-50%);
  }
}
.showOverlayShare #overlay-share .wrapper .step {
  opacity: 1;
  transform: none;
  transition: transform 300ms ease 300ms, opacity 300ms ease 300ms;
}

#overlay-rv-compliant {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 1001;
  pointer-events: none;
  transition: visibility 0ms ease 700ms;
}
#overlay-rv-compliant .close {
  top: 24px;
  right: 24px;
  transform: none;
}
#overlay-rv-compliant .close:before {
  background: #f1efeb;
}
#overlay-rv-compliant .wrapper {
  max-height: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  width: 520px;
  padding: 50px 85px;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: left;
  z-index: 100;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 1024px) {
  #overlay-rv-compliant .wrapper {
    padding: 50px;
  }
}
@media screen and (max-width: 600px) {
  #overlay-rv-compliant .wrapper {
    width: auto;
    right: 20px;
    left: 20px;
    padding: 50px 20px;
    transform: translateY(-50%);
  }
}
#overlay-rv-compliant .wrapper h3 {
  margin-bottom: 20px;
}
#overlay-rv-compliant .wrapper ul {
  position: relative;
  margin-top: 16px;
  list-style: disc;
  margin-left: 15px;
}
#overlay-rv-compliant .wrapper ul li:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 600px) {
  #overlay-rv-compliant .wrapper ul li:not(:last-child) {
    margin-right: 10px;
  }
}
#overlay-rv-compliant .wrapper ul li a {
  position: relative;
  width: 45px;
  height: 45px;
  background: #034538;
  border-radius: 50%;
  transition: background 300ms;
}
#overlay-rv-compliant .wrapper ul li a svg {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#overlay-rv-compliant .wrapper ul li a:hover {
  background: #f37867;
}

.showOverlayRVCompliant #overlay {
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  z-index: 1000;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayRVCompliant #overlay-rv-compliant {
  overflow-y: auto;
  visibility: visible;
  transition: visibility 0ms;
  pointer-events: all;
}
.showOverlayRVCompliant #overlay-rv-compliant::-webkit-scrollbar {
  display: none;
}
.showOverlayRVCompliant #overlay-rv-compliant .wrapper {
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 600px) {
  .showOverlayRVCompliant #overlay-rv-compliant .wrapper {
    transform: translateY(-50%);
  }
}
.showOverlayRVCompliant #overlay-rv-compliant .wrapper .step {
  opacity: 1;
  transform: none;
  transition: transform 300ms ease 300ms, opacity 300ms ease 300ms;
}

#overlay-admissibility {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 1001;
  pointer-events: none;
  transition: visibility 0ms ease 700ms;
}
#overlay-admissibility .close {
  top: 24px;
  right: 24px;
  transform: none;
}
#overlay-admissibility .close:before {
  background: #f1efeb;
}
#overlay-admissibility .wrapper {
  position: fixed;
  width: 500px;
  height: auto;
  padding: 50px 85px;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: center;
  z-index: 100;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 1024px) {
  #overlay-admissibility .wrapper {
    padding: 50px;
  }
}
@media screen and (max-width: 600px) {
  #overlay-admissibility .wrapper {
    width: auto;
    right: 20px;
    left: 20px;
    padding: 50px 20px;
    transform: translateY(-50%);
  }
}

.showOverlayAdmissibility #overlay {
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  z-index: 1000;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayAdmissibility #overlay-admissibility {
  overflow-y: auto;
  visibility: visible;
  transition: visibility 0ms;
  pointer-events: all;
}
.showOverlayAdmissibility #overlay-admissibility::-webkit-scrollbar {
  display: none;
}
.showOverlayAdmissibility #overlay-admissibility .wrapper {
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 600px) {
  .showOverlayAdmissibility #overlay-admissibility .wrapper {
    transform: translateY(-50%);
  }
}
.showOverlayAdmissibility #overlay-admissibility .wrapper .step {
  opacity: 1;
  transform: none;
  transition: transform 300ms ease 300ms, opacity 300ms ease 300ms;
}

#overlay-reservation-info {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 1001;
  pointer-events: none;
  transition: visibility 0ms ease 700ms;
}
#overlay-reservation-info .close {
  top: 24px;
  right: 24px;
  transform: none;
}
#overlay-reservation-info .close:before {
  background: #f1efeb;
}
#overlay-reservation-info .wrapper {
  max-height: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  width: 520px;
  padding: 50px 85px;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: left;
  z-index: 100;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
}
@media screen and (max-width: 1024px) {
  #overlay-reservation-info .wrapper {
    padding: 50px;
  }
}
@media screen and (max-width: 600px) {
  #overlay-reservation-info .wrapper {
    width: auto;
    right: 20px;
    left: 20px;
    padding: 50px 20px;
    transform: translateY(-50%);
  }
}
#overlay-reservation-info .wrapper h3 {
  margin-bottom: 20px;
}
#overlay-reservation-info .wrapper p span {
  font-family: "sanfrancisco-bold", sans-serif;
}
#overlay-reservation-info .wrapper p a {
  position: relative;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  transition: color 300ms;
}
@media screen and (max-width: 768px) {
  #overlay-reservation-info .wrapper p a {
    font-size: 16px;
  }
}
#overlay-reservation-info .wrapper p a:after {
  content: "";
  position: absolute;
  height: 1px;
  right: 0px;
  bottom: -1px;
  left: 0;
  background: #f37867;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}
#overlay-reservation-info .wrapper p a:hover {
  color: #f37867;
}

.showOverlayReservationInfo #overlay {
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  z-index: 1000;
  transition: background 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.showOverlayReservationInfo #overlay-reservation-info {
  overflow-y: auto;
  visibility: visible;
  transition: visibility 0ms;
  pointer-events: all;
}
.showOverlayReservationInfo #overlay-reservation-info::-webkit-scrollbar {
  display: none;
}
.showOverlayReservationInfo #overlay-reservation-info .wrapper {
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 600px) {
  .showOverlayReservationInfo #overlay-reservation-info .wrapper {
    transform: translateY(-50%);
  }
}
.showOverlayReservationInfo #overlay-reservation-info .wrapper .step {
  opacity: 1;
  transform: none;
  transition: transform 300ms ease 300ms, opacity 300ms ease 300ms;
}

#page-home {
  overflow-x: hidden;
}
#page-home .layout {
  position: relative;
  z-index: 1;
  background-color: #f1efeb;
  padding-top: 80px;
}
@media screen and (max-width: 600px) {
  #page-home .layout {
    padding-top: 0;
  }
}
#page-home .layout:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 395px;
  left: 0;
  width: 100%;
  background: url("../images/page-home/foret.jpg") no-repeat bottom center/contain;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #page-home .layout:before {
    bottom: 745px;
  }
}
@media screen and (max-width: 500px) {
  #page-home .layout:before {
    bottom: 845px;
  }
}
.mosaic__header {
  text-align: center;
  margin-bottom: 110px;
}
@media screen and (max-width: 1400px) {
  .mosaic__header {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 1200px) {
  .mosaic__header {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .mosaic__header {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .mosaic__header {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 600px) {
  .mosaic__header {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 901px) {
  .mosaic__grid-and-slider {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: dense;
    grid-auto-rows: var(--mosaic-small-image-height) calc(var(--mosaic-big-image-height) - var(--mosaic-small-image-height));
  }
  .mosaic__item-and-slide {
    grid-column: span 1;
  }
  .mosaic__item-and-slide:nth-child(3n+1) {
    grid-column-start: 1;
  }
  .mosaic__item-and-slide:not(.mosaic__item-and-slide--smaller) {
    grid-row: span 2;
  }
  .mosaic__item-and-slide--smaller {
    grid-row: span 1;
  }
  .mosaic__item-and-slide--smaller .mosaic__image-container {
    padding-top: 102%;
  }
}
.mosaic__image-container {
  position: relative;
  padding-top: 136%;
}
@media screen and (max-width: 900px) {
  .mosaic__image-container {
    width: 370px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .mosaic__image-container {
    width: 330px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 500px) {
  .mosaic__image-container {
    width: 300px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 400px) {
  .mosaic__image-container {
    width: 260px;
  }
}
.mosaic__picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mosaic__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.mosaic__credit {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 100%;
  padding: 12px 20px;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-family: "emyslab-regular", sans-serif;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 600px) {
  .mosaic__credit {
    padding: 8px 16px;
  }
}

#page-home .subscriptionBlock {
  position: relative;
}
#page-home .subscriptionBlock:before {
  content: "";
  position: absolute;
  height: 400px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #034538;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #page-home .subscriptionBlock:before {
    height: 750px;
  }
}
@media screen and (max-width: 500px) {
  #page-home .subscriptionBlock:before {
    height: 850px;
  }
}
#page-home .subscriptionBlock > div {
  position: relative;
  z-index: 1;
}
#page-home .subscriptionBlock > div h2, #page-home .subscriptionBlock > div h5 {
  color: #fff;
  text-align: center;
}
#page-home .subscriptionBlock > div h5 {
  margin-bottom: 10px;
}
#page-home .subscriptionBlock > div h2 {
  margin-bottom: 175px;
}
@media screen and (max-width: 1100px) {
  #page-home .subscriptionBlock > div h2 {
    margin-bottom: 130px;
  }
}
@media screen and (max-width: 768px) {
  #page-home .subscriptionBlock > div h2 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 600px) {
  #page-home .subscriptionBlock > div h2 {
    margin-bottom: 40px;
  }
}
#page-home .subscriptionBlock > div #subscriptionWrapper {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  #page-home .subscriptionBlock > div #subscriptionWrapper {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  #page-home .subscriptionBlock > div #subscriptionWrapper > div > div:first-child {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  #page-home .subscriptionBlock > div #subscriptionWrapper > div > div:first-child {
    margin-bottom: 30px;
  }
}
#page-home .subscriptionBlock > div .btn, #page-home .subscriptionBlock > div .home-banner__main-button {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #page-home .subscriptionBlock > div .btn, #page-home .subscriptionBlock > div .home-banner__main-button {
    margin-top: 60px;
  }
}
@media screen and (max-width: 600px) {
  #page-home .subscriptionBlock > div .btn, #page-home .subscriptionBlock > div .home-banner__main-button {
    margin-top: 40px;
  }
}
#page-home .featuredBlock {
  position: relative;
  background: #034538;
}
#page-home .featuredBlock:before {
  content: "";
  position: absolute;
  height: 700px;
  right: 0;
  bottom: -1px;
  left: 0;
  background: url("../images/content/shapes/wave02.svg") no-repeat top;
  background-size: cover;
}
@media screen and (max-width: 1500px) {
  #page-home .featuredBlock:before {
    height: 600px;
  }
}
@media screen and (max-width: 1200px) {
  #page-home .featuredBlock:before {
    height: 500px;
  }
}
#page-home .featuredBlock .head {
  text-align: center;
}
#page-home .featuredBlock .head h2 {
  color: #fff;
}
#page-home .featuredBlock .head .btn, #page-home .featuredBlock .head .home-banner__main-button {
  margin: 30px 0 50px;
}
#page-home .blogBlock {
  position: relative;
  background: #f1efeb;
  padding-bottom: 350px;
}
@media screen and (max-width: 1300px) {
  #page-home .blogBlock {
    padding-bottom: 300px;
  }
}
@media screen and (max-width: 1000px) {
  #page-home .blogBlock {
    padding-bottom: 250px;
  }
}
@media screen and (max-width: 768px) {
  #page-home .blogBlock {
    padding-bottom: 180px;
  }
}
#page-home .blogBlock:after {
  content: "";
  position: absolute;
  height: 200px;
  right: 0;
  bottom: -1px;
  left: 0;
  background: url("../images/content/shapes/wave03.svg") no-repeat top;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #page-home .blogBlock:after {
    height: 70px;
  }
}
#page-home .blogBlock:before {
  content: "";
  position: absolute;
  right: -250px;
  bottom: -130px;
  width: 1100px;
  height: 1100px;
  z-index: 0;
  background: url("../images/content/shapes/line02.svg") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 1400px) {
  #page-home .blogBlock:before {
    width: 1000px;
    height: 1000px;
  }
}
@media screen and (max-width: 1200px) {
  #page-home .blogBlock:before {
    width: 700px;
    height: 700px;
  }
}
@media screen and (max-width: 768px) {
  #page-home .blogBlock:before {
    display: none;
  }
}
#page-home .blogBlock h2 {
  margin-bottom: 50px;
}
@media screen and (max-width: 1100px) {
  #page-home .blogBlock h2 {
    margin-bottom: 20px;
  }
}
#page-home .blogBlock .btn, #page-home .blogBlock .home-banner__main-button {
  margin-top: 100px;
}
@media screen and (max-width: 1100px) {
  #page-home .blogBlock .btn, #page-home .blogBlock .home-banner__main-button {
    margin-top: 50px;
  }
}
#page-home .blogBlock .slickBlogNav {
  text-align: right;
  padding-right: 15%;
  margin-bottom: 30px;
}
#page-home .blogBlock #slickBlog .slick-list {
  padding-right: 8%;
}
#page-home .blogBlock #slickBlog .slick-list .blockstyle4 {
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  #page-home .blogBlock #slickBlog .slick-list .blockstyle4 {
    margin-right: 0px;
  }
}
#page-home .blogBlock #slickBlog .slick-list .slick-slide {
  padding-right: 30px;
}
#page-home .experienceBlock {
  position: relative;
  text-align: center;
  background: #fff;
}
@media screen and (max-width: 600px) {
  #page-home .experienceBlock {
    padding-bottom: 0;
  }
}
#page-home .experienceBlock h2 {
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  #page-home .experienceBlock h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-home .experienceBlock h2 {
    margin-bottom: 20px;
  }
}
#page-home .experienceBlock .circleBtn {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  transition: background 300ms;
}
@media screen and (max-width: 900px) {
  #page-home .experienceBlock .circleBtn {
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 600px) {
  #page-home .experienceBlock .circleBtn {
    width: 170px;
    height: 170px;
  }
}
#page-home .experienceBlock .circleBtn .wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  font: 45px/1 "emyslab-bold", sans-serif;
  text-align: center;
  transform: translateY(-50%);
  transition: color 300ms;
}
@media screen and (max-width: 900px) {
  #page-home .experienceBlock .circleBtn .wrapper {
    font-size: 30px;
  }
}
@media screen and (max-width: 600px) {
  #page-home .experienceBlock .circleBtn .wrapper {
    font-size: 20px;
  }
}
@media screen and (max-width: 400px) {
  #page-home .experienceBlock .circleBtn .wrapper {
    font-size: 18px;
  }
}
#page-home .experienceBlock .circleBtn .wrapper svg {
  display: block;
  margin: 0 auto 7px;
  width: 80px;
  height: 50px;
  transition: fill 300ms;
}
@media screen and (max-width: 600px) {
  #page-home .experienceBlock .circleBtn .wrapper svg {
    width: 60px;
    height: 40px;
  }
}
#page-home .experienceBlock .circleBtn .wrapper svg path, #page-home .experienceBlock .circleBtn .wrapper svg rect, #page-home .experienceBlock .circleBtn .wrapper svg circle {
  transition: fill 300ms;
}
#page-home .experienceBlock .circleBtn:first-child {
  margin-right: 115px;
  color: #f37867;
  border: 5px solid #f37867;
  color: #f37867;
}
@media screen and (max-width: 900px) {
  #page-home .experienceBlock .circleBtn:first-child {
    margin-right: 75px;
  }
}
@media screen and (max-width: 600px) {
  #page-home .experienceBlock .circleBtn:first-child {
    margin-right: 25px;
    border: 3px solid #f37867;
  }
}
@media screen and (max-width: 500px) {
  #page-home .experienceBlock .circleBtn:first-child {
    margin-right: 10px;
  }
}
@media screen and (max-width: 400px) {
  #page-home .experienceBlock .circleBtn:first-child {
    margin: 0 0 10px 0;
  }
}
#page-home .experienceBlock .circleBtn:first-child svg path, #page-home .experienceBlock .circleBtn:first-child svg rect, #page-home .experienceBlock .circleBtn:first-child svg circle {
  fill: #f37867;
}
#page-home .experienceBlock .circleBtn:last-child {
  color: #034538;
  fill: #034538;
  border: 5px solid #034538;
}
@media screen and (max-width: 600px) {
  #page-home .experienceBlock .circleBtn:last-child {
    border: 3px solid #034538;
  }
}
#page-home .experienceBlock .circleBtn:last-child svg path, #page-home .experienceBlock .circleBtn:last-child svg rect, #page-home .experienceBlock .circleBtn:last-child svg circle {
  fill: #034538;
}
#page-home .experienceBlock .circleBtn:hover .wrapper {
  color: #fff;
  fill: #fff;
}
#page-home .experienceBlock .circleBtn:hover .wrapper svg path, #page-home .experienceBlock .circleBtn:hover .wrapper svg rect, #page-home .experienceBlock .circleBtn:hover .wrapper svg circle {
  fill: #fff;
}
#page-home .experienceBlock .circleBtn:hover:first-child {
  background: #f37867;
}
#page-home .experienceBlock .circleBtn:hover:last-child {
  background: #034538;
}

.home-banner__container {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 44px);
  min-height: 560px;
}
.home-banner__container:before {
  content: "";
  position: absolute;
  height: 250px;
  right: 0;
  bottom: -40px;
  left: 0;
  background: url("../images/content/shapes/wave01.svg") no-repeat left top/cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .home-banner__container:before {
    background-position: 20% top;
  }
}
@media screen and (max-width: 600px) {
  .home-banner__container:before {
    background-position: 30% top;
  }
}
.home-banner__container:after {
  content: url("../images/content/shapes/line01.svg");
  width: 900px;
  position: absolute;
  top: 350px;
  left: -250px;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .home-banner__container:after {
    width: 800px;
    top: 400px;
    left: -300px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner__container:after {
    display: none;
  }
}
.home-banner__images-slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.home-banner .slick-list,
.home-banner .slick-track,
.home-banner .slick-slide,
.home-banner .slick-slide > div, .home-banner__texts-slider, .home-banner__texts-slide {
  height: 100%;
}
.home-banner__picture:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.home-banner__content {
  width: 100%;
  position: absolute;
  top: 70px;
  bottom: 220px;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 1100px) {
  .home-banner__content {
    top: 0;
    bottom: 200px;
  }
}
@media screen and (max-height: 750px) {
  .home-banner__content {
    bottom: 200px;
  }
}
@media screen and (max-height: 700px) {
  .home-banner__content {
    bottom: 180px;
  }
}
.home-banner__texts-slider-container {
  width: 100%;
  height: 100%;
}
.home-banner__texts-flex {
  display: flex;
  align-items: center;
  height: 100%;
}
.home-banner__texts-container {
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 100px;
}
@media screen and (max-width: 1024px) {
  .home-banner__texts-container {
    padding: 50px 50px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner__texts-container {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 600px) {
  .home-banner__texts-container {
    padding: 30px 25px;
  }
}
.home-banner__title {
  font: 80px/1 "emyslab-bold", sans-serif;
  color: #fff;
}
@media screen and (max-height: 800px) {
  .home-banner__title {
    font-size: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .home-banner__title {
    font-size: 70px;
  }
}
@media screen and (max-height: 700px) {
  .home-banner__title {
    font-size: 60px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner__title {
    font-size: 60px;
  }
}
@media screen and (max-height: 650px) {
  .home-banner__title {
    font-size: 50px;
  }
}
@media screen and (max-width: 600px) {
  .home-banner__title {
    font-size: 50px;
  }
}
@media screen and (max-height: 600px) {
  .home-banner__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 500px) {
  .home-banner__title {
    font-size: 40px;
  }
}
.home-banner__text {
  margin-top: 40px;
  font: 25px/1.4 "sanfrancisco-bold", sans-serif;
  color: #fff;
}
@media screen and (max-height: 850px) {
  .home-banner__text {
    margin-top: 20px;
  }
}
@media screen and (max-height: 700px) {
  .home-banner__text {
    font-size: 23px;
  }
}
@media screen and (max-width: 1024px) {
  .home-banner__text {
    font-size: 23px;
  }
}
@media screen and (max-height: 650px) {
  .home-banner__text {
    font-size: 21px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner__text {
    font-size: 21px;
  }
}
@media screen and (max-height: 600px) {
  .home-banner__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .home-banner__text {
    font-size: 18px;
  }
}
.home-banner__main-button {
  margin-top: 50px;
  text-transform: uppercase;
}
@media screen and (max-height: 850px) {
  .home-banner__main-button {
    margin-top: 30px;
  }
}
.home-banner__vertical-link-container {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px), screen and (max-height: 650px) {
  .home-banner__vertical-link-container {
    position: relative;
    top: 0;
    right: 0;
    transform: none;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 5px;
    text-align: left;
  }
}
.home-banner__vertical-link-container svg {
  flex-shrink: 0;
  height: 26px;
}
@media screen and (max-width: 1024px), screen and (max-height: 650px) {
  .home-banner__vertical-link-container svg {
    order: 1;
  }
}
.home-banner__vertical-link {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1024px), screen and (max-height: 650px) {
  .home-banner__vertical-link {
    flex-direction: row;
  }
}
.home-banner__vertical-link-text {
  width: 100%;
  color: #fff;
  max-height: 250px;
  font: 15px/1 "emyslab-semibold", sans-serif;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  margin-bottom: 15px;
  position: relative;
  left: 4px;
}
@media screen and (max-width: 1024px), screen and (max-height: 650px) {
  .home-banner__vertical-link-text {
    left: 0;
    writing-mode: initial;
    transform: none;
    margin: 0 0 0 15px;
    width: auto;
    order: 2;
  }
}
.home-banner__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.home-banner__buttons {
  position: absolute;
  bottom: 150px;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 0 50px;
}
@media screen and (max-height: 900px) {
  .home-banner__buttons {
    bottom: 90px;
  }
}
@media screen and (max-height: 800px) {
  .home-banner__buttons {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner__buttons {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 700px) {
  .home-banner__buttons {
    padding-left: 25px;
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .home-banner__buttons {
    margin-top: 50px;
  }
}
.home-banner__buttons-container {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (min-width: 701px) {
  .home-banner__buttons-flex-and-slider {
    display: flex;
    align-items: center;
  }
}
.home-banner__button {
  flex: 1;
  display: flex !important;
  align-items: center;
  height: 134px;
  padding: 40px;
  background-color: #fff;
  transition: background-color 300ms;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .home-banner__button {
    padding: 35px;
  }
}
@media screen and (max-width: 1024px) {
  .home-banner__button {
    padding: 30px;
  }
}
@media screen and (max-height: 750px) {
  .home-banner__button {
    height: 120px;
  }
}
@media screen and (max-width: 850px) {
  .home-banner__button {
    padding: 25px;
    height: 120px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner__button {
    padding: 25px 22px;
  }
}
@media screen and (max-height: 700px) {
  .home-banner__button {
    height: 110px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner__button {
    width: 300px !important;
    height: 100px;
    flex: auto;
    margin-right: 10px;
  }
}
@media screen and (max-height: 630px) {
  .home-banner__button {
    height: 100px;
  }
}
@media screen and (max-width: 600px) {
  .home-banner__button {
    height: 90px;
  }
}
@media screen and (max-width: 450px) {
  .home-banner__button {
    width: 250px !important;
  }
}
.home-banner__button:not(:last-child) {
  margin-right: 10px;
}
.home-banner__button:hover {
  background-color: #f37867;
}
.home-banner__button-text {
  flex-grow: 1;
  display: block;
  margin-right: 20px;
  font-family: "sanfrancisco-semibold", sans-serif;
  font-size: 15px;
  color: #2a2a2a;
  line-height: 1.5;
  transition: color 300ms;
}
.home-banner__button:hover .home-banner__button-text {
  color: #fff;
}
.home-banner__button-svg-container {
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #f37867;
  border-radius: 50%;
  transition: background-color 300ms;
}
.home-banner__button:hover .home-banner__button-svg-container {
  background-color: #fff;
}
.home-banner__button-svg-container svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 16px;
  fill: #fff;
  transition: fill 300ms;
}
.home-banner__button:hover svg {
  fill: #f37867;
}
.home-banner__scroll-button-container {
  position: absolute;
  left: 100px;
  bottom: 40px;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .home-banner__scroll-button-container {
    left: 50px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner__scroll-button-container {
    left: 30px;
  }
}
@media screen and (max-width: 600px) {
  .home-banner__scroll-button-container {
    display: none;
  }
}
.home-banner__scroll-button-container a {
  font: 15px/1 "emyslab-semibold", sans-serif;
  color: #fff;
  padding-right: 40px;
}
@media screen and (max-width: 1100px) {
  .home-banner__scroll-button-container a {
    padding-right: 30px;
  }
}
.home-banner__scroll-button-container a svg {
  position: absolute;
  top: 4px;
  right: 0px;
  width: 12px;
  height: 8px;
}

#page-about .aboutBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-about .aboutBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-about .aboutBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-about .aboutBlock {
    padding-bottom: 0px;
  }
}
#page-about .aboutBlock .row {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  #page-about .aboutBlock .row {
    max-width: 100%;
    margin: 0;
  }
}
#page-about .aboutBlock .row .image {
  height: 500px;
}
@media screen and (max-width: 1500px) {
  #page-about .aboutBlock .row .image {
    height: 400px;
  }
}
@media screen and (max-width: 1024px) {
  #page-about .aboutBlock .row .image {
    height: 350px;
  }
}
@media screen and (max-width: 768px) {
  #page-about .aboutBlock .row .image {
    height: 300px;
  }
}
@media screen and (max-width: 600px) {
  #page-about .aboutBlock .row .image {
    height: 400px;
  }
}
@media screen and (max-width: 500px) {
  #page-about .aboutBlock .row .image {
    height: 350px;
  }
}
@media screen and (max-width: 400px) {
  #page-about .aboutBlock .row .image {
    height: 300px;
  }
}
#page-about .aboutBlock .row .col24 .image {
  margin-bottom: 75px;
}
@media screen and (max-width: 1024px) {
  #page-about .aboutBlock .row .col24 .image {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-about .aboutBlock .row .col24 .image {
    margin-bottom: 30px;
  }
}
#page-about .aboutBlock .row .col24 .image :last-child {
  margin-bottom: 0;
}
#page-about .aboutBlock .row .col12 {
  margin-top: 75px;
}
@media screen and (max-width: 1024px) {
  #page-about .aboutBlock .row .col12 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-about .aboutBlock .row .col12 {
    margin-top: 30px;
  }
}
#page-about .aboutBlock .row .citation {
  margin: 75px 0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #page-about .aboutBlock .row .citation {
    margin: 50px 0;
  }
}
@media screen and (max-width: 768px) {
  #page-about .aboutBlock .row .citation {
    margin: 30px 0;
  }
}
#page-about .aboutBlock .row .citation span {
  color: #f37867;
}
#page-about .aboutBlock .row h4 {
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  #page-about .aboutBlock .row h4 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-about .aboutBlock .row h4 {
    margin-bottom: 20px;
  }
}
#page-about .aboutBlock .row h3 {
  margin: 50px 0 20px 0;
  font: 25px/1.4 "sanfrancisco-bold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 1024px) {
  #page-about .aboutBlock .row h3 {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  #page-about .aboutBlock .row h3 {
    font-size: 21px;
  }
}
@media screen and (max-width: 600px) {
  #page-about .aboutBlock .row h3 {
    font-size: 18px;
  }
}
#page-about .aboutBlock .row p {
  margin-bottom: 20px;
}
#page-about .aboutBlock .row p a {
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  padding: 0;
}
#page-about .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

#page-producers .headerBlock {
  text-align: left;
}
#page-producers .headerBlock > div {
  position: relative;
}
#page-producers .headerBlock h1 {
  max-width: 100%;
}
#page-producers .headerBlock .result {
  display: block;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #page-producers .headerBlock .result {
    margin-top: 16px;
  }
}
#page-producers .notconnected {
  position: relative;
}
@media screen and (min-width: 1601px) {
  #page-producers .notconnected {
    bottom: -20px;
  }
}
@media screen and (max-width: 1600px) {
  #page-producers .notconnected {
    bottom: -10px;
  }
}
@media screen and (max-width: 1200px) {
  #page-producers .notconnected {
    bottom: -10px;
  }
}
@media screen and (max-width: 1024px) {
  #page-producers .notconnected {
    bottom: -5px;
  }
}
@media screen and (max-width: 768px) {
  #page-producers .notconnected {
    bottom: 0px;
  }
}
#page-producers #searchFilters {
  position: relative;
}
#page-producers #searchFilters .slickTagsWrapper {
  position: relative;
  width: calc(100% - 130px);
}
#page-producers #searchFilters .slickTagsWrapper .slickTagsNav {
  position: relative;
  display: inline-block;
  left: 0px;
  top: 0px;
}
#page-producers #searchFilters .slickTagsWrapper .slickTagsNav a {
  top: -2px;
  margin-right: 20px;
}
@media screen and (max-width: 600px) {
  #page-producers #searchFilters .slickTagsWrapper .slickTagsNav a {
    margin-right: 15px;
  }
}
#page-producers #searchFilters .slickTagsWrapper .slickTags {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #page-producers #searchFilters .slickTagsWrapper .slickTags {
    width: calc(100% - 50px);
  }
}
#page-producers #searchFilters .slickTagsWrapper .slickTags .slick-slide {
  padding: 0 20px 0 0;
}
@media screen and (max-width: 600px) {
  #page-producers #searchFilters .slickTagsWrapper .slickTags .slick-slide {
    padding: 0 15px 0 0;
  }
}
#page-producers #searchFilters .slickTagsWrapper .slickTags .slick-slide .tag2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
#page-producers #searchFilters .clearFiltersBt {
  position: absolute;
  top: 5px;
  right: 0px;
}
@media screen and (max-width: 768px) {
  #page-producers #searchFilters .clearFiltersBt {
    position: relative;
  }
}
#page-producers .listBlock {
  background: #f1efeb;
}
#page-producers .listBlock .col8:nth-child(-n+4) {
  margin-top: 0;
}
#page-producers .listBlock .col8:not(:nth-child(-n+4)) {
  margin-top: 50px;
}
@media screen and (max-width: 1300px) {
  #page-producers .listBlock .col8:nth-child(-n+3) {
    margin-top: 0;
  }
  #page-producers .listBlock .col8:not(:nth-child(-n+3)) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-producers .listBlock .col8:nth-child(-n+1) {
    margin-top: 0;
  }
  #page-producers .listBlock .col8:not(:nth-child(-n+1)) {
    margin-top: 30px;
  }
}
#page-producers .listBlock .col8 .blockstyle1 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #page-producers .listBlock .col8 .blockstyle1 {
    width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 500px) {
  #page-producers .listBlock .col8 .blockstyle1 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
#page-producers .listBlock .col8 .blockstyle1 .image {
  height: 400px;
}
@media screen and (max-width: 1600px) {
  #page-producers .listBlock .col8 .blockstyle1 .image {
    height: 330px;
  }
}
@media screen and (max-width: 1300px) {
  #page-producers .listBlock .col8 .blockstyle1 .image {
    height: 400px;
  }
}
@media screen and (max-width: 900px) {
  #page-producers .listBlock .col8 .blockstyle1 .image {
    height: 330px;
  }
}
#page-producers .listBlock .btn.marginTop, #page-producers .listBlock .marginTop.home-banner__main-button {
  margin-top: 50px;
}
@media screen and (max-width: 1024px) {
  #page-producers .listBlock .btn.marginTop, #page-producers .listBlock .marginTop.home-banner__main-button {
    margin-top: 30px;
  }
}
#page-producers .listBlock #producersMap {
  overflow: hidden;
  height: 0px;
  opacity: 0;
}
#page-producers .listBlock #googleMapContainer {
  position: relative;
}
#page-producers .listBlock #googleMap {
  height: 600px;
}
#page-producers .listBlock #googleMap .gm-style-pbc {
  z-index: 100 !important;
  pointer-events: none;
}
#page-producers .listBlock #googleMap .gm-style .gm-style-iw-c {
  border-radius: 0 !important;
  padding: 0 !important;
}
#page-producers .listBlock #googleMap .gm-style .gm-style-iw-c button {
  top: 10px !important;
  right: 10px !important;
  z-index: 1;
  opacity: 1 !important;
}
#page-producers .listBlock #googleMap .gm-style .gm-style-iw-c button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 50%;
  transition: transform 300ms;
  z-index: -1;
}
#page-producers .listBlock #googleMap .gm-style .gm-style-iw-c button:hover:before {
  transform: scale(1.3);
}
#page-producers .listBlock #googleMap .gm-style .gm-style-iw-d {
  overflow: auto !important;
}
#page-producers .listBlock #googleMap .gm-style-iw-t:before, #page-producers .listBlock #googleMap .gm-style .gm-style-iw-t::after {
  display: none !important;
}
#page-producers .listBlock #googleMapLoading {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
#page-producers .listBlock #googleMapLoading .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-75px, -75px);
}
#page-producers .listBlock #googleMapLoading .wrapper svg {
  position: absolute;
  width: 150px;
  height: 150px;
  color: #f37867;
}
#page-producers .listBlock #googleMapLoading .wrapper svg path, #page-producers .listBlock #googleMapLoading .wrapper svg circle {
  fill: #f37867;
}
#page-producers .listBlock #googleMapLoading .wrapper svg.loader1 {
  animation: spin1 5s linear infinite;
}
@keyframes spin1 {
  100% {
    transform: rotate(360deg);
  }
}
#page-producers .centerBlock {
  text-align: center;
  background: #f1efeb;
}
#page-producers .centerBlock h2 {
  position: relative;
  z-index: 1;
  color: #034538;
  margin: 75px auto 50px;
  max-width: 500px;
}
#page-producers .centerBlock h2 svg {
  position: absolute;
  width: 150px;
  height: 150px;
  top: -75px;
  left: -75px;
  z-index: -1;
  color: #dbd9d5 !important;
}
@media screen and (max-width: 768px) {
  #page-producers .centerBlock h2 svg {
    width: 100px;
    height: 100px;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
  }
}
#page-producers .centerBlock h2 svg path, #page-producers .centerBlock h2 svg rect, #page-producers .centerBlock h2 svg circle {
  fill: #dbd9d5 !important;
}
#page-producers .filters__buttons {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-bottom: -20px;
}
#page-producers .filters__buttons-map svg {
  color: #F37867;
}

#page-producer .borderBottom {
  padding-bottom: 25px;
  margin-bottom: 50px;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
#page-producer .headerBlock {
  text-align: left;
}
@media screen and (max-width: 600px) {
  #page-producer .headerBlock {
    padding-bottom: 30px;
    text-align: center;
  }
}
#page-producer .headerBlock .breadcrumb {
  float: left;
}
@media screen and (max-width: 600px) {
  #page-producer .headerBlock .breadcrumb {
    float: none;
    margin-bottom: 10px;
  }
}
#page-producer .headerBlock .nav {
  float: right;
  text-align: right;
}
@media screen and (max-width: 600px) {
  #page-producer .headerBlock .nav {
    float: none;
    text-align: center;
  }
}
#page-producer .introBlock {
  position: relative;
  background: #f1efeb;
}
#page-producer .introBlock h1 {
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  #page-producer .introBlock h1 {
    text-align: center;
  }
}
@media screen and (max-width: 900px) {
  #page-producer .introBlock .xLeftPadding5 {
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-producer .introBlock .xLeftPadding5 {
    padding-right: 20px;
  }
}
#page-producer .introBlock .link-map {
  padding-bottom: 5px;
  margin-bottom: 20px;
  display: inline-flex;
}
#page-producer .introBlock .link-map p {
  font: 15px/1 "emyslab-semibold", sans-serif;
  color: #2a2a2a;
  transition: color 300ms;
  position: relative;
}
#page-producer .introBlock .link-map p:after {
  content: "";
  position: absolute;
  height: 1px;
  right: 0px;
  bottom: 0;
  left: 0;
  background: #f37867;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}
#page-producer .introBlock .link-map:hover p {
  color: #f37867;
}
#page-producer .introBlock .link-map:hover p::after {
  right: -15px;
}
#page-producer .introBlock .link-map svg {
  width: 24px;
  height: 23px;
  margin-right: 12px;
  fill: none;
  stroke: #034538;
  stroke-width: 2px;
}
#page-producer .introBlock .evaluation {
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  #page-producer .introBlock .evaluation {
    text-align: center;
  }
}
#page-producer .introBlock .evaluation li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #034538;
  font: 15px/1 "emyslab-regular", sans-serif;
}
#page-producer .introBlock .evaluation li:first-child {
  padding-right: 70px;
}
#page-producer .introBlock .evaluation li:first-child:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  top: 50%;
  right: 20px;
  background: #034538;
  transform: translateY(calc(-50% - 0.5px));
}
#page-producer .introBlock .evaluation li:last-child {
  top: -2px;
}
#page-producer .introBlock .address {
  margin-bottom: 30px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  #page-producer .introBlock .address {
    margin-bottom: 20px;
  }
}
#page-producer .introBlock .address span {
  display: block;
}
#page-producer .introBlock .infos-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: -17px;
}
#page-producer .introBlock .infos-list__item {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
  margin-right: 25px;
}
#page-producer .introBlock .infos-list__circle {
  width: 44px;
  height: 44px;
  background-color: #034538;
  border-radius: 50%;
  margin-right: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-producer .introBlock .infos-list__svg-container.cloud {
  width: 17px;
  height: 20px;
  fill: none;
  stroke: white;
  stroke-width: 2px;
}
#page-producer .introBlock .infos-list__svg-container.cloud svg {
  width: 17px;
  height: 20px;
}
#page-producer .introBlock .infos-list__svg-container.dog {
  width: 19px;
  height: 18px;
  fill: none;
  stroke: white;
  stroke-width: 2px;
}
#page-producer .introBlock .infos-list__svg-container.dog svg {
  width: 22px;
  height: 22px;
}
#page-producer .introBlock .infos-list__svg-container.clock {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: white;
  stroke-width: 2px;
}
#page-producer .introBlock .infos-list__svg-container.clock svg {
  width: 21px;
  height: 22px;
}
#page-producer .introBlock .infos-list__text {
  font: 15px/1 "sanfrancisco-bold", sans-serif;
  color: #034538;
}
#page-producer .introBlock h4 {
  margin-bottom: 20px;
  font: 18px/1 "sanfrancisco-bold", sans-serif;
}
#page-producer .introBlock .marginRight {
  margin-right: 20px;
}
@media screen and (max-width: 1100px) {
  #page-producer .introBlock .tag2 {
    margin-right: 10px;
  }
}
#page-producer .introBlock .text {
  margin: 40px 0;
}
@media screen and (max-width: 768px) {
  #page-producer .introBlock .text {
    margin: 30px 0;
  }
}
#page-producer .introBlock .text p:not(:last-child) {
  margin-bottom: 20px;
}
#page-producer .introBlock .slickTagsWrapper {
  position: relative;
}
#page-producer .introBlock .slickTagsWrapper .slickTagsNav {
  position: relative;
  display: inline-block;
}
#page-producer .introBlock .slickTagsWrapper .slickTagsNav a {
  top: -2px;
  margin-right: 20px;
}
@media screen and (max-width: 600px) {
  #page-producer .introBlock .slickTagsWrapper .slickTagsNav a {
    margin-right: 15px;
  }
}
#page-producer .introBlock .slickTagsWrapper .slickTags {
  display: inline-block;
  width: calc(100% - 110px);
}
#page-producer .introBlock .slickTagsWrapper .slickTags .slick-slide {
  padding: 0 20px 0 0;
}
@media screen and (max-width: 600px) {
  #page-producer .introBlock .slickTagsWrapper .slickTags .slick-slide {
    padding: 0 15px 0 0;
  }
}
#page-producer .introBlock .slickImagesWrapper {
  position: absolute;
  width: 45%;
  top: 0;
  right: 0;
}
@media screen and (max-width: 900px) {
  #page-producer .introBlock .slickImagesWrapper {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 50px auto 30px;
  }
}
@media screen and (max-width: 600px) {
  #page-producer .introBlock .slickImagesWrapper {
    margin: 50px 0 30px 0;
  }
}
#page-producer .introBlock .slickImagesWrapper .slickImagesNav .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
}
#page-producer .introBlock .slickImagesWrapper .slickImagesNav .slick-arrow.prev {
  left: 30px;
  transform: translateY(-50%) rotate(90deg);
}
#page-producer .introBlock .slickImagesWrapper .slickImagesNav .slick-arrow.next {
  right: 30px;
  transform: translateY(-50%) rotate(-90deg);
}
#page-producer .introBlock .slickImagesWrapper .slickImages .slick-list {
  padding: 0 !important;
}
#page-producer .introBlock .slickImagesWrapper .slickImages .image {
  height: 500px;
}
@media screen and (max-width: 1500px) {
  #page-producer .introBlock .slickImagesWrapper .slickImages .image {
    height: 450px;
  }
}
@media screen and (max-width: 1024px) {
  #page-producer .introBlock .slickImagesWrapper .slickImages .image {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  #page-producer .introBlock .slickImagesWrapper .slickImages .image {
    height: 350px;
  }
}
@media screen and (max-width: 600px) {
  #page-producer .introBlock .slickImagesWrapper .slickImages .image {
    height: 300px;
  }
}
@media screen and (max-width: 500px) {
  #page-producer .introBlock .slickImagesWrapper .slickImages .image {
    height: 250px;
  }
}
#page-producer .introBlock .slickImagesWrapper .slickImages .image.image1 {
  background: url("../images/_temporaire/chevre.jpg") no-repeat center;
  background-size: cover;
}
#page-producer .introBlock .slickImagesWrapper .slickImages .image.image2 {
  background: url("../images/_temporaire/chevre.jpg") no-repeat center;
  background-size: cover;
}
#page-producer .introBlock .slickImagesWrapper .slickImages .image.image3 {
  background: url("../images/_temporaire/chevre.jpg") no-repeat center;
  background-size: cover;
}
#page-producer .introBlock .slickImagesWrapper .scrollDown {
  display: block;
  position: relative;
  text-align: center;
  background: #f37867;
  margin-top: -3px;
  padding: 30px 0;
  transition: background 300ms;
  z-index: 10;
}
#page-producer .introBlock .slickImagesWrapper .scrollDown span {
  position: relative;
  font: 14px/1 "sanfrancisco-semibold", sans-serif;
  color: #fff;
  text-transform: uppercase;
}
#page-producer .introBlock .slickImagesWrapper .scrollDown span svg {
  margin: 3px 0 0 10px;
  width: 12px;
  height: 8px;
}
#page-producer .introBlock .slickImagesWrapper .scrollDown:hover {
  background: #034538;
}
#page-producer .introBlock .slickImagesWrapper .like {
  top: 30px;
  right: 30px;
}
#page-producer .introBlock ul.sociaux li {
  display: inline-block;
}
#page-producer .introBlock ul.sociaux li:not(:last-child) {
  margin-right: 20px;
}
#page-producer .introBlock ul.sociaux li a {
  width: 45px;
  height: 45px;
  background-color: #f37867;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 300ms;
}
#page-producer .introBlock ul.sociaux li a svg {
  width: 100%;
  height: 100%;
  stroke: none;
  fill: white;
  transition: fill 300ms;
}
#page-producer .introBlock ul.sociaux li a .sociaux__svg-container.facebook {
  width: 20px;
  height: 20px;
}
#page-producer .introBlock ul.sociaux li a .sociaux__svg-container.instagram {
  width: 22px;
  height: 22px;
}
#page-producer .introBlock ul.sociaux li a .sociaux__svg-container.network {
  width: 22px;
  height: 22px;
}
#page-producer .introBlock ul.sociaux li a:hover {
  background-color: white;
}
#page-producer .introBlock ul.sociaux li a:hover svg {
  fill: #f37867 !important;
}
#page-producer .parkingBlock {
  background: #f1efeb;
  text-align: center;
}
#page-producer .parkingBlock h2 {
  margin-bottom: 40px;
}
#page-producer .parkingBlock table {
  width: 100%;
}
@media screen and (max-width: 800px) {
  #page-producer .parkingBlock table.desktopTable {
    display: none;
  }
}
#page-producer .parkingBlock table.mobileTable {
  display: none;
}
@media screen and (max-width: 800px) {
  #page-producer .parkingBlock table.mobileTable {
    display: table;
  }
}
#page-producer .parkingBlock table thead {
  background: #034538;
}
#page-producer .parkingBlock table thead tr th {
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  color: #fff;
  padding: 30px 10px;
}
#page-producer .parkingBlock table tbody {
  color: #034538;
}
#page-producer .parkingBlock table tbody.disabled {
  color: #bbbaba;
}
#page-producer .parkingBlock table tbody tr.disabled {
  color: #bbbaba;
}
#page-producer .parkingBlock table tbody tr td {
  padding: 30px 10px;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  background: #fff;
  border: 1px solid rgba(42, 42, 42, 0.1);
  border-top: none;
}
#page-producer .parkingBlock table tbody tr td.reserve {
  margin: 0 !important;
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #page-producer .parkingBlock table tbody tr td {
    font-size: 15px;
  }
}
#page-producer .parkingBlock table tbody tr td button {
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  color: #034538;
  transition: color 300ms;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 30px 10px;
  margin: 0;
  border: none;
  background-color: #fff;
}
#page-producer .parkingBlock table tbody tr td button.disabled {
  color: #bbbaba;
  cursor: not-allowed;
}
#page-producer .parkingBlock table tbody tr td button svg {
  position: relative;
  top: -2px;
  margin-left: 10px;
  width: 12px;
  height: 8px;
  transform: rotate(-90deg);
  transition: color 300ms;
}
#page-producer .parkingBlock table tbody tr td button svg polyline {
  stroke: #034538 !important;
  transition: stroke 300ms;
}
#page-producer .parkingBlock table tbody tr td button:hover:not(.disabled) {
  color: #f37867;
}
#page-producer .parkingBlock table tbody tr td button:hover:not(.disabled) svg {
  color: #f37867 !important;
}
#page-producer .parkingBlock table tbody tr td button:hover:not(.disabled) svg polyline {
  stroke: #f37867 !important;
}
@media screen and (max-width: 800px) {
  #page-producer .parkingBlock table tbody tr:first-child td {
    background: #034538;
    color: #fff;
  }
  #page-producer .parkingBlock table tbody tr td {
    border: 1px solid rgba(42, 42, 42, 0.1);
  }
}
#page-producer .parkingBlock .col6 {
  padding: 30px 10px;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
  background: #fff;
  border: 1px solid rgba(42, 42, 42, 0.1);
  border-top: none;
}
#page-producer .parkingBlock .col6.heading {
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  color: #fff;
  background: #034538;
  border: none;
}
#page-producer .parkingBlock .note {
  text-align: left;
}
#page-producer .parkingBlock .note p {
  color: #034538;
}
@media screen and (max-width: 768px) {
  #page-producer .parkingBlock .note p {
    font-size: 15px;
  }
}
#page-producer .centerBlock {
  position: relative;
  text-align: center;
  background: #f1efeb;
  overflow: hidden;
  /*&:after {
      content: '';
      position: absolute;
      width: auto;
      height: 175px;
      bottom: -2px;
      right: -3px;
      left: -1px;
      z-index: 1;
      background: url('../images/content/shapes/wave02_green.svg') no-repeat top;
      background-size: cover;

      @media screen and (max-width: 768px) { background-position: top left; }
  }*/
}
#page-producer .centerBlock h2 {
  position: relative;
  z-index: 1;
  color: #034538;
  margin: 75px auto 50px;
  max-width: 500px;
}
#page-producer .centerBlock h2 svg {
  position: absolute;
  width: 150px;
  height: 150px;
  top: -75px;
  left: -75px;
  z-index: -1;
  color: #bbbaba !important;
}
@media screen and (max-width: 768px) {
  #page-producer .centerBlock h2 svg {
    width: 100px;
    height: 100px;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
  }
}
#page-producer .centerBlock h2 svg path, #page-producer .centerBlock h2 svg rect, #page-producer .centerBlock h2 svg circle {
  fill: #bbbaba !important;
}
#page-producer .commentsBlock {
  position: relative;
  background: #034538;
  padding-bottom: 350px;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  #page-producer .commentsBlock {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-producer .commentsBlock {
    padding-top: 30px;
    padding-bottom: 300px;
  }
}
@media screen and (max-width: 768px) {
  #page-producer .commentsBlock {
    padding-top: 0px;
    padding-bottom: 250px;
  }
}
#page-producer .commentsBlock:after {
  content: "";
  position: absolute;
  width: auto;
  height: 175px;
  bottom: -2px;
  right: -3px;
  left: -1px;
  z-index: 1;
  background: url("../images/content/shapes/wave02.svg") no-repeat top;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #page-producer .commentsBlock:after {
    background-position: top left;
  }
}
#page-producer .commentsBlock h2 {
  margin-bottom: 75px;
  text-align: center;
  color: #fff;
}
#page-producer .commentsBlock .comment {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 50px;
}
#page-producer .commentsBlock .comment h4 {
  color: #fff;
}
#page-producer .commentsBlock .comment .staticStars {
  margin-bottom: 5px;
}
#page-producer .commentsBlock .comment p {
  color: #fff;
}
#page-producer .commentsBlock .comment .response {
  margin-left: 50px;
  margin-top: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 20px;
}
@media screen and (max-width: 700px) {
  #page-producer .commentsBlock .comment .response {
    margin-left: 30px;
  }
}
@media screen and (max-width: 400px) {
  #page-producer .commentsBlock .comment .response {
    margin-left: 20px;
  }
}
#page-producer .commentsBlock .comment .date {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
}
#page-producer .commentsBlock .leaveAComment {
  margin-top: 30px;
}
#page-producer .commentsBlock .leaveAComment.disabled {
  display: none;
}
#page-producer .commentsBlock .leaveAComment .text-field {
  margin-bottom: 30px;
}
#page-producer .similarBlock {
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-producer .similarBlock {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-producer .similarBlock {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-producer .similarBlock {
    padding-top: 0px;
  }
}
#page-producer .similarBlock h2 {
  text-align: center;
  margin-bottom: 75px;
}
@media screen and (max-width: 1024px) {
  #page-producer .similarBlock h2 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-producer .similarBlock h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-producer .similarBlock .col8:nth-child(3) {
    margin-top: 20px;
  }
}
#page-producer .similarBlock .blockstyle1 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #page-producer .similarBlock .blockstyle1 {
    width: 400px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 500px) {
  #page-producer .similarBlock .blockstyle1 {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 1300px) {
  #page-producer .similarBlock .blockstyle1 .imageWrapper .image {
    height: 400px;
  }
}
@media screen and (max-width: 1024px) {
  #page-producer .similarBlock .blockstyle1 .imageWrapper .image {
    height: 330px;
  }
}

#page-shop .subtitle {
  margin-top: 10px;
}
#page-shop .subtitle .link {
  padding: 0;
  font: 18px/1.5 sanfrancisco-regular, sans-serif;
}
#page-shop .subtitle .link:hover:not(.fixedLine):after {
  right: 0;
}
#page-shop .subscriptionsBlock {
  background: #f1efeb;
}
#page-shop .subscriptionsBlock #subscriptionWrapper {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}
#page-shop .subscriptionsBlock #subscriptionWrapper > div:nth-child(-n+2) {
  margin-top: 0;
}
#page-shop .subscriptionsBlock #subscriptionWrapper > div:not(:nth-child(-n+2)) {
  margin-top: 75px;
}
@media screen and (max-width: 1024px) {
  #page-shop .subscriptionsBlock #subscriptionWrapper > div:nth-child(-n+2) {
    margin-top: 0;
  }
  #page-shop .subscriptionsBlock #subscriptionWrapper > div:not(:nth-child(-n+2)) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-shop .subscriptionsBlock #subscriptionWrapper > div:nth-child(-n+1) {
    margin-top: 0;
  }
  #page-shop .subscriptionsBlock #subscriptionWrapper > div:not(:nth-child(-n+1)) {
    margin-top: 30px;
  }
}
#page-shop .shopBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-shop .shopBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-shop .shopBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-shop .shopBlock {
    padding-bottom: 0px;
  }
}
#page-shop .shopBlock h2 {
  text-align: center;
}
#page-shop .shopBlock #shopWrapper {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  #page-shop .shopBlock #shopWrapper {
    margin: 0;
  }
}
#page-shop .shopBlock .blockstyle5 {
  margin-top: 50px;
}
#page-shop .shopBlock .btn, #page-shop .shopBlock .home-banner__main-button {
  margin-top: 50px;
}
#page-shop .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

#page-shopDetail .itemBlock {
  background: #f1efeb;
}
#page-shopDetail .itemBlock .wrapper {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  #page-shopDetail .itemBlock .wrapper {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  #page-shopDetail .itemBlock .wrapper {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 500px) {
  #page-shopDetail .itemBlock .wrapper {
    margin: 0;
  }
}
#page-shopDetail .itemBlock .wrapper .itemPics {
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  #page-shopDetail .itemBlock .wrapper .itemPics {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  #page-shopDetail .itemBlock .wrapper .itemPics {
    margin-bottom: 30px;
  }
}
#page-shopDetail .itemBlock .wrapper .itemPics a {
  overflow: hidden;
}
#page-shopDetail .itemBlock .wrapper .itemPics a div {
  transition: transform 300ms;
}
#page-shopDetail .itemBlock .wrapper .itemPics a:hover div {
  transform: scale(1.1);
}
#page-shopDetail .itemBlock .wrapper .itemPics .bigPic {
  position: relative;
  display: block;
  height: 500px;
}
@media screen and (max-width: 1024px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic {
    height: 400px;
  }
}
@media screen and (max-width: 900px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic {
    height: 350px;
  }
}
@media screen and (max-width: 768px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic {
    height: 450px;
  }
}
@media screen and (max-width: 600px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic {
    height: 400px;
  }
}
@media screen and (max-width: 500px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic {
    height: 350px;
  }
}
@media screen and (max-width: 400px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic {
    height: 300px;
  }
}
#page-shopDetail .itemBlock .wrapper .itemPics .bigPic p {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 15px;
  font: 15px/1 "emyslab-bold", sans-serif;
  color: #fff;
  background: #f37867;
  z-index: 1;
  text-align: center;
}
#page-shopDetail .itemBlock .wrapper .itemPics .bigPic div {
  height: 500px;
}
@media screen and (max-width: 1024px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic div {
    height: 400px;
  }
}
@media screen and (max-width: 900px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic div {
    height: 350px;
  }
}
@media screen and (max-width: 768px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic div {
    height: 450px;
  }
}
@media screen and (max-width: 600px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic div {
    height: 400px;
  }
}
@media screen and (max-width: 500px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic div {
    height: 350px;
  }
}
@media screen and (max-width: 400px) {
  #page-shopDetail .itemBlock .wrapper .itemPics .bigPic div {
    height: 300px;
  }
}
#page-shopDetail .itemBlock .wrapper .itemPics .smallPic {
  display: inline-block;
  margin: 10px 10px 0 0;
}
#page-shopDetail .itemBlock .wrapper .itemPics .smallPic div {
  width: 70px;
  height: 70px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc {
  margin-left: 20px;
}
@media screen and (max-width: 1024px) {
  #page-shopDetail .itemBlock .wrapper .itemDesc {
    margin: 0;
  }
}
#page-shopDetail .itemBlock .wrapper .itemDesc h5 {
  padding-bottom: 30px;
  margin: 20px 0 30px;
  font-size: 18px;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
@media screen and (max-width: 768px) {
  #page-shopDetail .itemBlock .wrapper .itemDesc h5 {
    padding: 0;
    margin: 0 0 30px;
    border: none;
  }
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text {
  margin-bottom: 30px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text p {
  margin-bottom: 15px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text :last-child {
  margin-bottom: 0px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table {
  width: 100%;
}
@media screen and (max-width: 800px) {
  #page-shopDetail .itemBlock .wrapper .itemDesc .text table.desktopTable {
    display: none;
  }
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table.mobileTable {
  display: none;
}
@media screen and (max-width: 800px) {
  #page-shopDetail .itemBlock .wrapper .itemDesc .text table.mobileTable {
    display: table;
  }
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table thead {
  background: #034538;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table thead tr th {
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  color: #fff;
  padding: 30px 10px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody tr td {
  padding: 30px 10px;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
  background: #fff;
  border: 1px solid rgba(42, 42, 42, 0.1);
  border-top: none;
}
@media screen and (max-width: 768px) {
  #page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody tr td {
    font-size: 15px;
  }
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody tr td a {
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  color: #034538;
  transition: color 300ms;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody tr td a svg {
  position: relative;
  top: -2px;
  margin-left: 10px;
  width: 12px;
  height: 8px;
  transform: rotate(-90deg);
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody tr td a svg polyline {
  stroke: #034538 !important;
  transition: stroke 300ms;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody tr td a:hover {
  color: #f37867;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody tr td a:hover svg polyline {
  stroke: #f37867 !important;
}
@media screen and (max-width: 800px) {
  #page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody tr:first-child td {
    background: #034538;
    color: #fff;
  }
  #page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody tr td {
    border: 1px solid rgba(42, 42, 42, 0.1);
  }
}
#page-shopDetail .itemBlock .wrapper .itemDesc .text table tbody td.fond-vert {
  text-align: center;
  border: none;
  background: #034538;
  font: 18px/1 "sanfrancisco-bold", sans-serif;
  color: #fff;
  padding: 30px 10px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .quantity {
  margin-bottom: 10px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .quantityBox {
  margin-bottom: 30px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .select-field {
  margin-bottom: 10px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .select-field.zIndex {
  z-index: 51;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .checkbox-field label {
  color: #2a2a2a;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .checkbox-field label span {
  border: #f37867 solid 1px;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .checkbox-field label a {
  color: #2a2a2a;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .btn, #page-shopDetail .itemBlock .wrapper .itemDesc .home-banner__main-button {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .btn svg, #page-shopDetail .itemBlock .wrapper .itemDesc .home-banner__main-button svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  vertical-align: text-top;
  fill: #f37867;
  transition: fill 300ms;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .btn svg path, #page-shopDetail .itemBlock .wrapper .itemDesc .home-banner__main-button svg path {
  fill: #f37867;
  transition: fill 300ms;
}
#page-shopDetail .itemBlock .wrapper .itemDesc .btn:hover svg, #page-shopDetail .itemBlock .wrapper .itemDesc .home-banner__main-button:hover svg, #page-shopDetail .itemBlock .wrapper .itemDesc .btn:hover svg path, #page-shopDetail .itemBlock .wrapper .itemDesc .home-banner__main-button:hover svg path {
  fill: #fff;
}
#page-shopDetail .similarBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-shopDetail .similarBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-shopDetail .similarBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-shopDetail .similarBlock {
    padding-bottom: 0px;
  }
}
#page-shopDetail .similarBlock h2 {
  text-align: center;
}
#page-shopDetail .similarBlock #shopWrapper {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  #page-shopDetail .similarBlock #shopWrapper {
    margin: 0;
  }
}
#page-shopDetail .similarBlock .blockstyle5 {
  margin-top: 50px;
}
#page-shopDetail .similarBlock .btn, #page-shopDetail .similarBlock .home-banner__main-button {
  margin-top: 50px;
}
#page-shopDetail .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

#page-events .featuredBlock {
  background: #f1efeb;
}
#page-events .listBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-events .listBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-events .listBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-events .listBlock {
    padding-bottom: 0px;
  }
}
#page-events .listBlock .blockstyle3 {
  margin-top: 50px;
}
#page-events .listBlock .blockstyle3:first-child {
  margin: 0;
}
#page-events .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

#page-eventDetail .headerBlock .eventInfo {
  margin: 40px 0 0 0;
}
#page-eventDetail .headerBlock .eventInfo .btn, #page-eventDetail .headerBlock .eventInfo .home-banner__main-button {
  position: absolute;
  margin: 0;
  top: -20px;
  right: 0;
}
@media screen and (max-width: 900px) {
  #page-eventDetail .headerBlock .eventInfo .btn, #page-eventDetail .headerBlock .eventInfo .home-banner__main-button {
    position: relative;
    top: 0;
    margin-top: 30px;
  }
}
#page-eventDetail .eventInfo {
  position: relative;
}
@media screen and (max-width: 900px) {
  #page-eventDetail .eventInfo {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #page-eventDetail .eventInfo {
    margin-bottom: 20px;
  }
}
#page-eventDetail .eventInfo ul li {
  display: inline-block;
}
@media screen and (max-width: 700px) {
  #page-eventDetail .eventInfo ul li {
    display: block;
  }
}
#page-eventDetail .eventInfo ul li:not(:last-child) {
  margin-right: 50px;
}
@media screen and (max-width: 1200px) {
  #page-eventDetail .eventInfo ul li:not(:last-child) {
    margin-right: 30px;
  }
}
@media screen and (max-width: 700px) {
  #page-eventDetail .eventInfo ul li:not(:last-child) {
    margin: 0 0 10px;
  }
}
#page-eventDetail .eventInfo ul li p {
  font: 15px/1 "emyslab-regular", sans-serif;
  color: #034538;
}
#page-eventDetail .eventInfo ul li p svg {
  position: relative;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  top: -3px;
  vertical-align: middle;
  color: #F37867;
}
#page-eventDetail .similarBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-eventDetail .similarBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-eventDetail .similarBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-eventDetail .similarBlock {
    padding-bottom: 0px;
  }
}
#page-eventDetail .similarBlock h3 {
  display: inline-block;
  margin-bottom: 50px;
}
@media screen and (max-width: 1100px) {
  #page-eventDetail .similarBlock h3 {
    margin-bottom: 20px;
  }
}
#page-eventDetail .detailBlock {
  background: #f1efeb;
}
#page-eventDetail .detailBlock .eventInfo {
  position: relative;
  margin-top: 50px;
}
@media screen and (max-width: 1024px) {
  #page-eventDetail .detailBlock .eventInfo {
    margin-top: 30px;
  }
}
#page-eventDetail .detailBlock .eventInfo .btn, #page-eventDetail .detailBlock .eventInfo .home-banner__main-button {
  margin-top: 20px;
}
#page-eventDetail .detailBlock .row {
  position: relative;
}
#page-eventDetail .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

#page-blog .featuredBlock, #page-blog .listBlock {
  background: #f1efeb;
}
#page-blog .featuredBlock .wrapper, #page-blog .listBlock .wrapper {
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  #page-blog .featuredBlock .wrapper, #page-blog .listBlock .wrapper {
    margin: 0;
  }
}
#page-blog .featuredBlock {
  padding-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  #page-blog .featuredBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-blog .featuredBlock {
    padding-bottom: 30px;
  }
}
#page-blog .featuredBlock .col24 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #page-blog .featuredBlock .col24 {
    margin-bottom: 30px;
  }
}
#page-blog .featuredBlock > div > div > div:last-child > div:first-child {
  margin-bottom: 30px;
}
@media screen and (max-width: 1300px) {
  #page-blog .featuredBlock .blockstyle4:not(.big) .text, #page-blog .featuredBlock .blockstyle4:not(.big) .imageWrapper {
    width: 100%;
  }
}
#page-blog .featuredBlock .blockstyle4:not(.big) .imageWrapper .image {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  left: 50%;
}
@media screen and (max-width: 1300px) {
  #page-blog .featuredBlock .blockstyle4:not(.big) .imageWrapper .image {
    position: relative;
    width: 100%;
    left: 0;
    height: 200px;
  }
}
#page-blog .listBlock {
  padding-bottom: 100px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-blog .listBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-blog .listBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-blog .listBlock {
    padding-bottom: 0px;
  }
}
#page-blog .listBlock .list a {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 60px 150px 60px 40px;
  margin-bottom: 50px;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  #page-blog .listBlock .list a {
    padding: 40px 150px 40px 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-blog .listBlock .list a {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-blog .listBlock .list a {
    padding: 30px 150px 30px 20px;
  }
}
@media screen and (max-width: 500px) {
  #page-blog .listBlock .list a {
    padding: 30px 20px;
  }
}
#page-blog .listBlock .list a:after {
  content: "";
  position: absolute;
  top: 99%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f37867;
  transition: top 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: -1;
}
#page-blog .listBlock .list a:last-child {
  margin: 0;
}
#page-blog .listBlock .list a p {
  margin-bottom: 20px;
  font: 12px/1 "sanfrancisco-bold", sans-serif;
  color: #f37867;
  transition: color 300ms;
}
#page-blog .listBlock .list a p span {
  position: relative;
  color: #bbbaba;
  transition: color 300ms;
}
#page-blog .listBlock .list a p span:after {
  content: "-";
  padding: 0 10px;
}
#page-blog .listBlock .list a h4 {
  font: 25px/1.2 "sanfrancisco-regular", sans-serif;
  transition: color 300ms;
}
@media screen and (max-width: 600px) {
  #page-blog .listBlock .list a h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 500px) {
  #page-blog .listBlock .list a h4 {
    margin-bottom: 20px;
  }
}
#page-blog .listBlock .list a .link {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
@media screen and (max-width: 500px) {
  #page-blog .listBlock .list a .link {
    position: relative;
    top: 0;
    right: 0;
    transform: none;
  }
}
#page-blog .listBlock .list a:hover:after {
  top: 0%;
}
#page-blog .listBlock .list a:hover p, #page-blog .listBlock .list a:hover p span, #page-blog .listBlock .list a:hover h4 {
  color: #fff;
}
#page-blog .listBlock .list a:hover .link {
  color: #fff;
}
#page-blog .listBlock .list a:hover .link:after {
  background: #fff;
  right: -15px;
}
#page-blog .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

#page-blogDetail .blogBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-blogDetail .blogBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-blogDetail .blogBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-blogDetail .blogBlock {
    padding-bottom: 0px;
  }
}
#page-blogDetail .blogBlock h2 {
  display: inline-block;
  margin-bottom: 50px;
}
@media screen and (max-width: 1100px) {
  #page-blogDetail .blogBlock h2 {
    margin-bottom: 20px;
  }
}
#page-blogDetail .blogBlock .slickBlogNav {
  float: right;
  padding-right: 15%;
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  #page-blogDetail .blogBlock .slickBlogNav {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  #page-blogDetail .blogBlock .slickBlogNav {
    float: none;
    display: block;
    margin: 0 0 20px;
  }
}
#page-blogDetail .blogBlock #slickBlog .slick-list {
  padding-right: 8%;
}
#page-blogDetail .blogBlock #slickBlog .slick-list .blockstyle4 {
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  #page-blogDetail .blogBlock #slickBlog .slick-list .blockstyle4 {
    margin-right: 0px;
  }
}
#page-blogDetail .blogBlock #slickBlog .slick-list .slick-slide {
  padding-right: 30px;
}
#page-blogDetail .detailBlock {
  background: #f1efeb;
}
#page-blogDetail .detailBlock .row {
  position: relative;
}
#page-blogDetail .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

#page-experienceVoyageur .centerBlock h2 {
  margin: 75px auto 50px;
  max-width: 500px;
}
#page-experienceVoyageur .imageBlock .image {
  background: url("../images/page-experienceVoyageur/banner.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceVoyageur .textImageBlock.block1 .image {
  background: url("../images/page-experienceVoyageur/intro.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceVoyageur .discoveryBlock .col12:nth-child(2) span:before {
  background: url("../images/page-experienceVoyageur/stationnement.svg") no-repeat center;
  background-size: contain;
}
#page-experienceVoyageur .discoveryBlock .col12:nth-child(3) span:before {
  background: url("../images/page-experienceVoyageur/province.svg") no-repeat center;
  background-size: contain;
}
#page-experienceVoyageur .discoveryBlock .col12:nth-child(5) span:before {
  background: url("../images/page-experienceVoyageur/vignoble.svg") no-repeat center;
  background-size: contain;
}
#page-experienceVoyageur .discoveryBlock .col12:nth-child(6) span:before {
  background: url("../images/page-experienceVoyageur/verger.svg") no-repeat center;
  background-size: contain;
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image div.image1 {
  background: url("../images/page-experienceVoyageur/slider01.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image div.image2 {
  background: url("../images/page-experienceVoyageur/slider02.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image div.image3 {
  background: url("../images/page-experienceVoyageur/slider03.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image div.image4 {
  background: url("../images/page-experienceVoyageur/slider01.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image div.image5 {
  background: url("../images/page-experienceVoyageur/slider02.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image div.image6 {
  background: url("../images/page-experienceVoyageur/slider03.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceVoyageur .textImageBlock.block2 .image {
  background: url("../images/page-experienceVoyageur/alternative.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceVoyageur .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_orange.svg") no-repeat bottom;
  background-size: cover;
}
#page-experienceVoyageur .temoignageBlock {
  text-align: center;
  padding-bottom: 150px;
}
@media screen and (max-width: 1500px) {
  #page-experienceVoyageur .temoignageBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .temoignageBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .temoignageBlock {
    padding-bottom: 0px;
  }
}

#page-experienceProducteur .centerBlock h2 {
  margin: 75px auto 50px;
  max-width: 550px;
}
#page-experienceProducteur .imageBlock .image {
  background: url("../images/page-experienceProducteur/banner.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceProducteur .textImageBlock.block1 .image {
  background: url("../images/page-experienceProducteur/intro.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceProducteur .discoveryBlock .col12:nth-child(1) span:before {
  background: url("../images/page-experienceProducteur/voyageurs.svg") no-repeat center;
  background-size: contain;
}
#page-experienceProducteur .discoveryBlock .col12:nth-child(2) span:before {
  background: url("../images/page-experienceProducteur/stationnement.svg") no-repeat center;
  background-size: contain;
}
#page-experienceProducteur .discoveryBlock .col12:nth-child(3) span:before {
  background: url("../images/page-experienceProducteur/reservation.svg") no-repeat center;
  background-size: contain;
}
#page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image div.image1 {
  background: url("../images/page-experienceProducteur/slider01.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image div.image2 {
  background: url("../images/page-experienceProducteur/slider02.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image div.image3 {
  background: url("../images/page-experienceProducteur/slider03.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image div.image4 {
  background: url("../images/page-experienceProducteur/slider01.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image div.image5 {
  background: url("../images/page-experienceProducteur/slider02.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image div.image6 {
  background: url("../images/page-experienceProducteur/slider03.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceProducteur #stationnements .chosen-results {
  position: relative;
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#page-experienceProducteur .textImageBlock.block2 .image {
  background: url("../images/page-experienceProducteur/inscription.jpg") no-repeat center;
  background-size: cover;
}
#page-experienceProducteur .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_green.svg") no-repeat bottom;
  background-size: cover;
}
#page-experienceProducteur .formBlock {
  padding-bottom: 150px;
}
@media screen and (max-width: 1500px) {
  #page-experienceProducteur .formBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-experienceProducteur .formBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-experienceProducteur .formBlock {
    padding-bottom: 0px;
  }
}
#page-experienceProducteur .success-msg {
  color: #fff;
}

#page-experienceVoyageur, #page-experienceProducteur {
  overflow-x: hidden;
}
#page-experienceVoyageur .headerBlock, #page-experienceProducteur .headerBlock {
  background: transparent;
}
#page-experienceVoyageur .content, #page-experienceProducteur .content {
  background: #f1efeb;
  transition: background 500ms;
}
#page-experienceVoyageur .content.orange .imageBlock svg path, #page-experienceVoyageur .content.orange .imageBlock svg rect, #page-experienceVoyageur .content.orange .imageBlock svg circle, #page-experienceVoyageur .content.green .imageBlock svg path, #page-experienceVoyageur .content.green .imageBlock svg rect, #page-experienceVoyageur .content.green .imageBlock svg circle, #page-experienceProducteur .content.orange .imageBlock svg path, #page-experienceProducteur .content.orange .imageBlock svg rect, #page-experienceProducteur .content.orange .imageBlock svg circle, #page-experienceProducteur .content.green .imageBlock svg path, #page-experienceProducteur .content.green .imageBlock svg rect, #page-experienceProducteur .content.green .imageBlock svg circle {
  fill: #fff;
}
#page-experienceVoyageur .content.orange .textImageBlock h3, #page-experienceVoyageur .content.orange .textImageBlock p, #page-experienceVoyageur .content.green .textImageBlock h3, #page-experienceVoyageur .content.green .textImageBlock p, #page-experienceProducteur .content.orange .textImageBlock h3, #page-experienceProducteur .content.orange .textImageBlock p, #page-experienceProducteur .content.green .textImageBlock h3, #page-experienceProducteur .content.green .textImageBlock p {
  color: #fff;
}
#page-experienceVoyageur .content.orange, #page-experienceProducteur .content.orange {
  background: #f37867;
}
#page-experienceVoyageur .content.green, #page-experienceProducteur .content.green {
  background: #034538;
}
#page-experienceVoyageur .content p a.link, #page-experienceProducteur .content p a.link {
  padding: 0;
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #fff;
}
#page-experienceVoyageur .content p a.link:hover, #page-experienceProducteur .content p a.link:hover {
  color: #f37867;
}
#page-experienceVoyageur .content p a.link:hover:after, #page-experienceProducteur .content p a.link:hover:after {
  right: 0;
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .imageBlock, #page-experienceProducteur .imageBlock {
    padding: 0;
  }
}
#page-experienceVoyageur .imageBlock .image, #page-experienceProducteur .imageBlock .image {
  position: relative;
  height: 700px;
}
@media screen and (max-width: 1500px) {
  #page-experienceVoyageur .imageBlock .image, #page-experienceProducteur .imageBlock .image {
    height: 600px;
  }
}
@media screen and (max-width: 1200px) {
  #page-experienceVoyageur .imageBlock .image, #page-experienceProducteur .imageBlock .image {
    height: 500px;
  }
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .imageBlock .image, #page-experienceProducteur .imageBlock .image {
    height: 450px;
  }
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .imageBlock .image, #page-experienceProducteur .imageBlock .image {
    height: 400px;
  }
}
@media screen and (max-width: 600px) {
  #page-experienceVoyageur .imageBlock .image, #page-experienceProducteur .imageBlock .image {
    height: 350px;
  }
}
@media screen and (max-width: 400px) {
  #page-experienceVoyageur .imageBlock .image, #page-experienceProducteur .imageBlock .image {
    height: 300px;
  }
}
#page-experienceVoyageur .imageBlock svg, #page-experienceProducteur .imageBlock svg {
  position: absolute;
  width: 160px;
  height: 160px;
  top: -80px;
  right: -80px;
  color: #f37867;
}
#page-experienceVoyageur .imageBlock svg circle, #page-experienceVoyageur .imageBlock svg path, #page-experienceVoyageur .imageBlock svg rect, #page-experienceProducteur .imageBlock svg circle, #page-experienceProducteur .imageBlock svg path, #page-experienceProducteur .imageBlock svg rect {
  fill: #f37867;
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .imageBlock svg, #page-experienceProducteur .imageBlock svg {
    width: 120px;
    height: 120px;
    top: -20px;
    right: 10px;
  }
}
#page-experienceVoyageur .imageBlock svg path, #page-experienceVoyageur .imageBlock svg circle, #page-experienceVoyageur .imageBlock svg rect, #page-experienceProducteur .imageBlock svg path, #page-experienceProducteur .imageBlock svg circle, #page-experienceProducteur .imageBlock svg rect {
  transition: fill 500ms;
}
#page-experienceVoyageur .textImageBlock.block1, #page-experienceProducteur .textImageBlock.block1 {
  margin-top: -100px;
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .textImageBlock.block1, #page-experienceProducteur .textImageBlock.block1 {
    padding-top: 70px;
    margin: 0;
  }
}
#page-experienceVoyageur .textImageBlock.block1 .table, #page-experienceProducteur .textImageBlock.block1 .table {
  display: block;
}
#page-experienceVoyageur .textImageBlock.block1 .table .tableCell, #page-experienceProducteur .textImageBlock.block1 .table .tableCell {
  display: block;
  margin-top: 200px;
  height: 100%;
  vertical-align: baseline;
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .textImageBlock.block1 .table .tableCell, #page-experienceProducteur .textImageBlock.block1 .table .tableCell {
    margin-top: 30px;
  }
}
#page-experienceVoyageur .textImageBlock.block1 .table .tableCell p:not(:last-child), #page-experienceProducteur .textImageBlock.block1 .table .tableCell p:not(:last-child) {
  margin-bottom: 20px;
}
#page-experienceVoyageur .textImageBlock.block1 h3, #page-experienceVoyageur .textImageBlock.block1 p, #page-experienceProducteur .textImageBlock.block1 h3, #page-experienceProducteur .textImageBlock.block1 p {
  transition: color 300ms;
}
#page-experienceVoyageur .discoveryBlock h2, #page-experienceVoyageur .discoveryBlock h3, #page-experienceVoyageur .discoveryBlock h4, #page-experienceProducteur .discoveryBlock h2, #page-experienceProducteur .discoveryBlock h3, #page-experienceProducteur .discoveryBlock h4 {
  color: #fff;
}
#page-experienceVoyageur .discoveryBlock h2, #page-experienceProducteur .discoveryBlock h2 {
  max-width: 600px;
  margin: 0 auto;
}
#page-experienceVoyageur .discoveryBlock .col12:not(:first-child), #page-experienceProducteur .discoveryBlock .col12:not(:first-child) {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .discoveryBlock .col12:not(:first-child), #page-experienceProducteur .discoveryBlock .col12:not(:first-child) {
    margin-top: 100px;
  }
}
#page-experienceVoyageur .imageSlickBlock, #page-experienceProducteur .imageSlickBlock {
  position: relative;
}
#page-experienceVoyageur .imageSlickBlock .slickImagesNav, #page-experienceProducteur .imageSlickBlock .slickImagesNav {
  position: absolute;
  top: 0;
  left: calc(85% + 25px);
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .imageSlickBlock .slickImagesNav, #page-experienceProducteur .imageSlickBlock .slickImagesNav {
    position: relative;
    left: 0;
    margin-bottom: 30px;
    text-align: center;
  }
}
#page-experienceVoyageur .imageSlickBlock .slick-list, #page-experienceProducteur .imageSlickBlock .slick-list {
  padding: 0 15% !important;
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .imageSlickBlock .slick-list, #page-experienceProducteur .imageSlickBlock .slick-list {
    padding: 0 30px !important;
  }
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .imageSlickBlock .slick-list, #page-experienceProducteur .imageSlickBlock .slick-list {
    padding: 0 20px !important;
  }
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide:not(.slick-active) .image div, #page-experienceProducteur .imageSlickBlock .slick-list .slick-slide:not(.slick-active) .image div {
  top: 50px;
  bottom: 50px;
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide.slick-active .image div, #page-experienceProducteur .imageSlickBlock .slick-list .slick-slide.slick-active .image div {
  transition: top 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, bottom 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image, #page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image {
  position: relative;
  height: 600px;
  margin: 0 25px;
}
@media screen and (max-width: 1500px) {
  #page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image, #page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image {
    height: 500px;
  }
}
@media screen and (max-width: 1200px) {
  #page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image, #page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image {
    height: 450px;
  }
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image, #page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image {
    height: 400px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image, #page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image {
    height: 350px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 600px) {
  #page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image, #page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image {
    height: 300px;
  }
}
#page-experienceVoyageur .imageSlickBlock .slick-list .slick-slide .image div, #page-experienceProducteur .imageSlickBlock .slick-list .slick-slide .image div {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0px;
  left: 0;
  transition: top 400ms cubic-bezier(0.215, 0.61, 0.355, 1), bottom 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#page-experienceVoyageur .imageSlickBlock #slickImagePage, #page-experienceProducteur .imageSlickBlock #slickImagePage {
  margin-top: 30px;
  text-align: center;
}
#page-experienceVoyageur .imageSlickBlock #slickImagePage span, #page-experienceProducteur .imageSlickBlock #slickImagePage span {
  position: relative;
  font: 15px/1 "sanfrancisco-bold", sans-serif;
  color: #fff;
}
#page-experienceVoyageur .imageSlickBlock #slickImagePage span:first-child, #page-experienceProducteur .imageSlickBlock #slickImagePage span:first-child {
  padding-right: 400px;
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .imageSlickBlock #slickImagePage span:first-child, #page-experienceProducteur .imageSlickBlock #slickImagePage span:first-child {
    padding-right: 200px;
  }
}
#page-experienceVoyageur .imageSlickBlock #slickImagePage span:first-child:after, #page-experienceProducteur .imageSlickBlock #slickImagePage span:first-child:after {
  content: "";
  position: absolute;
  width: 360px;
  height: 2px;
  top: 50%;
  right: 20px;
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .imageSlickBlock #slickImagePage span:first-child:after, #page-experienceProducteur .imageSlickBlock #slickImagePage span:first-child:after {
    width: 160px;
  }
}
#page-experienceVoyageur .imageSlickBlock #slickImagePage span:last-child, #page-experienceProducteur .imageSlickBlock #slickImagePage span:last-child {
  color: rgba(255, 255, 255, 0.3);
}
#page-experienceVoyageur .centerBlock, #page-experienceProducteur .centerBlock {
  text-align: center;
  color: #fff;
}
#page-experienceVoyageur .centerBlock h2, #page-experienceProducteur .centerBlock h2 {
  position: relative;
  z-index: 1;
  color: #fff;
}
#page-experienceVoyageur .centerBlock h2 svg, #page-experienceProducteur .centerBlock h2 svg {
  position: absolute;
  width: 150px;
  height: 150px;
  top: -75px;
  left: -75px;
  z-index: -1;
  color: rgba(255, 255, 255, 0.25) !important;
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .centerBlock h2 svg, #page-experienceProducteur .centerBlock h2 svg {
    width: 100px;
    height: 100px;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
  }
}
#page-experienceVoyageur .centerBlock h2 svg path, #page-experienceVoyageur .centerBlock h2 svg rect, #page-experienceVoyageur .centerBlock h2 svg circle, #page-experienceProducteur .centerBlock h2 svg path, #page-experienceProducteur .centerBlock h2 svg rect, #page-experienceProducteur .centerBlock h2 svg circle {
  fill: rgba(255, 255, 255, 0.25) !important;
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .textImageBlock.block2 .tableCell, #page-experienceProducteur .textImageBlock.block2 .tableCell {
    display: block;
    max-width: 600px;
    height: 100%;
    padding: 0;
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .textImageBlock.block2 .image, #page-experienceProducteur .textImageBlock.block2 .image {
    max-width: 600px;
    height: 400px;
    margin: 0 auto;
  }
}
#page-experienceVoyageur .textImageBlock.block2 p, #page-experienceProducteur .textImageBlock.block2 p {
  margin-bottom: 20px;
}
#page-experienceVoyageur .textImageBlock.block2 p:last-child, #page-experienceProducteur .textImageBlock.block2 p:last-child {
  margin: 0;
}
#page-experienceVoyageur .textImageBlock.block2 p span, #page-experienceProducteur .textImageBlock.block2 p span {
  font-family: "sanfrancisco-bold", sans-serif;
}
#page-experienceVoyageur .textImageBlock.block2 h3, #page-experienceVoyageur .textImageBlock.block2 p, #page-experienceProducteur .textImageBlock.block2 h3, #page-experienceProducteur .textImageBlock.block2 p {
  transition: color 300ms;
}
#page-experienceVoyageur .temoignageBlock, #page-experienceProducteur .temoignageBlock {
  text-align: center;
}
#page-experienceVoyageur .temoignageBlock h2, #page-experienceProducteur .temoignageBlock h2 {
  margin-bottom: 75px;
  color: #fff;
}
#page-experienceVoyageur .temoignageBlock .slickTemoignagesNav, #page-experienceProducteur .temoignageBlock .slickTemoignagesNav {
  position: relative;
  z-index: 2;
}
#page-experienceVoyageur .temoignageBlock .slickTemoignagesNav a, #page-experienceProducteur .temoignageBlock .slickTemoignagesNav a {
  position: absolute;
  top: 50px;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .temoignageBlock .slickTemoignagesNav a, #page-experienceProducteur .temoignageBlock .slickTemoignagesNav a {
    position: relative;
    top: 0;
    left: 0 !important;
    right: 0 !important;
    margin-bottom: 20px;
  }
  #page-experienceVoyageur .temoignageBlock .slickTemoignagesNav a:first-child, #page-experienceProducteur .temoignageBlock .slickTemoignagesNav a:first-child {
    margin-right: 15px;
  }
}
#page-experienceVoyageur .temoignageBlock .slickTemoignagesNav a.prev, #page-experienceProducteur .temoignageBlock .slickTemoignagesNav a.prev {
  left: 10%;
}
@media screen and (max-width: 1300px) {
  #page-experienceVoyageur .temoignageBlock .slickTemoignagesNav a.prev, #page-experienceProducteur .temoignageBlock .slickTemoignagesNav a.prev {
    left: 5%;
  }
}
#page-experienceVoyageur .temoignageBlock .slickTemoignagesNav a.next, #page-experienceProducteur .temoignageBlock .slickTemoignagesNav a.next {
  right: 10%;
}
@media screen and (max-width: 1300px) {
  #page-experienceVoyageur .temoignageBlock .slickTemoignagesNav a.next, #page-experienceProducteur .temoignageBlock .slickTemoignagesNav a.next {
    right: 5%;
  }
}
#page-experienceVoyageur .temoignageBlock #slickTemoignages, #page-experienceProducteur .temoignageBlock #slickTemoignages {
  margin: 0 auto;
  max-width: 700px;
}
#page-experienceVoyageur .temoignageBlock #slickTemoignages .slick-list, #page-experienceProducteur .temoignageBlock #slickTemoignages .slick-list {
  padding: 0 !important;
}
#page-experienceVoyageur .temoignageBlock #slickTemoignages .slick-track, #page-experienceProducteur .temoignageBlock #slickTemoignages .slick-track {
  display: flex;
  align-items: center;
}
#page-experienceVoyageur .temoignageBlock #slickTemoignages .text h4, #page-experienceVoyageur .temoignageBlock #slickTemoignages .text p, #page-experienceProducteur .temoignageBlock #slickTemoignages .text h4, #page-experienceProducteur .temoignageBlock #slickTemoignages .text p {
  color: #fff;
}
#page-experienceVoyageur .temoignageBlock #slickTemoignages .text p, #page-experienceProducteur .temoignageBlock #slickTemoignages .text p {
  margin-top: 20px;
}
#page-experienceVoyageur .temoignageBlock #slickTemoignagesPage, #page-experienceProducteur .temoignageBlock #slickTemoignagesPage {
  margin-top: 30px;
  text-align: center;
}
#page-experienceVoyageur .temoignageBlock #slickTemoignagesPage span, #page-experienceProducteur .temoignageBlock #slickTemoignagesPage span {
  position: relative;
  font: 15px/1 "sanfrancisco-bold", sans-serif;
  color: #fff;
}
#page-experienceVoyageur .temoignageBlock #slickTemoignagesPage span:first-child, #page-experienceProducteur .temoignageBlock #slickTemoignagesPage span:first-child {
  padding-right: 400px;
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .temoignageBlock #slickTemoignagesPage span:first-child, #page-experienceProducteur .temoignageBlock #slickTemoignagesPage span:first-child {
    padding-right: 200px;
  }
}
#page-experienceVoyageur .temoignageBlock #slickTemoignagesPage span:first-child:after, #page-experienceProducteur .temoignageBlock #slickTemoignagesPage span:first-child:after {
  content: "";
  position: absolute;
  width: 360px;
  height: 2px;
  top: 50%;
  right: 20px;
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .temoignageBlock #slickTemoignagesPage span:first-child:after, #page-experienceProducteur .temoignageBlock #slickTemoignagesPage span:first-child:after {
    width: 160px;
  }
}
#page-experienceVoyageur .temoignageBlock #slickTemoignagesPage span:last-child, #page-experienceProducteur .temoignageBlock #slickTemoignagesPage span:last-child {
  color: rgba(255, 255, 255, 0.3);
}
#page-experienceVoyageur .formBlock input:-webkit-autofill, #page-experienceProducteur .formBlock input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}
#page-experienceVoyageur .formBlock .wrap, #page-experienceProducteur .formBlock .wrap {
  margin-top: 50px;
}
#page-experienceVoyageur .formBlock .intro h2, #page-experienceVoyageur .formBlock .intro p, #page-experienceVoyageur .formBlock .intro li, #page-experienceProducteur .formBlock .intro h2, #page-experienceProducteur .formBlock .intro p, #page-experienceProducteur .formBlock .intro li {
  color: #fff;
}
#page-experienceVoyageur .formBlock .intro h2, #page-experienceProducteur .formBlock .intro h2 {
  margin-bottom: 75px;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  #page-experienceVoyageur .formBlock .intro h2, #page-experienceProducteur .formBlock .intro h2 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-experienceVoyageur .formBlock .intro h2, #page-experienceProducteur .formBlock .intro h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .formBlock .intro h2, #page-experienceProducteur .formBlock .intro h2 {
    margin-bottom: 20px;
  }
}
#page-experienceVoyageur .formBlock .intro p:not(:last-child), #page-experienceProducteur .formBlock .intro p:not(:last-child) {
  margin-bottom: 20px;
}
#page-experienceVoyageur .formBlock .intro li, #page-experienceProducteur .formBlock .intro li {
  margin-bottom: 10px;
}
#page-experienceVoyageur .formBlock .intro li:last-child, #page-experienceProducteur .formBlock .intro li:last-child {
  margin-bottom: 20px;
}
#page-experienceVoyageur .formBlock .section, #page-experienceProducteur .formBlock .section {
  padding: 100px 0 10px;
  margin-bottom: 50px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .formBlock .section, #page-experienceProducteur .formBlock .section {
    padding-top: 75px;
  }
}
#page-experienceVoyageur .formBlock .section span, #page-experienceProducteur .formBlock .section span {
  color: #f37867;
}
#page-experienceVoyageur .formBlock .row > div:last-child > div, #page-experienceProducteur .formBlock .row > div:last-child > div {
  margin-bottom: 0;
}
#page-experienceVoyageur .formBlock .row .pasDeFoutuMarginBottom, #page-experienceProducteur .formBlock .row .pasDeFoutuMarginBottom {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #page-experienceVoyageur .formBlock .row .pasDeFoutuMarginBottom, #page-experienceProducteur .formBlock .row .pasDeFoutuMarginBottom {
    margin-bottom: 50px;
  }
}
#page-experienceVoyageur .formBlock .btn, #page-experienceVoyageur .formBlock .home-banner__main-button, #page-experienceProducteur .formBlock .btn, #page-experienceProducteur .formBlock .home-banner__main-button {
  margin-top: 20px;
}

#page-faq .headerBlock {
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
#page-faq .faqBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-faq .faqBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-faq .faqBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-faq .faqBlock {
    padding-bottom: 0px;
  }
}
#page-faq .faqBlock > div > div > h3 {
  padding: 70px 0 30px;
}
@media screen and (max-width: 768px) {
  #page-faq .faqBlock > div > div > h3 {
    padding-top: 50px;
  }
}
#page-faq .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

#page-account .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_current {
  background: #fff !important;
  color: #2a2a2a !important;
}
#page-account .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td:hover {
  background: #fff !important;
  color: #2a2a2a !important;
}
#page-account .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_disabled:hover {
  background: rgba(187, 186, 186, 0.3) !important;
  opacity: 1 !important;
  color: #2a2a2a !important;
}
#page-account .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_disabled.booked:hover {
  background: #034538 !important;
  color: #fff !important;
}
#page-account .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.not-available {
  background: #f37867 !important;
  color: #fff !important;
}
#page-account .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.off-season-reservations {
  background: rgba(187, 186, 186, 0.3) !important;
  color: #2a2a2a !important;
  pointer-events: all !important;
}
#page-account .headerBlock .accountInfo p {
  max-width: 750px;
  margin: 50px auto 30px;
  color: #034538;
}
#page-account .headerBlock .accountInfo a:nth-child(2) {
  margin-right: 30px;
}
#page-account .account-traveler .headerBlock .breadcrumb,
#page-account .account-producer .headerBlock .breadcrumb {
  text-align: left;
}
#page-account .account-traveler .headerBlock h1,
#page-account .account-producer .headerBlock h1 {
  font: 50px/1 emyslab-bold, sans-serif;
  text-align: left;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
#page-account .account-traveler .headerBlock .accountInfo,
#page-account .account-producer .headerBlock .accountInfo {
  text-align: left;
}
#page-account .account-traveler .headerBlock .accountInfo p,
#page-account .account-producer .headerBlock .accountInfo p {
  max-width: none;
  margin-bottom: 0;
}
#page-account .account-traveler .headerBlock .accountInfo__links,
#page-account .account-producer .headerBlock .accountInfo__links {
  display: none;
  margin: -15px;
  margin-top: 15px;
}
@media screen and (max-width: 1100px) {
  #page-account .account-traveler .headerBlock .accountInfo__links,
  #page-account .account-producer .headerBlock .accountInfo__links {
    display: block;
  }
}
#page-account .account-traveler .headerBlock .accountInfo__links a,
#page-account .account-producer .headerBlock .accountInfo__links a {
  margin: 15px;
}
#page-account .account-traveler .contentBlock,
#page-account .account-producer .contentBlock {
  margin-top: 50px;
}
@media screen and (max-width: 1100px) {
  #page-account .account-traveler .contentBlock,
  #page-account .account-producer .contentBlock {
    margin-top: 40px;
  }
}
#page-account .memberBlock {
  background: #f1efeb;
}
#page-account .memberBlock .wrapper {
  max-width: 1100px;
  padding: 50px 20px;
  margin: 0 auto;
  background: #f37867;
  text-align: center;
}
#page-account .memberBlock .wrapper h4 {
  margin-bottom: 30px;
  color: #fff;
}
#page-account .producerBlock {
  background: #f1efeb;
}
#page-account .producerBlock .wrapper {
  max-width: 1100px;
  padding: 50px 75px;
  margin: 0 auto;
  background: #f37867;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #page-account .producerBlock .wrapper {
    padding: 50px;
  }
}
@media screen and (max-width: 600px) {
  #page-account .producerBlock .wrapper {
    padding: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
#page-account .producerBlock .wrapper .textBlock {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (max-width: 600px) {
  #page-account .producerBlock .wrapper .textBlock {
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
  }
}
#page-account .producerBlock .wrapper .textBlock h4 {
  margin-bottom: 10px;
  color: #fff;
}
#page-account .producerBlock .wrapper .textBlock .link {
  position: relative;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  color: #fff;
  transition: color 300ms;
}
@media screen and (max-width: 768px) {
  #page-account .producerBlock .wrapper .textBlock .link {
    font-size: 16px;
  }
}
#page-account .producerBlock .wrapper .textBlock .link:after {
  content: "";
  position: absolute;
  height: 1px;
  right: 0px;
  bottom: -1px;
  left: 0;
  background: #f37867;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}
#page-account .producerBlock .wrapper .btn, #page-account .producerBlock .wrapper .home-banner__main-button {
  margin-left: 25px;
  white-space: nowrap;
  pointer-events: none;
}
#page-account .producerBlock .wrapper:hover .link {
  color: #034538;
}
#page-account .producerBlock .wrapper:hover .btn, #page-account .producerBlock .wrapper:hover .home-banner__main-button {
  color: #f37867;
}
#page-account .producerBlock .wrapper:hover .btn:after, #page-account .producerBlock .wrapper:hover .home-banner__main-button:after {
  top: 0%;
}
#page-account .accountBlock {
  background: #f1efeb;
}
#page-account .accountBlock > div:not(:first-child) .whiteBlock {
  margin-top: 50px;
}
#page-account .accountBlock .whiteBlock h4 span {
  color: #f37867;
}
#page-account .accountBlock .blockstyle1 {
  width: 100%;
  margin-bottom: 50px;
}
#page-account .accountBlock .blockstyle1 h4 {
  background: #fff;
}
#page-account .accountBlock .tableWrapper {
  margin: 50px auto 0;
  max-width: 1100px;
}
@media screen and (max-width: 1100px) {
  #page-account .accountBlock .tableWrapper {
    margin: 50px 0 0;
  }
}
#page-account .accountBlock #carRegistrationNumber {
  text-transform: uppercase;
}
#page-account .accountBlock .note {
  margin-bottom: 20px;
  font: 15px/1.2 "sanfrancisco-regular", sans-serif;
  color: #bbbaba;
}
#page-account .drawersBlock.topDrawers {
  margin-top: 50px;
}
#page-account .drawersBlock:not(.topDrawers) {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-account .drawersBlock:not(.topDrawers) {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-account .drawersBlock:not(.topDrawers) {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-account .drawersBlock:not(.topDrawers) {
    padding-bottom: 0px;
  }
}
#page-account .drawersBlock .tiroirs {
  max-width: 1100px;
  margin: 0 auto;
}
#page-account .drawersBlock .tiroirs .tiroir div {
  position: relative;
}
#page-account .drawersBlock .tiroirs .tiroir div:not(:last-child) {
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
#page-account .drawersBlock .tiroirs .tiroir div :not(:last-child) {
  margin-bottom: 10px;
}
#page-account .drawersBlock .tiroirs .tiroir div p span {
  font-family: "sanfrancisco-bold", sans-serif;
}
#page-account .drawersBlock .tiroirs .tiroir div p a {
  position: relative;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  transition: color 300ms;
}
@media screen and (max-width: 768px) {
  #page-account .drawersBlock .tiroirs .tiroir div p a {
    font-size: 16px;
  }
}
#page-account .drawersBlock .tiroirs .tiroir div p a:after {
  content: "";
  position: absolute;
  height: 1px;
  right: 0px;
  bottom: -1px;
  left: 0;
  background: #f37867;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}
#page-account .drawersBlock .tiroirs .tiroir div p a:hover {
  color: #f37867;
}
#page-account .drawersBlock .tiroirs .tiroir div a {
  margin-top: 15px;
}
#page-account .drawersBlock .tiroirs .tiroir div a:hover svg path {
  fill: #f37867 !important;
}
#page-account .drawersBlock .tiroirs .tiroir div a svg {
  width: 14px;
  height: 14px;
}
#page-account .drawersBlock .tiroirs .tiroir div a svg path {
  fill: #2a2a2a !important;
  transition: fill 300ms;
}
#page-account .btnBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-account .btnBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-account .btnBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-account .btnBlock {
    padding-bottom: 0px;
  }
}
#page-account .btnBlock .wrapper1100 {
  max-width: 1100px;
  margin: 0 auto;
}
#page-account .btnBlock .wrapper1100 a {
  display: inline-block;
}
#page-account .btnBlock .wrapper1100 a:last-child {
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  #page-account .btnBlock .wrapper1100 a {
    width: 100%;
    text-align: center;
  }
  #page-account .btnBlock .wrapper1100 a:last-child {
    margin-left: 0;
    margin-top: 20px;
  }
}
#page-account .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}
#page-account .account-traveler__row,
#page-account .account-producer__row {
  display: flex;
  justify-content: space-between;
  background: #f1efeb;
}
@media screen and (max-width: 1100px) {
  #page-account .account-traveler__col:first-child,
  #page-account .account-producer__col:first-child {
    display: none;
  }
}

#page-conditions .headerBlock h1 {
  max-width: 1000px;
}
@media screen and (max-width: 900px) {
  #page-conditions .headerBlock h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 700px) {
  #page-conditions .headerBlock h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 600px) {
  #page-conditions .headerBlock h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 500px) {
  #page-conditions .headerBlock h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 400px) {
  #page-conditions .headerBlock h1 {
    font-size: 26px;
  }
}
#page-conditions .conditionsBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-conditions .conditionsBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-conditions .conditionsBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-conditions .conditionsBlock {
    padding-bottom: 0px;
  }
}
#page-conditions .conditionsBlock .wrapper {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  #page-conditions .conditionsBlock .wrapper {
    max-width: 100%;
    margin: 0;
  }
}
#page-conditions .conditionsBlock .wrapper .paddingLeft {
  padding-left: 20px;
}
@media screen and (max-width: 600px) {
  #page-conditions .conditionsBlock .wrapper .paddingLeft {
    padding: 0;
  }
}
#page-conditions .conditionsBlock .wrapper .bigPaddingLeft {
  padding-left: 30px;
}
@media screen and (max-width: 600px) {
  #page-conditions .conditionsBlock .wrapper .bigPaddingLeft {
    padding: 0;
  }
}
#page-conditions .conditionsBlock .wrapper .text {
  margin-bottom: 65px;
}
@media screen and (max-width: 1024px) {
  #page-conditions .conditionsBlock .wrapper .text {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-conditions .conditionsBlock .wrapper .text {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  #page-conditions .conditionsBlock .wrapper .text {
    margin-bottom: 30px;
  }
}
#page-conditions .conditionsBlock .wrapper .text h4 {
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  #page-conditions .conditionsBlock .wrapper .text h4 {
    margin-bottom: 15px;
  }
}
#page-conditions .conditionsBlock .wrapper .text h6 {
  position: relative;
  margin-bottom: 10px;
  font: 18px/1.2 "sanfrancisco-semibold", sans-serif;
  color: #034538;
}
@media screen and (max-width: 768px) {
  #page-conditions .conditionsBlock .wrapper .text h6 {
    font-size: 16px;
  }
}
#page-conditions .conditionsBlock .wrapper .text h6 span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: -20px;
  color: #f37867;
}
@media screen and (max-width: 600px) {
  #page-conditions .conditionsBlock .wrapper .text h6 span {
    position: relative;
    left: 0;
    margin-right: 10px;
  }
}
#page-conditions .conditionsBlock .wrapper .text .link {
  padding: 0;
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
}
@media screen and (max-width: 768px) {
  #page-conditions .conditionsBlock .wrapper .text .link {
    font-size: 16px;
  }
}
#page-conditions .conditionsBlock .wrapper .text p {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #page-conditions .conditionsBlock .wrapper .text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  #page-conditions .conditionsBlock .wrapper .text p {
    margin-bottom: 15px;
  }
}
#page-conditions .conditionsBlock .wrapper .text p span {
  font-family: "sanfrancisco-semibold", sans-serif;
  display: inline-block;
  position: absolute;
  top: 0;
  right: calc(100% + 5px);
  color: #f37867;
}
@media screen and (max-width: 600px) {
  #page-conditions .conditionsBlock .wrapper .text p span {
    position: relative;
    right: 0;
    margin-right: 10px;
  }
}
#page-conditions .conditionsBlock .wrapper .text p a.link:hover:after {
  right: 0;
}
#page-conditions .conditionsBlock .wrapper .text p strong {
  font-family: "sanfrancisco-bold", sans-serif;
}
#page-conditions .conditionsBlock .wrapper .text p.sub {
  font: 18px/1.5 "sanfrancisco-bold", sans-serif;
  color: #f37867;
}
#page-conditions .conditionsBlock .wrapper .text ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  #page-conditions .conditionsBlock .wrapper .text ul {
    margin-bottom: 15px;
  }
}
#page-conditions .conditionsBlock .wrapper .text ul.romain {
  list-style-type: upper-roman;
}
#page-conditions .conditionsBlock .wrapper .text ul.disc {
  list-style-type: disc;
}
#page-conditions .conditionsBlock .wrapper .text ul li:last-child p {
  margin: 0;
}
#page-conditions .conditionsBlock .wrapper .text ul li p {
  margin-bottom: 10px;
}
#page-conditions .conditionsBlock .wrapper .text:last-child, #page-conditions .conditionsBlock .wrapper .text > :last-child {
  margin: 0;
}
#page-conditions .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

#page-contact .headerBlock {
  background: #f1efeb;
  text-align: center;
}
#page-contact .headerBlock h1 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  #page-contact .headerBlock h1 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-contact .headerBlock h1 {
    margin-bottom: 30px;
  }
}
#page-contact .headerBlock .tel {
  font: 45px/1 "emyslab-bold", sans-serif;
  color: #f37867;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  #page-contact .headerBlock .tel {
    font-size: 35px;
  }
}
@media screen and (max-width: 768px) {
  #page-contact .headerBlock .tel {
    font-size: 30px;
  }
}
#page-contact .headerBlock .email {
  margin-top: 20px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  #page-contact .headerBlock .email {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #page-contact .headerBlock .email {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
#page-contact .headerBlock h3 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  #page-contact .headerBlock h3 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-contact .headerBlock h3 {
    margin-bottom: 20px;
  }
}
#page-contact .headerBlock .questions li {
  display: inline-block;
}
#page-contact .headerBlock .questions li span {
  font: 15px/1 "emyslab-regular", sans-serif;
  color: #bbbaba;
  margin: 0 30px;
}
@media screen and (max-width: 500px) {
  #page-contact .headerBlock .questions li span {
    margin: 0 10px;
  }
}
#page-contact .headerBlock .questions li a:not(.link) {
  position: relative;
  padding-right: 30px;
  color: #2a2a2a;
  font: 15px/1 "emyslab-semibold", sans-serif;
  transition: color 300ms;
}
#page-contact .headerBlock .questions li a:not(.link):hover {
  color: #f37867;
}
#page-contact .headerBlock .questions li a:not(.link) svg {
  position: absolute;
  top: 3px;
  right: 0;
  width: 12px;
  height: 10px;
  color: #f37867;
}
#page-contact .headerBlock .questions li a:not(.link) svg polyline {
  stroke: #f37867;
}
#page-contact .blockContact {
  position: relative;
  background: #fff;
  z-index: 1;
}
#page-contact .blockContact h2 {
  margin-bottom: 75px;
  text-align: center;
}

#page-createAccount .createAccountBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-createAccount .createAccountBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-createAccount .createAccountBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-createAccount .createAccountBlock {
    padding-bottom: 0px;
  }
}
#page-createAccount .createAccountBlock .whiteBlock .wrapper .checkbox-field {
  margin-bottom: 30px;
}
@media screen and (max-width: 500px) {
  #page-createAccount .createAccountBlock .whiteBlock .wrapper .btn, #page-createAccount .createAccountBlock .whiteBlock .wrapper .home-banner__main-button {
    width: 100%;
    text-align: center;
  }
  #page-createAccount .createAccountBlock .whiteBlock .wrapper .btn:first-child, #page-createAccount .createAccountBlock .whiteBlock .wrapper .home-banner__main-button:first-child {
    margin: 0 0 20px 0;
  }
}
#page-createAccount .createAccountBlock .whiteBlock .wrapper .btn:first-child, #page-createAccount .createAccountBlock .whiteBlock .wrapper .home-banner__main-button:first-child {
  margin-right: 20px;
}
#page-createAccount .createAccountBlock .whiteBlock .wrapper .accountError {
  padding: 20px 20px;
  display: inline-block;
  position: relative;
  font: 15px/1 "sanfrancisco-semibold", sans-serif;
  color: white;
  background: #f37867;
  margin-bottom: 30px;
  line-height: 1.5;
}
#page-createAccount .createAccountBlock .whiteBlock .wrapper .accountError .link {
  font: 15px/1 "sanfrancisco-semibold", sans-serif;
  color: white;
}
#page-createAccount .createAccountBlock .whiteBlock .wrapper .accountError .link:after {
  background: white;
}
#page-createAccount .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

.discountsList {
  background-color: #f1efeb;
}

#page-error .headerBlock {
  padding-bottom: 150px;
}
@media screen and (max-width: 1500px) {
  #page-error .headerBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-error .headerBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-error .headerBlock {
    padding-bottom: 0px;
  }
}
#page-error .headerBlock > div > p {
  margin-top: 20px;
}
#page-error .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}
#page-error #error-msg {
  margin-top: 50px;
  max-width: 550px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#page-error #error-msg h1 {
  text-align: center;
  margin-bottom: 50px;
}
#page-error #error-msg .tel {
  font: 18px/1 "emyslab-bold", sans-serif;
  color: #f37867;
}
@media screen and (max-width: 768px) {
  #page-error #error-msg .tel {
    font-size: 16px;
  }
}
#page-error #error-msg ul {
  position: relative;
  text-align: left;
}
#page-error #error-msg ul li {
  position: relative;
  padding-left: 20px;
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  #page-error #error-msg ul li {
    font-size: 16px;
  }
}
#page-error #error-msg ul li p {
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  #page-error #error-msg ul li p {
    font-size: 16px;
  }
}
#page-error #error-msg ul li:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  top: 14px;
  left: 0;
  background: #f37867;
}
@media screen and (max-width: 768px) {
  #page-error #error-msg ul li:before {
    top: 12px;
  }
}
#page-error #error-msg a {
  position: relative;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  transition: color 300ms;
}
@media screen and (max-width: 768px) {
  #page-error #error-msg a {
    font-size: 16px;
  }
}
#page-error #error-msg a:after {
  content: "";
  position: absolute;
  height: 1px;
  right: 0px;
  bottom: -1px;
  left: 0;
  background: #f37867;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}
#page-error #error-msg a:hover {
  color: #f37867;
}
#page-error #error-msg p {
  margin-bottom: 20px;
  font: 18px/1.5 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  #page-error #error-msg p {
    font-size: 16px;
  }
}
#page-error #error-msg p.small {
  font-size: 15px;
}
#page-error #error-msg p a {
  position: relative;
  font: 18px/1 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  transition: color 300ms;
}
@media screen and (max-width: 768px) {
  #page-error #error-msg p a {
    font-size: 16px;
  }
}
#page-error #error-msg p a:after {
  content: "";
  position: absolute;
  height: 1px;
  right: 0px;
  bottom: -1px;
  left: 0;
  background: #f37867;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}
#page-error #error-msg p a:hover {
  color: #f37867;
}

@media screen and (max-width: 500px) {
  #page-cart .headerBlock .breadcrumb.cartBreadcrumb {
    display: none;
  }
}
#page-cart .headerBlock .breadcrumb.cartBreadcrumb li {
  display: inline-block;
  position: relative;
}
#page-cart .headerBlock .breadcrumb.cartBreadcrumb li a, #page-cart .headerBlock .breadcrumb.cartBreadcrumb li p {
  color: #034538;
  opacity: 0.5;
  transition: opacity 300ms;
}
#page-cart .headerBlock .breadcrumb.cartBreadcrumb li a.active, #page-cart .headerBlock .breadcrumb.cartBreadcrumb li p.active {
  opacity: 1;
}
#page-cart .headerBlock .breadcrumb.cartBreadcrumb li a:hover {
  opacity: 1;
}
#page-cart .cartBlock, #page-cart .confirmationBlock, #page-cart .connexionBlock, #page-cart .paymentBlock {
  padding-bottom: 150px;
  background: #f1efeb;
}
@media screen and (max-width: 1500px) {
  #page-cart .cartBlock, #page-cart .confirmationBlock, #page-cart .connexionBlock, #page-cart .paymentBlock {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #page-cart .cartBlock, #page-cart .confirmationBlock, #page-cart .connexionBlock, #page-cart .paymentBlock {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #page-cart .cartBlock, #page-cart .confirmationBlock, #page-cart .connexionBlock, #page-cart .paymentBlock {
    padding-bottom: 0px;
  }
}
#page-cart .prefooterBlock:before {
  background: url("../images/content/shapes/wave04_grey.svg") no-repeat bottom;
  background-size: cover;
}

.emptyCart .btn, .emptyCart .home-banner__main-button {
  margin-top: 30px;
}

#page-cart table.commande .desktoptbody td.itemQuantity {
  text-align: center;
}
#page-cart table.commande tfoot > tr > td table {
  width: 100%;
}
@media screen and (max-width: 900px) {
  #page-cart table.commande tfoot > tr > td table {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  #page-cart table.commande tfoot > tr > td table {
    width: 100%;
  }
}
#page-cart .subreturn {
  position: relative;
  text-align: left;
  padding-top: 20px;
}
#page-cart .subreturn a {
  position: relative;
  color: #bbbaba;
  font: 16px/30px sanfrancisco-regular, sans-serif;
  transition: color 500ms;
}
#page-cart .subreturn a:hover {
  color: #7c7b7b;
}
#page-cart .subreturn a:hover:after {
  background: #7c7b7b;
}
#page-cart .subreturn a:after {
  content: "";
  position: absolute;
  height: 2px;
  right: 0px;
  bottom: 0;
  left: 0;
  background: #bbbaba;
  transition: right 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background 300ms;
}

table.commande {
  table-layout: fixed;
  border-top: 1px solid rgba(42, 42, 42, 0);
  width: 100%;
}
@media screen and (max-width: 768px) {
  table.commande {
    table-layout: auto;
  }
}
table.commande td.remove {
  padding-right: 0;
  width: 14px;
}
table.commande td.remove a span {
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 10px;
  line-height: 32px;
  text-align: center;
  background: rgba(187, 186, 186, 0.08);
  border-radius: 50%;
}
table.commande td.remove a span svg {
  width: 14px;
  height: 14px;
  color: #f37867 !important;
}
table.commande td.remove a span svg path {
  fill: #f37867 !important;
}
table.commande .desktoptbody {
  border-bottom: solid 1px rgba(42, 42, 42, 0.1);
}
table.commande .desktoptbody td {
  padding: 25px 20px;
  vertical-align: middle;
}
table.commande .desktoptbody td.remove {
  position: relative;
  padding: 25px 0;
  text-align: left;
}
table.commande .desktoptbody td.pic {
  padding: 25px 50px;
  width: 182px;
  text-align: center;
}
table.commande .desktoptbody td.pic div {
  width: 82px;
  height: 82px;
}
table.commande .desktoptbody td.desc {
  padding-right: 5%;
}
@media screen and (max-width: 1200px) {
  table.commande .desktoptbody td.desc {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  table.commande .desktoptbody td.desc {
    padding-left: 0;
  }
}
table.commande .desktoptbody td.desc h4 {
  margin-bottom: 5px;
  line-height: 1.1;
  font-family: "emyslab-bold", sans-serif;
}
@media screen and (max-width: 1000px) {
  table.commande .desktoptbody td.desc h4 {
    font-size: 19px;
  }
}
table.commande .desktoptbody td.desc p {
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
  margin-bottom: 10px;
}
table.commande .desktoptbody td.desc > :last-child {
  margin: 0;
}
table.commande .desktoptbody td.desc ul li {
  display: inline-block;
  position: relative;
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
}
table.commande .desktoptbody td.desc ul li:not(:last-child) {
  margin-right: 30px;
}
table.commande .desktoptbody td.desc ul li:not(:last-child):after {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  top: 50%;
  background: #034538;
  left: calc(100% + 10px);
  transform: translateY(calc(-50% - 0.5px));
}
table.commande .desktoptbody td.itemQuantity {
  width: 162px;
}
table.commande .desktoptbody td.itemTotal {
  width: 300px;
  text-align: right;
  padding-right: 0;
}
@media screen and (max-width: 1500px) {
  table.commande .desktoptbody td.itemTotal {
    width: 150px;
  }
}
table.commande .desktoptbody td.itemTotal h4 {
  margin-bottom: 0 !important;
  font: 30px/1.1 "sanfrancisco-bold", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 1600px) {
  table.commande .desktoptbody td.itemTotal h4 {
    font-size: 25px;
  }
}
@media screen and (max-width: 1400px) {
  table.commande .desktoptbody td.itemTotal h4 {
    font-size: 23px;
  }
}
@media screen and (max-width: 1000px) {
  table.commande .desktoptbody td.itemTotal h4 {
    font-size: 21px;
  }
}
@media screen and (max-width: 900px) {
  table.commande .mobileTable {
    display: table-row;
  }
}
table.commande .mobiletbody {
  width: 100%;
  border: none;
  border-bottom: solid 1px rgba(42, 42, 42, 0.1);
}
table.commande .mobiletbody td {
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
}
table.commande .mobiletbody td:first-child {
  width: 130px;
  text-align: left;
  font-size: 15px;
  font-family: "sanfrancisco-bold", sans-serif;
  color: #2a2a2a;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  table.commande .mobiletbody td:first-child {
    width: 115px;
  }
  table.commande .mobiletbody td:first-child img {
    width: 90px;
  }
}
table.commande .mobiletbody td:last-child {
  text-align: right;
}
table.commande .mobiletbody tr:first-child td {
  padding-bottom: 20px;
}
table.commande .mobiletbody td.pic {
  vertical-align: top;
}
table.commande .mobiletbody td.pic div {
  width: 82px;
  height: 82px;
}
table.commande .mobiletbody td.desc {
  position: relative;
  vertical-align: middle;
  text-transform: none;
  text-align: left;
}
table.commande .mobiletbody td.desc h4 {
  margin-bottom: 5px;
  line-height: 1.1;
  font-family: "emyslab-bold", sans-serif;
}
@media screen and (max-width: 1000px) {
  table.commande .mobiletbody td.desc h4 {
    font-size: 19px;
  }
}
table.commande .mobiletbody td.desc p {
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
  margin-bottom: 10px;
}
table.commande .mobiletbody td.desc > :last-child {
  margin: 0;
}
table.commande .mobiletbody td.desc ul li {
  display: inline-block;
  position: relative;
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #034538;
}
table.commande .mobiletbody td.desc ul li:not(:last-child) {
  margin-right: 30px;
}
table.commande .mobiletbody td.desc ul li:not(:last-child):after {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  top: 50%;
  background: #034538;
  left: calc(100% + 10px);
  transform: translateY(calc(-50% - 0.5px));
}
table.commande .mobiletbody .itemQuantity {
  padding-top: 0;
  padding-bottom: 0;
}
table.commande .mobiletbody .itemTotal h4 {
  margin-bottom: 0 !important;
  font: 30px/1.1 "sanfrancisco-bold", sans-serif;
  color: #2a2a2a;
}
@media screen and (max-width: 1600px) {
  table.commande .mobiletbody .itemTotal h4 {
    font-size: 25px;
  }
}
@media screen and (max-width: 1400px) {
  table.commande .mobiletbody .itemTotal h4 {
    font-size: 23px;
  }
}
@media screen and (max-width: 1000px) {
  table.commande .mobiletbody .itemTotal h4 {
    font-size: 21px;
  }
}
table.commande .mobiletbody td.remove {
  padding-bottom: 20px;
  padding-top: 0;
  text-align: right;
  text-transform: none;
}
table.commande .mobiletbody td.remove a {
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #2a2a2a;
  vertical-align: middle;
  transition: color 300ms;
}
table.commande .mobiletbody td.remove a span {
  position: relative;
  top: 3px;
  margin-left: 10px;
}
table.commande .mobiletbody td.remove a:hover {
  color: #f37867;
}
table.commande tfoot > tr > td {
  padding-top: 50px;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  table.commande tfoot > tr > td {
    padding-top: 25px;
    display: block;
  }
}
table.commande tfoot > tr > td .link {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  table.commande tfoot > tr > td.promo {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(42, 42, 42, 0.1);
  }
  table.commande tfoot > tr > td.promo .input-box, table.commande tfoot > tr > td.promo input {
    width: 100%;
  }
}
table.commande tfoot > tr > td.promo #codePromoWrapper h4 {
  margin-bottom: 0;
}
table.commande tfoot > tr > td table {
  float: right;
  max-width: 350px;
  border: none;
  border-collapse: separate;
}
@media screen and (max-width: 1000px) {
  table.commande tfoot > tr > td table {
    max-width: 300px;
  }
}
@media screen and (max-width: 768px) {
  table.commande tfoot > tr > td table {
    float: none;
    margin: 0 auto;
    max-width: 100%;
  }
}
table.commande tfoot > tr > td table tr td {
  padding-bottom: 15px;
}
table.commande tfoot > tr > td table tr.green td {
  color: #034538;
}
table.commande tfoot > tr > td table tr.total td {
  border-top: 1px solid rgba(42, 42, 42, 0.1);
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
  padding: 20px 0;
}
table.commande tfoot > tr > td table td {
  padding: 10px 0;
}
@media screen and (max-width: 600px) {
  table.commande tfoot > tr > td table td {
    padding: 8px 0;
  }
}
table.commande tfoot > tr > td table td:first-child {
  font: 15px/20px "sanfrancisco-regular", sans-serif;
}
table.commande tfoot > tr > td table td:last-child {
  width: 150px;
  padding-bottom: 0;
  font: 15px/20px "sanfrancisco-bold", sans-serif;
  text-align: right;
}
table.commande tfoot > tr > td table td .btn, table.commande tfoot > tr > td table td .home-banner__main-button {
  margin-top: 30px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  table.commande tfoot > tr > td table td .btn, table.commande tfoot > tr > td table td .home-banner__main-button {
    width: auto;
  }
}

#page-cart .headerBlock .alreadyMember {
  margin-top: 40px;
}
#page-cart .connexionBlock .whiteBlock .wrapper .checkbox-field {
  margin-bottom: 30px;
}
@media screen and (max-width: 500px) {
  #page-cart .connexionBlock .whiteBlock .wrapper .btn, #page-cart .connexionBlock .whiteBlock .wrapper .home-banner__main-button {
    width: 100%;
    text-align: center;
  }
  #page-cart .connexionBlock .whiteBlock .wrapper .btn:first-child, #page-cart .connexionBlock .whiteBlock .wrapper .home-banner__main-button:first-child {
    margin: 0 0 20px 0;
  }
}
#page-cart .connexionBlock .whiteBlock .wrapper .btn:first-child, #page-cart .connexionBlock .whiteBlock .wrapper .home-banner__main-button:first-child {
  margin-right: 20px;
}
#page-cart .connexionBlock .whiteBlock .wrapper .capminou {
  margin-top: 30px;
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #bbbaba;
}
#page-cart .connexionBlock .whiteBlock .wrapper .capminou .link {
  font: 15px/1 "sanfrancisco-regular", sans-serif;
  color: #bbbaba;
}
#page-cart .connexionBlock .whiteBlock .wrapper .capminou .link:hover {
  color: #f37867;
}
#page-cart .connexionBlock .whiteBlock .wrapper .capminou .link:hover:not(.fixedLine):after {
  right: 0;
}
#page-cart .connexionBlock .whiteBlock .wrapper .accountError {
  padding: 20px 20px;
  display: inline-block;
  position: relative;
  font: 15px/1 "sanfrancisco-semibold", sans-serif;
  color: white;
  background: #f37867;
  margin-bottom: 30px;
  line-height: 1.5;
}
#page-cart .connexionBlock .whiteBlock .wrapper .accountError .link {
  font: 15px/1 "sanfrancisco-semibold", sans-serif;
  color: white;
}
#page-cart .connexionBlock .whiteBlock .wrapper .accountError .link:after {
  background: white;
}

#page-cart .paymentBlock form > div > div {
  margin-bottom: 40px;
}
#page-cart .paymentBlock .recipient h4 {
  margin-bottom: 30px;
}
@media screen and (max-width: 700px) {
  #page-cart .paymentBlock .recipient h4 {
    margin-bottom: 20px;
  }
}
#page-cart .paymentBlock .wrapper.border {
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
#page-cart .paymentBlock .wrapper.noPaddingBottom {
  padding-bottom: 0;
}
#page-cart .paymentBlock .whiteBlock .wrapper.noMargin1 > div > div:last-child .input-field, #page-cart .paymentBlock .whiteBlock .wrapper.noMargin1 > div > div:last-child .select-field {
  margin-bottom: 0;
}
#page-cart .paymentBlock .whiteBlock .wrapper.noMargin2 > div > div:last-child .input-field, #page-cart .paymentBlock .whiteBlock .wrapper.noMargin2 > div > div:last-child .select-field {
  margin-bottom: 0;
}
@media screen and (min-width: 701px) {
  #page-cart .paymentBlock .whiteBlock .wrapper.noMargin2 > div > div:nth-last-child(2) .input-field, #page-cart .paymentBlock .whiteBlock .wrapper.noMargin2 > div > div:nth-last-child(2) .select-field {
    margin-bottom: 0;
  }
}
#page-cart .paymentBlock .zIndex {
  z-index: 51;
}
#page-cart .paymentBlock h4 span {
  color: #f37867;
}
#page-cart .paymentBlock .note {
  font: 15px/1.2 "sanfrancisco-bold", sans-serif;
  color: #f37867;
}
#page-cart .paymentBlock .paymentInfo h4 {
  margin-bottom: 30px;
}
#page-cart .paymentBlock .paymentInfo .or {
  position: relative;
  margin: 50px 0;
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
#page-cart .paymentBlock .paymentInfo .or p {
  position: absolute;
  width: 50px;
  top: 50%;
  left: 50%;
  font-size: 15px;
  text-align: center;
  color: #bbbaba;
  background: #fff;
  text-transform: lowercase;
  transform: translate(-50%, -50%);
}
#page-cart .paymentBlock .paymentInfo img {
  width: 150px;
}
#page-cart .paymentBlock .paymentInfo .btnPaypal {
  text-align: right;
}
@media screen and (max-width: 700px) {
  #page-cart .paymentBlock .paymentInfo .btnPaypal {
    margin-top: 20px;
  }
}
@media screen and (max-width: 700px) {
  #page-cart .paymentBlock .paymentInfo .imgPaypal, #page-cart .paymentBlock .paymentInfo .btnPaypal {
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  #page-cart .paymentBlock .paymentInfo .btn, #page-cart .paymentBlock .paymentInfo .home-banner__main-button {
    width: 100%;
    text-align: center;
  }
  #page-cart .paymentBlock .paymentInfo .btn:first-child, #page-cart .paymentBlock .paymentInfo .home-banner__main-button:first-child {
    margin: 0 0 20px 0;
  }
}
#page-cart .paymentBlock .btns a:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 600px) {
  #page-cart .paymentBlock .btns a {
    display: block;
    text-align: center;
  }
  #page-cart .paymentBlock .btns a:first-child {
    margin-bottom: 20px;
    margin-right: 0 !important;
  }
}
#page-cart .paymentBlock .free {
  margin-bottom: 20px;
}

#page-cart .confirmationBlock .wrapper {
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}
#page-cart .confirmationBlock .wrapper h4 {
  color: #f37867;
  margin-bottom: 20px;
}
#page-cart .confirmationBlock .wrapper .btn, #page-cart .confirmationBlock .wrapper .home-banner__main-button {
  margin-top: 30px;
}

/*# sourceMappingURL=main.css.map */