/* ==============================================================
/* ==============================================================

Project: 	Royal - Responsive One Page Parallax Template
Info:		https://themeforest.net/user/athenastudio/portfolio
Version: 	1.0
Author:		AthenaStudio
Profile:	https://themeforest.net/user/athenastudio

-----------------------------------------------------------------
					*** TABLE OF CONTENTS ***
-----------------------------------------------------------------

	1.	General
	2.	Animations
	3.	Offsets
	4.	Loader
	5.	Sections
	6.	Navigation
	7.	Slider
	8.	Intro
	9.	Arrows
	10.	Services
	11.	Buttons
	12.	Inputs, Textareas
	13.	Portfolio
	14.	Info box
	15.	Our team
	16.	Animated bars
	17.	Twitter widget
	18.	Contact information and form
	19.	Google maps
	20.	Footer
	21.	Accordion
	22.	Tabs
	23.	Alert messages
	24.	Progress bars
	25.	Blockquote
	26.	Custom Lists
	27.	Tables
	28.	Images slider
	29.	Dropcaps
	30.	Tagline boxes
	31.	Highlights
	32.	Pricing tables
	33.	Stickers
	34.	Font-Awesome icons and stickers demo
	35.	Blog posts
	36.	Sidebars
	37.	Pagination
	38.	Leave a comment
	39.	Comments
	40.	Error page
	41.	Share panel
	42.	Milestone counters
	43.	How it looks (iMacs preview)
		
=============================================================*/







/*********************
    - 1. General -
*********************/
.c2f
{
	vertical-align: baseline;
	width: 70px;
}
#logogroup {
	margin-left: 230px;
	margin-top: 10px;
	height: 25px
}

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-family:"Roboto", sans-serif;
	font-size:16px;
	color:#000;
	background-color:#fff !important;
	-webkit-font-smoothing:antialiased;
	text-align:justify;
}


li{ list-style:square;}

li i.fa{ 
	color:#000;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	font-size:30px;
	}

.famenu{
		margin-left:20px;}
.nofamenu{
		margin-top:12px;}
.drapeau{
		margin-top:-12px;
		margin-left:3px;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	line-height:1.5em;
}

h1, .h1 {font-size:35px; text-transform:uppercase;}
h2, .h2 {font-size:28px;}
h3, .h3 {font-size:24px; }
h4, .h4 {font-size:18px;}
h5, .h5 {font-size:16px;}
h6, .h6 {font-size:14px;}

.titre span {
    background: #1d1d1b none repeat scroll 0 0;
    display: block;
    height: 2px;
    width: 45px;
}

.titre2 span {
    background: #c0087f none repeat scroll 0 0;
    display: block;
    height: 2px;
    width: 65px;
	margin:auto;
}

.titre2 p {
    text-align: justify;
}

.titre3 span {
    background: #1d1d1b none repeat scroll 0 0;
    display: block;
    height: 2px;
    width: 45px;
	margin-top:-10px;
}

.titre li{
	margin-bottom:20px;
list-style-type:none;
}
.titre a{
	color:#000;}
	
.titre4 {
	text-transform:uppercase;}	
.blocpro2 p {
	text-align:left;}		

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight:600;
}

p {
	line-height:1.5em;	
}

i.fa {
	color: inherit;
}
i.fa:hover {
	color:#c0087f;
}

hr {
	margin:0;
	border-color:#5BC5F2;
}

a:hover, a:focus {
	text-decoration:none;
}

a.normal {
	color:#696f6f !important;
	text-decoration:none !important;
}

.text-semibold {
	font-weight:500;
}

.text-light {
	font-weight:300;
}

.text-white {
	color:#fff !important;
}

.img-rounded, .rounded {
	border-radius:3px;
}

.opacity8 {
	opacity:0.8;
}

.opacity9 {
	opacity:0.9;
}

input, input:hover, input:focus, 
button, button:hover, button:focus, 
textarea, textarea:focus, textarea:active {
	outline:0;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}

a:focus, 
a:active, 
button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
select::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner {
 	border:0;
 	outline:0;
}

::-webkit-input-placeholder {
 	opacity:.8;
 	color:#a6a6a6;
}

::-moz-placeholder {
 	opacity:.8;
 	color:#a6a6a6;
}

::-ms-input-placeholder {
 	opacity:.8;
 	color:#a6a6a6;
}

/************************
    - 2. Animations -
************************/
.csstransitions.csstransforms.no-touch .animation[class*="animation-"] {
	position:relative;
	opacity:0;
	-webkit-transition:all 0.35s ease;
	   -moz-transition:all 0.35s ease;
		 -o-transition:all 0.35s ease;
			transition:all 0.35s ease;
}

.csstransitions.csstransforms.no-touch .animation[class*="animation-"].animation-grow {
	-webkit-transform:scale(0.8);
	   -moz-transform:scale(0.8);
		 -o-transform:scale(0.8);
		-ms-transform:scale(0.8);
			transform:scale(0.8);
}

.csstransitions.csstransforms.no-touch .animation[class*="animation-"].animation-from-left {
	left:-30px;
}

.csstransitions.csstransforms.no-touch .animation[class*="animation-"].animation-from-right {
	left:30px;
}

.csstransitions.csstransforms.no-touch .animation[class*="animation-"].animation-from-bottom {
	top:30px;
}

.csstransitions.csstransforms.no-touch .animation[class*="animation-"].animation-from-top {
	top:-30px;
}

.csstransitions.csstransforms.no-touch .animation[class*="animation-"].active {
	left:0;
	top:0;
	opacity:1;
	-webkit-transform:scale(1);
	   -moz-transform:scale(1);
		 -o-transform:scale(1);
		-ms-transform:scale(1);
			transform:scale(1);
}

/*********************
    - 3. Offsets -
*********************/
.offsetTop {
	padding-top:60px;
	padding-bottom:60px;
}
.offsetTop1 {
	padding-top:60px;
}

.offsetBottom {
	padding-bottom:30px;
}

.offsetTopX {
	padding-top:70px;
}

.offsetBottomX {
	padding-bottom:70px;
}

.offsetTopL {
	padding-top:90px;
}
.offsetTopXL {
	padding-top:15%;
}

.offsetBottomL {
	padding-bottom:80px;
}

.offsetTopS {
	padding-top:20px;
}

.offsetTopM {
	padding-top:40px;
}

.offsetBottomS {
	padding-bottom:20px;
}

.offsetTopClear {
	padding-top:0;
	margin-top:0;
}

.offsetBottomClear {
	padding-bottom:0;
	margin-bottom:0;
}
.offset {
	padding-left:15%;
	padding-right:15%;
}

/*************************
    - 4. Loader -
*************************/
.page-loader {
	background-color:#000;
	position:fixed;
	z-index:99999;
	width:100%;
	height:100%;
}

.page-loader .content {
	text-align:center;
	position:absolute;
	margin:0 auto;
	right:0;
	left:0;
	top:50%;
	line-height:1;
	transform:translateY(-50%);
}

.loader-icon {
	position:relative;
	top:15px;
	left:50%;
	z-index:0;
	width:29px;
	height:29px;
	margin-left:-15px;
}

.loader-icon span {
	width:25px;
	height:25px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	border:2px solid #d9d9d9;
	border-radius:50%;
}

.loader-icon .spinner {
	z-index:1;
	border-color:#262626;
	border-right-color:transparent;
	border-top-color:transparent;
	border-bottom-color:transparent;
	-webkit-animation:spin 1s linear infinite;
	   -moz-animation:spin 1s linear infinite;
			animation:spin 1s linear infinite;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform:rotate(0deg);
		opacity:0.4;
	}
	
	50% {
		-webkit-transform:rotate(180deg);
		opacity:1;
	}
	
	to {
		-webkit-transform:rotate(360deg);
		opacity:0.4;
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform:rotate(0deg);
	}
	
	50% {
		-moz-transform:rotate(180deg);
	}
	
	to {
		-moz-transform:rotate(360deg);
	}
}

@-ms-keyframes spin {
	from {
		-ms-transform:rotate(0deg);
	}

	to {
		-ms-transform:rotate(360deg);
	}
}

@-o-keyframes spin {
	from {
		-o-transform:rotate(0deg);
	}
	
	50% {
		-o-transform:rotate(180deg);
	}
	
	to {
		-o-transform:rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	
	50% {
		transform:rotate(180deg);
	}
	
	to {
		transform:rotate(360deg);
	}
}

/**********************
    - 5. Sections -
**********************/
.section {
	background-color:#fff;
}

.section.alt-background {
	background-color:#5bc5f2;
	color:#fff;
}
.sectionactu {
	background-color:#fff !important;
	color:#000;
}



.section.alt-background h4 {
	color:#fff;
}

.section header h1, 
.section header h2, 
.section header h3, 
.section header h4, 
.section header h5, 
.section header h6 {
	text-transform:uppercase;
	letter-spacing:-0.05em;
	font-weight:700;
}

.section header h1:last-of-type, 
.section header h2:last-of-type, 
.section header h3:last-of-type, 
.section header h4:last-of-type, 
.section header h5:last-of-type, 
.section header h6:last-of-type {
	padding-bottom:0;
	margin-bottom:0;
}

.section header .icon i {
	cursor:default;
	font-size:22px;
}

.section header .icon + h1, 
.section header .icon + h2, 
.section header .icon + h3 {
	margin-top:10px;
}

.section header .icon.close i {
	cursor:pointer;
	-webkit-transition:opacity 0.15s ease-in;
	   -moz-transition:opacity 0.15s ease-in;
		 -o-transition:opacity 0.15s ease-in;
			transition:opacity 0.15s ease-in;
}

.section header .icon.close i:hover {
	opacity:0.85;
}

.section header .icon.large i {
	font-size:50px;
}

.section header .icon.largest i {
	font-size:130px;
}

.section header .info {
	margin-top:10px;
	color:#696f6f;
	font-size:22px;
	font-weight:300;
}

.section.parallax, .section.video {
	color:#fff;
	z-index:1;
	overflow:hidden;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	background-size:cover;
}

.section.parallax .parallax-container, 
.section.video .parallax-container {
	position:relative;
}

.section.parallax .parallax-overlay, 
.section.video .parallax-overlay, 
.section.parallax .video-overlay, 
.section.video .video-overlay {
	position:absolute;

	width:100%;
	height:100%;
	left:0;
	top:0;
}

.section.parallax .video-control, 
.section.video .video-control {
	width:70px;
	margin:0 auto 30px;
	cursor:pointer !important;
}

.section.parallax .video-control i, 
.section.video .video-control i {
	cursor:pointer !important;
	font-size:18px;
	line-height:64px;
	width:70px;
	border:3px solid #fff;
	border-radius:50%;
	-moz-backface-visibility:hidden;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
		 -o-transition:all 0.3s;
			transition:all 0.3s;
}

.section.parallax .video-control i.fa-play, 
.section.video .video-control i.fa-play {
	text-indent:4px;
}

.section.parallax .video-control:hover i, 
.section.video .video-control:hover i {
	background-color:#fff;
	color:#282828;
	-webkit-transform:scale(1.12);
	   -moz-transform:scale(1.12);
	  	 -o-transform:scale(1.12);
		-ms-transform:scale(1.12);
			transform:scale(1.12);
}

.section.parallax header, .section.video header, 
.section.parallax i.fa, .section.video i.fa, 
.section.parallax h1, .section.video h1, 
.section.parallax .h1, .section.video .h1, 
.section.parallax h2, .section.video h2, 
.section.parallax .h2, .section.video .h2, 
.section.parallax h3, .section.video h3, 
.section.parallax .h3, .section.video .h3, 
.section.parallax h4, .section.video h4, 
.section.parallax .h4, .section.video .h4, 
.section.parallax h5, .section.video h5, 
.section.parallax .h5, .section.video .h5, 
.section.parallax h6, .section.video h6, 
.section.parallax .h6, .section.video .h6 {
	color: inherit;
}

.section.parallax a:hover, .section.video a:hover, 
.section.parallax a:focus, .section.video a:focus {
	text-decoration:none;
}

.section.parallax i.fa, .section.video i.fa {
	cursor:default;
}

.section.parallax a i.fa, .section.video a i.fa {
	cursor:pointer;
}

.section.video {
	position:relative;
}

.section.video .video-responsive {
	top:-40px;
}


@media (min-width:992px) and (max-width:1199px) {
	.section.video .video-responsive {
		-webkit-transform:scale(1.2);
		   -moz-transform:scale(1.2);
			 -o-transform:scale(1.2);
			-ms-transform:scale(1.2);
				transform:scale(1.2);
	}
}

@media (min-width:768px) and (max-width:991px) {
	.section.video .video-responsive {
		-webkit-transform:scale(1.4);
		   -moz-transform:scale(1.4);
			 -o-transform:scale(1.4);
			-ms-transform:scale(1.4);
				transform:scale(1.4);
	}

}

.section.video .video-container {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

/************************
    - 6. Navigation -
************************/
.navbar {
	border-radius:0;
	border:0;
	margin-bottom:0;
	height:auto;
	min-height:0;
	padding-top:60px;
	position:absolute;
	z-index:9999;
	width:100%;
	-webkit-backface-visibility:hidden;
}

.navbar .navbar-header {
	height:25px;	
}

.navbar .navbar-nav {
	margin-left:0;
	margin-right:0;
}

.navbar .navbar-nav > li a {
padding-top: 0;
padding-bottom: 0;
background-color: transparent !important;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	-webkit-transition:all 0.15s ease;
	   -moz-transition:all 0.15s ease;
		 -o-transition:all 0.15s ease;
			transition:all 0.15s ease;
}

.navbar .navbar-nav > li a:hover, 
.navbar .navbar-nav > li a:focus {
	background:none;
	color:#ea0398;
}

.navbar .navbar-nav > li > a {
	font-size:14px;
	padding-top:0;
	padding-bottom:0;
	background-color:transparent !important;
	font-weight:600;
}

.pttmenu {
	font-size:14px;
	text-transform: none !important;
}

.navbar .navbar-brand {
	padding-top:0;
	padding-bottom:0;
	height:auto;
	line-height:1;
	position:relative;
}

.navbar .navbar-brand img {
	position:absolute;
}

.navbar .navbar-collapse {
	padding-left:0;
	padding-right:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.navbar .navbar-collapse.collapse.in, 
.navbar .navbar-collapse.collapsing {
	background:#4A4C4D;
	margin-top:15px;
	position:absolute;
	width:100%;
	z-index:100;
	color:#fff;
}

.navbar .navbar-collapse.collapse.in .navbar-nav > li a, 
.navbar .navbar-collapse.collapsing .navbar-nav > li a {
	padding-top:1%;
	padding-bottom:1%;
	color:#fff;
}

.navbar .navbar-toggle {
	background:#fff;
	padding:5px;
	margin-top:3px;
	margin-bottom:0;
}

.navbar .navbar-toggle .icon-bar {
	height:3px;
	border-radius:1px;
	background-color:#fff;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
}

.navbar .navbar-nav > li > .dropdown-menu {
	top:40px;
	border-radius:3px;
	border:none;
	background-color:#fff;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}

.navbar .navbar-nav > li > .dropdown-menu > li a {
	padding-top:10px;
	padding-bottom:10px;
	color:#282828;
	font-size:14px;
	text-transform:none;
	background-color:transparent !important;
}

/* White navbar */
.navbar.floating {
	display:block;
	position:fixed;
	padding-top:40px;
	padding-bottom:25px;
	background-color:#fff !important;
	-webkit-transform:translateY(-90px);
	   -moz-transform:translateY(-90px);
		 -o-transform:translateY(-90px);
		-ms-transform:translateY(-90px);
			transform:translateY(-90px);
	-webkit-box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.3);
			box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}

.navbar.floating.positive {
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
		 -o-transform:translateY(0);
		-ms-transform:translateY(0);
			transform:translateY(0);
	-webkit-transition:-webkit-transform 0.5s ease;
	   -moz-transition:-moz-transform 0.5s ease;
		 -o-transition:-o-transform 0.5s ease;
			transition:transform .5s ease;
}

.navbar.floating.negative {
	-webkit-transform:translateY(-90px);
	   -moz-transform:translateY(-90px);
		 -o-transform:translateY(-90px);
		-ms-transform:translateY(-90px);
			transform:translateY(-90px);
	-webkit-transition:-webkit-transform 0.5s ease;
	   -moz-transition:-moz-transform 0.5s ease;
		 -o-transition:-o-transform 0.5s ease;
			transition:transform .5s ease;
}

.navbar.floating .nav > li a {
	color:#000 !important;
}

.navbar.floating .navbar-toggle .icon-bar {
	background-color:#282828;
}

.navbar.floating .navbar-nav > li > .dropdown-menu {
	border-radius:0 0 3px 3px;
	top:45px;
}

/********************
    - 7. Slider -
********************/
.slider {
	width:100%;
	height:700px;
	position:absolute;
	z-index:-1;
	background-color:black;
}

.slider.fullscreen {
	height:100%;
}

.slider .image {
	position:absolute;
	width:inherit;
	height:inherit;
	background-attachment:scroll;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	-webkit-transition:opacity 1s ease;
	   -moz-transition:opacity 1s ease;
		 -o-transition:opacity 1s ease;
			transition:opacity 1s ease;
}

/*******************
    - 8. Intro -
*******************/
.intro {
	height:70%;
	color:#000;
}



.intro p, .intro h1, .intro .h1, .intro h2, .intro .h2, .intro h3, .intro .h3, .intro h4, .intro .h4, .intro h5, .intro .h5, .intro h6, .intro .h6 {
	color:#000;
}

.intro a{
	color:#000;
}

.intro .images-list {
	display:none;
}

.intro .content {
	color:#fff;
}

.intro .content i {
	color:inherit;
}

.intro .content header {
	color:#fff;
}

.intro .content header i {
	font-size:18px;
	padding:0 5px;
}

.intro .content header h1, .intro .content header .h1 {
	font-weight:300;
	text-transform:uppercase;
}

.intro .content header h2, .intro .content header .h2 {
	text-transform:uppercase;
}

.intro .content header h1 b, .intro .content header .h1 b,
.intro .content header h1 strong, .intro .content header .h1 strong,
.intro .content header h2 b, .intro .content header .h2 b,
.intro .content header h2 strong, .intro .content header .h2 strong {
	font-weight:700;
}

.intro .content .icon.close i {
	font-size:22px;
	cursor:pointer;
	-webkit-transition:opacity 0.15s ease-in;
	   -moz-transition:opacity 0.15s ease-in;
		 -o-transition:opacity 0.15s ease-in;
			transition:opacity 0.15s ease-in;
}

.intro .content .icon.close i:hover {
	opacity:0.85;
}

.intro .content .video-control {
	width:70px;
	margin:0 auto 30px;
	cursor:pointer;
}

.intro .content .video-control i {
	font-size:18px;
	line-height:64px;
	width:70px;
	border:3px solid #fff;
	border-radius:50%;
	-moz-backface-visibility:hidden;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
		 -o-transition:all 0.3s;
			transition:all 0.3s;
}

.intro .content .video-control i.fa-play {
	text-indent:4px;
}

.intro .content .video-control:hover i {
	background-color:#fff;
	color:#282828;
	-webkit-transform:scale(1.12);
	   -moz-transform:scale(1.12);
		 -o-transform:scale(1.12);
		-ms-transform:scale(1.12);
			transform:scale(1.12);
}

.intro .content .video-container {
	margin-top:10px;
	display:inline-block;
	width:47.86324786324786%;
	min-width:150px;
	padding:4px;
	background-color:#fff;
	border-radius:3px;
	line-height:0;
}

.intro .btn.btn-link {
	color:#fff !important;
	opacity:.8;
}

.intro .btn.btn-link:hover {
	opacity:1;
}

.intro .animate {
	opacity:0;
	-webkit-transition:opacity 0.3s ease;
	   -moz-transition:opacity 0.3s ease;
		 -o-transition:opacity 0.3s ease;
			transition:opacity 0.3s ease;
}

.intro .animate.complete {
	opacity:1;
}

.intro .mouse {
	position:absolute;
	width:26px;
	height:40px;
	border:2px solid #565654;
	border-radius:13px;
	background:transparent;
	bottom:30%;
	margin:0 auto;
	left:0;
	right:0;
}

.intro .mouse .wheel {
	width:6px;
	height:6px;
	background-color:#000;
	border-radius:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
	left:0;
	right:0;
	-webkit-animation:magic-mouse 1.7s infinite ease;
			animation:magic-mouse 1.7s infinite ease;
}

@keyframes magic-mouse {
 	0% {
 		margin-top:6px;
 		opacity:0;
	}
	
 	30% {
 		opacity:1;
	}
	
 	100% {
 		margin-top:18px;
 		opacity:0;
	}
}

@-webkit-keyframes magic-mouse {
 	0% {
 		margin-top:6px;
 		opacity:0;
	}
	
 	30% {
 		opacity:1;
	}
	
 	100% {
 		margin-top:18px;
 		opacity:0;
	}
}

/********************
    - 9. Arrows -
********************/
.arrows {
	font-size:0;
	margin-top:35px;
}

.arrows .arrow {
	line-height:1;
	font-size:14px;
	cursor:pointer;
	display:inline-block;
	position:relative;
	color:#fff !important;
}

.arrows .arrow.left {
	margin-right:12px;
}

.arrows .arrow i.fa {
	padding:5px;
	color:inherit;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}

/* Intro arrows */
.intro-arrow {
	position:absolute;
	top:40%;
	margin-top:-22px;
	font-size:44px;
	line-height:1;
	cursor:pointer;
	color:#fff;
	opacity:0;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}

.intro:hover .intro-arrow {
	opacity:1;
}

.intro-arrow.left {
	left:30px;
}

.intro-arrow.right {
	right:30px;
}

/***********************
    - 10. Services -
***********************/
.services [class*=col] {
	padding-left:2.564102564102564%;
	padding-right:2.564102564102564%;
}

.services [class*=col] i.fa {
	font-size:80px;
	margin-bottom:5.405405405405406%;
	cursor:default;
	-webkit-transition:color 0.15s ease-in;
	   -moz-transition:color 0.15s ease-in;
		 -o-transition:color 0.15s ease-in;
			transition:color 0.15s ease-in;
}

.services [class*=col] header {
	margin-bottom:8.108108108108109%;
}

/* Clients */
.clients img {
	opacity:0.5;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
		 -o-transition:all 0.3s;
			transition:all 0.3s;
}

.clients img:hover {
	opacity:1;
}

/**********************
    - 11. Buttons -
**********************/
.btn {
	border-radius:3px;
	padding:18px 30px;
	line-height:1;
	font-weight:600;
	border-width:0;
	text-transform:uppercase;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
}

.btn i.fa {
	color:inherit;
	padding-right:5px;
}

.btn.btn-default {
	color:#fff;
}

.btn.btn-link {
	text-decoration:none !important;
}

.btn.btn-inverse {
	background-color:transparent !important;
	border:2px solid;
	padding:16px 28px;
}

.btn.btn-inverse:hover, 
.btn.btn-inverse:focus {
	background-color:transparent;
}

.btn.btn-rounded {
	border-radius:30px;
}

.btn.btn-small {
	padding:13px 20px 14px;
}

.btn.btn-small i.fa {
	font-size:12px;
	padding-right:3px;
}

.btn.btn-small.btn-inverse {
	padding:11px 18px 12px;
}

.btn.btn-white {
	color:#fff !important;
}

.btn.btn-white.btn-inverse {
	border-color:rgba(255, 255, 255, 0.6);
}

.btn.btn-white.btn-inverse:hover {
	border-color:rgba(255, 255, 255, 0.8);
}

.btn[disabled] {
	opacity:1;
}

/********************************
    - 12. Inputs, Textareas -
********************************/
input, textarea {
	line-height:1;
	padding:14px 18px;
	color:#000000;
	border-radius:3px;
	border:1px solid #9b9a9a;
	-webkit-transition:border-color 0.15s ease-in;
	   -moz-transition:border-color 0.15s ease-in;
		 -o-transition:border-color 0.15s ease-in;
			transition:border-color 0.15s ease-in;
}

input[disabled], textarea[disabled] {

	border-color:#f1f1f1;
	color:#a6a6a6;
}

textarea {
	line-height:1.5;
	background-color:transparent;
}

/*** Videos ***/
.video-responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
	z-index:0;
}

iframe {
	border:0;
}

/************************
    - 13. Portfolio -
************************/
/* Filters */
.portfolio-filters {
	cursor:default;
	margin-top:31px;
}

.portfolio-filters a {
	display:inline-block;
	text-transform:uppercase;
	color:#696f6f;
	padding:10px 10px;
	border: 1px solid #fff;	
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfolio-filters a:hover {
	border: 1px solid #c0087f;	
	border-radius:3px;	
}

.portfolio-filters a:last-child {
	margin-right:0;
}

.portfolio-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfolio-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfolio-item:hover .details, 
.portfolio-item.active .details {
	top:50%;
	opacity:1;
}

.portfolio-item {
	float:left;
	position:relative;
	overflow:hidden;
	padding: 20px;
}

.portfolio-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfolio-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfolio-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfolio-item:hover .overlay, 
.portfolio-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfolio-item:hover .overlay2, 
.portfolio-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfolio-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfolio-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.portfolio-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}


/************************
    - 13.1 portfKaps2 -
************************/
/* Filters */
.portfKaps2-filters {
	cursor:default;
}

.portfKaps2-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfKaps2-filters a:hover {
	border: 1px solid #c0087f;		
}

.portfKaps2-filters a:last-child {
	margin-right:0;
}

.portfKaps2-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfKaps2-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfKaps2-item:hover .details, 
.portfKaps2-item.active .details {
	top:50%;
	opacity:1;
}

.portfKaps2-item {
	float:left;
	position:relative;
	overflow:hidden;
	display:list-item;
}

.portfKaps2-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfKaps2-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfKaps2-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfKaps2-item:hover .overlay, 
.portfKaps2-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfKaps2-item:hover .overlay2, 
.portfKaps2-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfKaps2-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfKaps2-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.portfKaps2-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}

/************************
    - 13.1 portfKaps3 -
************************/
/* Filters */
.portfKaps3-filters {
	cursor:default;
}

.portfKaps3-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfKaps3-filters a:hover {
	border: 1px solid #c0087f;		
}

.portfKaps3-filters a:last-child {
	margin-right:0;
}

.portfKaps3-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfKaps3-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfKaps3-item:hover .details, 
.portfKaps3-item.active .details {
	top:50%;
	opacity:1;
}

.portfKaps3-item {
	float:left;
	position:relative;
	overflow:hidden;
	display:list-item;
}

.portfKaps3-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfKaps3-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfKaps3-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfKaps3-item:hover .overlay, 
.portfKaps3-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfKaps3-item:hover .overlay2, 
.portfKaps3-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfKaps3-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfKaps3-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.portfKaps3-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}


/************************
    - 13.1 PortfKaps -
************************/
/* Filters */
.portfKaps-filters {
	cursor:default;
}

.portfKaps-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfKaps-filters a:hover {
	border: 1px solid #c0087f;		
}

.portfKaps-filters a:last-child {
	margin-right:0;
}

.portfKaps-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfKaps-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfKaps-item:hover .details, 
.portfKaps-item.active .details {
	top:50%;
	opacity:1;
}

.portfKaps-item {
	float:left;
	position:relative;
	overflow:hidden;
	display:list-item;
}

.portfKaps-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfKaps-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfKaps-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfKaps-item:hover .overlay, 
.portfKaps-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfKaps-item:hover .overlay2, 
.portfKaps-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfKaps-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfKaps-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.portfKaps-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}

/************************
    - 13.1 portfXcup -
************************/
/* Filters */
.portfXcup-filters {
	cursor:default;
}

.portfXcup-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfXcup-filters a:hover {
	border: 1px solid #c0087f;		
}

.portfXcup-filters a:last-child {
	margin-right:0;
}

.portfXcup-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfXcup-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfXcup-item:hover .details, 
.portfXcup-item.active .details {
	top:50%;
	opacity:1;
}

.portfXcup-item {
	float:left;
	position:relative;
	overflow:hidden;
	display:list-item;
}

.portfXcup-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfXcup-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfXcup-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfXcup-item:hover .overlay, 
.portfXcup-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfXcup-item:hover .overlay2, 
.portfXcup-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfXcup-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfXcup-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.portfXcup-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}

/************************
    - 13.1 portfTkaps -
************************/
/* Filters */
.portfTkaps-filters {
	cursor:default;
}

.portfTkaps-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfTkaps-filters a:hover {
	border: 1px solid #c0087f;		
}

.portfTkaps-filters a:last-child {
	margin-right:0;
}

.portfTkaps-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfTkaps-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfTkaps-item:hover .details, 
.portfTkaps-item.active .details {
	top:50%;
	opacity:1;
}

.portfTkaps-item {
	float:left;
	position:relative;
	overflow:hidden;
	line-height:1em;

}

.portfTkaps-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfTkaps-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfTkaps-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfTkaps-item:hover .overlay, 
.portfTkaps-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfTkaps-item:hover .overlay2, 
.portfTkaps-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfTkaps-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfTkaps-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	color:#000;
}

.portfTkaps-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}
/************************
    - 13.1 portfmobility -
************************/
/* Filters */
.portfmobility-filters {
	cursor:default;
}

.portfmobility-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfmobility-filters a:hover {
	border: 1px solid #c0087f;		
}

.portfmobility-filters a:last-child {
	margin-right:0;
}

.portfmobility-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfmobility-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfmobility-item:hover .details, 
.portfmobility-item.active .details {
	top:50%;
	opacity:1;
}

.portfmobility-item {
	float:left;
	position:relative;
	overflow:hidden;

}

.portfmobility-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfmobility-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfmobility-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfmobility-item:hover .overlay, 
.portfmobility-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfmobility-item:hover .overlay2, 
.portfmobility-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfmobility-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfmobility-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.portfmobility-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}


/************************
    - 13.2 Portfcimeos -
************************/
/* Filters */
.portfcimeos-filters {
	cursor:default;
}

.portfcimeos-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfcimeos-filters a:hover {
	border: 1px solid #c0087f;		
}

.portfcimeos-filters a:last-child {
	margin-right:0;
}

.portfcimeos-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfcimeos-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfcimeos-item:hover .details, 
.portfcimeos-item.active .details {
	top:50%;
	opacity:1;
}

.portfcimeos-item {
	float:left;
	position:relative;
	overflow:hidden;
	display: inline-table;
}

.tailleimg{
	width:50%;
	height:60px;
	display: inline-table;
}

.portfcimeos-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfcimeos-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfcimeos-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfcimeos-item:hover .overlay, 
.portfcimeos-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfcimeos-item:hover .overlay2, 
.portfcimeos-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfcimeos-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfcimeos-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.portfcimeos-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}


/************************
    - 13.2 portfnaos -
************************/
/* Filters */
.portfnaos-filters {
	cursor:default;
}

.portfnaos-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfnaos-filters a:hover {
	border: 1px solid #c0087f;		
}

.portfnaos-filters a:last-child {
	margin-right:0;
}

.portfnaos-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfnaos-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfnaos-item:hover .details, 
.portfnaos-item.active .details {
	top:50%;
	opacity:1;
}

.portfnaos-item {
	float:left;
	position:relative;
	overflow:hidden;
	display: inline-table;
}

.portfnaos-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfnaos-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfnaos-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfnaos-item:hover .overlay, 
.portfnaos-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfnaos-item:hover .overlay2, 
.portfnaos-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfnaos-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfnaos-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.portfnaos-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}


/************************
    - 13.2 portfpatient -
************************/
/* Filters */
.portfpatient-filters {
	cursor:default;
}

.portfpatient-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.portfpatient-filters a:hover {
	border: 1px solid #c0087f;		
}

.portfpatient-filters a:last-child {
	margin-right:0;
}

.portfpatient-filters a.active {
	color:#fff !important;
}





/* Projects */
#portfpatient-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfpatient-item:hover .details, 
.portfpatient-item.active .details {
	top:50%;
	opacity:1;
}

.portfpatient-item {
	float:left;
	position:relative;
	overflow:hidden;
	display: inline-table;
}

.portfpatient-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfpatient-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfpatient-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfpatient-item:hover .overlay, 
.portfpatient-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfpatient-item:hover .overlay2, 
.portfpatient-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfpatient-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.portfpatient-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.portfpatient-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}

.portfpatient-item p {
	float: left;
}



/************************
    - 13.-2 Folio -
************************/
/* Filters */
.folio-filters {
	cursor:default;
	margin-top:31px;
}

.folio-filters a {
			display:inline-block;
	text-transform:uppercase;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	border: 1px solid #E5EAF0;	
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}


.folio-filters a:last-child {
	margin-right:0;
}

.folio-filters a.active {
	color:#fff !important;
}





/* Projects */
#folio-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.folio-item:hover .details, 
.folio-item.active .details {
	top:50%;
	opacity:1;
}

.folio-item {
	float:left;
	position:relative;
	overflow:hidden;
	padding: 20px;
}

.folio-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.folio-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.folio-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.folio-item:hover .overlay, 
.folio-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.folio-item:hover .overlay2, 
.folio-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.folio-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.folio-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.folio-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}

/************************
    - 13.-3 Pro -
************************/
/* Filters */
.pro-filters {
	cursor:default;
}

.pro-filters a {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#696f6f;
	border-radius:3px;
	padding:10px 10px;
	margin-top:21px;
	line-height:1;
	margin-right:8px;
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.pro-filters a:last-child {
	margin-right:0;
}

.pro-filters a.active {
	color:#fff !important;
}





/* Projects */
#pro-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.pro-item:hover .details, 
.pro-item.active .details {
	top:50%;
	opacity:1;
}

.pro-item {
	float:left;
	position:relative;
	overflow:hidden;
}

.pro-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.pro-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.pro-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.pro-item:hover .overlay, 
.pro-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.pro-item:hover .overlay2, 
.pro-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.pro-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.details2 {

	font-size:42px;

}

.details3 {
	font-size:30px;
	line-height:0px;
	text-transform: none;
}

.pro-item a {
	z-index:3;
	display:block;
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
}

.pro-item .loading {
	z-index:4;
	position:absolute;
	width:0;
	height:3px;
	top:0;
	left:0;
}

/***********************
    - 14. Info box -
***********************/
.info-box {
	padding-top:50px;
	padding-bottom:50px;
	background-color:#fafafa;
}

.info-box h1, .info-box .h1, 
.info-box h2, .info-box .h2, 
.info-box h3, .info-box .h3, 
.info-box h4, .info-box .h4, 
.info-box h5, .info-box .h5, 
.info-box h6, .info-box .h6 {
	margin-top:0.2em;
}

.info-box input[type="email"], 
.info-box input[type="text"] {
	font-family:"Roboto", sans-serif;
	font-size:24px;
	color:#282828;
	line-height:1;
	padding:0;
	width:100%;
	border:0;
	background-color:transparent;
	margin-top:0.5em;
	font-weight:500;
}

.info-box ::-webkit-input-placeholder {
 	opacity:1;
 	color:#282828;
}

.info-box ::-moz-placeholder {
 	opacity:1;
 	color:#282828;
}

.info-box ::-ms-input-placeholder {
 	opacity:1;
 	color:#282828;
}

/***********************
    - 15. Our team -
***********************/
.team [class*=col] {
	padding-left:35px;
	padding-right:35px;
}

.team [class*=col] h1, .team [class*=col] .h1, 
.team [class*=col] h2, .team [class*=col] .h2, 
.team [class*=col] h3, .team [class*=col] .h3, 
.team [class*=col] h4, .team [class*=col] .h4, 
.team [class*=col] h5, .team [class*=col] .h5, 
.team [class*=col] h6, .team [class*=col] .h6 {
	margin-bottom:5px;
}

.team [class*=col] .photo {
	padding-bottom:15px;
}

.team [class*=col] .details {
	float:left;
}

.team [class*=col] .details span {
	color:#a6a6a6;
}

.team [class*=col] .social {
	float:right;
	margin-top:10px;
	cursor:default;
}

.team [class*=col] .social a {
	display:inline-block;
	padding:5px;
	margin-right:5px;
	line-height:1;
}

.team [class*=col] .social a:last-child {
	margin-right:0;
}

.team [class*=col] .social a:hover i.fa {
	color:#282828;
}

.team [class*=col] .social a i.fa {
	cursor:pointer;
	font-size:16px;
	color:rgba(0, 0, 0, 0.2);
	-webkit-transition:color 0.15s ease;
	   -moz-transition:color 0.15s ease;
		 -o-transition:color 0.15s ease;
			transition:color 0.15s ease;
}

/****************************
    - 16. Animated bars -
****************************/
.no-canvas .circular-bars {
	display:none;
}

.circular-bars input {
	color:#282828 !important;
	font:700 22px/1 "Roboto", sans-serif !important;
}

.circular-bars h1, .circular-bars .h1, 
.circular-bars h2, .circular-bars .h2, 
.circular-bars h3, .circular-bars .h3, 
.circular-bars h4, .circular-bars .h4, 
.circular-bars h5, .circular-bars .h5, 
.circular-bars h6, .circular-bars .h6 {
	margin-top:15px;
}

/*****************************
    - 17. Twitter widget -
*****************************/
.twitter .twitter-feed ul {
	list-style:none;
	padding:0;
}

.twitter .twitter-feed ul .tweet_time, 
.twitter .twitter-feed ul .tweet_join, 
.twitter .twitter-feed ul .tweet_text {
	font-size:16px;
	line-height:2;
	font-weight:500;
}

.twitter .twitter-author {
	opacity:.6;
	color:#fff !important;
}

/*******************************************
    - 18. Contact information and form -
*******************************************/
#contact{
	/*background-image:url(../images/bg/contact.jpg);*/
	background-size:cover;
	background-position:bottom right;	
	background-color: #fff!important;
}
.contact-form .field {
	width:98.24561403508772%;
	margin-bottom:20px;
	position:relative;
}

.contact-form .field:last-child {
	margin-bottom:40px;
}

.contact-form .field input, .contact-form .field textarea {
	width:100%;
	background-color:transparent;
}

.contact-form .field textarea {
	height:220px;
}

.contact-form .field .error {
	display:none;
	position:absolute;
	top:37px;
	right:15px;
	line-height:1;
	cursor:default;
	color: #ff0000;
}

.contact-form .field .error i.fa {
	font-size:14px;
	cursor:inherit;
	color:#ff0000;
}

.contact-form-result {
	display:none;
}

.contact-form h5 {
	margin-top:0;
}

/**************************
    - 19. Google maps -
**************************/
.map {
	position:relative;
	overflow:hidden;
}

.map #google-map {
	height:500px;
}

.map #map-info {
	display:none;
}

/*********************
    - 20. Footer -
*********************/
.footer {
	color:#ccc;
	background-color:#dededd !important;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
	bottom: 0 !important; 
	left: 0; 
	right: 0;

}

.footer h5 {
	color:#000;
	text-transform:uppercase;
	margin-top:0;
	margin-bottom:30px;
	font-size:16px;
	font-weight: bolder;
}
.footer a {
	color:#433a34;
	text-align:left;
}
.footer i.fa{ color:#000;}

.droite{
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	}
.gauche{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	}
.footer .to-top {
	display:inline-block;
	width:35px;
	height:35px;
	margin:0 auto;
}

.footer .to-top i {
	background: #5bc5f2 none repeat scroll 0 0;
bottom: 30px;
color: #fff;
float: right;
font-size: 25px;
height: 40px;
line-height: 35px;
position: fixed;
right: 30px;
text-align: center;
width: 40px;
z-index: 9;
cursor:pointer !important;
	border-radius:50%;
	-moz-backface-visibility:hidden;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
		 -o-transition:all 0.3s;
			transition:all 0.3s;
}

.footer .to-top:hover i {
	background-color:#fff;
	color:#282828;
	-webkit-transform:scale(1.12);
	   -moz-transform:scale(1.12);
	  	 -o-transform:scale(1.12);
		-ms-transform:scale(1.12);
			transform:scale(1.12);
}

.footer-logo {
	margin-top:20px;
}

.footer .social {
	cursor:default;
	line-height:1;
	margin:20px 0;
	text-align:center;
}

.footer .social a {	
	padding:5px;
}

.footer .social a i.fa {
	font-size:16px;
	color:#fff;
	width:1.2em;
	text-align:center;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
		 -o-transition:all 0.3s;
			transition:all 0.3s;
}

.footer .social a:last-child {
	margin-right:0;
}

.footer .copyright {
	color:#433a34;
	margin:0;
}

/************************
    - 21. Accordion -
************************/
.panel-group .panel {
	margin-top:10px;
}

.panel-group .panel:first-child {
	margin-top:0;
}

.panel-group .panel-heading {
	background-color:#fafafa;
	border-radius:3px;
	padding:4px 20px;
}

.panel-group .panel-title a {
	color:#282828;
	text-decoration:none !important;
}

.panel-group .panel-body {
	padding:10px 20px;
}

/*******************
    - 22. Tabs -
*******************/
.nav-tabs {
	border-bottom-color:#f1f1f1;
}

.nav-tabs > li > a {
	color:#282828;
	font-weight:500;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
	border-color:#f1f1f1 #f1f1f1 transparent;
}

.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus {
	background-color:transparent;
	border-color:transparent;
}

.tab-pane {
	padding:10px 10px 0;
}

/*****************************
    - 23. Alert messages -
*****************************/
.alert {
	border:0 !important;
	padding:14px 30px;
}

.alert p {
	color:#696f6f;
}

.alert.alert-success {
	background-color:#f6fff1;
}

.alert.alert-success h1, .alert.alert-success .h1, 
.alert.alert-success h2, .alert.alert-success .h2, 
.alert.alert-success h3, .alert.alert-success .h3, 
.alert.alert-success h4, .alert.alert-success .h4, 
.alert.alert-success h5, .alert.alert-success .h5, 
.alert.alert-success h6, .alert.alert-success .h6 {
	color:#88d661;
}

.alert.alert-info {
	background-color:#f4f8fa;
}

.alert.alert-info h1, .alert.alert-info .h1, 
.alert.alert-info h2, .alert.alert-info .h2, 
.alert.alert-info h3, .alert.alert-info .h3, 
.alert.alert-info h4, .alert.alert-info .h4, 
.alert.alert-info h5, .alert.alert-info .h5, 
.alert.alert-info h6, .alert.alert-info .h6 {
	color:#5bc0de;
}

.alert.alert-warning {
	background-color:#fcf8f2;
}

.alert.alert-warning h1, .alert.alert-warning .h1, 
.alert.alert-warning h2, .alert.alert-warning .h2, 
.alert.alert-warning h3, .alert.alert-warning .h3, 
.alert.alert-warning h4, .alert.alert-warning .h4, 
.alert.alert-warning h5, .alert.alert-warning .h5, 
.alert.alert-warning h6, .alert.alert-warning .h6 {
	color:#f0ad4e;
}

.alert.alert-danger {
	background-color:#fdf7f7;
}

.alert.alert-danger h1, .alert.alert-danger .h1, 
.alert.alert-danger h2, .alert.alert-danger .h2, 
.alert.alert-danger h3, .alert.alert-danger .h3, 
.alert.alert-danger h4, .alert.alert-danger .h4, 
.alert.alert-danger h5, .alert.alert-danger .h5, 
.alert.alert-danger h6, .alert.alert-danger .h6 {
	color:#d9534f;
}

/****************************
    - 24. Progress bars -
****************************/
.bar {
	clear:both;
}

.progress {
	height:7px;
	background-color:#fafafa;
	border-radius:3px;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}

.progress .progress-bar {
	width:0;
	border-radius:0 3px 3px 0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-transition:none;
	   -moz-transition:none;
		 -o-transition:none;
			transition:none;
}

.progress-heading {
	overflow:hidden;
	margin-bottom:10px;
}

.progress-heading .progress-title {
	float:left;
	margin-top:0;
	margin-bottom:0;
	padding:0 10px;
}

.progress-heading .progress-value {
	color:#282828;
	text-align:right;
	margin-top:-0.22em;
	padding-right:10px;
	font-weight:500;
}

/*************************
    - 25. Blockquote -
*************************/
blockquote {
	font-size:14px;
	margin-top:15px;
	margin-bottom:15px;
	border-left:3px solid #f1f1f1;
	padding:15px 30px 18px;
}

blockquote footer {
	font-size:14px;
}

blockquote footer:before {
	padding-right:5px;
}

/***************************
    - 26. Custom Lists -
***************************/
.fa-ul.details {
	margin-left:1.3em;
}

.fa-ul.details li {
	border-bottom:1px solid #f1f1f1;
	padding-top:6px;
	padding-bottom:6px;
}

.fa-ul.details li:last-child {
	border-bottom:0;
}

.fa-ul.details li strong {
	color:#282828;
	display:inline-block;
	margin-right:6px;
}

.fa-ul.details li .fa-li {
	top:0.95em;
}

.fa-ul > li {
	margin-bottom:5px;
}

/*********************
    - 27. Tables -
*********************/
.table-bordered, 
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	border-color:#f1f1f1 !important;
}

/****************************
    - 28. Images slider -
****************************/
.image-slider div {
	display:none;
}

.image-slider div.arrows {
	display:block;
}

.image-slider div:first-child {
	display:block;
}

.image-slider .arrows {
	position:absolute;
	margin-top:0;
	margin-left:0;
	bottom:5px;
	right:27px;
	z-index:999;
}

.image-slider .arrows.large {
	left:0;
	right:0;
	bottom:auto;
	top:50%;
	margin-top:-0.5em;
	margin-right:0 !important;
}

.image-slider .arrows.large .arrow {
	position:absolute;
	display:block;
}

.image-slider .arrows.large .arrow i {
	opacity:.2;
	color:#282828 !important;
	font-size:16px;
}

.image-slider .arrows.large .arrow:hover i {
	opacity:1;
}

.image-slider .arrows.large .arrow.left {
	left:-40px;
}

.image-slider .arrows.large .arrow.right {
	right:-40px;
}

/***********************
    - 29. Dropcaps -
***********************/
.dropcap {
	font-family:"Roboto", sans-serif;
	font-size:50px;
	line-height:1;
	margin-right:10px;
	float:left;
	font-weight:500;
}

.dropcap.alt {
	color:#fff;
	border-radius:3px;
	padding:1px 8px 4px;
}

/****************************
    - 30. Tagline boxes -
****************************/
.promotion-box {
	padding:14px 30px;
	background-color:#fafafa;
	border-left:3px solid #000;
	margin-bottom:20px;
}

.promotion-box.line-top {
	border-top:3px solid #000;
	border-left:none;
}

.promotion-box.line-grey {
	border-color:#f1f1f1;
}

/*************************
    - 31. Highlights -
*************************/
.highlight, 
.highlight-dark {
	display:inline-block;
	color:#fff;
	padding:0 7px;
	border-radius:3px;
}

.highlight-dark {
	background-color:#282828;
}

/*****************************
    - 32. Pricing tables -
*****************************/
.pricing-tables .plan {
	text-align:center;
	border:3px solid #f1f1f1;
	border-radius:3px;
	padding:0 15px 22px;
	margin:0 15px 20px;
}

.pricing-tables .plan header {
	margin-top:30px;
	margin-bottom:25px;
}

.pricing-tables .plan ul {
	list-style:none;
	margin:0;
	padding:0;
}

.pricing-tables .plan ul li {
	border-bottom:1px solid #f1f1f1;
	margin-left:-15px;
	margin-right:-15px;
	padding-top:13px;
	padding-bottom:13px;
}

.pricing-tables .plan ul li:first-child {
	border-top:1px solid #f1f1f1;
}

.pricing-tables .plan .btn {
	margin-top:5px;
}

.pricing-tables .plan .btn:first-of-type {
	margin-top:20px;
}

.pricing-tables [class*="col"]:last-child .plan {
	margin-bottom:0;
}

/***********************
    - 33. Stickers -
***********************/
.sticker {
	display:inline-block;
	text-transform:uppercase;
	font-family:"Roboto", sans-serif;
	font-size:11px;
	color:#fff;
	background-color:#282828;
	border-radius:3px;
	line-height:1.8;
	padding:0 7px;
	vertical-align:middle;
	text-align:center;
	text-shadow:0 1px rgba(0, 0, 0, 0.1);
	margin:0 3px 0 5px;
	cursor:default;
	-webkit-transition:all 0.15s ease-in;
	   -moz-transition:all 0.15s ease-in;
		 -o-transition:all 0.15s ease-in;
			transition:all 0.15s ease-in;
}

.sticker:hover {
	background-color:#424242;
}

.sticker.green {
	background-color:#88d661;
}

.sticker.green:hover {
	background-color:#a6e189;
}

.sticker.blue {
	background-color:#5bc0de;
}

.sticker.blue:hover {
	background-color:#85d0e7;
}

.sticker.orange {
	background-color:#f0ad4e;
}

.sticker.orange:hover {
	background-color:#f4c37d;
}

.sticker.red {
	background-color:#d9534f;
}

.sticker.red:hover {
	background-color:#e27c79;
}

.sticker-icon {
	position:relative;
}

.sticker-icon .sticker {
	position:absolute;
	top:-2px;
	right:-2px;
	margin:0;
}

h1 .sticker, .h1 .sticker, 
h2 .sticker, .h2 .sticker, 
h3 .sticker, .h3 .sticker {
	margin-top:-3px;
}

h4 .sticker, .h4 .sticker, 
h5 .sticker, .h5 .sticker, 
h6 .sticker, .h6 .sticker {
	margin-top:-1px;
}

/***************************************************
    - 34. Font-Awesome icons and stickers demo -
***************************************************/
.icons-demo, .stickers-demo {
	cursor:default;
}

.icons-demo i.fa, 
.stickers-demo i.fa {
	font-size:20px;
	width:30px;
	padding-bottom:15px;
	cursor:default;
	text-align:center;
	-webkit-transition:all 0.15s ease-in;
	   -moz-transition:all 0.15s ease-in;
		 -o-transition:all 0.15s ease-in;
			transition:all 0.15s ease-in;
}

.icons-demo i.fa:hover, 
.stickers-demo i.fa:hover {
	opacity:0.7;
}

.stickers-demo i.fa {
	font-size:46px;
	width:70px;
}

/*************************
    - 35. Blog posts -
*************************/
.blog-post header h1 a, .blog-post header .h1 a, 
.blog-post header h2 a, .blog-post header .h2 a, 
.blog-post header h3 a, .blog-post header .h3 a, 
.blog-post header h4 a, .blog-post header .h4 a, 
.blog-post header h5 a, .blog-post header .h5 a, 
.blog-post header h6 a, .blog-post header .h6 a {
	color:inherit;
	text-decoration:none !important;
}

.comments header h3, 
.comment-form header h3, 
.sidebar header h4 {
	text-transform:none;
	letter-spacing:normal;
	font-weight:600;
}

.blog-post header .info {
	margin-top:10px;
	color:#a6a6a6;
	font-size:16px;
	font-weight:normal;
}

.blog-post header .info span::after {
	content:'•';
	display:inline-block;
	padding:0 4px 0 7px;
}

.blog-post header .info span:last-child::after {
	content:'';
}

.blog-post header + p {
	margin-top:20px;
}

.blog-post header + img, 
.blog-post header + img + p, 
.blog-post header + .video-responsive, 
.blog-post header + .video-responsive + p, 
.blog-post header + .image-slider, 
.blog-post header + .image-slider + p {
	margin-top:30px;
}

.blog-post .image-slider div {
	padding:0 !important;
}

.blog-post .image-slider .arrows {
	right:12px;
}

.blog-post .btn {
	margin-top:20px;
	padding:16px 28px;
}

/*** Masonry blog ***/
.blog-masonry.blog-masonry-four header h3 {
	font-size:18px;
}

.blog-masonry .blog-post.masonry {
	padding-left:25px;
	padding-right:25px;
	background-color:#fff;
}

.blog-masonry .btn {
	padding:14px 24px;
}

/***********************
    - 36. Sidebars -
***********************/
.sidebar {
	padding-left:20px;
	margin-top:40px;
}

.sidebar header {
	margin-bottom:30px;
}

.sidebar ul.menu {
	list-style:none;
	padding:0;
	margin:0;
}

.sidebar ul.menu li {
	border-bottom:1px solid #f1f1f1;
	padding:8px 10px;
}

.sidebar ul.menu li:first-child {
	border-top:1px solid #f1f1f1;
}

.sidebar ul.menu li a {
	color:inherit;
	text-decoration:none !important;
	-webkit-transition:color 0.15s ease;
	   -moz-transition:color 0.15s ease;
		 -o-transition:color 0.15s ease;
			transition:color 0.15s ease;
}

.sidebar ul.links {
	list-style:none;
	padding:0;
	margin:0;
}

.sidebar ul.links li {
	padding:4px 0;
}

.sidebar ul.links li a {
	color:inherit;
	text-decoration:none !important;
	-webkit-transition:color 0.15s ease;
	   -moz-transition:color 0.15s ease;
		 -o-transition:color 0.15s ease;
			transition:color 0.15s ease;
}

.sidebar .newsletter-form input[type="email"], 
.sidebar .newsletter-form input[type="text"] {
	padding:12px 16px;
	margin-top:10px;
	margin-right:8px;
	width:210px;
	margin-bottom:15px;
}

.sidebar .newsletter-form .btn {
	padding:14px 22px 13px;
	margin-top:-2px;
	display:inline-block;
}

.sidebar .tags {
	overflow:hidden;
}

.sidebar .tags .tag {
	display:block;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	border-radius:3px;
	padding:2px 10px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	-webkit-transition:all 0.15s ease;
	   -moz-transition:all 0.15s ease;
		 -o-transition:all 0.15s ease;
			transition:all 0.15s ease;
}

/*************************
    - 37. Pagination -
*************************/
.pages-navigation a {
	font-size:16px;
	color:#282828;
	border:none;
	border-radius:0;
	background-color:transparent !important;
	padding:0;
	opacity:1;
	text-decoration:none !important;
	font-weight:500;
	-webkit-transition:color 0.15s ease;
	   -moz-transition:color 0.15s ease;
		 -o-transition:color 0.15s ease;
			transition:color 0.15s ease;
}

/******************************
    - 38. Leave a comment -
******************************/
.comment-form .field {
	margin-bottom:20px;
}

.comment-form .field input {
	width:99.4%;
}

.comment-form .field textarea {
	height:130px;
	width:100%;
}

/***********************
    - 39. Comments -
***********************/
.user-comment {
	margin-bottom:50px;
}

.user-comment:last-child {
	margin-bottom:0;
}

.user-comment .image {
	float:left;
	width:80px;
	margin-right:30px;
	margin-top:5px;
}

.user-comment .details {
	margin-left:110px;
}

.user-comment .details .info {
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
}

.user-comment .details .info .author {
	display:inline-block;
	float:left;
	font-size:18px;
	font-weight:500;
}

.user-comment .details .info .date {
	display:inline-block;
	float:right;
	color:#a6a6a6;
}

.user-comment .details .reply a {
	color:#a6a6a6;
	text-decoration:none !important;
	-webkit-transition:color 0.15s ease;
	   -moz-transition:color 0.15s ease;
		 -o-transition:color 0.15s ease;
			transition:color 0.15s ease;
}

.user-comment .user-comment {
	margin-top:50px;
	margin-left:5%;
}

/*************************
    - 40. Error page -
*************************/
#error-page {
	position:absolute;
	top:50%;
	left:0;
	right:0;
}

/**************************
    - 41. Share panel -
**************************/
.share-panel {
	margin-top:20px;
	line-height:1;
}

.share-panel span {
	display:inline-block;
	margin-right:25px;
	color:#282828;
	font-weight:500;
}

.share-panel .social {
	display:inline-block;
	cursor:default;
}

.share-panel a {
	display:inline-block;
	margin-right:10px;
	padding:5px;
}

.share-panel a:last-of-type {
	margin-right:0;
}

.share-panel a:hover i.fa {
	color:#282828;
}

.share-panel i.fa {
	cursor:pointer;
	font-size:16px;
	color:rgba(0, 0, 0, 0.2);
	-webkit-transition:color 0.15s ease;
	   -moz-transition:color 0.15s ease;
		 -o-transition:color 0.15s ease;
			transition:color 0.15s ease;
}

/*********************************
    - 42. Milestone counters -
*********************************/
.milestone {
	text-align:center;
	color:#282828;
}

.milestone .counter {
	font-size:52px;
	line-height:1;
	font-weight:700;
}

.milestone .description {
	text-transform:uppercase;
	font-size:14px;
	margin-top:10px;
	color:#696f6f;
}

/*******************************************
    - 43. How it looks (iMacs preview) - 
*******************************************/
.imacs {
	position:relative;
}

.imacs .item.center {
	margin-top:35px;
}

.imacs .item.center img {
	position:relative;
}

.imacs .item.left {
	left:90px;
	opacity:1;
}

.imacs .item.right {
	right:90px;
}

.imacs .item.right.complete {
	right:90px;
	opacity:1;
}

.imacs .item.left, .imacs .item.right {
	position:absolute;
	top:-35px;
	opacity:1;
}

.csstransitions .imacs .item.left,
.csstransitions .imacs .item.right {
	opacity:0;
	-webkit-transition:all 2s ease;
	   -moz-transition:all 2s ease;
		 -o-transition:all 2s ease;
			transition:all 2s ease;
}

.csstransitions .imacs .item.left {
	left:0;
}

.csstransitions .imacs .item.left.complete {
	left:90px;
	opacity:1;
}

.csstransitions .imacs .item.right {
	right:0;
}

.csstransitions .imacs .item.right.complete {
	right:90px;
	opacity:1;
}


#logocontact{
	margin-top:36px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video{
	marging-right:40px;
	margin-top:20px;
}


.qualite{
	width:80%;
	text-align:center;
	margin:auto;
	}

.demarche{
	width:35%;
}
.imgproduit{
	width:15% !important;
}

.certificat{
	background-image:url('../images/certificat.png');
	background-position:center;
	width:100px;
	height:100px;
}

.prime{
	background-image:url('../images/label.png');
	background-position:center;
	width:100px;
	height:100px;
	margin:auto;
}

.etoile{
	background-image:url('../images/etoile.png');
	background-position:center;
	width:100px;
	height:100px;
}

.texte-noir{
	color:#000 !important;}
	

.carriere-titre{
	font-size:20px;
	font-weight:600;
	background-image:url(../images/guillemet.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#000;
	width:80%;
	margin:auto;
    background-position-x: 260px;
    padding-right: 20px;
	padding-left:20px;
	padding-top:20px;
}

.carriere{
	font-size:20px;
	font-weight:600;
	background-image:url(../images/guillemet.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#000;
	padding-top:106px;
	width:80%;
	margin:auto;
	 background-position-y: 90px;
    background-position-x: 260px;
    padding-right: 20px;
	padding-left:20px;
}


.carriere-nom{
	font-size:14px;
	font-weight:bold;
	position: relative;
	color:#4bcaff;
	padding-top:40px;
	width:70%;
	margin:auto;
}

.tier{
	margin:0;
	padding:0;
	width:33.33333333%;
	float:left;
}

.presence{
	background-image:url(../images/carte2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#fff;
	background-size:cover;
	height: auto;
	color: #000;

}

#about img{ width: 100%; }
#about2{ background-color:#e5eaf0; }
#about2 img{ width: 100%; }
#menu-deroulant ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
    z-index: 1000;
	background-color:#fff;
	width:220%;
	padding-left:10px;
	padding-bottom:10px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
	list-style: none;
}

#menu-deroulant ul li {
	padding-bottom:3px;
	list-style:none;
}

#actu{
	background-image: url(../images/actu.jpg);
	background-position:top center;
	background-repeat:no-repeat;
		background-size:cover;
		padding-top:10%;

}

#recrutement{
	/*background-image: url(../images/recrutement.jpg);*/
	background-color: #e5eaf0;
	background-position:top center;
	background-repeat:no-repeat;
		background-size:cover;
	
		padding-top:10%;
	height:40%;
}

#telephone img{
	width:100%;
}

#pro{

	padding-top:10%;
}

#qualite{
	/*background-image: url(../images/qualite.jpg);*/
	background-position:top center;
	background-repeat:no-repeat;
		background-size:cover;
	padding-top:2%; 
}
#contacter{
	height: 50%;
}
#formation2{
	/*background-image: url(../images/formation.jpg);*/
	background-position:top center;
	background-repeat:no-repeat;
		background-size:cover;
	padding-top:2%;
	background-color:#fff;
}
#formation2 img
	{width: 100%;
}

#patient{
	/*background-image: url(../images/patient.jpg) ;*/
	background-position:top left;
	background-repeat:no-repeat;
	background-size:cover;
	background-color: #E5EAF0;
	height:auto;
	padding-top:2%;
}

.image100{width: 100%}
#produit{
	height:auto;
	padding-top:8%;
}
#produit1{
	background-color:#e5eaf0;
	background-size:cover;
	padding-bottom:2%;
}

.hanchep130line a{
	border: 1px solid #C0087F;
	color :#C0087F;
	padding: 10px;
	border-radius:3px;
}

.hanchep130line a:hover, .hanchep130line a:focus{
	background-color: #C0087F;
	color :#fff;
	border-radius:3px;
}

.hanchep130line {
	text-align:center;
	list-style:none;
	width: 90%;
	margin: auto;
	font-weight:bolder;
}
.hanchep130line2 {
	text-align:center;
	list-style:none;
	width: 40%;
	margin: auto;
	font-weight:bolder;
}
.hanchep130line2 a{
	border: 1px solid #C0087F;
	color :#C0087F;
	padding: 10px;
	border-radius:3px;
}

.hanchep130line2 a:hover, .hanchep130line2 a:focus{
	background-color: #C0087F;
	color :#fff;
	border-radius:3px;
}

/* Projects */
#portfp130-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfp130-item:hover .details, 
.portfp130-item.active .details {
	top:50%;
	opacity:1;
}

.portfp130-item {
	float:left;
	position:relative;
	overflow:hidden;
	display: grid;
}

.tailleimg{
	width:50%;
	height:60px;
	display: inline-table;
}

.portfp130-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfp130-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfp130-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfp130-item:hover .overlay, 
.portfp130-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfp130-item:hover .overlay2, 
.portfp130-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfp130-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}


.hanchemercline a{
	border: 1px solid #C0087F;
	color :#C0087F;
	padding: 10px;
	border-radius:3px;
}

.hanchemercline a:hover, .hanchemercline a:focus{
	background-color: #C0087F;
	color :#fff;
	border-radius:3px;
}

.hanchemercline {
	text-align:center;
	list-style:none;
	width: 90%;
	margin: auto;
	font-weight:bolder;
}
.hanchemercline2 {
	text-align:center;
	list-style:none;
	width: 40%;
	margin: auto;
	font-weight:bolder;
}
.hanchemercline2 a{
	border: 1px solid #C0087F;
	color :#C0087F;
	padding: 10px;
	border-radius:3px;
}

.hanchemercline2 a:hover, .hanchemercline2 a:focus{
	background-color: #C0087F;
	color :#fff;
	border-radius:3px;
}

/* Projects */
#portfmerc-details {
	display:none;
	border-bottom:1px solid #f1f1f1;
}


.portfmerc-item:hover .details, 
.portfmerc-item.active .details {
	top:50%;
	opacity:1;
}

.portfmerc-item {
	float:left;
	position:relative;
	overflow:hidden;
	display: grid;
}

.tailleimg{
	width:50%;
	height:60px;
	display: inline-table;
}

.portfmerc-item img {
	width:100%;
	height:100%;
	cursor:pointer;
}

.portfmerc-item .overlay {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfmerc-item .overlay2 {
	position:absolute;
	width:inherit;
	height:inherit;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(132, 196, 240, 0);
	-webkit-transition:background-color 0.3s ease;
	   -moz-transition:background-color 0.3s ease;
		 -o-transition:background-color 0.3s ease;
			transition:background-color 0.3s ease;
}

.portfmerc-item:hover .overlay, 
.portfmerc-item.active .overlay {
	background-color:rgba(132, 196, 240, 0.5);
}
.portfmerc-item:hover .overlay2, 
.portfmerc-item.active .overlay2 {
	background-color:rgba(192, 8, 127, 0.5);
}

.portfmerc-item .details {
	z-index:2;
	position:absolute;
	width:100%;
	top:45%;
	left:0;
	color:#fff;
	opacity:0;
	text-align:center;
	text-transform:uppercase;
	font-size:72px;
	line-height:40px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}


.nomarge{
	padding:0;
	margin:0;
	width:100%;}

.nomargeG{
	padding-left: 15px;
	margin:0;
	width:100%;}
	
.marge{
	margin-left:5%;
	margin-right:5%}	
	
.salon a{
	color:#000;}	
.actuimg{
	margin-bottom:10px;
		border:1px solid #bababa;}
.actu{
	width:85%;
	margin:auto;
}
.lienpro{
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;}
.lienpro:hover{
	text-decoration:none;
}
.blocpro{
	float:left;
	margin:0;
	padding:10px;
}
.blocproXL{
	width:100%;
	float:left;
	padding-top:10%
}

.blocpro2{
	background-image:url(../images/icon/loupe.png);
	background-repeat:no-repeat;
	width:100%;
	float:left;
	padding-left:20%;
	padding-top:5%;
	color:#000 !important;
	background-position: top 10px left 10px;
}

.on {
	width: 15%;

	margin-right:20px;
}

.on2 {
	width: 23%;

	margin-right:20px;
}


#genou{
	background-color:#e5eaf0;
	background-size:cover;
}

#genoumc2{
	background-image:url(../images/produits/gamme-mc2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-top: 15%;
	height:415px;
}

#genoumcz{
	background-image:url(../images/produits/gamme-mcz.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-top: 15%;
	height:440px;
}

#genoumc3{
	background-image:url(../images/produits/gammemc3.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-top: 15%;
	height:415px;
}

.gamme{}
.gamme img{
	margin:1%;
}
.gamme-titre{
	background-color:#666666;
	color:#fff;
	text-transform:uppercase;
	font-size:24px;	
	padding: 10px 20px;
	display: inline-block;
	margin-bottom:20px;
	border-radius:3px;
}

.gamme-titre5{
	background-color:#666666;
	color:#fff;
	font-size:24px;	
	padding: 10px 20px;
	display: inline-block;
	border-radius:3px;
}
.h4prod{
	text-transform:uppercase;
	margin-top:0;
	text-align:left;}
	
.gamme-titre3{
	border: 1px solid #4A4C4D;
	color:#4A4C4D;
	font-size:24px;	
	padding: 10px 20px;
	display: inline-block;
	margin-bottom:20px;
	margin-left:15px;
	border-radius:3px;
}

.gamme-titre a{
	color:#fff;
}

.gamme-titre2{
	background-color:#c0087f;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;	
	padding: 5px;
	display: inline-block;
	margin-bottom:20px;
}

.gamme-titre4{
	background-color:#5BC5F2;
	color:#fff;
	text-transform:uppercase;
	padding: 0px 5px;
	display: inline-block;
}
.gamme-img{
	width:80%;
	padding-left:15px;
}

.gamme-img2{
	width:90%;
	padding-left:15px;
}
.gamme ul{
	text-align:left;
}
.container-fluid-gamme {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 85%;
}
.tkapfd{
	background-color:#e5eaf0;
}
.gris a{
	color:#97acc3;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
}

.gris {
	padding:25px;
	display:inline-block;
		text-align:left;
	
}

.genouKapslien a{
	border: 1px solid #5BC5F2;
	color :#5BC5F2;
	padding: 10px;
	border-radius:3px;
}

.genouKapslien a:hover, .genouKapslien a:focus{
	background-color: #5BC5F2;
	color :#fff;
	border-radius:3px;
}

.genouKapslien {
	text-align:center;
	list-style:none;
	width: 100%;
	margin: auto;
	font-weight:bolder;
	padding-left: 20%;
	margin-top:-10%;
}

.genouKapslien p {
	margin:3%;}


.hanchecineosline a{
	border: 1px solid #C0087F;
	color :#C0087F;
	padding: 10px;
	border-radius:3px;
}

.hanchecineosline a:hover, .hanchecineosline a:focus{
	background-color: #C0087F;
	color :#fff;
	border-radius:3px;
}

.hanchecineosline {
	text-align:center;
	list-style:none;
	width: 90%;
	margin: auto;
	font-weight:bolder;
}
.hanchecineosline2 {
	text-align:center;
	list-style:none;
	width: 40%;
	margin: auto;
	font-weight:bolder;
}
.hanchecineosline2 a{
	border: 1px solid #C0087F;
	color :#C0087F;
	padding: 10px;
	border-radius:3px;
}

.hanchecineosline2 a:hover, .hanchecineosline2 a:focus{
	background-color: #C0087F;
	color :#fff;
	border-radius:3px;
}


.valeur strong {
	font-size:16px;
}
.valeur li {
	padding-bottom:10px;
}

#tri{
background-image: url(../images/produits/xnov_450x600_gamme-tkaps.png);
background-repeat: no-repeat;
background-position: top;
height: 450px;
width: 450px;}

#contenu_droit-large ol{
	padding-left:15px;
}
.fondproduitgenou {
	background-color:rgba(132, 196, 240, 0.2);
}

.fondproduithanche {
	background-color:rgba(192, 8, 127, 0.1);
}

div#disclaimer { 
        text-align:left; 
}
div#disclaimer-fond { 
        position:fixed; 
	z-index:1000; 
	width:100%; 
	height:1200px; 
        background:#000000; 
	filter:alpha(opacity=85); 
	-moz-opacity:0.8; 
	opacity: 0.8; 
	text-align:left; 
	line-height:normal; 
	clear:both; 
}
div#disclaimer-conteneur { 
        position:fixed; 
	z-index:1001; 
	width:100%; 
	text-align:center; 
	clear:both; 
}
div#disclaimer-cadre { 
        width:300px;
	margin-left:auto; 
	margin-right:auto; 
        margin-top:25%;
	text-align:center; 
	border: none; 
	background-color:#5bc5f2;
	border: 2px solid #ffffff;
} 
#disclaimer-texte { 
        font-size:20px; 
	color:#fff;
	
}
div#disclaimer-boutons { 
	text-align:center;
	font-size:25px;
	margin:20px;
	margin-bottom:35px;
}

div#disclaimer-boutons a { 
       cursor:pointer;
       text-decoration:none; 
       font-size:20px; 
       color:#fff; 
       margin-right:5px;
	   margin-left:5px;
       text-align:center;
	   border-radius:3px;
	   border: 2px solid #fff;
	   padding: 5px 10px;
	   
}
div#disclaimer-boutons a:hover { 
       cursor:pointer;
       text-decoration:none; 
       color:#C0087F; 
	   border-radius:3px;
	   border: 2px solid #C0087F;
}

.fade-btn {
	text-align:center;
	display:flex;
	padding-top:10%;
	padding-bottom:10%;
	background-color:rgba(192, 8, 127, 0.1);
	border: 4px solid #fff;
	 position: relative; 
}

.fadeout {
		text-transform:uppercase;
		font-weight:bold;
			padding-top:45%;
			font-size:18px;
}

.fadeout, .fadein {
  text-align: center;  
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  transition: opacity 0.3s ease;
}
 
 
.fadein,
.fade-btn:hover .fadeout {
  opacity: 0;
  background-color:rgba(132, 196, 240, 0.9);
    height: 100%;
	padding:12%;
	text-align:justify;
	font-size:13px;
}
 
 
.fadeout,
.fade-btn:hover .fadein {
  opacity: 1;
  
}

.contact{
	color:#000;
}

#genouKaps{
	background-image:url(../images/produits/gamme-kaps.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-top: 25%;
	height:415px;
}

#genoutrium{
	background-image:url(../images/produits/gamme-trium.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-top: 25%;
	height:450px;
}


/* ------------------------------------------------------- */
/*menu presence mondiale*/
.mondiale a{
	color:#fff;
}
.mondiale{
  padding:0;
  margin:0;
  list-style:none;
  padding-bottom:10px;
  padding-left:10px;
  text-align:left;
}

.mondiale li {
   background-color:rgba(0, 0, 0, 0.7);
  margin-bottom:5px;
  color:#fff;
  text-align:left;
  padding:5px;
  display: inline-block;
}

.mondiale ul li a, .mondiale li:hover li a {
  color: #fff;
  font-weight:bold;
  font-size:18px;
}

.mondiale li:hover li a:hover {
  color: #5bc5f2;
}
.mondiale li:hover li {
  max-height: 15em;
}

#formation{
	background-color:rgba(0, 0, 0, 0.4);
	color:#fff;
	padding:25px;
	border-radius:3px;
}
.bleu{
	color: #5BC5F2;
}

.rose{
	color:#bd007b;
}
#kapsA{
	width:100%;
	padding-left:60px;
	padding-bottom:240px;
}
#kapsB{
	width:100%;
	padding-left:60px;
}
#kapsC{
	width:100%;
	padding-left:330px;
	padding-bottom:50px;
}
#kapsD{
	width:100%;
	padding-left:270px;
	padding-bottom:60px;
}
.adresse {
	font-weight:500;
	font-size:15px;
	padding:16px;
	float:left;
}
.adresse2{
	color: #c20d82 !important}
#adresse {
	width:70%;
	margin:auto;
}

.filters-rose {
	cursor:default;
	margin-top:31px;
}

.filters-rose a {
	display:inline-block;
	text-transform:uppercase;
	color:#696f6f;
	padding:10px 10px;
	border: 1px solid transparent;	
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.filters-rose a:hover {
	border: 1px solid #c0087f;	
	border-radius:3px;	
}

.filters-bleu {
	cursor:default;
	margin-top:31px;
}

.filters-bleu a {
	display:inline-block;
	text-transform:uppercase;
	color:#696f6f;
	padding:10px 10px;
	border: 1px solid transparent;	
	-webkit-transition:all 0.1s ease-in;
	   -moz-transition:all 0.1s ease-in;
		 -o-transition:all 0.1s ease-in;
			transition:all 0.1s ease-in;
		
}

.filters-bleu a:hover {
	border: 1px solid #5BC5F2;	
	border-radius:3px;	
}

.top_link{
	position:	fixed;
	right				:	30px;
	bottom				:	30px;
	display				:	none;
	padding				:	15px;
	background			:	#5bc5f2;
	-moz-border-radius	:	50%;
	-webkit-border-radius	:	50%;
	border-radius			:	50%;
	opacity				:	0.9;
	z-index				:	9;
	text-align : center;
	color :  #fff !important;
	font-size:20px;
}

.top_link a{
	color :  #fff !important;
}