/* Material Icons Font (for MD theme) */

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
	url(../fonts/MaterialIcons-Regular.woff) format('woff'),
	url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* Framework7 Icons Font (for iOS theme) */
@font-face {
	font-family: 'Framework7 Icons';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/Framework7Icons-Regular.eot");
	src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"),
	url("../fonts/Framework7Icons-Regular.woff") format("woff"),
	url("../fonts/Framework7Icons-Regular.ttf") format("truetype");
}

.f7-icons {
	font-family: 'Framework7 Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	font-feature-settings: "liga";
	text-align: center;
}



/*body.iOS7 {
	-webkit-transform: translate3d(0, 20px, 0);
	}*/

	.statusbar-overlay{
		height: 0 !important;
	}

	.ios .tabbar-labels .tab-link:not(.tab-link-active) .icon-ios-fill {
		display: none;
	}
	.ios .tabbar-labels .tab-link.tab-link-active .icon:not(.icon-ios-fill) {
		display: none;
	}

	#app .navbar, .button.button-fill, .md .button.button-fill-md, .md .button.tab-link-active, .md .toolbar {
		background-color: #9c1f2e !important;
	}

	.md .swiper-pagination-bullet-active{
		background-color: #fff !important;
	}

	.md .card-footer a.link, .md .card-header a.link {
		color: #9c1f2e !important;
		min-width: 54px;
		padding: 0;
	}
	.ios a, .ios .navbar .title, .ios a {
		/*color: #fff !important;*/
	}

	.tit_leftmenu{
		color: #777;
		margin: 16px 0 12px 0 !important;
		/*font-weight: bold;*/
		font-size: 18px;
		letter-spacing: 0px;

	}

	.icon-whatsapp {
		content: url("../images/whatsapp.svg");
		margin: 2px auto;
		filter: invert(19%) sepia(75%) saturate(2379%) hue-rotate(334deg) brightness(83%) contrast(96%);
	}

	.card_category{
		height: 150px;
		color: #fff; 
		font-size: 26px !important;
		letter-spacing: 3px !important;
		padding-left: 35px !important;
		text-transform: uppercase;  
		border-top: 1px thin #222;
		/*font-weight: lighter;*/
		border-radius: 0;
		text-align: left;
		background: no-repeat center center; 
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-color: rgba(0, 0, 0, 0.35);
		background-blend-mode:darken;
	}

	.size-14 { font-size: 14px }
	.size-28 { font-size: 28px }
	.color-yellow { color: #ffcc00 }
	.color-black { color: #222222 }

	.list .item-title{ color: #000; }

	.md .card-header span {
		width: 90px;
	}

	.sl{
		width: auto;
		max-width: 100%;
		height: 250px;
		/*margin-right: 50px;*/
		background: no-repeat center center; 
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.slist{
		margin-top: 16px;
		border-radius: 50%;
		width: 65px;
		height: 65px;
		/*margin-right: 50px;*/
		background: no-repeat center center; 
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.color-white { 
		color: #ffffff;
	}

	.color-beig { 
		color: #F1F1F1 !important;
	}

	.color-cartier { 
		color: #9c1f2e !important;
	}

	.color-white-bg { 
		color: #222 !important;
		background-color: #444 !important;
	}

	.block-dark{
		padding: 32px 16px 16px !important; 
		margin:0 !important; 
		background-color: #222 !important; 
		color: #ffffff !important;
	}

	.swiper-slide img {
		max-width: auto;
	}


	#map{
		width: 100%;
		height: 100%;
		background-color: #222;
		position: fixed;
		/* z-index: 5500;*/
	}