/*
		=================================
		
			CSS	v1.3.7
		
	 	=================================

	loading database connexion ------ OK
	loading admin functions --------- OK
	loading css functions ----------- OK
	loading vars -------------------- OK
	loading lan --------------------- OK (br)
	website name -------------------- Labomac
	website link -------------------- https://www.labomac.com.br
	last modified ------------------- 15/Jan/2020 16:19:38
	author -------------------------- Seb @ One Color

	listing available colors -

		#FFFFFF --- blanc
		#D3D3D3 --- lgris
		#909090 --- gris
		#606060 --- sgris
		#000000 --- noir
		#F8FAFD --- bckgd
		#ffb3b3 --- lrouge
		#FF0000 --- rouge
		#600000 --- srouge
		#b3ffb3 --- lvert
		#00FF00 --- vert
		#006000 --- svert
		#b3b3ff --- lbleu
		#0000FF --- bleu
		#000060 --- sbleu
		#FFB6C1 --- lrose
		#FFC0CB --- rose
		#C71585 --- srose
		#0040FF --- design_bleu
		#C93E36 --- design_rouge
		#7F0802 --- design_srouge
		#E4635C --- design_lrouge



	/*=============================================================================*\
	=										=
	=		RESET STYLE / IMPORT FONTS / TRANSITIONS / ANIMATIONS		=
	=										=
	\*=============================================================================*/



h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote,pre,html,body,table,tbody,tr,th,td,tfoot,thead,img,form,fieldset,a {
	margin: 0;
	padding: 0;
	border: none;
	outline:none;
	list-style-type: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a{
	color:inherit;
}
html{
	overflow: auto;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:12px;
	color:#000000;
	-webkit-tap-highlight-color:transparent;
	background-color:#FFFFFF;
	position:fixed;	/* hack safari */
	cursor:default;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
*:focus {
	outline: none!important;
}
:root{
	--scale-captcha: 1;
}
@font-face {
	font-family: "droid";
	src:
		url("../font/droid-sans/droidsans-webfont.eot");
	src: 
		url("../font/droid-sans/droidsans-webfont.eot?#iefix") format('embedded-opentype'),
		url("../font/droid-sans/droidsans-webfont.svg#droid_sansregular") format('svg'),
		url("../font/droid-sans/droidsans-webfont.ttf") format('truetype'),
		url("../font/droid-sans/droidsans-webfont.woff") format('woff'),
		url("../font/droid-sans/droidsans-webfont.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "corporate";
	src:
		url("../font/corporate_s_regular/corporate_s_regular-webfont.eot");
	src: 
		url("../font/corporate_s_regular/corporate_s_regular-webfont.eot?#iefix") format('embedded-opentype'),
		url("../font/corporate_s_regular/corporate_s_regular-webfont.svg#corporate_sregular") format('svg'),
		url("../font/corporate_s_regular/corporate_s_regular-webfont.ttf") format('truetype'),
		url("../font/corporate_s_regular/corporate_s_regular-webfont.woff") format('woff'),
		url("../font/corporate_s_regular/corporate_s_regular-webfont.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "learning_curve";
	src:
		url("../font/learning_curve/learningcurve-webfont.eot");
	src: 
		url("../font/learning_curve/learningcurve-webfont.eot?#iefix") format('embedded-opentype'),
		url("../font/learning_curve/learningcurve-webfont.svg#learning_curveregular") format('svg'),
		url("../font/learning_curve/learningcurve-webfont.ttf") format('truetype'),
		url("../font/learning_curve/learningcurve-webfont.woff") format('woff'),
		url("../font/learning_curve/learningcurve-webfont.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
.transition{
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
	animation-iteration-count: infinite;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-delay: 0s;
	-o-transition-property: all;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: ease-in-out;
	-o-transition-delay: 0s;
}
:root {
	--as-color-loading-main	:	rgba(228,99,92,0.50);
	--as-color-loading-focus :	#C93E36;
	--as-color-loading-gradient:	rgba(228,99,92,0.20);
}
@keyframes loader_animation_1 {
	0% {
		background-color: var(--as-color-loading-main);
	}
	25% {
		background-color: var(--as-color-loading-focus);
		-webkit-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		-moz-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
	}
	50% {
		background-color: var(--as-color-loading-main);
	}
}
@keyframes loader_animation_2 {
	25% {
		background-color: var(--as-color-loading-main);
	}
	50% {
		background-color: var(--as-color-loading-focus);
		-webkit-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		-moz-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
	}
	75% {
		background-color: var(--as-color-loading-main);
	}
}
@keyframes loader_animation_3 {
	50% {
		background-color: var(--as-color-loading-main);
	}
	75% {
		background-color: var(--as-color-loading-focus);
		-webkit-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		-moz-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
	}
	100% {
		background-color: var(--as-color-loading-main);
	}
}
@keyframes loader_animation_4 {
	0%,100% {
		text-shadow:	0px 0px 1px var(--as-color-loading-gradient),
				0px 0px 2px var(--as-color-loading-gradient),
				0px 0px 3px var(--as-color-loading-gradient),
				0px 0px 4px var(--as-color-loading-gradient),
				0px 0px 5px var(--as-color-loading-gradient);
	}
	50% {
		text-shadow:	0px 0px 1px var(--as-color-loading-gradient),
				0px 0px 2px var(--as-color-loading-gradient),
				0px 0px 3px var(--as-color-loading-gradient),
				0px 0px 4px var(--as-color-loading-gradient),
				0px 0px 5px var(--as-color-loading-gradient),
				0px 0px 6px var(--as-color-loading-gradient),
				0px 0px 7px var(--as-color-loading-gradient),
				0px 0px 8px var(--as-color-loading-gradient),
				0px 0px 9px var(--as-color-loading-gradient),
				0px 0px 10px var(--as-color-loading-gradient);
	}
}


	/*=============================================================================*\
	=										=
	=				GENERAL STRUCTURE				=
	=										=
	\*=============================================================================*/



	html,body{
		height:100%;
		width:100%;
		font-family:"droid", Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	html{
		display:flex;
	}
		body{
			max-height:1200px;
		/*	max-width:1200px;	*/
			min-height:400px;
			min-width:200px;
			margin:auto;
			display:flex;
			flex-direction:column;
		}
	.pointer,
	a{
		cursor:url("https://www.labomac.com.br/img/cursor_hand.png") 7 3, pointer!important;
		text-decoration:none;
	}
	.hidden{
		display:none;
		visibility:hidden;
	}
	.content_center{
		display:flex;
		justify-content: center;
		align-items:center;
	}
	.ns{	/* no_select */
		-webkit-touch-callout: none;
		  -webkit-user-select: none;	/* Chrome, Safari, Opéra depuis la version 15 */
		   -khtml-user-select: none;
		     -moz-user-select: none;	/* Firefox */
		      -ms-user-select: none;	/* Internet explorer depuis la version 10 et Edge */
		          user-select: none;	/* Propriété standard */
	}
	.loader{
		top:50%;
		left:50%;
		margin-top:-5px;
		margin-left:-5px;
		animation: loader_animation_2 0.5s infinite;
	}
	.loader:before,
	.loader,
	.loader:after{
		position:absolute;
		height:10px;
		width:10px;
		background-color:var(--as-color-loading-main);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		zoom: 1;
		filter: alpha(opacity=90);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		-moz-opacity:0.9;
		-khtml-opacity:0.9;
		opacity: 0.9;
	}
	.loader:before{
		content:"";
		left:-13px;
		animation: loader_animation_1 0.5s infinite;
	}
	.loader:after{
		content:"";
		right:-13px;
		animation: loader_animation_3 0.5s infinite;
	}
	img.responsive_img_js{
		height:100%;
		width:100%;
		background-repeat:no-repeat;
		background-size:cover;
		user-drag: none; 
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		pointer-events: none;
		position:relative;
		display:block;
	}
		#visualisation_out{
			height:100%;
			width:100%;
			background-color:#FFFFFF;
			position:fixed;
			top:0;
			left:0;
			display:none;
			position:absolute;
			z-index:4;
		}
			#visualisation_in{
				background-color:rgba(144,144,144,0.10);
				background-repeat:no-repeat;
				background-size:100% 100%;
			}
				#visualisation_in>img{
					width:100%;
					height:100%;
					display:none;
				}
				#visualisation_in>.video{
					height:100%;
					width:100%;
					display:none;
					position:absolute;
					top:0;
					left:0;
				}
			#visualisation_close{
				height:40px;
				width:40px;
				position:absolute;
				right:0;
				top:0;
			}
				#visualisation_close:before,
				#visualisation_close:after,
				#visualisation_close span{
					height: 40px;
					width: 1px;
					display:block;
					position: absolute;
					top:0;
					left: 19.5px;
					background-color:#C93E36;
				}
				#visualisation_close:before,
				#visualisation_close:after{
					content: "";
					-webkit-box-shadow: 0px 0px 1px 1px rgba(255,255,255,1.00);
					-moz-box-shadow: 0px 0px 1px 1px rgba(255,255,255,1.00);
					box-shadow: 0px 0px 1px 1px rgba(255,255,255,1.00);
					z-index:6;
				}
				#visualisation_close:before,
				#visualisation_close span{
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					transform: rotate(45deg);
				}
				#visualisation_close:after{
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				#visualisation_close span{
					z-index:7;
				}
			#visualisation_left,
			#visualisation_right{
				height:80px;
				width:80px;
				position:absolute;
				top: -moz-calc(50% - 40px);
					top: -webkit-calc(50% - 40px);
					top: -o-calc(50% - 40px);
					top: calc(50% - 40px);
			}
			#visualisation_left{
				left:0;
			}
			#visualisation_right{
				right:0;
			}
				#visualisation_left:before,
				#visualisation_left:after,
				#visualisation_left span,
				#visualisation_right:before,
				#visualisation_right:after,
				#visualisation_right span{
					height: 40px;
					width: 1px;
					display:block;
					position: absolute;
					background-color:#C93E36;
				}
				#visualisation_left:before,
				#visualisation_left:after,
				#visualisation_left span{
					left:20px;
				}
				#visualisation_right:before,
				#visualisation_right:after,
				#visualisation_right span{
					right:20px;
				}
				#visualisation_left:before,
				#visualisation_left:after,
				#visualisation_right:before,
				#visualisation_right:after{
					content: "";
					-webkit-box-shadow: 0px 0px 1px 1px rgba(255,255,255,1.00);
					-moz-box-shadow: 0px 0px 1px 1px rgba(255,255,255,1.00);
					box-shadow: 0px 0px 1px 1px rgba(255,255,255,1.00);
					z-index:6;
				}
				#visualisation_left:before{
					top:1px;
					-webkit-transform: rotate(26deg);
					-moz-transform: rotate(26deg);
					-ms-transform: rotate(26deg);
					-o-transform: rotate(26deg);
					transform: rotate(26deg);
				}
				#visualisation_right:before{
					top:1px;
					-webkit-transform: rotate(-26deg);
					-moz-transform: rotate(-26deg);
					-ms-transform: rotate(-26deg);
					-o-transform: rotate(-26deg);
					transform: rotate(-26deg);
				}
				#visualisation_left span{
					top:1px;
					z-index:7;
					-webkit-transform: rotate(26deg);
					-moz-transform: rotate(26deg);
					-ms-transform: rotate(26deg);
					-o-transform: rotate(26deg);
					transform: rotate(26deg);
				}
				#visualisation_right span{
					top:1px;
					z-index:7;
					-webkit-transform: rotate(-26deg);
					-moz-transform: rotate(-26deg);
					-ms-transform: rotate(-26deg);
					-o-transform: rotate(-26deg);
					transform: rotate(-26deg);
				}
				#visualisation_left:after{
					top:37px;
					-webkit-transform: rotate(-26deg);
					-moz-transform: rotate(-26deg);
					-ms-transform: rotate(-26deg);
					-o-transform: rotate(-26deg);
					transform: rotate(-26deg);
				}
				#visualisation_right:after{
					top:37px;
					-webkit-transform: rotate(26deg);
					-moz-transform: rotate(26deg);
					-ms-transform: rotate(26deg);
					-o-transform: rotate(26deg);
					transform: rotate(26deg);
				}

			#header h1{
				text-transform:uppercase;
				vertical-align:bottom;
				color:#C93E36;
				letter-spacing:1px;
				text-shadow:	-1px 0 #000000,
						0 1px  #000000,
						1px 0 #000000,
						0 -1px #000000,
						3px 3px 4px rgba(0,64,255,0.50);
			}
			#header p{
				color:rgba(201,62,54,0.80);
				font-style:italic;
			}
			#nav #menu{
				width:100%;
				height:100%;
				text-align:center;
			}
				#menu li.selected a,
				#menu_footer li.selected a{
					text-decoration:underline;
					-webkit-text-decoration-color: #C93E36; /* Safari */  
					text-decoration-color: #C93E36;
				}
				#menu li a:hover,
				#menu li a:focus,
				#menu_footer li a:hover,
				#menu_footer li a:focus{
					color:#C93E36;
				}
		#main{
			flex:1;
			overflow-y:auto;
			overflow-x:hidden;
			z-index:3;
		}
			#home_link{
				height:100%;
				width:100%;
				display:block;
				font-size:0;
				position:relative;
				font-family:"corporate";
			}
				#home_link div.responsive_conteneur_js{
					position:absolute;
					top:0
					left:0;
				}
				#home_link div.title{
					width:100%;
					position:absolute;
					text-align:center;
					text-transform:uppercase;
					color:#C93E36;
					letter-spacing:1px;
					text-shadow:	-1px 0 #000000,
							0 1px  #000000,
							1px 0 #000000,
							0 -1px #000000,
							3px 3px 3px rgba(0,64,255,0.50);
				}
					#home_link div.title span{
						display:block;
						text-shadow:none;
						text-transform:initial;
					}
			.texte_img_conteneur{
				padding:4px;
				background-color:#FFFFFF;
				-webkit-box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.50);
				-moz-box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.50);
				box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.50);
			}
				.texte_img{
					width:100%;
					background-color:rgba(228,99,92,0.10);
					font-size:0;
					position:relative;
				}
					.texte_img img{
						position:absolute;
						height:100%;
						width:100%;
						top:0;
						left:0;
					}
			.texte.hw{
				font-family:"learning_curve";
			}
				.texte a:hover{
					color:#0040FF;
				}
				.texte ul{
					list-style-type: disc;
				}
					.texte ul li{
						list-style-type: inherit;
					}
				#album .photo{
					background-color:rgba(228,99,92,0.10);
					position:relative;
					overflow:hidden;
				}
				#album .photo::before {
					content: "";
					padding-bottom: 100%;
					display: inline-block;
					vertical-align: top;
				}
					#album .photo>div{
						position:absolute;
						top:0;
						left:0;
					}
					#album .photo>div:hover{
						zoom: 1;
					filter: alpha(opacity=90);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
					-moz-opacity:0.9;
					-khtml-opacity:0.9;
					opacity: 0.9;
					}
						.photo .play{
							position:absolute;
							color:#FFFFFF;
							text-shadow:
								1px 0	5px #909090,
								-1px 0	5px #909090,
								0 1px	5px #909090,
								0 -1px	5px #909090;
						}
						.photo:hover .play{
							text-shadow:
								1px 0	1px #000000,
								-1px 0	1px #000000,
								0 1px	1px #000000,
								0 -1px	1px #000000,
								3px 3px 4px rgba(0,64,255,0.50);
							color:#E4635C;
							zoom: 1;
							filter: alpha(opacity=100);
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							-moz-opacity:1;
							-khtml-opacity:1;
							opacity: 1;
						}
			.contact{
				width:100%;
				min-height:100%;
				position:relative;
				display:flex;
				flex-direction:column;
				justify-content: center;
			}
				.contact_txt{
					text-align:center;
					margin:0 auto;
				}
				.contact_txt a{
					font-weight:bold;
				}
				.contact_txt a:hover{
					color:#C93E36;
				}









	/*=============================================================================*\
	=										=
	=				COMPUTER DESING					=
	=										=
	\*=============================================================================*/


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

	body{
		overflow-x:hidden;
	}
		#header{
			width:100%;
			height:100px;
			font-size:0;
			margin:0 auto;
			text-align:center;
			background-color:#FFFFFF;
			z-index:6;
			position:relative;
			font-family:"corporate";
		}
			#header h1{
				max-width:1100px;
				height:100px;
				line-height:100px;
				font-size:50px;
				display:inline-block;
				margin:0 auto;
				padding:0 50px;
	/*			text-shadow:	-1px 0 #E4635C,
						0 1px  #7F0802,
						1px 0 #7F0802,
						0 -1px #E4635C,
						3px 3px 4px rgba(0,64,255,0.50);
	*/
				position:relative;
				background:#FFFFFF url(https://www.labomac.com.br/img/dent_fill_100.png) no-repeat center left;
				background-size: auto 85%;
			}
			#header p{
				height:14px;
				min-width:200px;
				max-width:597.5px;
				position:absolute;
				top:75px;
				left:50%;
				margin:0;
				line-height:14px;
				font-size:14px;
				display:block;
			}
		#nav,
		#nav2{
			min-height:50px;
			-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.50);
			-moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.50);
			box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.50);
			z-index:5;
		}
			#nav #menu_hamburger{
				display:none;
				visibility:hidden;
			}
			#nav #menu{
				max-width:1200px;
				min-height:50px;
				display: table;
				line-height:50px;
				font-size:14px;
				margin:0 auto;
			}
				#menu li{
					display:table-cell;
					width:2%;
					height:100%;
					vertical-align:bottom;
					overflow:hidden;
					text-overflow:ellipsis;
					line-height: normal;
				}
					#menu li a{
						width: -moz-calc(100% - 2px);
						width: -webkit-calc(100% - 2px);
						width: -o-calc(100% - 2px);
						width: calc(100% - 2px);
						height: -moz-calc(100% - 2px);
						height: -webkit-calc(100% - 2px);
						height: -o-calc(100% - 2px);
						height: calc(100% - 2px);
						display:grid;
						text-align:center;
						align-items:center;
						border:1px transparent dotted;
					}
		#nav2{
			display:none;
			visibility:hidden;
		}
		#main{
			padding:4px 0;
		}
				#home_link div.title{
					min-height:100px;
					top: -moz-calc(40% - 50px);
					top: -webkit-calc(40% - 50px);
					top: -o-calc(40% - 50px);
					top: calc(40% - 50px);
					font-size:100px;
					line-height:100px;
				}
					#home_link div.title span{
						font-size:25px;
						line-height:25px;
						letter-spacing:3px;
					}
			.texte_img_conteneur{
				max-width:560px;
				width:60%;
				min-height:10px;
				margin:30px auto;
			}
			.texte{
				min-width:720px;
				width:70%;
				margin:30px auto;
				font-size:14px;
			}
			.texte.hw{
				font-size:30px;
			}
			.texte::first-letter,
			.texte p::first-letter{
				padding-left:30px;
			}
			#album{
				width: -moz-calc(100% - 60px);
				width: -webkit-calc(100% - 60px);
				width: -o-calc(100% - 60px);
				width: calc(100% - 60px);
				max-width:1080px;
				display: grid;
				grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
				grid-gap: 30px;
				margin:30px auto;
			}
						.photo .play{
							width:48px;
							height:48px;
							position:absolute;
							top: -moz-calc(50% - 24px);
						top: -webkit-calc(50% - 24px);
						top: -o-calc(50% - 24px);
						top: calc(50% - 24px);
							left: -moz-calc(50% - 24px);
						left: -webkit-calc(50% - 24px);
						left: -o-calc(50% - 24px);
						left: calc(50% - 24px);
							font-size:48px;
						}
				.contact_txt{
					font-size:14px;
					width:80%;
					min-width:800px;
				}
		
		#footer{
			width:100%;
			height:25px;
			line-height:25px;
			font-size:0;
			text-align:center;
			position:relative;
			overflow:hidden;
			-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.50);
			-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.50);
			box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.50);
			z-index:5;
		}
			#footer h6{
				display:inline-block;
				margin:0 5px;
				font-size:14px;
				font-weight:inherit;
			}
			#footer #menu_footer{
				display:inline-block;
				margin:0;
				padding:0;
				font-size:12px;
				line-height:14px;
			}
				#menu_footer li{
					display:inline-block;
					padding-left:5px;
				}
					#menu_footer li a{
						display:inline-block;
						padding:0 5px;
					}
			#footer a.link:first-child{
				margin:0 5px;
			}
			#footer>a.link{
				display:inline-block;
				overflow:hidden;
				vertical-align:top;
				height:25px;
				width:25px;
				font-size:0;
			}
				#footer>a.link img{
					height:100%;
					width:100%;
					zoom: 1;
					filter: alpha(opacity=50);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					-moz-opacity:0.5;
					-khtml-opacity:0.5;
					opacity: 0.5;
				}
				#footer>a.link:hover img{
					zoom: 1;
					filter: alpha(opacity=100);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					-moz-opacity:1;
					-khtml-opacity:1;
					opacity: 1;
					filter: invert(48%) sepia(18%) saturate(2139%) hue-rotate(315deg) brightness(76%) contrast(112%);
				}


}


	/*=============================================================================*\
	=										=
	=				TABLETTE DESING					=
	=										=
	\*=============================================================================*/


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

	body{
		position:relative;
	}
		#header{
			width:100%;
			height:75px;
			display:inline-block;
			word-wrap: break-word;
			overflow:hidden;
			text-overflow:ellipsis;
			-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.50);
			-moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.50);
			box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.50);
			z-index:6;
			background:#FFFFFF url(https://www.labomac.com.br/img/dent_fill_100.png) no-repeat center left;
			background-size: auto 85%;
		}
			#header h1{
				height:50px;
				font-size:50px;
				max-width:100%;
				width:100%;
				line-height:50px;
				overflow:hidden;
				text-overflow:ellipsis;
				display:block;
				text-align:center;
			}
			#header p{
				max-width:100%;
				width:100%;
				text-align:center;
				height:25px;
				display:inline-block;
				margin:0;
				line-height:25px;
				font-size:14px;
				letter-spacing:1px;
			}
		#nav{
			width:100%;
			display:inline-block;
			position:absolute;
			top:75px;
			left:0;
			background-color:#FFFFFF;
			z-index:55;
		}
			#nav #menu_hamburger{
				height:75px;
				width:75px;
				position:absolute;
				top:-75px;
				right:0;
				background-color:#FFFFFF;
				display: inline-block;
				transition-property: opacity, filter;
				transition-duration: 0.15s;
				transition-timing-function: linear;
				font: inherit;
				color: inherit;
				text-transform: none;
				border: 0;
				padding: 0;
				overflow: visible;
			}
				.hamburger-box {
					width: 50px;
					height: 25px;
					display: inline-block;
					position: relative;
				}
				.hamburger-inner {
					display: block;
					top: 50%;
					margin-top: -2px;
				}
				.hamburger-inner,
				.hamburger-inner::before,
				.hamburger-inner::after {
					width: 50px;
					height: 4px;
					-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
					background-color:#C93E36;
					position: absolute;
					transition-property: transform;
					transition-duration: 0.15s;
					transition-timing-function: ease;
				}
				.hamburger-inner::before{
					content: "";
					top: -12.5px;
					display: block;
				}
				.hamburger-inner::after {
					content: "";
					bottom: -12.5px;
					display: block;
				}
				.hamburger--squeeze .hamburger-inner {
					transition-duration: 0.075s;
					transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
				}
				.hamburger--squeeze .hamburger-inner::before {	transition: top 0.075s 0.12s ease, opacity 0.075s ease;	}
				.hamburger--squeeze .hamburger-inner::after {	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
				.hamburger--squeeze.is-active .hamburger-inner {
					-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
					transition-delay: 0.12s;
					transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				}
				.hamburger--squeeze.is-active .hamburger-inner::before {
					top: 0;
					opacity: 0;
					transition: top 0.075s ease, opacity 0.075s 0.12s ease;
				}
				.hamburger--squeeze.is-active .hamburger-inner::after {
					bottom: 0;
					-webkit-transform: rotate(-90deg);
						-moz-transform: rotate(-90deg);
						-ms-transform: rotate(-90deg);
						-o-transform: rotate(-90deg);
						transform: rotate(-90deg);
					transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
				}
		#nav:not(.open){
			height:0;
		}
		#nav.open{
			height: -moz-calc(100% - 97px);
			height: -webkit-calc(100% - 97px);
			height: -o-calc(100% - 97px);
			height: calc(100% - 97px);
		}
			#nav #menu{
				display:flex;
				flex-direction:column;
				overflow:hidden;
				background: rgba(255,255,255,0.10);
				background: -moz-linear-gradient(0deg, rgba(255,255,255,0.10) 0%, rgba(228,99,92,0.10) 50%, rgba(255,255,255,0.10) 100%);				/* ff3.6+ */
				background: -webkit-gradient(linear, 0deg, color-stop(0%, rgba(255,255,255,0.10)), color-stop(50%, rgba(228,99,92,0.10)), color-stop(100%, rgba(255,255,255,0.10)));			/* safari4+,chrome */
				background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.10) 0%, rgba(228,99,92,0.10) 50%, rgba(255,255,255,0.10) 100%);				/* safari5.1+,chrome10+ */
				background: -o-linear-gradient(0deg, rgba(255,255,255,0.10) 0%, rgba(228,99,92,0.10) 50%, rgba(255,255,255,0.10) 100%);				/* opera 11.10+ */
				background: -ms-linear-gradient(0deg, rgba(255,255,255,0.10) 0%, rgba(228,99,92,0.10) 50%, rgba(255,255,255,0.10) 100%);				/* ie10+ */
				background: linear-gradient(0deg, rgba(255,255,255,0.10) 0%, rgba(228,99,92,0.10) 50%, rgba(255,255,255,0.10) 100%);					 /* w3c */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0.10)', endColorstr='#rgba(255,255,255,0.10)',GradientType=1 ); /* ie6-9 */
			}
				#menu li{
					height:75px;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
					margin-bottom:1px;
				}
					#menu li a{
						height:100%;
						width:100%;
						display: flex;
						flex-direction: column;
						white-space:nowrap;
						overflow:hidden;
						text-overflow:ellipsis;
						font-size:16px;
					}
					#menu li a::before {	content: "";	margin-top: auto;	}
					#menu li a::after {	content: "";	margin-bottom: auto;	}
		#nav2{
			display:none;
			visibility:hidden;
		}
		#main{
			padding:0;
		}
				#home_link div.responsive_conteneur_js{
					-webkit-box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.50);
					-moz-box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.50);
					box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.50);
				}
				#home_link div.title{
					min-height:75px;
					top: -moz-calc(40% - 37px);
					top: -webkit-calc(40% - 37px);
					top: -o-calc(40% - 37px);
					top: calc(40% - 37px);
					font-size:75px;
					line-height:75px;
				}
					#home_link div.title span{
						font-size:18px;
						line-height:18px;
						letter-spacing:2.6px;
					}
			.texte_img_conteneur{
				width:70%;
				min-height:10px;
				margin:30px auto;
			}
			.texte{
				width:90%;
				margin:15px auto;
				font-size:14px;
				text-align:justify;
			}
			.texte.hw{
				font-size:30px;
			}
			.texte::first-letter,
			.texte p::first-letter{
				padding-left:30px;
			}
			#album{
				width: -moz-calc(100% - 30px);
				width: -webkit-calc(100% - 30px);
				width: -o-calc(100% - 30px);
				width: calc(100% - 30px);
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				grid-gap: 15px;
				margin:15px auto;
			}
						.photo .play{
							width:48px;
							height:48px;
							top: -moz-calc(50% - 24px);
						top: -webkit-calc(50% - 24px);
						top: -o-calc(50% - 24px);
						top: calc(50% - 24px);
							left: -moz-calc(50% - 24px);
						left: -webkit-calc(50% - 24px);
						left: -o-calc(50% - 24px);
						left: calc(50% - 24px);
							font-size:48px;
						}
				.contact_txt{
					width: -moz-calc(100% - 30px);
					width: -webkit-calc(100% - 30px);
					width: -o-calc(100% - 30px);
					width: calc(100% - 30px);
					font-size:14px;
				}
		
		#footer{
			width:100%;
			height:22px;
			line-height:22px;
			font-size:0;
			text-align:center;
			position:relative;
			overflow:hidden;
			z-index:6;
			-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.50);
			-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.50);
			box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.50);
		}
			#footer h6{
				display:inline-block;
				margin:0 10px;
				font-size:14px;
				font-weight:inherit;
			}
			#footer #menu_footer{
				display:inline-block;
				margin:0;
				padding:0;
				font-size:14px;
				line-height:14px;
			}
				#menu_footer li{
					display:inline-block;
					padding-left:10px;
				}
					#menu_footer li a{
						display:inline-block;
						padding:0 10px;
					}
			#footer>a.link{
				display:inline-block;
				overflow:hidden;
				vertical-align:top;
				height:22px;
				width:22px;
				font-size:0;
				margin:0 10px;
			}
				#footer>a.link img{
					height:100%;
					width:100%;
					zoom: 1;
					filter: alpha(opacity=50);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					-moz-opacity:0.5;
					-khtml-opacity:0.5;
					opacity: 0.5;
				}
				#footer>a.link:hover img{
					zoom: 1;
					filter: alpha(opacity=100);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					-moz-opacity:1;
					-khtml-opacity:1;
					opacity: 1;
					filter: invert(48%) sepia(18%) saturate(2139%) hue-rotate(315deg) brightness(76%) contrast(112%);
				}

}


	/*=============================================================================*\
	=										=
	=				SMARTPHONE DESING				=
	=										=
	\*=============================================================================*/


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

	body{
		position:relative;
	}
		#header{
			height:60px;
		}
			#header h1{
				height:40px;
				font-size:40px;
				max-width:100%;
				width:100%;
				line-height:40px;
				overflow:hidden;
				text-overflow:ellipsis;
				display:block;
				text-align:center;
			}
			#header p{
				max-width:100%;
				width:100%;
				text-align:center;
				height:20px;
				display:inline-block;
				margin:0;
				line-height:20px;
				font-size:12px;
				letter-spacing:1px;
			}
		#nav{
			top:60px;
		}
			#nav #menu_hamburger{
				height:60px;
				width:60px;
				top:-60px;
			}
				.hamburger-box {
					width: 40px;
					height: 20px;
				}
				.hamburger-inner,
				.hamburger-inner::before,
				.hamburger-inner::after {
					width: 40px;
				}
				.hamburger-inner::before{
					top: -10px;
				}
				.hamburger-inner::after {
					bottom: -10px;
				}
		#nav.open{
			height: -moz-calc(100% - 80px);
			height: -webkit-calc(100% - 80px);
			height: -o-calc(100% - 80px);
			height: calc(100% - 80px);
		}
				#menu li{
					height:60px;
				}
					#menu li a{
						font-size:16px;
					}

				#home_link div.title{
					min-height:60px;
					top: -moz-calc(40% - 30px);
					top: -webkit-calc(40% - 30px);
					top: -o-calc(40% - 30px);
					top: calc(40% - 30px);
					font-size:60px;
					line-height:60px;
				}
					#home_link div.title span{
						font-size:15px;
						line-height:15px;
						letter-spacing:0;
					}
			.texte_img_conteneur{
				width:85%;
				margin:20px auto;
			}
			.texte{
				margin:10px auto;
				font-size:14px;
			}
			.texte.hw{
				font-size:30px;
			}
			.texte::first-letter,
			.texte p::first-letter{
				padding-left:25px;
			}
			#album{
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-gap: 10px;
				margin:10px auto;
			}
						.photo .play{
							width:48px;
							height:48px;
							top: -moz-calc(50% - 24px);
						top: -webkit-calc(50% - 24px);
						top: -o-calc(50% - 24px);
						top: calc(50% - 24px);
							left: -moz-calc(50% - 24px);
						left: -webkit-calc(50% - 24px);
						left: -o-calc(50% - 24px);
						left: calc(50% - 24px);
							font-size:48px;
						}
				.contact_txt{
					font-size:16px;
					width: -moz-calc(100% - 20px);
					width: -webkit-calc(100% - 20px);
					width: -o-calc(100% - 20px);
					width: calc(100% - 20px);
				}
		
		#footer{
			height:20px;
			line-height:20px;
			font-size:12px;
		}
			#footer h6{
				margin:0 4px;
			}
				#menu_footer li{
					padding-left:4px;
				}
					#menu_footer li a{
						padding:0 4px;
					}
					#langues_footer li a{
						margin:0 0 0 8px;
						height:20px;
					}
			#footer>a.link{
				margin:0 4px;
			}

}