/*
Template Name: HTML Construction Template
Colors:
Body 		: #64728A
Headers 	: #1F2733
Primary 	: #FEDD00
Dark     	: #1F2733
Grey 		: #2B2B2B #EEE

Fonts: Poppins

Table OF Contents
------------------------------------
1 > General
2 > Logo
3 > Navigation
4 > Home
5 > About
6 > Numbers
7 > Portfolio
8 > Services
9 > Pricing
10 > Testimonial
11 > Partners
12 > Blog
13 > Blog post
14 > Blog sidebar
15 > Footer
16 > Responsive
17 > Accordion
18 > Owl theme
19 > Preloader
20 > Maps
------------------------------------*/
/*------------------------------------*\
	General
\*------------------------------------*/
/* --- typography --- */
@font-face {
    font-family: Orkney_R;
    src: url("../fonts/Orkney_Regular.woff");
}
@font-face {
    font-family: Orkney_L;
    src: url("../fonts/Orkney_Light.woff");
}
@font-face {
    font-family: Orkney_B;
    src: url(../fonts/Orkney_Bold.woff);
}
@font-face {
    font-family: Orkney_I;
    src: url("../fonts/Orkney_Italic.woff");
}
body {
    font-family: 'Orkney_R', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #64728A;
    letter-spacing: 0.3px;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    color: #1F2733;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
}
h1 {
    font-size: 35px;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 16px;
}
a {
    color: #1F2733;
    text-decoration: none;
}
a:hover, a:focus {
    color: #1F2733;
    text-decoration: none;
    outline: none
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none
}
.white-text {
    color: #FFF;
}
/* --- Section --- */
.section {
    position: relative;
}
.md-section {
    padding-top: 45px;
    padding-bottom: 45px;
}
.sm-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.xs-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
/* --- Background Section --- */
.bg-main {
    background-color: #FEDD00;
}
.bg-grey {
    background-color: #2B2B2B;
    color: #BBB;
}
.bg-dark {
    background-color: #1F2733;
    color: #BBB;
}
/* --- Background Image Section --- */
.bg-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.bg-img.bg-half {
    width: 50%;
    background-attachment: scroll;
}
.bg-img.bg-half.bg-right {
    left: 50%;
}
.bg-img.overlay:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.7;
}
.bg-img.overlay:after {
    background-color: #FFF;
}
.bg-img.bg-half.overlay:after {
    display: none;
}
@media only screen and (max-width: 991px) {
    .bg-img.bg-half.overlay:after {
        display: block;
    }
    .bg-img.bg-half {
        width: 100%;
    }
    .bg-img.bg-half.bg-right {
        left: 0%;
    }
}
/* --- Section Header --- */
.section-header {
    margin-bottom: 60px;
}
.title {
    position: relative;
    padding-left: 15px;
    color: white;
}
.title-black {
    color: #2b2b2b !important;
}
.text-center .title {
    display: inline-block;
}
.title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    background-color: #FEDD00;
}
.sub-title {
    color: #fbfef2;
    margin-bottom: 0;
}
.sub-title-black {
    color: #2b2b2b !important;
}
/* --- Buttons --- */
.main-button, .secondary-button {
    display: inline-block;
    position: relative;
    padding: 10px 30px;
    border: 1px solid transparent;
    z-index: 1;
}
.main-button {
    background-color: #1F2733;
    color: #FFF;
}
.secondary-button {
    background-color: #FEDD00;
    color: #1F2733;
}
.main-button:after, .secondary-button:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 0%;
    -webkit-transition: 0.2s height;
    transition: 0.2s height;
    z-index: -1;
}
.main-button:after {
    background-color: #FEDD00;
}
.secondary-button:after {
    background-color: #1F2733;
}

.main-button:hover:after, .secondary-button:hover:after {
    height: 100%;
}
.main-button:hover {
    color: #1F2733;
}
.main-button:focus {
    color: #FFF;
}
.secondary-button:hover {
    color: #FFF;
}
/* --- Text Link --- */
.text-link > span {
    position: relative;
    z-index: 1;
}
.text-link:hover > span {
    color: #1F2733;
}
.text-link > span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #FEDD00;
    z-index: -1;
    -webkit-transition: 0.2s height;
    transition: 0.2s height;
}
.text-link:hover > span:after {
    height: 100%;
}
/* --  Input  -- */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="url"], input[type="tel"], textarea {
    height: 40px;
    width: 100%;
    border: 1px solid #64728A;
    background: transparent;
    padding-left: 15px;
    padding-right: 15px;
}
textarea {
    padding: 10px 15px;
    min-height: 90px;
    resize: vertical;
}
/*------------------------------------*\



	Logo



\*------------------------------------*/
.navbar-brand {
    padding: 0;
}
.navbar-brand .logo {
    display: inline-block;
    margin-top: 5px;
}
.navbar-brand .logo > img {
    max-height: 40px;
}
/*------------------------------------*\



	Navigation



\*------------------------------------*/
#header {
    position: relative;
    z-index: 10;
}
#header .navbar {
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
}
#header .nav li a:hover, #header .nav li a:focus {
    background-color: transparent;
}
/* --- Top Navigation --- */
#top-navbar {
    background-color: #1F2733;
}
#top-navbar .nav li a {
    color: #FFF;
}
#top-navbar .nav li a i {
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 30px;
    color: #FEDD00;
    border: 2px solid #FEDD00;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 14px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}
#top-navbar .nav li a:hover i {
    background-color: #FEDD00;
    color: #1F2733;
}
/* --- Main Navigation --- */
#main-navbar {
    background-color: #FFF;
}
#main-navbar.fixed-navbar {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 10;
}
/* --- Default Dropdown --- */
@media only screen and (min-width: 768px) {
    .has-dropdown {
        position: relative;
    }
    .has-dropdown:after {
        font-family: 'FontAwesome';
        content: "\f0d7";
        -webkit-transition: 0.2s -webkit-transform;
        transition: 0.2s -webkit-transform;
        transition: 0.2s transform;
        transition: 0.2s transform, 0.2s -webkit-transform;
        position: absolute;
        right: 5px;
        font-size: 10px;
        color: #1F2733;
        top: 15px;
    }
    .dropdown {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
        position: absolute;
        width: 250px;
        background-color: #FFF;
        border: 1px solid #EEE;
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
    }
    .main-navbar > .has-dropdown > .dropdown .dropdown {
        top: 0px;
        left: 100%;
    }
    .has-dropdown:hover > .dropdown {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    .dropdown li {
        border-bottom: 1px solid #EEE;
    }
    .dropdown li:nth-last-child(1) {
        border-bottom: 0px;
    }
    .dropdown li a {
        display: block;
        padding: 10px 10px;
        -webkit-transition: 0.2s -webkit-transform;
        transition: 0.2s -webkit-transform;
        transition: 0.2s transform;
        transition: 0.2s transform, 0.2s -webkit-transform;
    }
    .dropdown li a:hover {
        -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px);
        -webkit-box-shadow: -4px 0px 0px 0px #FEDD00;
        box-shadow: -4px 0px 0px 0px #FEDD00;
    }
}
/* --- Mobile Nav --- */
@media only screen and (max-width: 767px) {
    #main-navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .main-navbar {
        margin: 0px -15px;
        border-top: 1px solid #EEE;
        max-height: 0;
        overflow-y: scroll;
        -webkit-transition: 0.3s max-height;
        transition: 0.3s max-height;
    }
    .main-navbar li {
        border-bottom: 1px solid #EEE;
    }
    .main-navbar.main-navbar-collapsed {
        max-height: 500px;
    }
    /* Mobile Dropdown */
    .has-dropdown {
        position: relative;
    }
    .has-dropdown:after {
        font-family: 'FontAwesome';
        content: "\f067";
        position: absolute;
        right: 10px;
        font-size: 10px;
        color: #1F2733;
        top: 10px;
    }
    .has-dropdown.dropdown-collapsed:after {
        content: "\f068";
    }
    .has-dropdown.dropdown-collapsed > .dropdown {
        display: block;
    }
    .dropdown {
        display: none;
        margin: 0px 15px 15px;
        border: 1px solid #EEE;
    }
    .dropdown li:nth-last-child(1) {
        border-bottom: 0px;
    }
    .dropdown li a {
        display: block;
        padding: 10px 10px;
        -webkit-transition: 0.2s -webkit-transform;
        transition: 0.2s -webkit-transform;
        transition: 0.2s transform;
        transition: 0.2s transform, 0.2s -webkit-transform;
    }
    .dropdown li a:hover {
        -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px);
        -webkit-box-shadow: -4px 0px 0px 0px #FEDD00;
        box-shadow: -4px 0px 0px 0px #FEDD00;
    }
}
/* --- Navbar Mobile Toggle --- */
@media only screen and (min-width: 768px) {
    .navbar-toggle-btn {
        display: none !important;
    }
}
.navbar-toggle-btn {
    position: relative;
    display: block;
    width: 50px;
    float: right;
    height: 50px;
    background: transparent;
    border: none;
}
.navbar-toggle-btn span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    -webkit-transition: 0.2s background;
    transition: 0.2s background;
}
.navbar-toggle-btn span:after, .navbar-toggle-btn span:before {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s -webkit-transform;
    transition: 0.2s -webkit-transform;
    transition: 0.2s transform;
    transition: 0.2s transform, 0.2s -webkit-transform;
}
.navbar-toggle-btn span, .navbar-toggle-btn span:after, .navbar-toggle-btn span:before {
    height: 4px;
    width: 30px;
    background-color: #1F2733;
}
.navbar-toggle-btn span:before {
    top: -10px;
}
.navbar-toggle-btn span:after {
    top: 10px;
}
.navbar-toggle-btn.toggle-btn-collapsed span {
    background: transparent;
}
.navbar-toggle-btn.toggle-btn-collapsed span:before {
    -webkit-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}
.navbar-toggle-btn.toggle-btn-collapsed span:after {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}
/* --- Navbar Search --- */
.navbar-search {
    position: relative;
    float: right;
    margin-left: 15px;
}
.navbar-search .search-btn {
    border: none;
    background: transparent;
    padding: 15px 10px;
    line-height: 20px;
    color: #1F2733;
}
.navbar-search .search-form {
    display: none;
    position: absolute;
    width: 250px;
    background: #FFF;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    padding: 15px 10px;
    border: 1px solid #EEE;
}
.navbar-search .search-form form input {
    width: 100%;
}
.navbar-search:hover .search-form {
    display: block;
}
.search-toggle-btn {
    display: none;
    float: right;
    width: 50px;
    line-height: 50px;
    font-size: 24px;
    background: transparent;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-bottom: 0px;
    border-top: 0px;
    color: #1F2733;
}
@media only screen and (max-width: 767px) {
    .navbar-search .search-btn {
        display: none;
    }
    .search-toggle-btn {
        display: block;
    }
    .navbar-search {
        float: none;
        margin: 0px -15px;
    }
    .navbar-search .search-form {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
        border-top: 1px solid #EEE;
    }
    .navbar-search.navbar-search-collapsed .search-form {
        display: block;
    }
}
/*------------------------------------*\



	Home



\*------------------------------------*/
.banner-area {
    position: relative;
}
#home .home-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.page-wrapper {
    position: relative;
    z-index: 1;
}
.page-wrapper .breadcrumb {
    background: transparent;
    margin-bottom: 0px;
}
.page-wrapper .breadcrumb .breadcrumb-item.active {
    color: #64728A;
}
.page-wrapper .breadcrumb > li + li:before {
    color: #64728A;
}
#page-header .bg-img {
    background-attachment: scroll;
}
#acquisition .bg-img {
    background-image: url('../img/illus_acquisition.jpg');
}
#acquisition ul {
    list-style: square;
    padding-left: 40px;
}
#cession .bg-img {
    background-image: url('../img/illus_cession.jpg');
}
#cession ul {
    list-style: square;
    padding-left: 40px;
}
#valorisation .bg-img {
    background-image: url('../img/illus_valorisation.jpg');
}
#conseil .bg-img {
    background-image: url('../img/illus_conseil.jpg');
}
#conseil ul {
    list-style: square;
    padding-left: 40px;
}
/*------------------------------------*\



	About



\*------------------------------------*/
.about {
    margin-top: 15px;
    margin-bottom: 15px;
}
.about > img {
    width: 100%;
    border-bottom: 4px solid #FEDD00;
}
/*------------------------------------*\



	Numbers



\*------------------------------------*/
.number {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 70px;
}
.number i {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    color: #1F2733;
    text-align: center;
}
.number h3 {
    font-size: 28px;
    margin-bottom: 0px;
}
.number span {
    color: #1F2733;
}
/*------------------------------------*\



	Portfolio



\*------------------------------------*/
#portfolio {
    padding-bottom: 0px;
}
.portfolio .portfolio-img {
    position: relative;
    -webkit-transition: 0.2s -webkit-transform;
    transition: 0.2s -webkit-transform;
    transition: 0.2s transform;
    transition: 0.2s transform, 0.2s -webkit-transform;
}
.portfolio .portfolio-img > img {
    width: 100%;
}
.portfolio:hover .portfolio-img {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}
.portfolio .portfolio-links {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    z-index: 2;
    opacity: 0;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}
.portfolio .portfolio-links a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #1F2733;
    background-color: #FEDD00;
}
.portfolio:hover .portfolio-links {
    opacity: 1;
}
.portfolio .portfolio-links a:hover {
    opacity: 0.9;
}
.portfolio .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: #1F2733;
    opacity: 0;
    z-index: 1;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}
.portfolio:hover .overlay {
    opacity: 0.8;
}
.portfolio .portfolio-content {
    position: absolute;
    bottom: 4px;
    left: 0px;
    right: 0px;
    border-top: 4px solid #FEDD00;
    padding: 15px;
    background: #1F2733;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 2;
    -webkit-transition: 0.2s -webkit-transform;
    transition: 0.2s -webkit-transform;
    transition: 0.2s transform;
    transition: 0.2s transform, 0.2s -webkit-transform;
}
.portfolio .portfolio-content h3 {
    color: #FFF;
    margin-bottom: 10px;
}
.portfolio .portfolio-content span {
    color: #FEDD00;
    text-transform: uppercase;
}
.portfolio:hover .portfolio-content {
    -webkit-transform: translateY(calc(0% + 4px));
    -ms-transform: translateY(calc(0% + 4px));
    transform: translateY(calc(0% + 4px));
}
.view-all-portfolio {
    text-align: center;
    margin-top: 60px;
}
/*------------------------------------*\



	Services



\*------------------------------------*/
.service {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-transition: 0.2s -webkit-box-shadow;
    transition: 0.2s -webkit-box-shadow;
    transition: 0.2s box-shadow;
    transition: 0.2s box-shadow, 0.2s -webkit-box-shadow;
}
.service i {
    position: absolute;
    left: 0;
    top: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    color: #FEDD00;
    text-align: center;
}
.service .service-content {
    padding: 15px 15px 15px 70px;
}
.service:hover {
    -webkit-box-shadow: 0px 0px 10px 3px #EEE;
    box-shadow: 0px 0px 10px 3px #EEE;
}
/*------------------------------------*\



	Testimonial



\*------------------------------------*/
.testimonial .testimonial-quote {
    position: relative;
    margin-bottom: 30px;
    padding-top: 45px;
    text-align: center;
}
.testimonial .testimonial-quote:before {
    content: "\f10d";
    left: 50%;
    top: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    font-family: 'FontAwesome';
    position: absolute;
    color: #1F2733;
    font-size: 35px;
}
.testimonial .testimonial-meta {
    text-align: center;
    margin-bottom: 15px;
}
.testimonial .testimonial-meta h3 {
    margin-bottom: 5px;
}
.testimonial .testimonial-meta span {
    text-transform: uppercase;
}
/*------------------------------------*\



	Partners



\*------------------------------------*/
.partner {
    display: block;
    border: 2px solid transparent;
}
.partner:hover {
    border-color: #FEDD00;
}
.partner > img {
    width: 100%;
}
/*------------------------------------*\



	Mandat Map



\*------------------------------------*/
.mandats-map {
    margin-top: 15px;
    margin-bottom: 15px;
}
.mandats-map .blog-img {
    position: relative;
    border-bottom: 4px solid #FEDD00;
    min-height: 210px;
}
.mandats-map .blog-img a > img {
    width: 100%;
}
.mandats-map .blog-meta {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
}
.mandats-map .blog-meta li {
    display: inline-block;
    font-size: 14px;
}
.blog {
    margin-top: 15px;
    margin-bottom: 15px;
}
.blog .blog-img {
    position: relative;
    border-bottom: 4px solid #FEDD00;
    min-height: 210px;
}
.blog .blog-img > a > img {
    width: 100%;
}
.blog .blog-meta {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
}
.blog .blog-meta li {
    display: inline-block;
    font-size: 14px;
}
.cat {
    padding: 8px;
    background-color: rgba(247, 247, 247, 1);
    cursor: pointer;
}
.cat h4 {
    display: inline;
}
.cat i {
    position: absolute;
    right: 25px;
}
/*------------------------------------*\



	Blog sidebar



\*------------------------------------*/
#aside .widget {
    margin-top: 30px;
    margin-bottom: 30px;
}
#aside .widget:nth-child(1) {
    margin-top: 15px;
}
#aside .widget:nth-last-child(1) {
    margin-bottom: 15px;
}
/* -- category sidebar -- */
.widget-category a {
    display: block;
    padding: 1px 10px;
    border: 1px solid #EEE;
    margin: 2px 0;
    color: #64728A;
    font-size: 14px;
    -webkit-transition: 0.2s color, 0.2s -webkit-transform;
    transition: 0.2s color, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s color;
    transition: 0.2s transform, 0.2s color, 0.2s -webkit-transform;
}
.widget-category a span {
    float: right;
}
.widget-category a:hover {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
    color: #1F2733;
    -webkit-box-shadow: -4px 0px 0px 0px #FEDD00;
    box-shadow: -4px 0px 0px 0px #FEDD00;
    border-left: #FEDD00;
}
/* -- posts sidebar -- */
.widget-post {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EEE;
}
.widget-post:nth-last-child(1) {
    border-bottom: 0px;
}
.widget-post > a {
    position: relative;
    display: block;
    min-height: 60px;
    margin-bottom: 5px;
}
.widget-post > a > span {
    display: inline-block;
}
.widget-post .blog-meta li {
    display: inline-block;
    font-size: 12px;
}
/* -- tags sidebar -- */
.widget-tags a {
    display: inline-block;
    padding: 3px 10px;
    font-size: 14px;
    margin: 2px 0px;
    border: 1px solid #EEE;
    color: #64728A;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}
.widget-tags a:hover {
    color: #1F2733;
    background-color: #FEDD00;
    border: 1px solid #1F2733;
}
/*------------------------------------*\



	Footer



\*------------------------------------*/
.footer-widget {
    margin-top: 15px;
    margin-bottom: 15px;
}
/* -- footer logo -- */
.footer-logo .logo {
    display: inline-block;
    margin-bottom: 30px;
}
.footer-logo .logo > img {
    max-height: 50px;
}
.footer-contact li {
    margin-top: 10px;
}
/* -- footer contact -- */
.footer-contact li a {
    color: #64728A;
}
.footer-contact li a i {
    color: #FEDD00;
    margin-right: 15px;
}
/* -- footer links -- */
.footer-links li {
    margin-top: 10px;
}
.footer-links li a {
    display: inline-block;
    font-size: 14px;
    color: #64728A;
    -webkit-transition: 0.2s color, 0.2s -webkit-transform;
    transition: 0.2s color, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s color;
    transition: 0.2s transform, 0.2s color, 0.2s -webkit-transform;
}
.footer-links li a:hover {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
    color: #FFF;
}
/* -- footer subscribe -- */
.footer-subscribe {
    position: relative;
    margin-top: 30px;
}
.footer-subscribe .input {
    padding-right: 125px;
}
.footer-subscribe button {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    padding: 0px 20px;
    background: #FEDD00;
    border: none;
    color: #1F2733;
    font-size: 14px;
}
/* -- footer social -- */
.footer-social {
    margin-top: 30px;
}
.footer-social li {
    display: inline-block;
}
.footer-social li a {
    display: inline-block;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 30px;
    color: #FEDD00;
    border: 2px solid #FEDD00;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 14px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}
.footer-social li a:hover {
    background-color: #FEDD00;
    color: #1F2733;
}
/* -- Bottom Footer -- */
#footer #bottom-footer {
    background-color: rgba(0, 0, 0, 0.15);
}
#footer #bottom-footer a {
    color: #FEDD00;
}
/*------------------------------------*\



	Responsive



\*------------------------------------*/
@media only screen and (max-width: 991px) {
    #cta-2 {
        text-align: center;
    }
    #main {
        margin-bottom: 30px;
    }
    .widget-post {
        min-height: 90px;
        padding-bottom: 30px;
    }
    .widget-post > a {
        min-height: auto;
    }
    .widget-post .blog-meta {
        padding-left: 100px;
    }
}
@media only screen and (max-width: 767px) {
    .section-header {
        margin-bottom: 30px;
    }
    .home-wrapper h1 {
        font-size: 28px;
    }
    .blog-tags-share .share {
        float: none;
        margin-top: 15px;
    }
}
@media only screen and (max-width: 480px) {
    #numbers [class*='col-xs'] {
        width: 100%;
    }
    .number {
        text-align: center;
        padding: 0;
    }
    .number i {
        position: static;
    }
    .widget-post {
        min-height: auto;
        padding-bottom: 5px;
    }
    .widget-post > a {
        min-height: 60px;
    }
    .widget-post .blog-meta {
        padding-left: 0px;
        margin-top: 15px;
    }
}
/*------------------------------------*\



	Accordion



\*------------------------------------*/
.accordion .panel {
    border-radius: 0px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.accordion .panel-heading {
    padding: 0;
    margin: 0px;
    border-radius: 0px;
    border: 1px solid #EEE;
}
.accordion .panel-heading .panel-title {
    font-weight: 400;
}
.accordion .panel-heading .panel-title > a {
    display: block;
    padding: 10px 15px;
    background-color: #FEDD00;
    color: #1F2733;
}
.accordion .panel-heading .panel-title > a.collapsed {
    background-color: #FFF;
}
.accordion .panel-heading .panel-title > a:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}
.accordion .panel-heading .panel-title > a.collapsed:after {
    content: "\f067";
}
/*------------------------------------*\



	Owl theme



\*------------------------------------*/
/* -- dots -- */
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border: 1px solid #1F2733;
    border-radius: 0px;
    background: transparent;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1F2733;
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #1F2733;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
/* -- nav -- */
.owl-theme .owl-nav {
    opacity: 0;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}
.owl-theme:hover .owl-nav {
    opacity: 1;
}
.owl-theme .owl-nav [class*='owl-'] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: #1F2733;
    color: #FFF;
    padding: 0px;
    width: 30px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    margin: 0;
}
.owl-theme .owl-prev {
    left: 0px;
}
.owl-theme .owl-next {
    right: 0px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    opacity: 0.8;
    background: #1F2733;
}
/*------------------------------------*\



	Preloader



\*------------------------------------*/
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #FFF;
    z-index: 99999;
}
.preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: preload-rotate 10s linear infinite;
    animation: preload-rotate 10s linear infinite;
}
.preloader span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #1F2733;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.preloader span:nth-child(1) {
    top: 0;
    left: 0;
    -webkit-animation: 1s preload-scale ease-in-out infinite;
    animation: 1s preload-scale ease-in-out infinite;
}
.preloader span:nth-child(2) {
    top: 0;
    right: 0;
    -webkit-animation: 1s preload-scale 0.06s ease-in-out infinite;
    animation: 1s preload-scale 0.06s ease-in-out infinite;
}
.preloader span:nth-child(3) {
    bottom: 0;
    -webkit-animation: 1s preload-scale 0.11s ease-in-out infinite;
    animation: 1s preload-scale 0.11s ease-in-out infinite;
}
.preloader span:nth-child(4) {
    bottom: 0;
    right: 0;
    -webkit-animation: 1s preload-scale 0.17s ease-in-out infinite;
    animation: 1s preload-scale 0.17s ease-in-out infinite;
}
@-webkit-keyframes preload-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes preload-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes preload-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes preload-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
/*------------------------------------*\



	Maps



\*------------------------------------*/
.map {
    width: 357px;
    height: 400px;
    background: url(../img/map.png) left top no-repeat;
    position: relative;
    margin: 0 0 50px 300px;
}
.map-acquisition {
    width: 368px;
    height: 400px;
    background: url(../img/carte-france-acquisition.png) left top no-repeat;
    position: relative;
    margin: 0 auto;
    margin-bottom: 50px;
}
#domtom {
    width: 150px;
    height: 31px;
    background: url(../img/carte-domtom.png) left top no-repeat;
    text-align: left;
    font-size: 18px;
    position: absolute;
    bottom: 0px;
    z-index: 10;
    padding: 4px 0 0 15px;
    color: transparent;
    border-radius: 5px;
}
#domtom:hover {
    background-color: #FEDD00;
    color: #1F2733;
    z-index: 16;
}
.overlay-map {
    width: 357px;
    height: 400px;
    background: url(../img/map.png) 368px top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.overlay-acquisition {
    width: 368px;
    height: 400px;
    background: url(../img/carte-france-acquisition.png) 368px top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.map img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.map-acquisition img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
#lang_selec {
    margin-top: 14px;
    padding-left: 100px;
}
#lang_selec a img {
    margin: 0 2px;
    border: 2px solid white;
}
#lang_selec li {
    width: 50px;
}
#lang_selec ul ul {
    width: 50px;
}
#lang_sel {
    display: block !important;
}
#list_region {
    position: absolute;
    right: 25%;
    border-radius: 5px;
    background-color: #FCFCFC;
    border: 1px solid #DADADA;
    padding: 10px;
}
#list_region li {
    list-style: none;
}
#list_region li:hover {
    color: #F5DF16;
}
.cession-list {
    position: relative;
    background-color: #FCFCFC;
    border-radius: 5px;
    border: 1px solid #DADADA;
    padding: 10px;
    margin: 20px;
    width: 43%;
    float: left;
    min-height: 170px;
}
#points_map {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 10;
}
#list_region {
    position: absolute;
    right: 25%;
    border-radius: 5px;
    background-color: #FCFCFC;
    border: 1px solid #DADADA;
    padding: 10px;
}
#list_region li {
    list-style: none;
}
#list_region li:hover {
    color: #F5DF16;
}
.cession-list {
    position: relative;
    background-color: #FCFCFC;
    border-radius: 5px;
    border: 1px solid #DADADA;
    padding: 10px;
    margin: 20px;
    width: 43%;
    float: left;
    min-height: 170px;
}
.cession-list-acquisition {
    position: relative;
    background-color: #FCFCFC;
    border-radius: 5px;
    border: 1px solid #DADADA;
    padding: 10px;
    margin: 20px;
    width: 43%;
    float: left;
    min-height: 130px;
}
.cession-list .ref {
    text-align: right;
    font-size: 16px;
    height: 25px;
}
.cession-list .date {
    font-size: 14px;
    padding-left: 15px;
    height: 25px;
}
.cession-list .localisation {
    font-size: 14px;
    padding-left: 15px;
    height: 25px;
}
.cession-list .activite {
    font-size: 14px;
    padding-left: 15px;
    height: 50px;
    min-height: 36px;
}
.cession-list .anciennete {
    font-size: 14px;
    padding-left: 15px;
    height: 25px;
}
.cession-list .ca {
    font-size: 14px;
    padding-left: 15px;
    height: 25px;
    font-weight: bold;
}
.cession-list .int {
    font-size: 14px;
    text-decoration: underline;
}
.cession-list-acquisition .ref {
    text-align: right;
    font-size: 16px;
    height: 25px;
}
.cession-list-acquisition .date {
    font-size: 14px;
    padding-left: 15px;
    height: 25px;
}
.cession-list-acquisition .localisation {
    font-size: 14px;
    padding-left: 15px;
    height: 25px;
}
.cession-list-acquisition .activite {
    font-size: 14px;
    padding-left: 15px;
    height: 50px;
    min-height: 36px;
}
.cession-list-acquisition .anciennete {
    font-size: 14px;
    padding-left: 15px;
    height: 25px;
}
.cession-list-acquisition .ca {
    font-size: 14px;
    padding-left: 15px;
    height: 25px;
    font-weight: bold;
}
.cession-list-acquisition .int {
    font-size: 14px;
    text-decoration: underline;
}
.intro-map {
    margin: 5px 0 40px 0;
}
@media only screen and (max-width: 960px) {
    .container_24 .grid_6 {
        width: 100%
    }
    #lang_selec {
        padding-left: 460px;
        padding-top: 0;
        top: -32px;
        position: relative;
        margin-top: 25px;
    }
    #lang_selec a img {
        border: 4px solid white;
        margin: 0 8px;
    }
    #list_region {
        display: none !important;
    }
    .cession-list {
        margin: 5px !important;
        padding: 8px !important;
        width: 45% !important;
        min-height: 175px !important;
    }
    .cession-list-acquisition {
        margin: 5px !important;
        padding: 8px !important;
        width: 45% !important;
        min-height: 130px !important;
    }
    .map {
        margin: 0 auto !important;
        ;
    }
    .map_BE {
        margin: 0 auto !important;
    }
    .map-acquisition {
        margin: 0 auto !important;
    }
}
@media only screen and (max-width: 480px) {
    .menu_wrapper .omega {
        height: 55px;
    }
    #lang_selec {
        padding-left: 60px;
        padding-top: 8px;
        top: -18px;
        position: relative;
        margin-top: 25px;
    }
    #lang_selec a img {
        border: 4px solid white;
        margin: 0 10px;
    }
    .map {
        display: none;
    }
    .map_BE {
        display: none;
    }
    .map_CH {
        display: none;
    }
    .map-acquisition {
        margin: 0 !important;
    }
    #list_region {
        display: block !important;
        position: static !important;
        text-align: center;
        line-height: 35px;
        font-size: 18px;
    }
    #list_region a {
        text-decoration: none;
    }
    .cession-list {
        width: 91% !important
    }
    .cession-list-acquisition {
        width: 91% !important
    }
}
.onoffswitch {
    position: relative;
    width: 150px;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 30px;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 5px;
    color: #1F2733;
}
.onoffswitch-switch {
    display: block;
    width: 27px;
    height: 27px;
    margin: 2px 5px 5px 5px;
    background: #FEDD00;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 113px;
    border-radius: 100%;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
    background-color: #FEDD00;
}
.error {
    color: red;
}
@media only screen and (max-width:991px) {
    .title-comp, .sub-title-comp, #acquisition, #cession, #valorisation, #conseil, .bg-grey {
        color: #0a0a0a !important;
    }
}

#top-navbar {
    display: none;
}
#footer-social {
    margin: 25px auto;
}
#cookieBanner {
    padding: 25px;
    width: 80%;
}
#cookieBanner .col-sm-2 {
    text-align: center;
}
#cookieBanner p {
    line-height: 27px;
    color: #122844;
    width: 75%;
    display: inline;
}
@media(max-width:825px) {
#cookieBanner {
    padding: 25px 25px 60px 25px;
}
#cookieBanner .secondary-button {
    float: none;
}
}


#rappel {
    position: fixed;
    right: -500px;
    z-index: 9
}
#rappel_icon {
    width: 60px;
    height: 50px;
    background-color: #fedd00;
    float: left;
    position: absolute;
    left: -60px
}
#rappel_icon:hover {
    color: white
}
#rappel_icon i {
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    width: 100%
}
#rappel_icon_close {
    display: none
}
#rappel_form {
    text-align: center;
    width: 500px;
    background-color: white;
    padding: 0 10% 20px 10%
}
#rappel_form h3 {
    margin-top: 0;
    padding-top: 20px
}
#formRappel .row {
    margin-bottom: 25px
}
#div-recaptcha {
    padding-top: 25px
}
#messagePostForm {
    display: none
}
#messagePostForm .bg-success {
    padding: 15px;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em
}
#messagePostForm-erreur {
    display: none
}
#messagePostForm-erreur .bg-danger {
    padding: 15px;
    font-weight: bold
}
#home .bg-img {
    background-image: url('../img/background1.jpg')
}
#about .bg-img {
    background-image: url('../img/illus_presentation.jpg')
}

#cession .col-md-offset-7,#about .col-md-offset-7,#conseil .col-md-offset-7{
    text-align:justify;
    width:40%!important;
}

#conseil .bg-img {
    background-image: url('../img/illus_conseil.jpg')
}
#clients .bg-img {
    background-image: url('../img/background2.jpg')
}
.temoignage-modal .modal-content {
    border-radius: 0;
    color: #1f2733
}
.temoignage-modal .modal-body {
    font-family: Orkney_I;
    padding: 10px 35px
}
.temoignage-modal .testimonial-quote i {
    color: #fedd00
}
#bandeau_actualite {
    width: 100%;
    background-color: #1f2733;
    padding: 5px 15px;
    cursor: pointer;
    text-align: center;
}
#bandeau_actualite a {
    line-height: 100px;
    font-weight: bold;
    color: white;
    font-size: 18px;
}
#bandeau_actualite i {
    float:left;
    font-size:60px;
    position: relative;
    top:18px;
    text-align:center;
    width:100%;
}
#bandeau_actualite img {
    margin: 0 auto;
}

@media(min-width:968px) {
    #vendeurModal .modal-dialog {
        width: 800px;
    }
}

@media(max-width:1240px) {
    #bandeau_actualite a {
        line-height: 25px;
    }
}

@media(max-width:967px) {
    #vendeurModal input {
        margin-bottom: 15px
    }
    #vendeurModal .row {
        margin-bottom: 0
    }
    #vendeurModal label {
        margin-top: 20px
    }
    #vendeurModal .form-check-label {
        margin: 0;
    }
    #vendeurModal .form-check-label input[type=checkbox] {
        width: 25px;
        height: 25px;
        margin: 15px 0 0 10px;
    }
    #bandeau_actualite i {
        font-size: 25px;
        top: 4px;
    }
    #about .col-md-offset-7,#cession .col-md-offset-7,#conseil .col-md-offset-7{
        width:90%!important;
    }
}
#vendeurModal .selectStyle {
    height: 40px;
    width: 100%;
    border: 1px solid #64728a;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0
}
#vendeurModal .modal-content {
    color: #1f2733
}
#vendeurModal .row {
    margin-bottom: 5px
}
#vendeurModal #div-recaptcha {
    margin: 0;
    padding: 0;
}

#cat-1 .margint20{
    margin-top:20px;
}

#footer .footer-contact span{left:-8px;}


.filtre_activate {
    background-color: #FEDD00;
    color: black
}

.cat-filtres {
    padding: 0;
    background-color: white;
    overflow: hidden
}
.case-filtre {
    float: left!important;
    padding-top: 3px
}
.ico_mandat {
    width: 20px
}
.ico_filtre {
    width: 15px
}

@media (min-width:1800px) {
.container {
    width: 1750px
}
.col-md-4 {
    width: 25%
}
}
.loca-map {
    position: relative;
    width: 186px;
    text-align: center;
    min-height: 200px;
    margin: 0 auto
}
.base-map {
    position: absolute;
    top: 0;
    left: 0
}
.locas-map {
    position: absolute;
    top: 0;
    left: 0
}
.list-loca {
    margin: 15px 0 50px 0
}
.nom-loca {
    width: 100%;
    text-align: center
}
.reply-form {
    margin-top: 50px
}
.sprite {
    background-image: url("../img/icons/spritesheet.png");
    background-repeat: no-repeat;
    display: block;
    float: left
}
.sprite-activite {
    width: 20px;
    height: 20px;
    background-position: 0 0
}
.sprite-checked {
    width: 20px;
    height: 20px;
    background-position: -20px 0
}
.sprite-location {
    width: 20px;
    height: 20px;
    background-position: -40px 0
}
.sprite-metier {
    width: 20px;
    height: 20px;
    background-position: -60px 0
}
.sprite-money-bag {
    width: 20px;
    height: 20px;
    background-position: -80px 0
}
.sprite-selected {
    width: 20px;
    height: 20px;
    background-position: -100px 0
}
.sprite-unchecked {
    width: 20px;
    height: 20px;
    background-position: -120px 0
}
.sprite-unselected {
    width: 20px;
    height: 20px;
    background-position: -140px 0
}
.ttr-tab-repart {
    width: 100%;
    min-height: 35px;
    line-height: 35px;
    background-color: darkgrey;
    font-weight: bold;
    text-align: center;
    color: black;
    border-radius: 5px 5px 0 0;
}
.content-tab-repart {
    width: 100%;
    border: 3px darkgrey solid;
    text-align: center;
    color: black;
    border-radius: 0 0 5px 5px;
}
.prc_repar {
    font-size: 12px;
    font-weight: normal
}
#fond-fiche_mandat {
    background-color: rgba(250,250,250,1.00)
}
.cat_fiche_mandat {
    font-weight: 100;
    padding-bottom: 25px
}
.content_fiche_mandat {
    padding-left: 35px
}
#fiche_mandat {
    background-color: white;
    box-shadow: 1px 1px 4px #555;
    padding: 20px 5% 30px 5%;
    border-radius: 10px;
}
#fiche_mandat h2 {
    margin-bottom: 35px
}
#fiche_mandat h3 {
    padding: 15px 0;
    margin: 20px 0 0 0
}
#fiche_mandat .container {
    width: 100%
}
.cut_limit {
    background-color: white;
    height: 1px;
    border-top: 1px #fedd00 dashed;
    margin-top: 70px
}
#fiche_mandat .badge-mandat {
    font-size: 120%;
    padding: 10px;
}
.badges-mandat {
    margin-top: 6px;
    top: 20px;
}
.3typesPortefeuille {
    padding: 0 3%
}
#formMessageMandat .row {
    margin-bottom: 25px
}
#div-recaptcha {
    padding-top: 25px
}
#messagePostForm {
    display: none
}
#messagePostForm .bg-success {
    padding: 15px;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em
}
#messagePostForm-erreur {
    display: none
}
#messagePostForm-erreur .bg-danger {
    padding: 15px;
    font-weight: bold
}

@media(max-width:1199px) {
#fiche_mandat {
    padding: 60px 5% 30px 5%
}
}
.mandat_dateCrea {
    float: right;
    line-height: 1.1;
    font-style: italic
}
.reset_btn {
    background-color: darkred
}
#fond-fiche_mandat ul {
    list-style: square;
    padding-left: 40px;
}
.navbar-filtre-toggle-btn {
    float: left;
    width: unset;
    background-color: #fedd00;
    color: #1f2733;
    margin: 0 35%;
    width: 30%;
}