.mCustomScrollbar {
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: #5CA8D2;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
  background-color: #5897fb;
  color: #fff;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  100% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes slideInDown {
  0% {
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInUp {
  0% {
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideOutDown {
  0% {
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    transform: translateY(100%);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    transform: translateX(-100%);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    transform: translateX(100%);
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    transform: translateY(-100%);
  }
}
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */
/* ----------------------------------
	Default Theme
----------------------------------- */
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
  height: 13px;
}

div.pp_default .pp_top .pp_left {
  background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
} /* Top left corner */
div.pp_default .pp_top .pp_middle {
  background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
} /* Top pattern/color */
div.pp_default .pp_top .pp_right {
  background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
} /* Top right corner */
div.pp_default .pp_content .ppt {
  color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
  background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
  padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
  background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
  padding-right: 13px;
}

div.pp_default .pp_content {
  background-color: #fff;
} /* Content background */
div.pp_default .pp_next:hover {
  background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
  cursor: pointer;
} /* Next button */
div.pp_default .pp_previous:hover {
  background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
  cursor: pointer;
} /* Previous button */
div.pp_default .pp_expand {
  background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
} /* Expand button */
div.pp_default .pp_expand:hover {
  background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
  cursor: pointer;
} /* Expand button hover */
div.pp_default .pp_contract {
  background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
} /* Contract button */
div.pp_default .pp_contract:hover {
  background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
  cursor: pointer;
} /* Contract button hover */
div.pp_default .pp_close {
  width: 30px;
  height: 30px;
  background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
  cursor: pointer;
} /* Close button */
div.pp_default #pp_full_res .pp_inline {
  color: #000;
}

div.pp_default .pp_gallery ul li a {
  background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
  border: 1px solid #aaa;
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
  border-color: #fff;
}

div.pp_default .pp_social {
  margin-top: 7px;
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
  position: static;
  left: auto;
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
  background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
  height: 30px;
  width: 30px;
}

div.pp_default .pp_nav .pp_pause {
  background-position: -51px -29px;
}

div.pp_default .pp_details {
  position: relative;
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
  background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
  height: 20px;
  margin: 4px 0 0 0;
  width: 20px;
}

div.pp_default a.pp_arrow_next {
  left: 52px;
  background-position: -82px -3px;
} /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details {
  margin-top: 5px;
}

div.pp_default .pp_nav {
  clear: none;
  height: 30px;
  width: 110px;
  position: relative;
}

div.pp_default .pp_nav .currentTextHolder {
  color: #999;
  font-size: 11px;
  left: 75px;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  position: absolute;
  top: 2px;
}

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
  opacity: 0.7;
}

div.pp_default .pp_description {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin: 5px 50px 5px 0;
}

div.pp_default .pp_bottom .pp_left {
  background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
} /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle {
  background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
} /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right {
  background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
} /* Bottom right corner */
div.pp_default .pp_loaderIcon {
  background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
} /* Loader icon */
/* ----------------------------------
	Light Rounded Theme
----------------------------------- */
div.light_rounded .pp_top .pp_left {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
} /* Top left corner */
div.light_rounded .pp_top .pp_middle {
  background: #fff;
} /* Top pattern/color */
div.light_rounded .pp_top .pp_right {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
} /* Top right corner */
div.light_rounded .pp_content .ppt {
  color: #000;
}

div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right {
  background: #fff;
}

div.light_rounded .pp_content {
  background-color: #fff;
} /* Content background */
div.light_rounded .pp_next:hover {
  background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
  cursor: pointer;
} /* Next button */
div.light_rounded .pp_previous:hover {
  background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
  cursor: pointer;
} /* Previous button */
div.light_rounded .pp_expand {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
} /* Expand button */
div.light_rounded .pp_expand:hover {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
} /* Expand button hover */
div.light_rounded .pp_contract {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
} /* Contract button */
div.light_rounded .pp_contract:hover {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
} /* Contract button hover */
div.light_rounded .pp_close {
  width: 75px;
  height: 22px;
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
} /* Close button */
div.light_rounded .pp_details {
  position: relative;
}

div.light_rounded .pp_description {
  margin-right: 85px;
}

div.light_rounded #pp_full_res .pp_inline {
  color: #000;
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next {
  margin-top: 12px !important;
}

div.light_rounded .pp_nav .pp_play {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.light_rounded .pp_nav .pp_pause {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.light_rounded .pp_arrow_previous {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
} /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}

div.light_rounded .pp_arrow_next {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
} /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}

div.light_rounded .pp_bottom .pp_left {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
} /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle {
  background: #fff;
} /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right {
  background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
} /* Bottom right corner */
div.light_rounded .pp_loaderIcon {
  background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
} /* Loader icon */
/* ----------------------------------
	Dark Rounded Theme
----------------------------------- */ /* Top left corner */ /* Top pattern/color */ /* Top right corner */ /* Left Content background */ /* Right Content background */ /* Content background */ /* Next button */ /* Previous button */ /* Expand button */ /* Expand button hover */ /* Contract button */ /* Contract button hover */ /* Close button */ /* The previous arrow in the bottom nav */ /* The next arrow in the bottom nav */ /* Bottom left corner */ /* Bottom pattern/color */ /* Bottom right corner */ /* Loader icon */
/* ----------------------------------
	Dark Square Theme
----------------------------------- */ /* Loader icon */ /* Expand button */ /* Expand button hover */ /* Contract button */ /* Contract button hover */ /* Close button */ /* The previous arrow in the bottom nav */ /* The next arrow in the bottom nav */ /* Next button */ /* Previous button */
/* ----------------------------------
	Light Square Theme
----------------------------------- */ /* Expand button */ /* Expand button hover */ /* Contract button */ /* Contract button hover */ /* Close button */ /* The previous arrow in the bottom nav */ /* The next arrow in the bottom nav */ /* Next button */ /* Previous button */ /* Loader icon */
/* ----------------------------------
	Facebook style Theme
----------------------------------- */
div.facebook .pp_top .pp_left {
  background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
} /* Top left corner */
div.facebook .pp_top .pp_middle {
  background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
} /* Top pattern/color */
div.facebook .pp_top .pp_right {
  background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
} /* Top right corner */
div.facebook .pp_content .ppt {
  color: #000;
}

div.facebook .pp_content_container .pp_left {
  background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
} /* Content background */
div.facebook .pp_content_container .pp_right {
  background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
} /* Content background */
div.facebook .pp_content {
  background: #fff;
} /* Content background */
div.facebook .pp_expand {
  background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
} /* Expand button */
div.facebook .pp_expand:hover {
  background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
} /* Expand button hover */
div.facebook .pp_contract {
  background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
} /* Contract button */
div.facebook .pp_contract:hover {
  background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
} /* Contract button hover */
div.facebook .pp_close {
  width: 22px;
  height: 22px;
  background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
} /* Close button */
div.facebook .pp_details {
  position: relative;
}

div.facebook .pp_description {
  margin: 0 37px 0 0;
}

div.facebook #pp_full_res .pp_inline {
  color: #000;
}

div.facebook .pp_loaderIcon {
  background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
} /* Loader icon */
div.facebook .pp_arrow_previous {
  background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
  height: 22px;
  margin-top: 0;
  width: 22px;
} /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled {
  background-position: 0 -96px;
  cursor: default;
}

div.facebook .pp_arrow_next {
  background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
  height: 22px;
  margin-top: 0;
  width: 22px;
} /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled {
  background-position: -32px -96px;
  cursor: default;
}

div.facebook .pp_nav {
  margin-top: 0;
}

div.facebook .pp_nav p {
  font-size: 15px;
  padding: 0 3px 0 4px;
}

div.facebook .pp_nav .pp_play {
  background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
  height: 22px;
  width: 22px;
}

div.facebook .pp_nav .pp_pause {
  background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
  height: 22px;
  width: 22px;
}

div.facebook .pp_next:hover {
  background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
  cursor: pointer;
} /* Next button */
div.facebook .pp_previous:hover {
  background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
  cursor: pointer;
} /* Previous button */
div.facebook .pp_bottom .pp_left {
  background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
} /* Bottom left corner */
div.facebook .pp_bottom .pp_middle {
  background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
} /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right {
  background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
} /* Bottom right corner */
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus {
  outline: none;
}

div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500;
}

div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000;
}

.pp_top {
  height: 20px;
  position: relative;
}

* html .pp_top {
  padding: 0 20px;
}

.pp_top .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}

.pp_top .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
}

* html .pp_top .pp_middle {
  left: 0;
  position: static;
}

.pp_top .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.pp_content {
  height: 40px;
  min-width: 40px;
}

* html .pp_content {
  width: 40px;
}

.pp_fade {
  display: none;
}

.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%;
}

.pp_content_container .pp_left {
  padding-left: 20px;
}

.pp_content_container .pp_right {
  padding-right: 20px;
}

.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px 0;
}

.pp_description {
  display: none;
  margin: 0;
}

.pp_social {
  float: left;
  margin: 0;
}

.pp_social .facebook {
  float: left;
  margin-left: 5px;
  width: 55px;
  overflow: hidden;
}

.pp_social .twitter {
  float: left;
}

.pp_nav {
  clear: right;
  float: left;
  margin: 3px 10px 0 0;
}

.pp_nav p {
  float: left;
  margin: 2px 4px;
  white-space: nowrap;
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
  float: left;
  margin-right: 4px;
  text-indent: -10000px;
}

a.pp_arrow_previous,
a.pp_arrow_next {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px;
}

.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}

.pp_gallery {
  display: none !important;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000;
}

.pp_gallery div {
  float: left;
  overflow: hidden;
  position: relative;
}

.pp_gallery ul {
  float: left;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.pp_gallery ul a {
  border: 1px #000 solid;
  border: 1px rgba(0, 0, 0, 0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden;
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a {
  border-color: #fff;
}

.pp_gallery ul a img {
  border: 0;
}

.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}

.pp_gallery li.default a {
  background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px;
}

.pp_gallery li.default a img {
  display: none;
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
  margin-top: 7px !important;
}

a.pp_next {
  background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: right;
  height: 100%;
  text-indent: -10000px;
  width: 49%;
}

a.pp_previous {
  background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: left;
  height: 100%;
  text-indent: -10000px;
  width: 49%;
}

a.pp_expand,
a.pp_contract {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000;
}

a.pp_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  line-height: 22px;
  text-indent: -10000px;
}

.pp_bottom {
  height: 20px;
  position: relative;
}

* html .pp_bottom {
  padding: 0 20px;
}

.pp_bottom .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}

.pp_bottom .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
}

* html .pp_bottom .pp_middle {
  left: 0;
  position: static;
}

.pp_bottom .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}

#pp_full_res {
  line-height: 1 !important;
}

#pp_full_res .pp_inline {
  text-align: left;
}

#pp_full_res .pp_inline p {
  margin: 0 0 15px 0;
}

div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  margin: 0 0 5px 15px;
  z-index: 9999;
}

/* ------------------------------------------------------------------------
	RESPONSIVE
------------------------------------------------------------------------- */
.ppt {
  margin-left: 0 !important;
}

.ppt, .pp_top, .pp_bottom, .pp_pic_holder, .pp_content, .pp_details {
  max-width: 100%;
}
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */

/* grow */

/* swing */

/* fall */

/* slide */

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0px;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0px;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Owl Carousel - Auto Height Plugin */
.owl-height {
  transition: height 500ms ease-in-out;
}

/* Core Owl Carousel CSS File */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden; /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}

.owl-carousel.owl-grab .owl-stage {
  cursor: move;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel .owl-rtl {
  direction: rtl;
}

.owl-carousel .owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/* 
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav div {
  color: white;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav div:hover {
  background: #869791;
  color: white;
  text-decoration: none;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.usp-listing.owl-theme .owl-controls {
  margin: 0;
}

#logo-slider.owl-carousel .owl-item img {
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}

.owl-theme .owl-nav.disabled div.owl-prev, .owl-theme .owl-nav.disabled div.owl-next {
  opacity: 0.5;
  cursor: default;
  display: none !important;
}

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@charset "UTF-8";
/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */
.easy-autocomplete {
  position: relative;
}

.easy-autocomplete input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: #555;
  float: none;
  padding: 6px 12px;
}

.easy-autocomplete input:hover, .easy-autocomplete input:focus {
  box-shadow: none;
}

.easy-autocomplete a {
  display: block;
}

.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.easy-autocomplete.eac-blue-light ul {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
  border-color: #66afe9;
}

.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
  background-color: #ecf5fc;
}

.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}

.easy-autocomplete.eac-green-light ul {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}

.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
  border-color: #41DB00;
}

.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
  background-color: #9eff75;
}

.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}

.easy-autocomplete.eac-red-light ul {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}

.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
  border-color: #ff5b5b;
}

.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
  background-color: #ff8e8e;
}

.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}

.easy-autocomplete.eac-yellow-light ul {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}

.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
  border-color: #ffdb00;
}

.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
  background-color: #ffe233;
}

.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}

.easy-autocomplete.eac-dark-light ul {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}

.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
  border-color: #333;
}

.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
  background-color: #4d4d4d;
  color: #fff;
}

.easy-autocomplete.eac-dark {
  color: #fff;
}

.easy-autocomplete.eac-dark input {
  background-color: #404040;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
  border-color: #333;
  box-shadow: 0;
}

.easy-autocomplete.eac-dark ul {
  border-color: #333;
}

.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
  background-color: #404040;
  border-color: #333;
}

.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
  background-color: #737373;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass {
  color: #fff;
}

.easy-autocomplete.eac-dark-glass input {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0;
}

.easy-autocomplete.eac-dark-glass ul {
  border-color: rgba(0, 0, 0, 0.8);
}

.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}

.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
  background-color: rgba(64, 64, 64, 0.8);
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
  border-radius: 0 0 4px 4px;
}

.easy-autocomplete.eac-blue {
  color: #fff;
}

.easy-autocomplete.eac-blue input {
  background-color: #6d9ed1;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
  border-color: #5A91CB;
  box-shadow: 0;
}

.easy-autocomplete.eac-blue ul {
  border-color: #5A91CB;
}

.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
  background-color: #6d9ed1;
  border-color: #5A91CB;
}

.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
  background-color: #94b8dd;
  color: #f6f6f6;
}

.easy-autocomplete.eac-yellow {
  color: #333;
}

.easy-autocomplete.eac-yellow input {
  background-color: #ffdb7e;
  border-color: #333;
  border-radius: 4px;
  box-shadow: 0;
  color: #333;
}

.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
  border-color: #333;
  box-shadow: 0;
}

.easy-autocomplete.eac-yellow ul {
  border-color: #333;
}

.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
  background-color: #ffdb7e;
  border-color: #333;
}

.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
  background-color: #ffe9b1;
  color: #333;
}

.easy-autocomplete.eac-purple {
  color: #333;
}

.easy-autocomplete.eac-purple input {
  background-color: #d6d1e7;
  border-color: #b8afd5;
  box-shadow: 0;
  color: #333;
}

.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
  border-color: #333;
  box-shadow: 0;
}

.easy-autocomplete.eac-purple ul {
  border-color: #333;
}

.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
  background-color: #d6d1e7;
  border-color: #333;
}

.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
  background-color: #ebe8f3;
  color: #333;
}

.easy-autocomplete.eac-bootstrap input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #555;
  padding: 6px 12px;
}

.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.easy-autocomplete-container-original ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
}

/* https://stackoverflow.com/questions/42495592/easyautocomplete-scroll-issue/42495992 */
.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
  max-height: 150px; /* Set your expected height */
  overflow-y: scroll; /* Enable vertical scrollbar */
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #ccc;
  -o-border-image: none;
     border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding: 4px 12px;
}

.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}

.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #ebebeb;
  cursor: pointer;
}

.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}

.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}

.easy-autocomplete-container ul li b {
  font-weight: bold;
}

.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}

.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}


.flag {
  width: 16px;
  height: 11px;
  background: url(../images/country-flags/flags.png) no-repeat;
  display: inline-block;
  margin-right: 5px;
}

.flag.flag-ad {
  background-position: -16px 0;
}

.flag.flag-ae {
  background-position: -32px 0;
}

.flag.flag-af {
  background-position: -48px 0;
}

.flag.flag-ag {
  background-position: -64px 0;
}

.flag.flag-ai {
  background-position: -80px 0;
}

.flag.flag-al {
  background-position: -96px 0;
}

.flag.flag-am {
  background-position: -112px 0;
}

.flag.flag-an {
  background-position: -128px 0;
}

.flag.flag-ao {
  background-position: -144px 0;
}

.flag.flag-ar {
  background-position: -160px 0;
}

.flag.flag-as {
  background-position: -176px 0;
}

.flag.flag-at {
  background-position: -192px 0;
}

.flag.flag-au {
  background-position: -208px 0;
}

.flag.flag-aw {
  background-position: -224px 0;
}

.flag.flag-az {
  background-position: -240px 0;
}

.flag.flag-ba {
  background-position: 0 -11px;
}

.flag.flag-bb {
  background-position: -16px -11px;
}

.flag.flag-bd {
  background-position: -32px -11px;
}

.flag.flag-be {
  background-position: -48px -11px;
}

.flag.flag-bf {
  background-position: -64px -11px;
}

.flag.flag-bg {
  background-position: -80px -11px;
}

.flag.flag-bh {
  background-position: -96px -11px;
}

.flag.flag-bi {
  background-position: -112px -11px;
}

.flag.flag-bj {
  background-position: -128px -11px;
}

.flag.flag-bm {
  background-position: -144px -11px;
}

.flag.flag-bn {
  background-position: -160px -11px;
}

.flag.flag-bo {
  background-position: -176px -11px;
}

.flag.flag-br {
  background-position: -192px -11px;
}

.flag.flag-bs {
  background-position: -208px -11px;
}

.flag.flag-bt {
  background-position: -224px -11px;
}

.flag.flag-bv {
  background-position: -240px -11px;
}

.flag.flag-bw {
  background-position: 0 -22px;
}

.flag.flag-by {
  background-position: -16px -22px;
}

.flag.flag-bz {
  background-position: -32px -22px;
}

.flag.flag-ca {
  background-position: -48px -22px;
}

.flag.flag-catalonia {
  background-position: -64px -22px;
}

.flag.flag-cd {
  background-position: -80px -22px;
}

.flag.flag-cf {
  background-position: -96px -22px;
}

.flag.flag-cg {
  background-position: -112px -22px;
}

.flag.flag-ch {
  background-position: -128px -22px;
}

.flag.flag-ci {
  background-position: -144px -22px;
}

.flag.flag-ck {
  background-position: -160px -22px;
}

.flag.flag-cl {
  background-position: -176px -22px;
}

.flag.flag-cm {
  background-position: -192px -22px;
}

.flag.flag-cn {
  background-position: -208px -22px;
}

.flag.flag-co {
  background-position: -224px -22px;
}

.flag.flag-cr {
  background-position: -240px -22px;
}

.flag.flag-cu {
  background-position: 0 -33px;
}

.flag.flag-cv {
  background-position: -16px -33px;
}

.flag.flag-cw {
  background-position: -32px -33px;
}

.flag.flag-cy {
  background-position: -48px -33px;
}

.flag.flag-cz {
  background-position: -64px -33px;
}

.flag.flag-de {
  background-position: -80px -33px;
}

.flag.flag-dj {
  background-position: -96px -33px;
}

.flag.flag-dk {
  background-position: -112px -33px;
}

.flag.flag-dm {
  background-position: -128px -33px;
}

.flag.flag-do {
  background-position: -144px -33px;
}

.flag.flag-dz {
  background-position: -160px -33px;
}

.flag.flag-ec {
  background-position: -176px -33px;
}

.flag.flag-ee {
  background-position: -192px -33px;
}

.flag.flag-eg {
  background-position: -208px -33px;
}

.flag.flag-eh {
  background-position: -224px -33px;
}

.flag.flag-england {
  background-position: -240px -33px;
}

.flag.flag-er {
  background-position: 0 -44px;
}

.flag.flag-es {
  background-position: -16px -44px;
}

.flag.flag-et {
  background-position: -32px -44px;
}

.flag.flag-eu {
  background-position: -48px -44px;
}

.flag.flag-fi {
  background-position: -64px -44px;
}

.flag.flag-fj {
  background-position: -80px -44px;
}

.flag.flag-fk {
  background-position: -96px -44px;
}

.flag.flag-fm {
  background-position: -112px -44px;
}

.flag.flag-fo {
  background-position: -128px -44px;
}

.flag.flag-fr {
  background-position: -144px -44px;
}

.flag.flag-ga {
  background-position: -160px -44px;
}

.flag.flag-gb {
  background-position: -176px -44px;
}

.flag.flag-gd {
  background-position: -192px -44px;
}

.flag.flag-ge {
  background-position: -208px -44px;
}

.flag.flag-gf {
  background-position: -224px -44px;
}

.flag.flag-gg {
  background-position: -240px -44px;
}

.flag.flag-gh {
  background-position: 0 -55px;
}

.flag.flag-gi {
  background-position: -16px -55px;
}

.flag.flag-gl {
  background-position: -32px -55px;
}

.flag.flag-gm {
  background-position: -48px -55px;
}

.flag.flag-gn {
  background-position: -64px -55px;
}

.flag.flag-gp {
  background-position: -80px -55px;
}

.flag.flag-gq {
  background-position: -96px -55px;
}

.flag.flag-gr {
  background-position: -112px -55px;
}

.flag.flag-gs {
  background-position: -128px -55px;
}

.flag.flag-gt {
  background-position: -144px -55px;
}

.flag.flag-gu {
  background-position: -160px -55px;
}

.flag.flag-gw {
  background-position: -176px -55px;
}

.flag.flag-gy {
  background-position: -192px -55px;
}

.flag.flag-hk {
  background-position: -208px -55px;
}

.flag.flag-hm {
  background-position: -224px -55px;
}

.flag.flag-hn {
  background-position: -240px -55px;
}

.flag.flag-hr {
  background-position: 0 -66px;
}

.flag.flag-ht {
  background-position: -16px -66px;
}

.flag.flag-hu {
  background-position: -32px -66px;
}

.flag.flag-ic {
  background-position: -48px -66px;
}

.flag.flag-id {
  background-position: -64px -66px;
}

.flag.flag-ie {
  background-position: -80px -66px;
}

.flag.flag-il {
  background-position: -96px -66px;
}

.flag.flag-im {
  background-position: -112px -66px;
}

.flag.flag-in {
  background-position: -128px -66px;
}

.flag.flag-io {
  background-position: -144px -66px;
}

.flag.flag-iq {
  background-position: -160px -66px;
}

.flag.flag-ir {
  background-position: -176px -66px;
}

.flag.flag-is {
  background-position: -192px -66px;
}

.flag.flag-it {
  background-position: -208px -66px;
}

.flag.flag-je {
  background-position: -224px -66px;
}

.flag.flag-jm {
  background-position: -240px -66px;
}

.flag.flag-jo {
  background-position: 0 -77px;
}

.flag.flag-jp {
  background-position: -16px -77px;
}

.flag.flag-ke {
  background-position: -32px -77px;
}

.flag.flag-kg {
  background-position: -48px -77px;
}

.flag.flag-kh {
  background-position: -64px -77px;
}

.flag.flag-ki {
  background-position: -80px -77px;
}

.flag.flag-km {
  background-position: -96px -77px;
}

.flag.flag-kn {
  background-position: -112px -77px;
}

.flag.flag-kp {
  background-position: -128px -77px;
}

.flag.flag-kr {
  background-position: -144px -77px;
}

.flag.flag-kurdistan {
  background-position: -160px -77px;
}

.flag.flag-kw {
  background-position: -176px -77px;
}

.flag.flag-ky {
  background-position: -192px -77px;
}

.flag.flag-kz {
  background-position: -208px -77px;
}

.flag.flag-la {
  background-position: -224px -77px;
}

.flag.flag-lb {
  background-position: -240px -77px;
}

.flag.flag-lc {
  background-position: 0 -88px;
}

.flag.flag-li {
  background-position: -16px -88px;
}

.flag.flag-lk {
  background-position: -32px -88px;
}

.flag.flag-lr {
  background-position: -48px -88px;
}

.flag.flag-ls {
  background-position: -64px -88px;
}

.flag.flag-lt {
  background-position: -80px -88px;
}

.flag.flag-lu {
  background-position: -96px -88px;
}

.flag.flag-lv {
  background-position: -112px -88px;
}

.flag.flag-ly {
  background-position: -128px -88px;
}

.flag.flag-ma {
  background-position: -144px -88px;
}

.flag.flag-mc {
  background-position: -160px -88px;
}

.flag.flag-md {
  background-position: -176px -88px;
}

.flag.flag-me {
  background-position: -192px -88px;
}

.flag.flag-mg {
  background-position: -208px -88px;
}

.flag.flag-mh {
  background-position: -224px -88px;
}

.flag.flag-mk {
  background-position: -240px -88px;
}

.flag.flag-ml {
  background-position: 0 -99px;
}

.flag.flag-mm {
  background-position: -16px -99px;
}

.flag.flag-mn {
  background-position: -32px -99px;
}

.flag.flag-mo {
  background-position: -48px -99px;
}

.flag.flag-mp {
  background-position: -64px -99px;
}

.flag.flag-mq {
  background-position: -80px -99px;
}

.flag.flag-mr {
  background-position: -96px -99px;
}

.flag.flag-ms {
  background-position: -112px -99px;
}

.flag.flag-mt {
  background-position: -128px -99px;
}

.flag.flag-mu {
  background-position: -144px -99px;
}

.flag.flag-mv {
  background-position: -160px -99px;
}

.flag.flag-mw {
  background-position: -176px -99px;
}

.flag.flag-mx {
  background-position: -192px -99px;
}

.flag.flag-my {
  background-position: -208px -99px;
}

.flag.flag-mz {
  background-position: -224px -99px;
}

.flag.flag-na {
  background-position: -240px -99px;
}

.flag.flag-nc {
  background-position: 0 -110px;
}

.flag.flag-ne {
  background-position: -16px -110px;
}

.flag.flag-nf {
  background-position: -32px -110px;
}

.flag.flag-ng {
  background-position: -48px -110px;
}

.flag.flag-ni {
  background-position: -64px -110px;
}

.flag.flag-nl {
  background-position: -80px -110px;
}

.flag.flag-no {
  background-position: -96px -110px;
}

.flag.flag-np {
  background-position: -112px -110px;
}

.flag.flag-nr {
  background-position: -128px -110px;
}

.flag.flag-nu {
  background-position: -144px -110px;
}

.flag.flag-nz {
  background-position: -160px -110px;
}

.flag.flag-om {
  background-position: -176px -110px;
}

.flag.flag-pa {
  background-position: -192px -110px;
}

.flag.flag-pe {
  background-position: -208px -110px;
}

.flag.flag-pf {
  background-position: -224px -110px;
}

.flag.flag-pg {
  background-position: -240px -110px;
}

.flag.flag-ph {
  background-position: 0 -121px;
}

.flag.flag-pk {
  background-position: -16px -121px;
}

.flag.flag-pl {
  background-position: -32px -121px;
}

.flag.flag-pm {
  background-position: -48px -121px;
}

.flag.flag-pn {
  background-position: -64px -121px;
}

.flag.flag-pr {
  background-position: -80px -121px;
}

.flag.flag-ps {
  background-position: -96px -121px;
}

.flag.flag-pt {
  background-position: -112px -121px;
}

.flag.flag-pw {
  background-position: -128px -121px;
}

.flag.flag-py {
  background-position: -144px -121px;
}

.flag.flag-qa {
  background-position: -160px -121px;
}

.flag.flag-re {
  background-position: -176px -121px;
}

.flag.flag-ro {
  background-position: -192px -121px;
}

.flag.flag-cs {
  background-position: -208px -121px;
}

.flag.flag-ru {
  background-position: -224px -121px;
}

.flag.flag-rw {
  background-position: -240px -121px;
}

.flag.flag-sa {
  background-position: 0 -132px;
}

.flag.flag-sb {
  background-position: -16px -132px;
}

.flag.flag-sc {
  background-position: -32px -132px;
}

.flag.flag-scotland {
  background-position: -48px -132px;
}

.flag.flag-sd {
  background-position: -64px -132px;
}

.flag.flag-se {
  background-position: -80px -132px;
}

.flag.flag-sg {
  background-position: -96px -132px;
}

.flag.flag-sh {
  background-position: -112px -132px;
}

.flag.flag-si {
  background-position: -128px -132px;
}

.flag.flag-sk {
  background-position: -144px -132px;
}

.flag.flag-sl {
  background-position: -160px -132px;
}

.flag.flag-sm {
  background-position: -176px -132px;
}

.flag.flag-sn {
  background-position: -192px -132px;
}

.flag.flag-so {
  background-position: -208px -132px;
}

.flag.flag-somaliland {
  background-position: -224px -132px;
}

.flag.flag-sr {
  background-position: -240px -132px;
}

.flag.flag-ss {
  background-position: 0 -143px;
}

.flag.flag-st {
  background-position: -16px -143px;
}

.flag.flag-sv {
  background-position: -32px -143px;
}

.flag.flag-sx {
  background-position: -48px -143px;
}

.flag.flag-sy {
  background-position: -64px -143px;
}

.flag.flag-sz {
  background-position: -80px -143px;
}

.flag.flag-tc {
  background-position: -96px -143px;
}

.flag.flag-td {
  background-position: -112px -143px;
}

.flag.flag-tf {
  background-position: -128px -143px;
}

.flag.flag-tg {
  background-position: -144px -143px;
}

.flag.flag-th {
  background-position: -160px -143px;
}

.flag.flag-tj {
  background-position: -176px -143px;
}

.flag.flag-tk {
  background-position: -192px -143px;
}

.flag.flag-tl {
  background-position: -208px -143px;
}

.flag.flag-tm {
  background-position: -224px -143px;
}

.flag.flag-tn {
  background-position: -240px -143px;
}

.flag.flag-to {
  background-position: 0 -154px;
}

.flag.flag-tr {
  background-position: -16px -154px;
}

.flag.flag-tt {
  background-position: -32px -154px;
}

.flag.flag-tv {
  background-position: -48px -154px;
}

.flag.flag-tw {
  background-position: -64px -154px;
}

.flag.flag-tz {
  background-position: -80px -154px;
}

.flag.flag-ua {
  background-position: -96px -154px;
}

.flag.flag-ug {
  background-position: -112px -154px;
}

.flag.flag-um {
  background-position: -128px -154px;
}

.flag.flag-us {
  background-position: -144px -154px;
}

.flag.flag-uy {
  background-position: -160px -154px;
}

.flag.flag-uz {
  background-position: -176px -154px;
}

.flag.flag-va {
  background-position: -192px -154px;
}

.flag.flag-vc {
  background-position: -208px -154px;
}

.flag.flag-ve {
  background-position: -224px -154px;
}

.flag.flag-vg {
  background-position: -240px -154px;
}

.flag.flag-vi {
  background-position: 0 -165px;
}

.flag.flag-vn {
  background-position: -16px -165px;
}

.flag.flag-vu {
  background-position: -32px -165px;
}

.flag.flag-wales {
  background-position: -48px -165px;
}

.flag.flag-wf {
  background-position: -64px -165px;
}

.flag.flag-ws {
  background-position: -80px -165px;
}

.flag.flag-xk {
  background-position: -96px -165px;
}

.flag.flag-ye {
  background-position: -112px -165px;
}

.flag.flag-yt {
  background-position: -128px -165px;
}

.flag.flag-za {
  background-position: -144px -165px;
}

.flag.flag-zanzibar {
  background-position: -160px -165px;
}

.flag.flag-zm {
  background-position: -176px -165px;
}

.flag.flag-zw {
  background-position: -192px -165px;
}
/*! nouislider - 13.1.4 - 3/20/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
@charset "UTF-8";
/*
Declaring vars
 */
:root {
  --h-100vh: 0;
  --app-height: 0;
}

/* =CSS Reset
========================================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, address, big, code, del, img, q, s, strike, 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, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

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

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

ol {
  list-style: decimal;
  margin: 0;
  padding: 0 0 0 20px;
  margin: 0 0 15px;
}

ol li {
  margin: 0;
  padding: 0;
}

ul {
  list-style: disc;
  margin: 0;
  padding: 0 0 0 20px;
  margin: 0 0 15px;
}

ul li {
  margin: 0;
  padding: 0;
}

* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

*:before, *:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=search], textarea, select, input[type=button], input[type=submit], button {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* =Default Tag & General Classes
========================================================================================*/
html, body {
  -webkit-font-smoothing: antialiased;
  /*

  Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  font: 14px/1.61 "Lato", Arial, Helvetica, sans-serif;
  color: #000;
}

img {
  vertical-align: top;
  border: 0;
}

a, input[type=button], input[type=submit], button {
  transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1);
}

 .photos-slider.owl-theme .owl-nav div.owl-next:after, .photos-slider.owl-theme .owl-nav div.owl-prev:after, .username-row a.next-profile:after, .username-row a.prev-profile:after, .search-tabnav li a {
  transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1);
}

a {
  color: #de479e;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #f06db9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  a:active {
    background-color: transparent;
  }
}
strong {
  font-weight: 700;
}

p {
  margin: 0 0 15px 0;
}
p:last-child {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
  margin-bottom: 15px;
  font-weight: 700;
}

h1, h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

.cf:before, .cf:after, .wrap:after, .wrap:before, .messagelisting li:after, .messagelisting li:before, .formlisting li:after, .formlisting li:before, .maillisting li:after, .maillisting li:before, .pay-pricebox:after, .pay-pricebox:before, .form-list li:after, .form-list li:before, .checkboxlisting li:after, .checkboxlisting li:before {
  content: "";
  display: table;
}

.cf:after, .wrap:after, .messagelisting li:after, .formlisting li:after, .checkboxlisting li:after, .maillisting li:after, .pay-pricebox:after, .form-list li:after {
  clear: both;
}

.cf, .wrap, .messagelisting li, .formlisting li, .maillisting li, .pay-pricebox, .form-list li {
  zoom: 1;
}

.cols {
  *zoom: 1;
}

.cols:before, .cols:after {
  display: table;
  line-height: 0;
  content: "";
}

.cols:after {
  clear: both;
}

.cols2 {
  margin-left: -2%;
}

.cols3 {
  margin-left: -3%;
}

.cols .col {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}

.cols2 .col {
  width: 48%;
  margin-left: 2%;
}

.cols3 .col {
  width: 30.3%;
  margin-left: 3%;
}

/* Responsive Menu line icon*/
#menu, .login-trigger {
  display: none;
}

.lines-button {
  padding: 0;
  transition: 550ms;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
  color: #e5e5e5;
  font-weight: 600;
}

.lines-button:hover {
  opacity: 1;
}

.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 30px;
  height: 5px;
  background: #ffffff;
  transition: 550ms;
  position: relative;
  margin: 17px 10px 0 0;
  float: left;
}

.lines:before, .lines:after {
  display: inline-block;
  width: 30px;
  height: 5px;
  background: #ffffff;
  transition: 550ms;
  position: absolute;
  left: 0;
  content: "";
  transform-origin: 0.28571rem center;
}

.lines:before {
  top: 9px;
}

.lines:after {
  top: -9px;
}

/* =Layout Width
========================================================================================*/
#wrapper {
  min-height: 100%;
  position: relative;
}

#wrapper > iframe {
  position: absolute;
  left: 0;
  bottom: 0;
}

.wrap {
  max-width: 980px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

#main {
  padding: 10px 0 498px;
}

.home #main {
  padding: 10px 0 471px;
}

#container {
  float: left;
  width: 700px;
}

/* ToDo */
#primary {
  width: 630px;
  float: left;
}

/* ToDo */
#sidebar {
  float: right;
  width: 310px;
}

.one-column {
  width: auto !important;
  float: none !important;
}

/* =Form Style
========================================================================================*/
button, input[type=text], input[type=password], input[type=email], input[type=tel], input[type=search], textarea, select, input[type=submit], input[type=button] {
  font-size: 100%;
  margin: 0;
  vertical-align: middle;
}

button, input[type=text], input[type=password], input[type=email], input[type=tel], input[type=search], textarea, input[type=submit], input[type=button] {
  -webkit-appearance: none;
  border-radius: 0;
}

button, input {
  line-height: normal;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=search], textarea, select {
  background: #fff;
  padding: 2px 12px;
  height: 36px;
  line-height: 100%;
  color: #000;
  border: solid 2px #c2c2c2;
  border-radius: 6px;
  width: 100%;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

textarea {
  width: 100%;
  height: 100px;
  overflow: auto;
  resize: none;
  padding: 8px 11px;
}

select {
  height: auto;
  padding: 6px;
  -moz-appearance: none;
  -webkit-appearance: menulist;
}

input::-moz-focus-inner, button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=button], input[type=submit], button {
  background: #f06db9;
  color: #fff;
  border: 0;
  cursor: pointer;
  width: auto;
  overflow: visible;
  padding: 11px 25px;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 700;
  font-size: 24px;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

input[type=button]:hover, input[type=submit]:hover, button:hover {
  background: #871657;
  color: #fff;
}

a.search-more {
  background: #f06db9;
  color: #fff;
  border: 0;
  cursor: pointer;
  width: 100%;
  overflow: visible;
  padding: 8px 25px;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  border-radius: 6px;
  font-weight: 500;
  font-size: 17px;
  display: block;
}

a.search-more:hover {
  background: #871657;
  color: #fff;
}

input[type=checkbox], input[type=radio] {
  margin: 4px 8px 0;
  vertical-align: top;
}

.formbox .row {
  margin-bottom: 10px;
}

.formbox .row label {
  padding-bottom: 10px;
}

.formbox {
  max-width: 350px;
  width: 100%;
}

.date {
  margin-left: -1.3333%;
  font-size: 0;
}

.date select {
  width: 32%;
  margin-left: 1.3333%;
  font-size: 13px;
}

/* =Common-Page (common classes for all pages)
========================================================================================*/
#header {
  background: #000000;
}

#logo {
  float: left;
  text-align: center;
  margin: 17px 0 17px;
  font-size: 14px;
  color: #de479e;
}

#logo:hover {
  color: #fff;
}

#logo span {
  text-indent: -999em;
  width: 282px;
  height: 58px;
  background-image: url("../images/svg/logo-with-text.svg");
  background-repeat: no-repeat;
  background-size: 282px 58px;
  display: block;
  background-position: 0 0;
}

#mainmenu {
  display: none;
}

#mainmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#mainmenu li {
  line-height: 38px;
}

#mainmenu li a {
  text-decoration: none;
  padding: 0 15px 3px;
  display: block;
  background: #000;
  color: #fff;
  border-top: solid 1px #192d39;
  font-size: 17px;
  font-weight: 500;
}

#mainmenu li a:hover, #mainmenu li.active a {
  color: #fff;
  background: #f06db9;
}

.sprites {
  background-image: url("../images/bgi/sprites.png?v3.4");
}

.sp-after:after {
  background-image: url("../images/bgi/sprites.png?v3.4");
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 10px;
  content: "";
  vertical-align: middle;
}

.sp-before:before {
  /*background-image: url($sprites-file);*/
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  content: "";
  vertical-align: middle;
}

.loginform {
  float: right;
  padding-top: 24px;
  margin: 0;
  list-style: none;
}

.loginform li {
  float: left;
  padding-left: 10px;
  width: 194px;
}

.loginform input {
  border: 0;
  padding-left: 34px;
  color: #34495e;
}

.fieldrow {
  position: relative;
}

.conditions, .conditions p {
  color: #95948a;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
}

.loginform li {
  padding-left: 10px;
}

.loginform li .fieldrow:before, .step-form li .fieldrow:before {
  width: 16px;
  height: 17px;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  z-index: 2;
  content: "";
  margin: 9px 0 0 0;
}

.password:before {
  background-position: -18px -39px;
}

.email-address:before {
  background-position: -36px -39px;
}

.form-icon {
  position: absolute;
  left: 2px;
  top: 2px;
  fill: #d4d9dd;
  width: 30px; /* Pas aan naar de afmetingen van je SVG */
  height: 30px; /* Pas aan naar de afmetingen van je SVG */
}

.loginform li input[type=submit] {
  padding: 6px 25px 10px;
  font-size: 16px;
  border-radius: 6px;
  color: #fff;
}

.forgot-row {
  text-align: center;
  font-size: 13px;
  padding-top: 2px;
}

.forgot-row a {
  color: #fff;
  text-decoration: none;
}

.forgot-row a:hover {
  color: #DE4783;
}

.loginform li input.error {
  border: solid 1px red !important;
}

.error {
  font-size: 13px;
  color: #ee2956;
  display: block;
  text-align: left;
}

.loginform li div.error {
  padding-left: 2px;
}

#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #191919;
  padding: 50px 0 20px;
  color: #fff;
}

.footermenu-block {
  padding-bottom: 110px;
}

.footermenu-block .fmenu {
  width: 25%;
  float: left;
  font-size: 16px;
  font-weight: 500;
}

.footermenu-block .fmenu h4 {
  color: #de479e;
  font-size: 18px;
  margin: 0;
}

.fmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fmenu ul li {
  line-height: 1.15;
}

.fmenu ul li a {
  color: #fff;
  text-decoration: none;
}

.fmenu ul li a:hover {
  color: #c3e9ff;
}

.copyright {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  color: #fefefe;
  padding: 30px 0 5px 0;
}

/* =Home-Page (only homepage used classes)
========================================================================================*/
.join-stepform .ez-radio, .mysearchbox .ez-radio {
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 5px;
  top: -2px;
}

.join-stepform.hidden {
  display: none;
}

.join-formblock {
  background-repeat: no-repeat;
  background-position: 50% 0;
  min-height: 530px;
}

.join-stepform {
  max-width: 410px;
  width: 100%;
  margin: 10px auto;
  background: #f7f7f7;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.27);
  font-size: 16px;
  min-height: 530px;
  position: relative;
  padding-bottom: 74px;
  left: 240px;
}

.stepform-header {
  font-style: italic;
  text-align: center;
  padding: 8px 10px;
  background: #de479e;
  color: #fff;
  font-size: 18px;
}

.stepform-header h1 {
  margin: 0;
  font-size: 36px;
  line-height: 1.2;
  text-shadow: 1px 3px 0 #000;
}

.stepform-body {
  padding: 12px;
}

.ez-hide {
  opacity: 0;
  filter: alpha(opacity=0);
}

.ez-checkbox, .ez-radio {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.ez-checkbox {
  background: url(../images/bgi/checkbox.png) -20px 0 no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.ez-radio {
  background: url(../images/bgi/checkbox.png) 0 0 no-repeat;
  display: inline-block;
}

.ez-checked {
  background-position: -20px -20px;
}

.ez-selected {
  background-position: 0 -20px;
}

.ez-checkbox, .ez-radio {
  zoom: 1;
  /*display: inline;
  height: 50px;*/
}

.ez-checkbox input, .ez-radio input {
  margin: 0;
  width: 20px;
  height: 20px;
}

.step-form {
  margin: 0;
  padding: 0;
  list-style: none;
}

.step-form li {
  padding: 5px 0;
}

.step-form li input[type=text], .step-form li input[type=email], .step-form li input[type=password], .step-form li input[type=tel] {
  padding-left: 34px;
  font-size: 14px;
  padding-right: 32px;
}

.step-form li input:after {
  content: "";
  border: solid 2px red;
  width: 20px;
  height: 20px;
}

.error .validation-icons {
  background-image: url("../images/svg/form-incorrect-icon.svg");
  display: block;
}

.success .validation-icons {
  background-image: url("../images/svg/form-correct-icon.svg");
  display: block;
}

.validation-icons {
  display: none;
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 2;
  right: 6px;
  top: 4px;
}

.error .validation-icons, .success .validation-icons {
  display: block;
}

input.step-submitbtn {
  background: #de479e;
  padding: 8px 65px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}

input.step-submitbtn:hover {
  background: #2dab77;
}

.step-form li .ideal {
  padding: 5px 0 12px 0;
}

.step-form li p.error {
  padding: 8px 0 12px 13px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 10px;
}

.media-bar {
  background: #e1e1e1;
  color: #fff;
  padding: 12px;
}

.media-bar h4 {
  font-weight: normal;
  font-size: 18px;
  margin: 0;
}

.media-bar strong {
  text-align: center;
  display: block;
  line-height: 1;
}

#logo-slider {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
}

#logo-slider.owl-theme .owl-controls {
  margin: 0;
}

#logo-slider .item {
  margin-left: 25px;
  float: left;
}

#logo-slider.owl-theme .item, #logo-slider .item:first-child {
  margin-left: 0;
}

#logo-slider.owl-theme .item {
  float: none;
}

.welcome-info h1 {
  margin: 0;
  font-weight: 400;
  text-align: center;
}

.welcome-info em {
  display: block;
  text-align: center;
  font-size: 16px;
}

.usp-listing {
  padding: 5px 0 15px;
}

.usp-listing .item {
  padding: 10px 15px;
  float: left;
  width: 25%;
  text-align: center;
  position: relative;
}

.usp-listing .item:after {
  position: absolute;
  background: #de479e;
  height: 42%;
  width: 1px;
  content: "";
  left: 0;
  top: 110px;
}

.usp-listing .item:first-child:after {
  display: none;
}

.usp-listing .item h2 {
  font-size: 18px;
  margin: 0 0 -8px;
  font-weight: 700;
}

.usp-listing .item h2 a {
  color: #1f3745;
  text-decoration: none;
}

.usp-listing .item h2 a:hover {
  color: #ee2956;
  text-decoration: none;
}

.usp-listing .item p {
  margin: 20px 0 0 0;
}

.usp-listing .item h2:before {
  width: 60px;
  height: 52px;
  margin: 0 auto 15px;
  display: block;
}

.usp-listing.owl-theme .item, .testimonial.owl-theme .item {
  width: 100%;
  float: none;
  padding: 5px 18px;
}

.hp-icon {
  width: 60px; /* Aanpassen op basis van je behoefte */
  height: 60px;
  margin: 0 auto 15px;
  display: block; /* Zorgt dat SVG in het midden staat */
  margin: 0 auto 10px; /* Verlaag de ondermarge om de ruimte te verkleinen */
  fill: #de479e; /* Standaard kleur van het icoon */
}

.sbHolder {
  height: 20px;
  position: relative;
  width: auto;
  line-height: 20px;
}

.sbSelector {
  display: block;
  height: 20px;
  left: 0;
  line-height: 20px;
  outline: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 25px 0 10px;
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
  color: #df4d9e;
  outline: none;
  text-decoration: none;
}

.sbToggle {
  background: url("../images/bgi/sprites.png?v3.4") -93px -39px no-repeat;
  display: block;
  height: 16px;
  outline: none;
  position: absolute;
  right: 5px;
  top: 0;
  width: 16px;
  bottom: 0;
}

.sbToggleOpen {
  background: url("../images/bgi/sprites.png?v3.4") -111px -39px no-repeat;
}

.sbOptions {
  background-color: #ffffff;
  border: solid 1px #e2e2e2;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 200px;
  z-index: 1;
  max-height: 220px;
  overflow-y: auto;
}

.sbOptions li {
  padding: 0;
}

.sbDisabled {
  color: #ffffff;
  background-color: #b64083;
}

.sbOptions a, .sbOptions span {
  border-bottom: solid 1px #caddec;
  display: block;
  outline: none;
  padding: 4px 8px;
}

.sbOptions a:link, .sbOptions a:visited {
  color: #1f3745;
  text-decoration: none;
}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
  color: #ffffff;
  background-color: #df4d9e;
}

.join-stepform .sbHolder, .mysearchbox .sbHolder {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  width: 100%;
}

.join-stepform .sbHolder .sbSelector, .mysearchbox .sbHolder .sbSelector {
  position: static;
  display: inline-block;
  padding-left: 4px;
}

.join-stepform .sbHolder .sbToggle, .mysearchbox .sbHolder .sbToggle {
  top: 2px;
}

.join-stepform .sbHolder .sbOptions, .mysearchbox .sbHolder .sbOptions {
  width: 62px;
}

.name-selbox {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-style: normal;
}

.form-infoblock.last {
  font-weight: 700;
  font-style: italic;
  color: #000;
  font-size: 18px;
}

.join-stepform .name-selbox .sbHolder .sbOptions, .mysearchbox .name-selbox .sbHolder .sbOptions {
  /*width: 170px;*/
  /*width: 230px;*/
  width: 100%;
  left: 0;
}

.form-infoblock {
  padding: 0 0 36px;
  line-height: 1.8;
}

.form-infoblock.last {
  padding-bottom: 0;
}

.banner-picture {
  display: none;
}

input.step-submitbtn {
  width: 274px;
  margin: 0 auto;
  padding: 8px 0;
  text-align: center;
}

.register-fixedbtn {
  position: fixed;
  width: 100%;
  background: #fff;
  padding: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  display: none;
  z-index: 99999;
}

.register-fixedbtn a {
  border-radius: 4px;
  display: block;
  background: #33c388;
  text-align: center;
  line-height: 42px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}

.register-fixedbtn a:hover {
  background: #2dab77;
  color: #fff;
}

/* =Page-Profile page
========================================================================================*/
.loggedin #logo span {
  width: 75px;
  height: 24px;
  background-position: 0 -123px;
}

.action-menu {
  float: left;
  margin-left: 45px;
}

.action-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.action-menu > ul > li {
  float: left;
  position: relative;
  z-index: 3;
}

.action-menu > ul > li > a {
  display: block;
  height: 64px;
  padding: 19px 20px;
}

.action-menu > ul > li > a:hover, .action-menu > ul > li.active > a {
  background: #e6e7e7;
}

.action-menu > ul > li > a > span {
  text-indent: -999em;
  display: block;
  width: 37px;
  height: 28px;
  position: relative;
}

.action-menu .subnavbox {
  width: 230px;
  position: absolute;
  left: 0;
  top: 100%;
  background: #e6e7e7;
  z-index: 5;
  font-size: 16px;
  display: none;
}

.action-menu .subnavbox strong {
  font-size: 16px;
  display: block;
  padding: 6px 12px;
}

.action-menu > ul > li a span em {
  text-indent: 0;
  display: block;
  position: absolute;
  border-radius: 100%;
  background: #de479e;
  right: -13px;
  top: -10px;
  color: #fff;
  width: 23px;
  height: 23px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-style: normal;
}

.action-menu .subnavbox li a {
  line-height: 24px;
  padding: 9px 5px 11px 36px;
  position: relative;
  display: block;
  font-style: italic;
  color: #1f3745;
}

.action-menu .subnavbox li a:hover {
  background: #fff;
}

.action-menu .subnavbox li a:before {
  background: url("../images/bgi/sprites.png?v3.4") -148px -96px no-repeat;
  content: "";
  width: 16px;
  height: 13px;
  position: absolute;
  left: 12px;
  top: 15px;
}

.action-menu .messages li a:before {
  background: url("../images/bgi/sprites.png?v3.4") -9px -221px no-repeat;
  width: 18px;
  height: 13px;
  left: 12px;
  top: 15px;
}

.action-menu .winks li a:before {
  background: url("../images/bgi/sprites.png?v3.4") -29px -221px no-repeat;
  width: 22px;
  height: 13px;
  left: 8px;
  top: 15px;
}

.action-menu .views li a:before {
  background: url("../images/bgi/sprites.png?v3.4") -77px -219px no-repeat;
  width: 22px;
  height: 17px;
  left: 9px;
  top: 14px;
}

.action-menu .subnavbox li.active a {
  color: #fff;
  background: #de479e;
}

.action-menu .subnavbox li.active a:before {
  background-position: -166px -96px;
}

.action-menu .messages li.active a:before {
  background-position: -10px -245px;
}

.action-menu .winks li.active a:before {
  background-position: -30px -245px;
}

.action-menu .views li.active a:before {
  background-position: -77px -243px;
}

.user-trigger {
  position: relative;
  z-index: 1;
  margin-right: 18px;
}

.user-trigger::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  z-index: -1;
  transition: all 350ms ease-in-out;
}

.user-trigger strong {
  display: block;
  font-size: 17px;
  line-height: 1;
  padding-top: 6px;
  font-style: normal;
}

.username-row {
  position: relative;
  background: #000000;
  padding: 9px 45px;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.75);
  font-style: italic;
  text-align: center;
}

.username-row a.prev-profile, .username-row a.next-profile {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 20px;
  text-indent: -999em;
}

.username-row a.next-profile {
  right: 13px;
}

.username-row a.prev-profile {
  left: 10px;
}

.username-row a.next-profile:after {
  right: 0;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(230, 231, 231, 0);
  border-left-color: #e6e7e7;
  border-width: 11px 16px;
  margin-right: -17px;
  -moz-transform: scale(0.9999);
}

.username-row a.next-profile:hover:after {
  border-left-color: #ee2956;
}

.username-row a.prev-profile:after {
  right: 0;
  top: -2px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: transparent;
  border-right-color: #e6e7e7;
  border-width: 11px 16px;
  margin-left: -17px;
  -moz-transform: scale(0.9999);
}

.username-row a.prev-profile:hover:after {
  border-right-color: #ee2956;
}

.online span.sp-after:after {
  width: 25px;
  height: 27px;
  background-position: -178px -154px;
  top: -1px;
  position: relative;
}

.user-access-row {
  background: #f2f2f2;
  padding: 10px;
}

@media (min-width: 480px) {
  .user-access-row {
    background: #f4f6f6;
  }
}
.accessicon-nav {
  font-size: 0;
  text-align: center;
}

.accessicon-nav a {
  width: 32px;
  height: 27px;
  text-indent: -999em;
  display: inline-block;
  margin: 0 4px;
}

.flag-icon {
  background-position: -488px -216px;
}

.flag-icon:hover, .flag-icon.active {
  background-position: -488px -236px;
}

.profile-thumb {
  float: left;
  margin-right: 10px;
}

.profile-thumb img {
  border-radius: 10px;
}

.user-proinfo-section {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 10px 0;
  border-radius: 10px;
  font-weight: 400;
  color: #fff;
  background: #f06db9;
  padding: 5px 12px;
  font-size: 16px;
  font-style: normal;
}

.profile-infobox p {
  border-radius: 10px;
  font-weight: 400;
  color: #fff;
  background: #de479e;
  padding: 8px 12px;
  margin-bottom: 10px;
  overflow: hidden;
  font-style: italic;
  font-size: 16px;
  line-height: 1.2;
}

.section-title {
  font-size: 24px;
  font-style: italic;
  color: #fff;
  background: #000;
  padding: 10px 10px;
  text-align: center;
  text-shadow: none;
  font-weight: 700;
}
.section-title span {
  line-height: 1.3;
}
.section-title .ui-icon {
  display: none;
}

.trigger-link {
  cursor: pointer;
}

.photobox {
  margin-bottom: 15px;
}

.photslideouter {
  position: relative;
  padding: 4px 45px;
}

.photos-slider figure img {
  border-radius: 18px;
}

.photos-slider.owl-theme .owl-controls {
  margin: 0;
}

.photos-slider.owl-theme .owl-nav div {
  font-size: 0;
  width: 26px;
  height: 30px;
  background: none;
  border-radius: 0;
  top: 50%;
  position: absolute;
  margin: -15px 0 0 0;
}

.photos-slider.owl-theme .owl-nav div:hover {
  background: none;
}

.photos-slider.owl-theme .owl-nav div.owl-prev {
  left: -36px;
}

.photos-slider.owl-theme .owl-nav div.owl-next {
  right: -36px;
}

.photos-slider.owl-theme .owl-nav div.owl-next:after {
  left: 0;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(92, 168, 210, 0);
  border-left-color: #5ca8d2;
  border-width: 15px 25px;
  margin-top: 0;
  -moz-transform: scale(0.9999);
}

.photos-slider.owl-theme .owl-nav div.owl-prev:after {
  right: 0;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(92, 168, 210, 0);
  border-right-color: #5ca8d2;
  border-width: 15px 25px;
  margin-top: 0;
  -moz-transform: scale(0.9999);
}

.photos-slider.owl-theme .owl-nav div.owl-next:hover:after {
  border-left-color: #ee2956;
}

.photos-slider.owl-theme .owl-nav div.owl-prev:hover:after {
  border-right-color: #ee2956;
}

.photos-slider.owl-theme .owl-nav div.owl-prev.disabled, .owl-theme .owl-nav div.owl-next.disabled {
  opacity: 0.5;
  cursor: default;
  display: none !important;
}

.photos-slider.owl-carousel .owl-item {
  margin: 0 20px 0 0;
  width: 90px !important;
}

.messagelisting {
  margin: 0;
  padding: 0;
  list-style: none;
}

.messagelisting li {
  padding: 5px 0;
  font-size: 16px;
  background: #f7f7f7;
}

.messagelisting li a {
  text-decoration: none;
  color: #1f3745;
}

.messagelisting li a:hover {
  color: #de479e;
}

.messagelisting li.even {
  background: #f3f3f3;
}

.messagelisting li span.sprites, .messagelisting li a.sprites {
  text-indent: -999em;
  display: inline-block;
  width: 16px;
  height: 17px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin: 0 5px;
}

.messagelistbox {
  margin: 0 0 10px;
}

.messagelistbox .section-title {
  margin-bottom: 10px;
}

.commanbox {
  margin-bottom: 5px;
  font-size: 16px;
}

.section-body {
  padding: 0 10px 0;
}

.section-body strong {
  margin: 0 0 3px;
  display: inline-block;
}

.row {
  padding: 0 0 7px;
}

.profilematchbox .user-proinfo-section {
  margin: 0 7px 7px 0;
}

.profilematchbox p {
  border-radius: 10px;
  font-weight: 600;
  color: #fff;
  background: #ba1976;
  padding: 8px 12px;
  margin-bottom: 10px;
  overflow: hidden;
  line-height: 1.2;
}

.box-title {
  margin: 0;
  text-align: center;
  font-style: italic;
  position: relative;
  background: #000000;
  padding: 7px 10px;
  line-height: 1;
  color: #fff;
  font-weight: 400;
  font-size: 24px;
  font-style: italic;
  text-align: center;
  line-height: 36px;
  position: relative;
}

.box-title span {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-position: -559px -102px;
  width: 28px;
  height: 25px;
}

.mysearchblock .box-title span a {
  background-position: -558px -101px;
  width: 30px;
  height: 28px;
  display: inline-block;
}

@media (min-width: 1001px) {
  .box-title span {
    display: none;
  }
}
.mysearchbox {
  margin: 0 0 10px;
  background: #fff;
  padding: 11px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #000;
  border-top: 0;
}

.mysearchbox .step-form li .ideal {
  padding-bottom: 0;
}

.mysearchbox .step-form li input[type=submit] {
  width: 100%;
}

.mysearchbox .step-form li.submitrow {
  padding: 3px 0 10px;
}

.search-trigger {
  width: 35px;
  height: 36px;
  background-position: -763px -235px;
}

/* =Page-Guest list page
========================================================================================*/
.guestmember-listing {
  margin: -5px -5px 17px;
  padding: 0;
  list-style: none;
}

.guestmember-listing li {
  width: 50%;
  padding: 5px;
  float: left;
}

.graybox {
  background: #f7f7f7;
}

.guestmember-listing li figure {
  float: left;
  margin-right: 22px;
  width: 55px;
}

.guestmember-listing li figure img {
  border-radius: 5px;
}

.guestmember-listing li h4 {
  margin: 2px 0 5px;
  font-style: italic;
}

.guestmember-listing li a {
  color: #de479e;
  text-decoration: none;
  display: block;
  padding: 10px;
  height: 113px;
}

.guestmember-listing li a:hover {
  color: #871657;
}

.guestmember-listing li p {
  font-style: italic;
  overflow: hidden;
  margin: 0;
  color: #000;
  line-height: 1.15;
  font-size: 16px;
}

.guestmember-listing li .graybox, .search-userlist li .graybox {
  box-shadow: 1px 3px 6px #e6e6e6;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.12);
}

.testimonial-icon {
  position: absolute;
  left: -4px;
  top: 0;
  fill: #fff;
  width: 24px; /* Pas aan naar de afmetingen van je SVG */
  height: 24px; /* Pas aan naar de afmetingen van je SVG */
}

.testimonial.owl-carousel .owl-item {
  -moz-transition: none;
  -webkit-transition: none;
  -ms-transition: none;
  -moz-transition: none;
}

.testimonial-block {
  background: #e1e1e1;
  padding: 40px 0 26px;
}

.testimonial {
  color: #191919;
  font-style: italic;
}

.testimonial .item {
  width: 33.3333%;
  float: left;
  padding: 3px 34px 0 20px;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
}

.testimonial .item p {
  margin: 0 0 20px;
}

.testimonial-user {
  display: block;
  text-align: right;
  font-weight: 500;
}

.testimonial-user em {
  color: #de479e;
}

.testimonial .item:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
}

/* =Page-Membership page
========================================================================================*/
.pinkbox {
  background: #ffa200;
  border-radius: 8px;
  padding: 12px;
  color: #fff;
}

.pricelist {
  margin: 10px -5px 20px;
  padding: 0;
  list-style: none;
  padding-top: 15px;
}

.pricelist li {
  padding: 0 5px;
  float: left;
  width: 25%;
}

.pricelist .pinkbox {
  text-align: center;
  min-height: 340px;
  position: relative;
}

.ordernow {
  background: #871657;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  line-height: 32px;
  padding: 5px 15px;
  text-align: center;
  font-size: 17px;
  display: inline-block;
}

.pricelist li h3 {
  font-size: 30px;
  border-bottom: solid 1px #fff;
  margin: 0;
  padding: 3px 0 12px;
  font-weight: 400;
}

.pricelist li h4 {
  margin-bottom: 10px;
}

.pay-pricebox {
  padding-left: 7px;
}

.pay-pricebox.overhundred {
  padding-left: 0;
}

.pay-pricebox span {
  position: relative;
  top: 4px;
}

.pay-pricebox {
  font-size: 21px;
  border-top: solid 1px #9b1b38;
  position: relative;
  padding-bottom: 17px;
  text-align: left;
}

.pay-pricebox small {
  font-size: 10px;
  margin: 0 0 0 2px;
  position: relative;
  top: 5px;
  position: absolute;
  top: 35px;
  padding-left: 6px;
}

.pay-pricebox strong {
  font-size: 58px;
  font-weight: 400;
  letter-spacing: -0.12em;
  vertical-align: middle;
  line-height: 1.25;
  padding-right: 3px;
}

.pay-pricebox.overhundred span.cent {
  padding-left: 0;
}

.pay-pricebox span.cent {
  position: absolute;
  top: 9px;
  padding-left: 6px;
}

.pricelist li p {
  margin: 0 -10px;
  line-height: 1.2;
  font-size: 15px;
}

.pricelist li .btnbox {
  position: absolute;
  bottom: 17px;
  width: 100%;
  left: 0;
  padding: 0 19px;
}

.pricelist li .ordernow {
  display: block;
}

.overhundred.pay-pricebox small {
  right: -9px;
}

.overhundred.pay-pricebox strong {
  position: relative;
  left: -6px;
}

.promo:after {
  position: absolute;
  width: 82px;
  height: 82px;
  /*background-position: -297px -111px;*/
  right: -4px;
  top: -4px;
}

.ribbon-icon {
  position: absolute;
  right: -10px; /* Aanpassen op basis van waar je het icoon wilt hebben */
  top: -5px; /* Aanpassen op basis van waar je het icoon wilt hebben */
  width: 90px; /* Stel de breedte van je SVG in */
  height: 90px; /* Stel de hoogte van je SVG in */
  fill: #5ca8d2; /* Pas de vulkleur aan indien nodig */
}

.pinkbox .ribbon-icon {
  top: -9px;
}

.ribbon-container {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center; /* Dit helpt bij het verticaal centreren van de tekst indien nodig */
  justify-content: flex-start; /* Pas aan op basis van je behoefte */
}

.hide {
  display: none;
}

.priceinfo {
  line-height: 1.25;
  font-style: italic;
  font-size: 15px;
  padding: 20px 0 15px;
}

.payment-optlist {
  margin: 35px 0;
  padding: 0;
  list-style: none;
}

.payment-optlist li {
  padding: 8px 0;
  position: relative;
  padding-left: 58px;
}

.payment-optlist li .ez-radio {
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 16px;
}

.pay-methodbox {
  font-size: 16px;
  padding: 5px 0 35px;
}

.buttonrow {
  text-align: center;
}

.buttonrow input {
  padding: 9px 35px;
}

/* =Page-Search result page
========================================================================================*/
.search-tabnav {
  margin: 0 -3px 10px;
  padding: 0;
  list-style: none;
}

.search-tabnav li {
  padding: 0 3px;
  width: 33.3333%;
  float: left;
  font-size: 22px;
}

.search-tabnav li a {
  display: block;
  line-height: 38px;
  text-align: center;
  border: solid 2px #000;
  border-radius: 4px;
  padding-bottom: 6px;
  padding-top: 3px;
  color: #000;
}

.search-tabnav li a:hover, .search-tabnav li.active a {
  border-color: #de479e;
  color: #de479e;
}

.search-userlist {
  /*margin: 5px -5px;*/
  padding: 0;
  list-style: none;
}

.search-userlist li {
  padding: 5px;
  width: 50%;
  float: left;
}

.search-userlist li h4 {
  background: #000;
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  font-style: italic;
  padding: 9px 30px;
  line-height: 1.35;
  position: relative;
  margin: 0;
  color: #fff;
}

.search-userlist li h4 a {
  color: #fff;
}

.search-userlist li h4 a:hover {
  color: #de479e;
}

.female h4:before, .male h4:before, .both h4:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 33px;
  left: 15px;
  top: 7px;
  background-image: url("../images/bgi/sprites.png?v3.4");
  background-repeat: no-repeat;
}

.female h4:before {
  background-position: -206px -266px;
}

.male h4:before {
  background-position: -169px -266px;
}

.both h4:before {
  background-position: -243px -266px;
}

.online-user {
  background-position: -185px -37px;
  width: 24px;
  height: 22px;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto 10px auto 0;
}

.search-userthumb {
  position: relative;
  width: 100px;
  float: left;
  margin-right: 10px;
}

.search-userthumb img {
  border-radius: 18px;
}

.search-userthumb span {
  position: absolute;
  width: 100%;
  background: #de479e;
  color: #fff;
  padding: 5px 8px;
  text-align: center;
  font-size: 13px;
  left: 0;
  bottom: 0;
  font-weight: 700;
  border-radius: 0 0 10px 10px;
}

.search-userthumb span:before {
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.photo-icon {
  position: absolute;
  bottom: 2px; /* Aanpassen op basis van de afstand van de onderkant */
  left: 7px; /* Aanpassen op basis van de afstand van de linkerkant */
  width: 32px; /* Zorg ervoor dat de breedte en hoogte zijn ingesteld */
  height: 32px;
  fill: #fff; /* Stel de vulkleur van het icoon in */
  z-index: 5;
}

.user-detailinfo {
  height: 160px;
  overflow: hidden;
  line-height: 1.2;
  font-size: 18px;
  color: #000;
  padding-top: 2px;
  font-style: italic;
}

.user-detailinfo p span {
  display: inline-block;
  vertical-align: middle;
}

.user-detailinfo p span img {
  margin-right: 9px;
}

.user-searchresultbody {
  padding: 10px;
}

.search-userlist li .accessicon-nav {
  padding: 2px 0 12px;
}

.pagination {
  background: #bfc5ca;
  padding: 8px 47px;
  clear: both;
  margin: 5px 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  position: relative;
  margin-bottom: 25px;
}

.pagination strong {
  color: #000;
  margin: 0 2px;
  position: relative;
  top: 2px;
}

.formlisting, .checkboxlisting {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.formlisting > li, .checkboxlisting > li {
  padding: 5px 0;
  font-size: 16px;
}

.formlisting > li textarea {
  height: 120px;
}

.formlisting > li > label, .checkboxlisting > li > label {
  float: left;
  padding: 9px 12px 8px 12px;
  line-height: 1.2;
}

.formlisting > li > label {
  width: 40.9523809524%;
}

.checkboxlisting > li > label {
  width: 1%;
}

.formlisting > li > .fieldbox, .checkboxlisting > li > .fieldbox {
  float: left;
  padding-right: 12px;
}

.formlisting > li > .fieldbox {
  width: 59.0476190476%;
}

.checkboxlisting > li > .fieldbox {
  width: 99%;
}

.require {
  color: #ee2956;
  position: relative;
  top: -3px;
}

.formlisting > li.error > label {
  color: #ee2956;
}

.year-selbox .sbHolder {
  width: 65px;
  margin-top: 6px;
  display: block;
}

.year-selbox .sbToggle {
  top: 2px;
}

.year-selbox .sbSelector {
  padding-left: 2px;
}

.year-selbox .sbOptions {
  width: 65px;
}

.formlisting > li .ez-radio, .formlisting > li .ez-checkbox, .checkboxlisting > li .ez-radio, .checkboxlisting > li .ez-checkbox {
  top: -1px;
  position: relative;
  margin-right: 8px;
  vertical-align: middle;
}

.radiobox {
  padding: 5px 0;
}

.formlisting > li.emailrow {
  padding-bottom: 50px;
}

.checkboxlist {
  margin: 0;
  padding: 0 0 0 3px;
  list-style: none;
}

.checkboxlist li {
  padding: 7px 0 8px;
  line-height: 1.2;
}

.checkboxlist li .ez-checkbox, .checkboxlist li .ez-radio {
  vertical-align: top;
  position: relative;
  top: 2px;
}

.checkboxlist li label {
  overflow: hidden;
  display: inline-block;
  width: 80%;
}

.note {
  font-size: 16px;
  display: block;
  padding: 5px 0 20px 0;
}

.editprofile-form {
  padding: 0 0 50px;
}

.editprofile-form div.error {
  font-size: 16px;
  line-height: 1.35;
}

.editprofile-form input[type=submit] {
  padding: 8px 55px;
  color: #fff;
}

/* =Page-mail List page
========================================================================================*/
.maillisting {
  margin: 22px 0 0 0;
  padding: 0;
  list-style: none;
}

.maillisting li {
  padding: 7px 0;
  font-size: 16px;
}

.maillisting li a {
  text-decoration: none;
  color: #1f3745;
}

.maillisting li a:hover {
  color: #de479e;
}

.maillisting li.odd {
  background: #f3f3f3;
}

.maillisting li span.sprites, .maillisting li a.sprites {
  text-indent: -999em;
  display: inline-block;
  width: 16px;
  height: 17px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin: 0 5px;
}

.maillisting li span.sprites.hidden, .maillisting li a.sprites.hidden {
  visibility: hidden;
}

.maillisting li.header, .maillisting li.header a {
  color: #de479e;
  font-weight: 700;
}

.maillisting li .ez-checkbox {
  position: relative;
  top: -2px;
}

.maillisting li.header .ez-checkbox {
  background-position: -40px 0;
}

.maillisting li.header .ez-checkbox.ez-checked {
  background-position: -40px -20px;
}

/* =Page-mail Green infobox css
========================================================================================*/
.greeninfobox {
  background: #97cb45;
  color: #fff;
  margin-bottom: 10px;
}

.greeninfobox .box-title {
  background: #aaec42;
  text-shadow: none;
  color: #000;
  position: relative;
  padding-left: 45px;
  padding-right: 45px;
}

.info-content {
  padding: 15px 15px 5px 15px;
  line-height: 1.25;
  font-size: 16px;
}

.closebox {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  fill: #000000;
  cursor: pointer;
}

.closebox:hover {
  fill: #de479e;
}

.step-form .fieldrow.username {
  position: relative;
}

.resetbtn {
  position: absolute;
  right: 9px;
  top: 9px;
  z-index: 2;
  background-position: -207px -184px;
  width: 18px;
  height: 18px;
  text-indent: -999em;
  display: none;
}

.resetbtn:hover {
  background-position: -227px -184px;
}

/**

Mail

**/
.form-message-result.hidden {
  display: none;
}

/* =Mail-Detail Page
========================================================================================*/

.response-form h3.box-title {
  background: #e6e7e7;
  color: #1f3745;
  text-shadow: none;
  font-weight: 700;
}

.close-btn {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 19px;
  height: 19px;
  margin-top: -9px;
  background: url("../images/bgi/sprites.png?v3.4") -260px -222px no-repeat;
  text-indent: -999em;
}

.close-btn:hover {
  background-position: -260px -246px;
}

.response-form .note {
  font-size: 16px;
  color: #ee2956;
  margin: 4px 14px;
  line-height: 1.25;
}

.form-list {
  margin: 0 14px;
}

.form-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.form-list li {
  margin: 0 0 9px;
}

.form-list li textarea {
  height: 350px;
}

.form-list li input[type=text], .form-list li textarea {
  font-size: 16px;
  color: #1f3745;
}

.form-list li textarea {
  line-height: 1.25;
}

.form-list li.submitrow {
  margin: 34px 0 35px;
}

.form-list li input[type=button] {
  width: 274px;
  height: 40px;
  float: left;
  background: #cecece;
  font-size: 17px;
  font-weight: 700;
  color: #1f3745;
  border-radius: 6px;
}

.form-list li input[type=button]:hover {
  background: #1f3745;
  color: #fff;
}

.form-list li input[type=submit], .form-list li button {
  width: 274px;
  height: 40px;
  float: right;
  font-size: 17px;
  font-weight: 700;
}

.form-list li {
  font-size: 16px;
}

.select-example {
  background: #f6f7f7;
  padding: 8px 12px 10px;
  margin: 10px 0 0;
}

.select-example label {
  font-size: 16px;
  overflow: hidden;
}

.select-example .fieldrow {
  float: right;
  width: 405px;
}

.select-example .sbSelector, .select-example .sbHolder {
  height: 27px;
  line-height: 27px;
}

.select-example .sbSelector {
  font-size: 16px;
}

.select-example .sbToggle {
  height: 20px;
  background-position: -93px -34px;
}

.select-example .sbOptions {
  width: 100%;
}

 .form-list li button:before {
  content: "";
  width: 14px;
  height: 16px;
  background: url("../images/bgi/sprites.png?v3.4") -187px -223px no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.form-list li button:before {
  margin-right: 5px;
}

.response-form .note.grey {
  color: #1f3745;
}

.form-list li .fieldrow .ez-checkbox {
  float: left;
  width: 20px;
  margin: 4px 10px 0 0;
}

.photos-slider figure a {
  padding-top: 4px;
  position: relative;
  display: block;
}

.private:after {
  /*background-position: -384px -111px;*/
  width: 82px;
  height: 82px;
  position: absolute;
  right: -4px;
  top: 0;
}

/*
========================================
Upload
========================================
*/
.progress {
  max-width: 350px;
  margin: 0 auto;
  width: 100%;
  padding: 1px;
  border: solid 1px #b6b6b6;
  border-radius: 4px;
}

.progress .bar {
  background: #ee2956;
  height: 4px;
  width: 0%;
  border-radius: 6px;
}

.percent {
  position: absolute;
  display: inline-block;
  top: 10px;
  left: 48%;
  font-size: 14px;
}

.name-selbox.error {
  color: #1f3745;
  display: inline-block;
  font-size: 16px;
  text-align: left;
}

/* 9th March 2016 Added new CSS style
-----------------------------------------------------------------------------*/
.pay-methodbox {
  font-size: 16px;
  padding: 5px 0 35px;
}

.graybox-lighter {
  background: #fafafa;
  margin-bottom: 10px;
  padding: 10px;
}

.tab-data .tabnav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.tab-data .tabnav li {
  float: left;
  margin: 0 14px 14px 0;
}

.tab-data .tabnav li .tabtrigger, .tab-data .tabMobiletrigger {
  border: solid 2px #929292;
  border-radius: 4px;
  display: block;
  transition: border-color 350ms ease-in;
  cursor: pointer;
  background: #fff;
}

.tab-data .tabnav li .tabtrigger img, .tab-data .tabMobiletrigger img {
  border-radius: 3px;
}

.tab-data .tabnav li .tabtrigger:hover, .tabnav li.active .tabtrigger, .tab-data .tabMobiletrigger.active {
  border-color: #5ca8d2;
}

.tab-data .tabnav li.active .tabtrigger img.BWFilter.BWfade, .tab-data .tabMobiletrigger.active img.BWFilter.BWfade {
  opacity: 0 !important;
}

.tab-data .tabnav li .tabtrigger .ez-radio, .tab-data .tabMobiletrigger .ez-radio {
  margin: 11px;
  margin-bottom: 10px;
}

.tab-data .tabnav li.active .tabtrigger .ez-radio, .tab-data .tabMobiletrigger.active .ez-radio {
  background-position: 0 -20px;
}

.tabtrigger label {
  cursor: pointer;
  position: relative;
  height: 41px;
  display: inline-block;
  vertical-align: top;
}

.tabtrigger label img.BWFilter {
  left: 0 !important;
  top: 0 !important;
}

.tab-data .tabcontent {
  display: none;
}

.tab-data .tabcontent {
  font-size: 16px;
  padding: 5px 10px;
}

.tab-data .tabcontent .payment-optlist {
  margin: 5px 0 40px;
}

.tab-data .tabcontent .payment-optlist li {
  width: 50%;
  float: left;
}

.tab-data .tabcontent p label {
  overflow: hidden;
  display: inline-block;
  width: 90%;
  line-height: 2;
}

.tab-data .tabcontent p .ez-checkbox {
  vertical-align: top;
  margin: 3px 10px 0 0;
}

.tab-data .tabcontent .ez-checkbox {
  background-position: -80px 0;
}

.tab-data .tabcontent .ez-checkbox.ez-checked {
  background-position: -80px -20px;
}

.tab-data .tabcontent .buttonrow {
  margin: 10px 0;
}

.tab-data .tabcontent .buttonrow button {
  background: #33c388;
  line-height: 1.1;
  min-width: 274px;
  font-weight: 700;
  height: 40px;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

.tab-data .tabcontent .buttonrow button:hover {
  background: #23b177;
}

.checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.checklist li {
  position: relative;
  padding: 0 0 10px 32px;
  margin: 10px 0;
  line-height: 1.25;
}

.checklist li:before {
  content: "";
  background: url("../images/bgi/sprites.png?v3.4") -439px -26px no-repeat;
  width: 17px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 4px;
}

.pay-methodbox h5 {
  color: #ee2956;
  margin: 7px 0 22px;
}

.tab-data .tabMobiletrigger {
  margin-bottom: 15px;
}

/* Cookie Balk */
.cookie-bar {
  padding: 0 0 4px;
  background: #f7f7f7;
}

.cookie-footer p {
  width: 738px;
  float: left;
  font-size: 14px;
  line-height: 16px;
  color: #1d1d1b;
  margin-top: 20px;
}

.cookie-footer .wrap {
  position: relative;
}

.cookie-footer button.button {
  position: absolute;
  bottom: 11px;
  right: 0;
  padding: 0 10px;
}

button.button {
  line-height: normal;
  background: #33c388;
  color: #fff;
  font-size: 16px;
}

button.button:hover {
  background: #23b177;
}

/* Password hide/show */
.show-password {
  width: 24px;
  height: 20px;
  background-image: url("../images/svg/form-show-icon.svg");
  position: absolute;
  right: 8px;
  top: 8px;
  text-indent: -999em;
  z-index: 1;
  background-repeat: no-repeat;
  display: block;
}

.show-password.visible {
  background-image: url("../images/svg/form-hide-icon.svg");
}

.loginform .password input {
  padding-right: 36px;
}

/* WP Footer content */
.footermenu-block {
  float: left;
  width: 50%;
  margin-top: -30px;
}

.footermenu-block .fmenu {
  width: 50%;
  margin-top: 30px;
}

.footermenu-block .fmenu:nth-child(2n+1) {
  clear: left;
}

.footermenu-block .fmenu:nth-child(2n) {
  clear: right;
}

.footer-content-col {
  float: left;
  width: 50%;
  padding-left: 30px;
}

.footer-content-col h4 {
  color: #de479e;
  font-size: 18px;
  margin: 0 0 5px;
}

.footer-content-col img {
  margin-bottom: 10px;
}

.footer-content-col p {
  line-height: 1.2;
  margin-bottom: 5px;
}

.read-more {
  color: #de479e;
}

.read-more:hover {
  color: #f06db9;
}

/* Mail Application CSS style start
-----------------------------------------------------------------------------*/

.notification {
  background: #9ea2a5;
  border-radius: 50px;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  height: 19px;
  left: -30px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 19px;
}

.swipe-box .flag-icon {
  background: #ffba00;
}

.swipe-box .flag-icon.active {
  background: #16d0ea;
}

.swipe-box .flag-icon:before {
  background-position: -10px -242px;
}

.swipe-box .flag-icon.active:before {
  background-position: -488px -236px;
}

body:after {
  content: "";
  transition: opacity;
  transition: opacity 550ms cubic-bezier(0.45, 1, 0.32, 1);
  opacity: 0;
  width: 0;
  height: 0;
}

.message {
  display: block;
  margin: 0 0 15px;
}

.message:after {
  content: "";
  display: table;
  clear: both;
}

/* Mobile Mail Thread CSS style
-----------------------------------------------------------------------------*/

.reply-btn {
  background: #def0fb;
  display: block;
  position: fixed;
  bottom: 30px;
  font-size: 15px;
  color: #1f3745;
  text-align: center;
  padding: 8px 0;
  width: 100%;
}

.reply-btn:hover {
  background: #bacdd8;
  color: #1f3745;
}

 .reply-btn:before {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/bgi/sprites.png?v3.4") no-repeat -503px -52px;
  width: 17px;
  height: 14px;
  margin: 0 8px 0 0;
}

.mail-list-row {
  position: relative;
  transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);
}

.mailthread-row {
  padding: 0 0 60px;
  margin-bottom: 20px;
}

.reply-btn {
  position: absolute;
}

/* Mobile Mail Message CSS style
-----------------------------------------------------------------------------*/

 .back {
  width: 45px;
  height: 45px;
  text-align: center;
  position: absolute;
  backface-visibility: hidden;
}

.back {
  transform: rotateY(180deg);
}

.mail-thread #footer {
  padding-bottom: 45px;
}

#fade {
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 35;
}
/* Scroll to top button */
#button-top {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #ffba00;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  font-size: 18px;
  width: 40px;
}

#button-top:hover {
  background-color: #ee2956;
}

.button-top-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11px;
  margin: auto;
  background-image: url("../images/bgi/sprites.png?v3.4");
  background-repeat: no-repeat;
  color: white;
  text-indent: -999em;
  background-position: -390px -219px;
  width: 17px;
  height: 19px;
  transform: rotate(90);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

/* New CSS */

.scroll-contain-block {
  height: 140px;
}

.scrollbar {
  height: 100%;
}

.scroll-contain-block .up-scroll, .scroll-contain-block .down-scroll {
  height: 23px;
  width: 23px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border-right: 4px solid #f56184;
  border-bottom: 4px solid #f56184;
  transition: 350ms all;
}

.scroll-contain-block .up-scroll {
  transform: rotate(-135deg);
  top: 18px;
}

.scroll-contain-block .down-scroll {
  transform: rotate(45deg);
  bottom: 18px;
}

.scroll-contain-block .up-scroll:hover, .scroll-contain-block .down-scroll:hover {
  border-color: #fff;
}

@media only screen and (max-width: 767px) {
  div.footer-content-col {
    margin-bottom: 35px;
  }
}
/** Pre code **/
code {
  font-size: 120%;
}

pre {
  white-space: pre-wrap; /* Since CSS 2.1 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

pre code {
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 20px;
}

span.affiliate {
  font-size: 12px;
  font-style: italic;
  color: #d35477;
}

/** 201903 Gender Selectie **/

.gender-sel-list {
  padding: 0;
  list-style: none;
  display: flex;
  max-width: 262px;
  margin: 0 auto 20px;
  justify-content: space-between;
}

.checkerror {
  max-width: 260px;
  margin: 0 auto;
  text-align: center;
  padding: 7px 0;
}

.checkerror .error {
  text-align: center;
}

.step-form li .specific-text {
  margin-bottom: 30px;
}

.step-form li .gender-sel-list {
  margin-top: 10px;
}

.step-form li .ideal {
  color: #46403c;
}

.age-slider #slider-margin, .age-slider #slider-margin-profile {
  margin-bottom: 15px;
  border: 0;
  box-shadow: none;
  height: 6px;
  border-radius: 0;
  background: #46403c;
}

.age-slider .noUi-horizontal .noUi-handle {
  width: 27px;
  height: 22px;
  background: #de479e;
  box-shadow: none;
  border: 0;
  border-radius: 8px;
  top: -9px;
  cursor: pointer;
}

.age-slider .example-val {
  font-size: 16px;
  font-weight: bold;
  color: #de479e;
}

.age-slider .noUi-handle:before, .age-slider .noUi-handle:after {
  display: none;
}

.mysearchbox .age-slider #slider-margin, .mysearchbox .age-slider #slider-margin-profile {
  margin-bottom: 15px;
  border: 0;
  box-shadow: none;
  height: 8px;
  border-radius: 7px;
  background: rgba(229, 72, 144, 0.41);
  max-width: 301px;
  width: 100%;
  margin: 7px auto 0;
}

.mysearchbox .age-slider .noUi-horizontal .noUi-handle {
  width: 38px;
  height: 30px;
  background: #de479e;
  box-shadow: none;
  border: 0;
  border-radius: 7px;
  top: -12px;
  cursor: pointer;
}

.mysearchbox .age-slider .example-val {
  font-size: 18px;
  font-weight: bold;
  color: #de479e;
}

.mysearchbox .age-slider .noUi-handle:before, .mysearchbox .age-slider .noUi-handle:after {
  height: 17px;
  width: 2px;
  background: #fff;
  display: block;
}

.mysearchbox .age-slider .noUi-handle:before {
  left: 15px;
}

.mysearchbox .age-slider .noUi-handle:after {
  right: 15px;
  left: auto;
}

.mysearchbox .age-slider {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  line-height: 24px;
}

div.tooltipster-sidetip div.tooltipster-box {
  background: #565656;
  border: 2px solid #000000;
}

.checkbox-action {
  width: 49.1%;
  display: inline-block;
  vertical-align: middle;
  background: rgba(229, 72, 144, 0.41);
  color: #fff;
  margin-right: 5px;
  position: relative;
  padding: 5px;
  font-weight: bold;
  cursor: pointer;
  transition: background 350ms ease-in-out;
  border-radius: 7px;
  font-style: normal;
}

.checkbox-action label {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

.checkbox-action.check-in {
  background: #de479e;
}

.checkbox-action.met-foto {
  margin-right: 0;
}

.checkbox-action .ez-checkbox {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/bgi/icon-check.png) no-repeat center top;
  width: 16px;
  height: 12px;
  opacity: 0;
  visibility: hidden;
}

.checkbox-action .ez-checkbox.ez-checked {
  opacity: 1;
  visibility: visible;
}

.step-form .select2-container--default .select2-selection--single, .mysearchbox .step-form .sbHolder {
  height: 43px;
  background: #fff;
  border: 2px solid #000;
  border-radius: 7px;
  font-weight: 700;
  font-size: 18px;
  color: #f06db9;
}

.step-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.step-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #de479e;
  font-weight: 700;
  line-height: 39px;
}

.step-form .select2-dropdown {
  border: 2px solid #000;
  border-radius: 7px;
}

.step-form .form-infoblock.last strong {
  margin-bottom: 14px;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  font-style: normal;
}

.search-userlist li .graybox h4:before {
  display: none;
}

.user-detailinfo p:empty {
  display: none;
}

.user-detailinfo p strong {
  display: none;
}

.sm-icon {
  height: 42px; /* Behoudt de aspect ratio */
  width: 42px; /* Of een andere passende grootte */
  fill: currentColor; /* Kleurt de SVG in de huidige tekstkleur */
  vertical-align: middle; /* Zorgt dat de SVG netjes uitlijnt met tekst */
  transform: translate(-10px, 2px); /* Verplaatst 10px naar links en 10px naar beneden */
}

.tm-icon {
  height: 42px; /* Behoudt de aspect ratio */
  width: 42px; /* Of een andere passende grootte */
  fill: #fff; /* Kleurt de SVG in de huidige tekstkleur */
  vertical-align: middle; /* Zorgt dat de SVG netjes uitlijnt met tekst */
}

.dot {
  position: absolute;
  top: -2px;
  right: -6px;
  width: 16px;
  height: 16px;
  background-color: #de479e;
  border-radius: 50%;
}

.userlogin-box a {
  display: flex;
}
.userlogin-box a .dot {
  top: 0px;
  right: -1px;
}

.graybox .dot {
  top: 15px;
  right: 15px;
}

.search-tabnav li a {
  display: flex;
  align-items: center; /* Zorgt voor verticale uitlijning van SVG en tekst */
  justify-content: center; /* Centreert de inhoud indien nodig */
}

.top-action-bar {
  background: #de479e;
  padding: 10px;
  width: 100%;
  position: relative;
  text-align: center;
  display: block;
  min-height: 50px;
}

.top-action-bar a.back-arrow-btn {
  position: absolute;
  display: block;
  left: 10px;
  top: 55%;
  transform: translateY(-50%);
}

.desktop-none .swipe-arrows a {
  transition: all 350ms ease-in-out;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  position: absolute;
  top: 0;
  width: 32px;
  height: 32px;
}

.desktop-none .swipe-arrows a.prev-arr {
  background-position: -514px -266px;
}

.desktop-none .swipe-arrows a.next-arr {
  background-position: -514px -234px;
}

.top-action-bar.desktop-none a.back-arrow-btn {
  position: absolute;
  display: block;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-position: -559px -102px;
  width: 30px;
  height: 25px;
}

.swipe-arrows {
  max-width: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
}

.swipe-arrows a {
  transition: all 350ms ease-in-out;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  position: absolute;
  top: 0;
  width: 32px;
  height: 32px;
}

.swipe-arrows a.prev-arr {
  left: 0;
  background-position: -589px -33px;
}

.swipe-arrows a.next-arr {
  right: 0;
  background-position: -589px 0px;
}

.swipe-arrows a:hover {
  opacity: 0.9;
}

.lightbox-open div.facebook .pp_content_container .pp_left, .lightbox-open div.facebook .pp_top .pp_left, .lightbox-open div.facebook .pp_top .pp_middle, .lightbox-open div.facebook .pp_top .pp_right, .lightbox-open div.facebook .pp_bottom .pp_right, .lightbox-open div.facebook .pp_content_container .pp_right, .lightbox-open div.facebook .pp_bottom .pp_middle, .lightbox-open div.facebook .pp_bottom .pp_left, .lightbox-open div.facebook .pp_content {
  background: transparent !important;
}

.lightbox-open div.facebook .pp_details {
  position: absolute !important;
  display: block !important;
  left: 0;
  top: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  display: flex !important;
  align-items: center;
  height: 31px;
  width: 100% !important;
}

.lightbox-open div.facebook .pp_details .pp_nav {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 80px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 31px;
}

.lightbox-open div.facebook .pp_details .pp_nav a {
  position: absolute;
  width: 30px !important;
  height: 31px !important;
}

.lightbox-open div.facebook .pp_close {
  background: url("../images/back-arrow.png") no-repeat center top !important;
  left: 20px;
  width: 28px !important;
  height: 29px !important;
  top: 0 !important;
}

.lightbox-open .pp_nav p.currentTextHolder {
  display: none;
}

.lightbox-open .pp_details .pp_nav a.pp_arrow_previous {
  right: 0;
  background: url("../images/swipe-arrow-right.png") no-repeat center top !important;
}

.lightbox-open .pp_details .pp_nav a.pp_arrow_next {
  left: 0;
  background: url("../images/swipe-arrow-left.png") no-repeat center top !important;
}

.lightbox-open div.facebook .pp_details a:hover {
  opacity: 0.9;
  transition: all 350ms ease-in-out;
}

.lightbox-open div.facebook .pp_content {
  border-radius: 18px;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 50px;
}

.lightbox-open .pp_overlay {
  opacity: 0.9 !important;
}

.lightbox-open .pp_fade {
  overflow: hidden;
  border-radius: 18px;
}

.lightbox-open .pp_hoverContainer {
  display: none !important;
}

.profile-infobox {
  padding: 10px 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.user-access-row {
  margin-bottom: 8px;
}

.section-title {
  margin-bottom: 3px;
  height: auto !important;
}

.trigger-link > div {
  height: 100%;
}

.trigger-link a.prev-profile, .trigger-link a.next-profile {
  display: none;
}

.countries-box {
  margin-bottom: 10px;
  font-style: normal;
  position: relative;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #de479e;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #de479e;
}

.select2-results__options .select2-results__option:nth-child(odd) {
  background: #fddff0;
  color: #de479e;
}
.select2-results__options .select2-results__option:nth-child(odd):hover {
  background-color: #de479e;
  color: #fff;
}

.select2-results__option {
  padding: 6px 14px;
  color: #de479e;
  font-size: 18px;
  font-weight: 700;
}
.select2-results__option span {
  display: inline-block;
}
.select2-results__option span img {
  margin-top: 4px;
  margin-right: 5px;
}

.select2-container--default .select2-results__option--selected {
  background: #de479e !important;
  color: #fff !important;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #f06db9;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.checkbox-action {
  text-align: left;
  padding-left: 36px;
}

.accordionStyle {
  position: relative;
}
.accordionStyle .top-action-bar {
  position: absolute;
  top: 0;
  background: transparent;
}
.accordionStyle .top-action-bar a.back-arrow-btn {
  z-index: 1;
}
.accordionStyle .top-action-bar .swipe-arrows {
  z-index: 1;
}

@media (max-width: 600px) {
  #main wrap {
    min-height: 85vh;
  }
}
@media (min-width: 1024px) {
  .step-form .select2-container {
    width: 286px !important;
  }
}
/*New css*/
.mysearchbox .sbSelector {
  display: block;
  height: 39px;
  left: 0;
  line-height: 39px;
  outline: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 10px;
}

.mysearchbox .sbSelector:link, .mysearchbox .sbSelector:visited, .mysearchbox .sbSelector:hover {
  color: #de479e;
  outline: none;
  text-decoration: none;
}

.mysearchbox .sbToggle {
  background: url("../images/bgi/sprites.png?v3.4") -93px -39px no-repeat;
  display: block;
  height: 16px;
  outline: none;
  position: absolute;
  right: 5px;
  top: 0;
  width: 16px;
  bottom: 0;
  display: none;
}

.mysearchbox .sbOptions {
  background-color: #ffffff;
  border: 2px solid #000;
  border-radius: 7px;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 100%;
  z-index: 1;
  max-height: 220px;
  overflow-y: auto;
  width: 100%;
}

.mysearchbox .sbOptions li {
  padding: 0;
}

.mysearchbox .sbDisabled {
  color: #fff;
  background: #000;
}

.mysearchbox .sbOptions a, .mysearchbox .sbOptions span {
  border-bottom: 0;
  display: block;
  outline: none;
  padding: 9px 15px 10px;
  text-align: left;
}

.mysearchbox ul.sbOptions li:nth-child(odd) {
  background: #fddff0;
  color: #fff;
}

.mysearchbox .sbOptions a:link, .mysearchbox .sbOptions a:visited {
  color: #de479e;
  text-decoration: none;
}

.mysearchbox .sbOptions a:hover, .mysearchbox .sbOptions a:focus, .mysearchbox .sbOptions a.sbFocus {
  color: #ffffff;
  background-color: #de479e;
}

.member-information-tab .tab-data .tabnav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: #de479e;
}

.member-information-tab .tab-data .tabnav li {
  margin: 0;
}

.member-information-tab .tab-data .tabnav li a {
  position: relative;
  width: 33px;
  height: 33px;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.member-information-tab .tab-data .tabnav li a:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 17px;
  left: 6px;
  top: 7px;
  background-repeat: no-repeat;
  background-image: url(../images/bgi/sprites.png);
  background-position: -297px -259px;
  opacity: 0;
}

.member-information-tab .tab-data .tabnav li.active a:before {
  opacity: 1;
}

.member-information-tab .tab-data .tabnav li.success:not(.active) a:before {
  background-position: -183px -96px;
  top: 9px;
  width: 16px;
  height: 12px;
  opacity: 1;
}

.member-information-tab .tabcontent {
  padding: 0;
}

.member-information-tab .box-title {
  background: #fddff0;
  color: #000;
  text-shadow: none;
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 15px;
}

.member-information-tab .mysearchbox {
  border: 0;
  padding: 0;
}

.member-information-tab .fieldrow label {
  width: 100%;
  display: block;
  line-height: normal;
  text-align: left;
  padding-bottom: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin-top: 0;
  display: inline-block;
  color: #000;
}

.member-information-tab .fieldrow label span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
  margin-left: 5px;
  background: #ee2956;
}

.member-information-tab input:not([type=submit]) {
  margin-bottom: 0 !important;
  padding: 10px 12px !important;
  border-color: #000;
  color: #000;
  height: 43px;
  font-weight: 700;
  font-size: 18px !important;
}

.member-information-tab textarea {
  margin-bottom: 0 !important;
  border-color: #000;
  color: rgba(31, 55, 69, 0);
  font-weight: 700;
  font-size: 18px !important;
  height: 185px;
  padding: 10px ​12px !important;
}

.member-information-tab textarea::-moz-placeholder {
  color: #000;
}

.member-information-tab textarea::placeholder {
  color: #000;
}

.member-information-tab .mysearchbox .sbSelector:link, .member-information-tab .mysearchbox .sbSelector:visited, .member-information-tab .mysearchbox .sbSelector:hover {
  color: #000;
}

.member-information-tab #tab2 .mysearchbox .sbSelector:link, .member-information-tab #tab2 .mysearchbox .sbSelector:visited, .member-information-tab #tab2 .mysearchbox .sbSelector:hover {
  color: #de479e;
}

.member-information-tab .form-infoblock {
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.member-information-tab .form-infoblock .name-selbox {
  width: 48%;
}

.member-information-tab .fieldrow {
  margin-bottom: 26px;
}

.member-information-tab .join-stepform .sbHolder .sbOptions, .member-information-tab .mysearchbox .sbHolder .sbOptions {
  width: 100%;
}

.member-information-tab .countries-box {
  width: 100%;
}

.member-information-tab em {
  color: #b9b9b9;
  display: block;
  text-align: center;
  line-height: normal;
  font-weight: 500;
  font-size: 18px;
  margin-top: -5px;
}

.member-information-tab .tab-data .tabcontent {
  min-height: 100vh;
}

.member-information-tab .form-button {
  width: 100%;
}

.content-tab-box {
  display: flex;
  justify-content: space-between;
  height: 100%;
  min-height: 500px;
  align-items: stretch;
  flex-direction: column;
  width: 100%;
  padding-bottom: 10px;
}

.member-information-tab .mysearchbox .age-slider {
  margin-bottom: 45px;
}

.member-information-tab #tab2 .mysearchbox .sbOptions a, .member-information-tab #tab2 .mysearchbox .sbOptions span {
  text-align: center;
}

#overlay-loader {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(255, 255, 255, 0.9);
}

.spinner img {
  animation: sp-anime 1.5s infinite linear;
}

@keyframes sp-anime {
  50% {
    transform: scale(0.5) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(90deg);
  }
}
.my-profile-tab .select2-container--default .select2-search--inline .select2-search__field {
  display: none !important;
  height: auto;
  padding: 0 !important;
}

.my-profile-tab .step-form {
  margin-top: 0;
}

.my-profile-tab .name-selbox {
  position: relative;
}

.my-profile-tab .name-selbox.remove-add-btn .add-btn {
  display: none;
}

.my-profile-tab .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: rgba(92, 168, 210, 0.41);
}

.my-profile-tab .step-form .select2-container {
  width: 100% !important;
}

.my-profile-tab .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #de479e;
  border: 0;
  display: inline-flex;
  align-items: flex-start;
  border-radius: 8px;
}

.my-profile-tab .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background: transparent;
  color: #fff;
  border: 0;
  order: 2;
  padding: 8px 10px 0 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 13px;
}

.my-profile-tab .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  text-align: left;
  padding: 2px 10px 4px;
  color: #fff;
}

.my-profile-tab .select2-container--default .select2-selection--multiple {
  border: 0;
  cursor: default;
}

.select2-dropdown {
  border: 2px solid #000;
  border-radius: 7px;
}

.add-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  justify-content: center;
  color: #de479e;
  font-weight: 700;
}

.add-btn img {
  width: 100%;
  max-width: 22px;
  margin-right: 7px;
}

.my-profile-tab .fieldrow label {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 5px;
}

.my-profile-tab .search-userthumb span {
  line-height: normal;
  padding: 2px 8px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 0;
  bottom: 15px;
  background: #de479e;
  opacity: 0;
  transition: all 350ms ease-in-out;
}

.profile-picture {
  margin: 0 -10px;
}

.my-profile-tab .search-userthumb {
  margin: 5px 10px;
  width: 95px;
}

.my-profile-tab .search-userthumb img {
  width: 100%;
}

.profile-picture .search-userthumb.active span {
  opacity: 1;
}

.my-profile-tab .step-form .fieldrow p {
  line-height: normal;
  color: #1f3745;
}

.member-information-tab input:not([type=submit])::-moz-placeholder {
  color: #1f3745;
}

.member-information-tab input:not([type=submit])::placeholder {
  color: #1f3745;
}

.member-information-tab .mysearchbox .sbOptions a:link, .member-information-tab .mysearchbox .sbOptions a:visited {
  text-align: center;
}

.member-information-tab .mysearchbox .countries-box .sbOptions a:link, .member-information-tab .mysearchbox .countries-box .sbOptions a:visited {
  text-align: left;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
  background: #f06db9 !important;
  color: #fff;
}

@media (max-width: 479px) {
  .profile-picture {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .my-profile-tab .search-userthumb {
    width: calc(33.33% - 20px);
  }
  .my-profile-tab .fieldrow p {
    text-align: left;
  }
  .member-information-tab .box-title {
    margin: 5px -15px 15px;
  }
  .member-information-tab .tab-data .tabnav {
    justify-content: center;
    margin: 5px -15px 0;
  }
  .member-information-tab .fieldrow label {
    text-align: center;
  }
  .member-information-tab input:not([type=submit]) {
    text-align: center;
  }
  .member-information-tab em {
    text-align: center;
  }
  .member-information-tab .tab-data .tabnav li {
    margin: 0 10px;
  }
}
/** Override AutoComplete **/
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #ccc;
  -o-border-image: none;
     border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 16px;
  font-weight: normal;
  padding: 4px 12px;
}

.request-detail-main-sec .section-title {
  background: #f06db9;
  color: #fff;
  grid-gap: 5px;
}
.request-detail-main-sec .username-row {
  margin-bottom: 0;
}

.requests {
  background: #f06db9;
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 30px;
  line-height: 1;
  grid-gap: 8px;
  margin-bottom: 0px;
  font-style: italic;
}
.requests span {
  background-color: #de479e;
  color: #fff;
  font-size: 12px;
  width: 20px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-style: normal;
}

#primary {
  width: 630px;
  float: left;
}

#sidebar {
  float: right;
  width: 310px;
  padding-bottom: 20px;
}

.request-detail-main-sec .search-userlist li {
  width: 100%;
}
.request-detail-main-sec .graybox {
  padding: 20px 13px 36px 16px;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 100px);
}
.request-detail-main-sec .graybox .buttons {
  margin-top: auto;
}

.buttons {
  display: flex;
  justify-content: space-between;
}
.buttons .button {
  color: #fff;
  background-color: #33c388;
  padding: 8px 12px 11px;
  font-size: 20px;
  font-weight: 700;
  max-width: 140px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  line-height: 1.1;
}
.buttons .button:hover {
  background-color: #23b177;
}
.buttons .button.ignore {
  background-color: #de479e;
}
.buttons .button.ignore:hover {
  background-color: #c32045;
}

.text-message {
  background-color: #f06db9;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
}
.text-message p {
  margin-bottom: 25px;
}
.text-message p:last-child {
  margin-bottom: 0;
}

.chat {
  background-color: #F7F7F7;
  padding: 20px 13px 36px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.chat .chat-box {
  margin-top: auto;
  display: flex;
  flex-direction: column;
}
.chat .chat-box .text-box {
  border-radius: 10px;
  width: 100%;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #707070;
  background-color: #F7F7F7;
  margin-bottom: 10px;
  color: #de479e;
  font-size: 16px;
  font-weight: 400;
  height: 122px;
  resize: vertical;
  text-align: left;
  margin-top: 35px;
}
.chat .chat-box .button {
  max-width: 140px;
  width: 100%;
  font-size: 20px;
  margin-left: auto;
  padding: 8px 25px;
}
.chat .chat-box .button:hover {
  background-color: #23b177;
}

.user-text p {
  font-size: 18px;
  font-style: italic;
}

.requests-accepted .search-userlist {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  grid-gap: 19px;
}
.requests-accepted .search-userlist li {
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.requests-accepted .user {
  border: 1px solid #707070;
  background-color: #F7F7F7;
  max-width: 255px;
}
.requests-accepted .me {
  background-color: #f4d8e8;
  color: #000;
  margin-left: auto;
  max-width: 255px;
}
.requests-accepted .system-message {
  width: 100%; /* Use the complete width of the container */
  color: #ffffff;
  background-color: #939393; /* Different background color */
  text-align: center; /* Center the text */
}
.requests-accepted .today {
  text-align: right;
}

.justify-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-between a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.userprofile-box ul {
  display: none;
}

.profile-menu-avatar {
  background: none;
  padding-right: 0;
}

.profile-menu-avatar::after {
  display: none;
}

nav#userprofilemainmenu {
  position: absolute;
  padding: 30px;
  width: 80%;
  height: var(--h-100vh);
  overflow-y: auto;
  top: 0;
  left: auto;
  right: 0;
  z-index: 99;
  background: #fff;
  border-top: 1px solid transparent;
  max-width: 650px;
  transform: translateX(100%);
  background: #000;
  background-size: cover;
  transition: all 350ms ease-in-out;
  display: flex;
  flex-direction: column;
  padding-bottom: 80px;
}
nav#userprofilemainmenu.active {
  transform: translateX(0%);
}

#userprofilemenu {
  position: relative;
  z-index: 0;
  margin-left: auto;
  cursor: pointer;
  background-color: #fff;
  padding-right: 25px;
  display: flex;
  grid-gap: 10px;
  min-width: 298px;
  border-radius: 10px;
  overflow: hidden;
  transition: all 350ms ease-in-out;
}
#userprofilemenu figure {
  display: flex;
  width: 100%;
  max-width: 33px;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: top;
}
#userprofilemenu figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#userprofilemenu h3 {
  color: #000;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.2;
}
#userprofilemenu p {
  font-size: 16px;
  font-style: normal;
  line-height: 1;
}

.loggedin #header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
}

.close {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-decoration: none;
  position: absolute;
  top: 30px;
  right: 25px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 24px;
  color: #fff;
  display: inline-flex;
}
.close:hover {
  background-color: #f06db9;
}
.close:hover::before, .close:hover::after {
  background: #fff;
}
.close::before, .close::after {
  content: "";
  display: block;
  width: 3px;
  height: 16px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg) scale(1.5);
  z-index: 1;
  transition: all 350ms ease-in-out;
  border-radius: 10px;
}
.close::before {
  width: 2px;
  height: 18px;
  z-index: 2;
}
.close::after {
  width: 18px;
  height: 2px;
}

.profile-avatar {
  margin-bottom: 30px;
}

.profile-avatar figure {
  display: inline-block;
  width: 100%;
  max-width: 80px;
  border-radius: 10px;
  overflow: hidden;
  vertical-align: top;
}

.profile-avatar figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.profile-avatar {
  color: #fff;
}

.profile-avatar h3 {
  margin-top: 15px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.23;
  margin-bottom: 0;
}

.profile-avatar p {
  font-size: 20px;
}

.hasarrow {
  position: relative;
}
.hasarrow::after {
  right: 10px;
  transform: rotate(-45deg);
}
.hasarrow::before {
  right: 4px;
  transform: rotate(45deg);
}
.hasarrow::after, .hasarrow::before {
  content: "";
  display: inline-block !important;
  position: absolute;
  width: 2px;
  height: 10px;
  border-radius: 10px;
  background-color: #fff;
  transition: all 350ms ease-in-out;
}

.userprofilemainmenu {
  position: fixed;
  padding: 30px;
  width: 80%;
  height: var(--h-100vh);
  overflow-y: auto;
  top: 0;
  left: auto;
  right: 0;
  z-index: 99;
  border-top: 1px solid transparent;
  max-width: 650px;
  transform: translateX(100%);
  background: #000;
  transition: all 350ms ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.userprofilemainmenu.active {
  transform: translateX(0%);
}
.userprofilemainmenu ul {
  list-style-type: none;
  padding: 20px 0 0;
  margin: 0;
  display: flex;
  grid-gap: 34px 40px;
  text-align: center;
  flex-wrap: wrap;
  width: 100%;
}
.userprofilemainmenu ul li {
  width: calc(20% - 32px);
}
.userprofilemainmenu ul a {
  justify-content: flex-start;
  flex-direction: column;
  color: #fff;
  height: 100%;
  grid-gap: 10px;
}
.userprofilemainmenu ul a span {
  margin-bottom: 6px;
  display: flex;
  margin-top: auto;
}
.userprofilemainmenu ul .number {
  color: #fff;
  transition: all 350ms ease-in-out;
}
.userprofilemainmenu ul .number:hover {
  color: #fff;
}

.userprofilemainmenu ul a {
  transition: all 350ms ease-in-out;
}

.userprofilemainmenu ul a:hover {
  color: #fff;
}

.user-proinfo-section img {
  margin-right: 10px;
  width: 24px;
}

nav#userprofilemainmenu .header-menu li a {
  position: relative;
}

.graybox .number {
  color: white;
  right: 15px;
}

.number {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 35px;
  width: 20px;
  height: 16px;
  font-size: 12px;
  background-color: #de479e;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.header-row {
  display: flex;
  align-items: center;
  padding: 7px 0;
}

.profile-thumb a {
  display: flex;
}

.usermenu {
  position: fixed;
  padding: 30px;
  width: 80%;
  height: 100vh;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: auto;
  z-index: 99;
  background: #fff;
  border-top: 1px solid transparent;
  max-width: 650px;
  transform: translateX(-100%);
  background: #000;
  background-size: cover;
  transition: all 350ms ease-in-out;
}
.usermenu.active {
  transform: translateX(0%);
}

.top-nav-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.header-menu {
  list-style: none;
  grid-gap: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px 0 0;
  margin: 0;
}
.header-menu li {
  line-height: 1.23;
}
.header-menu li a {
  display: flex;
  align-items: center;
  grid-column-gap: 15px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}
.header-menu li a .number {
  color: #fff;
  transition: all 350ms ease-in-out;
}
.header-menu li a .number:hover {
  color: #fff;
}
.header-menu li a:hover {
  color: #de479e;
}
.header-menu li .hasarrow + ul.sub-menu:not(.hassubnav) {
  margin-left: 45px;
}
.header-menu li .sub-menu {
  padding: 25px 0 0;
  margin: 0;
  list-style-type: none;
  display: none;
  padding: 16px 0 9px;
}
.header-menu li .sub-menu li {
  line-height: 1.23;
  margin-bottom: 12px;
}
.header-menu li .sub-menu li:last-child {
  margin-bottom: 0;
}
.header-menu li .sub-menu li a {
  display: flex;
  font-size: 22px;
  font-weight: 500;
  font-style: italic;
  color: #f06db9;
  position: relative;
}
.header-menu li .sub-menu li a:hover {
  color: #de479e;
}
.header-menu .hasnav.open a.hasarrow::after {
  right: 10px;
  transform: rotate(-138deg);
}
.header-menu .hasnav.open a.hasarrow::before {
  right: 4px;
  transform: rotate(138deg);
}
.header-menu .hasnav.open a .number {
  display: none;
}
.header-menu .hasnav.open .sub-menu .number {
  display: flex;
}

.request-detail-main-sec .trigger-link {
  margin-bottom: 3px;
}

#userprofilemenu:hover {
  background-color: #fff;
}

.title {
  color: #fff;
}
.title:hover {
  color: #000;
}

.menu-txts {
  color: #000;
  padding: 5px 41px 5px 0;
  display: flex;
  flex-direction: column;
}

.info-button {
  display: inline-flex; /* Ensures the background applies around the SVG */
  align-items: center; /* Centers the SVG vertically */
  justify-content: center; /* Centers the SVG horizontally */
  padding: 5px; /* Adjust as needed, adds space around the SVG */
  border-radius: 10px; /* Adjust as needed for rounded corners */
  background-color: #324151; /* Adjust background color as needed */
  box-sizing: border-box; /* Ensures padding doesn't increase the size */
}

.settings-icon {
  fill: #ffffff;
  width: 30px; /* Pas aan naar de afmetingen van je SVG */
  height: 30px; /* Pas aan naar de afmetingen van je SVG */
}

.user-infomenu .top-nav-wrapper {
  overflow: initial;
  display: block;
}

.user-infomenu .header-menu {
  flex-direction: row;
}

.user-infomenu ul a span {
  margin-bottom: 0;
}

.site-content {
  /*padding: 10px;*/
}

.form-button.account-step {
  margin-top: 10px;
}

.search-userlist .today {
  color: #777;
  font-style: italic;
}
.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: min-content auto min-content;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 1px hsla(0, 0%, 0%, 0.075), 0 1px 2px hsla(0, 0%, 0%, 0.075), 1px 2px 4px hsla(0, 0%, 0%, 0.075), 1px 3px 8px hsla(0, 0%, 0%, 0.075), 2px 4px 16px hsla(0, 0%, 0%, 0.075);
  pointer-events: all;
}

.swal2-popup.swal2-toast > * {
  grid-column: 2;
}

.swal2-popup.swal2-toast .swal2-title {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}

.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}

.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}

.swal2-popup.swal2-toast .swal2-html-container {
  margin: 0.5em 1em;
  padding: 0;
  overflow: initial;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}

.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}

.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}

.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-toast-animate-success-line-tip 0.75s;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-toast-animate-success-line-long 0.75s;
}

.swal2-popup.swal2-toast.swal2-show {
  animation: swal2-toast-show 0.5s;
}

.swal2-popup.swal2-toast.swal2-hide {
  animation: swal2-toast-hide 0.1s forwards;
}

div:where(.swal2-container) {
  display: grid;
  position: fixed;
  z-index: 1060;
  inset: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}

div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}

div:where(.swal2-container).swal2-backdrop-hide {
  background: transparent !important;
}

div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}

div:where(.swal2-container).swal2-top-start > .swal2-popup {
  align-self: start;
}

div:where(.swal2-container).swal2-top > .swal2-popup {
  grid-column: 2;
  place-self: start center;
}

div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
  grid-column: 3;
  place-self: start end;
}

div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}

div:where(.swal2-container).swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  place-self: center center;
}

div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  place-self: center end;
}

div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}

div:where(.swal2-container).swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  place-self: end center;
}

div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  place-self: end end;
}

div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}

div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}

div:where(.swal2-container).swal2-no-transition {
  transition: none !important;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
  outline: none;
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
  overflow-y: hidden;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

div:where(.swal2-container) div:where(.swal2-actions) {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

div:where(.swal2-container) div:where(.swal2-loader) {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}

div:where(.swal2-container) button:where(.swal2-styled) {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
  cursor: pointer;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}

div:where(.swal2-container) button:where(.swal2-styled):focus {
  outline: none;
}

div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
  border: 0;
}

div:where(.swal2-container) div:where(.swal2-footer) {
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
  text-align: center;
}

div:where(.swal2-container) .swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}

div:where(.swal2-container) img:where(.swal2-image) {
  max-width: 100%;
  margin: 2em auto 1em;
}

div:where(.swal2-container) button:where(.swal2-close) {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s, box-shadow 0.1s;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #ccc;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}

div:where(.swal2-container) button:where(.swal2-close):hover {
  transform: none;
  background: transparent;
  color: #f27474;
}

div:where(.swal2-container) button:where(.swal2-close):focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}

div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
  border: 0;
}

div:where(.swal2-container) .swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
  margin: 1em 2em 3px;
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
  box-sizing: border-box;
  width: auto;
  transition: border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: transparent;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em;
}

div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}

div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}

div:where(.swal2-container) input:where(.swal2-input)::-moz-placeholder, div:where(.swal2-container) input:where(.swal2-file)::-moz-placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::-moz-placeholder {
  color: #ccc;
}

div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
  color: #ccc;
}

div:where(.swal2-container) .swal2-range {
  margin: 1em 2em 3px;
  background: #fff;
}

div:where(.swal2-container) .swal2-range input {
  width: 80%;
}

div:where(.swal2-container) .swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}

div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

div:where(.swal2-container) .swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}

div:where(.swal2-container) .swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: transparent;
  font-size: 1.125em;
}

div:where(.swal2-container) .swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

div:where(.swal2-container) .swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: transparent;
  color: inherit;
  font-size: 1.125em;
}

div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}

div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}

div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 0.4em;
}

div:where(.swal2-container) label:where(.swal2-input-label) {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}

div:where(.swal2-container) div:where(.swal2-validation-message)::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

div:where(.swal2-container) .swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: transparent;
  font-weight: 600;
}

div:where(.swal2-container) .swal2-progress-steps li {
  display: inline-block;
  position: relative;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

div:where(.swal2-icon) {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

div:where(.swal2-icon) .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}

div:where(.swal2-icon).swal2-error {
  border-color: #f27474;
  color: #f27474;
}

div:where(.swal2-icon).swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
  animation: swal2-animate-error-x-mark 0.5s;
}

div:where(.swal2-icon).swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.5s;
}

div:where(.swal2-icon).swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.8s;
}

div:where(.swal2-icon).swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-question-mark 0.8s;
}

div:where(.swal2-icon).swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}

div:where(.swal2-icon).swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  animation: swal2-show 0.3s;
}

.swal2-hide {
  animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}

body.swal2-height-auto {
  height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}

body.swal2-toast-shown .swal2-container.swal2-top {
  inset: 0 auto auto 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  inset: 0 0 auto auto;
}

body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  inset: 0 auto auto 0;
}

body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  inset: 50% auto auto 0;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  inset: auto auto 0 0;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  inset: auto auto 0 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  inset: auto 0 0 auto;
}
/*
Declaring vars
 */
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #AEDEF4;
  color: #fff;
  font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #aaa;
  color: #fff;
  font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled) {
  box-shadow: none;
  border: none;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: none;
  border: none;
}

.owl-carousel.owl-loaded {
  padding-left: 10px;
}

div:where(.swal2-container) .swal2-textarea {
  width: 80%;
}

div:where(.swal2-container) div:where(.swal2-validation-message)::before {
  background-color: #ee2956;
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
  color: #ee2956;
  font-weight: 600;
}

div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) {
  font-size: 1.125em;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background: #5ca8d2;
  color: #fff;
  border: 0;
  cursor: pointer;
  width: auto;
  overflow: visible;
  padding: 11px 25px;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 15px;
  font-weight: 700;
  font-size: 24px;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
  background: #c8c4c4;
  color: #fff;
  border: 0;
  cursor: pointer;
  width: auto;
  overflow: visible;
  padding: 11px 25px;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 15px;
  font-weight: 700;
  font-size: 24px;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
  background: #ee2956;
  color: #fff;
  border: 0;
  cursor: pointer;
  width: auto;
  overflow: visible;
  padding: 11px 25px;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 15px;
  font-weight: 700;
  font-size: 24px;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

.accobox {
  padding: 0px;
  display: none;
}

.text-container {
  position: relative;
  box-sizing: border-box;
  background-color: #f06db9;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
}

.text-wrapper {
  max-height: 8em; /* Adjust this to fit exactly 5 lines of text */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.text-message {
  margin: 0;
  /* Add additional styling for text here */
}

.read-more-btn {
  display: block; /* Changed to block for better control */
  cursor: pointer;
  text-align: right;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 0; /* Padding on the right for alignment */
  margin-top: 5px; /* Space between text and button */
}

.user-detailinfo.alternate-height { /* New override class */
  height: auto; /* or whatever height you need */
}

.timestamp-indicator {
  display: flex;
  align-items: center;
  justify-content: flex-end; /* Align to the right */
  width: 100%;
}

.read-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: gray;
  margin-left: 5px;
}

/* Class to apply when the message is read */
.read-indicator.read {
  background-color: #67c7e5;
}

/**

ICONS - SVG Sprites

**/
/* Profile menu */
.pm-icon {
  fill: #de479e;
  width: 36px;
  height: 36px;
}

.pm-icon.active, .pm-icon:hover {
  fill: #871657;
}

.pm-icon.deny {
  fill: #ee2956;
}

.pm-icon.accept {
  fill: #33c388;
}

.pm-icon.pending {
  fill: #e5c36d;
}

/* Chat menu */
.cm-icon {
  fill: #fff;
  width: 100px;
  height: 100px;
}

.cm-icon.active, .cm-icon:hover {
  fill: #de479e;
}

/* Main menu */
.mm-icon {
  fill: #fff;
  width: 28px;
  height: 28px;
}

.mm-icon.active, .mm-icon:hover {
  fill: #ee2956;
}

/** Clickable block */
.full-size-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Zorg dat de link boven andere elementen ligt */
}

/** Cookie Banner **/
.cookie-consent-overlay {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(1, 3, 5, 0.9); /* Using your header background color for consistency */
  color: #fff; /* White text for contrast */
  z-index: 9999;
  padding: 20px;
  box-sizing: border-box;
}

.cookie-consent-container {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.cookie-header {
  display: flex;
  justify-content: center; /* Centered header content */
  align-items: center;
  margin-bottom: 5px; /* Adjusted spacing below the header */
}

.cookie-header h2 {
  font-size: 24px; /* Set font size to 24px as requested */
  margin: 0; /* Reset margin to ensure consistent spacing */
  padding: 0; /* Reset padding to ensure consistent spacing */
  flex-grow: 1; /* Ensures the title takes up the available space */
}

.cookie-consent-close {
  position: absolute;
  right: 0; /* Position the close button on the right */
  top: 0; /* Align at the top of the container */
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem; /* Slightly smaller close button */
  cursor: pointer;
  transition: color 0.3s ease-in-out; /* Smooth color transition */
}

.cookie-consent-close:hover {
  color: #de479e; /* Change color to red on hover */
  background: none; /* Ensure background does not change */
}

.cookie-btn {
  margin: 10px;
  padding: 8px 15px; /* Smaller padding for a more elegant look */
  cursor: pointer;
  border: 1px solid #fff; /* Added a border to make buttons more elegant */
  color: #fff;
  background-color: transparent; /* Transparent background for an elegant button style */
  transition: all 0.3s ease-in-out; /* Smooth transition for hover effects */
  font-size: 0.9rem; /* Smaller font size for elegance */
}

.cookie-btn:hover, .cookie-btn.active {
  background-color: #33c388; /* Change background color on hover for visibility */
  border-color: #33c388; /* Match border color with background on hover */
}

@media (max-width: 768px) {
  .cookie-consent-container {
    width: 90%;
  }
}
.usp-listing.owl-theme .owl-nav div {
  background-image: url("../images/svg/hp-arrow-left-icon.svg");
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  text-indent: -999em;
  border-radius: 0;
  width: 42px;
  height: 42px;
  background-color: transparent;
}

.usp-listing.owl-theme .owl-nav div:hover {
  background-color: transparent;
}

.usp-listing.owl-theme .owl-nav div.owl-prev {
  left: -30px;
}

.usp-listing.owl-theme .owl-nav div.owl-next {
  right: -30px;
  transform: rotate(180deg);
}

/* Owl carrousel fix */
.owl-controls {
  max-width: 100%;
  overflow: hidden;
}

.owl-prev, .owl-next {
  position: absolute;
  top: 50%; /* Adjust as necessary */
  transform: translateY(-50%);
}

.owl-prev {
  left: 10px; /* Adjust based on your design */
}

.owl-next {
  right: 10px; /* Adjust based on your design */
}

.owl-carousel {
  width: 100%; /* or max-width: 100%; */
}

.usp-listing, .testimonial {
  max-width: 100%;
  overflow-x: hidden;
}

.spinner {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#loading-spinner {
  display: none;
  position: fixed; /* Or 'absolute' if positioning relative to a container */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000; /* Ensure it's above other content */
}

#logo em {
  display: block; /* Ensures the <em> tag takes up its own line */
  margin-top: -6px; /* Adjust the value as needed */
  padding-top: 0; /* Reset any padding that might be affecting the position */
}

img.lazy-image {
  opacity: 0;
  transition: opacity 0.3s;
}