@charset "UTF-8";
@charset "UTF-8";

           @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap");
#wpadminbar {
position: fixed !important;
}
a {
text-decoration: none;
}
#page .vc_row {
margin-left: 0;
margin-right: 0;
}
#page .wpb_content_element, #page .vc_btn3-container {
margin-bottom: 0;
}
#page .vc_column-inner {
padding: 0;
}
#page .vc_section {
margin: 0;
padding: 0;
}
#page .vc_column-inner::before, #page .vc_column-inner::after {
content: none;
}
#page .vc_row::before, #page .vc_row::after {
content: none;
}
#page .vc_col-sm-1, #page .vc_col-sm-10, #page .vc_col-sm-11, #page .vc_col-sm-12, #page .vc_col-sm-2, #page .vc_col-sm-3, #page .vc_col-sm-4, #page .vc_col-sm-5, #page .vc_col-sm-6, #page .vc_col-sm-7, #page .vc_col-sm-8, #page .vc_col-sm-9 { } @media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
font-size: 16px !important;
background: #eee;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select, textarea, input {
font-size: 16px !important;
}
}
@media screen and (min-width: 500px) {
.vc_row-no-padding {
width: 100vw !important;
}
}   #primary {
padding-top: 80px !important;
margin: 0 !important;
}
.home #main {
background: #fff;
}
.boxed {
max-width: 1200px;
margin: auto !important;
padding: 1em;
}
.boxed-large {
max-width: 1400px;
margin: auto !important;
padding: 1em;
}
.center-things {
text-align: center;
}
.hidden {
display: none;
}
.white {
color: white !important;
}
.white a {
color: white !important;
}
.white a:hover {
color: grey !important;
}
@media screen and (max-width: 767px) {
.laptop {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.mobile {
display: none !important;
}
.flex50 {
display: flex;
align-items: center;
}
.flex50 > div {
width: 50%;
}
.flex-center {
display: flex;
align-items: center;
}
}
.btn {
cursor: pointer;
}
@media screen and (max-width: 769px) {
.center-mobile {
text-align: center;
}
}
ul {
list-style: none;
margin-left: 0;
}
.single-post ul {
list-style: disc;
}   article ul {
margin-top: 1em;
}
article li {
margin-left: 1em;
}
.img_article {
width: 100%;
margin: 0 0 20px 0;
}
.author {
font-weight: 600;
color: #02012E;
}
.article_date {
color: grey;
}
.wpb_text_column ul li:before {
content: "•";
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
article ul li li:before {
content: "■  ";
color: grey;
}
.vc_column_container > .vc_column-inner {
padding: 0;
}
.dreambigger img {
border-radius: 15px;
box-shadow: 1px 1px 12px #D2D2D2;
}
#size_content {
height: 93vh;
}
.font_p p {
color: #636466;
}
.h2_rouge h2 {
color: #DA3641;
font-size: 1.6em;
}
.p_agent {
color: #636466;
font-weight: normal;
font-size: 0.9em;
padding-right: 1em;
}
.bouton_centrer {
text-align: center;
}
.bouton_estimation {
background-color: #DC1D2E;
color: white;
border-radius: 30px;
padding: 0.5em 2em;
}
.description_agent {
border-radius: 15px;
box-shadow: 1px 1px 12px #BDBDBD;
padding: 2em;
}
#carte_agent {
border-radius: 15px;
box-shadow: 1px 1px 12px #BDBDBD;
}
#titre_noir h2 {
color: #02012E !important;
}
.p_light {
font-weight: 200;
font-size: 0.9em;
margin-top: 1em;
padding-right: 1em;
}
@media screen and (min-width: 600px) {
.recrutement_img {
width: 77%;
margin: auto;
}
}
@media screen and (min-width: 600px) and (max-width: 1000px) {
#img_parachute {
background-position: 200% 0%;
background-size: 95%;
}
}
@media screen and (max-width: 600px) {
#img_parachute {
display: none;
}
.recrutement_img {
padding-top: 3em;
padding-bottom: 3em;
width: 68%;
margin: auto;
}
.wpcf7-form input {
width: 100% !important;
}
}
body {
background-color: white !important;
}
#input_prenom, #input_nom, #input_email, #input_message, input[type="tel"] {
background-color: #DAE9F3;
font-style: italic;
border-radius: 30px;
font-family: ubuntu;
color: #728CA8;
padding-left: 1em;
}
#align_button {
text-align: center;
}
#input_jepostule {
background-color: #DC1D2E;
color: white;
border-radius: 30px !important;
}
#input_envoyer {
background-color: #DC1D2E;
color: white;
padding: 1em 4em;
border-radius: 30px !important;
}
.titre_recrutement {
color: #002d6f !important;
text-transform: none !important;
font-size: 2.3rem !important;
font-weight: 400 !important;
}
.titre_recrutement span {
color: #dc1d2e !important;
font-weight: 700 !important;
display: block;
}   .flexrow > div > div > .wpb_wrapper, .flexblog, .flexrow {
display: flex;
}
.wrap, .wrap > div > div > .wpb_wrapper {
flex-wrap: wrap;
}   h1 {
color: #02012E !important;
font-size: 1.5em;
font-weight: 600;
}
h2 {
color: #02012E;
font-size: 1.6em;
font-weight: 600;
margin-bottom: 20px;
}
h3 {
color: #02012E !important;
font-size: 1.3em;
line-height: 1.3em !important;
}
h3 span {
font-weight: 600 !important;
}
p, article {
color: #02012E;
}
p {
line-height: 1.5em;
font-weight: normal;
}    .site-header {
position: fixed !important;
z-index: 999;
}      .main-navigation > ul > li a {
color: #02012E;
font-weight: 600;
text-transform: capitalize;
}
.main-navigation > ul > li a:hover {
color: #BF7D3C;
transition: 0.1s all;
}
.main-navigation > ul > li .current-menu-item a {
color: #BF7D3C !important;
font-weight: 900 !important;
}
.main-header-bar {
line-height: 1em !important;
}
.menu-item-183 a, .menu-item-184 a {
padding-right: 0 !important;
}
#menu-item-68 a {
text-transform: math-auto;
display: flex;
height: 50%;
background-color: #02012E;
border-radius: 50px;
color: white;
letter-spacing: -0.5px;
}
#menu-item-68 a:hover {
background-color: #BF7D3C;
transition: 0.1s all;
}
#menu-item-68 .current-menu-item a {
color: white !important;
font-weight: 900 !important;
}   #annonces-list .owl-nav {
display: none;
}
@media screen and (max-width: 767px) {
.owl-dots {
text-align: center;
margin-bottom: 1em;
margin-top: 1em;
}
.owl-dots .owl-dot {
width: 10px !important;
height: 10px !important;
border-radius: 50%;
margin: 0.2em;
border: 1px solid #BF7D3C !important;
}
.owl-dots .active {
background: #BF7D3C !important;
}
.blue_section .owl-dots .owl-dot {
border: 1px solid white;
}
.blue_section .owl-dots .active {
background: white !important;
}
}
@media screen and (min-width: 1001px) {
.mobile-menu {
display: none !important;
}
.sub-menu {
border: 0 !important;
opacity: 0.9 !important;
}
.sub-menu li {
padding: 0.2em 1em;
transition: 0.3s all;
opacity: 0.9 !important;
}
.sub-menu li:hover {
transition: 0.3s all;
}
.sub-menu a {
color: #002d6f !important;
}
}
.thumbnail {
height: 230px;
}
.main-header-bar {
width: 100vw;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#homeblog .owl-dots .active {
background: #BF7D3C !important;
}
#homeblog .owl-dots .owl-dot {
border: 1px solid #BF7D3C !important;
}
.owl-carousel .owl-stage-outer {
padding: 9px;
margin: -9px;
}
.owl-stage {
display: flex;
}
.owl-stage .card {
height: 100%;
}      .box_contactform {
background-color: #fff;
padding: 2em;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
border-radius: 15px;
}
.box_contactform .mdc-layout-grid {
padding: 0 !important;
}   .bottom_footer {
justify-content: space-evenly;
font-size: 0.9em;
padding-top: 2em;
padding-bottom: 2em;
position: relative;
}
.bottom_footer li {
list-style: none !important;
}
.bottom_footer p {
margin: 0;
}
.bottom_footer a, .bottom_footer p {
color: #02012E;
}
.bottom_footer li a {
border-bottom: solid 1px transparent;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
font-weight: 400;
}
.bottom_footer li a:hover {
border-bottom: solid 1px #002d6f;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.bottom_footer ul {
margin: 0 !important;
}
.bottom_footer h4 {
font-size: 1.2em;
font-weight: 700;
margin-bottom: 1em;
}
.bottom_footer img {
width: 5vw;
height: auto !important;
}
.ftr-logo {
background: url(//idylhom.fr/wp-content/uploads/2022/11/idylhom-logo.svg) no-repeat 0 0;
width: 75px;
height: 14px;
margin: 0;
}
.ftr-name {
color: #fff;
font-size: 14px;
font-weight: 400;
position: relative;
top: -1em;
}
.collapsible input[type="checkbox"] {
display: none;
}
@media screen and (min-width: 1000px) {
.bottom_footer > div {
display: flex;
}
.bottom_footer > div > div {
width: 25%;
}
}
@media screen and (min-width: 768px) {
.column-gap > div:first-child {
padding-right: 15px;
}
.column-gap > div:nth-child(2) {
padding-left: 15px;
}
.mobile7 {
display: none;
}
}
.footer-adv-overlay {
background-color: #02012E;
padding: 3vh 0 2vh 0;
margin: 0;
}
.widget-title {
font-size: 0.9em;
margin: 0;
padding-bottom: 2vh;
font-weight: bold;
}
.widget-title ul li {
line-height: 150%;
font-size: 0.9em;
}
div.bottom_footer {
background-color: #02012E;
}
div.bottom_footer h4, div.bottom_footer a {
color: white;
letter-spacing: -0.5px;
}
#footer_flex {
display: flex;
justify-content: center;
}
#footer_flex > div {
padding: 0 3em;
}
#footer_flex img {
width: 150px;
}
#footer_flex h4 {
color: white !important;
}
@media screen and (max-width: 600px) {
#footer_flex {
flex-wrap: wrap;
}
#footer_flex > div {
width: 100%;
}
}
@media screen and (min-width: 1001px) {
margin: auto;
width: 50vw;
}
.bottom_footer > .ast-container:nth-of-type(1) {
border-bottom: 1px solid white;
padding-bottom: 2em;
}
.ast-small-footer > .ast-footer-overlay > .ast-container {
border-top: 1px solid white;
padding-top: 2em;
}
#footer_middle_nice, #footer_middle_draguignan {
text-align: center;
}
#footer_middle_nice h4, #footer_middle_draguignan h4 {
font-size: 1.2em;
font-weight: 700;
}
#footer_flex .footer_button {
margin-top: 0 !important;
}
#footer_middle_nice img, #footer_middle_draguignan img {
margin: 0.5vw 0 1vw 0;
}
#footer_middle_nice p, #footer_middle_draguignan p {
color: white;
}
.logo_reseaux {
display: inline-block;
margin-top: 0.5em;
margin-bottom: 1em;
}
.logo_reseaux img.img_icon {
width: 20% !important;
height: auto;
}
.footer_button {
text-decoration: none;
color: white;
border: 1px solid white;
margin-top: 1em;
display: inline-block;
padding: 0.2em 1em;
border-radius: 50px;
}
a.footer_button:hover {
background-color: white;
color: #02012E;
}
div.ast-footer-overlay {
padding: 1em 0;
}
div#bottom_footer {
display: flex;
justify-content: space-between;
}
p#last_footer {
font-size: 0.8em;
color: white;
margin-bottom: 0;
padding: 0.5em 0;
}   @media screen and (min-width: 767px) and (max-width: 1000px) {
.thumbnail {
height: 180px;
}
.bottom_footer > .ast-container {
display: flex;
justify-content: space-between;
}
}
@media screen and (max-width: 766px) {
.bottom_footer {
text-align: center;
padding: 0 0 2em 0;
}
.bottom_footer .ast-container {
padding: 0 !important;
}
.bottom_footer h4 {
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 0 !important;
transition: 0.3s all;
}
.bottom_footer h4:hover {
background: #003179;
transition: 0.3s all;
}
.bottom_footer img {
margin-top: 1em;
}
.bottom_footer li {
margin-bottom: 1em;
}
.bottom_footer .menu-top-container ul {
padding: 1em;
}
.bottom_footer .textwidget p {
padding: 1em;
}
.bottom_footer .textwidget .mobile {
padding-top: 1.5em;
}
.bottom_footer > div:first-of-type div:nth-child(3) img {
display: none !important;
}
.bottom_footer > div:first-of-type .textwidget .btn_vide {
margin: 0.5em;
}
.bottom_footer .btn_white, .bottom_footer img {
margin-bottom: 2em;
}
.collapsible .lbl-toggle {
display: block;
cursor: pointer;
transition: all 0.25s ease-out;
}
.collapsible .lbl-toggle .fas {
margin-left: 0.5em;
transition: 0.25s all;
}
.lbl-toggle:hover {
color: white;
}
.lbl-toggle + div, .lbl-toggle + .menu-top-container {
max-height: 0px;
overflow: hidden;
transition: max-height 0.25s ease-in-out;
}
.toggle:checked + .lbl-toggle + div {
max-height: 100vh;
}
.toggle:checked + .lbl-toggle + div li {
margin-bottom: 0;
padding: 1em 0;
}
.lbl-toggle + div li {
margin-bottom: 0;
padding: 1em 0;
background: #010015;
}
.lbl-toggle + div li a {
text-transform: uppercase;
}
.toggle:checked + .lbl-toggle h4 {
background: #040260;
transition: 0.5s all;
padding: 15px;
transition: 0.25s all;
}
} .custom-logo {
width: 90%;
max-width: 140px;
}   .flexblog {
justify-content: center;
}
@media screen and (min-width: 1000px) {
.flexblog .item-post {
width: 30%;
margin: 1%;
}
.single-post .flexblog .item-post {
width: 30% !important;
margin: 3vh 0;
}
}
@media screen and (min-width: 650px) and (max-width: 999px) {
.flexblog .item-post {
width: 45%;
margin: 1%;
}
.single-post .flexblog .item-post {
width: 50%;
}
.single-post .item-post:nth-child(3) {
display: none;
}
}
@media screen and (min-width: 650px) and (max-width: 768px) {
.single-post .flexblog .item-post {
margin-left: 0;
}
}
.autres-articles {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 649px) {
.single-post .autres-articles h2 {
text-align: center;
}
.flexblog .item-post {
width: 100%;
}
.single-post .item-post:nth-child(3), .single-post .item-post:nth-child(2) {
display: none;
}
}
.thumbicon {
width: 100%;
background-size: cover;
height: 200px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.item-post {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 1em !important;
padding: 1.5em;
border-radius: 7px;
background: white;
background: white;
padding: 0;
margin-top: 1em;
border-radius: 15px;
}
.item-post .thumbicon {
background-position: center;
background-size: cover;
transition: 1s all;
}
.item-post p {
margin-top: 1em;
}
.item-post .contenu {
padding: 1em;
}
.single-post .boxed {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin-bottom: 4em !important;
} @media screen and (min-width: 768px) {
.single-post .flexblog {
margin-left: 0em;
margin-right: 0em;
display: flex;
justify-content: space-between;
}
}
@media screen and (min-width: 1000px) {
.card-50 {
width: 47%;
margin: 1.5%;
}
.ast-small-footer {
line-height: 2.857;
}
}
.wpcf7-form-control-wrap {
display: inline !important;
}
.wpcf7-not-valid-tip {
text-align: center;
margin-top: 5px;
}
.wpcf7-response-output {
background: white;
padding: 0.5em;
text-align: center;
border-radius: 18px;
border: 2px solid white !important;
}
#breadcrumbs {
display: none;
}    .single-annonce #primary {
width: 100% !important;
}
.biencard {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
height: 100%;
}
.biencard > a {
height: 17em;
display: block;
}
.biencard > a > div {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.biencard .annonce {
border-radius: 15px;
}
.biencard .annonce img {
border-radius: 15px;
box-shadow: 1px 1px 12px #555;
}
.biencard .contenu {
padding: 1.5rem;
}
.biencard .contenu h3 {
margin-top: 0;
color: #002d6f;
text-transform: none;
font-size: 1.3rem;
}
.biencard .contenu h3 span {
color: #A3A3A3;
font-size: 0.8rem;
}
.biencard .contenu .prix {
font-weight: bold;
font-size: 1.4em;
color: #00A670;
letter-spacing: -0.7px;
}
.biencard .contenu .prix sup {
font-weight: 600;
font-size: 0.55em;
}
.biencard .contenu .zones {
margin: 0;
}
.biencard .contenu .zones ul {
display: flex;
margin-block-start: 0;
margin-block-end: 0;
white-space: nowrap;
flex-wrap: wrap;
}
.biencard .contenu .zones li {
margin: 0;
}
.biencard .contenu .zones li a {
color: #9DAEBE;
padding: 2px 5px;
margin: 2px 2px;
font-weight: 600;
font-size: 1em;
background-color: #F3F3F3;
border-radius: 4px;
display: inline-block;
}
.biencard .contenu .zones li a:hover {
background-color: #ececec;
color: #8797a6;
}
.biencard .contenu .description_bien {
margin: 0;
font-weight: 600;
color: #02012E;
}
.biencard .contenu > div {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
.biencard .contenu > div span {
color: #A3A3A3;
font-weight: bold;
font-size: 0.8rem;
}
.biencard .contenu > div a {
color: #002d6f;
font-weight: bold;
}
.flexProg {
display: flex;
justify-content: space-between;
}
.flexProg .biencard {
width: 32%;
}
.flexProg {
padding: 1rem;
padding-bottom: 0;
margin: 0 -1rem;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.flexProg {
margin: 0;
padding: 0;
}
}
@media screen and (max-width: 600px) {
.flexProg {
padding: 0;
}
}
.flexProg .biencard {
margin-bottom: 2rem;
}
@media screen and (max-width: 1000px) {
.flexProg .biencard {
width: 48%;
}
}
@media screen and (max-width: 600px) {
.flexProg .biencard {
width: 100%;
margin-bottom: 2rem;
}
}
#customers-programme .owl-stage {
display: flex;
}
@media screen and (max-width: 768px) {
#customers-programme .owl-stage {
padding: 0;
}
}
#customers-programme .owl-stage-outer {
padding: 2rem 0;
}
#customers-programme .owl-item {
padding: 0.5rem;
}
@media screen and (max-width: 1100px) {
#customers-programme .owl-item {
padding: 0 5vw;
}
}
#customers-programme .owl-item .prochainement {
width: 150px;
}
@media screen and (min-width: 1001px) {
.allbiens {
margin-left: -2%;
margin-right: -3%;
}
.allbiens .card {
width: 31%;
margin: 1%;
}
}
@media screen and (min-width: 565px) and (max-width: 1000px) {
.allbiens .card {
width: 45%;
margin: 2%;
}
}
@media screen and (max-width: 564px) {
.allbiens .card {
width: 100%;
margin-bottom: 2em;
}
}
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
text-align: center;
width: 100%;
}
.card {
border-radius: 10px;
background-color: white;
box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
}
.card .thumbnail {
background-size: 130% !important;
background-position: center !important;
border-radius: 10px 10px 0 0;
text-align: right;
transition: 0.5s all;
}
.card .thumbnail .exl {
color: white;
background-color: #DA3641;
text-transform: uppercase;
padding: 0.2em 1em;
border-radius: 80px;
margin-right: 1em;
display: inline-block;
margin-top: 1em;
font-size: 0.7em;
font-weight: 700;
}
.card .entete_bien {
display: inline-flex;
justify-content: space-between;
width: 100%;
}
.card .entete_bien h1 {
max-width: 70%;
}
@media screen and (max-width: 767px) {
.card .single-annonce .card .entete_bien {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.25em;
}
.card .single-annonce .card .entete_bien .prix {
order: -1; text-align: left;
}
}
.card .contenu {
padding: 1em;
line-height: 1.1em;
position: relative;
}
.card .bientitre {
display: block;
color: #636466;
font-size: 1.2em;
font-weight: 300;
line-height: 1em;
}
.card .loc {
font-size: 1em;
color: #636466;
margin-top: 0.5em;
display: block;
}
.card .prix {
display: inline-grid;
color: #00A670;
font-weight: bold;
font-size: 1.8em;
line-height: 1em;
text-align: right;
}
.card .prix sup {
font-weight: 600;
font-size: 0.4em;
top: -0.8em;
}
.card .prix:hover {
color: #00A670 !important;
}
.card .thumbnail:hover {
background-size: 137% !important;
transition: 0.5s all;
}
.agentcard {
align-items: end;
justify-content: space-between;
margin-top: 2em;
align-items: flex-end;
}
.agent {
background-repeat: no-repeat !important;
background-size: cover;
background-position-y: top;
width: 5em;
height: 5em;
border-radius: 50%;
box-shadow: 0px 0px 10px 1px rgba(230, 230, 230, 0.75);
}
div.flex-right ~ div {
font-size: 0.8em;
color: gray;
}
.flexbiens {
display: flex;
flex-wrap: wrap;
}
.flex, .flex-right {
display: flex;
}
.bienid {
font-size: 0.9em;
}
.icones-colonnes {
display: flex;
flex-direction: column;
margin-left: 0.5em;
position: relative;
top: 0.7em;
}
.icones-colonnes a {
width: 32px;
}
.owl-prev {
margin-right: 1em;
}
a.telbtn {
position: relative;
bottom: 0.3em;
}
.btn_annonces a {
background-color: #DC1D2E !important;
border-color: #DC1D2E !important;
text-transform: uppercase;
font-family: ubuntu;
font-weight: bold;
}
.btn_blue {
background: #02012E;
color: white;
border-radius: 7px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px; transition: 0.2s all; }
.btn_blue:hover {
background: #BF7D3C;
transition: 0.2s all;
color: white !important;
}
@media screen and (min-width: 767px) {
.owl-nav ~ .owl-dots {
display: none;
}
}
.h2blue h2 {
color: #02012E;
font-size: 1.6em;
}    .diagnostics {
display: flex;
justify-content: space-between;
}
.diagnostics .blk_diag h4 {
font-size: 0.9em;
}
.dpe_bar .dpe_niv {
display: inline-block;
vertical-align: top;
width: 13%;
max-width: 46px;
height: 12px;
line-height: 30px;
font-weight: bold;
font-size: 16px;
text-align: center;
border: 1px solid white;
}
.dpe_bar .active {
width: 48px;
height: 32px;
border-radius: 4px !important;
margin-top: -10px;
margin-left: -1px;
}
.dpe_bar .A {
background-color: #00a774;
color: white;
border-radius: 100px 0px 0px 100px;
margin-right: 1px;
}
.dpe_bar .B {
background-color: #00bb54;
color: white;
border-radius: 0;
}
.dpe_bar .C {
background-color: #4ac57b;
color: white;
border-radius: 0;
}
.dpe_bar .D {
background-color: #fdeb00;
color: black;
border-radius: 0;
}
.dpe_bar .E {
background-color: #ffbc00;
color: black;
border-radius: 0;
}
.dpe_bar .F {
background-color: #ff882f;
color: black;
border-radius: 0;
}
.dpe_bar .G {
background-color: #ec0118;
color: white;
border-radius: 0px 100px 100px 0px;
}  .ges_bar .ges_niv {
display: inline-block;
vertical-align: top;
width: 13%;
max-width: 46px;
height: 12px;
line-height: 30px;
font-weight: bold;
font-size: 16px;
text-align: center;
border: 1px solid white;
}
.ges_bar .active {
width: 48px;
height: 32px;
border-radius: 4px !important;
margin-top: -10px;
margin-left: -1px;
}
.ges_bar .A {
background-color: #a3dbfc;
color: white;
border-radius: 100px 0px 0px 100px;
margin-right: 1px;
}
.ges_bar .B {
background-color: #8ab5d2;
color: black;
border-radius: 0;
}
.ges_bar .C {
background-color: #7692b1;
color: black;
border-radius: 0;
}
.ges_bar .D {
background-color: #5e708d;
color: white;
border-radius: 0;
}
.ges_bar .E {
background-color: #4d5272;
color: white;
border-radius: 0;
}
.ges_bar .F {
background-color: #393550;
color: white;
border-radius: 0;
}
.ges_bar .G {
background-color: #291b35;
color: white;
border-radius: 0px 100px 100px 0px;
} .mandat-content {
margin-left: 10vw;
margin-right: 10vw;
display: flex;
}
.laptop .mandat-agent {
position: sticky; top: 9em;
}
.mandat-agent {
text-align: center;
border-radius: 10px;
padding-top: 2em;
}
.mandat-agent .btn_phone {
mask-image: url(//idylhom.fr/wp-content/uploads/2023/03/Icon-material-phone-iphone.svg);
-webkit-mask-image: url(//idylhom.fr/wp-content/uploads/2023/03/Icon-material-phone-iphone.svg);
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
height: 21px;
width: 13px;
display: inline-block;
background-color: #02012E;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.mandat-agent .btn_email {
mask-image: url(//idylhom.fr/wp-content/uploads/2023/03/Icon-awesome-envelope.svg);
-webkit-mask-image: url(//idylhom.fr/wp-content/uploads/2023/03/Icon-awesome-envelope.svg);
mask-repeat: no-repeat;
height: 15px;
width: 15px;
display: inline-block;
background-color: #02012E;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.mandat-agent .btn_rouge, .mandat-agent .estimation {
margin-top: 2em;
margin-bottom: 2em;
}
.sticky {
margin-bottom: 2.5em;
}
.mandat-agent > span.nom {
color: #002d6f;
font-size: 1.5em;
font-weight: bold;
}
.ville_name {
color: white;
font-family: "Gotham", sans-serif;
font-weight: bold;
padding: 1vh 0;
margin-bottom: 0;
}
.wpcf7-submit {
color: white !important;
font-weight: 700;
}
#carac_bien {
display: flex;
flex-wrap: wrap;
margin-top: 5vh;
margin-bottom: 5vh;
}
#carac_bien > span {
width: 100%;
color: #636466;
}
@media screen and (min-width: 600px) {
#carac_bien > span {
width: 50%;
}
}
#carac_bien > span > img {
margin-right: 0.5em;
width: 25px;
margin-bottom: 0.5em;
}
.mentions_bien > h3 {
color: #636466;
font-size: 1em;
margin-bottom: 0.5em;
}
.mentions_bien > p {
color: #636466;
font-size: 0.8em;
}
#button_center {
text-align: center;
}
.full_width_img {
width: 100vw;
}   @media screen and (min-width: 767px) {
.bottom_footer > div > div {
width: 24%;
margin-right: 1%;
}
.bottom_footer > div > div h4 {
margin-top: 1em;
}
.card_agent {
width: 30%;
}
.single-agents .f-agent > div:nth-child(1) {
width: 25%;
margin-right: 1em;
min-height: 50em;
}
.single-agents .f-agent > div:nth-child(2) {
width: 75%;
}
.bcg_white {
background: white;
margin-top: 5em;
padding-bottom: 3em;
}
.agent_bottom {
padding-top: 5em;
padding-bottom: 5em;
}
}
@media screen and (max-width: 500px) {
.card_agent {
width: 100%;
}
.f-agent {
flex-wrap: wrap;
}
.f-agent > div {
width: 100%;
}
.f-agent > div:nth-child(1) {
margin-bottom: 1em;
}
}
@media screen and (min-width: 501px) and (max-width: 766px) {
.card_agent {
width: 48%;
}
}
@media screen and (max-width: 766px) {
.f-agent {
flex-wrap: wrap;
}
.f-agent > div {
width: 100%;
}
.f-agent > div:nth-child(1) {
margin-bottom: 1em;
}
.grey_section {
text-align: center;
}
.bcg_white {
background: white;
margin-top: 2em;
padding-bottom: 2em;
}
.agent_bottom {
padding-top: 2em;
padding-bottom: 2em;
}
}
.card_agent {
border-radius: 10px;
text-align: center;
padding-top: 2em;
padding-bottom: 2em;
margin: 1%;
}
.card_agent .btn_rouge, .card_agent .estimation {
margin-top: 1.4em;
}
.card_agent .social {
margin-top: 1.3em;
}
.flexagents {
justify-content: flex-start;
flex-wrap: wrap;
display: flex;
}
.flexagents > .card_agent {
box-shadow: 0px 0px 10px 1px rgba(230, 230, 230, 0.75);
border: none !important;
}
.soustitre-agent {
color: #636466;
font-size: 1.2em;
font-weight: 300;
margin-bottom: 1em;
display: block;
}
.blue_section {
background: #002d6f;
}
.blue_section h2 {
color: white;
text-transform: uppercase;
font-size: 1.6em;
}
.grey_section {
background: #F1F1F1;
}
.grey_section h2, .grey_section p {
color: #02012E !important;
margin-bottom: 1em !important;
}
.grey_section h2 {
font-size: 2.5em;
}
.grey_section .btn_rouge, .grey_section .estimation {
margin-top: 1em;
}
.btn_rouge, .estimation {
color: white;
background-color: #DC1D2E;
padding: 0.5em 3em;
border-radius: 30px;
display: inline-block;
text-transform: uppercase;
font-family: "Ubuntu", sans-serif;
transition: 0.5s all;
}
.btn_rouge:hover, .estimation:hover {
background-color: #fc1b2e;
color: white !important;
transition: 0.5s all;
}
.header_overlay, .header_overlay1 {
background: rgba(0, 0, 0, 0.4);
position: relative;
left: 0;
top: 0;
height: 40vh;
min-height: 400px;
width: 100%;
}
.header_overlay1 {
position: absolute;
}   .mobile_header {
background-size: cover;
background-position: center center;
margin-top: 5em;
}
#popup_2 {
max-width: 100vw;
}
#popup_2 .popup_column2 {
position: relative;
}
.overlay {
background: rgba(0, 0, 0, 0.6);
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
visibility: hidden;
}
.hide_overlay {
animation-name: hide_overlay;
animation-duration: 0.5s;
}
.show_overlay {
visibility: visible;
animation-name: show_overlay;
animation-duration: 0.5s;
}
@keyframes show_overlay {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes hide_overlay {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@media screen and (max-width: 1000px) {
#masthead, .header_top {
display: none !important;
}
.mobile-menu {
position: fixed;
width: 104vw;
z-index: 9;
background: white;
padding: 2.5em 1em;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.mobile-menu > nav {
position: absolute;
right: 0;
}
.mobile-menu > a {
position: absolute;
}
.mobile-menu #connexion-mobile {
margin: auto;
}
.mobile-menu #connexion-mobile .btn {
margin-top: 0 !important;
}
#connexion-mobile {
margin-right: 2em;
color: white;
}
#menuToggle {
display: flex;
flex-direction: column;
position: relative;
margin-right: calc(2em + 4vw);
z-index: 1;
-webkit-user-select: none;
user-select: none;
width: 2em;
}
#menuToggle input {
display: flex;
width: 40px;
height: 32px;
position: absolute;
cursor: pointer;
opacity: 0;
z-index: 2;
}
#menuToggle > span {
display: flex;
width: 29px;
height: 2px;
margin-bottom: 5px;
position: relative;
background: #002d6f;
border-radius: 3px;
z-index: 1;
transform-origin: 5px 0px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
#menuToggle span:first-child {
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span {
opacity: 1;
transform: rotate(45deg) translate(-3px, -1px);
background: white;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
transform: rotate(-45deg) translate(0, -1px);
background: white;
}
#menuToggle input:checked ~ #menu {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
#menu {
position: absolute;
height: 102vh;
margin: -5vh 0 0 0;
padding-top: 100px;
background-color: #002d6f;
-webkit-font-smoothing: antialiased;
transform-origin: 0% 0%;
transform: translate(100%, 0);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
right: -4em;
}
#menu ul {
margin: 0 !important;
}
#menu a {
font-size: 1.2em;
color: white;
font-weight: 600;
text-transform: capitalize;
padding: 0.2em 1em; display: block;
transition: 0.2s all;
}
#menu a:hover {
transition: 0.5s all;
background: #0042a2;
}
#menu .bottom-mobile-menu {
position: fixed;
bottom: 0;
}
#menu .menu-top-container {
overflow: scroll;
height: 70vh;
}
#menu .menu-top-container .ast-container {
padding-left: 0 !important;
}
.golden-buttocks {
position: fixed;
bottom: -1em;
transition: all 0.5s;
}
#menu, .golden-buttocks, .bottom-mobile-menu {
width: 80vw;
max-width: 390px;
}
#menuToggle input:checked ~ #menu {
transform: none;
}
.annonce {
border-radius: 15px;
}
.annonce img {
margin-top: 2vh;
}
div#footer_middle_nice {
margin-bottom: 5vh;
}
div#footer_flex img {
width: 30vw;
}
.ftr-logo-div {
display: none;
}
.agences img {
margin-bottom: 2em;
}
p#prenom, p#nom, p#email, p#message {
text-align: center;
}
}
.image_radius img {
border-radius: 15px !important;
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
} @media screen and (min-width: 501px) and (max-width: 1024px) {
.agences {
margin: 1vh 1vh 0vh 1vh;
}
div.ftr-logo-div {
display: none;
}
div#bottom_footer {
display: block;
text-align: center;
}
div#footer_flex img {
width: 15vw;
}
.annonce {
border-radius: 15px;
}
}
.owl-biens .owl-item, .owl-biens-big .owl-item {
float: left;
} .filtre {
display: inline-block;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.filtre input {
display: none;
}
.filtre label {
border: 1px solid #02012E;
border-radius: 15px;
padding: 0.3em 1em;
color: #02012E;
cursor: pointer;
}
.filtre input:checked + label {
background: #02012E;
color: white;
}
@media screen and (min-width: 767px) and (max-width: 1000px) {
.recherche-page > div:nth-child(1) {
width: 35%;
margin-right: 2%;
}
.recherche-page > div:nth-child(1) > div {
position: sticky;
top: 9em;
}
.recherche-page > div:nth-child(1) > div .card {
padding: 1em;
}
.recherche-page > div:nth-child(1) h2 {
text-align: center;
}
.recherche-page > div:nth-child(1) .thumbnail {
height: 180px !important;
}
.recherche-page > div:nth-child(2) {
width: 65%;
}
#primary > .product-image-top > div:nth-child(1) {
width: 69%; }
#primary > .product-image-top > div:nth-child(2) {
margin-left: 1em;
width: 30%;
}
}
@media screen and (min-width: 1001px) {
.recherche-page > div:nth-child(1) {
width: 25%;
margin-right: 2%;
}
.recherche-page > div:nth-child(1) > div {
position: sticky;
top: 9em;
padding: 1em;
}
.recherche-page > div:nth-child(1) > div .card {
padding: 1em;
}
.recherche-page > div:nth-child(1) h2 {
text-align: center;
}
.recherche-page > div:nth-child(1) .thumbnail {
height: 180px !important;
}
.recherche-page > div:nth-child(2) {
width: 75%;
}
#primary > .product-image-top > div:nth-child(1) {
width: 70%;
margin-top: 1em;
}
#primary > .product-image-top > div:nth-child(2) {
margin-left: 1em;
width: 30%;
}
}
@media screen and (max-width: 766px) {
.recherche-page > div:nth-child(1) .card {
padding: 1.5em;
margin-bottom: 2em;
}
.recherche-page > div:nth-child(1) .card .thumbnail {
background-size: 142% !important;
}
.recherche-page .flexbiens {
margin-top: 2em;
}
.single-agents h1 {
margin-top: 1em;
}
.single-agents #primary > .product-image-top {
flex-wrap: wrap;
}
.single-agents #primary > .product-image-top > div:nth-child(1) {
width: 120%;
margin-bottom: 1em;
}
}
.msgholder {
font-size: 1.2em;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
}
.card .bien_description {
color: #636466;
line-height: 1.5em;
font-weight: normal;
}
.role {
color: #636466;
font-size: 1.3em;
margin-bottom: 1em;
display: inline-block;
font-weight: 300;
line-height: 0.5em;
display: block;
}
.single-agents { }
.single-agents .agence_bleu {
position: absolute;
width: 100%;
}
.single-agents .agence_bleu .adresse {
font-size: 1em;
font-weight: 400;
line-height: 1.1em;
}
.single-agents .card {
position: relative;
}
.single-agents h1 {
color: #002d6f !important;
font-weight: 700;
font-size: 1.8em;
margin-bottom: 0.2em;
text-transform: uppercase;
}
.single-agents h2 {
color: #002d6f !important;
font-weight: 700;
font-size: 1.5em;
text-transform: uppercase;
text-align: center;
padding-top: 2em;
padding-bottom: 1em;
}
.single-agents #primary > .flex > div:nth-child(1) {
text-align: center;
}
.single-agents #primary > .flex > div:nth-child(2) {
padding: 2em;
}
.single-agents .contact, .single-agents .social {
text-align: center;
margin-top: 1em;
}
.single-agents .btn_rouge, .single-agents .estimation {
margin-top: 1em;
margin-bottom: 2em;
}
.contact-agent {
transition: 0.3s all;
width: 30px;
margin-left: 3px;
margin-right: 3px;
}
.agent-portrait-mid {
width: 9em;
height: 9em;
border-radius: 50%;
margin: auto;
background-size: cover;
margin-top: 2em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 767px) {
.agent_bottom > div:nth-child(1) > div:nth-child(2) {
padding-left: 2em;
}
> div:nth-child(2) > div:nth-child(1) {
padding-right: 2em;
}
> div:nth-child(1) {
margin-bottom: 3em;
}
}
.logo_reseaux {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.logo_reseaux > a {
padding: 0.3em;
width: 2em;
display: inline-block;
height: 2em;
background: white;
color: #002d6f;
margin-top: 0.5em;
}
.logo_reseaux > a .fab {
font-size: 1.4em;
}
.social .fab {
border: 1px solid #D5D5D5;
border-radius: 50%;
margin-left: 0.2em;
margin-right: 0.2em;
background: #D5D5D5;
color: white;
transition: 0.3s all;
}
.social .fab:hover {
background: #7a7a7a;
transition: 0.3s all;
border: 1px solid #7a7a7a;
}
.redicon .fas {
color: #DA3641;
border: 1px solid #DA3641;
}
.icones-colonnes .telbtn, .icones-colonnes .mailbtn {
color: #002d6f;
border: 1px solid #002d6f;
}
.redicon, .icones-colonnes .telbtn, .icones-colonnes .mailbtn, .logo_reseaux > a {
transition: 0.3s all;
cursor: pointer;
margin-left: 0.2em;
margin-right: 0.2em;
border-radius: 50%;
}
.redicon .fas, .icones-colonnes .telbtn .fas, .icones-colonnes .mailbtn .fas, .logo_reseaux > a .fas {
padding: 8px;
border-radius: 50%;
} .redicon:hover {
transition: 0.3s all;
}
.redicon:hover .fas {
color: white;
background: #DA3641;
}
@media screen and (min-width: 767px) {
.social .fab {
font-size: 1.2em;
padding: 0.3em;
width: 30px;
height: 30px;
}
}
@media screen and (max-width: 766px) {
.redicon .fas {
font-size: 1.3em;
margin-left: 0.2em;
margin-right: 0.2em;
padding: 0.5em;
}
.social .fab {
font-size: 1.8em;
padding: 0.3em;
width: 40px;
height: 40px;
}
}
.agence_bleu {
background: #02012E;
bottom: 0;
border-radius: 0 0 10px 10px;
padding-bottom: 1.5em;
padding-top: 1em;
width: 100%;
}
.agence_bleu span {
color: white;
display: block;
font-size: 1.2em;
margin-bottom: 0.5em;
font-weight: 700;
}
.agence_bleu span.adresse {
font-size: 1em;
font-weight: 400;
line-height: 1.1em;
}
.agence_bleu img {
width: 46%;
margin: auto;
display: block;
max-width: 200px;
}
.agence_bleu .footer_button {
margin-top: 1em;
display: inline-block;
padding: 0.2em 1em;
}
.breadcrumbs {
margin-bottom: 0 !important;
}
.breadcrumbs li, .breadcrumbs a {
display: inline;
color: #939393;
font-weight: 300;
}
.breadcrumbs li strong, .breadcrumbs a strong {
color: #002d6f;
}
.mobile > .mandat-agent {
padding-top: 1em;
margin-top: 1.5em;
}
.mandat-bien {
padding: 2em;
margin-top: 1em; }
.mandat-bien .role {
margin-bottom: 2em;
}
.mandat-bien .card {
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
margin: 1em;
}
.relative-c {
position: relative;
}  img {
max-width: 100%;
height: auto;
object-fit: cover;
}
.product-image img, .image-list img {
width: 100%;
}
.product-image {
display: block;
position: relative;
margin-bottom: 10px;
}
.product-image img {
max-height: 48vh;
}
.product-image img.active {
display: block;
margin: 0 0 0.75rem 0;
}
.product-image-top, .recherche-page {
max-width: 1300px;
margin: auto !important;
padding: 1em; }
.product-image-top .owl-dots, .recherche-page .owl-dots {
display: none !important;
}
@media screen and (min-width: 767px) {
.product-image-top, .recherche-page { display: flex;
}
}
.image-list, .owl-biens-big {
overflow: hidden;
width: calc(100% + 11px);
}
.product-gallery {
width: calc(100% - 11px);
overflow: hidden;
border-radius: 10px;
}
.owl-biens-big .owl-nav .owl-prev, .owl-biens-big .owl-nav .owl-next {
background: rgba(0, 0, 0, 0.5);
color: white;
display: block;
width: 35px;
height: 35px;
padding: 7px;
margin: 0;
border-radius: 50%;
position: absolute;
bottom: 46%;
}
.owl-biens-big .owl-nav .owl-prev {
left: 15px;
}
.owl-biens-big .owl-nav .owl-next {
right: 15px;
}
.image-list .owl-nav {
display: none;
}
.image-list img {
transition: opacity 0.3s ease;
cursor: pointer;
}
.image-list img:hover {
opacity: 0.7;
}
@keyframes fadeImg {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.otherheader, .headrr1 {
height: 36vh;
width: 100vw;
display: flex;
align-items: center;
margin-top: 4em;
position: relative;
}
.otherheader .header_overlay1, .headrr1 .header_overlay1 {
position: absolute !important;
height: 100% !important;
min-height: 0 !important;
background: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
width: 100%;
}
.otherheader .header1, .headrr1 .header1 {
z-index: 9;
}
@media screen and (max-width: 767px) {
.headrr {
text-align: center;
}
.headrr > div:nth-child(1) {
margin-top: 2em;
}
.white_button {
padding: 0.5em 1em;
}
.homecard {
padding: 1em;
text-align: center;
border-radius: 0 !important;
}
.homecard .btn_blue {
margin-top: 1em;
margin-bottom: 1em;
}
.homeheader, .headrr {
height: 68vh;
}
}
@media screen and (min-width: 768px) {
.white_button {
padding: 0.5em 5em;
}
.homecard {
padding: 4em;
margin-top: -8em !important;
position: relative;
}
.homeheader, .headrr {
height: 90vh;
}
}
.homeheader, .otherheader {
background-size: cover;
background-position: center;
}
.homeheader .headrr, .otherheader .headrr {
display: flex;
align-items: center;
}
.homeheader .headrr h1, .otherheader .headrr h1 {
text-transform: uppercase;
}
.white_button {
color: white;
text-transform: uppercase;
border: 1px solid white;
border-radius: 25px;
margin-top: 1em;
display: inline-block;
background: rgba(0, 0, 0, 0.2);
margin-right: 1em;
transition: 0.4s all;
}
.white_button:hover {
transition: 0.4s all;
color: white !important;
background: rgba(0, 0, 0, 0.5);
} .form {
padding: 1em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 15px 15px 0 0;
text-align: center;
margin-top: 1.5em;
}
.recherche input[type="submit"] {
background: #DA3641;
color: white;
width: 100%;
padding: 1.2em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 0 0 15px 15px;
}
.recherche .label {
color: #02012E;
font-size: 1.2em;
margin-right: 1em;
} .closeup {
display: flex;
justify-content: center;
margin-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid gray;
}
.optGroup {
text-align: center;
}
.optGroup label {
cursor: pointer;
display: inline-block;
margin-left: 6px;
margin-right: 6px;
width: 33px;
height: 33px;
border-radius: 50%;
border: 2px solid #02012E;
line-height: 27px;
color: #02012E;
}
.optGroup input:checked ~ label {
background: #02012E;
color: white;
}
.optGroup input[type="checkbox"] {
display: none;
} .select-style {
border: 1px solid #ccc;
overflow: hidden;
background: #fafafa;
padding: 0.5em;
width: 100%;
border-radius: 25px;
margin-bottom: 1em;
margin-top: 1em;
}
.select-style option {
padding: 0.5em !important;
}
.select-style select {
padding: 5px 8px;
width: 130%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
appearance: none;
}
.select-style select:focus {
outline: none;
}
.lightgrey {
border-top: 1px solid gray;
padding-top: 1em;
padding-bottom: 1em;
}
.langs {
display: flex;
width: 8em;
margin: auto;
}
.lang-titre {
text-align: center;
text-transform: uppercase;
color: #02012E;
margin-bottom: 1em;
}
.flag {
width: 20px;
height: 20px;
margin-right: 10px;
}
.header1 {
background-size: cover;
background-position: center;
}
.header1 h1 {
text-transform: uppercase !important;
}
.headrrr {
height: 40vh;
min-height: 400px;
position: relative;
background-size: cover;
background-position: center;
}
.headrrr div {
height: 40vh;
min-height: 400px;
}
.headrrr img {
position: absolute;
width: 22vw;
left: calc(50% - 11vw);
top: calc(50% - 4vw);
max-width: 350px;
min-width: 250px;
z-index: 9;
}
.headrrr-small {
height: 40vh;
min-height: 400px;
position: relative;
background-size: cover;
background-position: center;
}
.headrrr-small > div {
background-size: cover;
background-position: center;
}
.headrrr-small div {
height: 40vh;
min-height: 400px;
border-radius: 15px;
}
.headrrr-small img {
position: absolute;
width: 45%;
left: calc(50% - 22.5%);
top: 30%;
z-index: 9;
}
.headrrr-small .header_overlay {
border-radius: 15px;
}
@media screen and (max-width: 767px) {
.mobile-margin-top {
margin-top: 2em !important;
}
.headrrr .wpb_single_image img {
left: calc(50% - 125px);
top: calc(50% - 50px);
}
}
.tour {
margin-bottom: 2em;
}
.event_time {
background: #DA3641;
display: inline-block;
padding: 0.2em 0.8em;
border-radius: 20px;
font-size: 0.9em;
margin-left: 1em;
margin-top: 1em;
color: white;
box-shadow: 1px 1px 12px #555;
}
.mainheader1 {
width: 100vw;
height: 50vh;
background-size: cover;
background-position: center;
}
.single-post h1, .single-evenement h1, .page h1 {
color: #002d6f !important;
}
.single-post .boxed, .single-evenement .boxed, .page .boxed {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
border-radius: 15px;
padding: 2em;
display: flex;
margin-top: 25px !important;
}
.single-post .widget-area, .single-evenement .widget-area, .page .widget-area { padding-left: 30px !important;
}
.single-post .widget-area .sidebar-main, .single-evenement .widget-area .sidebar-main, .page .widget-area .sidebar-main {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin: 42px 0;
padding: 25px;
border-radius: 15px;
}
.single-post .widget-area .sidebar-main .custom-html-widget a, .single-evenement .widget-area .sidebar-main .custom-html-widget a, .page .widget-area .sidebar-main .custom-html-widget a {
color: white;
text-align: center;
font-weight: 600;
font-size: 14px;
border-radius: 50px;
padding: 3px 8px;
display: block;
background-color: #02012E;
}
.single-post .widget-area .sidebar-main .widget_recent_entries li, .single-evenement .widget-area .sidebar-main .widget_recent_entries li, .page .widget-area .sidebar-main .widget_recent_entries li {
list-style: none;
}
.last_event .thumbicon_event {
background-size: cover;
height: 350px;
border-radius: 15px;
}
.last_event .contenu {
padding: 1em;
}
@media screen and (min-width: 768px) {
.last_event {
display: flex;
align-items: center;
margin-top: 2.5em;
}
.last_event > div {
width: 50%;
}
.last_event .contenu {
padding: 1em;
}
}
.yay img {
border-radius: 10px;
}
.ag {
background: #002d6f;
display: inline-block;
padding: 0.2em 0.8em;
border-radius: 20px;
font-size: 0.9em;
margin-top: 1em;
color: white;
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 1em;
}
.vendre-bien {
text-align: center;
display: block;
margin-bottom: 2em;
margin-top: 1em;
}
.evt {
margin-bottom: 2em;
}
.form_nice .form {
margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
.form_nice .recherche {
margin-top: -5em !important;
background: white;
border-radius: 15px;
}
}
.leaflet-popup-content {
margin-bottom: 1em;
}
.estimation {
padding: 0.5em 0.9em !important;
font-size: 0.9em;
} .magicsearch-wrapper {
position: relative;
}
.magicsearch-wrapper *:not(input) {
margin: 0;
padding: 0;
font-size: 14px;
font-family: Consolas, Helvetica, Arial, sans-serif;
box-sizing: border-box;
}
.magicsearch-wrapper input[disabled] {
cursor: not-allowed;
background-color: #eee;
}
.magicsearch-wrapper input.dropdown {
padding-right: 24px;
}
.magicsearch-wrapper.disabled .magicsearch-arrow, .magicsearch-wrapper.disabled .magicsearch-arrow *, .magicsearch-wrapper.disabled .multi-items {
cursor: not-allowed;
}
.magicsearch-wrapper .multi-items {
position: absolute;
cursor: text;
}
.magicsearch-wrapper .multi-item {
position: relative;
float: left;
background-color: #e4e4e4;
padding-right: 15px;
border-radius: 3px;
border: 1px solid #aaa;
}
.magicsearch-wrapper .multi-item span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: default;
text-align: center;
font-size: 12px;
display: block;
height: 100%;
}
.magicsearch-wrapper .multi-item-close {
display: block;
position: absolute;
width: 12px;
height: 12px;
right: 3px;
}
.magicsearch-wrapper .multi-item-close:before, .magicsearch-wrapper .multi-item-close:after {
content: "";
height: 2px;
width: 12px;
display: block;
background-color: #999;
border-radius: 2px;
position: absolute;
top: 5px;
left: 0px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.magicsearch-wrapper .multi-item-close:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.magicsearch-wrapper .multi-item-close:hover:before, .magicsearch-wrapper .multi-item-close:hover:after {
background-color: #333;
}
.magicsearch-wrapper .magicsearch-box {
display: none;
position: absolute;
width: 100%;
overflow: hidden;
background-color: #fff;
z-index: 100;
border: 1px solid #ccc;
padding: 5px 0;
margin-bottom: 20px;
border-radius: 5px;
left: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.magicsearch-wrapper .magicsearch-box.all {
overflow-y: auto;
}
.magicsearch-wrapper .magicsearch-box li {
height: 30px;
line-height: 30px;
cursor: pointer;
padding-left: 10px;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: normal;
}
.magicsearch-wrapper .magicsearch-box li.enabled {
color: #333;
}
.magicsearch-wrapper .magicsearch-box li.disabled {
color: #d43f3a;
}
.magicsearch-wrapper .magicsearch-box li.selected {
background-color: #ddd;
}
.magicsearch-wrapper .magicsearch-box li.ishover {
background-color: #0097cf;
color: #fff;
}
.magicsearch-wrapper .magicsearch-box li span.keyword {
font-weight: bold;
}
.magicsearch-wrapper .magicsearch-box .no-result {
display: block;
height: 30px;
line-height: 30px;
color: #d43f3a;
padding-left: 10px;
text-align: left;
}
.magicsearch-wrapper .magicsearch-arrow {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 24px;
cursor: pointer;
}
.magicsearch-wrapper .magicsearch-arrow i {
position: relative;
height: 6px;
width: 12px;
cursor: pointer;
display: block;
}
.magicsearch-wrapper .magicsearch-arrow i:before {
content: "";
height: 0;
width: 0;
display: block;
border: 6px transparent solid;
border-bottom-width: 0;
border-top-color: #a0a0a0;
position: absolute;
top: 0;
right: 0;
}
.magicsearch-wrapper .magicsearch-arrow.arrow-rotate-180 {
-webkit-animation: arrow-rotate-180 0.2s 1 linear;
animation: arrow-rotate-180 0.2s 1 linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.magicsearch-wrapper .magicsearch-arrow.arrow-rotate-360 {
-webkit-animation: arrow-rotate-360 0.2s 1 linear;
animation: arrow-rotate-360 0.2s 1 linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.magicsearch-wrapper .magicsearch-arrow.rotate180 {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.magicsearch-wrapper .magicsearch-loading {
background: rgba(255, 255, 255, 0.3);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 3px 0;
}
.magicsearch-wrapper .magicsearch-loading div {
display: none;
background-image: url(data:image/gif;base64,R0lGODlhIAAgALMAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAAIAAgAAAE5xDISSlLrOrNp0pKNRCdFhxVolJLEJQUoSgOpSYT4RowNSsvyW1icA16k8MMMRkCBjskBTFDAZyuAEkqCfxIQ2hgQRFvAQEEIjNxVDW6XNE4YagRjuBCwe60smQUDnd4Rz1ZAQZnFAGDd0hihh12CEE9kjAEVlycXIg7BAsMB6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YEvpJivxNaGmLHT0VnOgGYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHQjYKhKP1oZmADdEAAAh+QQFBQAAACwAAAAAGAAXAAAEchDISasKNeuJFKoHs4mUYlJIkmjIV54Soypsa0wmLSnqoTEtBw52mG0AjhYpBxioEqRNy8V0qFzNw+GGwlJki4lBqx1IBgjMkRIghwjrzcDti2/Gh7D9qN774wQGAYOEfwCChIV/gYmDho+QkZKTR3p7EQAh+QQFBQAAACwBAAAAHQAOAAAEchDISWdANesNHHJZwE2DUSEo5SjKKB2HOKGYFLD1CB/DnEoIlkti2PlyuKGEATMBaAACSyGbEDYD4zN1YIEmh0SCQQgYehNmTNNaKsQJXmBuuEYPi9ECAU/UFnNzeUp9VBQEBoFOLmFxWHNoQw6RWEocEQAh+QQFBQAAACwHAAAAGQARAAAEaRDICdZZNOvNDsvfBhBDdpwZgohBgE3nQaki0AYEjEqOGmqDlkEnAzBUjhrA0CoBYhLVSkm4SaAAWkahCFAWTU0A4RxzFWJnzXFWJJWb9pTihRu5dvghl+/7NQmBggo/fYKHCX8AiAmEEQAh+QQFBQAAACwOAAAAEgAYAAAEZXCwAaq9ODAMDOUAI17McYDhWA3mCYpb1RooXBktmsbt944BU6zCQCBQiwPB4jAihiCK86irTB20qvWp7Xq/FYV4TNWNz4oqWoEIgL0HX/eQSLi69boCikTkE2VVDAp5d1p0CW4RACH5BAUFAAAALA4AAAASAB4AAASAkBgCqr3YBIMXvkEIMsxXhcFFpiZqBaTXisBClibgAnd+ijYGq2I4HAamwXBgNHJ8BEbzgPNNjz7LwpnFDLvgLGJMdnw/5DRCrHaE3xbKm6FQwOt1xDnpwCvcJgcJMgEIeCYOCQlrF4YmBIoJVV2CCXZvCooHbwGRcAiKcmFUJhEAIfkEBQUAAAAsDwABABEAHwAABHsQyAkGoRivELInnOFlBjeM1BCiFBdcbMUtKQdTN0CUJru5NJQrYMh5VIFTTKJcOj2HqJQRhEqvqGuU+uw6AwgEwxkOO55lxIihoDjKY8pBoThPxmpAYi+hKzoeewkTdHkZghMIdCOIhIuHfBMOjxiNLR4KCW1ODAlxSxEAIfkEBQUAAAAsCAAOABgAEgAABGwQyEkrCDgbYvvMoOF5ILaNaIoGKroch9hacD3MFMHUBzMHiBtgwJMBFolDB4GoGGBCACKRcAAUWAmzOWJQExysQsJgWj0KqvKalTiYPhp1LBFTtp10Is6mT5gdVFx1bRN8FTsVCAqDOB9+KhEAIfkEBQUAAAAsAgASAB0ADgAABHgQyEmrBePS4bQdQZBdR5IcHmWEgUFQgWKaKbWwwSIhc4LonsXhBSCsQoOSScGQDJiWwOHQnAxWBIYJNXEoFCiEWDI9jCzESey7GwMM5doEwW4jJoypQQ743u1WcTV0CgFzbhJ5XClfHYd/EwZnHoYVDgiOfHKQNREAIfkEBQUAAAAsAAAPABkAEQAABGeQqUQruDjrW3vaYCZ5X2ie6EkcKaooTAsi7ytnTq046BBsNcTvItz4AotMwKZBIC6H6CVAJaCcT0CUBTgaTg5nTCu9GKiDEMPJg5YBBOpwlnVzLwtqyKnZagZWahoMB2M3GgsHSRsRACH5BAUFAAAALAEACAARABgAAARcMKR0gL34npkUyyCAcAmyhBijkGi2UW02VHFt33iu7yiDIDaD4/erEYGDlu/nuBAOJ9Dvc2EcDgFAYIuaXS3bbOh6MIC5IAP5Eh5fk2exC4tpgwZyiyFgvhEMBBEAIfkEBQUAAAAsAAACAA4AHQAABHMQyAnYoViSlFDGXBJ808Ep5KRwV8qEg+pRCOeoioKMwJK0Ekcu54h9AoghKgXIMZgAApQZcCCu2Ax2O6NUud2pmJcyHA4L0uDM/ljYDCnGfGakJQE5YH0wUBYBAUYfBIFkHwaBgxkDgX5lgXpHAXcpBIsRADs=);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 100%;
}
@-webkit-keyframes arrow-rotate-180 {
from {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
to {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
}
@keyframes arrow-rotate-180 {
from {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
to {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
}
@-webkit-keyframes arrow-rotate-360 {
from {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
to {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
}
@keyframes arrow-rotate-360 {
from {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
to {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
}
.clickphonembr {
color: #02012E;
margin-top: 1em;
font-size: 1.1em;
font-weight: 700;
display: none;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.4s;
}
.showit {
display: block !important;
max-height: 100% !important;
opacity: 1;
transition: all 0.4s;
} .owl-dots.disabled, .owl-nav.disabled {
display: none !important;
}
.owl-dots:not(.disabled) {
margin-top: 15px;
display: flex;
width: 100%;
justify-content: center;
}
.owl-dots:not(.disabled) .owl-dot {
opacity: 1;
display: block;
border-radius: 50px;
width: 35px;
height: 6px;
margin: 5px;
background: lightgrey;
border-color: #999;
}
.owl-dots:not(.disabled) .owl-dot.active {
background-color: #BF7D3C;
}
.owl-dot {
padding: 0;
background-color: lightgrey;
opacity: 0;
display: none;
transition: 0.7s all;
}  .owl-nav {
position: absolute;
bottom: 50%;
right: 0;
display: flex;
justify-content: space-between;
transform: translateY(50%);
width: 100%;
}
.owl-nav .owl-prev span, .owl-nav .owl-next span {
opacity: 0;
}
.owl-prev, .owl-next {
background: white !important;
color: white !important;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
position: relative;
display: flex;
width: 2em;
height: 2em;
border-radius: 50%;
opacity: 0.8;
transition: 0.6s all;
}
.owl-prev:before, .owl-prev:after, .owl-next:before, .owl-next:after {
display: block;
content: "";
position: absolute;
width: 1em;
height: 3px;
background: #002d6f;
border-radius: 3px;
left: 0.6em;
transition: 0.6s all;
}
.owl-prev.disabled, .owl-next.disabled {
opacity: 0;
}
.owl-prev:before, .owl-next:before {
top: 0.6em;
}
.owl-prev:after, .owl-next:after {
bottom: 0.6em;
}
.owl-next {
margin-right: 10px;
}
.owl-next:before {
transform: rotate(45deg);
}
.owl-next:after {
transform: rotate(-45deg);
}
.owl-next:hover {
transition: 0.6s all;
}
.owl-prev {
margin-left: 5px;
}
@media screen and (max-width: 1000px) {
.owl-prev {
margin-left: 10px;
}
}
.owl-prev:before {
transform: rotate(-45deg);
left: 6px;
}
.owl-prev:after {
transform: rotate(45deg);
left: 6px;
}
.owl-next:hover:before {
transform: rotate(35deg);
top: 0.65em;
}
.owl-next:hover:after {
transform: rotate(-35deg);
bottom: 0.65em;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//idylhom.fr/wp-content/themes/astra-child/js/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.vbox-overlay{--vbox-tools-color:#fff;--vbox-title-background:#101010;--vbox-title-width:'auto';--vbox-title-radius:0;--vbox-share-background:#101010;--vbox-share-width:'auto';--vbox-share-radius:0;--vbox-padding:0}.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999}.vbox-share,.vbox-title{line-height:1;position:fixed;z-index:98;text-align:center;margin:0 auto;color:var(--vbox-tools-color)}.vbox-title{font-size:12px;background-color:var(--vbox-title-background);width:var(--vbox-title-width);border-radius:var(--vbox-title-radius);padding:12px 54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.vbox-share{font-size:24px;padding:0 .35em;background-color:var(--vbox-share-background);width:var(--vbox-share-width);border-radius:var(--vbox-share-radius)}.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover{border:none!important;background:0 0!important;box-shadow:none!important;color:inherit!important;padding:6px 12px;outline:0;display:inline-block;cursor:pointer}.vbox-share a{color:inherit!important;padding:6px 12px;display:inline-block}.vbox-share svg{z-index:10;vertical-align:middle}.vbox-close{cursor:pointer;position:fixed;top:0;right:0;z-index:99;padding:6px 15px;color:#000;color:var(--vbox-tools-color);border:0;font-size:24px;display:flex;align-items:center;opacity:.8;transition:opacity .2s}.vbox-close:hover{opacity:1}.vbox-left-corner{cursor:pointer;position:fixed;left:0;top:0;overflow:hidden;line-height:1;font-size:12px;z-index:99;display:flex;align-items:center;color:var(--vbox-tools-color)}.vbox-num{display:inline-block;padding:12px 15px}.vbox-left{left:0}.vbox-right{right:0}.vbox-top{top:0}.vbox-bottom{bottom:0}.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99;opacity:.8;transition:opacity .2s}.vbox-next:hover,.vbox-prev:hover{opacity:1}.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--vbox-tools-color);border-right-color:var(--vbox-tools-color);text-indent:-100px;position:absolute;top:8px;display:block}.vbox-prev{left:15px}.vbox-next{right:15px}.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}.vbox-inline,.venoratio{position:relative;width:100%;margin:0 auto}.venoratio::before{display:block;padding-top:var(--vb-aspect-ratio);content:""}.venoratio>*{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--vbox-padding)}.venoratio-1x1{--vb-aspect-ratio:100%}.venoratio-4x3{--vb-aspect-ratio:calc(3 / 4 * 100%)}.venoratio-16x9{--vb-aspect-ratio:calc(9 / 16 * 100%)}.venoratio-21x9{--vb-aspect-ratio:calc(9 / 21 * 100%)}.venoratio-full{--vb-aspect-ratio:calc(100vh - 100px)}.vbox-child.vbox-inline,.vbox-child.venoratio{max-width:100%}.vbox-open{overflow:hidden}.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%;padding:30px 0}.vbox-content{opacity:0}.vbox-content{text-align:center;width:100%;position:relative;overflow:hidden;padding:20px 4%;display:flex;align-items:center;justify-content:center;min-height:100%}.vbox-container img{max-width:100%;height:auto}.vbox-child{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial;padding:var(--vbox-padding)}.vbox-child img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;display:block}.vbox-grab .vbox-child img{cursor:grab}.vbox-child>iframe{border:none!important}.vbox-content.swipe-left{margin-left:-200px!important}.vbox-content.swipe-right{margin-left:200px!important}.vbox-preloader{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.vbox-preloader .vbox-preloader-inner{opacity:1;transition:opacity .2s}.vbox-hidden{display:none}.vbox-preloader.vbox-hidden .vbox-preloader-inner{opacity:0}.vbox-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translateZ(-1px);-moz-transform:translateZ(-1px);-o-transform:translateZ(-1px);transform:translateZ(-1px);z-index:0}.vbox-tooltip{position:relative;display:inline-block}.vbox-tooltip .vbox-tooltip-text{visibility:hidden;color:#fff;text-align:center;padding:0;position:absolute;z-index:1;bottom:100%;left:0;opacity:0;transition:opacity .3s;margin-bottom:2px;font-family:sans-serif}.vbox-top .vbox-tooltip .vbox-tooltip-text{bottom:auto;top:100%;margin-bottom:0;margin-top:2px}.vbox-tooltip-inner{padding:5px 10px;background-color:rgba(0,0,0,.9);border-radius:6px;font-size:10px}.vbox-tooltip:hover .vbox-tooltip-text{visibility:visible;opacity:1}.vbox-overlay{--sk-size:40px;--sk-color:#333}.sk-center{margin:auto}.sk-plane{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);animation:sk-plane 1.2s infinite ease-in-out}@keyframes sk-plane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-chase{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-chase 2.5s infinite linear both}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:var(--sk-color);border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{100%{transform:rotate(360deg)}}@keyframes sk-chase-dot{100%,80%{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,100%{transform:scale(1)}}.sk-bounce{width:var(--sk-size);height:var(--sk-size);position:relative}.sk-bounce-dot{width:100%;height:100%;border-radius:50%;background-color:var(--sk-color);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)}.sk-bounce-dot:nth-child(2){animation-delay:-1s}@keyframes sk-bounce{0%,100%{transform:scale(0)}45%,55%{transform:scale(1)}}.sk-wave{width:var(--sk-size);height:var(--sk-size);display:flex;justify-content:space-between}.sk-wave-rect{background-color:var(--sk-color);height:100%;width:15%;animation:sk-wave 1.2s infinite ease-in-out}.sk-wave-rect:nth-child(1){animation-delay:-1.2s}.sk-wave-rect:nth-child(2){animation-delay:-1.1s}.sk-wave-rect:nth-child(3){animation-delay:-1s}.sk-wave-rect:nth-child(4){animation-delay:-.9s}.sk-wave-rect:nth-child(5){animation-delay:-.8s}@keyframes sk-wave{0%,100%,40%{transform:scaleY(.4)}20%{transform:scaleY(1)}}.sk-pulse{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);border-radius:100%;animation:sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)}@keyframes sk-pulse{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.sk-flow{width:calc(var(--sk-size) * 1.3);height:calc(var(--sk-size) * 1.3);display:flex;justify-content:space-between}.sk-flow-dot{width:25%;height:25%;background-color:var(--sk-color);border-radius:50%;animation:sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both}.sk-flow-dot:nth-child(1){animation-delay:-.3s}.sk-flow-dot:nth-child(2){animation-delay:-.15s}@keyframes sk-flow{0%,100%,80%{transform:scale(.3)}40%{transform:scale(1)}}.sk-swing{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-swing 1.8s infinite linear}.sk-swing-dot{width:45%;height:45%;position:absolute;top:0;left:0;right:0;margin:auto;background-color:var(--sk-color);border-radius:100%;animation:sk-swing-dot 2s infinite ease-in-out}.sk-swing-dot:nth-child(2){top:auto;bottom:0;animation-delay:-1s}@keyframes sk-swing{100%{transform:rotate(360deg)}}@keyframes sk-swing-dot{0%,100%{transform:scale(.2)}50%{transform:scale(1)}}.sk-circle{width:var(--sk-size);height:var(--sk-size);position:relative}.sk-circle-dot{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle 1.2s infinite ease-in-out both}.sk-circle-dot:nth-child(1){transform:rotate(30deg)}.sk-circle-dot:nth-child(2){transform:rotate(60deg)}.sk-circle-dot:nth-child(3){transform:rotate(90deg)}.sk-circle-dot:nth-child(4){transform:rotate(120deg)}.sk-circle-dot:nth-child(5){transform:rotate(150deg)}.sk-circle-dot:nth-child(6){transform:rotate(180deg)}.sk-circle-dot:nth-child(7){transform:rotate(210deg)}.sk-circle-dot:nth-child(8){transform:rotate(240deg)}.sk-circle-dot:nth-child(9){transform:rotate(270deg)}.sk-circle-dot:nth-child(10){transform:rotate(300deg)}.sk-circle-dot:nth-child(11){transform:rotate(330deg)}.sk-circle-dot:nth-child(1):before{animation-delay:-1.1s}.sk-circle-dot:nth-child(2):before{animation-delay:-1s}.sk-circle-dot:nth-child(3):before{animation-delay:-.9s}.sk-circle-dot:nth-child(4):before{animation-delay:-.8s}.sk-circle-dot:nth-child(5):before{animation-delay:-.7s}.sk-circle-dot:nth-child(6):before{animation-delay:-.6s}.sk-circle-dot:nth-child(7):before{animation-delay:-.5s}.sk-circle-dot:nth-child(8):before{animation-delay:-.4s}.sk-circle-dot:nth-child(9):before{animation-delay:-.3s}.sk-circle-dot:nth-child(10):before{animation-delay:-.2s}.sk-circle-dot:nth-child(11):before{animation-delay:-.1s}@keyframes sk-circle{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.sk-circle-fade{width:var(--sk-size);height:var(--sk-size);position:relative}.sk-circle-fade-dot{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle-fade-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle-fade 1.2s infinite ease-in-out both}.sk-circle-fade-dot:nth-child(1){transform:rotate(30deg)}.sk-circle-fade-dot:nth-child(2){transform:rotate(60deg)}.sk-circle-fade-dot:nth-child(3){transform:rotate(90deg)}.sk-circle-fade-dot:nth-child(4){transform:rotate(120deg)}.sk-circle-fade-dot:nth-child(5){transform:rotate(150deg)}.sk-circle-fade-dot:nth-child(6){transform:rotate(180deg)}.sk-circle-fade-dot:nth-child(7){transform:rotate(210deg)}.sk-circle-fade-dot:nth-child(8){transform:rotate(240deg)}.sk-circle-fade-dot:nth-child(9){transform:rotate(270deg)}.sk-circle-fade-dot:nth-child(10){transform:rotate(300deg)}.sk-circle-fade-dot:nth-child(11){transform:rotate(330deg)}.sk-circle-fade-dot:nth-child(1):before{animation-delay:-1.1s}.sk-circle-fade-dot:nth-child(2):before{animation-delay:-1s}.sk-circle-fade-dot:nth-child(3):before{animation-delay:-.9s}.sk-circle-fade-dot:nth-child(4):before{animation-delay:-.8s}.sk-circle-fade-dot:nth-child(5):before{animation-delay:-.7s}.sk-circle-fade-dot:nth-child(6):before{animation-delay:-.6s}.sk-circle-fade-dot:nth-child(7):before{animation-delay:-.5s}.sk-circle-fade-dot:nth-child(8):before{animation-delay:-.4s}.sk-circle-fade-dot:nth-child(9):before{animation-delay:-.3s}.sk-circle-fade-dot:nth-child(10):before{animation-delay:-.2s}.sk-circle-fade-dot:nth-child(11):before{animation-delay:-.1s}@keyframes sk-circle-fade{0%,100%,39%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.sk-grid{width:var(--sk-size);height:var(--sk-size)}.sk-grid-cube{width:33.33%;height:33.33%;background-color:var(--sk-color);float:left;animation:sk-grid 1.3s infinite ease-in-out}.sk-grid-cube:nth-child(1){animation-delay:.2s}.sk-grid-cube:nth-child(2){animation-delay:.3s}.sk-grid-cube:nth-child(3){animation-delay:.4s}.sk-grid-cube:nth-child(4){animation-delay:.1s}.sk-grid-cube:nth-child(5){animation-delay:.2s}.sk-grid-cube:nth-child(6){animation-delay:.3s}.sk-grid-cube:nth-child(7){animation-delay:0s}.sk-grid-cube:nth-child(8){animation-delay:.1s}.sk-grid-cube:nth-child(9){animation-delay:.2s}@keyframes sk-grid{0%,100%,70%{transform:scale3D(1,1,1)}35%{transform:scale3D(0,0,1)}}.sk-fold{width:var(--sk-size);height:var(--sk-size);position:relative;transform:rotateZ(45deg)}.sk-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.sk-fold-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sk-color);animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%}.sk-fold-cube:nth-child(2){transform:scale(1.1) rotateZ(90deg)}.sk-fold-cube:nth-child(4){transform:scale(1.1) rotateZ(180deg)}.sk-fold-cube:nth-child(3){transform:scale(1.1) rotateZ(270deg)}.sk-fold-cube:nth-child(2):before{animation-delay:.3s}.sk-fold-cube:nth-child(4):before{animation-delay:.6s}.sk-fold-cube:nth-child(3):before{animation-delay:.9s}@keyframes sk-fold{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0);opacity:1}100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}}.sk-wander{width:var(--sk-size);height:var(--sk-size);position:relative}.sk-wander-cube{background-color:var(--sk-color);width:20%;height:20%;position:absolute;top:0;left:0;--sk-wander-distance:calc(var(--sk-size) * 0.75);animation:sk-wander 2s ease-in-out -2s infinite both}.sk-wander-cube:nth-child(2){animation-delay:-.5s}.sk-wander-cube:nth-child(3){animation-delay:-1s}@keyframes sk-wander{0%{transform:rotate(0)}25%{transform:translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)}50%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)}50.1%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)}75%{transform:translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)}100%{transform:rotate(-360deg)}}
           @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap");
#wpadminbar {
position: fixed !important;
}
a {
text-decoration: none;
}
#page .vc_row {
margin-left: 0;
margin-right: 0;
}
#page .wpb_content_element, #page .vc_btn3-container {
margin-bottom: 0;
}
#page .vc_column-inner {
padding: 0;
}
#page .vc_section {
margin: 0;
padding: 0;
}
#page .vc_column-inner::before, #page .vc_column-inner::after {
content: none;
}
#page .vc_row::before, #page .vc_row::after {
content: none;
}
#page .vc_col-sm-1, #page .vc_col-sm-10, #page .vc_col-sm-11, #page .vc_col-sm-12, #page .vc_col-sm-2, #page .vc_col-sm-3, #page .vc_col-sm-4, #page .vc_col-sm-5, #page .vc_col-sm-6, #page .vc_col-sm-7, #page .vc_col-sm-8, #page .vc_col-sm-9 { } @media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
font-size: 16px !important;
background: #eee;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select, textarea, input {
font-size: 16px !important;
}
}
@media screen and (min-width: 500px) {
.vc_row-no-padding {
width: 100vw !important;
}
}   #primary {
padding-top: 80px !important;
margin: 0 !important;
}
.home #main {
background: #fff;
}
.boxed {
max-width: 1200px;
margin: auto !important;
padding: 1em;
}
.boxed-large {
max-width: 1400px;
margin: auto !important;
padding: 1em;
}
.center-things {
text-align: center;
}
.hidden {
display: none;
}
.white {
color: white !important;
}
.white a {
color: white !important;
}
.white a:hover {
color: grey !important;
}
@media screen and (max-width: 767px) {
.laptop {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.mobile {
display: none !important;
}
.flex50 {
display: flex;
align-items: center;
}
.flex50 > div {
width: 50%;
}
.flex-center {
display: flex;
align-items: center;
}
}
.btn {
cursor: pointer;
}
@media screen and (max-width: 769px) {
.center-mobile {
text-align: center;
}
}
ul {
list-style: none;
margin-left: 0;
}
.single-post ul {
list-style: disc;
}   article ul {
margin-top: 1em;
}
article li {
margin-left: 1em;
}
.img_article {
width: 100%;
margin: 0 0 20px 0;
}
.author {
font-weight: 600;
color: #02012E;
}
.article_date {
color: grey;
}
.wpb_text_column ul li:before {
content: "•";
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
article ul li li:before {
content: "■  ";
color: grey;
}
.vc_column_container > .vc_column-inner {
padding: 0;
}
.dreambigger img {
border-radius: 15px;
box-shadow: 1px 1px 12px #D2D2D2;
}
#size_content {
height: 93vh;
}
.font_p p {
color: #636466;
}
.h2_rouge h2 {
color: #DA3641;
font-size: 1.6em;
}
.p_agent {
color: #636466;
font-weight: normal;
font-size: 0.9em;
padding-right: 1em;
}
.bouton_centrer {
text-align: center;
}
.bouton_estimation {
background-color: #DC1D2E;
color: white;
border-radius: 30px;
padding: 0.5em 2em;
}
.description_agent {
border-radius: 15px;
box-shadow: 1px 1px 12px #BDBDBD;
padding: 2em;
}
#carte_agent {
border-radius: 15px;
box-shadow: 1px 1px 12px #BDBDBD;
}
#titre_noir h2 {
color: #02012E !important;
}
.p_light {
font-weight: 200;
font-size: 0.9em;
margin-top: 1em;
padding-right: 1em;
}
@media screen and (min-width: 600px) {
.recrutement_img {
width: 77%;
margin: auto;
}
}
@media screen and (min-width: 600px) and (max-width: 1000px) {
#img_parachute {
background-position: 200% 0%;
background-size: 95%;
}
}
@media screen and (max-width: 600px) {
#img_parachute {
display: none;
}
.recrutement_img {
padding-top: 3em;
padding-bottom: 3em;
width: 68%;
margin: auto;
}
.wpcf7-form input {
width: 100% !important;
}
}
body {
background-color: white !important;
}
#input_prenom, #input_nom, #input_email, #input_message, input[type="tel"] {
background-color: #DAE9F3;
font-style: italic;
border-radius: 30px;
font-family: ubuntu;
color: #728CA8;
padding-left: 1em;
}
#align_button {
text-align: center;
}
#input_jepostule {
background-color: #DC1D2E;
color: white;
border-radius: 30px !important;
}
#input_envoyer {
background-color: #DC1D2E;
color: white;
padding: 1em 4em;
border-radius: 30px !important;
}
.titre_recrutement {
color: #002d6f !important;
text-transform: none !important;
font-size: 2.3rem !important;
font-weight: 400 !important;
}
.titre_recrutement span {
color: #dc1d2e !important;
font-weight: 700 !important;
display: block;
}   .flexrow > div > div > .wpb_wrapper, .flexblog, .flexrow {
display: flex;
}
.wrap, .wrap > div > div > .wpb_wrapper {
flex-wrap: wrap;
}   h1 {
color: #02012E !important;
font-size: 1.5em;
font-weight: 600;
}
h2 {
color: #02012E;
font-size: 1.6em;
font-weight: 600;
margin-bottom: 20px;
}
h3 {
color: #02012E !important;
font-size: 1.3em;
line-height: 1.3em !important;
}
h3 span {
font-weight: 600 !important;
}
p, article {
color: #02012E;
}
p {
line-height: 1.5em;
font-weight: normal;
}    .site-header {
position: fixed !important;
z-index: 999;
}      .main-navigation > ul > li a {
color: #02012E;
font-weight: 600;
text-transform: capitalize;
}
.main-navigation > ul > li a:hover {
color: #BF7D3C;
transition: 0.1s all;
}
.main-navigation > ul > li .current-menu-item a {
color: #BF7D3C !important;
font-weight: 900 !important;
}
.main-header-bar {
line-height: 1em !important;
}
.menu-item-183 a, .menu-item-184 a {
padding-right: 0 !important;
}
#menu-item-68 a {
text-transform: math-auto;
display: flex;
height: 50%;
background-color: #02012E;
border-radius: 50px;
color: white;
letter-spacing: -0.5px;
}
#menu-item-68 a:hover {
background-color: #BF7D3C;
transition: 0.1s all;
}
#menu-item-68 .current-menu-item a {
color: white !important;
font-weight: 900 !important;
}   #annonces-list .owl-nav {
display: none;
}
@media screen and (max-width: 767px) {
.owl-dots {
text-align: center;
margin-bottom: 1em;
margin-top: 1em;
}
.owl-dots .owl-dot {
width: 10px !important;
height: 10px !important;
border-radius: 50%;
margin: 0.2em;
border: 1px solid #BF7D3C !important;
}
.owl-dots .active {
background: #BF7D3C !important;
}
.blue_section .owl-dots .owl-dot {
border: 1px solid white;
}
.blue_section .owl-dots .active {
background: white !important;
}
}
@media screen and (min-width: 1001px) {
.mobile-menu {
display: none !important;
}
.sub-menu {
border: 0 !important;
opacity: 0.9 !important;
}
.sub-menu li {
padding: 0.2em 1em;
transition: 0.3s all;
opacity: 0.9 !important;
}
.sub-menu li:hover {
transition: 0.3s all;
}
.sub-menu a {
color: #002d6f !important;
}
}
.thumbnail {
height: 230px;
}
.main-header-bar {
width: 100vw;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#homeblog .owl-dots .active {
background: #BF7D3C !important;
}
#homeblog .owl-dots .owl-dot {
border: 1px solid #BF7D3C !important;
}
.owl-carousel .owl-stage-outer {
padding: 9px;
margin: -9px;
}
.owl-stage {
display: flex;
}
.owl-stage .card {
height: 100%;
}      .box_contactform {
background-color: #fff;
padding: 2em;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
border-radius: 15px;
}
.box_contactform .mdc-layout-grid {
padding: 0 !important;
}   .bottom_footer {
justify-content: space-evenly;
font-size: 0.9em;
padding-top: 2em;
padding-bottom: 2em;
position: relative;
}
.bottom_footer li {
list-style: none !important;
}
.bottom_footer p {
margin: 0;
}
.bottom_footer a, .bottom_footer p {
color: #02012E;
}
.bottom_footer li a {
border-bottom: solid 1px transparent;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
font-weight: 400;
}
.bottom_footer li a:hover {
border-bottom: solid 1px #002d6f;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.bottom_footer ul {
margin: 0 !important;
}
.bottom_footer h4 {
font-size: 1.2em;
font-weight: 700;
margin-bottom: 1em;
}
.bottom_footer img {
width: 5vw;
height: auto !important;
}
.ftr-logo {
background: url(//idylhom.fr/wp-content/uploads/2022/11/idylhom-logo.svg) no-repeat 0 0;
width: 75px;
height: 14px;
margin: 0;
}
.ftr-name {
color: #fff;
font-size: 14px;
font-weight: 400;
position: relative;
top: -1em;
}
.collapsible input[type="checkbox"] {
display: none;
}
@media screen and (min-width: 1000px) {
.bottom_footer > div {
display: flex;
}
.bottom_footer > div > div {
width: 25%;
}
}
@media screen and (min-width: 768px) {
.column-gap > div:first-child {
padding-right: 15px;
}
.column-gap > div:nth-child(2) {
padding-left: 15px;
}
.mobile7 {
display: none;
}
}
.footer-adv-overlay {
background-color: #02012E;
padding: 3vh 0 2vh 0;
margin: 0;
}
.widget-title {
font-size: 0.9em;
margin: 0;
padding-bottom: 2vh;
font-weight: bold;
}
.widget-title ul li {
line-height: 150%;
font-size: 0.9em;
}
div.bottom_footer {
background-color: #02012E;
}
div.bottom_footer h4, div.bottom_footer a {
color: white;
letter-spacing: -0.5px;
}
#footer_flex {
display: flex;
justify-content: center;
}
#footer_flex > div {
padding: 0 3em;
}
#footer_flex img {
width: 150px;
}
#footer_flex h4 {
color: white !important;
}
@media screen and (max-width: 600px) {
#footer_flex {
flex-wrap: wrap;
}
#footer_flex > div {
width: 100%;
}
}
@media screen and (min-width: 1001px) {
margin: auto;
width: 50vw;
}
.bottom_footer > .ast-container:nth-of-type(1) {
border-bottom: 1px solid white;
padding-bottom: 2em;
}
.ast-small-footer > .ast-footer-overlay > .ast-container {
border-top: 1px solid white;
padding-top: 2em;
}
#footer_middle_nice, #footer_middle_draguignan {
text-align: center;
}
#footer_middle_nice h4, #footer_middle_draguignan h4 {
font-size: 1.2em;
font-weight: 700;
}
#footer_flex .footer_button {
margin-top: 0 !important;
}
#footer_middle_nice img, #footer_middle_draguignan img {
margin: 0.5vw 0 1vw 0;
}
#footer_middle_nice p, #footer_middle_draguignan p {
color: white;
}
.logo_reseaux {
display: inline-block;
margin-top: 0.5em;
margin-bottom: 1em;
}
.logo_reseaux img.img_icon {
width: 20% !important;
height: auto;
}
.footer_button {
text-decoration: none;
color: white;
border: 1px solid white;
margin-top: 1em;
display: inline-block;
padding: 0.2em 1em;
border-radius: 50px;
}
a.footer_button:hover {
background-color: white;
color: #02012E;
}
div.ast-footer-overlay {
padding: 1em 0;
}
div#bottom_footer {
display: flex;
justify-content: space-between;
}
p#last_footer {
font-size: 0.8em;
color: white;
margin-bottom: 0;
padding: 0.5em 0;
}   @media screen and (min-width: 767px) and (max-width: 1000px) {
.thumbnail {
height: 180px;
}
.bottom_footer > .ast-container {
display: flex;
justify-content: space-between;
}
}
@media screen and (max-width: 766px) {
.bottom_footer {
text-align: center;
padding: 0 0 2em 0;
}
.bottom_footer .ast-container {
padding: 0 !important;
}
.bottom_footer h4 {
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 0 !important;
transition: 0.3s all;
}
.bottom_footer h4:hover {
background: #003179;
transition: 0.3s all;
}
.bottom_footer img {
margin-top: 1em;
}
.bottom_footer li {
margin-bottom: 1em;
}
.bottom_footer .menu-top-container ul {
padding: 1em;
}
.bottom_footer .textwidget p {
padding: 1em;
}
.bottom_footer .textwidget .mobile {
padding-top: 1.5em;
}
.bottom_footer > div:first-of-type div:nth-child(3) img {
display: none !important;
}
.bottom_footer > div:first-of-type .textwidget .btn_vide {
margin: 0.5em;
}
.bottom_footer .btn_white, .bottom_footer img {
margin-bottom: 2em;
}
.collapsible .lbl-toggle {
display: block;
cursor: pointer;
transition: all 0.25s ease-out;
}
.collapsible .lbl-toggle .fas {
margin-left: 0.5em;
transition: 0.25s all;
}
.lbl-toggle:hover {
color: white;
}
.lbl-toggle + div, .lbl-toggle + .menu-top-container {
max-height: 0px;
overflow: hidden;
transition: max-height 0.25s ease-in-out;
}
.toggle:checked + .lbl-toggle + div {
max-height: 100vh;
}
.toggle:checked + .lbl-toggle + div li {
margin-bottom: 0;
padding: 1em 0;
}
.lbl-toggle + div li {
margin-bottom: 0;
padding: 1em 0;
background: #010015;
}
.lbl-toggle + div li a {
text-transform: uppercase;
}
.toggle:checked + .lbl-toggle h4 {
background: #040260;
transition: 0.5s all;
padding: 15px;
transition: 0.25s all;
}
} .custom-logo {
width: 90%;
max-width: 140px;
}   .flexblog {
justify-content: center;
}
@media screen and (min-width: 1000px) {
.flexblog .item-post {
width: 30%;
margin: 1%;
}
.single-post .flexblog .item-post {
width: 30% !important;
margin: 3vh 0;
}
}
@media screen and (min-width: 650px) and (max-width: 999px) {
.flexblog .item-post {
width: 45%;
margin: 1%;
}
.single-post .flexblog .item-post {
width: 50%;
}
.single-post .item-post:nth-child(3) {
display: none;
}
}
@media screen and (min-width: 650px) and (max-width: 768px) {
.single-post .flexblog .item-post {
margin-left: 0;
}
}
.autres-articles {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 649px) {
.single-post .autres-articles h2 {
text-align: center;
}
.flexblog .item-post {
width: 100%;
}
.single-post .item-post:nth-child(3), .single-post .item-post:nth-child(2) {
display: none;
}
}
.thumbicon {
width: 100%;
background-size: cover;
height: 200px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.item-post {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 1em !important;
padding: 1.5em;
border-radius: 7px;
background: white;
background: white;
padding: 0;
margin-top: 1em;
border-radius: 15px;
}
.item-post .thumbicon {
background-position: center;
background-size: cover;
transition: 1s all;
}
.item-post p {
margin-top: 1em;
}
.item-post .contenu {
padding: 1em;
}
.single-post .boxed {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin-bottom: 4em !important;
} @media screen and (min-width: 768px) {
.single-post .flexblog {
margin-left: 0em;
margin-right: 0em;
display: flex;
justify-content: space-between;
}
}
@media screen and (min-width: 1000px) {
.card-50 {
width: 47%;
margin: 1.5%;
}
.ast-small-footer {
line-height: 2.857;
}
}
.wpcf7-form-control-wrap {
display: inline !important;
}
.wpcf7-not-valid-tip {
text-align: center;
margin-top: 5px;
}
.wpcf7-response-output {
background: white;
padding: 0.5em;
text-align: center;
border-radius: 18px;
border: 2px solid white !important;
}
#breadcrumbs {
display: none;
}    .single-annonce #primary {
width: 100% !important;
}
.biencard {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
height: 100%;
}
.biencard > a {
height: 17em;
display: block;
}
.biencard > a > div {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.biencard .annonce {
border-radius: 15px;
}
.biencard .annonce img {
border-radius: 15px;
box-shadow: 1px 1px 12px #555;
}
.biencard .contenu {
padding: 1.5rem;
}
.biencard .contenu h3 {
margin-top: 0;
color: #002d6f;
text-transform: none;
font-size: 1.3rem;
}
.biencard .contenu h3 span {
color: #A3A3A3;
font-size: 0.8rem;
}
.biencard .contenu .prix {
font-weight: bold;
font-size: 1.4em;
color: #00A670;
letter-spacing: -0.7px;
}
.biencard .contenu .prix sup {
font-weight: 600;
font-size: 0.55em;
}
.biencard .contenu .zones {
margin: 0;
}
.biencard .contenu .zones ul {
display: flex;
margin-block-start: 0;
margin-block-end: 0;
white-space: nowrap;
flex-wrap: wrap;
}
.biencard .contenu .zones li {
margin: 0;
}
.biencard .contenu .zones li a {
color: #9DAEBE;
padding: 2px 5px;
margin: 2px 2px;
font-weight: 600;
font-size: 1em;
background-color: #F3F3F3;
border-radius: 4px;
display: inline-block;
}
.biencard .contenu .zones li a:hover {
background-color: #ececec;
color: #8797a6;
}
.biencard .contenu .description_bien {
margin: 0;
font-weight: 600;
color: #02012E;
}
.biencard .contenu > div {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
.biencard .contenu > div span {
color: #A3A3A3;
font-weight: bold;
font-size: 0.8rem;
}
.biencard .contenu > div a {
color: #002d6f;
font-weight: bold;
}
.flexProg {
display: flex;
justify-content: space-between;
}
.flexProg .biencard {
width: 32%;
}
.flexProg {
padding: 1rem;
padding-bottom: 0;
margin: 0 -1rem;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.flexProg {
margin: 0;
padding: 0;
}
}
@media screen and (max-width: 600px) {
.flexProg {
padding: 0;
}
}
.flexProg .biencard {
margin-bottom: 2rem;
}
@media screen and (max-width: 1000px) {
.flexProg .biencard {
width: 48%;
}
}
@media screen and (max-width: 600px) {
.flexProg .biencard {
width: 100%;
margin-bottom: 2rem;
}
}
#customers-programme .owl-stage {
display: flex;
}
@media screen and (max-width: 768px) {
#customers-programme .owl-stage {
padding: 0;
}
}
#customers-programme .owl-stage-outer {
padding: 2rem 0;
}
#customers-programme .owl-item {
padding: 0.5rem;
}
@media screen and (max-width: 1100px) {
#customers-programme .owl-item {
padding: 0 5vw;
}
}
#customers-programme .owl-item .prochainement {
width: 150px;
}
@media screen and (min-width: 1001px) {
.allbiens {
margin-left: -2%;
margin-right: -3%;
}
.allbiens .card {
width: 31%;
margin: 1%;
}
}
@media screen and (min-width: 565px) and (max-width: 1000px) {
.allbiens .card {
width: 45%;
margin: 2%;
}
}
@media screen and (max-width: 564px) {
.allbiens .card {
width: 100%;
margin-bottom: 2em;
}
}
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
text-align: center;
width: 100%;
}
.card {
border-radius: 10px;
background-color: white;
box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
}
.card .thumbnail {
background-size: 130% !important;
background-position: center !important;
border-radius: 10px 10px 0 0;
text-align: right;
transition: 0.5s all;
}
.card .thumbnail .exl {
color: white;
background-color: #DA3641;
text-transform: uppercase;
padding: 0.2em 1em;
border-radius: 80px;
margin-right: 1em;
display: inline-block;
margin-top: 1em;
font-size: 0.7em;
font-weight: 700;
}
.card .entete_bien {
display: inline-flex;
justify-content: space-between;
width: 100%;
}
.card .entete_bien h1 {
max-width: 70%;
}
@media screen and (max-width: 767px) {
.card .single-annonce .card .entete_bien {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.25em;
}
.card .single-annonce .card .entete_bien .prix {
order: -1; text-align: left;
}
}
.card .contenu {
padding: 1em;
line-height: 1.1em;
position: relative;
}
.card .bientitre {
display: block;
color: #636466;
font-size: 1.2em;
font-weight: 300;
line-height: 1em;
}
.card .loc {
font-size: 1em;
color: #636466;
margin-top: 0.5em;
display: block;
}
.card .prix {
display: inline-grid;
color: #00A670;
font-weight: bold;
font-size: 1.8em;
line-height: 1em;
text-align: right;
}
.card .prix sup {
font-weight: 600;
font-size: 0.4em;
top: -0.8em;
}
.card .prix:hover {
color: #00A670 !important;
}
.card .thumbnail:hover {
background-size: 137% !important;
transition: 0.5s all;
}
.agentcard {
align-items: end;
justify-content: space-between;
margin-top: 2em;
align-items: flex-end;
}
.agent {
background-repeat: no-repeat !important;
background-size: cover;
background-position-y: top;
width: 5em;
height: 5em;
border-radius: 50%;
box-shadow: 0px 0px 10px 1px rgba(230, 230, 230, 0.75);
}
div.flex-right ~ div {
font-size: 0.8em;
color: gray;
}
.flexbiens {
display: flex;
flex-wrap: wrap;
}
.flex, .flex-right {
display: flex;
}
.bienid {
font-size: 0.9em;
}
.icones-colonnes {
display: flex;
flex-direction: column;
margin-left: 0.5em;
position: relative;
top: 0.7em;
}
.icones-colonnes a {
width: 32px;
}
.owl-prev {
margin-right: 1em;
}
a.telbtn {
position: relative;
bottom: 0.3em;
}
.btn_annonces a {
background-color: #DC1D2E !important;
border-color: #DC1D2E !important;
text-transform: uppercase;
font-family: ubuntu;
font-weight: bold;
}
.btn_blue {
background: #02012E;
color: white;
border-radius: 7px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px; transition: 0.2s all; }
.btn_blue:hover {
background: #BF7D3C;
transition: 0.2s all;
color: white !important;
}
@media screen and (min-width: 767px) {
.owl-nav ~ .owl-dots {
display: none;
}
}
.h2blue h2 {
color: #02012E;
font-size: 1.6em;
}    .diagnostics {
display: flex;
justify-content: space-between;
}
.diagnostics .blk_diag h4 {
font-size: 0.9em;
}
.dpe_bar .dpe_niv {
display: inline-block;
vertical-align: top;
width: 13%;
max-width: 46px;
height: 12px;
line-height: 30px;
font-weight: bold;
font-size: 16px;
text-align: center;
border: 1px solid white;
}
.dpe_bar .active {
width: 48px;
height: 32px;
border-radius: 4px !important;
margin-top: -10px;
margin-left: -1px;
}
.dpe_bar .A {
background-color: #00a774;
color: white;
border-radius: 100px 0px 0px 100px;
margin-right: 1px;
}
.dpe_bar .B {
background-color: #00bb54;
color: white;
border-radius: 0;
}
.dpe_bar .C {
background-color: #4ac57b;
color: white;
border-radius: 0;
}
.dpe_bar .D {
background-color: #fdeb00;
color: black;
border-radius: 0;
}
.dpe_bar .E {
background-color: #ffbc00;
color: black;
border-radius: 0;
}
.dpe_bar .F {
background-color: #ff882f;
color: black;
border-radius: 0;
}
.dpe_bar .G {
background-color: #ec0118;
color: white;
border-radius: 0px 100px 100px 0px;
}  .ges_bar .ges_niv {
display: inline-block;
vertical-align: top;
width: 13%;
max-width: 46px;
height: 12px;
line-height: 30px;
font-weight: bold;
font-size: 16px;
text-align: center;
border: 1px solid white;
}
.ges_bar .active {
width: 48px;
height: 32px;
border-radius: 4px !important;
margin-top: -10px;
margin-left: -1px;
}
.ges_bar .A {
background-color: #a3dbfc;
color: white;
border-radius: 100px 0px 0px 100px;
margin-right: 1px;
}
.ges_bar .B {
background-color: #8ab5d2;
color: black;
border-radius: 0;
}
.ges_bar .C {
background-color: #7692b1;
color: black;
border-radius: 0;
}
.ges_bar .D {
background-color: #5e708d;
color: white;
border-radius: 0;
}
.ges_bar .E {
background-color: #4d5272;
color: white;
border-radius: 0;
}
.ges_bar .F {
background-color: #393550;
color: white;
border-radius: 0;
}
.ges_bar .G {
background-color: #291b35;
color: white;
border-radius: 0px 100px 100px 0px;
} .mandat-content {
margin-left: 10vw;
margin-right: 10vw;
display: flex;
}
.laptop .mandat-agent {
position: sticky; top: 9em;
}
.mandat-agent {
text-align: center;
border-radius: 10px;
padding-top: 2em;
}
.mandat-agent .btn_phone {
mask-image: url(//idylhom.fr/wp-content/uploads/2023/03/Icon-material-phone-iphone.svg);
-webkit-mask-image: url(//idylhom.fr/wp-content/uploads/2023/03/Icon-material-phone-iphone.svg);
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
height: 21px;
width: 13px;
display: inline-block;
background-color: #02012E;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.mandat-agent .btn_email {
mask-image: url(//idylhom.fr/wp-content/uploads/2023/03/Icon-awesome-envelope.svg);
-webkit-mask-image: url(//idylhom.fr/wp-content/uploads/2023/03/Icon-awesome-envelope.svg);
mask-repeat: no-repeat;
height: 15px;
width: 15px;
display: inline-block;
background-color: #02012E;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.mandat-agent .btn_rouge, .mandat-agent .estimation {
margin-top: 2em;
margin-bottom: 2em;
}
.sticky {
margin-bottom: 2.5em;
}
.mandat-agent > span.nom {
color: #002d6f;
font-size: 1.5em;
font-weight: bold;
}
.ville_name {
color: white;
font-family: "Gotham", sans-serif;
font-weight: bold;
padding: 1vh 0;
margin-bottom: 0;
}
.wpcf7-submit {
color: white !important;
font-weight: 700;
}
#carac_bien {
display: flex;
flex-wrap: wrap;
margin-top: 5vh;
margin-bottom: 5vh;
}
#carac_bien > span {
width: 100%;
color: #636466;
}
@media screen and (min-width: 600px) {
#carac_bien > span {
width: 50%;
}
}
#carac_bien > span > img {
margin-right: 0.5em;
width: 25px;
margin-bottom: 0.5em;
}
.mentions_bien > h3 {
color: #636466;
font-size: 1em;
margin-bottom: 0.5em;
}
.mentions_bien > p {
color: #636466;
font-size: 0.8em;
}
#button_center {
text-align: center;
}
.full_width_img {
width: 100vw;
}   @media screen and (min-width: 767px) {
.bottom_footer > div > div {
width: 24%;
margin-right: 1%;
}
.bottom_footer > div > div h4 {
margin-top: 1em;
}
.card_agent {
width: 30%;
}
.single-agents .f-agent > div:nth-child(1) {
width: 25%;
margin-right: 1em;
min-height: 50em;
}
.single-agents .f-agent > div:nth-child(2) {
width: 75%;
}
.bcg_white {
background: white;
margin-top: 5em;
padding-bottom: 3em;
}
.agent_bottom {
padding-top: 5em;
padding-bottom: 5em;
}
}
@media screen and (max-width: 500px) {
.card_agent {
width: 100%;
}
.f-agent {
flex-wrap: wrap;
}
.f-agent > div {
width: 100%;
}
.f-agent > div:nth-child(1) {
margin-bottom: 1em;
}
}
@media screen and (min-width: 501px) and (max-width: 766px) {
.card_agent {
width: 48%;
}
}
@media screen and (max-width: 766px) {
.f-agent {
flex-wrap: wrap;
}
.f-agent > div {
width: 100%;
}
.f-agent > div:nth-child(1) {
margin-bottom: 1em;
}
.grey_section {
text-align: center;
}
.bcg_white {
background: white;
margin-top: 2em;
padding-bottom: 2em;
}
.agent_bottom {
padding-top: 2em;
padding-bottom: 2em;
}
}
.card_agent {
border-radius: 10px;
text-align: center;
padding-top: 2em;
padding-bottom: 2em;
margin: 1%;
}
.card_agent .btn_rouge, .card_agent .estimation {
margin-top: 1.4em;
}
.card_agent .social {
margin-top: 1.3em;
}
.flexagents {
justify-content: flex-start;
flex-wrap: wrap;
display: flex;
}
.flexagents > .card_agent {
box-shadow: 0px 0px 10px 1px rgba(230, 230, 230, 0.75);
border: none !important;
}
.soustitre-agent {
color: #636466;
font-size: 1.2em;
font-weight: 300;
margin-bottom: 1em;
display: block;
}
.blue_section {
background: #002d6f;
}
.blue_section h2 {
color: white;
text-transform: uppercase;
font-size: 1.6em;
}
.grey_section {
background: #F1F1F1;
}
.grey_section h2, .grey_section p {
color: #02012E !important;
margin-bottom: 1em !important;
}
.grey_section h2 {
font-size: 2.5em;
}
.grey_section .btn_rouge, .grey_section .estimation {
margin-top: 1em;
}
.btn_rouge, .estimation {
color: white;
background-color: #DC1D2E;
padding: 0.5em 3em;
border-radius: 30px;
display: inline-block;
text-transform: uppercase;
font-family: "Ubuntu", sans-serif;
transition: 0.5s all;
}
.btn_rouge:hover, .estimation:hover {
background-color: #fc1b2e;
color: white !important;
transition: 0.5s all;
}
.header_overlay, .header_overlay1 {
background: rgba(0, 0, 0, 0.4);
position: relative;
left: 0;
top: 0;
height: 40vh;
min-height: 400px;
width: 100%;
}
.header_overlay1 {
position: absolute;
}   .mobile_header {
background-size: cover;
background-position: center center;
margin-top: 5em;
}
#popup_2 {
max-width: 100vw;
}
#popup_2 .popup_column2 {
position: relative;
}
.overlay {
background: rgba(0, 0, 0, 0.6);
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
visibility: hidden;
}
.hide_overlay {
animation-name: hide_overlay;
animation-duration: 0.5s;
}
.show_overlay {
visibility: visible;
animation-name: show_overlay;
animation-duration: 0.5s;
}
@keyframes show_overlay {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes hide_overlay {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@media screen and (max-width: 1000px) {
#masthead, .header_top {
display: none !important;
}
.mobile-menu {
position: fixed;
width: 104vw;
z-index: 9;
background: white;
padding: 2.5em 1em;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.mobile-menu > nav {
position: absolute;
right: 0;
}
.mobile-menu > a {
position: absolute;
}
.mobile-menu #connexion-mobile {
margin: auto;
}
.mobile-menu #connexion-mobile .btn {
margin-top: 0 !important;
}
#connexion-mobile {
margin-right: 2em;
color: white;
}
#menuToggle {
display: flex;
flex-direction: column;
position: relative;
margin-right: calc(2em + 4vw);
z-index: 1;
-webkit-user-select: none;
user-select: none;
width: 2em;
}
#menuToggle input {
display: flex;
width: 40px;
height: 32px;
position: absolute;
cursor: pointer;
opacity: 0;
z-index: 2;
}
#menuToggle > span {
display: flex;
width: 29px;
height: 2px;
margin-bottom: 5px;
position: relative;
background: #002d6f;
border-radius: 3px;
z-index: 1;
transform-origin: 5px 0px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
#menuToggle span:first-child {
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span {
opacity: 1;
transform: rotate(45deg) translate(-3px, -1px);
background: white;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
transform: rotate(-45deg) translate(0, -1px);
background: white;
}
#menuToggle input:checked ~ #menu {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
#menu {
position: absolute;
height: 102vh;
margin: -5vh 0 0 0;
padding-top: 100px;
background-color: #002d6f;
-webkit-font-smoothing: antialiased;
transform-origin: 0% 0%;
transform: translate(100%, 0);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
right: -4em;
}
#menu ul {
margin: 0 !important;
}
#menu a {
font-size: 1.2em;
color: white;
font-weight: 600;
text-transform: capitalize;
padding: 0.2em 1em; display: block;
transition: 0.2s all;
}
#menu a:hover {
transition: 0.5s all;
background: #0042a2;
}
#menu .bottom-mobile-menu {
position: fixed;
bottom: 0;
}
#menu .menu-top-container {
overflow: scroll;
height: 70vh;
}
#menu .menu-top-container .ast-container {
padding-left: 0 !important;
}
.golden-buttocks {
position: fixed;
bottom: -1em;
transition: all 0.5s;
}
#menu, .golden-buttocks, .bottom-mobile-menu {
width: 80vw;
max-width: 390px;
}
#menuToggle input:checked ~ #menu {
transform: none;
}
.annonce {
border-radius: 15px;
}
.annonce img {
margin-top: 2vh;
}
div#footer_middle_nice {
margin-bottom: 5vh;
}
div#footer_flex img {
width: 30vw;
}
.ftr-logo-div {
display: none;
}
.agences img {
margin-bottom: 2em;
}
p#prenom, p#nom, p#email, p#message {
text-align: center;
}
}
.image_radius img {
border-radius: 15px !important;
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
} @media screen and (min-width: 501px) and (max-width: 1024px) {
.agences {
margin: 1vh 1vh 0vh 1vh;
}
div.ftr-logo-div {
display: none;
}
div#bottom_footer {
display: block;
text-align: center;
}
div#footer_flex img {
width: 15vw;
}
.annonce {
border-radius: 15px;
}
}
.owl-biens .owl-item, .owl-biens-big .owl-item {
float: left;
} .filtre {
display: inline-block;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.filtre input {
display: none;
}
.filtre label {
border: 1px solid #02012E;
border-radius: 15px;
padding: 0.3em 1em;
color: #02012E;
cursor: pointer;
}
.filtre input:checked + label {
background: #02012E;
color: white;
}
@media screen and (min-width: 767px) and (max-width: 1000px) {
.recherche-page > div:nth-child(1) {
width: 35%;
margin-right: 2%;
}
.recherche-page > div:nth-child(1) > div {
position: sticky;
top: 9em;
}
.recherche-page > div:nth-child(1) > div .card {
padding: 1em;
}
.recherche-page > div:nth-child(1) h2 {
text-align: center;
}
.recherche-page > div:nth-child(1) .thumbnail {
height: 180px !important;
}
.recherche-page > div:nth-child(2) {
width: 65%;
}
#primary > .product-image-top > div:nth-child(1) {
width: 69%; }
#primary > .product-image-top > div:nth-child(2) {
margin-left: 1em;
width: 30%;
}
}
@media screen and (min-width: 1001px) {
.recherche-page > div:nth-child(1) {
width: 25%;
margin-right: 2%;
}
.recherche-page > div:nth-child(1) > div {
position: sticky;
top: 9em;
padding: 1em;
}
.recherche-page > div:nth-child(1) > div .card {
padding: 1em;
}
.recherche-page > div:nth-child(1) h2 {
text-align: center;
}
.recherche-page > div:nth-child(1) .thumbnail {
height: 180px !important;
}
.recherche-page > div:nth-child(2) {
width: 75%;
}
#primary > .product-image-top > div:nth-child(1) {
width: 70%;
margin-top: 1em;
}
#primary > .product-image-top > div:nth-child(2) {
margin-left: 1em;
width: 30%;
}
}
@media screen and (max-width: 766px) {
.recherche-page > div:nth-child(1) .card {
padding: 1.5em;
margin-bottom: 2em;
}
.recherche-page > div:nth-child(1) .card .thumbnail {
background-size: 142% !important;
}
.recherche-page .flexbiens {
margin-top: 2em;
}
.single-agents h1 {
margin-top: 1em;
}
.single-agents #primary > .product-image-top {
flex-wrap: wrap;
}
.single-agents #primary > .product-image-top > div:nth-child(1) {
width: 120%;
margin-bottom: 1em;
}
}
.msgholder {
font-size: 1.2em;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
}
.card .bien_description {
color: #636466;
line-height: 1.5em;
font-weight: normal;
}
.role {
color: #636466;
font-size: 1.3em;
margin-bottom: 1em;
display: inline-block;
font-weight: 300;
line-height: 0.5em;
display: block;
}
.single-agents { }
.single-agents .agence_bleu {
position: absolute;
width: 100%;
}
.single-agents .agence_bleu .adresse {
font-size: 1em;
font-weight: 400;
line-height: 1.1em;
}
.single-agents .card {
position: relative;
}
.single-agents h1 {
color: #002d6f !important;
font-weight: 700;
font-size: 1.8em;
margin-bottom: 0.2em;
text-transform: uppercase;
}
.single-agents h2 {
color: #002d6f !important;
font-weight: 700;
font-size: 1.5em;
text-transform: uppercase;
text-align: center;
padding-top: 2em;
padding-bottom: 1em;
}
.single-agents #primary > .flex > div:nth-child(1) {
text-align: center;
}
.single-agents #primary > .flex > div:nth-child(2) {
padding: 2em;
}
.single-agents .contact, .single-agents .social {
text-align: center;
margin-top: 1em;
}
.single-agents .btn_rouge, .single-agents .estimation {
margin-top: 1em;
margin-bottom: 2em;
}
.contact-agent {
transition: 0.3s all;
width: 30px;
margin-left: 3px;
margin-right: 3px;
}
.agent-portrait-mid {
width: 9em;
height: 9em;
border-radius: 50%;
margin: auto;
background-size: cover;
margin-top: 2em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 767px) {
.agent_bottom > div:nth-child(1) > div:nth-child(2) {
padding-left: 2em;
}
> div:nth-child(2) > div:nth-child(1) {
padding-right: 2em;
}
> div:nth-child(1) {
margin-bottom: 3em;
}
}
.logo_reseaux {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.logo_reseaux > a {
padding: 0.3em;
width: 2em;
display: inline-block;
height: 2em;
background: white;
color: #002d6f;
margin-top: 0.5em;
}
.logo_reseaux > a .fab {
font-size: 1.4em;
}
.social .fab {
border: 1px solid #D5D5D5;
border-radius: 50%;
margin-left: 0.2em;
margin-right: 0.2em;
background: #D5D5D5;
color: white;
transition: 0.3s all;
}
.social .fab:hover {
background: #7a7a7a;
transition: 0.3s all;
border: 1px solid #7a7a7a;
}
.redicon .fas {
color: #DA3641;
border: 1px solid #DA3641;
}
.icones-colonnes .telbtn, .icones-colonnes .mailbtn {
color: #002d6f;
border: 1px solid #002d6f;
}
.redicon, .icones-colonnes .telbtn, .icones-colonnes .mailbtn, .logo_reseaux > a {
transition: 0.3s all;
cursor: pointer;
margin-left: 0.2em;
margin-right: 0.2em;
border-radius: 50%;
}
.redicon .fas, .icones-colonnes .telbtn .fas, .icones-colonnes .mailbtn .fas, .logo_reseaux > a .fas {
padding: 8px;
border-radius: 50%;
} .redicon:hover {
transition: 0.3s all;
}
.redicon:hover .fas {
color: white;
background: #DA3641;
}
@media screen and (min-width: 767px) {
.social .fab {
font-size: 1.2em;
padding: 0.3em;
width: 30px;
height: 30px;
}
}
@media screen and (max-width: 766px) {
.redicon .fas {
font-size: 1.3em;
margin-left: 0.2em;
margin-right: 0.2em;
padding: 0.5em;
}
.social .fab {
font-size: 1.8em;
padding: 0.3em;
width: 40px;
height: 40px;
}
}
.agence_bleu {
background: #02012E;
bottom: 0;
border-radius: 0 0 10px 10px;
padding-bottom: 1.5em;
padding-top: 1em;
width: 100%;
}
.agence_bleu span {
color: white;
display: block;
font-size: 1.2em;
margin-bottom: 0.5em;
font-weight: 700;
}
.agence_bleu span.adresse {
font-size: 1em;
font-weight: 400;
line-height: 1.1em;
}
.agence_bleu img {
width: 46%;
margin: auto;
display: block;
max-width: 200px;
}
.agence_bleu .footer_button {
margin-top: 1em;
display: inline-block;
padding: 0.2em 1em;
}
.breadcrumbs {
margin-bottom: 0 !important;
}
.breadcrumbs li, .breadcrumbs a {
display: inline;
color: #939393;
font-weight: 300;
}
.breadcrumbs li strong, .breadcrumbs a strong {
color: #002d6f;
}
.mobile > .mandat-agent {
padding-top: 1em;
margin-top: 1.5em;
}
.mandat-bien {
padding: 2em;
margin-top: 1em; }
.mandat-bien .role {
margin-bottom: 2em;
}
.mandat-bien .card {
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
margin: 1em;
}
.relative-c {
position: relative;
}  img {
max-width: 100%;
height: auto;
object-fit: cover;
}
.product-image img, .image-list img {
width: 100%;
}
.product-image {
display: block;
position: relative;
margin-bottom: 10px;
}
.product-image img {
max-height: 48vh;
}
.product-image img.active {
display: block;
margin: 0 0 0.75rem 0;
}
.product-image-top, .recherche-page {
max-width: 1300px;
margin: auto !important;
padding: 1em; }
.product-image-top .owl-dots, .recherche-page .owl-dots {
display: none !important;
}
@media screen and (min-width: 767px) {
.product-image-top, .recherche-page { display: flex;
}
}
.image-list, .owl-biens-big {
overflow: hidden;
width: calc(100% + 11px);
}
.product-gallery {
width: calc(100% - 11px);
overflow: hidden;
border-radius: 10px;
}
.owl-biens-big .owl-nav .owl-prev, .owl-biens-big .owl-nav .owl-next {
background: rgba(0, 0, 0, 0.5);
color: white;
display: block;
width: 35px;
height: 35px;
padding: 7px;
margin: 0;
border-radius: 50%;
position: absolute;
bottom: 46%;
}
.owl-biens-big .owl-nav .owl-prev {
left: 15px;
}
.owl-biens-big .owl-nav .owl-next {
right: 15px;
}
.image-list .owl-nav {
display: none;
}
.image-list img {
transition: opacity 0.3s ease;
cursor: pointer;
}
.image-list img:hover {
opacity: 0.7;
}
@keyframes fadeImg {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.otherheader, .headrr1 {
height: 36vh;
width: 100vw;
display: flex;
align-items: center;
margin-top: 4em;
position: relative;
}
.otherheader .header_overlay1, .headrr1 .header_overlay1 {
position: absolute !important;
height: 100% !important;
min-height: 0 !important;
background: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
width: 100%;
}
.otherheader .header1, .headrr1 .header1 {
z-index: 9;
}
@media screen and (max-width: 767px) {
.headrr {
text-align: center;
}
.headrr > div:nth-child(1) {
margin-top: 2em;
}
.white_button {
padding: 0.5em 1em;
}
.homecard {
padding: 1em;
text-align: center;
border-radius: 0 !important;
}
.homecard .btn_blue {
margin-top: 1em;
margin-bottom: 1em;
}
.homeheader, .headrr {
height: 68vh;
}
}
@media screen and (min-width: 768px) {
.white_button {
padding: 0.5em 5em;
}
.homecard {
padding: 4em;
margin-top: -8em !important;
position: relative;
}
.homeheader, .headrr {
height: 90vh;
}
}
.homeheader, .otherheader {
background-size: cover;
background-position: center;
}
.homeheader .headrr, .otherheader .headrr {
display: flex;
align-items: center;
}
.homeheader .headrr h1, .otherheader .headrr h1 {
text-transform: uppercase;
}
.white_button {
color: white;
text-transform: uppercase;
border: 1px solid white;
border-radius: 25px;
margin-top: 1em;
display: inline-block;
background: rgba(0, 0, 0, 0.2);
margin-right: 1em;
transition: 0.4s all;
}
.white_button:hover {
transition: 0.4s all;
color: white !important;
background: rgba(0, 0, 0, 0.5);
} .form {
padding: 1em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 15px 15px 0 0;
text-align: center;
margin-top: 1.5em;
}
.recherche input[type="submit"] {
background: #DA3641;
color: white;
width: 100%;
padding: 1.2em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 0 0 15px 15px;
}
.recherche .label {
color: #02012E;
font-size: 1.2em;
margin-right: 1em;
} .closeup {
display: flex;
justify-content: center;
margin-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid gray;
}
.optGroup {
text-align: center;
}
.optGroup label {
cursor: pointer;
display: inline-block;
margin-left: 6px;
margin-right: 6px;
width: 33px;
height: 33px;
border-radius: 50%;
border: 2px solid #02012E;
line-height: 27px;
color: #02012E;
}
.optGroup input:checked ~ label {
background: #02012E;
color: white;
}
.optGroup input[type="checkbox"] {
display: none;
} .select-style {
border: 1px solid #ccc;
overflow: hidden;
background: #fafafa;
padding: 0.5em;
width: 100%;
border-radius: 25px;
margin-bottom: 1em;
margin-top: 1em;
}
.select-style option {
padding: 0.5em !important;
}
.select-style select {
padding: 5px 8px;
width: 130%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
appearance: none;
}
.select-style select:focus {
outline: none;
}
.lightgrey {
border-top: 1px solid gray;
padding-top: 1em;
padding-bottom: 1em;
}
.langs {
display: flex;
width: 8em;
margin: auto;
}
.lang-titre {
text-align: center;
text-transform: uppercase;
color: #02012E;
margin-bottom: 1em;
}
.flag {
width: 20px;
height: 20px;
margin-right: 10px;
}
.header1 {
background-size: cover;
background-position: center;
}
.header1 h1 {
text-transform: uppercase !important;
}
.headrrr {
height: 40vh;
min-height: 400px;
position: relative;
background-size: cover;
background-position: center;
}
.headrrr div {
height: 40vh;
min-height: 400px;
}
.headrrr img {
position: absolute;
width: 22vw;
left: calc(50% - 11vw);
top: calc(50% - 4vw);
max-width: 350px;
min-width: 250px;
z-index: 9;
}
.headrrr-small {
height: 40vh;
min-height: 400px;
position: relative;
background-size: cover;
background-position: center;
}
.headrrr-small > div {
background-size: cover;
background-position: center;
}
.headrrr-small div {
height: 40vh;
min-height: 400px;
border-radius: 15px;
}
.headrrr-small img {
position: absolute;
width: 45%;
left: calc(50% - 22.5%);
top: 30%;
z-index: 9;
}
.headrrr-small .header_overlay {
border-radius: 15px;
}
@media screen and (max-width: 767px) {
.mobile-margin-top {
margin-top: 2em !important;
}
.headrrr .wpb_single_image img {
left: calc(50% - 125px);
top: calc(50% - 50px);
}
}
.tour {
margin-bottom: 2em;
}
.event_time {
background: #DA3641;
display: inline-block;
padding: 0.2em 0.8em;
border-radius: 20px;
font-size: 0.9em;
margin-left: 1em;
margin-top: 1em;
color: white;
box-shadow: 1px 1px 12px #555;
}
.mainheader1 {
width: 100vw;
height: 50vh;
background-size: cover;
background-position: center;
}
.single-post h1, .single-evenement h1, .page h1 {
color: #002d6f !important;
}
.single-post .boxed, .single-evenement .boxed, .page .boxed {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
border-radius: 15px;
padding: 2em;
display: flex;
margin-top: 25px !important;
}
.single-post .widget-area, .single-evenement .widget-area, .page .widget-area { padding-left: 30px !important;
}
.single-post .widget-area .sidebar-main, .single-evenement .widget-area .sidebar-main, .page .widget-area .sidebar-main {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin: 42px 0;
padding: 25px;
border-radius: 15px;
}
.single-post .widget-area .sidebar-main .custom-html-widget a, .single-evenement .widget-area .sidebar-main .custom-html-widget a, .page .widget-area .sidebar-main .custom-html-widget a {
color: white;
text-align: center;
font-weight: 600;
font-size: 14px;
border-radius: 50px;
padding: 3px 8px;
display: block;
background-color: #02012E;
}
.single-post .widget-area .sidebar-main .widget_recent_entries li, .single-evenement .widget-area .sidebar-main .widget_recent_entries li, .page .widget-area .sidebar-main .widget_recent_entries li {
list-style: none;
}
.last_event .thumbicon_event {
background-size: cover;
height: 350px;
border-radius: 15px;
}
.last_event .contenu {
padding: 1em;
}
@media screen and (min-width: 768px) {
.last_event {
display: flex;
align-items: center;
margin-top: 2.5em;
}
.last_event > div {
width: 50%;
}
.last_event .contenu {
padding: 1em;
}
}
.yay img {
border-radius: 10px;
}
.ag {
background: #002d6f;
display: inline-block;
padding: 0.2em 0.8em;
border-radius: 20px;
font-size: 0.9em;
margin-top: 1em;
color: white;
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 1em;
}
.vendre-bien {
text-align: center;
display: block;
margin-bottom: 2em;
margin-top: 1em;
}
.evt {
margin-bottom: 2em;
}
.form_nice .form {
margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
.form_nice .recherche {
margin-top: -5em !important;
background: white;
border-radius: 15px;
}
}
.leaflet-popup-content {
margin-bottom: 1em;
}
.estimation {
padding: 0.5em 0.9em !important;
font-size: 0.9em;
} .magicsearch-wrapper {
position: relative;
}
.magicsearch-wrapper *:not(input) {
margin: 0;
padding: 0;
font-size: 14px;
font-family: Consolas, Helvetica, Arial, sans-serif;
box-sizing: border-box;
}
.magicsearch-wrapper input[disabled] {
cursor: not-allowed;
background-color: #eee;
}
.magicsearch-wrapper input.dropdown {
padding-right: 24px;
}
.magicsearch-wrapper.disabled .magicsearch-arrow, .magicsearch-wrapper.disabled .magicsearch-arrow *, .magicsearch-wrapper.disabled .multi-items {
cursor: not-allowed;
}
.magicsearch-wrapper .multi-items {
position: absolute;
cursor: text;
}
.magicsearch-wrapper .multi-item {
position: relative;
float: left;
background-color: #e4e4e4;
padding-right: 15px;
border-radius: 3px;
border: 1px solid #aaa;
}
.magicsearch-wrapper .multi-item span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: default;
text-align: center;
font-size: 12px;
display: block;
height: 100%;
}
.magicsearch-wrapper .multi-item-close {
display: block;
position: absolute;
width: 12px;
height: 12px;
right: 3px;
}
.magicsearch-wrapper .multi-item-close:before, .magicsearch-wrapper .multi-item-close:after {
content: "";
height: 2px;
width: 12px;
display: block;
background-color: #999;
border-radius: 2px;
position: absolute;
top: 5px;
left: 0px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.magicsearch-wrapper .multi-item-close:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.magicsearch-wrapper .multi-item-close:hover:before, .magicsearch-wrapper .multi-item-close:hover:after {
background-color: #333;
}
.magicsearch-wrapper .magicsearch-box {
display: none;
position: absolute;
width: 100%;
overflow: hidden;
background-color: #fff;
z-index: 100;
border: 1px solid #ccc;
padding: 5px 0;
margin-bottom: 20px;
border-radius: 5px;
left: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.magicsearch-wrapper .magicsearch-box.all {
overflow-y: auto;
}
.magicsearch-wrapper .magicsearch-box li {
height: 30px;
line-height: 30px;
cursor: pointer;
padding-left: 10px;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: normal;
}
.magicsearch-wrapper .magicsearch-box li.enabled {
color: #333;
}
.magicsearch-wrapper .magicsearch-box li.disabled {
color: #d43f3a;
}
.magicsearch-wrapper .magicsearch-box li.selected {
background-color: #ddd;
}
.magicsearch-wrapper .magicsearch-box li.ishover {
background-color: #0097cf;
color: #fff;
}
.magicsearch-wrapper .magicsearch-box li span.keyword {
font-weight: bold;
}
.magicsearch-wrapper .magicsearch-box .no-result {
display: block;
height: 30px;
line-height: 30px;
color: #d43f3a;
padding-left: 10px;
text-align: left;
}
.magicsearch-wrapper .magicsearch-arrow {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 24px;
cursor: pointer;
}
.magicsearch-wrapper .magicsearch-arrow i {
position: relative;
height: 6px;
width: 12px;
cursor: pointer;
display: block;
}
.magicsearch-wrapper .magicsearch-arrow i:before {
content: "";
height: 0;
width: 0;
display: block;
border: 6px transparent solid;
border-bottom-width: 0;
border-top-color: #a0a0a0;
position: absolute;
top: 0;
right: 0;
}
.magicsearch-wrapper .magicsearch-arrow.arrow-rotate-180 {
-webkit-animation: arrow-rotate-180 0.2s 1 linear;
animation: arrow-rotate-180 0.2s 1 linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.magicsearch-wrapper .magicsearch-arrow.arrow-rotate-360 {
-webkit-animation: arrow-rotate-360 0.2s 1 linear;
animation: arrow-rotate-360 0.2s 1 linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.magicsearch-wrapper .magicsearch-arrow.rotate180 {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.magicsearch-wrapper .magicsearch-loading {
background: rgba(255, 255, 255, 0.3);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 3px 0;
}
.magicsearch-wrapper .magicsearch-loading div {
display: none;
background-image: url(data:image/gif;base64,R0lGODlhIAAgALMAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAAIAAgAAAE5xDISSlLrOrNp0pKNRCdFhxVolJLEJQUoSgOpSYT4RowNSsvyW1icA16k8MMMRkCBjskBTFDAZyuAEkqCfxIQ2hgQRFvAQEEIjNxVDW6XNE4YagRjuBCwe60smQUDnd4Rz1ZAQZnFAGDd0hihh12CEE9kjAEVlycXIg7BAsMB6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YEvpJivxNaGmLHT0VnOgGYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHQjYKhKP1oZmADdEAAAh+QQFBQAAACwAAAAAGAAXAAAEchDISasKNeuJFKoHs4mUYlJIkmjIV54Soypsa0wmLSnqoTEtBw52mG0AjhYpBxioEqRNy8V0qFzNw+GGwlJki4lBqx1IBgjMkRIghwjrzcDti2/Gh7D9qN774wQGAYOEfwCChIV/gYmDho+QkZKTR3p7EQAh+QQFBQAAACwBAAAAHQAOAAAEchDISWdANesNHHJZwE2DUSEo5SjKKB2HOKGYFLD1CB/DnEoIlkti2PlyuKGEATMBaAACSyGbEDYD4zN1YIEmh0SCQQgYehNmTNNaKsQJXmBuuEYPi9ECAU/UFnNzeUp9VBQEBoFOLmFxWHNoQw6RWEocEQAh+QQFBQAAACwHAAAAGQARAAAEaRDICdZZNOvNDsvfBhBDdpwZgohBgE3nQaki0AYEjEqOGmqDlkEnAzBUjhrA0CoBYhLVSkm4SaAAWkahCFAWTU0A4RxzFWJnzXFWJJWb9pTihRu5dvghl+/7NQmBggo/fYKHCX8AiAmEEQAh+QQFBQAAACwOAAAAEgAYAAAEZXCwAaq9ODAMDOUAI17McYDhWA3mCYpb1RooXBktmsbt944BU6zCQCBQiwPB4jAihiCK86irTB20qvWp7Xq/FYV4TNWNz4oqWoEIgL0HX/eQSLi69boCikTkE2VVDAp5d1p0CW4RACH5BAUFAAAALA4AAAASAB4AAASAkBgCqr3YBIMXvkEIMsxXhcFFpiZqBaTXisBClibgAnd+ijYGq2I4HAamwXBgNHJ8BEbzgPNNjz7LwpnFDLvgLGJMdnw/5DRCrHaE3xbKm6FQwOt1xDnpwCvcJgcJMgEIeCYOCQlrF4YmBIoJVV2CCXZvCooHbwGRcAiKcmFUJhEAIfkEBQUAAAAsDwABABEAHwAABHsQyAkGoRivELInnOFlBjeM1BCiFBdcbMUtKQdTN0CUJru5NJQrYMh5VIFTTKJcOj2HqJQRhEqvqGuU+uw6AwgEwxkOO55lxIihoDjKY8pBoThPxmpAYi+hKzoeewkTdHkZghMIdCOIhIuHfBMOjxiNLR4KCW1ODAlxSxEAIfkEBQUAAAAsCAAOABgAEgAABGwQyEkrCDgbYvvMoOF5ILaNaIoGKroch9hacD3MFMHUBzMHiBtgwJMBFolDB4GoGGBCACKRcAAUWAmzOWJQExysQsJgWj0KqvKalTiYPhp1LBFTtp10Is6mT5gdVFx1bRN8FTsVCAqDOB9+KhEAIfkEBQUAAAAsAgASAB0ADgAABHgQyEmrBePS4bQdQZBdR5IcHmWEgUFQgWKaKbWwwSIhc4LonsXhBSCsQoOSScGQDJiWwOHQnAxWBIYJNXEoFCiEWDI9jCzESey7GwMM5doEwW4jJoypQQ743u1WcTV0CgFzbhJ5XClfHYd/EwZnHoYVDgiOfHKQNREAIfkEBQUAAAAsAAAPABkAEQAABGeQqUQruDjrW3vaYCZ5X2ie6EkcKaooTAsi7ytnTq046BBsNcTvItz4AotMwKZBIC6H6CVAJaCcT0CUBTgaTg5nTCu9GKiDEMPJg5YBBOpwlnVzLwtqyKnZagZWahoMB2M3GgsHSRsRACH5BAUFAAAALAEACAARABgAAARcMKR0gL34npkUyyCAcAmyhBijkGi2UW02VHFt33iu7yiDIDaD4/erEYGDlu/nuBAOJ9Dvc2EcDgFAYIuaXS3bbOh6MIC5IAP5Eh5fk2exC4tpgwZyiyFgvhEMBBEAIfkEBQUAAAAsAAACAA4AHQAABHMQyAnYoViSlFDGXBJ808Ep5KRwV8qEg+pRCOeoioKMwJK0Ekcu54h9AoghKgXIMZgAApQZcCCu2Ax2O6NUud2pmJcyHA4L0uDM/ljYDCnGfGakJQE5YH0wUBYBAUYfBIFkHwaBgxkDgX5lgXpHAXcpBIsRADs=);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 100%;
}
@-webkit-keyframes arrow-rotate-180 {
from {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
to {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
}
@keyframes arrow-rotate-180 {
from {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
to {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
}
@-webkit-keyframes arrow-rotate-360 {
from {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
to {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
}
@keyframes arrow-rotate-360 {
from {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
to {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
}
.clickphonembr {
color: #02012E;
margin-top: 1em;
font-size: 1.1em;
font-weight: 700;
display: none;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.4s;
}
.showit {
display: block !important;
max-height: 100% !important;
opacity: 1;
transition: all 0.4s;
} .owl-dots.disabled, .owl-nav.disabled {
display: none !important;
}
.owl-dots:not(.disabled) {
margin-top: 15px;
display: flex;
width: 100%;
justify-content: center;
}
.owl-dots:not(.disabled) .owl-dot {
opacity: 1;
display: block;
border-radius: 50px;
width: 35px;
height: 6px;
margin: 5px;
background: lightgrey;
border-color: #999;
}
.owl-dots:not(.disabled) .owl-dot.active {
background-color: #BF7D3C;
}
.owl-dot {
padding: 0;
background-color: lightgrey;
opacity: 0;
display: none;
transition: 0.7s all;
}  .owl-nav {
position: absolute;
bottom: 50%;
right: 0;
display: flex;
justify-content: space-between;
transform: translateY(50%);
width: 100%;
}
.owl-nav .owl-prev span, .owl-nav .owl-next span {
opacity: 0;
}
.owl-prev, .owl-next {
background: white !important;
color: white !important;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
position: relative;
display: flex;
width: 2em;
height: 2em;
border-radius: 50%;
opacity: 0.8;
transition: 0.6s all;
}
.owl-prev:before, .owl-prev:after, .owl-next:before, .owl-next:after {
display: block;
content: "";
position: absolute;
width: 1em;
height: 3px;
background: #002d6f;
border-radius: 3px;
left: 0.6em;
transition: 0.6s all;
}
.owl-prev.disabled, .owl-next.disabled {
opacity: 0;
}
.owl-prev:before, .owl-next:before {
top: 0.6em;
}
.owl-prev:after, .owl-next:after {
bottom: 0.6em;
}
.owl-next {
margin-right: 10px;
}
.owl-next:before {
transform: rotate(45deg);
}
.owl-next:after {
transform: rotate(-45deg);
}
.owl-next:hover {
transition: 0.6s all;
}
.owl-prev {
margin-left: 5px;
}
@media screen and (max-width: 1000px) {
.owl-prev {
margin-left: 10px;
}
}
.owl-prev:before {
transform: rotate(-45deg);
left: 6px;
}
.owl-prev:after {
transform: rotate(45deg);
left: 6px;
}
.owl-next:hover:before {
transform: rotate(35deg);
top: 0.65em;
}
.owl-next:hover:after {
transform: rotate(-35deg);
bottom: 0.65em;
}