body.modal {
  overflow: hidden !important;
}

.x_mcookie {
  color:#171717;
  position: fixed;
  display: inline-block;
  width: 700px;
  bottom: 54px;
  left: 54px;
  background: #f6f4f4;
  background: rgba(246, 244, 244, 1);
  background: -moz-linear-gradient(top, rgba(246, 244, 244, 1) 0%, rgba(232, 227, 227, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246, 244, 244, 1)), color-stop(100%, rgba(232, 227, 227, 1)));
  background: -webkit-linear-gradient(top, rgba(246, 244, 244, 1) 0%, rgba(232, 227, 227, 1) 100%);
  background: -o-linear-gradient(top, rgba(246, 244, 244, 1) 0%, rgba(232, 227, 227, 1) 100%);
  background: -ms-linear-gradient(top, rgba(246, 244, 244, 1) 0%, rgba(232, 227, 227, 1) 100%);
  background: linear-gradient(to bottom, rgba(246, 244, 244, 1) 0%, rgba(232, 227, 227, 1) 100%);
  font-size: 16px;
  z-index: 9999999;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  -o-transform: scale(.7, .7);
  -ms-transform: scale(.7, .7);
  -moz-transform: scale(.7, .7);
  -webkit-transform: scale(.7, .7);
  transform: scale(.7, .7);
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-box-shadow: 2px 2px 4px 1px rgba(97, 97, 97, 0.25);
  -moz-box-shadow: 2px 2px 4px 1px rgba(97, 97, 97, 0.25);
  box-shadow: 2px 2px 4px 1px rgba(97, 97, 97, 0.25);
  border-radius: 0px;
}

.x_mcookie .x_mcookie_btn_hold {
  position: relative;
  padding: 24px 30px 30px 30px;
  float: none;
  display: block;
}

.x_mcookie .x_mcookie_btn {
  background-color: #fff;
  text-align: center;
  font-size: 15px;
  padding: 6px 0px 8px 0px;
  display: inline-block;
  background: transparent;
  border: 2px solid #171717;
  cursor: pointer;
  line-height: 1.4;
  padding: 6px 30px 8px 27px;
  width: calc(49% - 10px);
}

.x_mcookie .x_mcookie_btn.first {
  margin-right: 20px;
}

/*
.x_mcookie .x_mcookie_btn.second:hover,
.x_mcookie .x_mcookie_btn.first:hover {
  filter: brightness(95%);
}

.x_mcookie .x_mcookie_btn.second.half:hover {
  opacity: .9;
}
*/

.x_mcookie .x_mcookie_btn:hover {
    background: #171717;
    color: #fff;
}

.x_mcookie_full {
  width: inherit;
  background: rgba(0, 0, 0, 0);
  position: relative;
  top: inherit;
  bottom: inherit;
  left: inherit;
  right: inherit;
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
}

.x_mcookie .x_mcookie_btn.half {
  display: inline-block;
  padding: 8px 0px 8px 0px;
}

.x_mcookie_full.show {
  z-index: 9999998;
  width: 100%;
  background: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
}

.x_mcookie .x_mcookie_pp_hold {
  position: relative;
  padding: 29px 0 22px 0;
  float: none;
  display: block;

}

.x_mcookie .x_mcookie_pp {
  display: block;
  margin-left: 33px;
  float: left;
  line-height: 1;
}

.x_mcookie .x_mcookie_link_to_cookie_conf {
  display: block;
  margin-right: 37px;
  float: right;
  color: #8c8a8a;
  cursor: pointer;
  line-height: 1;
}
.x_mcookie h2 {
  font-size: 20px;
  margin: 35px 35px 0px 35px;
  font-family: inherit;
}


.x_mcookie .x_mcookie_pp a {
  color: #6e9d1a;
  margin-top: 8px;
  text-decoration: underline;
}

.x_mcookie .x_mcookie_in p {
  padding: 12px 35px 0px 35px;
  margin: 0;
}

.x_mcookie .x_mcookie_in p a {
  text-decoration: underline;
}

.x_mcookie .x_mcookie_in p.opened {
  overflow-y: scroll;
  max-height: 405px;
}

.x_mcookie .x_mcookie_in .x_btn_static,
.x_mcookie .x_mcookie_in .x_btn_retargeting,
.x_mcookie .x_mcookie_in .x_btn_req,
.x_mcookie .x_mcookie_in .x_btn {
  cursor: pointer;
  width: calc(22% - 10px);
  display: inline-block;
  margin: 9px 0px 10px 0px;
  vertical-align: top;
}

.x_mcookie .x_mcookie_in .x_btn {
  width: calc(18% - 10px);
}

.x_mcookie .x_mcookie_in .x_btn_static {
  opacity: .6;
}

.x_mcookie .x_mcookie_in .x_btn_retargeting,
.x_mcookie .x_mcookie_in .x_btn_req,
.x_mcookie .x_mcookie_in .x_btn {
    cursor: pointer;
    position: relative;
}

.x_mcookie .x_mcookie_close_btn {
  cursor: pointer;
  background-color: #f03f44;
  padding: 12px 19px;
  color: #fff;
  display: inline-block;
  margin: 31px 0 10px 0;
  border-radius: 30px;
}

.x_mcookie .x_mcookie_close_btn:hover {
  opacity: .9;
}

.x_mcookie .x_mcookie_in .x_btn_static .button_text_static,
.x_mcookie .x_mcookie_in .x_btn_retargeting .button_text,
.x_mcookie .x_mcookie_in .x_btn .button_text {
  position: absolute;
  top: 31px;
  left: 98px;
}

.x_mcookie .button_text_static_note {
  color: #6e9d1a;
  display: none;
  margin-top: 12px;
}

/*
.x_mcookie .x_mcookie_in .x_btn_static .button_text_static {
    opacity: 0.3;
}
*/
.x_mcookie .x_mcookie_in .x_btn_retargeting svg circle,
.x_mcookie .x_mcookie_in .x_btn svg circle {
  -webkit-filter: drop-shadow( 3px 4px 4px rgba(0,0,0,0.13));
  filter: drop-shadow( 3px 4px 4px rgba(0,0,0,0.13));
}

.x_mcookie .x_mcookie_in .x_btn_retargeting .activecolor,
.x_mcookie .x_mcookie_in .x_btn .activecolor {
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
}

.x_mcookie.show {
  opacity: 1;
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
}

.indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  font-size: 65%;
  line-height: 1rem;
  color: #eee;
  background-color: #fff;
  text-align: center;
  user-select: none;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  box-shadow: inset 0 .125rem .125rem rgba(0, 0, 0, .1);
  width: 21px;
  height: 21px;
}

.indicator.active {
  width: 21px;
  height: 21px;
  background-color: #000;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}

.x_btn .indicator {
  box-shadow: inset 2px 2px 2px #d5d5d5;
}

.x_btn .indicator.active {
  box-shadow: inset 2px 2px 2px transparent;
}

.c-input > input:checked ~ .c-indicator {
  color: #fff;
  background-color: #0074d9;
  box-shadow: none;
}

.x_mcookie .txt {
  margin-left: 30px;
}

.x_mcookie_btn_pac {
  width: 63%;
  display: inline-block;
}

.x_mcookie_imp {
  margin-top: 20px;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  color: #118794;
}

/* mobile */
@media (max-width: 768px) {
  .x_mcookie {
    width: 100%;
    left: 0px;
  }
  .x_mcookie_btn_pac {
    width: 100%;
  }
  .x_mcookie .x_mcookie_in .x_btn_req,
  .x_mcookie .x_mcookie_in .x_btn {
    margin-bottom: 28px;
    width: calc(30% - 10px);
  }
}

@media (max-width: 645px) {
  .x_mcookie_btn_pac {
    width: 100%;
    display: block;
  }
  .x_mcookie .x_mcookie_in .x_btn_req,
  .x_mcookie .x_mcookie_in .x_btn {
    width: calc(50%);
  }
  .x_mcookie .x_mcookie_in .x_btn {
    width: calc(46% - 9px);
    margin-left: 9px;
  }
}

@media (max-width: 475px) {
  .x_mcookie .x_mcookie_btn.half {
    width: calc(48% - 10px);
  }
}

@media (max-width: 399px) {
  .x_mcookie_btn.second {
    margin-top: 20px;
  }
  .x_mcookie .x_mcookie_btn.half {
    width: 100%;
  }
  .x_mcookie {
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
  }
  .x_mcookie .x_mcookie_link_to_cookie_conf,
  .x_mcookie .x_mcookie_pp {
    float: inherit;
    margin-left: 35px;
  }
  .x_mcookie .x_mcookie_pp {
    margin-top: 16px;
  }
  .x_mcookie .x_mcookie_link_to_cookie_conf {
    margin-top: 23px;
  }
  .x_mcookie .x_mcookie_in p.opened  {
      overflow-y: inherit;
      max-height: inherit;
  }
  .x_mcookie.show {
    position: absolute;
  }
}

@media (max-height: 575px) {
  .x_mcookie .x_mcookie_in p.opened {
      max-height: calc(100% - 20px);
  }
  .x_mcookie_in {
    height: calc(100% - 100px);
  }
}

@media (max-height: 300px) {
  .x_mcookie {
    overflow-y: scroll;
    position: fixed;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }
}

@media (max-height: 575px) {
  .x_mcookie.x_mcookie_fsize {
    position: fixed;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow-y: inherit;
  }
}