.xf_mm_button {
	width: 100px;
	float: unset;
}

form.xf_mm_search input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 0px solid #eceeef;
  border-radius: 0;
  float: left;
  width: 80%;
  background: #eceeef;
}

form.xf_mm_search button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #CE122D;
  color: white;
  font-size: 17px;
  border: 0px solid grey;
  border-radius: 0;
  border-left: none;
  cursor: pointer;
}

form.xf_mm_search button:hover {
  background: #0b7dda;
}

form.xf_mm_search::after {
  content: "";
  clear: both;
  display: table;
}


.xf_mm_button input {
	position: absolute;
	display: none;
}

.xf_mm_btn_style {
    background-color: #CE122D;
    color: #FFFFFF;
}

.xf_mm_btn_style_close {
    background-color: #FFEDF0;
    color: #CE122D;
}


.xf_mm_btn_style, .xf_mm_btn_style_close  {
	display: inline-block;
    /* padding: 12px 30px; */
    /*padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 26px;
    padding-left: 10px;
    text-align: center;
	width: 50px;*/
	/*padding-top: 12px;
	padding-bottom: 12px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 18px;
	padding-left: 3px;
	text-align: center;
	margin-top: -3px;
	width: 80px;
    -webkit-clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}

.xf_mm_btn_style span svg {
	fill: #fff;
    padding-left: 8px;
}

.xf_mm_btn_style_close span svg {
	fill: #CE122D;
    padding-left: 0px;
}


.xf_mm_btn_style span svg, .xf_mm_btn_style_close span svg {
    width: 16px;
    height: 16px;
    margin-top: -12px;
    margin-right: -12px;
    margin-bottom: -2px;
}

.xf_mm_btn_style_close {
	display: none;
}

.xf_mm_button input:checked + span .xf_mm_btn_style_close {
	display: inline-block;
}


.xf_mm_button input:checked + span .xf_mm_btn_style {
	display: none;
}


/*
.xf_mm_button input:checked ~ div {
	display: block;
}
*/

.xf_mm_row {
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F5F5F5;
}



.xf_mm_container {
	display: none;
	background-color: white;
	position: fixed;
  padding: 30px;
  /*width: calc(100% - 60px);
  height: calc(100% - 110px);*/
	width: calc(100% - 30px);
	height: 100%;
  left: 0;
  top: 50px;
  z-index: 10;
}


.xf_mm_title_ico {
	fill: #CE122D;
}

.mm_title {
	color: #CE122D;
  margin-top: 0;
  margin-bottom: 0;
}


.mm_links {
	display: none;
	padding: 0;
  margin-left: 28px;
  list-style-type: none;
}

.mm_links li {
    margin: 12px 0;
}



.xf_mm_link {
  text-decoration: none;
  color: #252222;
  font-size: 16px;
}


.xf_mm_link_ico {
  width: 16px;
  height: 16px;
  fill: #CE122D;
  margin-bottom: -3px;
}


.xf_mm_lang {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}

.xf_mm_lang_link {
  text-decoration: none;
  text-transform: uppercase;
  color: #CE122D;
  margin: 0 2px;
}



.xf_mm_footer {
	display: block;
	width: 315px;
	margin: 30px auto;
}


.xf_mm_footer_fixed, .xf_mm_footer_woocommerce {
	position: fixed;
	bottom: 30px;
	width: 315px;
	/*left: calc(50% - 175px);*/
  left: calc(50% - (315px / 2));
}


.xf_mm_mail {
  text-decoration: none;
  padding: 12px;
  color: #FFFFFF;
  background-color: #CE122D;
  -webkit-clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}

.xf_mm_mail svg {
  height: 13px;
  width: 16px;;
  fill: none;
  stroke: white;
  margin-right: 9px;
}

.xf_mm_phone {
  text-decoration: none;
  padding: 12px;
  border: 1px solid #E3E3E3;
  color: #CE122D;
  background-color: #FFFFFF;
}

.xf_mm_phone svg {
  height: 16px;
  width: 16px;;
  fill: none;
  stroke: #CE122D;
  margin-right: 9px;
}

.xf_mm_footer_inner{
  margin: 0 28px;
}

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

	.xf_mm_container {
		width: 100%;
	}
}


@media screen and (max-width: 767px) {

	.xf_mm_button {
		float: right;
	}
}