/*

Template : Innes from syndicate
Template : http://awerest.com/demo/syndicate
Author: Innes SA
Author website: http://www.innes.pro
Version: 1.0

---------------

Table of Contents:

1) Typography
2) Intro slider images
3) Section Headers
4) Services / Details / Customers
5) Sections
6) Team
7) Blog
8) Components
9) Footer
10) Contact
11) Navigation
12) Carousel
13) Preloader
14) Buttons
15) Pricing tables
16) Gallery/Blog hover effect
17) Guideline

*/

body {
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	color: #25272B;
}

::selection {
	/*background: #852b99;*/
	background: #1E70B7;
	color: #fff;
	-webkit-text-stroke-color: #fff;
}

::-moz-selection {
	/*background: #852b99;*/
	background: #1E70B7;
	color: #fff;
}

/* =====================*/
/* ==== Typography ==== */
/* =====================*/
h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	color: #1E70B7;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

h1 {
	font-size: 40px;
	font-weight: 300;
	color: #1E70B7;
	text-align: center;
	margin: 0 0 10px 0;
	line-height: 1;
	letter-spacing: -3px;
}

@media (max-width: 568px) {
	h1 {
		font-size: 30px;
		letter-spacing: -2px;
	}
}

p {
	line-height: 1.2;
}

p.lead {
	font-size: 18px;
	font-weight: 400;
	margin: 15px 0 75px 0;
	line-height: 1.5;
}

a {
	font-size: 14px;
	color: #165ce8;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}

a:hover {
	color: #165ce8;
	text-decoration: none;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}

a.pdf:link     { color: #165ce8; text-decoration: none;}
a.pdf:visited  { color: #165ce8; text-decoration: none;}
a.pdf:active   { color: #165ce8; text-decoration: none;}



.divider {
	margin: 90px 0;
	border-bottom: 1px dashed #dfe1e3;
}

.content-divider {
	margin: 30px 0 50px 0;
	border-bottom: 1px dashed #dfe1e3;
}

.small-divider {
	margin: 20px 0;
	border-bottom: 1px dashed #dfe1e3;
}

textarea:focus, input:focus, a:focus, *:focus {
	outline: none;
}



/*Style Switcher -------*/
/* Title metro icon */

i.title-icon{
	font-size:17px;
	border: 2px solid #52b9e9;
	border-radius: 100px !important;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 32px;
	position: relative;
	top: -3px;
	text-align: center;
	margin-right: 7px;
}

i.language-box-btn {
   right: 0;
   top: 5px;
   color: #fff;
   font-size: 16px;
   cursor: pointer;
   z-index: 555555;
   position: fixed;
   padding: 3px 3px;
   background: #585f69;
   border-radius: 6px 0 0 6px !important;
}

i.language-box-btn:hover {
   background:#707985;
}

.language-box 		a 	 {color: #fff;}
.language-box:hover a 	 {color: #c9cdd4;}
.language-box:hover ruby {color: #c9cdd4;}

.language-box {
   right: 0;
   top: 5px;
   width: 100px;
   display: none;
   z-index: 555555;
   position: fixed;
   background: #585f69;
   padding: 3px 3px 3px 10px;
   border-radius: 6px 0 0 6px !important;
   color: #fff;
   width: 120px;
}

.language-box-inner {
   background: #9097a0;
}

.language-box .language-box-close {
   top: 2px;
   right: 0px;
   position: absolute;

}

.language-box .language-box-close i {
   color: #fff;
   cursor: pointer;
   font-size: 14px;
   padding: 3px 3px;
}

.language-box .language-box-close i:hover {
   color: #c9cdd4;
 }

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


/* =====================*/
/* ==== Services / Details / Customers ==== */
/* =====================*/
#services {
	background: #f7f8f9;
	padding: 60px 0px;
	text-align: center;
}

#customers {
	background: #852b99;
	padding: 20px 0px;
	/*text-align: center;*/
	border-top: 3px solid #e0e1e2;
	border-bottom: 3px solid #e0e1e2;
	min-height:100px;
}

#customers img {
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-ms-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
}

#customers img:hover {
	opacity: 0.7;
}

.customers-box {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 15px;
	font-size: 20px;
	color: #fff;

}

.customers-largebox {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 20px;
	color: #fff;
	/*height:168px;*/
	min-height:168px;
	height:inherit;

}


/* Override the bootstrap style */
.customers-largebox blockquote, .customers-largebox blockquote:hover {
    border-left: none;
}

/* Insert the pseudo element - replicating what FontAwesome does */

.customers-largebox blockquote:before {
		content: "\f10D";
		font-family: FontAwesome;
        font-size: 14pt;
        /*float: left;
	    position: relative;*/
	/*text-align: center;
        //line-height: 42px;
        color: #fff;
        float: left;
        position: relative;
        border-radius: 25px;

        display: block;
        height: 25px;
        width: 25px;  */
    }

.customers-largebox blockquote:after {
		content: "\f10E";
		font-family: FontAwesome;

        font-size: 14pt;
        float: right;
		position: relative;
		/*text-align: center;
        line-height: 42px;
        color: #fff;
        float: right;
        position: relative;
        border-radius: 25px;

        display: block;
        height: 25px;
        width: 25px;  */
    }




	/* Big box fdup du 6/12/17*/

.big-box{
	margin:20px 0px;
}

.big-box .big-box-left{
	width: 45%;
	float: left;
	height: 328px;
}

.big-box .big-box-mid{
	width: 35%;
	float: left;
	height: 328px;
}

.big-box .big-box-right{
	width: 20%;
	float: right;
	height: 328px;
}

.big-box .big-box-left .box-content{
	padding: 25px;
}

.big-box .big-box-left .box-title{
	font-size: 35px;
	line-height: 45px;
	margin-bottom: 10px;
}

.big-box .big-box-left p{
	font-size: 16px;
	line-height: 26px;
}

.big-box .big-box-left a.btn{
	padding: 10px 12px !important;
	margin-top: 10px;
	font-size: 15px !important;
}

.big-box .big-box-left .box-links a{
	margin-right: 10px;
	color: #fff;
	font-size: 15px;
}

.big-box .big-box-left .box-links a:hover{
	color: #fff;
}

.big-box .big-box-right .box-content{
	padding: 15px;
}

.big-box .big-box-right{
	font-size: 15px;
}

.big-box .big-box-right h4{
	color: #aaa;
	margin-top: 20px !important; 
	line-height: 10px !important;
}

.big-box .big-box-right .box-title{
	font-size: 20px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
}



.accordion-heading {
    background-color: rgb(248, 133, 41)
}
.accordion .accordion-heading a.accordion-toggle {
    color: rgb(255, 255, 255);
}

.accordion-toggle:hover {
	color: #00a9df;
}


#details {
	background: #f7f8f9;
	padding: 30px 0px;
}

@media (max-width: 767px) {
	#details {
		text-align: center;
	}
}

#services h3 {
	font-size: 21px;
	font-weight: 300;
	line-height: 1;
	margin: 15px 0;
	-webkit-text-stroke: 0.03em #25272B;
}

#details h3 {
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	margin: 5px 0;
	-webkit-text-stroke: 0.03em #25272B;
}

#services h5, #details h5 {
	color: #bbbdc0;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#services p, #details p {
	margin: 15px 0 35px 0;
}

#services i {
	color: #bbbdc0;
	font-size: 60px;
	line-height: 1.2em !important;
	-webkit-text-stroke: 1px #f7f8f9;
	border: 7px dotted rgba(187, 189, 192, 0);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.icon-stack {
	width: 3em !important;
	margin-bottom: 20px;
}

#details .icon-stack i:first-child {
	font-size: 3.1em;
	-webkit-text-stroke: 1px #f7f8f9;
}

#details .icon-stack i:last-child {
	font-size: 1.4em;
}

#services i:hover {
	border: 0px dotted rgba(187, 189, 192, 1);
	padding: 25px;
}

#services i.fancy:hover, #details i.fancy {
	/*color: #852b99;*/
	color: #1E70B7;

}

#services i.blue:hover, #details i.blue {
	color: #00a9df;
}

#services i.green:hover, #details i.green {
	color: #16A61E;
}

#services i.red:hover, #details i.red {
	color: #DD1812;
}

#services i.yellow:hover, #details i.yellow {
	color: #FCCA03;
}







/* ==== Header ==== */

.header {
	padding: 150px 20px 0px 20px;
	text-align: center;
}

.header-extended {
	padding: 0px;
}

.header h1 {
	font-size: 110px;
	font-weight: 300;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	color: #fff;
	letter-spacing: -10px;
	line-height: 0.01em;
}

@media (max-width: 768px) {
	.header h1, .no-header h1 {
		letter-spacing: -2px;
	}
}

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

@media (max-width: 480px) {
	.header img {
		margin-bottom: -10px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.header img {
		margin-bottom: -20px;
	}
}

/* ==== Header backgrounds ==== */

#first-header {
	background: #852b99 url(../img/headers/first.jpg) center top no-repeat;
	margin-top: 90px;
}

#third-header {
	background: #852b99 url(../img/headers/third.jpg) center top no-repeat;
	margin-top: 90px;
}

@media (min-width: 1400px) {
	#first-header,
	#third-header {
		background-size: cover;
	}
}

@media (max-width: 767px) {
	#first-header,
	#third-header {
		background-size: cover;
		margin-top: 0px;
	}
}

/* ==== Sections ==== */

.content {
	padding: 10px 0px 0px 0px;
}

.content.no-header {
	background: #fff;
	/*padding: 70px 0px;
	margin-top: 110px;*/
	padding: 10px 0px;
	margin-top: 110px; /*110px FDUP dec 2018*/
}

.content.no-headerlite {
	background: #fff;
	/*padding: 70px 0px;
	margin-top: 110px;*/
	padding: 10px 0px;
	margin-top: 50px;
}

@media (max-width: 767px) {
	.content.no-header {
		padding: 0px 0px 0px 0px;
		margin-top: 130px;
	}
}
/* margin: 0 0 35px 0; */
.content h1 {
	margin: 0 0 10px 0;
	text-align: left;
}

.content h3 {
	font-size: 21px;
	font-weight: 300;
	line-height: 1;
	margin: 15px 0 7px 0;
	-webkit-text-stroke: 0.03em #25272B;
}

.content h5 {
	color: #bbbdc0;
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.content p {
	margin: 15px 0 20px 0;
}




.content .icons .col-lg-2 i.pdf{
	display: block;
	color: #7c35f2;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
	-webkit-text-stroke: 1px #fff;
}

.content .icons .col-lg-2 i {
	display: block;
	/*color: #852b99;*/
	color: #1E70B7;
	font-size: 52px;
	margin-bottom: 15px;
	text-align: center;
	-webkit-text-stroke: 1px #fff;
}


.content .icons .col-lg-6 i{
	display: block;
	/*color: #852b99;*/
	color: #1E70B7;
	font-size: 52px;
	margin-bottom: 15px;
	-webkit-text-stroke: 1px #fff;
	height: 52px;
}

@media (max-width: 767px) {
	.content .icons .col-lg-10, .content .icons .col-lg-6 {
		text-align: center;
	}
}

.content .col-lg-10 .btn-mini {
	float: right;
	margin: 10px 0 25px 0;
}

/*ajout fdup*/
.content .col-lg-6 .btn-mini {
	float: right;
	margin: 10px 0 25px 0;
}

@media (max-width: 767px) {
	.content .col-lg-10 .btn-mini {
		float: none;
	}
}

.video {
	margin-bottom: 35px;
}

.fluid-width-video-wrapper {
	padding-top: 50% !important;
}


iframe {
	border:none;
}

/* ==== Team section ==== */

.team .col-lg-3 {
	text-align: center;
	margin-top: 30px;
}

.team .col-lg-3 img {
	padding: 7px;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

.team .col-lg-3 img.fancy {
	border: 2px dashed #852b99;
}

.team .col-lg-3 img.blue {
	border: 2px dashed #00a9df;
}

.team .col-lg-3 img.green {
	border: 2px dashed #16A61E;
}

.team .col-lg-3 img.red {
	border: 2px dashed #DD1812;
}

.team .col-lg-3 img.yellow {
	border: 2px dashed #FCCA03;
}

.team .col-lg-3 img:hover {
	border: 2px dashed #bbbdc0;
	transform:scale(1.04);
	-ms-transform:scale(1.04);
	-webkit-transform:scale(1.04);
}

blockquote {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

blockquote.pull-right {
	float: none;
}

blockquote:hover {
	border-left: 5px solid #852b99;
}

blockquote.pull-right:hover {
	border-right: 5px solid #852b99;
	border-left: none;
}



/* ==== Blog section FDUP ==== */

.blog .entry h2{
	font-size:25px;
	line-height:40px;
	color: #777;
	margin-bottom: 5px;
	}
	
	.blog .entry h2 a, .blog .entry h2 a:visited, .blog .entry h2 a:hover{
	text-decoration:none;
	color:#777;
	font-size:22px;
	cursor: default;
	}
	
	.blog .meta{
	border-top:1px solid #f7f7f7;
	border-bottom:1px solid #f7f7f7;
	margin:8px 0px;
	padding:5px 8px;
	color:#777;
	text-transform:uppercase;
	font-size:11px;
	}
	
	.blog .meta a, .blog .meta a:visited{
	color:#555;
	font-size: 11px;
	}
	
	.blog .meta i{
	margin-left:3px;
	margin-right: 3px;
	}
	
	
	
	.blog .bthumb{
	float:left;
	margin-top:8px;
	margin-right:8px;
	border: 1px solid #aaa;
	}
	
	.blog .bthumb img{
	margin:0px;
	width: 100%;
	max-width:130px;
	cursor: default;
	}
	
	.blog .entry{
	margin-bottom:0px;
	padding-bottom:15px;
	/*border-bottom:1px solid #eee;*/
	font-size: 13px;
	line-height: 25px;
	min-height: 190px;
	}
	
	.blog .entry p{
		margin: 0px 0px 4px 0px;
	}
	
	.blog .post-foot{
		border-left: 2px solid #eee;
		padding: 15px 15px;
	}
	
	.blog .post-foot .social{
		margin-top: 0px;
	}
	
	/* <button onclick='document.body.className=\"en\"'>EN</button><button onclick='document.body.className=\"de\"'>DE</button><button onclick='document.body.className=\"de\"'>DE</button>
	 astuce pour le switch de language
	body:not(.en) :lang(en), 
	body:not(.de) :lang(de), 
	body:not(.fr) :lang(fr) { 
		display: none; 
	}
*/


	.sidebar{
	background:#ffffff;
/*	border:1px solid #e1e1e1;*/
	padding:8px;
	margin-top:10px;
	}
	
	.sidebar img {
    width: 100%;
	}

	.sidebar h4{
	font-size:14px;
	color:#777;
	line-height:18px;
	margin-bottom:5px;
	padding-bottom:10px;
	text-transform:uppercase;
	border-bottom:1px solid #eee;
	}
	
	.sidebar .widget{
	background:#fff;
	padding:8px;
	font-size: 13px;
	line-height: 23px;
	border:1px solid #e1e1e1;
	margin-bottom:10px;
	}
	
	.sidebar .widget .form-search{
	margin-top:10px;
	margin-bottom:10px;
	}
	
	.sidebar ul li{
		padding: 3px 0px;
	}

/* ==== Blog section ==== */

.thumbnail {
	border: 0;
	padding: 0;
	margin: 15px 0px;
	text-align: center;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	position: relative;
}

.thumbnail h4 {
	font-size: 18px;
	font-weight: 400;
	color: #25272B;
	padding: 20px 20px 5px 20px;
	margin: 0;
	text-transform: uppercase;
	-webkit-text-stroke: 0.03em #25272B;
	letter-spacing: 1px;
}

.thumbnail p span {
	font-size: 13px;
	color: #852b99;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.thumbnail .info p {
	padding: 0 20px 20px 20px;
	margin: 0;
}

.info {
	background: #eeeff2;
}

.thumbnail:hover ul .readtime {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	-ms-transform: translateX(-80px);
	-o-transform: translateX(-80px);
	transform: translateX(-80px);
}

.thumbnail:hover ul .love {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	-ms-transform: translateX(80px);
	-o-transform: translateX(80px);
	transform: translateX(80px);
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.thumbnail ul {
	list-style-type: none;
	position: absolute;
	top: 8px;
	left: 50%;
}

.thumbnail ul li {
	text-align: center;
	width: 80px;
	height: 75px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 0.35s cubic-bezier(0.6, 1, 0.6, 1);
	-moz-transition: all 0.35s cubic-bezier(0.6, 1, 0.6, 1);
	-o-transition: all 0.35s cubic-bezier(0.6, 1, 0.6, 1);
	transition: all 0.35s cubic-bezier(0.6, 1, 0.6, 1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.date {
	background: #f4f5f6;
	line-height: 1;
}

.love {
	background: #fff;
	line-height: 1;
}

.readtime {
	background: #ebeced;
	line-height: 1;
}

.thumbnail i {
	display: block;
	font-size: 32px;
	line-height: 1.3;
	margin-top: 7px;
}

.thumbnail .date i {
	-webkit-text-stroke: 0.03em #f4f5f6;
}

.thumbnail .love i {
	-webkit-text-stroke: 0.015em #fff;
}

.thumbnail .readtime i {
	-webkit-text-stroke: 0.03em #ebeced;
}

.thumbnail ul p {
	margin: 0;
	font-size: 12px;
}

.thumbnail a img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}

.guter .col-lg-12, .guter .col-lg-6, .guter .col-lg-4 {
	margin-top: 15px;
	margin-bottom: 15px;
}

audio {
	width: 100%;
}

/* ==== Components - all stiles are just for demo purpose ==== */

.margin {
	padding-top: 2%;
	padding-bottom: 2%;
}

.components {
	padding: 90px 0px 70px 0px;
	background: #fff;
}

.components h1 {
	font-size: 49px;
	margin: 20px 0;
}

.btn {
	margin-top: 4px;
	margin-bottom: 4px;
}



.nav-tabs, .nav-pills {
	margin-bottom: 15px;
}

.nav-pills li.active a {
	color: #fff !important;
}

/*ajout fdup pour les tabs de plugncast.html*/
.nav-pills>li>a {
    border-radius: 5px;
    background-color: #0cb6f9;
}

.nav-tabs li a:hover, .nav li a:focus {
	background: none;
}

.tabbable .nav-tabs .active a {
	color: #852b99 !important;
}

/* =====================*/
/* ==== Footer ==== */
/* =====================*/
#footer {
	background-color: #eeeff2;
	padding: 0 0 60px 0;
	border-top: 1px solid #e9ebed;
}

#footer .copy {
	text-align: left;
}

@media (max-width: 767px) {
	#footer .copy {
		text-align: center;
	}
}

#footer .social {
	text-align: right;
}

@media (max-width: 767px) {
	#footer .social {
		text-align: center;
	}
}

/* ==== Footer Social ==== */
.social a{
	width: 40px;
	height: 40px;
	margin: 0px 3px;
	/*line-height: 24px;*/
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: xx-large;
}

#footer .facebook {
	background: #3B5998 !important;
}

#footer .linkedin {
	background: #007BB6 !important;
}

#footer .twitter {
	background: #00ACED !important;
}
#footer .youtube {
	background: #BB0000 !important;
}

#footer .instagram {
	background: #517FA4 !important;
}

/*
#footer .facebook:hover,
#footer .twitter:hover,
#footer .instagram:hover,
#footer .linkedin:hover,
#footer .youtube:hover {
	opacity: 0.6;
}
*/

/* ==== Contact ==== */

#map{
	/*pointer-events: none;*/
	width: 100%;
    height:400px;
}


#contact {
	padding: 0px 0px 70px 0px;
}

#contact h3 {
	margin-left: 25px;
}

.form-control, .form-control:focus {
	color: #25272B;
	text-align: center;
	border: 0;
	outline: none;
	resize: none;
	background: #eeeff2;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}

@media (min-width: 768px) {
	.form-group {
		display: inline-block;
	}
}

.form-group, label {
	font-weight: 400;
	text-align: center;
	line-height: 1.2;
}

.honeypot {
	display: none !important;
}

.message {
	display: none;
}

#form-alert {
	text-align: center;
	padding: 5px 15px 5px 15px;
	margin: 15px 0 0 0;
}

form .btn {
	display: inline-block;
	margin: 0;
}

/* =====================*/
/* ==== Navigation ==== */
/* =====================*/
.navbar {
	background: #fff;
}

.navbar-brand {
	padding: 1px 15px 9px;

	margin-left: -15px;
	font-size: 13px; /*fdup pour le text dessous le logo*/

}


/*fdup ajout du bloc pour recadrer le logo si ecran moyen 768*/

@media screen and (max-width:1200px) {
    .navbar-brand {

	}
	.navbar-ad img {
		display: none;

	}
}
@media screen and (max-width:990px) {
    .navbar-brand {
    margin-left: -55px;

	}
	.navbar-ad img {
		display: none;

	}
}

.nav a {
	/*fdup ::::: color: #25272B !important;*/
	color: #ffffff !important;

}


.nav a:hover {
	color: #bbbdc0 !important;
}


.nav .active a { /*fdup*/
	/*color: #bbbdc0 !important;*/
	/*color: #ffffff !important;*/
}



.nav-tabs a { /*fdup*/
		color: #bbbdc0 !important;

}
.nav-tabs .active a { /*fdup*/
		color: #25272B  !important;
}


.navbar .nav .active a, .navbar .nav .active a:hover {
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}

.navbar .nav li a {
	text-shadow: none;
	text-align: center;
	padding: 20px 15px;
}

@media (max-width: 767px) {
	.navbar .nav li a {
		padding: 10px 15px;
	}
}


.navbar-toggle {
	margin: 30px 0px;
	border-radius: 0;
	right: 15px;
}

.nav-collapse .nav li a:hover, .nav-collapse .dropdown-menu a:hover {
	background-color: transparent;
}

.navbar-nav>.dropdown>a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-nav>.dropdown>a:hover .caret, .navbar-nav>.dropdown>a:focus .caret{
	color: #bbbdc0;
	border-top-color: #bbbdc0;
	border-top-color:#bbbdc0;

}

/*fdup*/
.nav-collapse .nav li a {
	font-weight: 400;
	font-size: 16px;
	width: 90px;
	height: 90px;
	text-align: center;
	margin: 2px;
	border-radius: 0px;
}

.nav-collapse .nav li a:lang(de)  {
    /*font-size: 0.8vw;*/
   /* line-height: normal ;*/

}

.nav-collapse .nav li a span:lang(de)  {

}


.dropdown-menu {
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.nav-collapse .nav .dropdown-menu li a  {
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	margin: 2px;
	border-radius: 0px;
	width: auto;
	height: 30px;
	display: block;
	padding: 3px 10px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857;
	white-space: nowrap;
}


.dropdown-menu li a:hover, .dropdown-menu li a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #000;
	background-image: none;
    background-repeat: repeat-x;
}
.dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #000;
	background-image: none;
    background-repeat: repeat-x;
    outline: 0;
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    color: #999;
}
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
}


/*fdup*/
.nav-collapse  li a > i
{
font-size:30px;
margin-right:10px;
margin-left:10px;
margin-bottom: 10px;
}

/*fdup*/
@media (max-width: 767px) {
	.nav-collapse .nav li a {
		width: auto;
		height: auto;
		}
}


.navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
	/*fdup*/ /*background-color: transparent !important;*/
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}


/* ================*/
/* ==== Intro ==== */
/* ================*/
#slide_1 {
	background: #852b99 url(../img/slide_sc.jpg) fixed no-repeat;
}

#slide_2 {
	background: #852b99 url(../img/slide_sm.jpg) fixed no-repeat;
}

#slide_3 {
	background: #852b99 url(../img/slide_dmb400.jpg) fixed no-repeat;
}

#slide_1, #slide_2, #slide_3 {
		background-size: cover;
	}

.img-intro-slide_1 {
		/*
		width: 200px;
		min-width:100px;
		margin-top:20px;
		margin-left:50px;
		margin-right:50px
		*/
		width: 30%;
	}


.img-intro-slide_2 {
		/*
		width: 200px;
		min-width:100px;
		margin-top:20px;
		*/
		margin-left:20px;
		margin-right:20px;
		width: 20%;
	}

	.li-intro-slide_2 {
		font-size: 24px;
		color:#932ab6;
		float: left;
		position: relative;
		text-align:left;
		margin-right:0px;
		margin-top:-150px;
	}


@media (max-width: 990px) {
		.img-intro-slide_2 {
			margin-left:20px;
			margin-right:20px;
			width: 30%;
		}
		.img-intro-slide_3 {
			margin-left:20px;
			margin-right:20px;
			width: 20%;
		}
		.ul-intro-mediaplayer-pictos  img {
			width: 10%;
		}
	
		.li-intro-slide_2 {
			visibility:hidden;
		}
	}	
@media (max-width: 767px) {
	.img-intro-slide_2 {
		margin-left:20px;
		margin-right:20px;
		width: 30%;
	}
	.img-intro-slide_3 {
		margin-left:20px;
		margin-right:20px;
		width: 30%;
	}
	.ul-intro-mediaplayer-pictos {
		visibility:hidden;
		display: none;
	}

	.li-intro-slide_2 {
		visibility:hidden;
	}
}


#slidesignmeeting_1 {
	background: url(../img/meetingroom-sm.jpg) no-repeat center top fixed;
	padding:150px 0;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-size: cover;
}




#introgekkota2 .hd-subhding {
	background:url(../img/hwgekkota.jpg) no-repeat center top fixed;
	padding:150px 0;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-size: cover;
}
#slidegekkota_1 {
		background: url(../img/hwgekkota.jpg) no-repeat center top fixed;
	padding:150px 0;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-size: cover;
}

.li-introgekkota-slide1
	{
	font-size: 24px;
	color:#932ab6;
	float: right;
 	position: relative;
	text-align:left;
	margin-right:100px;
	margin-top:-150px;

	}


/* =====================*/
/* ===== Carousel ===== */
/* =====================*/
.carousel-inner p {
	color: #fff;
	text-align: center;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
	line-height: 1.2;
	margin: 1em  3em;
}

.carousel-inner h1 {
	/*font-size: 49px;*/
	font-weight: 300;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	letter-spacing: -1px;
	margin: 1em  3em;
}

#intro .carousel-inner h1 {
	margin: 1em  3em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 20% ;
	left: 0;
	right: 0;
}

@media (max-width: 990px) {
	#intro .carousel-inner h1 {
	font-size: 30px;
	}
}


@media (max-width: 767px) {
	#intro .carousel-inner h1 {
		font-size: 20px;
		}
}
/*fdup*/
#slidegekkota_1 h2 {
margin-right: 20px !important;
}
#slidegekkota_1 h5 {
margin-right: 20px !important;
}

/*
In practice, many designers convert pixels to ems, largely b/c ems better afford zooming. 
At standard zoom 1em === 16px. Multiply pixels by 1em/16px to get ems. For example, 320px === 20em.
*/

.ul-intro-mediaplayer-argus, .ul-intro-mediaplayer-pictos {
		/*	display: none;*/
	}


/*
@media (max-width: 570px) {
	#intro .carousel-inner h1, .carousel-inner h1 {
		font-size: 25px;
		font-weight: 300;
		letter-spacing: -1px;

	}
	#intro .carousel-inner p {
		font-size: 20px;
		}

}


@media (max-width: 800px) {
	#intro .carousel-inner h1, .carousel-inner h1 {
		font-size: 30px;

	}
	#intro .carousel-inner p {
		font-size: 25px;
		}
}
*/

.carousel {
	margin-bottom: 0;
}

.header-extended .carousel {
	padding: 90px 0px;
}

.carousel-inner {
	overflow: inherit;
}

.carousel-inner .item img {
	display: inline-block !important;
}

.carousel-inner .item {
	text-align: center !important;
}

.carousel-control {
	font-size: 22px;
	color: #25272B;
	background: #fff !important;
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-image: none !important;
	background-color: rgba(255, 255, 255, 0.6) !important;
	text-shadow: none;
	position: absolute;
	height: auto;
	width: auto;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 0px 22px;
	border: none;
	top: 45%;
	bottom: 39%;
	z-index: 2 !important;
}

.carousel-control:hover {
	color: #25272B;
	background: #fff !important;
	filter: alpha(opacity=70) !important;
	opacity: 0.7;
	background-image: none !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
	text-shadow: none;
}


/**/
@media (max-width: 2560px) {
	.carousel-control {
		font-size: 22px;
		height: 80px;
		width: 80px;
		padding: 5px;
	}
}

@media (max-width: 1024px) {
	.carousel-control {
		font-size: 20px;
		height: 70px;
		width: 70px;
		padding: 5px;
	}
}

@media (max-width: 767px) {
	.carousel-control {
		font-size: 18px;
		height: 60px;
		width: 60px;
		padding: 5px;
	}
}

@media (max-width: 567px) {
	.carousel-control {
		font-size: 18px;
		height: 50px;
		width: 50px;
		padding: 5px;
	}
}

@media (max-width: 319px) {
	.carousel-control {
		font-size: 18px;
		height: 40px;
		width: 40px;
		padding: 5px;
	}
}
/**/

.carousel-control.left {
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
.carousel-control.right {
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

@media (max-width: 768px) {
	.carousel-control.left {
		left: 0;
	}
	.carousel-control.right {
		right: 0;
	}
}
.slider-header .carousel-control.left {
	left: -20px;
}
.slider-header .carousel-control.right {
	right: -20px;
}

.carousel.horizontal .next {
	left: -100%;
}

.carousel.horizontal .prev {
	left: 100%;
}

.carousel.horizontal .active.left {
	left: 100%;
}

.carousel.horizontal .active.right {
	left: -100%;
}

.carousel.fadeing .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
	filter: alpha(opacity=0);
}

#carousel_homepage.carousel.fadeing .item {
	opacity: 1;
	filter: alpha(opacity=100);
}
#carousel_homepage.carousel.fadeing .active.left,
#carousel_homepage.carousel.fadeing .active.right {
	opacity: 0;
	filter: alpha(opacity=0);
}


#carousel_page.carousel.fadeing .item {
	opacity: 1;
	filter: alpha(opacity=100);
}
#carousel_page.carousel.fadeing .active.left,
#carousel_page.carousel.fadeing .active.right {
	opacity: 0;
	filter: alpha(opacity=0);
}




.carousel.fadeing .active.item {
	opacity: 1;
	filter: alpha(opacity=100);
}

.carousel.fadeing .active.left,
.carousel.fadeing .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.fadeing .next,
.carousel.fadeing .prev {
	left: 0;
	z-index: 1;
}

.carousel.fadeing .carousel-control {
	z-index: 3;
}

.carousel.vertical .carousel-inner {
	height: 100%;
}

.carousel.vertical .item {
	-webkit-transition: 0.6s ease-in-out top;
	-moz-transition: 0.6s ease-in-out top;
	-ms-transition: 0.6s ease-in-out top;
	-o-transition: 0.6s ease-in-out top;
	transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
	top: 0;
}

.carousel.vertical .next {
	top: 100%;
}

.carousel.vertical .prev {
	top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
	-webkit-transition: ease-in-out top;
	-moz-transition: ease-in-out top;
	-ms-transition: ease-in-out top;
	-o-transition: ease-in-out top;
	transition: ease-in-out top;
}

.carousel.vertical .active.left {
	top: 100%;
}

.carousel.vertical .active.right {
	top: -100%;
}

.carousel.vertical .item {
	left: 0;
}

.carousel .inactive {
	position: absolute;
	display: block;
	z-index: -1;
}

.carousel .inactive.active {
	position: relative !important;
	z-index: 0;
}

/* ==== Preloader ==== */

#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #852b99;
	z-index: 9999;
	position: fixed;
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../img/preload.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

/* =====================*/
/* ==== Intro 'see more' and 'take a tour' buttons, customized bootstrap buttons ==== */
/* =====================*/
.btn-syndicate {
	color: #fff;
	background-color: #00a9df;
	border-color: #00a9df;
}

.btn-syndicate:hover {
	color: #fff;
	background-color: #009acb;
	border-color: #009acb;
}

.btn-fancy {
	color: #fff;
	/*background-color: #852b99;*/
	background-color: #1E70B7;
	border-color: #852b99;
}

.btn-fancy:hover {
	color: #fff;
	background-color: #6d1b81;
	border-color: #6d1b81;
}

.btn-cool {
	color: #fff;
	background-color: #ff5d0f;
	border-color: #ff5d0f;
}

.btn-cool:hover {
	color: #fff;
	background-color: #ff5300;
	border-color: #ff5300;
}

.btn-eco {
	color: #fff;
	background-color: #8dc838;
	border-color: #8dc838;
}

.btn-eco:hover {
	color: #fff;
	background-color: #7fb532;
	border-color: #7fb532;
}

.btn-sun {
	color: #fff;
	background-color: #fcca03;
	border-color: #fcca03;
}

.btn-sun:hover {
	color: #fff;
	background-color: #fcb603;
	border-color: #fcb603;
}

.btn-pallmall {
	color: #fff;
	background-color: #DD1812;
	border-color: #DD1812;
}

.btn-pallmall:hover {
	color: #fff;
	background-color: #c90e08;
	border-color: #c90e08;
}

.squared {
	border-radius: 0px;
}

.btn-more {
	color: #fff;
	background: #e3e4e5;
	padding: 0px 6px;
}

.btn-more:hover {
	background: #dddedf;
}

.more {
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	margin-bottom: 35px;
	z-index: 2;
}

.more a {
	position: relative;
}

/* ==== Take a Tour ==== */

#tour {
	background: #f7f8f9;
	padding: 30px 0px 90px;
}

#tour p {
	text-align: center;
}

#start-tour {
	text-align: center;
}

/* ==== Gallery/Blog hover effect ==== */

.bigmodal {
	background: #fff;
	width: 100%;
	height: 100%;
	left: 0;
	margin: 0;
}

.bigmodal.fade.in {
	top: 0;
}

.bigmodal .modal-body {
	padding: 0px 20px;
	max-height: none;
}

.modal {
	border: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.modal img, .navbar-brand img {
	min-width: 100%;
	height: auto;
}

.back, .previous, .forward {
	background: transparent;
	color: #bbbdc0;
	line-height: 1;
	padding: 10px;
	float: none;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
}

.back {
	font-size: 42px;
	-webkit-text-stroke: 2px #fff;
}

.back:hover {
	/*color: #852b99;*/
	color: #1E70B7;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

.previous, .modal-body .forward {
	font-size: 38px;
	-webkit-text-stroke: 3px #fff;
}

.previous:hover {
	/*color: #852b99;*/
	color: #1E70B7;
	-webkit-transform: translateX(-3px);
	-moz-transform: translateX(-3px);
	-ms-transform: translateX(-3px);
	transform: translateX(-3px);
}

.forward:hover {
	/*color: #852b99;*/
	color:#1E70B7;
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-ms-transform: translateX(3px);
	transform: translateX(3px);
}

.modal-body .col-lg-12.margin {
	text-align: center;
	z-index: 9999;
}

.modal-backdrop {
	display: none !important;
}

.modal-backdrop, .modal-backdrop.fade.in {
	z-index: 0;
}

.grid {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid li {
	display: inline-block;
	position: relative;
	margin-bottom: 30px;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

/* fdup*/
.grid figure h1 {
	position: absolute;
	top:  10px;
	left: 10px;
	font-size: 25px;
	letter-spacing: 0px;
	color: rgb(37, 39, 43);
}

.grid figure h2 {
	transform: rotate(20deg);
	position: absolute;
	top:  0%;
	left: 80%;
	font-size: 25px;
	letter-spacing: 0px;
	color: rgb(37, 39, 43);
}
/**/
.grid figcaption {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background: #25272B;
	/*color: #852b99;*/
	color:#1E70B7;
	padding: 10px 0;
}

.grid figcaption span {
	font-size: 13px;
	text-transform: uppercase;
}

.grid figcaption h4 {
	font-size: 19px;
	font-weight: 300;
	margin: 0;
	padding: 0 0 5px 0;
	color: #fff;
	-webkit-text-stroke: 0.01em #fff;
}

.grid figure {
	overflow: hidden;
	width: 100%;
}

.grid figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .grid figure:hover img,
.grid figure.grid img {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}

.grid figcaption {
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .grid figure:hover figcaption,
.grid figure.cs-hover figcaption {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}


.grid figcaption a {
	font-size: 13px;
	/*color: #852b99;*/
	color: #1E70B7;
}
.grid figcaption a:hover {
	font-size: 13px;
	color: #b671c6;
}


/* ==== Pricing tables ==== */

.pricing-table {
	text-align: center;
	padding: 10px;
	margin-bottom: 5px;
	border: 2px solid #eeeff2;
}

.pricing-table:last-child {
	margin-bottom: 60px;
}

.pricing-table p {
	margin: 10px;
}

.pricing-table.purple {
	background: #fff;
	border: 2px solid #852b99;
}

.pricing-table.gray {
	background: #fff;
	border: 2px solid #bbbdc0;
}

/* =====================*/
/* ==== Back to top button ==== */
/* =====================*/
.go-top {
	position: fixed;
	bottom: 1em;
	right: 1em;
	text-decoration: none;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	font-size: 13px;
	padding: 1em;
}

.go-top:hover {
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

/* ==== Guideline ==== */

.ls-overlay {
	background: #852b99;
}

.gl-overlay {
	text-align: center;
}

.gl-overlay p, .gl-overlay h1 {
	color: #fff;
}

.gl-bubble {
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 0 9px 2px rgba(35,35,35,0.3);
}

.gl-bubble .content {
	padding: 10px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}

.gl-bubble .gl-close,
.gl-bubble .gl-close:visited,
.gl-bubble .gl-close:active {
	position: absolute;
	right: 8px;
	top: 4px;
	font-weight: 700;
	text-decoration: none;
	color: #9d43b1;
}

.gl-bubble .gl-close:hover {
	text-decoration: none;
	color: #6d1b81;
}

.gl-bubble h2 {
	font-size: 16px;
	padding: 0;
	margin: 0;
	line-height: 20px;
}

.gl-bubble h2 + div {
	margin-top: 10px;
}

.gl-bubble .btn {
	margin-top: 17px;
}

.gl-bubble .progress-bar {
	height: 2px;
	background-color: #852b99;
}

/*Arrow*/

.gl-bubble .arrow,
.gl-bubble .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.gl-bubble .arrow {
	border-width: 11px;
}

.gl-bubble .arrow:after {
	border-width: 10px;
	content: "";
}

/*Top*/

.gl-bubble.top {
	margin-top: -15px;
}

.gl-bubble.top .arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #fff;
	border-bottom-width: 0;
}

.gl-bubble.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-top-color: #fff;
	border-bottom-width: 0;
}

/*Right*/

.gl-bubble.right {
	margin-left: 15px;
}

.gl-bubble.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #fff;
	border-left-width: 0;
}

.gl-bubble.right .arrow:after {
	bottom: -10px;
	left: 1px;
	border-right-color: #fff;
	border-left-width: 0;
}

/*Bottom*/

.gl-bubble.bottom {
	margin-top: 15px;
}

.gl-bubble.bottom .arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-bottom-color: #fff;
	border-top-width: 0;
}

.gl-bubble.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-bottom-color: #fff;
	border-top-width: 0;
}

/*Left*/

.gl-bubble.left {
	margin-right: 15px;
}

.gl-bubble.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-left-color: #fff;
	border-right-width: 0;
}

.gl-bubble.left .arrow:after {
	right: 1px;
	bottom: -10px;
	border-left-color: #fff;
	border-right-width: 0;
}

/* Partie FDUP */
/* Background colors */

.bblack{
	background: #222 !important;

}

.blightblue{
	background:#52b9e9 !important;

}

.bblue{
	background:#1171a3 !important;

}

.bgreen{
	background: #43c83c !important;

}

.borange{
	background:#f88529 !important;

}

.bred{
	background: #fa3031 !important;

}

.bviolet{
	background: #932ab6 !important;

}
.byellow{
	background: #ffc425 !important;
}

.bfuchia{
	background:#d11141 !important;
}

.bbordeau{
	background:#B91D47 !important;
}


.blightblue h2,.blightblue h3, .blightblue h4, .blightblue h5, .blightblue h6,
.bblue h2,.bblue h3, .bblue h4, .bblue h5, .bblue h6,
.bgreen h2,.bgreen h3, .bgreen h4, .bgreen h5, .bgreen h6,
.bred h2,.bred h3, .bred h4, .bred h5, .bred h6,
.bviolet h2,.bviolet h3, .bviolet h4, .bviolet h5, .bviolet h6,
.borange h2,.borange h3, .borange h4, .borange h5, .borange h6{
	color: #fff !important;
}


/* Text colors */

.lightblue{
	color:#52b9e9 !important;
}

.blue{
	color:#1171a3 !important;
}

.green{
	color: #43c83c !important;
}

.orange{
	color:#f88529 !important;
}

.red{
	color: #fa3031 !important;
}

.violet{
	color: #932ab6 !important;
}



/*
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #7a62d3 !important;
}
*/



/* Innes datasheet */

.datasheetspecs
{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;

-moz-column-gap:20px; /* Firefox */
-webkit-column-gap:20px; /* Safari and Chrome */
column-gap:20px;
}

.datasheetstrengths > li                        {padding-bottom:5pt; }

.datasheetpictures  > img                       {max-width:300px; min-width: 0; padding-right:0.5cm; }
.datasheetpictures group:nth-of-type(1) > img   {max-width:100px; padding-right:0.5cm; display:inline;}
.datasheetpictures group:nth-of-type(2) > img   {max-width:80px; padding-right:0.5cm;  display:inline;}
.datasheetpictures group > img                  {max-width:80px; padding-right:0.5cm;  display: inline; margin-right: 5pt; width:100%; min-width: 0;}
.datasheetpictures group:before {display: block; content: " ";}



.datasheetordering  items { display:table; width:100%; table-layout:fixed; background-color:white;padding-bottom:20pt;}

.datasheetordering label {display:table-caption; color: #515559;  background: #fff; font-weight: bold; text-align: left; padding-top:2pt; padding-bottom:5pt;padding-left:10pt; white-space: pre; border: 0px;}
/*.datasheetordering caption {display:table-caption; color: #515559;  padding-top:5pt; padding-bottom:5pt;padding-left:10pt; white-space: pre; border: 0px red solid;}
.datasheetordering caption:before {display:block; white-space: pre; font-style: italic; content:'Reference                                       Description';}*/

.datasheetordering item {display:table-row-group;}

.datasheetordering reference   { text-align: left; display:table-cell; white-space:nowrap; border-spacing: 5; width:20%}
.datasheetordering description { text-align: left; display:table-cell; white-space:nowrap; border-spacing: 5; width:80%}

/* Contournement d'un bug de hauteur de ligne sur la seconde colonne */
/*.datasheetordering description::before {display:table-row; content:''}*/

.datasheetordering item:nth-child(even) { background: #e3e1e1;}
.datasheetordering reference:nth-child(1),   th:nth-child(1)   {min-width: 100pt; padding-left:10pt}
.datasheetordering description:nth-child(2), th:nth-child(2)   {padding-left:2pt}




/* Innes : <div class="list-marker-figure">30</div> */

map {
	counter-reset: figurepin-counter;
	}

figurepin:before {
	content: counter(figurepin-counter);
	counter-increment: figurepin-counter;
	position: absolute;
	border-radius: 50%;
	font: bold;
    width: 20px;
    height: 20px;
    padding: 0px;
    background: #fff;
    border: 2px solid #852B99;
	color: #852B99;
    text-align: center;
	/*top: attr(y px,10px); left: attr(x px,10px); */
}

figurepin {
	position: relative;
	float:left;
	top:0px;
	left:0px;
}


.list-marker-figure {
			counter-reset: my-badass-counter;
		}

.list-marker-figure p {
	position: relative;
	padding-left: 30px;
	font-weight:normal;
}

.list-marker-figure p:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	padding-top: 2px;
	border-radius: 50%;
	font: bold;
    width: 18px;
    height: 18px;
    padding: 0px;
    background: #fff;
    border: 2px solid #852B99;
	color: #852B99;
    text-align: center;
}


.line-through     {text-decoration: line-through;}


.tooltip_icon{
	display: inline;
 position: relative;
 word-wrap: break-word;
}

.tooltip_icon:hover:after{
 background: rgba(30, 112, 184, .9);
 /*background: #1e70b7;*/
 /*background: rgba(0,0,0,.8);*/
 border-radius: 5px;
 bottom: 55px;
 color: #fff;
 /*border: solid;*/
 content: attr(data-tooltip);
 white-space: pre-wrap;  
 overflow-wrap:break-word; 
 /*word-wrap: break-word;*/
 /*content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><foreignObject width="100%" height="100%" x="0" y="0"><div xmlns="http://www.w3.org/1999/xhtml">I am <pre>HTML</pre></div></foreignObject></svg>');
 */
 left: 20%;
 padding: 5px 15px;
 position: absolute;
 z-index: 98;
 min-width: 350px;
 max-width: 400px;
}

.tooltip_icon:hover:before{

 border-width: 6px 6px 0 6px;
 bottom: 49px;
 content: "";
 left: 35%;
 position: absolute;
 z-index: 99;
}


/* Innes products font*/

@font-face {
	font-family: 'innesico';
	src:url('../font/innesico.ttf');
	/*
	src:url('../font/innesproducts.eot?#iefix') format('embedded-opentype'),
		url('../font/innesproducts.woff') format('woff'),
		url('../font/innesproducts.ttf') format('truetype'),
		url('../font/innesproducts.svg#innesproducts') format('svg');
	*/
	font-weight: normal;
	font-style: normal;

}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'innesico';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}






/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="iconinnes-"] {
*/
.iconinnes-rj45:before,
.iconinnes-led:before,
.iconinnes-qrcode:before, 
.iconinnes-server:before,
.iconinnes-rssnews:before,
.iconinnes-rfid:before ,
.iconinnes-bluetooth:before ,
.iconinnes-rf:before ,
.iconinnes-testcard:before ,
.iconinnes-adface:before ,
.iconinnes-remotecontrol:before ,
.iconinnes-hdmi:before ,
.iconinnes-smt210:before ,
.iconinnes-touchscreen:before ,
.iconinnes-smh300:before,
.iconinnes-escalator_up:before,
.iconinnes-css3:before, 
.iconinnes-playzilla, .iconinnes-screencomposer, .iconinnes-plungncast,
.iconinnes-plugncastplein, .iconinnes-playzillagecko, .iconinnes-signdoor, .iconinnes-signmeeting, .iconinnes-storage,
.iconinnes-playzillaplein, .iconinnes-gecko, 
.iconinnes-signmeeting,.iconinnes-smilxpftxt,.iconinnes-smilxpf,.iconinnes-smilxpfclapet {
	font-family: 'innesico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.iconinnes-playzillalite:before {
	content: "\e003";
}
.iconinnes-screencomposer:before {
	content: "\e008";
}
.iconinnes-plungncast:before {
	content: "\e002";
}
.iconinnes-plugncastplein:before {
	content: "\e000";
}
.iconinnes-playzillagecko:before {
	content: "\e005";
}
.iconinnes-signdoor:before {
	content: "\e006";
}
.iconinnes-storage:before {
	content: "\e007";
}
.iconinnes-playzillaplein:before {
	content: "\e003";
}
.iconinnes-gecko:before {
	content: "\e004";
}
.iconinnes-playzilla:before {
	content: "\e600";
}
.iconinnes-signmeeting:before {
	content: "\e601";
}
.iconinnes-smilxpf:before {
	content: "\e602";
}
.iconinnes-css3:before {
	content: "\e602";
}
.iconinnes-smilxpftxt:before {
	content: "\e603";
}
.iconinnes-smilxpfclapet:before {
	content: "\e604";
}
.iconinnes-mediaplayer:before {
	content: "\e61a";
}
.iconinnes-meetingroom:before {
	content: "\e61b";
}
.iconinnes-rssnews:before {
	content: "\e61c";
}
.iconinnes-rfid:before {
	content: "\e61d";
}
.iconinnes-bluetooth:before {
	content: "\e61e";
}
.iconinnes-rf:before {
	content: "\e61f";
}

.iconinnes-testcard:before {
	content: "\e620";
}
.iconinnes-adface:before {
	content: "\e621";
}
.iconinnes-remotecontrol:before {
	content: "\e622";
}
.iconinnes-hdmi:before {
	content: "\e623";
}
.iconinnes-smt210:before {
	content: "\e624";
}
.iconinnes-touchscreen:before {
	content: "\e626";
}
.iconinnes-smh300:before {
	content: "\e62d";
}
.iconinnes-rj45:before {
	content: "\e642";
}
.iconinnes-led:before {
	content: "\e62b";
}
.iconinnes-qrcode:before {
	content: "\e627";
}
.iconinnes-server:before {
	content: "\e629";
}
.iconinnes-escalator_up:before {
	content: "\e637";
}


/*wiki*/

.hljs {
    display: block;
    padding: .5em;
}
.hljs, .hljs-subst, .hljs-tag .hljs-title, .hljs-lisp .hljs-title, .hljs-clojure .hljs-built_in, .hljs-nginx .hljs-title {
    color: #13132a;
}
.hljs-string, .hljs-title, .hljs-constant, .hljs-parent, .hljs-tag .hljs-value, .hljs-rules .hljs-value, .hljs-rules .hljs-value .hljs-number, .hljs-preprocessor, .hljs-ruby .hljs-symbol, .hljs-ruby .hljs-symbol .hljs-string, .hljs-aggregate, .hljs-template_tag, .hljs-django .hljs-variable, .hljs-smalltalk .hljs-class, .hljs-addition, .hljs-flow, .hljs-stream, .hljs-bash .hljs-variable, .hljs-apache .hljs-tag, .hljs-apache .hljs-cbracket, .hljs-tex .hljs-command, .hljs-tex .hljs-special, .hljs-erlang_repl .hljs-function_or_atom, .hljs-markdown .hljs-header {
    color: #000;
}
.hljs-comment, .hljs-annotation, .hljs-template_comment, .hljs-diff .hljs-header, .hljs-chunk, .hljs-markdown .hljs-blockquote {
    color: #505050;
}
.hljs-number, .hljs-date, .hljs-regexp, .hljs-literal, .hljs-smalltalk .hljs-symbol, .hljs-smalltalk .hljs-char, .hljs-go .hljs-constant, .hljs-change, .hljs-markdown .hljs-bullet, .hljs-markdown .hljs-link_url {
    color: #09559b;
}
.hljs-label, .hljs-javadoc, .hljs-ruby .hljs-string, .hljs-decorator, .hljs-filter .hljs-argument, .hljs-localvars, .hljs-array, .hljs-attr_selector, .hljs-important, .hljs-pseudo, .hljs-pi, .hljs-doctype, .hljs-deletion, .hljs-envvar, .hljs-shebang, .hljs-apache .hljs-sqbracket, .hljs-nginx .hljs-built_in, .hljs-tex .hljs-formula, .hljs-erlang_repl .hljs-reserved, .hljs-prompt, .hljs-markdown .hljs-link_label, .hljs-vhdl .hljs-attribute, .hljs-clojure .hljs-attribute, .hljs-coffeescript .hljs-property {
    color: #001775;
}
.hljs-keyword, .hljs-id, .hljs-phpdoc, .hljs-title, .hljs-built_in, .hljs-aggregate, .hljs-css .hljs-tag, .hljs-javadoctag, .hljs-phpdoc, .hljs-yardoctag, .hljs-smalltalk .hljs-class, .hljs-winutils, .hljs-bash .hljs-variable, .hljs-apache .hljs-tag, .hljs-go .hljs-typename, .hljs-tex .hljs-command, .hljs-markdown .hljs-strong, .hljs-request, .hljs-status {
    font-weight: 700;
}
.hljs-markdown .hljs-emphasis {
    font-style: italic;
}
.hljs-nginx .hljs-built_in {
    font-weight: 400;
}
.hljs-coffeescript .hljs-javascript, .hljs-javascript .hljs-xml, .hljs-tex .hljs-formula, .hljs-xml .hljs-javascript, .hljs-xml .hljs-vbscript, .hljs-xml .hljs-css, .hljs-xml .hljs-cdata {
    opacity: .5;
}


.article-tree {
    overflow: auto;
    padding: 0px;
}


.nav.nav-list {
    padding-left: 0;
    padding-right: 0;
}
.nav.nav-list li a {
    margin: 0;
    padding: 6px 15px;
    font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #13132a;
    font-size: 15px;
    text-shadow: none;
    border-color: #e7e7e9;
}
.nav.nav-list li a:hover {
    color: #13132a;
    text-shadow: none;
    background-color: #965308;
}
.nav.nav-list li.active a {
    background-color: #c5c5cb;
}
.nav.nav-list li.open>ul {
    display: block;
}
.nav.nav-list li ul {
    display: none;
    margin-left: 15px;
}
.nav.nav-list li ul li a {
    font-weight: 400;
    font-size: 14px;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    line-height: 20px;
    margin: 0;
    margin-left: -15px;
    padding: 3px 30px;
    border: 0;
    color: #2d2d2d;
    opacity: .7;
    filter: alpha(opacity=70);
}
.nav.nav-list li ul li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: transparent;
}
.nav.nav-list li ul li.active a {
    color: #13132a;
}

.container-fluid.fluid-height {
    height: 100%}
.columns {
    height: 100%;
    padding-top: 50px;
}
.columns .left-column {
    background-color: #F88529;
    /*border-right: 1px solid #e7e7e9;*/
    overflow-x: hidden;
}
.columns .right-column .content-page {
    padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
    min-height: 100%;
    background-color: #fff;
}
.content-area, .article-tree {
    overflow: auto;
    padding: 0;
}
@media (min-width:767px) {
    .content-area, .article-tree {
    height: 100%}
}.responsive-collapse {
    padding: 10px 15px;
    display: none;
    background-color: #e7e7e9;
    border-bottom: 1px solid #e7e7e9;
}
@media (max-width:767px) {
    .responsive-collapse {
    display: block;
}
}@media (max-width:768px) {
    .sub-nav-collapse {
    display: none;
}
}@media (min-width:768px) {
    .sub-nav-collapse {
    display: block;
}

.page-header-wiki {
    padding-bottom: 9px;
    margin: 10px 0 20px;
    border-bottom: 1px solid #eee;
}
.nav-extern {
    min-height: 20px;
    padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.nav-extern a {
color : #ffffff;
}

.nav-extern a:hover {
	color: #BBBDC0 !important;
}

.row {
    margin-top: 25px;
    margin-left: 0px;
}

a.auth-downloads {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: rgb(239, 139, 22); /* this is a green */
	padding-left: 2px;
	padding-right: 2px;
}

a.auth-downloads::before {
    content: "\00a0 \f023 \00a0";
	font-family: 'FontAwesome';
	color: white;
}

a.free-downloads {
  	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: rgb(239, 139, 22); /* this is a green */
	padding-left: 2px;
	padding-right: 2px;
}

h3 {
	color: #25272B;
}



/* Comparaison Table */
.comparison {
    max-width:940px;
    margin:0 auto;
    font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:center;
    padding:10px;
  }
  
  .comparison table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border-bottom:1px solid #CCC;
  }
  
  .comparison td, .comparison th {
    border-right:1px solid #CCC;
    empty-cells: show;
    padding:10px;
  }
  
  .compare-heading {
    font-size:18px;
    font-weight:bold !important;
    border-bottom:0 !important;
    padding-top:10px !important;
  }
  
  .comparison tbody tr:nth-child(odd) {
    display:none;
  }
  
  .comparison .compare-row {
    background:#F5F5F5;
  }
  
  .comparison .tickblue {
    color:#0078C1;
  }
  
  .comparison .tickgreen {
    color:#009E2C;
  }
  
  .comparison th {
    font-weight:normal;
    padding:0;
	border-bottom:1px solid #CCC;
	text-align: center;
  }


 .table thead > tr > th
{
	  border-top: 0 !important;
}
  .comparison tr td:first-child {
	text-align:left;
	border-left:1px;
  }
    
  .comparison .qbse, .comparison .qbo, .comparison .tl {
    color:#FFF;
    padding:10px;
    font-size:13px;
    border-right:1px solid #CCC;
	border-bottom:0;
	border-top: 0px;
  }
  
  .comparison .tl2 {
    border-right:0;
  }
  
  .comparison .qbse {
    background:#0078C1;
    border-top-left-radius: 3px;
    border-left:0px;
  }
  
  .comparison .qbo {
    background:#0078C1;
    border-top-right-radius: 3px;
    border-right:0px;
  }
  
  .comparison .price-info {
	padding:5px 15px 15px 15px;
	color:#a59d99;
  }
  
  .comparison .price-was {
    color:#999;
    text-decoration: line-through;
  }
  
  .comparison .price-now, .comparison .price-now span {
    color:#ff5406;
  }
  
  .comparison .price-now span {
    font-size:32px;
  }
  
  .comparison .price-small {
      font-size: 18px !important;
      position: relative;
      top: -11px;
      left: 2px;
  }
  
  .comparison .price-buy {
    background:#ff5406;
    padding:10px 20px;
    font-size:12px;
    display:inline-block;
    color:#FFF;
    text-decoration:none;
    border-radius:3px;
    text-transform:uppercase;
    margin:5px 0 10px 0;
  }
  
  .comparison .price-try {
    font-size:12px;
  }
  
  .comparison .price-try a {
    color:#202020;
  }
  
  @media (max-width: 767px) {
    .comparison td:first-child, .comparison th:first-child {
      display: none;
    }
    .comparison tbody tr:nth-child(odd) {
      display:table-row;
      background:#F7F7F7;
    }
    .comparison .row {
      background:#FFF;
    }
    .comparison td, .comparison th {
      border:1px solid #CCC;
    }
    .price-info {
    border-top:0 !important;
    }
    
  }
  
  @media (max-width: 639px) {
    .comparison .price-buy {
      padding:5px 10px;
    }
    .comparison td, .comparison th {
      padding:10px 5px;
    }
    .comparison .hide-mobile {
      display:none;
    }
    .comparison .price-now span {
    font-size:16px;
  	}
  
  .comparison .price-small {
      font-size: 16px !important;
      top: 0;
      left: 0;
  	}
    .comparison .qbse, .comparison .qbo {
      font-size:12px;
      padding:10px 5px;
    }
    .comparison .price-buy {
      margin-top:10px;
    }
    .compare-heading {
    font-size:13px;
  	}
  }