/*@media (max-width:1024px){
	}*/

	@font-face {
		font-family: 'tfarrow-light';
		src: url('/web/fonts/tfarrow/tfarrowlight-normal-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'tfarrow-medium';
		src: url('/web/fonts/tfarrow/tfarrowmedium-normal-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	/* margin */

	.marginL5 {
		margin-left: 5px;
	}

	.marginL10 {
		margin-left: 10px;
	}

	.marginL20 {
		margin-left: 20px;
	}

	.marginL25 {
		margin-left: 25px;
	}

	.marginL30 {
		margin-left: 30px;
	}

	.marginL40 {
		margin-left: 40px;
	}

	.marginR5 {
		margin-right: 5px;
	}

	.marginR10 {
		margin-right: 10px;
	}

	.marginR20 {
		margin-right: 20px;
	}

	.marginR25 {
		margin-right: 25px;
	}

	.marginR30 {
		margin-right: 30px;
	}

	.marginR40 {
		margin-right: 40px;
	}

	.marginT10 {
		margin-top: 10px;
	}

	.marginT20 {
		margin-top: 20px;
	}

	.marginT30 {
		margin-top: 30px;
	}

	.marginT40 {
		margin-top: 40px;
	}

	.marginT80 {
		margin-top: 80px;
	}

	.marginB10 {
		margin-bottom: 10px;
	}

	.marginB20 {
		margin-bottom: 20px;
	}

	.marginB30 {
		margin-bottom: 30px;
	}

	.marginB40 {
		margin-bottom: 40px;
	}

	.paddingL40 {
		padding-left: 40px;
	}

	.paddingL80 {
		padding-left: 80px;
	}

	.paddingT20 {
		padding-top: 20px;
	}

	.paddingR20 {
		padding-right: 20px;
	}

	.paddingR40 {
		padding-right: 40px;
	}

	.pull-left {
		float: left;
	}

	.pull-right {
		float: right;
	}

	.height800 {
		min-height: 800px;
	}

	@media (max-width:1024px) {
		.height800 {
			min-height: 500px;
		}
	}

	.centered-content {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.includeVAT {
		font-size: 18px;
	}

	.bgSite {
		background-image: url(/web/images/bg-texture.jpg);
		background-repeat: repeat;
	}

	/* TOP */

	.bgTop {
		height: 616px;
	}

	.topArticlecontent {
		padding-left: 40px;
		padding-right: 40px;
	}

	.logo img {
		width: 65%;
		padding: 0px 0px 20px 20px;
	}

	.logoTab img {
		width: 80%;
		padding: 20px 20px 0px 0px;
	}

	.textTop h1 {
		font-family: inherit;
		text-align: center;
		font-size: 50pt;
		color: #fff !important;
	}

	@media (max-width:768px) {
		.logo img {
			width: 70%;
			padding: 0px 20px 40px 20px;
		}
		.textTop h1 {
			font-family: inherit;
			text-align: center;
			font-size: 200%;
			color: #fff;
			padding-left: 40px;
			margin: 0px 15px 35px 15px;
			line-height: 40px;
		}
	}

	@media (max-width:320px) {
		.logo img {
			width: 50%;
			padding: 0px 0px 20px 20px;
		}
		.textTop h1 {
			font-family: inherit;
			text-align: center;
			font-size: 90%;
			color: #fff;
			padding: 0px 20px 0px 10px;
			margin: 0px 15px 35px 15px;
			line-height: 20px;
		}
	}

	.category {
		background-color: #e6e7e8;
		font-family: inherit;
		color: #000;
		font-size: 30pt;
		padding: 20px 0px 20px 0px;
		margin-top: 34px;
		/*position: fixed;
	top:600px;*/
	}

	.category ul>li>a {
		color: #000 !important;
		padding: 10px 20px 10px 20px;
	}

	.category ul>li>a:hover, .category ul>li>a:active {
		color: #000;
	}

	@media (max-width:1024px) {
		.category ul>li>a {
			font-size: 150% !important;
			color: #000 !important;
			padding: 15px 20px 15px 20px;
		}
		.category ul>li>a:hover, .category ul>li>a:active {
			color: #000;
		}
	}

	.navbar {
		box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .16), 0 0px 0px 0 rgba(0, 0, 0, .12);
	}

	/* page*/

	h3, h4 {
		font-family: inherit;
	}

	.slogan h2 {
		font-size: 40px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		margin: 10px 0px 0px 0px;
	}

	.slogan h3 {
		font-size: 52px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		color: #2f7dae;
		margin: 10px 0px 0px 0px;
	}

	@media (max-width:780px) {
		.slogan h2 {
			font-size: 150%;
			text-align: center;
			font-weight: bold;
			text-transform: uppercase;
			margin: 10px 0px 0px 0px;
		}
		.slogan h3 {
			font-size: 175%;
			text-align: center;
			font-weight: bold;
			text-transform: uppercase;
			color: #2f7dae;
			margin: 10px 0px 0px 0px;
		}
	}

	@media (max-width:320px) {
		.slogan h2 {
			font-size: 100%;
			text-align: center;
			font-weight: bold;
			text-transform: uppercase;
			margin: 10px 0px 0px 0px;
			line-height: 25px;
		}
		.slogan h3 {
			font-size: 125%;
			text-align: center;
			font-weight: bold;
			text-transform: uppercase;
			color: #2f7dae;
			margin: 10px 0px 0px 0px;
			line-height: 25px;
		}
	}

	/* .entry-title:after { */

	/* content: ""; */

	/* display: block; */

	/* height:24px; */

	/* background-image: url(/web/images/border-bottom-title.png); */

	/* background-repeat: no-repeat; */

	/* background-position: 3% 0%; */

	/* } */

	@media (max-width:780px) {
		.entry-title:after {
			height: 0px;
		}
	}

	@media (max-width:320px) {
		.entry-title:after {
			height: 0px;
		}
	}

	/* slider */

	.slidercontainer {
		position: relative;
		height: 100%;
		margin-right: 0px;
	}

	.slidertxtdiv {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}

	.slideshow {
		background-color: #fff;
	}

	.slideshow img {
		width: 100%;
		max-height: 100%;
	}

	.slideshowTitle h3 {
		font-family: inherit;
		font-size: 55pt;
		text-transform: uppercase;
		padding: 0px 0px 0px 0px;
		text-align: right;
	}

	.slideshowTitle h4 {
		font-size: 25pt;
		text-transform: uppercase;
		padding: 0px 0px 0px 0px;
		text-align: right;
		color: #fcb751;
	}

	.slideshowDesc p {
		padding: 0px 0px 0px 0px;
		text-align: right;
		text-transform: uppercase;
		font-size: 18pt;
	}

	@media (max-width:768px) {
		.slideshowDesc p {
			padding: 0px 0px 10px 15px;
			font-size: 225%;
			line-height: 40px;
		}
	}

	@media (max-width:320px) {
		.slideshowDesc p {
			padding: 0px 0px 10px 15px;
			font-size: 250%;
			line-height: 50px;
		}
	}

	.buttonSlider p {
		text-align: center;
		padding: 10px;
		border: solid 1px #fcb751;
		border-radius: 10px;
		margin: 0px 40px 0px 0px;
	}

	@media (max-width:1024px) {
		.buttonSlider p {
			font-size: 200%;
		}
	}

	.buttonSlider a {
		color: #000;
	}

	.buttonSlider a:hover {
		color: #fcb751;
		text-decoration: none;
	}

	.comments h5 {
		font-family: inherit;
		font-size: 35pt;
		text-transform: uppercase;
		padding: 40px 0px 0px 0px;
	}

	.comments p {
		font-size: 15pt;
		padding: 0px 40px 0px 0px;
	}

	@media (max-width:1024px) {
		.comments p {
			font-size: 150%;
		}
	}

	.dateTime {
		background-color: #fff;
		margin-top: 20px;
		margin-left: 20px;
		width: 94%;
		padding-top: 15px;
	}

	.dateTime input {
		margin-top: 5px;
	}

	@media (max-width:320px) {
		.dateTime input {
			margin-top: 5px;
			max-width: 100px;
		}
	}

	.dateTime select {
		margin-top: 5px;
		height: 30px;
	}

	.dateTime p {
		padding: 10px !important;
		text-align: left !important;
		font-size: 14pt !important;
	}

	.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
		background: url(../img/b03.png) no-repeat;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		width: 21px;
		height: 21px;
		text-align: center;
		line-height: 21px;
		font-size: 9px;
		color: #fff;
	}

	.item_price {
		text-align: right;
		margin-bottom: 20px;
	}

	.jssorb03 .bulletNavigatorItemPrototype.bulletNavigatorItemPrototypeav {
		background-position: -35px -4px;
	}

	.pageGenerale img {
		width: 100%;
		padding: 20px;
	}

	@media (max-width:768px) {
		.pageGenerale h2 {
			font-size: 40px;
			padding: 0px 40px 0px 10px;
		}
	}

	@media (max-width:320px) {
		.pageGenerale h2 {
			font-size: 100%;
			padding: 0px 40px 0px 10px;
		}
	}

	.pageGenerale h3 {
		font-size: 28pt;
		text-transform: uppercase;
		padding: 0px 10px 0px 10px;
		text-align: center;
		margin-bottom: 0px;
	}

	.pageGenerale h4 {
		font-size: 22pt;
		text-transform: uppercase;
		padding: 0px 10px 0px 10px;
		text-align: center;
		color: #2f7dae;
	}

	.pageGenerale p {
		padding: 0px 40px 0px 0px;
		text-align: center;
		text-align: c;
		text-transform: uppercase;
		font-size: 20pt;
	}

	.pageGenerale ul>li {
		list-style-type: disc !important;
		font-size: 14pt;
		padding-left: 10px;
		margin-left: 60px;
	}

	@media (max-width:1024px) {
		.pageGenerale ul, li {
			font-size: 12pt;
			padding-left: 5px;
		}
	}

	.pageMenu h4 {
		font-size: 20pt;
		text-transform: uppercase;
		padding: 0px 10px 0px 10px;
		text-align: center;
		color: #2f7dae;
	}

	.pageMenu p {
		padding: 0px 0px 0px 0px;
		text-align: center;
		font-size: 20pt;
	}

	.buttonPage p {
		background-color: #fff;
		font-size: 16pt;
		text-align: center;
		padding: 10px;
		border: solid 1px #fcb751;
		border-radius: 10px;
		margin: 0px 20px 0px 20px;
		font-weight: bold;
	}

	.buttonPage a {
		color: #000;
	}

	.buttonPage a:hover {
		color: #2f7dae;
		text-decoration: none;
	}

	.buttonMenuInfo p {
		background-color: #2f7dae;
		font-size: 20pt;
		text-align: center;
		padding: 0px 10px 0px 10px;
		border: solid 1px #fcb751;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		margin: 15px 0px 0px 0px;
		font-weight: bold;
		color: #fff;
	}

	.buttonMenuInfo p a {
		background-color: #2f7dae;
	}

	.buttonMenuInfo p a:hover {
		background-color: #2f7dae;
		text-decoration: none;
	}

	.qty input {
		width: 50px;
		color: #000;
		border: solid 1px #fcb751;
	}

	.buttonPlaceOrder p {
		background-color: #e6e7e8;
		font-size: 14pt;
		text-align: center;
		padding: 5px;
		border-radius: 40px;
		margin: 20px 20px 0px 20px;
		font-weight: bold;
	}

	.buttonPlaceOrder a {
		background-color: #fcb751;
		color: #000;
	}

	.buttonPlaceOrder a:hover {
		background-color: #2f7dae;
		color: #000;
		text-decoration: none;
	}

	.buttonPlaceOrder2 p {
		background-color: #2f7dae;
		font-size: 14pt;
		text-align: center;
		padding: 5px;
		border-radius: 40px;
		margin: 20px 20px 0px 20px;
		font-weight: bold;
	}

	.buttonPlaceOrder2 a {
		background-color: #e6e7e8;
		color: #000;
	}

	.buttonPlaceOrder2 a:hover {
		background-color: #e6e7e8;
		color: #000;
		text-decoration: none;
	}

	.location {
		background-color: #fff;
		font-size: 14pt;
		text-align: center;
		padding: 10px 20px 20px 20px;
	}

	.location p {
		font-size: 1.2rem;
		text-align: left;
		font-weight: uppercase;
		margin-bottom: 0px;
		line-height: 35px;
	}

	.location select, .location input {
		width: 100%;
		padding: 10px;
		font-family: inherit, sans-serif;
		font-size: 16px;
	}

	.location input {
		width: 100%;
		padding: 10px;
	}

	.location textarea {
		margin-top: 20px;
		width: 100%;
		height: 60px;
		padding: 10px;
		text-align: center;
	}

	.formContent {
		margin-top: 10px;
		margin-left: 40px;
	}

	@media (max-width:768px) {
		.formContent {
			margin-top: 10px;
			margin-left: 20px;
		}
	}

	.formContent p {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 5px 0px;
	}

	.formContent h3 {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 5px 0px;
	}

	.formContent input {
		padding: 5px;
		border: 1px solid #d4d4d8;
		width: 90%;
	}

	.formContent textarea {
		padding: 5px;
		width: 90%;
	}

	.pageNext {
		text-align: center;
	}

	/* recherche défunt */

	.recherche-input-div {
		text-align: left;
		margin-top: 10px;
	}

	.recherche-input {
		height: 40px;
		border: 1px solid #AFAFAF;
		border-radius: 5px;
		width: 225px;
		padding: 10px;
	}

	#recherche-searchdiv {
		width: 250px;
		/*margin:0 auto;
	background-color:white;
	border:1px solid white;*/
		position: relative;
		margin-top: 15px;
	}

	.recherche-main-split-right #recherche-searchdiv {
		width: 100%;
	}

	.recherche-main-split-right .recherche-input {
		width: 250px;
	}

	.search-magnifier {
		background-color: transparent;
		border: none;
		position: absolute;
		right: 30px;
		top: 5px;
		cursor: pointer;
		float: right;
		width: 30px;
		height: 30px;
		background-size: cover;
		background: url("/web/images/magnifying-glass.svg") no-repeat;
	}

	.articlecontent {
		background-color: #fff;
		color: #000;
		padding-bottom: 0px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.articlecontent p {
		margin-left: 0px;
		padding-left: 40px;
		padding-right: 40px;
		/*text-align:justify;*/
	}

	.articlecontent>ul>li {
		list-style-type: disc;
		margin-left: 40px;
	}

	.articlecontent h1 {
		padding: 0px 0px 15px 0px;
		font-size: 32px;
		text-transform: uppercase;
	}

	.articlecontent h2 {
		padding: 15px 0px 15px 0px;
		font-size: 45px;
		color: #2f7dae;
		font-weight: bold;
	}

	.articlecontent h3 {
		font-size: 20pt;
		text-transform: none;
		font-weight: 700;
		color: #2f7dae;
		padding: 15px 0px 15px 0px;
	}

	.articlecontent h4 {
		font-size: 18pt;
		font-weight: bold;
	}

	.articlecontent hr {
		margin-top: 20px;
		margin-bottom: 20px;
		border: 0;
		border-top: 1px solid #3d7dca;
		width: 50%;
	}

	#subTotalSpanLbl, #taxSpanLbl, #basketPriceTotalTxt {
		float: left;
	}

	/* FOOTER */

	.footer {
		padding: 10px;
	}

	.footerContent {
		margin-top: 30px;
		color: #fff;
	}

	.footerContent p {
		padding: 0px 0px 0px 35px;
		font-size: 14pt;
		color: white;
	}

	@media (max-width:1024px) {
		.footerContent p {
			padding: 0px 10px 0px 10px;
			font-size: 12pt;
			color: white;
		}
	}

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

	.footerContent a:hover {
		color: #abd6e9;
		text-decoration: none;
	}

	.footerContent ul>li {
		list-style-type: none !important;
		font-size: 14pt;
		padding-left: 10px;
	}

	@media (max-width:1024px) {
		.footerContent ul, li {
			font-size: 12pt;
			padding-left: 5px;
		}
	}

	.separation {
		border-left: solid 1px #fff;
	}

	@media (max-width:1024px) {
		.separation {
			border-left: solid 1px #fff;
			margin-left: 10px;
		}
	}

	.socialMedia img {
		margin-left: 10px;
		max-width: 45px;
		padding: 5px;
	}

	@media (max-width:1280px) {
		.socialMedia img {
			margin-top: 2px;
			margin-left: 5px;
			max-width: 40px;
			padding: 5px;
		}
	}

	.xosharelink img {
		max-width: 60px;
		padding: 10px 10px 10px 10px;
	}

	.copyright p {
		font-family: inherit;
		text-align: center;
		margin-bottom: 0;
	}

	/* CONTENT */

	.blocs img {
		max-width: 78px;
		padding: 0px 0px 0px 8px;
	}

	.langueContent {
		padding-right: 10px;
		text-transform: uppercase;
		font-size: 12px;
	}

	.langueContent a {
		/*padding-right:40px;*/
		color: #303030;
	}

	.langueContent a:hover {
		/*padding-right:40px;*/
		color: #f58c1f;
	}

	.bgTexte {
		background-color: #fff;
		padding: 20px 20px 20px 20px;
		box-shadow: 8px 8px 12px #aaa;
		margin-bottom: 40px;
	}

	.photo {
		margin: 0px 50px 20px 20px;
		max-width: 250px;
		height: 100%;
	}

	.texte p {
		margin: 0px 0px 20px 20px;
	}

	.texte table {
		margin: 0px 0px 20px 20px;
	}

	.texte h1 {
		color: #026479;
		font-size: 24px;
		text-transform: none;
		margin: 0px 0px 20px 20px;
	}

	.texte h2 {
		color: #026479;
		font-size: 18px;
		text-transform: none;
		margin: 0px 0px 20px 20px;
	}

	.texte h3 {
		color: #535353;
		font-size: 16px;
		text-transform: none;
		margin: 0px 0px 20px 20px;
	}

	.pageNum {
		font-family: inherit, sans-serif;
		font-size: 16px;
		color: #535353;
		text-align: center;
		margin-top: 40px;
	}

	.google-maps {
		position: relative;
		padding-bottom: 34%;
		height: 0;
		overflow: hidden;
		margin-top: 110px;
	}

	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		padding-right: 20px;
	}

	.moreInformation {
		border-bottom: solid 10px #0b1e42;
	}

	.moreInformation h2 {
		background-color: #0b1e42;
		padding: 15px 15px 10px 15px;
		text-align: center;
		color: #f8f8f8;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 0px;
	}

	.moreInformation h2 a {
		color: #f8f8f8;
	}

	.moreInformation h2 a:hover {
		color: #ebebeb;
	}

	.formContact {
		min-height: 100px;
		padding-top: 20px;
	}

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

	.labelrequired {
		color: #ee2327;
	}

	.textLeft {
		text-align: left;
	}

	.textRight {
		text-align: right;
	}

	.textCenter {
		text-align: center;
	}

	.hide-bullets {
		list-style: none;
		margin-left: -40px;
		margin-top: 20px;
	}

	.thumbnail {
		padding: 0;
	}

	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		width: 100%;
	}

	.menuGeneral {
		background-color: #373737;
		color: #fff;
		font-size: 13pt;
		padding: 10px 10px 10px 20px !important;
	}

	@media (max-width:780px) {
		.menuGeneral {
			font-size: 12pt;
			padding: 10px 10px 0px 20px !important;
		}
	}

	@media (max-width:320px) {
		.menuGeneral {
			font-size: 10pt;
			padding: 10px 10px 0px 20px !important;
		}
	}

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

	.menuGeneral a:hover {
		color: #217ec2;
		text-decoration: none;
	}

	.pageLink {
		margin-left: 20px;
	}

	.curPageLink {
		margin-left: 20px;
		color: #fcb751;
	}

	div.scrollmenu {
		background-color: #e6e7e8;
		overflow: auto;
		white-space: nowrap;
	}

	div.scrollmenu a {
		display: inline-block;
		color: black;
		text-align: center;
		padding: 14px;
		text-decoration: none;
	}

	div.scrollmenu a:hover {
		background-color: #777;
	}

	.slideshow img {
		padding: 0px;
	}

	@media (max-width:860px) {
		.hidetablet {
			display: none !important;
		}
	}

	@media (min-width: 861px) {
		.hidedesktop {
			display: none !important;
		}
	}

	.topLogoDiv {
		margin-bottom: 20px !important;
	}

	/* END TOP */

	/* MATERIAL DESIGN CSS OVERWRITE*/

	.menuTop a {
		color: #fff;
		text-transform: uppercase;
		opacity: 1;
		font-size: 16px;
		font-family: inherit, sans-serif;
	}

	.menuTop a:hover {
		color: #2f7dae;
	}

	.menuTop a:focus {
		color: #2f7dae;
	}

	.menuTop .active {
		color: #2f7dae;
	}

	.borderMenu1 {
		border: solid 2px #2f7dae;
		border-top: 0;
		border-radius: 0px 0px 5px 5px;
	}

	.borderMenu2 {
		border: solid 2px #289dbe;
		border-top: 0;
		border-radius: 0px 0px 5px 5px;
		margin-left: 20px;
	}

	@media (max-width:990px) {
		.borderMenu1 {
			border: solid 0px #2f7dae;
			border-top: 0;
			border-radius: 0px 0px 5px 5px;
		}
		.borderMenu2 {
			border: solid 0px #289dbe;
			border-top: 0;
			border-radius: 0px 0px 5px 5px;
			margin-left: 20px;
		}
	}

	.searchIcon {
		color: #888;
	}

	@media (max-width:990px) {
		.searchIcon {
			color: #fff;
		}
	}

	.goMenuFixed {
		position: fixed;
		left: 0px;
		padding-left: 0px;
		margin-top: 20px;
		z-index: 2;
	}

	.goMenuFixed p {
		background-color: #60AD7B;
		padding: 20px;
		border-radius: 0px 5px 5px 0px;
		color: #fff;
		font-size: 20px;
		text-align: center;
	}

	.goMenuFixed a {
		text-decoration: none;
	}

	@media (max-width:320px) {
		.goMenuFixed {
			position: fixed;
			left: 0px;
			padding-left: 0px;
			margin-top: 0px;
			z-index: 2;
		}
		.goMenuFixed p {
			background-color: #60AD7B;
			padding: 10px;
			border-radius: 0px 5px 5px 0px;
			color: #fff;
			font-size: 10px;
			line-height: 10px;
			text-align: center;
		}
	}

	/* MODIFS PAT */

	.mainProductCard {
		text-align: center;
	}

	.basketHeader h1 {
		font-size: 21pt;
		margin: 0px 0px 10px 0px;
		text-transform: capitalize;
		text-align: center;
		margin-top: 9px;
	}

	.BasketTable p {
		border: solid 1px #333;
		padding: 10px;
	}

	#orderTable th, #orderTableMobile th {
		font-size: 1.2em;
		font-weight: 400;
	}

	#orderTable td, #orderTableMobile td {
		font-size: 12px !important;
		font-weight: 400; 
		border-top: 0;
	}

	#side_cart.order-side-cart {
		background-color: white;
	}

	#side_cart.order-side-cart .basketHeader h1 {
		font-size: 24px;
		margin: 0px 0px 10px 0px;
		text-transform: uppercase;
		text-align: center;
		color: #000;
	}

	#side_cart.order-side-cart #orderTable {
		border: 1px solid #000;
	}

	#orderTable th, #orderTableMobile th {
		font-size: 16px;
		font-weight: 400;
	}

	.modal {
		will-change: visibility, opacity;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 1000;
		visibility: visible;
		opacity: 1;
		transition: all .5s cubic-bezier(.23, 1, .32, 1);
		transition-delay: 0s
	}

	.modal--active {
		visibility: visible;
		opacity: 1
	}

	.modal--align-top {
		align-items: flex-start
	}

	.modal__bg {
		background-color: #888;
		background-color: rgba(0, 0, 0, 0.5)
	}

	.modal__dialog {
		max-width: 600px;
		padding: 1.2rem
	}

	.modal__content {
		will-change: transform, opacity;
		position: relative;
		opacity: 0;
		display: flex;
		flex-direction: column;
		font-size: 16px;
		font-weight: 400;
		min-height: 200px;
		overflow: hidden;
		z-index: 1;
		background: #fff;
		border-radius: 2px;
		box-sizing: border-box;
		box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		transition: all .5s cubic-bezier(.23, 1, .32, 1)
	}

	.modal__content--active {
		opacity: 1
	}

	.modal__close {
		z-index: 1100;
		cursor: pointer
	}

	.modal__trigger {
		overflow: visible;
		transition: all .5s cubic-bezier(.23, 1, .32, 1)
	}

	.modal__trigger--active {
		z-index: 10
	}

	.modal__title {
		align-items: center;
		color: #000;
		display: block;
		display: flex;
		justify-content: stretch;
		line-height: normal;
		padding: 16px;
		perspective-origin: 165px 56px;
		transform-origin: 165px 56px;
		box-sizing: border-box
	}

	.modal__title .modal__title-text {
		align-self: flex-end;
		color: inherit;
		display: block;
		display: flex;
		font-size: 24px;
		font-weight: 300;
		line-height: normal;
		overflow: hidden;
		transform-origin: 149px 48px;
		margin: 0
	}

	.modal__footer {
		font-size: 16px;
		line-height: normal;
		width: 100%;
		background-color: transparent;
		padding: 8px;
		box-sizing: border-box;
		border-top: 1px solid rgba(0, 0, 0, 0.1)
	}

	.modal__close {
		z-index: 1100;
		cursor: pointer
	}

	.modal__header .modal__close {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 100%;
		text-align: right
	}

	.modal__header .modal__close:before {
		content: 'close';
		position: absolute;
		top: 4px;
		right: 4px
	}

	#modal__temp {
		will-change: transform, opacity, background-color;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transform: none;
		opacity: 1;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
		transition: background-color .2s linear, opacity .1s ease-out, transform .5s cubic-bezier(.23, 1, .32, 1)
	}

	.modal-demo {
		padding: 15px
	}

	.demo-close {
		position: absolute;
		top: 0;
		right: 0;
		margin: 1.2rem;
		padding: .6rem;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 50%;
		transition: all .5s cubic-bezier(.23, 1, .32, 1);
		color: #fff;
		text-decoration: none
	}

	.demo-close svg {
		width: 24px;
		fill: #fff;
		pointer-events: none;
		vertical-align: top
	}

	.demo-close:hover {
		background: rgba(0, 0, 0, 0.6)
	}

	.modal__title {
		color: #767777;
	}

	.modal__content {
		padding: 30px;
		background-color: #60ad7b;
	}

	.modal__content * {
		color: #FFF;
	}

	.xo-modal-header .modal-header-inner {
		background-color: #fcb751;
		color: white;
	}

	.orangeBtn {
		color: #fff !important;
		background-color: #2f7dae !important;
		font-size: 16px;
	}

	#orderTableMobile td, #orderTableMobile th, #orderTableMobile td * {
		color: black;
	}

	.posidecart {
		width: 92%;
	}


	@media (min-width: 780px) {
		.MobileOrderButtons a {
			background-color: #2f7dae;
			margin-left: 0px;
			margin-top: 10px;
			width: 100%;
		}
		.MobileOrderButtons a:hover {
			background-color: #2f7dae;
			margin-left: 10px 0px 0px 0px;
			width: 100%;
		}
	}

	@media (min-width: 320px) {
		.MobileOrderButtons a {
			background-color: #2f7dae;
			margin: 5px 10px 5px 55px;
			width: 65%;
		}
	}


	@media (max-width: 320px) {
		.modal__text {
			width: 92%;
		}
	}

	@media (min-width: 768px) {
		.modal__text {
			width: 100%;
		}
	}

	#modal-item {
		background: #fff;
	}

	#modal-item .item_price {
		margin-bottom: 0;
	}

	.item_img {
		text-align: center;
	}

	.item_img p {
		font-size: 18px;
		padding-top: 10px;
	}

	.item_img img {
		width: auto;
	}

	.closeButton {
		color: #fff !important;
		font-size: 20px;
		margin: auto;
	}

	.closeButtonPopUp {
		color: #fff !important;
		background-color: #474747 !important;
		font-size: 20px;
		height: 36px;
		width: 100%;
	}

	.addButton {
		color: #fff !important;
		background-color: #2f7dae;
		font-size: 20px;
		width: 100%;
		text-align: center;
		margin: 0px 55px 0px 0px;
	}

	.addButtonLogged {
		width: 67%;
		margin: 0px 56px 0px 0px;
	}

	.addButtonPopUp {
		color: #fff !important;
		background-color: #2f7dae;
		font-size: 20px;
		width: 100%;
		text-align: center;
		height: 36px;
	}

	#optionDialog .priceDiv {
		text-align: right;
	}

	.posidecart input {
		text-align: center;
		border: 0px;
	}

	/* @media (max-width: 768px) {
		#order {
			max-width: 400px;
			padding-right: 2px;
			padding-left: 2px;
		}
	} */

	#successDialog_title {
		font-weight:bold;
	}

	#ChangeDistrict {
		display: none;
	}

	.changeDistrictButtonsDiv {
		text-align: center;
	}

	#changeModalConfirm {
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
	}

	#changeModalCancel {
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
	}

	.basket-note {
		text-transform: uppercase;
		color: #474747;
		font-size: 14px;
		padding-right: 18px;
	}

	.menuTop ul {
		list-style: none;
		display: flex;
	}

	.menuTop .dropdown-submenu {
		position: absolute;
		background: #222;
		padding: 0;
		display: none;
	}

	.menuTop ul.dropdown-submenu li a {
		line-height: 1.2;
		margin-bottom: 32px;
	}

	.menuTop li.dropdown-menu:hover .dropdown-submenu {
		display: block;
	}

	@media (min-width: 768px) and (max-width: 1024px) {}

	@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

	@media (min-width: 481px) and (max-width: 767px) {
		.menuTop ul {
			flex-direction: column;
			padding: 0;
		}
		.menuTop .dropdown-submenu {
			display: block;
			position: relative;
			background: transparent;
		}
		.menuTop .dropdown-submenu li {
			padding-left: 20px;
		}
		.content img {
			width: auto !important;
		}
	}

	@media (min-width: 320px) and (max-width: 480px) {
		.menuTop ul {
			flex-direction: column;
			padding: 0;
		}
		.menuTop .dropdown-submenu {
			display: block;
			position: relative;
			background: transparent;
		}
		.menuTop .dropdown-submenu li {
			padding-left: 20px;
		}
		.content img {
			width: auto !important;
		}
	}

	.printButtonPopUp {
		color: #fff !important;
		background-color: #2f7dae !important;
		font-size: 20px;
		width: 100%;
		height: 36px;
	}

	@media (max-width: 1024px) {
		.navbar-header {
			float: none;
		}
		.navbar-left, .navbar-right {
			float: none !important;
		}
		.navbar-toggle {
			display: block;
		}
		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
		}
		.navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
		}
		.navbar-collapse.collapse {
			display: none!important;
		}
		.navbar-nav {
			float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
			float: none;
		}
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.collapse.in {
			display: block !important;
		}
	}

	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		/* IE10+ CSS styles go here */
		#main_file {
			overflow: scroll;
		}
	}

	.imgDetail {
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	#clientAvatar i {
		vertical-align: middle;
		cursor: pointer;
	}

	.account_transact_card, .account_config_card {
		width: auto;
		min-width: 330px;
		margin-top: 40px;
	}

	.seeTransact, .copyTransact, .payTransact {
		cursor: pointer;
	}