/*
	Theme Name: Quai des Notaires
	Theme URI: https://www.quaidesnotaires.com
	Description: Corporate Theme by Simon Derain.
	Author: Simon Derain
	Author URI: https://www.designsd.fr/
	Version: 2.0
	
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/* //////////////////// COOKIES RGPD //////////////////// */
#tarteaucitronAlertBig {
    padding: 100px 15px !important;
    bottom: 0px;
    top: initial;
    background: #F7F7F7 !important;
    color: #333 !important;
    border-top: 1px solid #E5E5E5 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#tarteaucitronAlertBig:before {
    content: '';
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    top: 0;
    left: 0;
}

#tarteaucitronAlertBig:after {
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    top: 0;
    left: 0;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    width: 100%;
    text-align: center !important;
    margin: 0 0 10px 0 !important;
    display: block;
    position: relative;
    z-index: 10;
}

#tarteaucitronAlertBig button {
    position: relative;
    z-index: 10;
}

#tarteaucitronInfo.tarteaucitronInfoBox {
    max-width: 100% !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font-size: 13px !important;
    color: #333 !important;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize {
    background: #20b309 !important;
    color: #fff !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronRoot .tarteaucitronCTAButton,
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog,
body #tarteaucitronRoot .tarteaucitronDeny {
    font-size: 10px !important;
}

#tarteaucitronAlertBig br {
    display: none;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig .tarteaucitronCTAButton,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
    cursor: pointer;
    display: inline-block;
    font-size: 10px !important;
    padding: 6px 12px !important;
    text-decoration: none;
    margin: 0 0 0 5px !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
    background: #333 !important;
    color: #FFF !important;
}

#tarteaucitronPercentage {
    background: #ea280c !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    top: initial !important;
    bottom: 51px !important;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    color: #fff !important;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    padding: 22.5px !important;
    background: #333 !important;
    color: #fff !important;
    width: 100% !important;
    margin-right: 0 !important;
    max-width: 97% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 20px !important;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
    background-color: gray;
    border-radius: 5px;
    display: none !important;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
    display: none !important;
}

#tarteaucitronRoot {
    position: relative !important;
}

#tarteaucitronAlertSmall {
    position: relative !important;
    bottom: 0px !important;
    top: initial !important;
    right: 0px !important;
    background: rgb(255, 255, 255) !important;
    color: #333 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#tarteaucitronAlertSmall #tarteaucitronManager {
    color: #333 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 8px !important;
    padding: 6px !important;
    text-transform: uppercase !important;
}

@media (max-width: 991.98px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
        width: 100%;
        text-align: center !important;
        margin: 0 0 10px 0 !important;
        display: block;
    }
}

@media (max-width: 767.98px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #tarteaucitronRoot #tarteaucitronAlertBig button {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 0 5px !important;
    }
}

/* //////////////////// GENERAL //////////////////// || */

body {
    font-family: 'Open Sans', sans-serif;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    width: 100vw;
    overflow-x: hidden;
    background-color: #07455A !important;
}

section {
    position: relative;
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

:focus {
    outline: none !important;
    text-decoration: none !important;
}

.alerte-landscape {
    display: none;
}

.main-content {
    padding-top: 150px;
    position: relative;
}

.main-content.disabled {
    pointer-events: none;
}

.main-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-color: #07455A;
}

.content-line {
    padding-top: 80px;
    padding-bottom: 80px;
}

.cta.content-line {
    padding-top: 50px;
    padding-bottom: 50px;
}

.content-line.headband.with-img.white-background+.content-line.white-background {
    padding-top: 100px;
}

.content-line.white-background+.content-line.white-background {
    padding-top: 0px;
}

.img-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.img-background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* //////////////////// LINK, TEXTE, TITLE //////////////////// */

a,
a:hover {
    text-decoration: none !important;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.content ul {
    padding: 0 0 0 22px;
}

.content ul li {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 5px;
    color: #626262;
    font-weight: 400;
    max-width: 100%;
}

p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #626262;
    font-weight: 400;
    max-width: 100%;
}

.content ul li:last-child,
p:last-child {
    margin: 0 !important;
}

p strong {
    font-weight: 700;
}

.content ul li a,
p a {
    color: #d5bb0b;
}

.content ul li a:hover,
p a:hover {
    color: #0d4458;
}

.introduction p {
    color: #FFFFFF;
    font-size: 110%;
}

/* Title */
.main-title {
    font-weight: 700;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 1.2;
    margin: 0;
}

.main-title em {
    color: #00AFD1;
}

.reassurance .main-title {
    color: #00AFD1;
}

.main-title span {
    color: #FFE010;
}

.sub-title {
    font-weight: 500;
    font-size: 28px;
    color: #FFE010;
    line-height: 1.2;
    margin: 0;
}

.block-title {
    margin: 0 0 40px 0;
}

.reassurance .block-title {
    margin: 0;
}

.block-title .section-title+.introduction {
    margin: 10px 0 0 0 !important;
}

.section-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.2;
    color: #07455A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 !important;
}

p.section-title {
    margin: 0 !important;
}

.block-title.text-left .section-title {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.block-title.text-left .introduction {
    text-align: left;
}

.block-title .introduction {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 0;
    color: #626262;
    font-weight: 400;
    max-width: 100%;
    text-align: center;
}

.big-title {
    font-size: 35px;
    line-height: 1.2;
    color: #07455A;
    font-weight: 700;
    margin: 0 0 15px 0;
}

.med-title {
    font-size: 21px !important;
    line-height: 1.2;
    color: #07455A;
    font-weight: 700;
    margin: 0;
}

.content-default h2,
.content-default h3,
.content-default h4,
.content-default h5,
.content-default h6 {
    line-height: 1.2;
    color: #07455A;
    font-weight: 700;
}

.content-default h2 {
    font-size: 24px;
    margin: 30px 0 10px;
}

.content-default h3 {
    font-size: 20px;
    margin: 15px 0 5px;
}

.content-default h4 {
    font-size: 19px;
    margin: 10px 0 5px;
}

.content-default h5 {
    font-size: 17px;
    margin: 10px 0 5px;
}

.content-default h6 {
    font-size: 16px;
    margin: 10px 0 5px;
}

.tag-line {
    font-size: 21px;
    line-height: 1.2;
    color: #00AFD1;
}

.section-title::before,
.section-title::after {
    content: '';
    position: absolute;
    width: 60px;
    background-color: #00AFD1;
    display: block;
    top: -17px;
}

.section-title::before {
    margin: 0;
    height: 5px;
    z-index: 2;
}

.section-title::after {
    margin: 0;
    height: 1px;
    width: 180px;
    top: -15px;
    z-index: 1;
    background-color: #E5E5E5;
}

/* Selection Texte */

::-moz-selection {
    background: #07455A;
    color: #FFFFFF
}

::selection {
    background: #07455A;
    color: #FFFFFF
}

::-moz-selection {
    background: #07455A;
    color: #FFFFFF
}


/* Main Bouton */

.main-btn {
    padding: 15px 25px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    text-decoration: none !important;
}

.main-btn.shortcode {
    padding: 0;
}

.main-btn.shortcode a {
    padding: 15px 25px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
}

.main-btn.shortcode.yellow a {
    color: #07455A;
}

.main-btn.yellow {
    background: #FFE010;
    color: #07455A;
}

.main-btn.yellow:hover {
    background: #FFD510;
    color: #07455A;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.main-btn.shortcode.blue a {
    color: #FFFFFF;
}

.main-btn.blue {
    background: #00AFD1;
    color: #FFFFFF;
}

.main-btn.blue:hover {
    background: #0197B4;
    color: #FFFFFF;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}


.small-link {
    font-size: 16px;
    color: #00AFD1;
    position: relative;
    font-weight: 500;
}

.small-link:hover {
    color: #07455A;
}

.small-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #07455A;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.small-link:hover::after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}


/* Selection Texte */

.white-background {
    background-color: #FFFFFF !important;
}

.blue-background {
    background-color: #07455A !important;
}

.light-blue-background {
    background-color: #00AFD1 !important;
}

.soft-blue-background {
    background-color: #F2F5F7 !important;
}

/* //////////////////// 404 ERREUR //////////////////// */

body.error404 .main-content {
    margin-top: 0px;
    padding-bottom: 0px;
}

.error-content {
    background-color: #0d4458;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: calc(100vh - 500px);
    padding: 70px;
}

.error-content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(./assets/images/background-erreur.jpg);
    opacity: 0.3;
}

.error-content .content {
    position: relative;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.error-content .content .logo {
    margin: 0 0 80px 0;
}

.error-content .content .logo img {
    width: 280px;
    height: 72px;
    display: inline-block;
}

.error-content .content .big-title {
    color: #FFFFFF;
    margin: 0 0 30px 0;
}

.error-content .content .big-title span {
    color: #00AFD1;
}

.error-content .content p {
    color: #fff;

}

.error-content .content .main-btn {
    margin: 50px 0 0 0;
}

/* //////////////////// HEADER //////////////////// */
header {
    position: fixed;
    z-index: 30;
    width: 100%;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

body:not(.page-template-page-annuaire):not(.single-cpt_annuaire) header.nav-up {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.header-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 40px 0;
    position: relative;
}

.header-content .logo img {
    width: 273px;
    height: 70px;
    display: block;
}

.nav-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 0;
    left: 0;
    z-index: 25;
    overflow: hidden;
    background: rgba(13, 69, 90, 0);
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    pointer-events: none;
}

.nav-overlay.visible {
    background: rgba(13, 69, 90, .2);
    pointer-events: auto;
}

.navigation {
    padding-bottom: 0px;
}

.navigation .menu {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navigation .menu li {
    margin-right: 24px;
    position: relative;
}

.navigation .menu li:last-child {
    margin-right: 0;
}

.navigation .menu li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    line-height: 1;
    position: relative;
    cursor: pointer;
}

.navigation .menu li a:hover {

    color: #FFFFFF;
}

.navigation .menu li a::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #00AFD1;
    left: 0px;
    bottom: -48px;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.navigation .menu li.current-menu-ancestor a::after,
.navigation .menu li a:hover::after {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.navigation .menu li.menu-btn a {
    background: #FFE010;
    padding: 13px 20px;
    border-radius: 40px;
    font-size: 12px;
    font-weight: 700;
    color: #07455A;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
    display: inline-block;
}

.navigation .menu li.menu-btn a:hover {
    background: #FFD510;
    color: #07455A;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.navigation .menu li.menu-btn a::after {
    display: none;
}

.navigation .menu li:hover>.sub-menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navigation .menu .sub-menu-wrap {
    position: fixed;
    z-index: 30;
    left: 0;
    top: 150px;
    width: 100%;
    padding: 40px 15px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
}

.navigation .menu .small-sub-menu .sub-menu-wrap {
    display: block;
    width: 240px;
    margin: auto;
    position: absolute;
    top: 71px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.navigation .menu .small-sub-menu .sub-menu-wrap .sub-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navigation .menu .small-sub-menu .sub-menu-wrap .sub-menu li {
    width: 100%;
    padding: 0;
    margin: 0 0 12px 0;
    text-align: center;
}

.navigation .menu .small-sub-menu .sub-menu-wrap .sub-menu li:last-child {
    width: 100%;
    padding: 0;
    margin: 0;
}

.navigation .menu .small-sub-menu .sub-menu-wrap .sub-menu li a {
    font-size: 14px;
    color: #626262;
    letter-spacing: 0;
    line-height: 23px;
    text-transform: none;
    font-weight: 400;
}

.navigation .menu .small-sub-menu .sub-menu-wrap .sub-menu li.current-menu-item a,
.navigation .menu .small-sub-menu .sub-menu-wrap .sub-menu li a:hover {
    color: #00AFD1;
}

.navigation .menu .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style-type: none;
    width: 1140px;
    margin: auto;
    padding: 0;
    max-width: 100%;
}

.navigation .menu .sub-menu li {
    width: 25%;
    padding: 0 15px 0 0;
    margin: 0;
}


.navigation .menu .big-sub-menu>.sub-menu-wrap>.sub-menu>li>a {
    pointer-events: none;
    cursor: auto;
}

.navigation .menu .sub-menu li a {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #626262;
    letter-spacing: 1.4px;
    line-height: 23px;
}

.navigation .menu .sub-menu li a:hover {
    color: #00AFD1;
}

.navigation .menu .sub-menu li a:not([href]):not([class]) {
    cursor: auto;
}

.navigation .menu .sub-menu li a:not([href]):not([class]):hover {
    color: #626262;
}

.navigation .menu .sub-menu li a::after {
    display: none;
}

.navigation .menu .sub-menu .sub-menu-wrap {
    position: relative;
    display: block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0;
    left: 0;
    margin: 25px 0 0 0;
    padding: 0;
}

.navigation .menu .sub-menu .sub-menu-wrap .sub-menu {
    position: relative;
    display: block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: auto;
}

.navigation .menu .sub-menu .sub-menu-wrap .sub-menu li {
    margin-bottom: 12px;
    width: 100%;
}

.navigation .menu .sub-menu .sub-menu-wrap .sub-menu li:last-child {
    margin-bottom: 0;
}

.navigation .menu .sub-menu .sub-menu-wrap .sub-menu li a {
    font-size: 14px;
    color: #626262;
    letter-spacing: 0;
    line-height: 23px;
    text-transform: none;
    font-weight: 400;
}

.navigation .menu .sub-menu .sub-menu-wrap .sub-menu li.current-menu-item a,
.navigation .menu .sub-menu .sub-menu-wrap .sub-menu li a:hover {
    color: #00AFD1;
}

.header-content .open-nav {
    position: absolute;
    display: none;
}

.sec-nav {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 15px 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.sec-nav::after {
    content: '';
    background-image: -o-linear-gradient(left, #07455A 30%, #02242C 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #07455A), to(#02242C));
    background-image: linear-gradient(90deg, #07455A 30%, #02242C 100%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.sec-nav .menu {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    position: relative;
    z-index: 2;
}

.sec-nav .menu li {
    margin-right: 24px;
}

.sec-nav .menu li:last-child {
    margin-right: 0px;
}

.sec-nav .menu li a {
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 1;
    text-transform: uppercase;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.sec-nav .menu li a:hover {
    color: #00AFD1;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

/* //////////////////// FOOTER //////////////////// */

footer {
    /* background-image: -o-linear-gradient(top, #303D5B 0%, #21293B 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#303D5B), to(#21293B));
    background-image: linear-gradient(180deg, #303D5B 0%, #21293B 100%); */
    background-color: #07455A;
    padding: 70px 0;
}


.footer-main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-main .left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-main .left .logo img {
    width: 273px;
    height: 70px;
    display: block;
}

.social-links .link {
    margin-right: 20px;
}

.social-links .link:last-child {
    margin: 0;
}

.social-links .link svg {
    display: block;
    width: 32px;
    height: 32px;
}

.social-links .link svg #background {
    fill: #FFFFFF;
}

.social-links .link svg #icon {
    fill: #07455A;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.social-links .link:hover svg #icon {
    fill: #00AFD1;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.footer-main .right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footer-main .right .footer-nav {
    margin: 0 24px 0 0;
    padding: 0;
}

.footer-main .right .footer-nav:last-child {
    margin-right: 0px;
}

.footer-main .right .footer-nav .nav-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 1.4px;
    line-height: 23px;
}

.footer-main .right .footer-nav .menu {
    margin: 25px 0 0 0;
    padding: 0;
    list-style-type: none;
}

.footer-main .right .footer-nav .menu li {
    margin-bottom: 12px;
}

.footer-main .right .footer-nav .menu li:last-child {
    margin: 0;
}

.footer-main .right .footer-nav .menu li.mail-link a {
    color: #FFE010;
    font-style: italic;
}

.footer-main .right .footer-nav .menu li a {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 23px;
    text-transform: none;
    font-weight: 400;
}

.footer-main .right .footer-nav .menu li.current-menu-item a,
.footer-main .right .footer-nav .menu li a:hover {
    color: #00AFD1;
}


.footer-legals {
    margin: 45px 0 0 0;
    padding: 30px 0 0 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-legals::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0px;
    background-color: #4D5465;

}

.footer-legals .copyright {
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.1px;
    line-height: 1;
    margin: 0;
}

.footer-legals .right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-legals .right img {
    width: 48px;
    height: 48px;
    position: relative;
    margin: 0 0 0 14px;
    left: 10px;
}

.footer-legals .right .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-legals .right .menu li {
    margin-right: 24px;
}

.footer-legals .right .menu li:last-child {
    margin-right: 0px;
}

.footer-legals .right .menu li a {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 1;
}

.footer-legals .right .menu li.current-menu-item a,
.footer-legals .right .menu li a:hover {
    color: #00AFD1;
}

/* //////////////////// DEFAULT & LEGAL //////////////////// */



.cgu-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 210px;
    width: 32%;
    height: 25vh;
    margin-top: -20px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.cgu-nav.up {
    top: 50px;
}

.cgu-content {
    width: 65%;
}

.cgu-nav .menu {
    padding: 0;
    margin: 7px 45px 0 0;
    list-style-type: none;
}

.cgu-nav .menu li {
    padding: 13px 0;
    border-top: 1px solid #E5E5E5;
}

.cgu-nav .menu li:last-child {
    border-bottom: 1px solid #E5E5E5;
}

.cgu-nav .menu li a {
    font-size: 18px;
    color: #626262;
    letter-spacing: 0.1px;
    line-height: 26px;
}

.cgu-nav .menu li.current-menu-item a,
.cgu-nav .menu li a:hover {
    color: #07455A;
}

.cgu-nav .menu li.current-menu-item a {
    font-weight: 700;
}

/* //////////////////// BLOCKS //////////////////// */
/* Headband */

.headband .container {
    position: relative;
    z-index: 20;
}

.headband .content {
    position: relative;
}


.headband.white-background .main-title {
    color: #07455A;
}

.headband .content .sub-title {
    margin: 5px 0 0 0;
}

.headband .content .introduction {
    margin: 20px 0 0 0;
}

.headband.white-background .introduction p {
    color: #626262;
}

.headband .content .links {
    margin: 60px 0 0 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.headband .content .links .main-btn {
    margin: 0 20px 0 0;
    min-width: 200px;
    font-size: 18px;
}

.headband .content .links .main-btn:last-child {
    margin: 0;
}

.headband .content .label {
    position: absolute;
    width: 110px;
    height: auto;
    right: 0;
    top: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.headband .img-background img {
    opacity: 0.1;
}


/* Slider */
.slider .slick-arrow {
    position: absolute;
    top: 50%;
    width: 18px;
    height: 28px;
    background-image: url(./assets/images/icon-chevron.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    background-color: transparent;
    font-size: 0px;
    text-indent: -9000px;
    opacity: .3;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.slider .slick-arrow:hover {
    opacity: 1;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.slider .slick-prev {
    left: -40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.slider .slick-next {
    right: -40px;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
}



/* Cards */
.cards-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.image-card {
    width: calc((100% - 60px) / 3);
    margin: 30px 0 0 0;
}

.image-card:nth-child(1),
.image-card:nth-child(2),
.image-card:nth-child(3) {
    margin: 0;
}

.image-card .med-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.image-card .med-title span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.image-card .med-title::after {
    content: '';
    position: relative;
    display: block;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background-color: #E5E5E5;
    margin: 0 0 0 30px;
}

.image-card .img-background {
    width: 100%;
    padding-top: 60%;
    position: relative;
    margin: 10px 0 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
}

.image-card .small-link {
    margin: 15px 0 0 0;
}

/* Statistics */

.stat {
    text-align: center;
}

.stat .key {
    color: #07455A;
    font-size: 200%;
    line-height: 1.1;
    margin: 0;
}

.stat .description {
    font-size: 110%;
    color: #00AFD1;
}

/* Testimonials */
.testimonial {
    text-align: center;
}

.testimonial .logo {
    display: inline-block;
    max-width: 130px;
    max-height: 100px;
    width: auto;
    height: auto;
    margin: 0 0 15px 0;
}

.testimonial p.author {
    font-weight: 600;
    color: #00AFD1;
    margin: 0;
}

/* Products */
.products-slider .slick-track {
    display: flex;
}

.products-slider .slick-track .slick-slide {
    height: auto;
}

.products-slider .slick-track .slick-slide .product-card {
    height: 100%;
}

.product {
    padding: 10px 20px;
}

.product-card {
    display: block;
    padding: 50px 30px;
    overflow: hidden;
    text-align: center;
    background-color: #F2F5F7;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

a.product-card:hover {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transform: translateY(-10px);

    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.product-card img {
    max-width: 80px;
    max-height: 80px;
    margin: 0 auto 30px;
    display: inline-block;
}

.product-card .med-title {
    margin: 0 0 10px 0;
}

.product-card p {
    font-size: 16px;
}

.product-card .content {
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

a.product-card:hover .content {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.product-card .discover {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    text-align: center;
    color: #00AFD1;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
    opacity: 0;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
}

a.product-card:hover .discover {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

/* Image seule */
.image-seule .image-container {
    text-align: center;
}

.image-seule .image-container img {
    margin-inline: auto;
}

/* Video */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    max-width: 100%;
    height: auto;
}

.embed-container::after {
    content: '';
    position: absolute;
    z-index: 1;
    content: '';
    width: 90%;
    left: 5%;
    height: 40px;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
    display: block;
    bottom: 0px;
}

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

.embed-container .img-background {
    z-index: 3;
}

#play,
.embed-container .img-background {
    opacity: 1;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

#play.fade-in,
.embed-container .img-background.fade-in {
    opacity: 0;
    pointer-events: none;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}


#play {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 90px;
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    border: none;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;

}

#play:hover {
    transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
}

#icon-play {
    position: relative;
    width: 16px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    left: 2px;
}

#play svg polygon {
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

#play:hover polygon {
    fill: #00afd1;
    opacity: 1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.video-caption {
    padding: 15px 0 0 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    font-style: italic;
}

.video-caption::before {
    content: '';
    position: relative;
    display: block;
    width: 30px;
    height: 1px;
    background-color: #07455A;
    margin: 0 15px 0 0;
}

.row.video-text {
    flex-direction: row-reverse;
}

.row.text-video {
    flex-direction: row;
}


.row.img-text {
    flex-direction: row-reverse;
}

.row.text-img {
    flex-direction: row;
}

/* Tabulations General */
.tabulation-links.nav-tabs {
    border-bottom: 1px solid #EFEFEF;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.tabulation-links.nav-tabs .nav-link {
    font-size: 18px;
    padding: 10px 20px;
    font-weight: 700;
    color: #CACACA;
}

.tabulation-links.nav-tabs .nav-link:hover,
.tabulation-links.nav-tabs .nav-link.active {
    color: #07455A;
    border-color: #EFEFEF #EFEFEF #fff;
}

/* Tabulations Services */

.tab-pane.service .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 50px 0 0 0;
}

.tab-pane.service .content .text {
    padding: 45px 30px;
    width: 33%;
    position: relative;
    z-index: 3;
    min-height: 630px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.tab-pane.service .content .text .med-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFFFFF;
    margin: 0 0 30px 0;
    width: 100%;
}

.tab-pane.service .content .text .med-title span {

    color: #FFFFFF;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.tab-pane.service .content .text .med-title::after {
    content: '';
    display: block;
    margin: 0 0 0 30px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    height: 1px;
    background-color: #4D5465;
}

.tab-pane.service .content .text ul li,
.tab-pane.service .content .text p {
    color: #FFFFFF;
    font-size: 90%;
}

.tab-pane.service .content .text .main-btn {
    margin: 30px 0 0 0;
    padding: 15px 20px;
    min-width: 100%;
}


.tab-pane.service .content .image {
    position: absolute;
    z-index: 1;
    width: 70%;
    right: 15px;
}

.tab-pane.service .content .image .mockup {
    width: 100%;
    height: auto;
    display: block;
    -webkit-filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.05));
}

.tab-pane.service .content .image .img-background {
    width: calc(100% - 6px);
    height: calc((100% - 7.2%) - 6px);
    top: calc(7.2% + 3px);
    left: 3px;
}

.tab-pane.service .content .image .img-background img {
    -o-object-position: right;
    object-position: right;
}


/* Tabulations Persona */
.tab-pane.persona .inside {
    padding: 50px 0 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tab-pane.persona .inside img {
    width: calc(50% - 15px);
    height: auto;
    display: block;
    margin: 0 30px 0 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;
}

.tab-pane.persona .inside .content {
    width: calc(50% - 15px);
    height: auto;
    display: block;
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.tab-pane.persona .inside .content .accroche {
    color: #00AFD1;
    margin: 0;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
}

.tab-pane.persona .inside .content .med-title {
    margin: 5px 0 15px;
}

.tab-pane.persona .inside .content ul {
    margin: 20px 0;
}

/* ICONES */
.icones-slider {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.icone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc((100% - 60px) / 3);
    margin: 0 0 30px 0;
}

.icone:nth-child(1),
.icone:nth-child(2),
.icone:nth-child(3) {
    margin: 0;
}

.icone img {
    width: 64px;
    height: 64px;
    margin: 0 0 15px 0;
}

.icone p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.icones-grid {
    display: grid;
    grid-gap: 30px;
}

.icones-grid .icone {
    width: 100%;
    margin: 0;
}

.icones-grid.grid-by-3 {
    grid-template-columns: repeat(3, 1fr);
}

.icones-grid.grid-by-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* CTA */

.cta-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cta-container .content .med-title {
    margin: 0;
}

.cta-container .content .accroche {
    margin: 5px 0 0 0 !important;
}

.cta-container .main-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 60px;
}


/* //////////////////// PRESSE //////////////////// */
.press-releases {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.single-release {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #EFEFEF;
}

.single-release .logo {
    width: 200px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 30px 0 0;
}

.single-release .main-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 30px;
}

.single-release:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

/* //////////////////// PARTENAIRES //////////////////// */
.partners {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.single-partner {
    margin: 0;
    padding: 0 0 30px 0;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #EFEFEF;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

.partners-slider .single-partner {
    padding: 0 15px;
    border: none;
}

.single-partner .logo {
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto;
    margin: 0 auto 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.partners-slider .single-partner .logo-container {
    padding: 15px;
    width: calc(100% - 30px);
    height: 100Px;
    border-radius: 12px;
    border: 1px solid #E5E5E5;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 0 20px 0;
}

.partners-slider .single-partner .logo {
    margin: 0;
    max-height: 100%;

}

.single-partner .main-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 30px auto 0;
}



/* //////////////////// RECRUTEMENT //////////////////// */

body.page-template-page-recrutement .headband {
    padding-bottom: 150px;
}

.about {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -50px;
    position: relative;
    z-index: 10;
}

.about .content {
    background: #FFFFFF;
    padding: 40px;
    border-radius: 25px;
    -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1);
}

.about .content .tag-line {
    font-weight: 700;
    margin: 30px 0 0 0;
}

.jobs-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.jobs-list ul .single-job {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #EFEFEF;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
}

.jobs-list ul .single-job:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.jobs-list ul .single-job .left .med-title {
    margin: 0 0 5px 0;
}

.jobs-list ul .single-job .main-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 30px;
}

.apply .content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.apply .content .main-btn {
    margin: 0 0 0 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* //////////////////// FORMULAIRES //////////////////// */

.form {
    margin-bottom: 50px;
}

.form .gform_wrapper ul.gform_fields {
    list-style-type: none !important;
}

.form .gform_wrapper {
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
}

.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}

.form form ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.form form ul li {
    padding: 0 !important;
    margin: 0 0 15px !important;
    width: 100% !important;
}

.form form ul li#field_31_2 {
    width: calc(50% - 8px) !important;
    margin: 0 16px 0 0 !important;
}

.form form ul li#field_31_7 {
    width: calc(50% - 8px) !important;
}

.form form ul li label {
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 14px !important;
}

.form form ul li .ginput_container {
    margin: 0 !important;
    width: 100%;

}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 0px !important;
}


.form form ul li .ginput_container textarea,
.form form ul li .ginput_container select,
.form form ul li .ginput_container input {
    width: 100% !important;
    border: 1px solid #eceeef;
    background: #fff;
    border-radius: 4px;
    padding: 10px !important;
    font-size: 14px !important;
    color: #626262;
    letter-spacing: 0.1px !important;
    margin: 0 !important;
    display: block;
}

.form form ul li .ginput_container textarea {
    min-height: 150px;
}

.form form ul li .ginput_container input[type="file"] {
    width: 100% !important;
    background: transparent;
    border-radius: 4px;
    padding: 0px !important;
    border: none;
}


.form form .ginput_container_consent {
    position: relative;

}

.form form ul li .ginput_container_consent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.form form ul li .ginput_container_consent.ginput_container input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    width: auto !important;
}


.form form ul li .ginput_container_consent.ginput_container input[type="checkbox"]:not(:checked)+label.gfield_consent_label::before,
.form form ul li .ginput_container_consent.ginput_container input[type="checkbox"]:checked+label.gfield_consent_label::before {
    content: '';
    border: 1px solid #07455A;
    background-color: transparent;
    width: 15px;
    height: 15px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.form form ul li .ginput_container_consent.ginput_container input[type="checkbox"]:not(:checked)+label.gfield_consent_label::after,
.form form ul li .ginput_container_consent.ginput_container input[type="checkbox"]:checked+label.gfield_consent_label::after {
    content: '';
    background-color: #07455A;
    width: 11px;
    height: 11px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 2px;
    left: 2px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    cursor: pointer;
}

.form form ul li .ginput_container_consent.ginput_container input[type="checkbox"]:not(:checked)+label.gfield_consent_label::after {
    opacity: 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}


.form form .ginput_container_consent .gfield_consent_label {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #999;
    margin: 0;
    padding: .5px 0 0 25px;
    position: relative;
}

.form form .ginput_container_consent .gfield_consent_label a:hover,
.form form .ginput_container_consent .gfield_consent_label a {
    color: #07455A;
    position: relative;
}

.form form .ginput_container_consent .gfield_consent_label a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #07455A;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.form form .ginput_container_consent .gfield_consent_label a:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.form form .ginput_container_consent .gfield_required {
    display: none;
}

.form .gform_wrapper .gform_footer {
    margin: 10px 0 0 0;
    padding: 0;
}

.form .gform_wrapper .gform_footer input.button,
.form .gform_wrapper .gform_footer input[type=submit],
.form .gform_wrapper .gform_page_footer input.button,
.form .gform_wrapper .gform_page_footer input[type=submit] {
    padding: 15px 25px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    background: #FFE010;
    color: #07455A;
    border: none;
}

.form .gform_wrapper .gform_footer input.button:hover,
.form .gform_wrapper .gform_footer input[type=submit]:hover,
.form .gform_wrapper .gform_page_footer input.button:hover,
.form .gform_wrapper .gform_page_footer input[type=submit]:hover {
    background: #FFD510;
    color: #07455A;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}


.form .gform_wrapper div.validation_error {
    background-color: #FA6557;
    border: none;
    font-weight: 700;
    padding: 30px;
    text-align: left;
    border-radius: 6px;
    color: #FFFFFF;
    -webkit-box-shadow: 0 10px 50px 0 rgba(199, 36, 20, 0.30);
    box-shadow: 0 10px 50px 0 rgba(199, 36, 20, 0.30);
}

.form .gform_wrapper .field_description_below .gfield_description {
    padding: 5px 0 5px 0px;
}

.form .gform_wrapper .validation_message {
    font-weight: 400;
    color: #FA6557;
}

.form .gform_wrapper li.gfield.gfield_error,
.form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: transparent;
    border: none;
}

.form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.form .gform_wrapper li.gfield_error textarea,
.form .gform_wrapper li.gfield_error select {
    border: 1px solid #FA6557;
}

.form .gform_confirmation_message {
    background-color: #35CC62;
    padding: 30px;
    text-align: left;
    color: #FFF;
    font-weight: 700;
    border-radius: 6px;
    background-color: #35CC62;
    -webkit-box-shadow: 0 10px 50px 0 rgba(0, 153, 46, 0.30);
    box-shadow: 0 10px 50px 0 rgba(0, 153, 46, 0.30);
}

.legal-text p {
    font-size: 70%;
}

/* Specifique Demonstration */
.form .rdv-form_wrapper .gform_footer {
    display: none;
}

.form .html-block .content {
    margin: 30px 0 0 0;
}

.form .html-block .content p {
    font-size: 16px;
}

.form .html-block .video {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 30px 0;
}

.form .html-block .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* //////////////////// FAQ //////////////////// */

.profiles-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.profiles-container .profile {
    width: calc(33% - 3px);
    margin: 0;
    background-color: #07455A;
    color: #FFF;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    height: 150px;
    font-size: 24px;
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    border: 1px solid #07455A;
}

.profiles-container .profile:hover {
    color: #FFD510;
    transform: translateY(-10px);

    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.navigation-container {
    margin-top: -50px;
}

.faq-nav {
    padding: 15px 25px;
    margin: 0;
    list-style-type: none;
    background-color: #07455A;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.faq-nav li {
    margin: 0 25px 0 0;
}

.faq-nav li:last-child {
    margin: 0;
}

.faq-nav li a {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 1.4px;
    line-height: 23px;
}

.faq-nav li a:hover {
    color: #FFD510;
}

.faq .row {
    padding-bottom: 70px;
}

.faq .row:last-child {
    padding: 0;
}

.tax-container .big-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 30px 0;
}

.tax-container .big-title::after {
    content: '';
    position: relative;
    display: block;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background-color: #E5E5E5;
    margin: 0 0 0 30px;
}

.accordion .card .card-header {
    border: none;
    border-radius: 4px;
    padding: 20px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.accordion .card .card-header.collapsed {
    background: #F2F5F7;
}

.accordion .card .card-header.collapsed:hover,
.accordion .card .card-header {
    background: #0d4458;
}

.accordion .card .card-header .card-title {
    font-size: 18px;
    max-width: calc(100% - 24px);
    font-weight: 400;
    margin: 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.accordion .card .card-header.collapsed .card-title {
    color: #0d4458;
}

.accordion .card .card-header.collapsed:hover .card-title,
.accordion .card .card-header .card-title {
    color: #fff;
}

.accordion .card .card-header svg {
    width: 14px;
    height: 14px;
}

.accordion .card .card-header.collapsed svg {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.accordion .card .card-header.collapsed svg path {
    fill: #C2C4C6;
}

.accordion .card .card-header svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.accordion .card .card-header.collapsed:hover svg path,
.accordion .card .card-header svg path {
    fill: #fff;
}

.accordion .card .collapse .card-body,
.accordion .card .collapsing .card-body {
    padding: 30px 30px 10px;
}

/* //////////////////// TARIFS //////////////////// */

.tarif-persona .offer-baseline {
    margin: 0 0 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 20px;
}

.tarif-persona .offer-baseline p {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    margin: 0;
    color: #FFFFFF;
}



.tarif .card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tarif .card-title span.logo-interop {
    background-image: url(./assets/images/logo-interop.png);
    width: 72px;
    height: 30px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 5px;
}

.tarif .card-title strong {
    color: #00AFD1;
}

.accordion .card.tarif .collapse .card-body,
.accordion .card.tarif .collapsing .card-body {
    padding: 30px 20px;
}

.tarif .card-body .price-line {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #E5E5E5;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tarif .card-body .price-line:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

.tarif .card-body .left-part .title {
    font-family: 'Open Sans',
        sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #07455A;
    line-height: 1;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.tarif .card-body .left-part .title+.content {
    margin: 5px 0 0 0;
}

.tarif .card-body .left-part .content p {
    font-size: 16px;
}

.tarif .card-body .left-part p strong {
    color: #00AFD1;

}

.tarif .card-body .price {
    color: #00AFD1;
    margin: 0 0 0 60px !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.tarif-persona .legal-text {
    margin: 20px 0 0 0;
}

.tarif-persona .legal-text p {
    font-style: italic;
}

/* //////////////////// EQUIPE //////////////////// */


.team .grid-member {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2px;
}

.team .grid-member .member {
    width: 100%;
    margin: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.team .grid-member .member .img-container {
    display: block;
    width: 100%;
    padding-top: 100%;
    margin: 0;
    position: relative;
    background: #07455A;
}

.team .grid-member .member .img-container img {
    background-blend-mode: multiply;
}

.team .grid-member .member .member-infos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: rgba(7, 69, 90, .8);
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.team .grid-member .member:hover .member-infos {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
}

.team .grid-member .member #play {
    position: relative;
    top: inherit;
    left: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0 0 30px;
}

.team .grid-member .member #play.fade-in {
    opacity: 1;
    pointer-events: auto;
}

.team .grid-member .member p.med-title {
    color: #FFFFFF;
}

.team .grid-member .member p.job {
    color: #00afd1;
}


.video-portrait {
    max-width: 70%;
}

.video-portrait .icon-cross {
    position: absolute;
    top: -32px;
    right: -24px;
    cursor: pointer;
}

.video-portrait .icon-cross img {
    width: 24px;
    height: 24px;
    display: block;
}

.video-portrait .modal-content {
    border: none !important;
    background: transparent;
}

.modal-dialog.video-portrait {
    width: 80%;
    max-width: 700px;
}

.recrutement-link {
    margin: 50px 0 0;
    padding: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1);
}

.recrutement-link .left .med-title {
    margin: 0 0 5px 0;
}

.recrutement-link .main-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 30px;
}



/* //////////////////// BLOG PAGE, ARCHIVES, SEARCH, ... //////////////////// */
.filter-label {
    margin: 0 0 30px 0;
    position: relative;
}

.filter-label p.section-title {
    text-align: left !important;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.filter-label p.section-title::after {
    display: none;
}

.media-nav {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    list-style-type: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 0px;
    position: relative;
}

/* 
.media-nav::after {
	content: '';
	display: block;
	position: absolute;
	left: 15px;
	bottom: 0;
	width: calc(100% - 30px);
	height: 1px;
	background-color: #f1f1f1;
} */

.media-nav li {
    margin: 0 30px 0 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.media-nav li:last-child {
    margin: 0;
}

.media-nav li .main-btn {
    width: 100%;
}

.media-nav li .main-btn.active:hover,
.media-nav li .main-btn.active {
    background-color: #07455A;
    color: #FFFFFF;
}

.all-posts .post {
    position: relative;
}

.all-posts .post::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -o-linear-gradient(top, rgba(7, 69, 90, 0) 0%, rgba(7, 69, 90, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(7, 69, 90, 0)), to(rgba(7, 69, 90, 1)));
    background: linear-gradient(to bottom, rgba(7, 69, 90, 0) 0%, rgba(7, 69, 90, 1) 100%);

}

.post.without-image::before,
.post.with-image::before,
.post.post-press::before {
    display: none;
}

.post .post-informations,
.post .last-part,
.post .first-part,
.post .category-container {
    position: relative;
    z-index: 2;

}

.blog-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px 0 0 0;
}

.all-posts {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.all-posts.without-sidebar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.all-posts.with-sidebar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(7, 69, 90, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(7, 69, 90, 0.08);
    border-radius: 20px;
    overflow: hidden;
}

.post.without-image,
.post.with-image {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.post.with-image .category-container {
    width: 100%;
    position: relative;
    height: 200px;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    mask-image: radial-gradient(white, black);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.post .category-container p.post-category {
    display: inline-block;
    background: rgba(13, 68, 88, 0.4);
    position: relative;
    z-index: 2;
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 30px;
    margin: 30px 0 0 30px !important;
}

.post .category-container .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 1;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}

.post .category-container:hover .image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.8;
    -webkit-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}

.post .text-part {
    padding: 30px;
}

.post .text-part .post-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    color: #0d4458;
    margin: 0 0 10px 0 !important;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.post .text-part .post-title:hover {
    color: #ffe010;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.post .post-informations {
    border-top: 1px solid #00000010;
    padding: 20px 0 30px;
    margin: 0 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post .post-informations .read-more {
    text-decoration: underline;
    color: #00afd1;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.post .post-informations .read-more:hover {
    color: #d5bb0b;
    padding: 0 0 0 5px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.post .post-informations .date {
    font-size: 12px;
    color: #999999;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.post.post-press {
    background-color: #00AFD1 !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.post.post-press-image,
.post.with-video {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.post.with-video .category-container,
.post.post-press .category-container {
    text-align: center;
}

.post.with-video .category-container p.post-category,
.post.post-press .category-container p.post-category {
    margin: 30px 0 20px 0 !important;
}

.post.post-press .linkToPresse {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 50px 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.post.post-press .linkToPresse:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.post.post-press .linkToPresse svg {
    display: block;
    width: 24px;
    height: 24px;
}

.post.post-press .linkToPresse svg path {
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.post.post-press .linkToPresse:hover svg path {
    fill: #00afd1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.post.with-video .text-part,
.post.post-press .text-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post.with-video .text-part a.full-link,
.post.post-press .text-part a.full-link {
    width: 100%;
}

.post.with-video .text-part .post-title,
.post.post-press .text-part .post-title {
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 0;
}

.post.with-video .text-part a:hover .post-title,
.post.post-press .text-part a:hover .post-title {
    color: #ffe010;
}

.post.post-press .text-part .author-informations {
    text-align: center;
    color: #0d4458;
}

.post.post-press.post-press-image .text-part .author-informations {
    text-align: center;
    color: #fff;
}

.post.with-video .post-informations,
.post.post-press .post-informations {
    border-top: 1px solid #fff;
    padding: 20px 0 30px;
    margin: 0 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post.with-video .post-informations .date,
.post.post-press .post-informations .date {
    font-size: 12px;
    color: #fff;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


/* Pagination */

.pagination {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #f1f1f1;
    margin: 30px 0 0 0;
    padding: 20px 0 0 0;
}

.pagination span:first-child {
    margin-left: 0px;
    padding-left: 0px;
    border: none;
}

.pagination span,
.pagination a {
    margin: 2px 5px 15px;
    padding: 11px 17px 11px 17px;
    text-decoration: none;
    border-radius: 35px;
    width: auto;
    min-width: 45px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #f1f1f1;
    font-size: 14px;
    color: #626262;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.pagination a:hover,
.pagination .current {
    background: #00afd1;
    border: 1px solid #00afd1;
    font-size: 14px;
    color: #FFFFFF;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

/* //////////////////// BLOG POST INTRO //////////////////// */

.introPost .insideIE {
    width: 100%;
    z-index: 3
}


/* introPostNoImage */

.introPostNoImage {
    padding: 30px 0px 50px;
}


/* introPostWithImage */

.introPostWithImage {
    height: 600px;
    max-height: calc(100vh - 290px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 70px 0;
}

.introPostWithImage .introPostWithImage .container {
    position: relative;
    z-index: 2;
}

.introPostWithImage:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: -o-linear-gradient(top, rgba(12, 68, 88, 0) 0%, rgba(12, 68, 88, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(12, 68, 88, 0)), to(rgba(12, 68, 88, 1)));
    background: linear-gradient(to bottom, rgba(12, 68, 88, 0) 0%, rgba(12, 68, 88, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000c4458', endColorstr='#0c4458', GradientType=0);
}


/* intropost-press */

.intropost-press {
    height: 600px;
    max-height: calc(100vh - 290px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 70px 0;
    margin: 0 0 10px 0;
}

.intropost-press .contentPresse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.intropost-press .contentPresse h1:before {
    display: none;
}

.intropost-press .contentPresse h1 {
    margin: 0;
}

.intropost-press .linkToPresse {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 50px 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.intropost-press .linkToPresse:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.intropost-press .linkToPresse svg {
    display: block;
    width: 24px;
    height: 24px;
}

.intropost-press .linkToPresse svg path {
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.intropost-press .linkToPresse:hover svg path {
    fill: #00afd1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}


/* introPostWithVideo */

@-webkit-keyframes hideThumbVideo {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        left: 0;
    }

    99% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        left: 0;
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        left: -100%;
    }
}

@keyframes hideThumbVideo {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        left: 0;
    }

    99% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        left: 0;
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        left: -100%;
    }
}

.introPostWithVideo {
    position: relative;
    /* aspect-ratio: 16/9; */
    height: 300px;
}

.introPostWithVideo .ytp-chrome-top-buttons {
    display: none !important;
}

.introPostWithVideo iframe {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 600px;
    max-height: calc(100vh - 290px);
}

.thumb-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    padding: 70px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 2;
    opacity: 1;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}

.thumb-video.hidethumb {
    -webkit-animation-name: hideThumbVideo;
    animation-name: hideThumbVideo;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    left: -100%;
}

.thumb-video .container {
    position: relative;
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 1140px;
    margin: 0 auto;
    max-width: 90%;
}

.thumb-video:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: -o-linear-gradient(top, rgba(12, 68, 88, 0) 0%, rgba(12, 68, 88, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(12, 68, 88, 0)), to(rgba(12, 68, 88, 1)));
    background: linear-gradient(to bottom, rgba(12, 68, 88, 0) 0%, rgba(12, 68, 88, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000c4458', endColorstr='#0c4458', GradientType=0);
}

#play-button {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 90px;
    margin: 0 0 50px 0;
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

#play-button:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

#play-button svg {
    position: relative;
    width: 16px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    left: 2px;
}

#play-button svg polygon {
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

#play-button:hover polygon {
    fill: #00afd1;
    opacity: 1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

#titleVideo {
    text-align: center;
    width: 90%;
}

#titleVideo h1:before {
    display: none;
}

.control-video {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.close-btn {
    border: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: block;
    background: #0d4458;
    padding: 5px;
}

boutton:focus {
    outline: none;
    background-color: transparent !important;
}

.close-btn svg {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.close-btn svg path {
    fill: #fff;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}

.close-btn:hover svg path {
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}


/* Video */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

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

/* Text */

.introPost .big-title {
    color: #FFFFFF;
    margin: 0 0 15px 0;
}

.introPost.introPostNoImage .big-title {
    color: #07455A;
    margin: 0 0 15px;
}

.introPost p.author-informations {
    font-size: 21px;
    line-height: 1.5;
    color: #0d4458;
}

.introPost p.author-informations span {
    padding: 0 7px;
}

.introPost p.infos {
    font-size: 21px;
    line-height: 1.5;
    color: #ffe010;
    text-transform: uppercase;
}

.introPost p.infos span {
    padding: 0 7px;
}


/* //////////////////// BLOG POST CONTENT //////////////////// */

body.single .main-content {
    padding-bottom: 0px;
}

.postBlock {
    margin-bottom: 60px;
    display: block;
}

.post .postBlock:last-child {
    margin-bottom: 30px;
}


/* Titre simple Article */

.postTitle {
    margin: 0px 0 60px;
}

.postBlock+.postTitle {
    margin-top: 40px;
}

.postTitle h4 {
    font-size: 22px;
    color: #00afd1;
}

.postTitle h4+h3 {
    margin-top: 20px;
}

.postTitle h3 {
    font-size: 28px;
    color: #0d4458;
    font-weight: 700;
    position: relative;
    margin: 0px 0 15px 0;
}

/* .postTitle h3:before {
	position: absolute;
	content: '';
	background: #ffe010;
	width: 5px;
	height: 100%;
	left: -30px;
	top: 2px;
	display: block;
} */

.postTitle h3 em {
    font-style: normal;
    color: #00afd1;
}


/* Texte simple */

.simpleText h2,
.simpleText h3,
.simpleText h4,
.simpleText h5,
.simpleText h6 {
    font-size: 21px;
    font-weight: 700;
    color: #0d4458;
    margin: 0 0 20px 0;
}

.simpleText ul+h2,
.simpleText ul+h3,
.simpleText ul+h4,
.simpleText ul+h5,
.simpleText ul+h6,
.simpleText p+h2,
.simpleText p+h3,
.simpleText p+h4,
.simpleText p+h5,
.simpleText p+h6 {
    margin-top: 45px;
}

.simpleText ol li,
.simpleText ul li {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #626262;
    font-weight: 400;
    max-width: 100%;
}


/* Interview */

.interview {
    padding: 0 0 0 20px;
    list-style-type: none;
}

.interview li {
    position: relative;
    margin: 0 0 35px 0;
}

.interview li:nth-child(even) {
    margin: 0 0 35px 30px;
}

.interview li:before {
    content: '';
    position: absolute;
    top: 0px;
    left: -20px;
    width: 3px;
    height: 100%;
    background-color: #0d4458;
}

.interview li:nth-child(even):before {
    background-color: #00afd1;
}

.interview li p.name {
    font-weight: 700;
    font-size: 21px;
    color: #0d4458;
    line-height: 32px;
    margin: 0;
}

.interview li:nth-child(even) p.name {
    color: #00afd1;
}


/* BlockQuote */

blockquote {
    background: #F2F5F7;
    padding: 40px;
    border-radius: 6px;
    border-left: 5px solid #00AFD1;
}

blockquote p {
    font-weight: 400;
    font-size: 23px;
    color: #0d4458;
    line-height: 38px;
}

blockquote .author {
    font-size: 16px;
    font-style: italic;
    margin-bottom: 0px;
    color: #626262;
    font-weight: 400;
}


/* Images */

.oneImage .fullImg {
    height: auto;
    margin: 0 auto;
    display: inline-block;
}

.oneImage .fullImg {
    width: 40%;
}

.twoImages {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.twoImages img {
    width: 49%;
    height: auto;
    display: block;
}

.threeImages {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.threeImages .fullImg {
    width: 100%;
    height: auto;
    margin: 0 0 2% 0;
    display: block;
}

.threeImages .leftImg {
    width: 49%;
    height: auto;
    display: block;
}

.threeImages .rightImg {
    width: 49%;
    height: auto;
    display: block;
}


/* Share & Tags */

.shareAndTag .swp_social_panel {
    margin-bottom: 10px !important;
}

.postTags {
    border-top: 1px solid #f1f1f1;
    padding: 10px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.postTags a {
    font-weight: 400;
    font-size: 11px !important;
    color: #0d4458;
    text-align: center;
    background-color: #F2F5F7;
    margin: 0 3px 3px 0;
    border-radius: 19px;
    padding: 5px 10px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.postTags a:hover {
    color: #fff;
    background-color: #0d4458;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}


/* Webinaire */
.post-form {
    padding: 30px;
    background-color: #f2f5f7;
    border-radius: 6px;
}

.post-form p.med-title {
    margin: 0 0 30px 0;
}

.post-form .form {
    margin: 0;
}

/* //////////////////// COMMENTAIRES //////////////////// */

.commentsContainer {
    padding: 70px 0;
    margin: 0 0 10px 0;
}

.commentIntro h3,
h3#reply-title {
    font-size: 42px;
    line-height: 1.2;
    color: #0d4458;
    font-weight: 700;
    position: relative;
    margin: 0 0 15px 0;
}

/* 
.commentIntro h3:before,
h3#reply-title:before {
	position: absolute;
	content: '';
	background: #ffe010;
	width: 5px;
	height: calc(100% + 34px);
	left: -30px;
	top: 5px;
	display: block;
} */

.commentIntro p {
    font-size: 21px;
    line-height: 1.5;
    color: #626262;
}

.commentList {
    margin: 50px 0 0;
    padding: 0;
    list-style-type: none;
}

.commentList li {
    border-bottom: 1px solid #00000010;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
}

.commentList li:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.commentList li p.author {
    font-weight: 700;
    font-size: 18px;
    color: #0d4458;
    margin: 0;
}

.commentList li p.date {
    font-size: 12px;
    color: #999999;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.rowLetComment {
    margin-top: 0px;
}

.rowLetCommentWithComment {
    margin-top: 90px;
}

.comment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.comment-form p.comment-notes {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 0 50px 0;
    width: 100%;
}

.comment-form p.comment-form-author {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.comment-form p.comment-form-email {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.comment-form p.comment-form-url {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.comment-form p.comment-form-author,
.comment-form p.comment-form-email,
.comment-form p.comment-form-url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 31%;
    margin: 0 0 2% 0;
}

.comment-form p.comment-form-author label,
.comment-form p.comment-form-email label,
.comment-form p.comment-form-url label,
.comment-form p.comment-form-comment label {
    font-size: 14px;
    color: #0d4458;
    letter-spacing: 0.1px;
    margin: 0 0 7px 0;
}

.comment-form p.comment-form-author input,
.comment-form p.comment-form-email input,
.comment-form p.comment-form-url input,
.comment-form p.comment-form-comment textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #ECEEEF;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
}

.comment-form p.comment-form-comment {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0 0 2% 0;
}

.comment-form p.form-submit {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.comment-form p.form-submit input {
    background: #ffe010;
    color: #0d4458;
    border: none;
    padding: 15px 25px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    top: 13px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    cursor: pointer;
}

.comment-form p.form-submit input:hover {
    background: #ffd510;
    color: #0d4458;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}


/* //////////////////// NAV POST //////////////////// */

.navPosts {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 10px 0;
}

.navPosts .half {
    width: calc(50% - 5px);
    background-color: #0d4458;
    padding: 30px 45px;
}

.navPosts .half .navPost {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
}

.navPosts .half .navPost.nextPost {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.navPosts .half .navPost .icon {
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navPosts .half .navPost.prevPost .icon:before {
    content: '';
    background-image: url(./assets/images/icon-prev-post.svg);
    width: 16px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.navPosts .half .navPost.prevPost:hover .icon:before {
    margin: 0 20px 0 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.navPosts .half .navPost.nextPost .icon:after {
    content: '';
    background-image: url(./assets/images/icon-next-post.svg);
    width: 16px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.navPosts .half .navPost.nextPost:hover .icon:after {
    margin: 0 0 0 20px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.navPosts .half .navPost p.titlePost {
    font-weight: 700;
    font-size: 19px;
    color: #fff;
    margin: 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.navPosts .half .navPost.prevPost p.titlePost {
    text-align: right;
}

.navPosts .half .navPost:hover p.titlePost {
    color: #ffe010;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}


/* //////////////////// SIDEBAR //////////////////// */

.sidebar {
    padding: 0 15px 0 15px;
}

.sidebar .widget {
    margin: 0 0 55px 0;
    border-radius: 6px;
    overflow: hidden;
}

.sidebar .widget:last-child {
    margin: 0;
}

.sidebar .widget h3 {
    padding: 0 10px 20px;
    border-bottom: 1px solid #f1f1f1;
    margin: 0 0 20px 0;
    font-size: 18px;
    color: #0d4458;
    line-height: 23px;
    font-weight: 700;
}

.widget_search .screen-reader-text {
    display: none;
}

.widget_search form {
    position: relative;
    padding: 0px;
}

.widget_search form input#search {
    border: 1px solid #f1f1f1;
    padding: 10px 10px 10px 15px;
    font-size: 13px;
    color: #999;
    width: 100%;
    border-radius: 75px;
}

.widget_search form input#searchsubmit {
    position: absolute;
    font-size: 0px;
    top: 0px;
    right: 0px;
    width: 41px;
    height: 41px;
    background: transparent;
    border: none;
    z-index: 2;
    cursor: pointer;
}

.widget_search form .icon-magnifyingGlass {
    position: absolute;
    z-index: 1;
    width: 41px;
    height: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0px;
    border-top-right-radius: 20.5px;
    border-bottom-right-radius: 20.5px;
    background-color: #FFE010;
    background-image: url(./assets/images/ic-search.svg);
    background-position: 12px center;
    background-size: 15px;
    background-repeat: no-repeat;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.widget_search form input#searchsubmit:hover+.icon-magnifyingGlass {
    background-color: #00afd1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.widget_categories ul {
    padding: 0 10px 20px;
    margin: 0;
    list-style-type: none;
}

.widget_categories ul li {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    color: #626262;
    margin: 0 0 5px 0;
}

.widget_categories ul li:last-child {
    margin: 0;
}

.widget_categories ul li a {
    color: #0d4458;
    padding: 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.widget_categories ul li a:hover {
    color: #ffe010;
    padding: 0 0 0 5px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.custom-tagcloud,
.tagcloud {
    padding: 0 10px 20px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.custom-tagcloud a,
.tagcloud a {
    font-weight: 400;
    font-size: 11px !important;
    color: #0d4458;
    text-align: center;
    background-color: #F2F5F7;
    margin: 0 3px 3px 0;
    border-radius: 19px;
    padding: 5px 10px;
}

.custom-tagcloud a:hover,
.tagcloud a:hover {
    color: #fff;
    background-color: #0d4458;
}

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

.widget_recent_entries ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 10px 20px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #f1f1f1;
}

.widget_recent_entries ul li:last-child {
    margin: 0;
    border-bottom: none;
}

.widget_recent_entries ul li a {
    font-weight: 500;
    font-size: 14px;
    color: #0d4458;
    letter-spacing: 0;
    margin: 0 0 3px 0;
}

.widget_recent_entries ul li a:hover {
    color: #ffd510
}

.widget_recent_entries ul li span.post-date {
    font-size: 12px;
    color: #999999;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

#text-6 h3 {
    background-color: #0d4458;
    color: #fff;
    border-bottom: none;
}

.textwidget {
    padding: 0 10px 20px;
}

.textwidget p {
    font-size: 13px;
}

.textwidget form {
    position: relative;
}

.textwidget form .rm_form_el_set.rm_form_el_email {
    padding: 0;
    margin: 0;
    width: 100%;
}

.textwidget form .rm_form_el_set.rm_form_el_email input.rm_form_field {
    border: 1px solid #f1f1f1;
    padding: 10px 10px 10px 15px;
    font-size: 13px;
    color: #999;
    width: 100%;
    border-radius: 75px;
}

.textwidget form .rm_form_el_set.rm_form_el_button {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0;
    margin: 0;
}

.textwidget form .rm_form_el_set.rm_form_el_button input.rm_form_field.rm_button {
    position: absolute;
    z-index: 1;
    width: 41px;
    height: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0px;
    border-top-right-radius: 20.5px;
    border-bottom-right-radius: 20.5px;
    background-color: #FFE010;
    background-image: url(./assets/images/ic-right-arrow.svg);
    background-position: 12px center;
    background-size: 15px;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
    font-size: 0px;
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.textwidget form .rm_form_el_set.rm_form_el_button input.rm_form_field.rm_button:hover {
    background-color: #00afd1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

._form._form_5 ._form-content label._form-label {
    display: none;
}

._form._form_5 ._form-content ._field-wrapper input[type="text"] {
    border: 1px solid #f1f1f1;
    padding: 10px 10px 10px 15px;
    font-size: 13px;
    color: #999;
    width: 100%;
    border-radius: 75px;
}

._form._form_5 ._form-content button#_form_5_submit {
    position: absolute;
    border: none;
    z-index: 1;
    width: 41px;
    height: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0px;
    border-top-right-radius: 20.5px;
    border-bottom-right-radius: 20.5px;
    background-color: #FFE010;
    background-image: url(./assets/images/ic-right-arrow.svg);
    background-position: 12px center;
    background-size: 15px;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
    font-size: 0px;
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

._form._form_5 ._form-content button#_form_5_submit:hover {
    background-color: #00afd1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}



/* //////////////////// ANNUAIRES //////////////////// */

/* Directory Header */
.headband.annuaire .content {
    margin: 0 0 50px 0;
}

/* Directory Tools */
.annuaire-icons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.annuaire-icons .tool {
    width: calc((100% - 60px) / 3);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.annuaire-icons .tool .icon {
    padding: 15px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 2px solid #00AFD1;
    background-color: #FFFFFF;
    margin: 0 0 20px 0;
}

.annuaire-icons .tool .med-title {
    color: #00AFD1;
}

.annuaire-icons .tool p {
    color: #FFFFFF;
}

.annuaire-icons {
    margin: 70px 0 0;
}

.map {
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 400px;
    min-width: 400px;
}

.annuaryScrollerFrame {
    height: 100%;
}

#notary-selected {
    display: none;
}

#notariesList-Map {
    display: none;
}

.notaryPlace {
    width: calc(((100% + 30px) / 3) * (12/5) - 30px);
    margin: 0 30px 30px 0;
    position: relative;
}

.notaryPlace .title {
    color: #0d4458;
    font-weight: 700;
    font-size: 28px;
}

#notary-selected .standardBlock .textPart {
    margin: 0 0 60px 0;
    padding: 0;
}

.notaryCloseButton {
    position: absolute;
    right: 0px;
    cursor: pointer;
}

.notaryCloseButton img {
    width: 20px;
    height: 20px;
    display: block;
    opacity: 0.5;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

#notary-selected .standardBlock .textPart .contentText h2 {
    font-weight: 700;
}

.notaryCloseButton:hover img {
    opacity: 1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

/* Results Bar */
.results-bar {
    margin: 0;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    width: 100%;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.place-headband .results-bar {
    margin: 40px 0 0 0;
}

.results-bar .results-number p {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
}

.results-bar .switch-map-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.results-bar .switch-map-button p {
    margin-bottom: 0px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding-right: 15px;
}


/* Place Header */
.place-headband {
    position: relative;
    background: rgb(7, 69, 90);
    background: -o-linear-gradient(left, rgba(7, 69, 90, 1) 0%, rgba(127, 215, 232, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(7, 69, 90, 1)), to(rgba(127, 215, 232, 1)));
    background: linear-gradient(to right, rgba(7, 69, 90, 1) 0%, rgba(127, 215, 232, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d4458', endColorstr='#7fd7e8', GradientType=1);
}

.place-headband:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background-color: #0d4458;
    opacity: 0.8;
}

.place-headband:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -o-linear-gradient(left, rgba(7, 69, 90, 1) 0%, rgba(7, 69, 90, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(7, 69, 90, 1)), to(rgba(7, 69, 90, 0)));
    background: linear-gradient(to right, rgba(7, 69, 90, 1) 0%, rgba(7, 69, 90, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d4458', endColorstr='#000d4458', GradientType=1);
}

.place-headband .img-background img {
    opacity: 1;
}

.headband .content .introduction h2,
.headband .content .introduction h3,
.headband .content .introduction h4,
.headband .content .introduction h5,
.headband .content .introduction h6 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 30px 0 5px 0;
    color: #00AFD1 !important;
}

/* PreFooter Directory */
.pre-footer-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.list {
    width: calc((100% - 60px) / 3);
    margin: 0;
}

.list .title {
    margin: 0 0 30px;
    padding: 0 0 20px;
    position: relative;
}



.list .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background-color: #E5E5E5;
}

.list .title p.nav-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #07455A;
    letter-spacing: 1.4px;
    line-height: 23px;
    margin: 0;
}

.list .title p {
    font-size: 14px;
}

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

.list .nav-list li {
    margin: 0 0 12px 0;
}

.list .nav-list li:last-child {
    margin: 0;
}

.list .nav-list li a {
    color: #00AFD1;
}

.list .nav-list li a:hover {
    color: #07455A;
}

/* Hide default HTML checkbox */

.results-bar .switch-map-button .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}


/* Notaries Map Button */
.results-bar .switch-map-button .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 34px;
    margin-bottom: 0px;
}


.results-bar .switch-map-button .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F2F5F7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    border: 1px solid #eceeef;
}

.results-bar .switch-map-button .slider:before {
    position: absolute;
    content: "";
    height: 32px;
    width: 32px;
    left: 0;
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    border: 1px solid #eceeef;
    background-image: url(./assets/images/icon-cross.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px;
}

.results-bar .switch-map-button input:checked+.slider {
    background-color: #35CD62;
    border: 1px solid #35CD62;
}

.results-bar .switch-map-button input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
    background-image: url(./assets/images/icon-check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}


/* Notaries SearchForm */

.searchForm {
    margin: 0 0 30px 0;
    position: relative;
}

.searchForm form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

.searchForm form label {
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.1px;
    width: 100%;
    margin: 0 0 10px 0 !important;
}

.searchForm form input#search {
    background: #FFFFFF;
    border: 1px solid #eceeef;
    border-radius: 4px;
    color: #626262;
    padding: 15px 20px;
    width: 71%;
}

.searchForm form input#searchsubmit {
    padding: 15px 25px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 18px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    background: #ffe010;
    color: #0d4458;
    width: 27%;
    border: none;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.searchForm form input#searchsubmit:hover {
    background: #ffd510;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.geoLocAndPlace {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    width: 500px;
    /* height: 180px; */
    overflow: auto;
    position: absolute;
    z-index: 3;
    left: 15px;
    top: 90px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .15);
    padding: 11px 20px;
}

.geoLocAndPlace.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.geoLocAndPlace button.geoLocLink {
    background-image: url(./assets/images/icon-geoLoc.svg);
    background-repeat: no-repeat;
    text-align: left;
    padding: 5px 0 5px 25px;
    background-position: left center;
    appearance: none;
    border: none;
    color: #0d4458;
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    background-color: transparent;
}

.geoLocAndPlace button.geoLocLink:hover {
    color: #00afd1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.geoLocAndPlace p.suggest {
    border-top: 1px solid #eceeef;
    margin: 10px 0 10px 0;
    padding: 10px 0 0 0;
    font-size: 15px;
    font-weight: 700;
}

.geoLocAndPlace a {
    background-image: url(./assets/images/ic-place.svg);
    background-repeat: no-repeat;
    text-align: left;
    padding: 5px 0 5px 25px;
    background-position: left center;
    appearance: none;
    border: none;
    color: #0d4458;
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.geoLocAndPlace a:hover {
    color: #00afd1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}


/* Notaries No Results */

.allNotaries {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
}

.allNotaries .no-results {
    color: #0d4458;
    margin: 0 auto;
    text-align: center;
}

.allNotaries .no-results .icCompass {
    width: 90px;
    height: auto;
    display: inline-block;
    margin: 0 0 30px 0;
}

.allNotaries .no-results__title {
    font-weight: bold;
}

.allNotaries .no-results__subtitle {
    text-align: center;
}


/* Notary Map Container */

#notariesList-Map {
    height: 100vh;
    background: #fff;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    position: relative;
}

.headBand-MapRow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
    height: 75px;
}

.headBand-MapRow .smallLogo {
    height: 45px;
    width: auto;
    display: block;
    margin: 0 15px 0 0;
}

.headBand-MapRow .results-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.annuaryScrollerFrame {
    height: calc(100vh - 75px);
    width: 450px;
    background: #fff;
    padding: 0;
    position: absolute;
    left: 0;
    top: 75px;
    z-index: 3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.annuaryScrollerFrame .searchForm {
    background-color: #eceeef;
    padding: 20px;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.annuaryScrollerFrame .searchForm #searchsubmit {
    background-image: url(./assets/images/icon-glass.svg);
    font-size: 0px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center;
    width: 56px;
    background-size: 26px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.annuaryScrollerFrame .searchForm #searchsubmit:hover {
    background-image: url(./assets/images/icon-glass.svg);
    font-size: 0px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center;
    width: 56px;
    background-size: 26px;
    background-color: #ffd510;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.annuaryScrollerFrame .searchForm #search {
    width: calc(100% - 66px);
}

.listResultMap {
    overflow: auto;
    height: calc(100% - 96px);
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.listResultMap:after {
    display: none;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    z-index: 3;
}

.listResultMap .hitbox.withMap {
    width: 100% !important;
    margin: 0 !important;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #eceeef;
    border-radius: 0px;
}

.listResultMap .hitbox.withMap .singleNotary {
    padding: 20px 0 20px 20px;
    border-radius: 0px;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.listResultMap .hitbox.withMap .singleNotary.selected {
    background-color: #F2F5F7;
}

.listResultMap .hitbox.withMap .singleNotary .row {
    margin: 0 !important;
}

.listResultMap .hitbox.withMap .singleNotary .lettersBlock {
    margin: 0 20px 0 0;
}

.listResultMap .hitbox.withMap .singleNotary .notaryInfos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 60px 0 0;
}

.listResultMap .hitbox.withMap .singleNotary .notaryInfos .phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 5px 0;
}

.listResultMap .hitbox.withMap .singleNotary .notaryInfos .phone h3 {
    margin: 0 15px 0 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
}

.listResultMap .hitbox.withMap .singleNotary .notaryInfos .phone a {
    font-size: 13px;
    color: #00AFD1;
}

.listResultMap .hitbox.withMap .singleNotary .notaryInfos .address {
    text-align: left;
    font-size: 13px;
}

.listResultMap .hitbox.withMap .singleNotary .cornerLabel {
    bottom: 0px;
    right: 0px;
    width: 50px !important;
    height: 100% !important;
    border-radius: 0px;
    background-position: center;
}

.listResultMap .hitbox.withMap.selected:hover .nextButton {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0px;
    width: 100%;
    padding: 10px;
}

.mapContainer {
    height: calc(100vh - 75px);
    width: calc(100% - 450px);
    background: #fff;
    padding: 0;
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 3;
}


/* Map PopUp */

.popinMap .singleNotary .officeName {
    display: none !important;
}

.popinMap .singleNotary .name {
    margin: 0 0 10px 0;
}

.popinMap .singleNotary.selected {
    border: none !important
}

.popinMap .singleNotary p {
    margin: 0 0 13px 0 !important;
}

.leaflet-popup-content-wrapper {
    padding: 0 !important;
}

.leaflet-popup-content {
    margin: 0 !important;
}

.leaflet-container a.leaflet-popup-close-button {
    top: 4px !important;
    right: 4px !important;
}


/* Notary Single Details */

.hitbox {
    width: calc((100% / 3) - 20px);
    margin: 0 30px 30px 0;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hitbox:nth-child(3n) {
    margin: 0 0 30px 0px !important;
}

.singleNotary {
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 30px 20px 20px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    border: 2px solid #fff;
}

.nextButton {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 28px 5px;
    border-width: 2px;
    border-color: #35cd62;
    border-radius: 6px;
    border-style: solid;
    background: #35cd62;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    cursor: pointer;
}

.nextButton p {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
}

.hitbox.selected .nextButton {
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.hitbox.selected:hover .nextButton {
    visibility: visible;
    opacity: 1;
}

.singleNotary.selected {
    /*-webkit-box-shadow: 0px 0px 20px 2px rgba(0,175,209,0.6);
    -moz-box-shadow: 0px 0px 20px 2px rgba(0,175,209,0.6);
    box-shadow: 0px 0px 20px 2px rgba(0,175,209,0.6);*/
    border-color: #35cd62;
    border-width: 2px;
}

.hitbox.selected:hover .singleNotary {
    -webkit-transition: 0.5s !important;
    -o-transition: 0.5s !important;
    transition: 0.5s !important;
    /*
	-webkit-box-shadow: inset 0px 0px 10px 1px rgba(13, 68, 88, 0.6);
	box-shadow: inset 0px 0px 10px 1px rgba(13, 68, 88, 0.6);
*/
    opacity: 0.5;
    border: 2px solid #35cd62;
}

.singleNotary:nth-child(3n) {
    margin: 0 0 30px 0px;
}

.singleNotary .lettersBlock {
    width: 60px !important;
    height: 60px !important;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F2F5F7;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    color: #00AFD1;
    letter-spacing: 0.1px;
    text-align: center;
    margin: 0 0 15px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.singleNotary.selected .lettersBlock {
    color: #35cd62;
}

.singleNotary .name {
    font-weight: 7OO;
    font-size: 18px;
    color: #0D4458;
    letter-spacing: 0.1px;
    text-align: center;
    margin: 0;
}

.singleNotary .name2 {
    font-weight: 7OO;
    font-size: 18px;
    color: #0D4458;
    letter-spacing: 0.1px;
    text-align: center;
    margin: 0;
    margin-left: 15px;
    padding-top: 21px;
}

.singleNotary .speciality {
    font-weight: 400;
    font-size: 14px;
    color: #626262;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 26px;
    margin: 0;
}

.singleNotary .officeName {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #eceeef;
    border-bottom: 1px solid #eceeef;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 25px 0;
}

.singleNotary .officeName {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #eceeef;
    border-bottom: 1px solid #eceeef;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

.singleNotary .officeName h4 {
    font-weight: 700;
    font-size: 14px;
    color: #0D4458;
    letter-spacing: 0.1px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.singleNotary .officeName h4:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 15px 0 0;
    background-image: url(./assets/images/icon-office.svg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.singleNotary p.phone a {
    font-weight: 400;
    font-size: 14px;
    color: #0D4458;
    letter-spacing: 0.1px;
    text-align: center;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.singleNotary p.phone a:hover {
    color: #ffd510;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.singleNotary .linkTo {
    font-weight: 400;
    text-decoration: underline;
    font-size: 14px;
    color: #0D4458;
    letter-spacing: 0.1px;
    text-align: center;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.singleNotary .linkTo:hover {
    color: #ffd510;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.singleNotary p {
    font-weight: 400;
    font-size: 14px;
    color: #0D4458;
    letter-spacing: 0.1px;
    margin: 0 0 13px 0;
}

.singleNotary .cornerLabel {
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 60px !important;
    height: 60px !important;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #00AFD1;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 32px;
    color: #F2F5F7;
    letter-spacing: 0.1px;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    background-image: url(./assets/images/icon-plus.svg);
    background-position: 17px 18px;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
}

.singleNotary.selected .cornerLabel {
    background-color: #35cd62;
    background-image: url(./assets/images/icon-check-white.svg);
    background-position: 17px 20px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.singleNotary p:last-child {
    margin: 0;
}

.noMarginTop {
    margin-top: 0 !important;
}

.withMap {
    width: 100% !important;
    margin: 15px 0 !important;
    padding: 0;
}

.withMap .singleNotary {
    padding-top: 5px;
    padding-bottom: 10px;
    height: auto !important;
}


/* Notary Selected */

#notary-selected {
    padding-bottom: 70px;
}

.notaryConnectionForm {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 18px 0 0 0px;
}

.notaryConnectionForm div {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 5px;
}

.notaryConnectionForm p.labelForm {
    font-weight: 700;
    font-size: 16px;
    color: #0D4458;
    letter-spacing: 0.1px;
    margin: 0;
}

.notaryConnectionForm div input {
    border-width: 1px;
    border-color: #eceeef;
    padding: 16px 48px 16px 48px;
    width: calc(100%);
    border-style: solid;
    border-radius: 6px;
}

.notaryConnectionForm div .iconContact {
    content: '';
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 20px 16px 20px 16px;
    background-image: url(./assets/images/icon-office.svg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.notaryConnectionForm div .iconPwd {
    content: '';
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 20px 16px 20px 16px;
    background-image: url(./assets/images/icon-office.svg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.notaryConnectionForm .pwdLink {
    text-decoration: underline;
    font-size: 18px;
    color: #0d4458;
    font-weight: 600;
}

.notaryConnectionForm div button {
    background: #ffe010;
    color: #0d4458;
    padding: 16px 13px;
    border-radius: 6px;
    font-weight: 700;
    position: relative;
    top: 13px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    width: 100%;
    border-style: none;
    border-width: 0;
    font-size: 20px;
    padding-top: 16px;
    cursor: not-allowed;
}

.notaryConnectionForm div button:hover {
    background: #ffd510;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    cursor: not-allowed;
}

.notaryNoAccount {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
}

.notaryNoAccount p {
    color: #0d4458;
    font-weight: 700;
    font-size: 18px;
    margin: 0;
}

.notaryNoAccount a {
    display: inline-block;
    text-align: center;
    background: white;
    color: #0d4458;
    border-radius: 6px;
    font-weight: 700;
    position: relative;
    top: 13px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    width: 100%;
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    cursor: default;
    border-color: #0d4458;
    border-style: solid;
    border-width: 1px;
}

.notaryNoAccount a:hover {
    background: #f2f5f7;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    cursor: pointer;
}


/* Notary Pagination */

.paginationNotaries {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 0;
}

.paginationInside {
    background: #F2F5F7;
    overflow: hidden;
    border-radius: 80px;
}

.paginationNotaries a.linkPage {
    min-width: 50px;
    background: #F2F5F7;
    border-radius: 0px;
    font-weight: 700;
    font-size: 14px;
    color: #0D4458;
    text-align: center;
    padding: 20px 0px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.paginationNotaries span.current {
    min-width: 50px;
    background: #0D4458;
    color: #fff;
    border-radius: 0px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    padding: 20px 15px;
    border-radius: 4px;
}

.paginationNotaries a.linkPage:hover {
    background: #0D4458;
    color: #fff;
    border-radius: 4px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.paginationNotaries a.pagNav {
    background-size: 25px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 61px;
    width: 100px;
    background: #f2f5f7;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}


.paginationNotaries a.pagNav.prev {
    background-image: url(./assets/images/icon-left-arrow.svg);
    border-right: 1px solid #D9DCDD;
}

.paginationNotaries a.pagNav.prev:hover {
    background-position: 33px center !important;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.paginationNotaries a.pagNav.next {
    background-image: url(./assets/images/icon-right-arrow.svg);
    border-left: 1px solid #D9DCDD;
}

.paginationNotaries a.pagNav.next:hover {
    background-position: 40px center !important;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}


/* //////////////////// MEDIA QUERIES //////////////////// */
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

    /* HEADER */
    .header-content .logo img {
        width: 230px;
        height: 59px;
    }

    .navigation .menu li {
        margin-right: 17px;
    }

    .navigation .menu li a {
        font-size: 14px;
    }

    .navigation .menu .sub-menu-wrap {
        top: 139px;
    }

    .navigation .menu .sub-menu {
        width: 960px;

    }

    .navigation .menu .small-sub-menu .sub-menu-wrap {
        top: 71px;
    }

    .main-content {
        padding-top: 139px;
    }

    .main-content::before {
        height: 139px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {


    /* HEADER */
    .header-content {
        padding: 20px 15px;
    }

    header.nav-up {
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
    }

    .sec-nav {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px 10px 6px;
    }

    .navigation {
        position: fixed;
        background: #07455A;
        width: 100%;
        height: auto;
        max-height: calc(100vh - 99px);
        bottom: 0;
        left: 0;
        padding: 50px 50px 0;
        overflow-y: scroll;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        transition: all ease .5s;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
        -ms-transition: all ease .5s;
        -o-transition: all ease .5s;
    }

    .navigation.visible {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        transition: all ease .5s;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
        -ms-transition: all ease .5s;
        -o-transition: all ease .5s;
    }

    .main-nav,
    .main-nav+div {
        width: 100%;
    }

    .navigation .menu {
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style-type: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .navigation .menu li {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .navigation .menu li:last-child {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .navigation .menu li a {
        font-size: 17px;
    }

    .navigation .menu li a::after {
        display: none;
    }

    .navigation .menu .sub-menu-wrap {
        top: inherit;
        position: relative;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        margin: 20px 0;
    }

    .navigation .menu .sub-menu {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 0 0 15px;
    }

    .navigation .menu .sub-menu li {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .navigation .menu .sub-menu li:last-child {
        margin-bottom: 0;
    }

    .navigation .menu .sub-menu li a,
    .navigation .menu .sub-menu .sub-menu-wrap .sub-menu li a {
        color: #FFFFFF;
    }

    .navigation .menu .sub-menu .sub-menu-wrap {
        margin: 8px 0 0 15px;
    }

    .navigation .menu .sub-menu .sub-menu-wrap .sub-menu li {
        margin-bottom: 6px;
    }

    .navigation .menu .small-sub-menu .sub-menu-wrap {
        display: block;
        position: relative;
        top: inherit;
        left: inherit;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .navigation .menu .small-sub-menu .sub-menu-wrap .sub-menu {
        padding: 0 0 0 15px;
        margin: 25px 0;
    }

    .navigation .menu .small-sub-menu .sub-menu-wrap .sub-menu li {
        margin: 0 0 6px 0;
        text-align: left;
    }

    .navigation .menu .small-sub-menu .sub-menu-wrap .sub-menu li a {
        color: #FFFFFF;
    }


    .open-nav {
        position: absolute;
        right: -9px;
        bottom: 8px;
    }

    .open-nav .menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
    }

    .open-nav .line {
        fill: none;
        stroke: #FFFFFF;
        stroke-width: 6;
        -webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
            stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
            stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
            stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .open-nav .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .open-nav .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }

    .open-nav .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .open-nav .opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .open-nav .opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }

    .open-nav .opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    /* FOOTER */
    footer {
        padding: 40px 0;
    }

    .footer-main .left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: revert;
        flex-direction: revert;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 0 45Px 0;
    }

    .footer-legals {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .footer-legals .right img {
        width: 24px;
        height: 24px;
        position: relative;
        margin: 0 0 0 14px;
        left: 10px;
    }

    .footer-legals .copyright {
        margin: 10px 0 0 0;
    }


    /* GENERAL */
    .main-content {
        padding-top: 99px;
    }

    .main-content::before {
        height: 99px;
    }

    .content-line {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .main-title {
        font-size: 32px;
    }

    .introduction p {
        font-size: 100%;
    }

    .commentIntro h3,
    h3#reply-title,
    .big-title,
    .section-title {
        font-size: 26Px;
    }

    .block-title .introduction {
        font-size: 17px;
    }

    .block-title {
        margin: 0 0 30px 0;
    }

    .med-title {
        font-size: 18px !important;
    }

    .sub-title {
        font-size: 22px;
    }

    .content ul li,
    .content ol li,
    .simpleText ul li,
    .simpleText ol li,
    p {
        font-size: 15px;
        line-height: 1.5;
    }

    .postTitle h4 {
        font-size: 18px;
    }

    .postTitle h3 {
        font-size: 22px;
    }

    .small-link {
        font-size: 14px;
    }

    .form .gform_wrapper .gform_footer input.button,
    .form .gform_wrapper .gform_footer input[type=submit],
    .form .gform_wrapper .gform_page_footer input.button,
    .form .gform_wrapper .gform_page_footer input[type=submit],

    .comment-form p.form-submit input,
    .main-btn {
        padding: 10px 15px;
        font-size: 14px;
    }

    #play {
        width: 60px;
        height: 60px;
    }

    .content-default h2,
    .content-default h3,
    .content-default h4,
    .content-default h5,
    .content-default h6,
    .content-default h2 span,
    .content-default h3 span,
    .content-default h4 span,
    .content-default h5 span,
    .content-default h6 span {
        color: #07455A !important;
    }


    .content-default h2 {
        font-size: 22px;
        margin: 30px 0 10px;
    }

    .content-default h3 {
        font-size: 19px;
        margin: 15px 0 5px;
    }

    .content-default h4 {
        font-size: 17px;
        margin: 10px 0 5px;
    }

    .content-default h5 {
        font-size: 15px;
        margin: 10px 0 5px;
    }

    .content-default h6 {
        font-size: 14px;
        margin: 10px 0 5px;
    }


    /* LINES & PAGES */

    /* HEABAND */
    .headband .content .links {
        margin: 30px 0 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .headband .content .links .main-btn {
        margin: 0 0 10px 0;
        font-size: 16px;
    }

    .headband .content .label {
        width: 70px;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        z-index: 10;
    }

    .headband .content.without-illustration .label {
        width: 70px;

        -webkit-transform: translate(0%, -50%);

        -ms-transform: translate(0%, -50%);

        transform: translate(0%, -50%);
        z-index: 10;
        -moz-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
    }

    /* STATS */

    .stat .key {
        font-size: 150%;
    }

    .stat .description {
        font-size: 100%;
    }

    /* TABS PERSONA */
    .tab-pane.persona .inside .content .accroche {
        font-size: 26px;
    }

    /* ALL POSTS */
    .all-posts.without-sidebar {
        grid-template-columns: repeat(2, 1fr);
    }

    .last-posts .all-posts.without-sidebar .post:last-child {
        display: none !important;
    }

    .blog-link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 30px 0 0 0;
    }

    /* ICONES */
    .icone img {
        width: 44px;
        height: auto;
    }

    .icones-grid.grid-by-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .icones-grid.grid-by-4 {
        grid-template-columns: repeat(3, 1fr);
    }

    /* PRODUCTS SLIDER */
    .slider .slick-arrow {
        width: 10px;
        height: 20px;
    }

    .slider .slick-prev {
        left: -8px;
    }

    .slider .slick-next {
        right: -8px;
    }

    .product {
        padding: 10px;
    }

    .product-card {
        display: block;
        padding: 30px 20px;
    }

    .product-card img {
        max-width: 50px;
        max-height: 50px;
        margin: 0 auto 20px;
    }

    .product-card p {
        font-size: 14px;
    }

    .product-card:hover {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }

    .product-card:hover .discover {
        display: none;
    }

    /* TABS PRODUITS */
    .tabulation-links.nav-tabs .nav-link {
        font-size: 15px;
    }

    .tab-pane.service .content {
        padding: 30px 0 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .tab-pane.service .content .text {
        padding: 30px;
        width: 100%;
        min-height: auto;
        margin: 0;
    }

    .tab-pane.service .content .text .main-btn {
        margin: 10px 0 0;
        padding: 10px 15px;
        min-width: auto;
    }

    .tab-pane.service .content .image {
        position: relative;
        z-index: 1;
        width: 60%;
        right: 0;
        margin: 0 0 30px 0;
        display: none !important;
    }


    /* FAQ */
    .navigation-container {
        margin-top: -30px;
    }

    .accordion .card .card-header .card-title {
        font-size: 16px;
    }

    /* TEAM */
    .team .grid-member {
        grid-template-columns: repeat(3, 1fr);
    }

    .modal-dialog.video-portrait {
        max-width: 80%;
    }

    /* PRESSE */
    .single-release .logo {
        width: 130px;
    }

    /* RECRUTEMENT */
    body.page-template-page-recrutement .headband {
        padding-bottom: 120px;
    }

    .about {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: -80px;
    }

    /* LEGALS */
    .cgu-nav {
        top: 130px;
        margin-top: -20px;
    }

    .cgu-nav.up {
        top: 130px;
    }

    .cgu-nav .menu li {
        padding: 10px 0;
        line-height: 1.2;
    }

    .cgu-nav .menu li a {
        font-size: 14px;
        line-height: 1.4;
    }

    /* BLOG */
    .sidebar {
        display: none !important;
    }

    .introPostWithImage {
        height: 440px;
        padding: 60px 0;
    }

    .introPost .big-title {
        max-width: 80%;
    }

    .introPost.introPostWithVideo .big-title {
        margin: 0 auto 15px;
    }

    .introPost p.infos {
        font-size: 14px;
    }

    .navPosts .half {
        padding: 20px 25px;
    }

    .navPosts .half .navPost p.titlePost {
        font-size: 16px;
    }

    .introPostWithVideo .play-video {
        display: none !important;
    }

    /* ANNUAIRE */
    .hitbox {
        width: calc((100% / 2) - 20px);
    }

    .hitbox:nth-child(3n) {
        margin: 0 30px 30px 0px !important;
    }

    .hitbox:nth-child(2n) {
        margin: 0 0 30px 0px !important;
    }

    .annuaryScrollerFrame {
        height: 96px;
        width: 100%;
        z-index: 4;
    }

    .listResultMap {
        display: none !important;
    }

    .mapContainer {
        height: calc(100vh - 75px);
        width: 100%;
    }

    .partners {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
    }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    /* HEADER */
    .header-content .logo img {
        width: 180px;
        height: 46px;
    }

    .navigation {
        padding: 20px 20px 0;
    }

    .navigation .menu li:last-child {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .navigation .menu .menu-btn {
        margin-top: 20px !important;
    }

    .sec-nav {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 15px 0 0;
    }

    .sec-nav .menu li {
        margin-right: 15px;
    }

    .sec-nav .menu li a {
        font-size: 10px;
    }

    .sec-nav::after {
        display: none;
    }

    .open-nav {
        position: absolute;
        right: 8px;
        bottom: 11px;
    }

    .open-nav svg {
        width: 36px;
        height: 36px;
    }

    /* FOOTER */
    .footer-main .left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 25Px 0;
    }

    .footer-main .left .logo img {
        display: none;
    }

    footer .social-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }

    .footer-main .right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .footer-main .right .footer-nav {
        margin: 0 0 25px 0;
        padding: 0;
    }

    .footer-main .right .footer-nav .menu {
        margin: 5px 0 0 0;
    }

    .footer-main .right .footer-nav .nav-title {
        margin: 0;
    }

    .footer-main .right .footer-nav .menu li {
        margin-bottom: 6px;
    }

    .footer-legals {
        margin: 5px 0 0 0;
    }

    .footer-legals::before {
        width: 80%;
        left: 10%;
    }

    .footer-legals .right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-legals .right .menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .footer-legals .right .menu li {
        margin-right: 0;
        margin-bottom: 6px;
    }

    .footer-legals .right img {
        margin: 0 0 15px 0;
        left: 0;
    }

    /* GENERAL */

    .content-line {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .main-content {
        padding-top: 86px;
    }

    .main-content::before {
        height: 86px;
    }

    .big-title,
    .section-title {
        font-size: 22Px;
    }

    .main-title {
        font-size: 26px;
    }

    .commentIntro h3,
    h3#reply-title {
        font-size: 22px;
    }

    .main-title br {
        display: none;
    }

    .sub-title {
        font-size: 18px;
    }


    /* LINES & PAGES */

    /* HEADBAND */
    .headband .content.without-illustration .label,
    .headband .content .label {
        width: 60px;
        -webkit-transform: translate(-15px, -50%);
        -ms-transform: translate(-15px, -50%);
        transform: translate(-15px, -50%);
        z-index: 10;
    }

    .headband .main-title {
        width: calc(100% - 70px);
    }

    .headband .content .links .main-btn {
        width: 100%;
    }

    .illustration {
        margin: 30px 0 0 0;
    }

    /* TEXT & VIDEO, IMG */
    .text-image .content,
    .text-video .content {
        margin-bottom: 30px;
    }

    /* TABS PERSONNA */
    .tab-pane.persona .inside {
        padding: 30px 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tab-pane.persona .inside img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 0 20px 0;
    }

    .tab-pane.persona .inside .content {
        width: 100%;
    }

    /* TABS PRODUCTS */
    .tabulation-links.nav-tabs .nav-link {
        font-size: 12px;
        padding: 5px 10px;
        border: 1Px solid !important;
        border-radius: 6px !important;
        margin: 0 2.5px 5px;
    }

    .tabulation-links.nav-tabs {
        border-bottom: none;
    }

    /* CARDS */

    .image-card {
        width: 100%;
        margin: 0 0 30px 0 !important;
    }

    .image-card:last-child {
        margin: 0 !important;
    }

    /* ALL POSTS */
    .all-posts.with-sidebar,
    .all-posts.without-sidebar {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }

    .media-nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .media-nav li {
        margin: 0 5px 5px 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 0;
    }

    /* CTA */
    .cta-container {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .cta-container .main-btn {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 20px 0 0 0;
    }

    /* ICONES */
    .icones-slider {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .icone {
        width: 100%;
        margin: 0 0 20px 0 !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: revert;
        flex-direction: revert;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }

    .icone:last-child {
        width: 100%;
        margin: 0 !important;
    }

    .icone img {
        width: 44px;
        height: auto;
        margin: 0 30px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .icone p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
    }

    .icones-grid.grid-by-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .icones-grid.grid-by-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* STATS */
    .stat .key {
        font-size: 110%;
    }

    .stat .description {
        font-size: 90%;
        line-height: 1.2;
    }

    /* MEMBER */
    .team .grid-member {
        grid-template-columns: repeat(1, 1fr);
    }

    .modal-dialog.video-portrait {
        max-width: 100%;
    }

    .video-portrait .icon-cross img {
        width: 16px;
        height: 16px;
        display: block;
    }

    .video-portrait .icon-cross {
        position: absolute;
        top: -32px;
        right: 16px;
        cursor: pointer;
    }

    /* FORM */
    .form {
        margin-bottom: 30px;
    }

    /* PRESSE */
    .jobs-list ul .single-job,
    .single-release {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .apply .content {

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .single-release .logo {
        width: 110px;
        margin: 0 0 15px 0;
    }

    .apply .content .main-btn,
    .jobs-list ul .single-job .main-btn,
    .single-release .main-btn {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 15px 0 0 0;
    }

    /* RECRUTMEMNT */
    .about .content {
        padding: 30px 15px;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }

    /* FAQ */
    .profiles-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .profiles-container .profile {
        width: 100%;
        margin: 0 0 5px 0;
        height: 100px;
        font-size: 21px;
    }

    .profiles-container .profile:last-child {
        margin: 0;
    }

    .profiles-container .profile:hover {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }

    .faq-nav {
        padding: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .faq-nav li {
        margin: 0;
    }

    .faq-nav li a {
        font-size: 12px;
        letter-spacing: 0.6px;
    }

    .faq .row {
        padding-bottom: 40px;
    }

    .accordion .card .card-header {
        padding: 15px;
    }

    .accordion .card .card-header .card-title {
        font-size: 14px;
        line-height: 1.4;
        max-width: calc(100% - 34px);
    }

    .accordion .card .collapse .card-body,
    .accordion .card .collapsing .card-body {
        padding: 20px 20px 5px;
    }

    /* DEFAULT */
    .cgu-nav {
        top: 0;
        margin-top: 0;
        position: relative;
        width: 100%;
        height: auto;
        padding: 0 15px;
        margin: 0 0 60px 0;
    }

    .cgu-nav .menu {
        padding: 0;
        margin: 0;
    }

    /* ANNUAIRE */
    .headband.annuaire .main-title {
        width: 100%
    }

    .searchForm form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .searchForm form input#search {
        width: 100%;
        margin: 0 0 5px 0;
    }

    .searchForm form input#searchsubmit {
        width: 100%;
    }

    .geoLocAndPlace {
        width: calc(100% - 30px);
    }

    .searchForm {
        margin: 0;
    }

    .annuaire-icons {
        margin: 50px 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .annuaire-icons .tool {
        width: 100%;
        margin: 0 0 20px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .annuaire-icons .tool:last-child {
        margin: 0;
    }

    .annuaire-icons .tool .icon {
        width: 60px;
        height: 60px;
        margin: 0 15px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .annuaire-icons .tool .content {
        margin: 0;
        text-align: left;
    }


    .pre-footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .list {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .list:last-child {
        margin: 0;
    }

    .list .title {
        margin: 0 0 15px;
        padding: 0 0 8px;
        position: relative;
    }

    .list .nav-list li {
        margin: 0 0 6px 0;
    }

    .hitbox:nth-child(3n),
    .hitbox:nth-child(2n),
    .hitbox {
        width: 100%;
        margin: 0 0 15px 0 !important;
    }

    .results-bar {
        margin: 0 15px !important;

        width: calc(100% - 30px);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .results-bar .results-number p {
        font-size: 16px;
    }

    .results-bar .switch-map-button p {
        margin-bottom: 0px;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        padding-right: 5px;
    }

    .notaryCloseButton {
        top: 0px;
    }

    .notaryCloseButton img {
        width: 20px;
        height: 20px;
        display: block;
        opacity: 0.5;
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
    }

    .notaryPlace {
        width: 100%;
    }

    #notary-selected .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .notaryNoAccount a,
    .notaryConnectionForm div button {
        padding: 12px 13px;
        border-radius: 6px;
        font-weight: 700;
        position: relative;

        width: 100%;

        font-size: 14px;
        padding-top: 12px;
    }

    #notary-selected {
        padding-bottom: 0;
    }

    #notary-selected .standardBlock .textPart .contentText h2 {
        font-weight: 700;
        font-size: 20px;
    }

    .notaryPlace .title {
        color: #0d4458;
        font-weight: 700;
        font-size: 22px;
    }

    #notary-selected .standardBlock .textPart {
        margin: 0 0 30px 0;
    }

    .headBand-MapRow .results-bar {
        margin: 0 0 0 10px !important;
    }

    .headBand-MapRow .results-bar .switch-map-button p {
        display: none;
    }

    .annuaryScrollerFrame .searchForm {
        padding: 15px;
    }

    .annuaryScrollerFrame .searchForm form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
    }

    .annuaryScrollerFrame .searchForm form input {
        margin: 0 !important;
    }

    .annuaryScrollerFrame {
        height: auto;
    }

    .place-headband .results-bar {
        margin: 20px 0 0 0 !important;
        width: 100%;
    }

    .comment-form p.comment-form-author,
    .comment-form p.comment-form-email,
    .comment-form p.comment-form-url {

        width: 100%;
    }

    .partners {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
    }

    .single-partner .logo {
        max-width: 80%;
        max-height: 65px;
    }

}

/* Small devices (landscape phones) */
@media only screen and (min-width: 320px) and (max-width: 812px) and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {

    /* ALERTE LANDSCAPE */
    .alerte-landscape {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #0C0031;
        z-index: 100002;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .alerte-landscape img {
        display: inline-block;
        margin: 30px 0 20px;
        width: 50px;
        height: 50px;
    }

    .alerte-landscape p {
        text-align: center;
        padding: 0;
        position: relative;
        width: 80%;
        margin: 0 10%;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 10px;
        color: #FFFFFF;
        letter-spacing: 1.2px;
        line-height: 15px;
    }

    .alerte-landscape p strong {
        font-weight: 700;
        color: #00AFD1;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}