/*----------------- Reset CSS -----------------*/

	/*html, body, div, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center, ul, ol, fieldset, form, label, legend,
	caption, article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		display: block;
		position: relative;
	}*/

	span, tr, th, td, dl, dt, dd, table, tbody, tfoot, thead{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		position: relative;
	}

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

	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	img {
	    background: transparent;
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
	    zoom: 1;
	}
	* {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	          -webkit-font-smoothing: antialiased;
	}

/*----------------- Reset Style Form iOS -----------------*/
input[type="text"] , input[type="tel"] , input[type="password"],input[type="number"],input[type="email"],input[type="submit" i] {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
}

/*----------------- Tag a No Underline -----------------*/
	a{cursor: pointer;}
	a:link {text-decoration:none;}
	a:visited {text-decoration:none;}
	a:hover {text-decoration:none;}
	a:active {text-decoration:none;}

/*----------------- Clear Float -----------------*/

	.clear{
		clear: both;
		width: 0px;
		height: 0px;
		 color: #463738;
	}
	/**
	 * For modern browsers
	 * 1. The space content is one way to avoid an Opera bug when the
	 *    contenteditable attribute is included anywhere else in the document.
	 *    Otherwise it causes space to appear at the top and bottom of elements
	 *    that are clearfixed.
	 * 2. The use of `table` rather than `block` is only necessary if using
	 *    `:before` to contain the top-margins of child elements.
	 */
	.cf:before,
	.cf:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}

	.cf:after {
	    clear: both;
	}

	/**
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */
	.cf {
	    *zoom: 1;
	}

/*----------------- Grayscale Fillter -----------------*/

	.grayscale {
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	    filter: gray; /* IE6-9 */
	    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	    -webkit-transition: all .2s ease; /* Fade to color for Chrome and Safari */
	    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	}

	.grayscale:hover {
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	    -webkit-filter: grayscale(0%);
	}

/*----------------- Show Hide Content -----------------*/

.Lpc{
	display: block !important;
}
.Lpc-tablet{
	display: block !important;
}
.Ltablet{
	display: none !important;
}
.Ltablet-mobile{
	display: none !important;
}
.Lmobile{
	display: none !important;
}
.Lmobile-l{
	display: none !important;
}
.Lmobile-p{
	display: none !important;
}

/*----------------- Container-----------------*/

.container {
	width: 98%;
    margin: auto;
    padding: 15px;
}
.container-baby {
	max-width: 1170px;
    margin: auto;
}
.clear{
	clear: both;
	width: 0px;
	height: 0px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.mC{
	margin: 0px auto;
}
.dB{
	display: block;
}
.dN{
	display: none;
}
.p-R{
	position: relative;
}
.p-A{
	position: absolute;
}
.p-F{
	position: fixed;
}
.tS{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	/*----------------- Show Hide Content -----------------*/

	.Lpc{
		display: none !important;
	}
	.Lpc-tablet{
		display: block !important;
	}
	.Ltablet{
		display: block !important;
	}
	.Ltablet-mobile{
		display: block !important;
	}
	.Lmobile{
		display: none !important;
	}

	/*----------------- Container-----------------*/

	.container{
/* 		width: 100% !important; */
		margin: 0 auto;
	}
	.container-baby {
		max-width: 750px;
	}

}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {


	/*----------------- FIX Font Oversize in iOS -----------------*/
	*{
		-webkit-text-size-adjust: none;
	}


	/*----------------- Show Hide Content -----------------*/

	.Lpc{
		display: none !important;
	}
	.Lpc-tablet{
		display: none !important;
	}
	.Ltablet{
		display: none !important;
	}
	.Ltablet-mobile{
		display: block !important;
	}
	.Lmobile{
		display: block !important;
	}

	.fl{
		float: none;
	}
	.fr{
		float: none;
	}

	/*----------------- Container-----------------*/

	.container{
		width: 100%;
		margin: 0 auto;
	}
	.container-baby {
		max-width: 100%;
		padding: 15px;
	}

}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation:portrait){
	.Lmobile-l{
		display: none !important;
	}
	.Lmobile-p{
		display: block !important;
	}
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape){
	.Lmobile-l{
		display: block !important;
	}
	.Lmobile-p{
		display: none !important;
	}
}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3){
	body{
		overflow-x: hidden;
	}
}