﻿html, body {
	height: 100%;
}
#wrapper-container {
	min-height: 100%;
	position: relative;
}
a#top-page {
	background: rgba(0,0,0,.5);
	border-radius: 999px;
	bottom: 15px;
	display: none;
	height: 40px;
	position: fixed;
	right: 15px;
	width: 40px;
	z-index: 999;
}
a#top-page:before,
a#top-page:after
{
	background-color: #fff;
	bottom: 37%;
	content: '';
	left: 50%;
	position: absolute;
	margin-left: -1px;
	top: 36%;
	width: 2px;
}
a#top-page:before {
	left: 42%;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
a#top-page:after
{
	left: 58%;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

/*************************************************************************************************/
/** Language *************************************************************************************/
/*************************************************************************************************/

#language-container {
	border-bottom: 1px solid #e6e7eb;
	color: #9b9c9e;
	line-height: 75px;
}
#language-container a {
	color: #9b9c9e;
	text-decoration: none;
}
.no-touch #language-container a:hover {
	color: #58585a;
}
#language-container .left span {
	background-size: 32px 32px !important;
	display: inline-block;
	line-height: 32px;
	margin-right: 20px;
	padding-left: 42px;
}
#language-container .left span.phone {
	background: url(../img/phone.png) no-repeat;
}
#language-container .left span.mail {
	background: url(../img/mail.png) no-repeat;
	margin-right: 20px;
}
#language-container .left a.btn {
	background: #f39d00;
	background-size: 24px;
	border-radius: 999px;
	border: 2px solid #f39d00;
	color: #fff;
	display: inline-block;
	font-family: 'Roboto Condensed';
	line-height: 28px;
	margin-right: 5px;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.no-touch #language-container .left a.btn:hover {
	background: #fff;
	color: #f39d00;
}
#language-container .right .country {
	display: inline;
	position: relative;
}
#language-container .right .country a.active {
	background: url(../img/flag-fr.png) center right no-repeat;
	background-size: 32px;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding-right: 42px;
	text-decoration: none;
}
#language-container .right .country ul {
	background: #fff;
	border: 1px solid #e6e7eb;
	display: none;
	line-height: 1.6 !important;
	margin-top: -55px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	right: 0;
}
#language-container .right .country ul li {
	margin: 0;
}
#language-container .right .country ul li a {
	background-size: 24px !important;
	color: #9b9c9e;
	display: block;
	margin: 0;
	padding: 5px 44px 5px 10px;
	white-space: nowrap;
}
#language-container .right .country ul li a.be {
	background: url(../img/flag-be.png) center right 10px no-repeat;
}
#language-container .right .country ul li a.fr {
	background: url(../img/flag-fr.png) center right 10px no-repeat;
}
.no-touch #language-container .right .country ul li a:hover {
	background-color: #f39d00;
	color: #fff;
}
#language-container .right a.menu {
	background: url(../img/menu-white.png) center right no-repeat;
	background-size: 32px;
	color: #9b9c9e;
	display: none;
	float: right;
	font-family: 'Roboto Condensed';
	font-size: 1.5rem;
	height: 32px;
	line-height: 32px;
	margin-top: 18px;
	min-width: 32px;
	text-decoration: none;
	text-transform: uppercase;
}

/* For devices smaller than 1000px */
@media (max-width: 1000px) {
#language-container .left a.offer {
	display: none;
}}

/* For devices smaller than 750px */
@media (max-width: 750px) {
#language-container  {
	background: #f39d00;
}
#language-container .left {
	display: none;
}
#language-container .right {
	float: none;
}
#language-container .right strong {
	border: 2px solid #fff;
	color: #fff;
}
#language-container .right a {
	color: #fff;
}
#language-container .right .country a.active:hover {
	color: #fff;
}
#language-container .right .country ul {
	margin-right: -100px;
}
#language-container .right a.menu {
	display: block;
}}

/*************************************************************************************************/
/** Header ***************************************************************************************/
/*************************************************************************************************/

header {
	padding: 30px 0;
}
header a.logo h1 {
	background: url(../img/eurofides.png) center no-repeat;
	background-size: 260px;
	height: 68px;
	overflow: hidden;
	text-indent: -9999px;
	width: 260px;
}
header nav {
	float: right;
	margin-top: 22px;
}
header nav ul li {
	float: left;
	margin: 0 0 0 30px;
}
header nav ul li:first-child {
	margin-left: 0;
}
header nav ul li a {
	color: #9b9c9e;
	font-family: 'Roboto Condensed';
	font-size: 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
}
.no-touch header nav ul li a:hover {
	color: #58585a;
}
header nav ul li  a.active {
	color: #f39d00;
}
header a.menu {
	background: url(../img/menu.png) center right no-repeat;
	background-size: 32px;
	color: #9b9c9e;
	display: none;
	float: right;
	font-family: 'Roboto Condensed';
	font-size: 1.5rem;
	height: 32px;
	line-height: 32px;
	margin-top: 18px;
	min-width: 32px;
	text-decoration: none;
	text-transform: uppercase;
}
header a.menu span {
	padding-right: 47px;
}
header.sticky {
	background: #fff;
	border-bottom: 1px solid #e6e7eb;
	box-shadow: 0 2px 2px -2px rgba(0,0,0,.08);
	padding: 15px 0;
	position: fixed;
	width: 100%;
	z-index: 999;
}
header.sticky  a.logo h1 {
	background: url(../img/eurofides-sticky.png) center no-repeat;
	background-size: 75px;
	height: 50px;
	width: 75px;
}
header.sticky nav {
	margin-top: 13px;
}
header.sticky a.menu {
	margin-top: 13px;
}
header .scrolldown {
	display: none;
	margin-top: 30px;
}
header .scrolldown.border {
	border-top: 1px solid #e6e7eb;
}
header.sticky .scrolldown {
	margin-top: 15px;
}
header .scrolldown nav {
	float: none;
	margin-top: 30px;
	opacity: 0;
}
header.sticky .scrolldown nav {
	margin-top: 15px;
}

/* For devices smaller than 1000px */
@media (max-width: 1000px) {
header nav {
	display: none;
}
header a.menu {
	display: block;
}
header .scrolldown  nav {
	display: block;
}}

/* For devices smaller than 750px */
@media (max-width: 750px) {
header .scrolldown nav ul li {
	display: block;
	float: none;
	margin: 0 0 10px 0;
}
header .scrolldown nav ul li:last-child {
	margin: 0;
}
header {
	border-bottom: 1px solid #e6e7eb;
}
header:not(.sticky) .columns {
	text-align: center;
}
header:not(.sticky) a.logo {
	display: inline-block;
	float: none;
}
header:not(.sticky) a.menu {
	display: none;
}
header a.menu span {
	display: none;
}}

/*************************************************************************************************/
/** Banner ***************************************************************************************/
/*************************************************************************************************/

#banner-container {
	background: #58585a url('../img/banner-loader.gif') center no-repeat;
	height: 500px;
	position: relative;
	text-align: center;
}
#banner-container:not(.loader) {
	background: #58585a;
}
#banner-container a.prev {
	display: none;
	height: 100px;
	left: -200px;
	position: absolute;
	top: 200px;
	width: 50px;
	z-index: 999;
}
#banner-container a.prev:before {
	background: #fff;
	content: '';
	height: 50%;
	left: 25%;
	position: absolute;
	transform-origin: 0 100%;
	transform: translateX(-50%) rotate(30deg);
	width: 3px;
	-webkit-transform: translateX(-50%) rotate(30deg);
	-webkit-transform-origin: 0 100%;
}
#banner-container a.prev:after {
	background: #fff;
	content: '';
	height: 50%;
	left: 25%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) rotate(-30deg);
	transform-origin: 0 0;
	width: 3px;
	-webkit-transform: translateX(-50%) rotate(-30deg);
	-webkit-transform-origin: 0 0;
}
#banner-container a.next {
	display: none;
	height: 100px;
	position: absolute;
	right: -200px;
	top: 200px;
	transform: rotate(180deg);
	width: 50px;
	z-index: 999;
	-webkit-transform: rotate(180deg);
}
#banner-container a.next:before {
	background: #fff;
	content: '';
	height: 50%;
	left: 25%;
	position: absolute;
	transform-origin: 0 100%;
	transform: translateX(-50%) rotate(30deg);
	width: 3px;
	-webkit-transform: translateX(-50%) rotate(30deg);
	-webkit-transform-origin: 0 100%;
}
#banner-container a.next:after {
	background: #fff;
	content: '';
	height: 50%;
	left: 25%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) rotate(-30deg);
	transform-origin: 0 0;
	width: 3px;
	-webkit-transform: translateX(-50%) rotate(-30deg);
	-webkit-transform-origin: 0 0;
}
#banner-container .slider {
	background-size: cover !important;
	height: 100%;
	opacity: .5;
	opacity: 0;
	position: absolute;
	width: 100%;
}
#banner-container .slider.img1 {
	background: #58585a url('../img/banner1.jpg') center no-repeat;
}
#banner-container .slider.img2 {
	background: #58585a url('../img/banner2.jpg') center no-repeat;
}
#banner-container .slider.img3 {
	background: #58585a url('../img/banner3.jpg') bottom no-repeat;
}
#banner-container .slider.img4 {
	background: #58585a url('../img/banner4.jpg') center no-repeat;
}
#banner-container.loader .slogan {
	opacity: 0;
}
#banner-container .slogan {
	position: absolute;
	text-align: center;
	top: 165px;
	width: 100%;
	z-index: 10;
}
#banner-container .slogan p:nth-child(1) {
	color: #fff;
	font-family: 'Roboto Condensed';
	font-size: 4.8rem;
	font-style: italic;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 15px;
	text-shadow: 0 2px 2px rgba(0,0,0,.2);
	width: 100%;
}
#banner-container .slogan p:nth-child(2) {
	color: #fff;
	font-family: 'Roboto Condensed';
	font-size: 5.6rem;
	font-style: italic;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 40px;
	text-shadow: 0 2px 2px rgba(0,0,0,.2);
	text-transform: none;
	width: 100%;
}
#banner-container .slogan a {
	background: #f39d00;
	border-radius: 999px;
	border: 2px solid #f39d00;
	color: #fff;
	font-family: 'Roboto Condensed';
	padding: 8px 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.no-touch #banner-container .slogan a:hover {
	background: #fff;
	border: 2px solid #fff;
	color: #f39d00;
}
#banner-container #slider-nav {
	bottom: 30px;
	display: inline-block;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
#banner-container #slider-nav a {
	background: transparent;
	border: 2px solid #fff;
	border-radius: 999px;
	display: inline-block;
	height: 12px;
	margin: 0 5px;
	transition-duration: .3s;
	transition-property: all;
	width: 12px;
	-webkit-transition-duration: .3s;
	-webkit-transition-property: all;
}
#banner-container #slider-nav a.active-slide {
	background: #fff;
}

/* For devices smaller than 1424px */
@media (max-width: 1424px) {
#banner-container a.prev, #banner-container a.next {
	display: none !important;
}}

/* For devices smaller than 750px */
@media (max-width: 750px) {
#banner-container {
	display: none;
}}

/*************************************************************************************************/
/** Member ***************************************************************************************/
/*************************************************************************************************/

#member-container {
	background: #f39d00;
	color: #fff;
	line-height: 32px;
	padding: 30px 0;
}
#member-container .left i {
	background: url(../img/myeurofides.png) no-repeat;
	background-size: 32px 32px;
	display: block;
	font-family: 'Roboto Condensed';
	font-size: 2.6rem;
	line-height: 32px;
	margin-right: 10px;
	padding-left: 42px;
	margin-top: -10px;
}
#member-container .left span {
	position: absolute;
	margin-top: 20px;
}
#member-container .right span {
	margin-left: 20px;
}
#member-container .right a {
	border-radius: 999px;
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-family: 'Roboto Condensed';
	margin-left: 5px;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
}
#member-container .right span {
	background: url(../img/lock.png) center left no-repeat;
	background-size: 24px;
	display: inline-block;
	height: 24px;
	margin-top: -4px;
	vertical-align: middle;
	width: 24px;
}
.no-touch #member-container .right a:hover {
	background: #fff;
	color: #f39d00;
}

/* For devices smaller than 750px */
@media (max-width: 750px) {
#member-container {
	display: none;
}}

/*************************************************************************************************/
/** Content **************************************************************************************/
/*************************************************************************************************/

#content-container .center {
	text-align: center;
}
#content-container h3 {
	margin-bottom: 10px;
}
#content-container strong span {
	color: #f39d00;
}
#content-container ul li {
	background: url(../img/bullet.png) no-repeat;
	background-position: left 5px;
	background-size: 12px 12px;
	padding-left: 26px;
}
#content-container ul.icon li {
	background: url(../img/bullet.png) no-repeat;
	background-position: left 0;
	background-size: 32px 32px;
	font-size: 15px;
	line-height: 32px;
	margin-right: 40px;
	padding-left: 46px;
}
#content-container ul.icon li img{
	height: 16px;
	margin: 8px 0 0 -38px;
	position: absolute;
	width: 16px;
}
#content-container ol {
	counter-reset: item;
}
#content-container ol.start5 {
	counter-reset: item 5;
}
#content-container ol li {
	counter-increment: item;
	list-style-type: none;
	margin-left: 40px;
}
#content-container ol li:before {
	border: 2px solid #f39d00;
	border-radius: 999px;
	color: #f39d00;
	content: counter(item);
	display: inline-block;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin: -3px 0 0 -40px;
	position: absolute;
	text-align: center;
	width: 24px;
}
#content-container blockquote {
	color: #fff;
	font-size: 2.2rem;
	font-style: italic;
	text-align: center;
}
#content-container blockquote:before {
	background: url(../img/quote-mark-open.png) center no-repeat;
	background-size: 24px 17px;
	content: ' ';
	display: inline-block;
	height: 17px;
	opacity: .5;
	padding-right: 20px;
	vertical-align: 5px;
	width: 24px;
}
#content-container blockquote:after {
	background: url(../img/quote-mark-close.png) center no-repeat;
	background-size: 24px 17px;
	content: ' ';
	display: inline-block;
	height: 17px;
	opacity: .5;
	padding-left: 23px;
	vertical-align: 5px;
	width: 24px;
}
#content-container section {
	padding: 60px 0;
}
#content-container section h2 {
	margin-bottom: 0;
	text-align: center;
	text-transform: uppercase;
}
#content-container section .h2-subtitle {
	color: #9b9c9e;
	font-size: 1.5rem;
	text-align: center;
}
#content-container section .h2-line {
	height: 2px;
	background-color: #f39d00;
	width: 60px;
	margin: 30px auto 60px auto;
}
#content-container .bq-orange {
	background: #f39d00;
	padding: 30px 0;
}
#content-container .bq-grey {
	background: #58585a;
	padding: 30px 0;
}

/*************************************************************************************************/
/** Home *****************************************************************************************/
/*************************************************************************************************/

#home-services span {
	background: #f4f4f6;
	background-size: 180px 180px !important;
	border-radius: 999px;
	display: block;
	height: 180px;
	margin: 0 auto 20px auto;
	width: 180px;
}
#home-services .column:nth-child(1) span {
	background: url(../img/rec-amiable.jpg) center no-repeat;
}
#home-services .column:nth-child(2) span {
	background: url(../img/autres-services.jpg) center no-repeat;
}
#home-services .row {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#home-services .column {
	margin-bottom: 40px;
	position: relative;
}
#home-services h3 {
	color: #f39d00;
	font-size: 1.9rem;
	margin-bottom: 20px;
}
#home-services p {
	margin-bottom: 20px;
}
#home-services a {
	border-radius: 999px;
	border: 2px solid #f39d00;
	color: #f39d00;
	display: inline-block;
	font-family: 'Roboto Condensed';
	left: 50%;
	margin-left: -75px;
	padding: 5px 20px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	bottom: -40px;
	vertical-align: center;
	width: 150px;
}
.no-touch #home-services  a:hover {
	background: #f39d00;
	color: #fff;
}
#home-numbers {
	background: #f4f4f6;
	padding: 60px 0;
}
#home-numbers span {
	font-size: 2.6rem;
	opacity: 0;
}
#home-numbers .counter-line {
	height: 2px;
	background-color: #f39d00;
	width: 30px;
	margin: 10px auto 20px auto;
}
#home-numbers .columns:before {
	background: #f39d00;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px;
	border-radius: 999px;
	content: ' ';
	display: block;
	height: 64px;
	margin: 0 auto 10px auto;
	width: 64px;
}
#home-numbers .columns:nth-child(1):before {
	background-image: url(../img/bullet-clients.png);
}
#home-numbers .columns:nth-child(2):before {
	background-image: url(../img/bullet-folders.png);
}
#home-numbers .columns:nth-child(3):before {
	background-image: url(../img/bullet-folders.png);
}
#home-numbers .columns:nth-child(4):before {
	background-image: url(../img/bullet-money.png);
}
#home-questions {
	background: #58585a;
	border-top: 1px solid #f4f4f6;
	color: #ccc;
	font-size: 1.5rem;
}
#home-questions h2 {
	color: #fff;
}
#home-questions strong {
	color: #fff;
}
#home-questions .column:before {
	background: #f39d00;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px;
	border-radius: 999px;
	content: ' ';
	display: block;
	height: 74px;
	margin: 0 auto 20px auto;
	width: 74px;
}
#home-questions .column:nth-child(1):before {
	background-image: url(../img/bullet-cash-rcv.png);
}
#home-questions .column:nth-child(2):before {
	background-image: url(../img/bullet-optimize.png);
}
#home-questions .column:nth-child(3):before {
	background-image: url(../img/bullet-businessman.png);
}

/* For devices smaller than 750px */
@media (max-width: 750px) {
#home-services .row {
	display: block;
}
#home-services .column:not(:last-child) {
	margin-bottom: 80px;
}}

/*************************************************************************************************/
/** About us *************************************************************************************/
/*************************************************************************************************/

#eurofides-presentation .definition {
	border: 15px solid #fff;
	border-image: url(../img/definition-border.png) 34% repeat;
	color: #9b9c9e;
	font-style: italic;
	line-height: 1.7em;
	padding: 15px 9px 9px 9px;
	text-align: justify;
}
#eurofides-presentation .definition strong {
	color: #58585a;
	float: left;
	font-family: Times New Roman;
	font-size: 32px;
	font-style: italic;
	margin: -6px 0 0 -6px;
}
#eurofides-experience {
	background: #f4f4f6;
}
#eurofides-experience h3 {
	color: #f39d00;
}
#eurofides-experience .column:before {
	background: #f39d00;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px;
	border-radius: 999px;
	content: ' ';
	display: block;
	height: 64px;
	margin: 0 auto 10px auto;
	width: 64px;
}
#eurofides-experience .column:nth-child(1):before {
	background-image: url(../img/bullet-experience.png);
}
#eurofides-experience .column:nth-child(2):before {
	background-image: url(../img/bullet-leadership.png);
}
#eurofides-experience .column:nth-child(3):before {
	background-image: url(../img/bullet-dynamism.png);
}
#eurofides-experience .column:nth-child(4):before {
	background-image: url(../img/bullet-security.png);
}
#eurofides-references .row  {
	margin: 0 auto;
	width: 80%;
}
#eurofides-references .row img {
	padding: 0 30px;
}
#eurofides-services {
	background: #58585a;
}
#eurofides-services h2, #eurofides-services h3 {
	color: #fff;
}
#eurofides-services span {
	background: #f4f4f6;
	background-size: 180px 180px !important;
	border-radius: 999px;
	display: block;
	height: 180px;
	margin: 0 auto 20px auto;
	width: 180px;
}
#eurofides-services .columns:nth-child(1) span {
	background: url(../img/rec-amiable.jpg) center no-repeat;
}
#eurofides-services .columns:nth-child(2) span {
	background: url(../img/autres-services.jpg) center no-repeat;
}
#eurofides-services  a {
	border-radius: 999px;
	border: 2px solid #f39d00;
	color: #f39d00;
	display: inline-block;
	font-family: 'Roboto Condensed';
	padding: 5px 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.no-touch #eurofides-services  a:hover {
	background: #f39d00;
	color: #fff;
}

/*************************************************************************************************/
/** Jobs *****************************************************************************************/
/*************************************************************************************************/

#jobs-offers h3 {
	margin-bottom: 10px;
}
#jobs-offers a {
	border-radius: 999px;
	border: 2px solid #f39d00;
	color: #f39d00;
	display: inline-block;
	font-family: 'Roboto Condensed';
	margin: 5px;
	padding: 5px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 180px;
}
.no-touch #jobs-offers a:hover {
	background: #f39d00;
	color: #fff;
}
#jobs-application {
	background: #f4f4f6 url('../img/jobs-bg.jpg') fixed;
	background-size: cover;
	border-top: 1px solid #e6e7eb;
}
a.submit {
	border-radius: 999px;
	border: 2px solid #f39d00;
	color: #f39d00;
	display: inline-block;
	font-family: 'Roboto Condensed';
	font-size: 1.8rem;
	margin-top: 10px;
	padding: 5px 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.no-touch a.submit:hover {
	background: #f39d00;
	color: #fff;
}
.form-required:after {
	color: #f39d00;
	content: '*';
	font-weight: bold;
	margin-left: 5px;
}
.form-required.mandatory:lang(fr):after {
	color: #f00;
	content: '* Champ obligatoire';
}
.form-required.mandatory:lang(nl):after {
	color: #f00;
	content: '* Verplicht veld';
}
.form-required.invalid:lang(fr):after {
	color: #f00;
	content: '* Champ invalide';
}
.form-required.invalid:lang(nl):after {
	color: #f00;
	content: '* Ongeldig veld';
}
.form_error span {
	background: #f00;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin-bottom: 50px;
	padding: 10px 20px;
}
.form-success span {
	background: #1cb841;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin-bottom: 50px;
	padding: 10px 20px;
}
form#jobs .file-select {
	border: 1px solid #e6e7eb;
	border-radius: 3px;
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
}
form#jobs .file-select span {
	display: block;
}
form#jobs .file-select a {
	color: #f39d00;
	font-family: 'Roboto Condensed';
	font-size: 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
}
form#jobs .file-select a:hover {
	text-decoration: underline;
}

/*************************************************************************************************/
/** Contact **************************************************************************************/
/*************************************************************************************************/

#contact-information h3 {
	color: #f39d00;
	margin-bottom: 30px;
}
#contact-information strong {
	color: #9b9c9e;
}
#contact-information a {
	text-decoration: none;
}
#contact-information a:hover {
	text-decoration: underline;
}
#contact-information a.social {
	background-size: 32px 32px !important;
	display: inline-block;
	height: 32px;
	margin: 0 5px;
	width: 32px;
}
#contact-information a.social:hover {
	text-decoration: none;
}
#contact-information a.social.linkedin {
	background: url(../img/linkedin-top.png) no-repeat;
}
#contact-information a.social.twitter {
	background: url(../img/twitter-top.png) no-repeat;
}
#contact-information a.social.google {
	background: url(../img/google-top.png) no-repeat;
}
#map-canvas {
	height: 400px;
}
#questions-container {
	margin: 20px 0;
}
#questions-container .row {
	display: none;
}

/* For devices smaller than 1000px */
@media (max-width: 1000px) {
#contact-information {
	border-top: 1px solid #e6e7eb;
	margin: 10px 0 0 0;
	padding-top: 60px;
	width: 100%;
}
#contact-form {
	margin-bottom: 60px;
	width: 100%;
}}

/* For devices smaller than 550px */
@media (max-width: 550px) {
#questions-container label.radio:after {
	content : '\A';
	white-space: pre;
}}

/*************************************************************************************************/
/** Services **************************************************************************************/
/*************************************************************************************************/

#content-container [id^=services-item-] .columns {
	position: relative;
}
#content-container [id^=services-item-] span.image {
	background: #f4f4f6;
	background-size: 236px 236px !important;
	border-radius: 999px;
	display: block;
	height: 236px;
	position: relative;
	width: 236px;
}
#content-container [id^=services-item-] span.image {
	background: #f4f4f6;
	background-size: 236px 236px !important;
	border-radius: 999px;
	display: block;
	height: 236px;
	position: relative;
	width: 236px;
}
#content-container [id^=services-item-] span.image.friendly {
	background: url(../img/rec-amiable.jpg) center no-repeat;
}
#content-container [id^=services-item-] span.image.judicial {
	background: url(../img/rec-judiciaire.jpg) center no-repeat;
}
#content-container [id^=services-item-] span.image.precautionary-labels {
	background: url(../img/precautionary-labels.jpg) center no-repeat;
}
#content-container [id^=services-item-] span.image.financial-information {
	background: url(../img/financial-information.jpg) center no-repeat;
}
#content-container [id^=services-item-] span.image.debts-redemption {
	background: url(../img/debts-redemption.jpg) center no-repeat;
}
#content-container [id^=services-item-] span.image.schedule-management {
	background: url(../img/schedule-management.jpg) center no-repeat;
}
#content-container [id^=services-item-] span.image.call-collect {
	background: url(../img/call-collect.jpg) center no-repeat;
}
#content-container [id^=services-item-] span.image.legal-advice {
	background: url(../img/legal-advice.jpg) center no-repeat;
}
#content-container [id^=services-item-] span.image.all-inclusive {
	background: url(../img/all-inclusive.jpg) center no-repeat;
}
#content-container [id^=services-item-] h3 {
	color: #f39d00;
	font-style: italic;
	margin-bottom: 30px;
}
#content-container [id^=services-item-]:nth-child(2) {
	border-top: 1px solid #e6e7eb;
}
#content-container [id^=services-item-] ul.timeline {
	background: url(../img/timeline-bg.png) center repeat-y;
	background-size: 2px;
	width: 200px;
}
#content-container [id^=services-item-] ul.timeline.dotted {
	background-image: url(../img/timeline-dotted-bg.png);
	position: absolute;
	height: 1500px;
	right: 0;
	z-index: -1;
}
#content-container [id^=services-item-] ul.timeline li {
	background: none;
	margin-bottom: 30px;
	padding: 0;
	text-align: center;
}
#content-container [id^=services-item-] ul.timeline li:last-child {
	margin-bottom: 0;
}
#content-container [id^=services-item-] ul.timeline li .icon {
	background: #f39d00;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	border-radius: 999px;
	height: 48px;
	margin: 10px auto 0 auto;
	width: 48px;
}
#content-container [id^=services-item-] ul.timeline li .icon.letter {
	background-image: url(../img/bullet-letter.png);
}
#content-container [id^=services-item-] ul.timeline li .icon.phone {
	background-image: url(../img/bullet-phone.png);
}
#content-container [id^=services-item-] ul.timeline li .icon.businessman {
	background-image: url(../img/bullet-businessman.png);
}
#content-container [id^=services-item-] ul.timeline li .icon.mail {
	background-image: url(../img/bullet-mail.png);
}
#content-container [id^=services-item-] ul.timeline li .icon.handshake {
	background-image: url(../img/bullet-handshake.png);
}
#content-container [id^=services-item-] ul.timeline li strong {
	background: #f4f4f6;
	display: block;
	font-weight: bold;
	padding: 10px;
}
#content-container [id^=services-item-] ul.timeline li em {
	background: url(../img/timeline-arrow.png) center no-repeat;
	background-size: 8px 4px;
	display: block;
	height: 4px;
	width: 8px;
	margin: 0 auto;
}
#content-container [id^=services-item-] ul.timeline li span {
	background: #fff;
	color: #f39d00;
	display: inline-block;
	padding: 5px 0;
}
#content-container [id^=services-item-] ul.timeline li span.title {
	border-bottom: 2px solid #f39d00;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#content-container [id^=services-item-] ul.services li {
	background: none;
	margin-bottom: 30px;
	padding: 0;
	text-align: center;
}
#content-container [id^=services-item-] ul.services li a {
	text-decoration: none;
}
.no-touch #content-container [id^=services-item-] ul.services li a:hover {
	color: #58585a;
}
.no-touch #content-container [id^=services-item-] ul.services li a:hover span {
	background-color: #58585a;
}
#content-container [id^=services-item-] ul.services li .icon {
	background: #f39d00;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	border-radius: 999px;
	display: block;
	height: 48px;
	margin: 0 auto 10px auto;
	width: 48px;
}
#content-container [id^=services-item-] ul.services li .icon.zoom {
	background-image: url(../img/bullet-zoom.png);
}
#content-container [id^=services-item-] ul.services li .icon.calendar {
	background-image: url(../img/bullet-calendar.png);
}
#content-container [id^=services-item-] ul.services li .icon.warning {
	background-image: url(../img/bullet-warning.png);
}
#content-container [id^=services-item-] ul.services li .icon.phone {
	background-image: url(../img/bullet-phone.png);
}
#content-container [id^=services-item-] ul.services li .icon.refresh {
	background-image: url(../img/bullet-refresh.png);
}
#content-container [id^=services-item-] ul.services li .icon.medic {
	background-image: url(../img/bullet-medic.png);
}
#content-container [id^=services-item-] ul.services li .icon.law {
	background-image: url(../img/bullet-law.png);
}
#content-container [id^=services-item-] ul.services li .icon.box {
	background-image: url(../img/bullet-box.png);
}
#content-container [id^=services-item-] .intro {
	color: #f39d00;
	font-size: 1.4rem;
	margin-bottom: 40px;
}
#content-container [id^=services-item-] .intro.grey {
	color: #9b9c9e;
}
#services-other {
	background: #58585a;
	color: #fff;
}
#services-other h2 {
	color: #fff;
}
#services-other h3 {
	color: #fff;
	margin-bottom: 5px;
}
#services-other span {
	background: #f39d00;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px;
	border-radius: 999px;
	display: block;
	font-family: 'Roboto Condensed';
	font-size: 2rem;
	font-weight: bold;
	height: 74px;
	margin: 0 auto 10px auto;
	width: 74px;
}
#services-other .columns.zoom span {
	background-image: url(../img/bullet-zoom.png);
}
#services-other .columns.calendar span {
	background-image: url(../img/bullet-calendar.png);
}
#services-other .columns.warning span {
	background-image: url(../img/bullet-warning.png);
}
#services-other .columns.phone span {
	background-image: url(../img/bullet-phone.png);
}
#services-other .columns.refresh span {
	background-image: url(../img/bullet-refresh.png);
}
#services-other .columns.medic span {
	background-image: url(../img/bullet-medic.png);
}
#services-other .columns.law span {
	background-image: url(../img/bullet-law.png);
}
#services-other .columns.box span {
	background-image: url(../img/bullet-box.png);
}
#services-other a {
	color: #f39d00;
	font-family: 'Roboto Condensed';
	margin: 5px;
	text-decoration: none;
	text-transform: uppercase;
}
.no-touch #services-other a:hover {
	text-decoration: underline;
}
#services-other .active {
	opacity: .5;
}
#services-other .active a {
	color: #9b9c9e;
}
#services-other .active span {
	background-color: #9b9c9e;
}

/* For devices smaller than 1000px */
@media (max-width: 1000px) {
#content-container [id^=services-item-] span {
	margin-left: auto;
	margin-right: auto;
}
#content-container [id^=services-item-] .columns {
	margin-bottom: 40px;
	margin-left: 0;
	width: 100%;
}
#content-container [id^=services-item-] .columns:nth-child(1) {
	margin-bottom: 60px;
}
#content-container [id^=services-item-] .columns:nth-child(2) {
	margin-bottom: 0;
	width: 48%;
}
#content-container [id^=services-item-] .columns:nth-child(3) {
	margin-bottom: 0;
	width: 48%;
}
#content-container [id^=services-item-] .columns:last-child {
	margin-bottom: 0;
}}

/* For devices smaller than 550px */
@media (max-width: 550px) {
#content-container [id^=services-item-] .columns:nth-child(2) {
	width: 100%;
}
#content-container [id^=services-item-] .columns:nth-child(3) {
	display: none;
}}

/*************************************************************************************************/
/** News *****************************************************************************************/
/*************************************************************************************************/

#news-container {
	min-height: 500px;
}
#news-container h2 {
	color: #f39d00;
	font-size: 1.8rem;
	margin-bottom: 10px !important;
	text-align: left !important;
}
#news-container .post-date {
	background: url(../img/calendar.png) 0 2px no-repeat;
	background-size: 14px;
	color: #9b9c9e;
	margin-bottom: 20px;
	padding-left: 21px;
}
#news-container .meta {
	min-height: 120px;
}
#news-container .meta.preview {
	padding-left: 150px;
	position: relative;
}
#news-container .meta.preview .img {
	background: #f4f4f6 no-repeat center;
	background-size: cover;
	border-radius: 999px;
	height: 120px;
	left: 0;
	position: absolute;
	width: 120px;
}
#news-container .meta.preview .text {
	margin-bottom: 15px;
}
#news-container .meta.article .img {
	background: #f4f4f6 no-repeat center;
	background-size: cover;
	border-radius: 5px;
	height: 250px;
	margin-bottom: 30px;
	width: 100%;
}
#news-container .meta.article .share-links {
	height: 22px;
	margin-bottom: 30px;
}
#news-container .meta.article .share-links span {
	height: 22px;
}
#news-container .meta.article .text {
	margin-bottom: 30px;
}
#news-container .meta.article .text li {
	margin-bottom: 5px;
}
#news-container .meta.article .gallery {
	margin-bottom: 30px;
}
#news-container .meta.article .gallery a {
	background: #f4f4f6 no-repeat center;
	background-size: cover;
	border-radius: 5px;
	display: block;
	height: 100px;
	float: left;
	margin: 0 15px 15px 0 ;
	padding: 0;
	width: 100px;
}
#news-container a.btn {
	border-radius: 999px;
	border: 2px solid #f39d00;
	color: #f39d00;
	display: inline-block;
	font-family: 'Roboto Condensed';
	padding: 5px 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.no-touch #news-container a.btn:hover {
	background: #f39d00;
	color: #fff;
}

/* For devices smaller than 500px */
@media (max-width: 500px) {
#news-container .meta.preview {
	padding: 150px 0 0 0;
}
#news-container .meta.preview .img {
	margin-top: -140px;
}}

/*************************************************************************************************/
/** Team *****************************************************************************************/
/*************************************************************************************************/

#content-container [id^=team-]:nth-child(even) {
	background: #f4f4f6;
}
#content-container [id^=team-] h3 {
	font-size: 1.8rem;
	margin-bottom: 40px;
}
#content-container [id^=team-] h4 {
	color: #f39d00;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}
#content-container [id^=team-] span {
	color: #9b9c9e;
	margin-right: 10px;
}
#content-container [id^=team-] a.bullet {
	background: #f39d00;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	border-radius: 999px;
	display: inline-block;
	height: 48px;
	margin: 10px 5px 0 5px;
	width: 48px;
}
#content-container [id^=team-] a.mail {
	background-image: url(../img/bullet-mail.png);
}
#content-container [id^=team-] a.linkedin {
	background-color: #0177b5;
	background-image: url(../img/bullet-linkedin.png);
}

/* For devices smaller than 750px */
@media (max-width: 750px) {
#content-container [id^=team-] .columns.empty {
	display: none;
}}


/*************************************************************************************************/
/** Modal ****************************************************************************************/
/*************************************************************************************************/

#modal-container {
	background: rgba(255,255,255,.5);
	display: none;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 2000;
}
#modal-container table {
	border: 0;
	height: 100%;
	margin: auto;
}
#modal {
	background: #fff;
	border: 1px solid #e6e7eb;
	box-shadow: 0 5px 2px rgba(0,0,0,0.1);
}
#modal-loader {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 999px;
	color: #9b9c9e;
	height: 70px;
	text-align: center;
	width: 70px;
}
#modal-loader span {
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 70px;
	width: 70px;
}
#modal-content {
	padding: 30px;
	text-align: center;
}
#modal-close {
	background: url(../img/modal-close.png) no-repeat center;
	background-size: 16px;
	display: none;
	float: right;
	height: 20px;
	margin: 10px 10px 0 0;
	text-decoration: none;
	width: 20px;
}
#modal form strong {
	color: #f39d00;
}
#modal form a.btn {
	background: #fff;
	border: 2px solid #f39d00;
	border-radius: 999px;
	color: #f39d00;
	display: inline-block;
	font-family: 'Roboto Condensed';
	padding: 5px 30px;
	text-decoration: none;
	text-transform: uppercase;
}
.no-touch #modal form a.btn:hover {
	background: #f39d00;
	color: #fff;
}
#modal form#folder-download:before {
	content: ' ';
	background: #f39d00 url(../img/bullet-download.png) no-repeat center;
	background-size: 32px;
	border-radius: 999px;
	display: block;
	height: 64px;
	width: 64px;
	margin: 0 auto 20px auto;
}

/*************************************************************************************************/
/** Footer ***************************************************************************************/
/*************************************************************************************************/

footer {
	background: #f4f4f6;
}
footer > .container {
	padding-bottom: 60px;
	padding-top: 60px;
}
footer .columns .left:nth-child(2) {
	margin-right: 50px;
}
footer strong {
	display: block;
	font-size: 1.3rem;
	margin-bottom: 20px;
	text-transform: uppercase;
}
footer span {
	display: block;
	margin: 6px 0;
}
footer span:last-child {
	margin-bottom: 0;
}
footer em {
	color: #f39d00;
	text-transform: uppercase;
}
footer ul li {
	display: block;
	line-height: 1.8em;
	margin: 0;
	width: 100%;
}
footer ul li span {
	display: inline;
	margin: 0 0 0 20px;
}
footer .copyright {
	background: #58585a;
	color: #9b9c9e;
	padding: 15px 0;
}
footer .copyright a {
	color: #b6b7b9;
	text-decoration: none;
}
footer .copyright a:hover {
	text-decoration: underline;
}
footer .copyright span {
	display: block;
	margin: 0;
}
footer .links {
	margin-top: 20px;
}
footer .links a {
	display: block;
	float: left;
	margin-right: 10px;
	line-height: 0;
}
footer .links a img {
	height: 40px;
}

/* For devices smaller than 750px */
@media (max-width: 750px) {
footer .seven.columns {
	width: 100%;
	margin-bottom: 0;
}
footer .five.columns {
	display: none;
	margin-left: 0;
	width: 100%;
}}

/* For devices smaller than 550px */
@media (max-width: 550px) {
footer .copyright {
	line-height: 70px;
	padding: 0;
}
footer .copyright span {
	display: none;
}}