/* CSS By Binsfeld */
p{font-family: 'Neuton', serif; font-weight: 700}

h1{font-family: 'Oswald', sans-serif; font-weight: 700;	text-transform: uppercase; color: #000; margin-bottom: 15px; font-size: 2.5rem}

h2{font-family: 'Oswald', sans-serif; font-weight: 700;	text-transform: none; color: #e9eaeb; font-size: 140px; margin: 20px 0 35px -8px}

h3{font-family: 'Oswald', sans-serif; font-weight: 700;	text-transform: uppercase; color: #9c9c9c; font-size: 25px; margin: 0 0 35px}

h4{font-family: 'Oswald', sans-serif; font-weight: 700;	text-transform: none; color: #000; font-size: 69px; float: right; border-bottom: 1px solid #000; clear: both; margin: 0 15px 20px 0; padding-bottom: 7px}
h4 span{color: #fff}

h3 {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

header{margin-bottom: 35px; margin-top: 5px}
header img{max-height: 50px; width: auto}

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

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

.html5-video-player {background: #fff !important}

hr{height: 1px; background: #000}

.fond_gris{background: #e9eaeb; padding: 17px 25px}

.fond_gris p{text-transform: none; color: #5e5e5e; font-weight: 800; text-align: center; font-size: 16px; margin-bottom: 3px}

.fond_gris p a{color: #5e5e5e}

.fond_gris p.question{font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #9c9c9c; font-size: 19px}

.fond_gris p.question a{color: #9c9c9c}

#services{background: #e9eaeb; padding: 25px; margin: 40px 0; float: left; width: 100%}

p.alignright{float: right; width: 33%}

#services #liste_services{float: left; width: 100%}

#services #liste_services li{list-style: none; list-style-type: none; border-bottom: 1px solid #000; margin-bottom: 7px; position: relative; width: 100%; background: url("//binsfeld.lu/wp-content/themes/bridge-child/img/BINS_WEB_JOBS_EYE_FIXE.gif") no-repeat right center; background-size: 39px auto; min-height: 60px; line-height: 50px; float: left}
#services #liste_services li:hover{background-image: url("//binsfeld.lu/wp-content/themes/bridge-child/img/BINS_WEB_JOBS_EYE_ANIME.gif") !important;}

#services #liste_services li:last-of-type{border-bottom: none}

#services #liste_services li a{color: #000; text-decoration: none; font-weight: bold; font-size: 40px; font-family: "Oswald",sans-serif; transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important;}
#services #liste_services li a:hover{ padding-left: 40px !important}

#services img{max-width: 100%; height: auto}

#services .detail_service p{line-height: 1.4em}

#services h2 {font-weight: bold; margin-top: 20px; padding-bottom: 10px; text-transform: none; color: #000; font-size: 24px; border-bottom: 1px solid #000}

#services .q_team {float: left; height: auto;  margin-bottom: 7px;  margin-right: 1%; width: 49%}

#services .q_team.info_on_hover .q_team_text {background-color: #fcee2b}
.q_team.info_on_hover .q_team_text {height: 100%; opacity: 0; padding: 0; position: absolute; top: 0; transition: opacity 0.3s ease-in-out 0s; width: 100%}

.q_team.info_on_hover .q_team_image:hover .q_team_text {opacity: 0.9}

.q_team .q_team_image {position: relative}

.q_team.info_on_hover .q_team_text_holder {display: table; height: 100%; width: 100%}

.q_team_description_inner p {line-height: 15px}
.q_team_description_inner a {color: #000; font-size: 13px}
.q_team_description_inner a:hover {color: #000; text-decoration: underline}
.q_team .q_team_text {border: medium none !important}
#accordion .q_team .q_team_title_holder .q_team_name {font-size: 23px; letter-spacing: 0.7px; line-height: 26px; margin-bottom: 5px; text-transform: none}
.q_team.info_on_hover .q_team_image:hover .q_team_text {opacity: 0.9}
.q_team_text_holder_inner .poste {font-size: 14px; left: 0; line-height: 19px; position: absolute; text-align: center; top: 8px; width: 100%}
.q_team.info_on_hover .q_team_text_holder_inner {display: table-cell; position: relative; vertical-align: bottom}
.q_team .q_team_title_holder {margin: 0 0 40px; text-align: center}

#accordion{float: left; width: 100%}

#accordion.ui-accordion .ui-accordion-content{padding-top: 20px}

#accordion .separator.normal.center{display: none}

.accordion_mark.left_mark {background-image: url("//binsfeld.lu/wp-content/themes/bridge-child/img/BINS_WEB_JOBS_EYE_FIXE.gif"); background-size: 39px auto; height: 39px; left: inherit; right: 15px !important; top: 27px; width: 39px}

#accordion h3.ui-accordion-header{width: 100%; font-weight: bold; margin-top: 20px; text-transform: none; color: #000; font-size: 35px; border-left: none; border-top: none; border-right: none; border-bottom: none; border-top: 1px solid #000; background: transparent; border-radius: 0; transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important; padding-bottom: 0; letter-spacing: 1px; background: url("//binsfeld.lu/wp-content/themes/bridge-child/img/BINS_WEB_JOBS_EYE_FIXE.gif") no-repeat right center;}

#accordion h3.ui-accordion-header:hover{padding-left: 40px; background-image: url("//binsfeld.lu/wp-content/themes/bridge-child/img/BINS_WEB_JOBS_EYE_ANIME.gif") !important}

#accordion h3.ui-state-active{padding-left: 40px; background: none}
#accordion h3.ui-state-active:hover{background: none !important}

#accordion h3:first-of-type{border: none}

#accordion .ui-accordion-content{background: #e9eaeb; border: none}

#accordion .ui-accordion-header-icon{
	display: none !important;
	background: none !important;
}

footer{background: #1b1b1b}

footer .footer_bottom{text-align: center;  font-size: 12px; height: 53px; line-height: 53px;  vertical-align: middle}

.q_social_icon_holder.normal_social {margin: 0 12px}

.q_social_icon_holder .simple_social {color: #b2b2b2; transition: all 0.3s ease-in-out 0s}

.q_social_icon_holder:hover .simple_social {color: #fff}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	h1{font-size:34px}
	h2{font-size:120px; margin: 20px 0 35px -8px}
	.fond_gris {padding: 35px 10px}
	.fond_gris p{font-size: 14px}
	.fond_gris p.question{font-size: 16px}
}	

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	h1{font-size:26px}
	h2{font-size:100px; margin: 20px 0 35px -8px}
	h3{font-size: 20px}
	
	#services p.alignright {width: 50%}
}	

/* MOBILE */
@media screen and (max-width: 767px){
	h1{font-size:29px; line-height: 36px}
	h2{font-size:80px; margin: 20px 0 35px 0}
	h3{font-size: 21px; line-height: 27px; margin-bottom: 15px}
	h4{font-size: 50px}
	
	#services p.alignright {width: 100%}
	
	#accordion{width: 100%}
	#accordion h3.ui-accordion-header {font-size: 19px !important; width: 100%; padding-left: 0 !important; padding-right: 0 !important; background-size: 25px auto; background-position-y: bottom !important}
	.ui-accordion-content{
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.col-sm-5 {width: 100% !important; float: left; margin: 10px 0 10px 0; padding: 0}
	.col-sm-1 {display: none !important;}
	.col-sm-6 {width: 100% !important;float: left;}
	
	#services .q_team {
	    float: left;
	    height: auto;
	    margin-bottom: 7px;
	    margin-right: 0;
	    width: 100%;
	}
	
}