@charset "UTF-8"; *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #868e96; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } /* ----------------------------- */ /* ==Base (basic styles) */ /* ----------------------------- */ /* switching to border-box model for all elements */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; /* avoid min-width: auto on flex and grid children */ min-width: 0; min-height: 0; } ::-moz-selection { color: #ffffff; background: #3C3C3C; } ::selection { color: #ffffff; background: #3C3C3C; } html { /* set base font-size to equiv "10px", which is adapted to rem unit */ font-size: 62.5%; /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ font-size: calc(1em * 0.625); } body { margin: 0; font-size: 1.4rem; background-color: #ffffff; color: #3c3c3c; font-family: "Montserrat", sans-serif; line-height: 1.4; font-weight: 400; } @media (min-width: 768px) { body { font-size: 1.4rem; } } /* Links */ a { color: #3C3C3C; text-decoration: none; } a:focus, a:hover, a:active { color: #3c3c3c; text-decoration: none; } /* Headings */ h1, .h1-like, [data-dve-slug=titre].h1-like > * { font-size: 3.25rem; font-family: "Noe Display", sans-serif; font-weight: 400; } @media (min-width: 768px) { h1, .h1-like, [data-dve-slug=titre].h1-like > * { font-size: 5rem; } } h2, .h2-like, .societe-show .societe-main .societe-title h1, .courtier-show .courtier-main .societe-title h1, [data-dve-slug=titre].h2-like > *, .societe-show .societe-main .societe-title h1[data-dve-slug=titre] > *, .courtier-show .courtier-main .societe-title h1[data-dve-slug=titre] > * { font-size: 2.6rem; font-family: "Noe Display", sans-serif; font-weight: 400; } @media (min-width: 768px) { h2, .h2-like, .societe-show .societe-main .societe-title h1, .courtier-show .courtier-main .societe-title h1, [data-dve-slug=titre].h2-like > *, .societe-show .societe-main .societe-title h1[data-dve-slug=titre] > *, .courtier-show .courtier-main .societe-title h1[data-dve-slug=titre] > * { font-size: 3.5rem; } } h3, .h3-like, #slider-simple .produit section h2, .localites div .localite-article section .localite-title, .localites div .localite-article-liste section .localite-title, #bienDetail .bien_img-agence p strong, .webblock_page_contenu .webblock_page_contenu_header .webblock_page_contenu_header_title h2, [data-dve-slug=titre].h3-like > *, #slider-simple .produit section h2[data-dve-slug=titre] > *, .localites div .localite-article section .localite-title[data-dve-slug=titre] > *, .localites div .localite-article-liste section .localite-title[data-dve-slug=titre] > *, #bienDetail .bien_img-agence p strong[data-dve-slug=titre] > *, .webblock_page_contenu .webblock_page_contenu_header .webblock_page_contenu_header_title h2[data-dve-slug=titre] > * { font-size: 2rem; font-weight: 400; } @media (min-width: 768px) { h3, .h3-like, #slider-simple .produit section h2, .localites div .localite-article section .localite-title, .localites div .localite-article-liste section .localite-title, #bienDetail .bien_img-agence p strong, .webblock_page_contenu .webblock_page_contenu_header .webblock_page_contenu_header_title h2, [data-dve-slug=titre].h3-like > *, #slider-simple .produit section h2[data-dve-slug=titre] > *, .localites div .localite-article section .localite-title[data-dve-slug=titre] > *, .localites div .localite-article-liste section .localite-title[data-dve-slug=titre] > *, #bienDetail .bien_img-agence p strong[data-dve-slug=titre] > *, .webblock_page_contenu .webblock_page_contenu_header .webblock_page_contenu_header_title h2[data-dve-slug=titre] > * { font-size: 2.5rem; } } h4, .h4-like, .fichiers_list h2, [data-dve-slug=titre].h4-like > *, .fichiers_list h2[data-dve-slug=titre] > * { font-size: 1.8rem; font-weight: 400; } @media (min-width: 768px) { h4, .h4-like, .fichiers_list h2, [data-dve-slug=titre].h4-like > *, .fichiers_list h2[data-dve-slug=titre] > * { font-size: 2.2rem; } } h5, .h5-like, .articles-block .article .content header .article-title a, .webblocks.webblocks--vueMagazinesCarousel .webblock .webblock_contenu h3, .webblocks.webblocks--vueMagazines6colonnes .webblock .webblock_contenu h3, .webblocks.webblocks--vueMagazines4colonnes .webblock .webblock_contenu h3, .webblocks.webblocks--vueMagazines2colonnes .webblock .webblock_contenu h3, .webblocks.webblocks--vueOffreRegions .webblock h3, .webblocks.webblocks--vueBiensThemes .webblock h3, .teams .team .team-title, .galeries--slider-horizontal .galeries--slide a p, [data-dve-slug=titre].h5-like > *, .articles-block .article .content header .article-title a[data-dve-slug=titre] > *, .webblocks.webblocks--vueMagazinesCarousel .webblock .webblock_contenu h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueMagazines6colonnes .webblock .webblock_contenu h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueMagazines4colonnes .webblock .webblock_contenu h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueMagazines2colonnes .webblock .webblock_contenu h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueOffreRegions .webblock h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueBiensThemes .webblock h3[data-dve-slug=titre] > *, .teams .team .team-title[data-dve-slug=titre] > *, .galeries--slider-horizontal .galeries--slide a p[data-dve-slug=titre] > * { font-size: 1.75rem; font-weight: 400; } @media (min-width: 768px) { h5, .h5-like, .articles-block .article .content header .article-title a, .webblocks.webblocks--vueMagazinesCarousel .webblock .webblock_contenu h3, .webblocks.webblocks--vueMagazines6colonnes .webblock .webblock_contenu h3, .webblocks.webblocks--vueMagazines4colonnes .webblock .webblock_contenu h3, .webblocks.webblocks--vueMagazines2colonnes .webblock .webblock_contenu h3, .webblocks.webblocks--vueOffreRegions .webblock h3, .webblocks.webblocks--vueBiensThemes .webblock h3, .teams .team .team-title, .galeries--slider-horizontal .galeries--slide a p, [data-dve-slug=titre].h5-like > *, .articles-block .article .content header .article-title a[data-dve-slug=titre] > *, .webblocks.webblocks--vueMagazinesCarousel .webblock .webblock_contenu h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueMagazines6colonnes .webblock .webblock_contenu h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueMagazines4colonnes .webblock .webblock_contenu h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueMagazines2colonnes .webblock .webblock_contenu h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueOffreRegions .webblock h3[data-dve-slug=titre] > *, .webblocks.webblocks--vueBiensThemes .webblock h3[data-dve-slug=titre] > *, .teams .team .team-title[data-dve-slug=titre] > *, .galeries--slider-horizontal .galeries--slide a p[data-dve-slug=titre] > * { font-size: 2rem; } } h6, .h6-like, [data-dve-slug=titre].h6-like > * { font-size: 1.5rem; font-weight: 400; } @media (min-width: 768px) { h6, .h6-like, [data-dve-slug=titre].h6-like > * { font-size: 1.8rem; } } /* Vertical rythm */ h1, h2, h3, h4, h5, h6, dd { margin-top: 0; margin-bottom: 0.5rem; } p, address, ol, ul, dl, blockquote, pre { margin-top: 0; margin-bottom: 1rem; } /* Avoid margins on nested elements */ li p, li .p-like, li ul, li ol, ol ol, ul ul { margin-top: 0; margin-bottom: 0; } /* Max values */ img, table, td, blockquote, code, pre, textarea, input, video, svg { max-width: 100%; } img { height: auto; } /* Styling elements */ ul, ol { padding-left: 2em; } img { vertical-align: middle; } em, .italic, address, cite, i, var { font-style: italic; } code, kbd, mark { border-radius: 2px; } kbd { padding: 0 2px; border: 1px solid #999; } pre { -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2; } code { padding: 2px 4px; background: rgba(0, 0, 0, 0.04); color: #b11; } pre code { padding: 0; background: none; color: inherit; border-radius: 0; } mark { padding: 2px 4px; } sup, sub { vertical-align: 0; } sup { bottom: 1ex; } sub { top: 0.5ex; } blockquote { position: relative; padding-left: 3em; min-height: 2em; } blockquote::before { content: "\201C"; position: absolute; left: 0; top: 0; font-family: georgia, serif; font-size: 5em; height: .4em; line-height: .9; color: #cccccc; } blockquote > footer { margin-top: .75em; font-size: 0.9em; color: rgba(0, 0, 0, 0.7); } blockquote > footer::before { content: "\2014 \0020"; } q { font-style: normal; } q, .q { quotes: "“" "”" "‘" "’"; } q:lang(fr), .q:lang(fr) { quotes: "«\00a0" "\00a0»" "“" "”"; } hr { display: block; clear: both; height: 1px; margin: 1em 0 2em; padding: 0; border: 0; color: #ccc; background-color: #ccc; } blockquote, figure { margin-left: 0; margin-right: 0; } code, pre, samp, kbd { white-space: pre-wrap; font-family: consolas, courier, monospace; line-height: normal; } /* ----------------------------- */ /* ==Print (quick print reset) */ /* ----------------------------- */ @media print { * { background: transparent !important; box-shadow: none !important; text-shadow: none !important; } body { width: auto; margin: auto; font-family: serif; font-size: 9pt; } p, .p-like, h1, .h1-like, h2, .h2-like, .societe-show .societe-main .societe-title h1, .courtier-show .courtier-main .societe-title h1, h3, .h3-like, #slider-simple .produit section h2, .localites div .localite-article section .localite-title, .localites div .localite-article-liste section .localite-title, #bienDetail .bien_img-agence p strong, .webblock_page_contenu .webblock_page_contenu_header .webblock_page_contenu_header_title h2, h4, .h4-like, .fichiers_list h2, h5, .h5-like, .articles-block .article .content header .article-title a, .webblocks.webblocks--vueMagazinesCarousel .webblock .webblock_contenu h3, .webblocks.webblocks--vueMagazines6colonnes .webblock .webblock_contenu h3, .webblocks.webblocks--vueMagazines4colonnes .webblock .webblock_contenu h3, .webblocks.webblocks--vueMagazines2colonnes .webblock .webblock_contenu h3, .webblocks.webblocks--vueOffreRegions .webblock h3, .webblocks.webblocks--vueBiensThemes .webblock h3, .teams .team .team-title, .galeries--slider-horizontal .galeries--slide a p, h6, .h6-like, blockquote, label, ul, ol { color: #000; margin: auto; } .print { display: block; } .no-print { display: none; } /* no orphans, no widows */ p, .p-like, blockquote { orphans: 3; widows: 3; } /* no breaks inside these elements */ blockquote, ul, ol { page-break-inside: avoid; } /* page break before main headers h1, .h1-like { page-break-before: always; } */ /* no breaks after these elements */ h1, .h1-like, h2, .h2-like, .societe-show .societe-main .societe-title h1, .courtier-show .courtier-main .societe-title h1, h3, .h3-like, #slider-simple .produit section h2, .localites div .localite-article section .localite-title, .localites div .localite-article-liste section .localite-title, #bienDetail .bien_img-agence p strong, .webblock_page_contenu .webblock_page_contenu_header .webblock_page_contenu_header_title h2, caption { page-break-after: avoid; } a { color: #000; } /* displaying URLs a[href]::after { content: " (" attr(href) ")"; } */ a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; } .page-keep-together { page-break-inside: avoid; } .page-break-before { page-break-before: always; } .page-break-after { page-break-after: always; } } /* ----------------------------- */ /* ==Global Micro Layout */ /* ----------------------------- */ /* module, gains superpower "BFC" Block Formating Context */ .mod, .bfc { overflow: hidden; } /* blocks that needs to be placed under floats */ .clear { clear: both; } /* blocks that must contain floats */ .clearfix::after, #estimation_immo .btn_actions::after { content: ""; display: table; clear: both; border-collapse: collapse; } /* simple blocks alignment */ .left { margin-right: auto; } .right { margin-left: auto; } .center, .container, .container--10, .container--20, .container--30, .container--40, #estimation_immo .btn_show_estimation, #localiteDetail .localite_image_titre .localite_titre, #localiteDetail .localite_informations, .container--50, .priserdv--vueStandard form > .priserdv--resume, .container--60, .resultats_block .resultats_line.resultats_address, .resultats_block .resultats_line.resultats_caracteristiques, .resultats_block .resultats_line.resultats_estimation, .container--70, .container--80, .container--90, .container--100, .top-blog .article, .societe-show, .courtier-show, [data-dve-widget][data-dve-slug="galerie"] { margin-left: auto; margin-right: auto; } /* text and contents alignment */ .txtleft { text-align: left; } .txtright { text-align: right; } .txtcenter { text-align: center; } /* floating elements */ .fl { float: left; } img.fl { margin-right: 1.5rem; } .fr { float: right; } img.fr { margin-left: 1.5rem; } img.fl, img.fr { margin-bottom: 0.4rem; } /* inline-block */ .inbl { display: inline-block; vertical-align: top; } /* flexbox layout http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html */ .flex-container, .flex-container--row, .flex-row, .flex-container--column, .flex-column, .flex-container--row-reverse, .flex-row-reverse, .flex-container--column-reverse, .flex-column-reverse, .d-flex { display: flex; flex-wrap: wrap; } .flex-container--row, .flex-row { flex-direction: row; } .flex-container--column, .flex-column { flex-direction: column; } .flex-container--row-reverse, .flex-row-reverse { flex-direction: row-reverse; justify-content: flex-end; } .flex-container--column-reverse, .flex-column-reverse { flex-direction: column-reverse; justify-content: flex-end; } .flex-item-fluid, .item-fluid { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } .flex-item-first, .item-first { order: -1; } .flex-item-medium, .item-medium { order: 0; } .flex-item-last, .item-last { order: 1; } .flex-item-center, .item-center, .mr-auto { margin: auto; } /* ---------------------------------- */ /* ==Helpers */ /* ---------------------------------- */ /* Typo Helpers */ /* ------------- */ .u-bold { font-weight: 700; } .u-light { font-weight: 300; } .u-italic { font-style: italic; } .u-normal { font-weight: normal; font-style: normal; } .u-uppercase { text-transform: uppercase; } .u-lowercase { text-transform: lowercase; } .u-smaller { font-size: 0.6em; } .u-small { font-size: 0.8em; } .u-big { font-size: 1.2em; } .u-bigger { font-size: 1.5em; } .u-biggest { font-size: 2em; } .u-txt-wrap { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; } .u-txt-ellipsis { white-space: nowrap; text-overflow: ellipsis; } /* State Helpers */ /* ------------- */ /* invisible for all */ .is-hidden, .js-hidden, [hidden] { display: none; } /* hidden but not for an assistive technology like a screen reader, Yahoo! method */ .visually-hidden, #prevent, #postvent, #ventilateur, .tabs-content-item[aria-hidden="true"] { position: absolute !important; border: 0 !important; height: 1px !important; width: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; } .is-disabled, .js-disabled, [disabled], .is-disabled ~ label, [disabled] ~ label { opacity: 0.5; cursor: not-allowed !important; filter: grayscale(1); } ul.is-unstyled, ul.unstyled { list-style: none; padding-left: 0; } .color--inverse { color: #fff; } /* Width Helpers */ /* ------------- */ /* blocks widths (percentage and pixels) */ .w100 { width: 100%; } .w95 { width: 95%; } .w90 { width: 90%; } .w85 { width: 85%; } .w80 { width: 80%; } .w75 { width: 75%; } .w70 { width: 70%; } .w65 { width: 65%; } .w60 { width: 60%; } .w55 { width: 55%; } .w50 { width: 50%; } .w45 { width: 45%; } .w40 { width: 40%; } .w35 { width: 35%; } .w30 { width: 30%; } .w25 { width: 25%; } .w20 { width: 20%; } .w15 { width: 15%; } .w10 { width: 10%; } .w5 { width: 5%; } .w66 { width: calc(100% / 3 * 2); } .w33 { width: calc(100% / 3); } .wauto { width: auto; } .w960p { width: 960px; } .mw960p { max-width: 960px; } .w1140p { width: 1140px; } .mw1140p { max-width: 1140px; } .w1000p { width: 1000px; } .w950p { width: 950px; } .w900p { width: 900px; } .w850p { width: 850px; } .w800p { width: 800px; } .w750p { width: 750px; } .w700p { width: 700px; } .w650p { width: 650px; } .w600p { width: 600px; } .w550p { width: 550px; } .w500p { width: 500px; } .w450p { width: 450px; } .w400p { width: 400px; } .w350p { width: 350px; } .w300p { width: 300px; } .w250p { width: 250px; } .w200p { width: 200px; } .w150p { width: 150px; } .w100p { width: 100px; } .w50p { width: 50px; } /* Spacing Helpers */ /* --------------- */ .man, .ma0 { margin: 0; } .pan, .pa0 { padding: 0; } .mas { margin: 1.5rem; } .mam { margin: 3rem; } .mal { margin: 7rem; } .pas { padding: 1.5rem; } .pam { padding: 3rem; } .pal { padding: 7rem; } .mtn, .mt0 { margin-top: 0; } .mts { margin-top: 1.5rem; } .mtm { margin-top: 3rem; } .mtl { margin-top: 7rem; } .mrn, .mr0 { margin-right: 0; } .mrs { margin-right: 1.5rem; } .mrm { margin-right: 3rem; } .mrl { margin-right: 7rem; } .mbn, .mb0 { margin-bottom: 0; } .mbs { margin-bottom: 1.5rem; } .mbm { margin-bottom: 3rem; } .mbl { margin-bottom: 7rem; } .mln, .ml0 { margin-left: 0; } .mls { margin-left: 1.5rem; } .mlm { margin-left: 3rem; } .mll { margin-left: 7rem; } .mauto { margin: auto; } .mtauto { margin-top: auto; } .mrauto { margin-right: auto; } .mbauto { margin-bottom: auto; } .mlauto { margin-left: auto; } .ptn, .pt0 { padding-top: 0; } .pts { padding-top: 1.5rem; } .ptm { padding-top: 3rem; } .ptl { padding-top: 7rem; } .prn, .pr0 { padding-right: 0; } .prs { padding-right: 1.5rem; } .prm { padding-right: 3rem; } .prl { padding-right: 7rem; } .pbn, .pb0 { padding-bottom: 0; } .pbs { padding-bottom: 1.5rem; } .pbm { padding-bottom: 3rem; } .pbl { padding-bottom: 7rem; } .pln, .pl0 { padding-left: 0; } .pls { padding-left: 1.5rem; } .plm { padding-left: 3rem; } .pll { padding-left: 7rem; } .bkg--primary { background-color: #3C3C3C; } .bkg--white { background-color: #fff; } .bkg--gray-100 { background-color: #e6e6e6; } .bkg--gray-200 { background-color: #cccccc; } .bkg--gray-300 { background-color: #b3b3b3; } .bkg--gray-400 { background-color: #999999; } .bkg--gray-500 { background-color: gray; } .bkg--gray-600 { background-color: #666666; } .bkg--gray-700 { background-color: #4d4d4d; } .bkg--gray-800 { background-color: #333333; } .bkg--gray-900 { background-color: #1a1a1a; } .bkg--black { background-color: #000; } .bkg--danger { background-color: #D9534F; } .bkg--warning { background-color: #F0AD4E; } .bkg--base { background-color: #3c3c3c; } .bkg--alt1 { background-color: #f6f5f3; } .bkg--alt2 { background-color: #E7F8FF; } .bkg--alt3 { background-color: #9E9E9E; } .color--primary { color: #3C3C3C; } .color--white { color: #fff; } .color--gray-100 { color: #e6e6e6; } .color--gray-200 { color: #cccccc; } .color--gray-300 { color: #b3b3b3; } .color--gray-400 { color: #999999; } .color--gray-500 { color: gray; } .color--gray-600 { color: #666666; } .color--gray-700 { color: #4d4d4d; } .color--gray-800 { color: #333333; } .color--gray-900 { color: #1a1a1a; } .color--black { color: #000; } .color--danger { color: #D9534F; } .color--warning { color: #F0AD4E; } .color--base { color: #3c3c3c; } .color--alt1 { color: #f6f5f3; } .color--alt2 { color: #E7F8FF; } .color--alt3 { color: #9E9E9E; } .force-color--primary { color: #3C3C3C !important; } .force-color--primary * { color: #3C3C3C !important; } .force-color--white { color: #fff !important; } .force-color--white * { color: #fff !important; } .force-color--gray-100 { color: #e6e6e6 !important; } .force-color--gray-100 * { color: #e6e6e6 !important; } .force-color--gray-200 { color: #cccccc !important; } .force-color--gray-200 * { color: #cccccc !important; } .force-color--gray-300 { color: #b3b3b3 !important; } .force-color--gray-300 * { color: #b3b3b3 !important; } .force-color--gray-400 { color: #999999 !important; } .force-color--gray-400 * { color: #999999 !important; } .force-color--gray-500 { color: gray !important; } .force-color--gray-500 * { color: gray !important; } .force-color--gray-600 { color: #666666 !important; } .force-color--gray-600 * { color: #666666 !important; } .force-color--gray-700 { color: #4d4d4d !important; } .force-color--gray-700 * { color: #4d4d4d !important; } .force-color--gray-800 { color: #333333 !important; } .force-color--gray-800 * { color: #333333 !important; } .force-color--gray-900 { color: #1a1a1a !important; } .force-color--gray-900 * { color: #1a1a1a !important; } .force-color--black { color: #000 !important; } .force-color--black * { color: #000 !important; } .force-color--danger { color: #D9534F !important; } .force-color--danger * { color: #D9534F !important; } .force-color--warning { color: #F0AD4E !important; } .force-color--warning * { color: #F0AD4E !important; } .force-color--base { color: #3c3c3c !important; } .force-color--base * { color: #3c3c3c !important; } .force-color--alt1 { color: #f6f5f3 !important; } .force-color--alt1 * { color: #f6f5f3 !important; } .force-color--alt2 { color: #E7F8FF !important; } .force-color--alt2 * { color: #E7F8FF !important; } .force-color--alt3 { color: #9E9E9E !important; } .force-color--alt3 * { color: #9E9E9E !important; } /* -------------------------- */ /* ==Responsive helpers */ /* -------------------------- */ /* large screens */ /* ------------- */ @media (min-width: 1200px) { /* layouts for large screens */ .large-hidden { display: none !important; } .large-visible { display: block !important; } .large-no-float { float: none; } .large-inbl { display: inline-block; float: none; vertical-align: top; } /* widths for large screens */ .large-w25 { width: 25% !important; } .large-w33 { width: 33.333333% !important; } .large-w50 { width: 50% !important; } .large-w66 { width: 66.666666% !important; } .large-w75 { width: 75% !important; } .large-w100, .large-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } /* margins for large screens */ .large-man, .large-ma0 { margin: 0 !important; } } /* medium screens */ /* -------------- */ @media (min-width: 992px) and (max-width: 1199px) { /* layouts for medium screens */ .medium-hidden { display: none !important; } .medium-visible { display: block !important; } .medium-no-float { float: none; } .medium-inbl { display: inline-block; float: none; vertical-align: top; } /* widths for medium screens */ .medium-w25 { width: 25% !important; } .medium-w33 { width: 33.333333% !important; } .medium-w50 { width: 50% !important; } .medium-w66 { width: 66.666666% !important; } .medium-w75 { width: 75% !important; } .medium-w100, .medium-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } /* margins for medium screens */ .medium-man, .medium-ma0 { margin: 0 !important; } } /* small screens */ /* ------------- */ @media (min-width: 768px) and (max-width: 991px) { /* layouts for small screens */ .small-hidden { display: none !important; } .small-visible { display: block !important; } .small-no-float { float: none; } .small-inbl { display: inline-block; float: none; vertical-align: top; } /* widths for small screens */ .small-w25 { width: 25% !important; } .small-w33 { width: 33.333333% !important; } .small-w50 { width: 50% !important; } .small-w66 { width: 66.666666% !important; } .small-w75 { width: 75% !important; } .small-w100, .small-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } /* margins for small screens */ .small-man, .small-ma0 { margin: 0 !important; } .small-pan, .small-pa0 { padding: 0 !important; } } /* tiny screens */ /* ------------ */ @media (max-width: 767px) { /* quick small resolution reset */ .mod, .col, fieldset { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } .flex-container, .flex-container--row, .flex-row, .flex-container--column, .flex-column, .flex-container--row-reverse, .flex-row-reverse, .flex-container--column-reverse, .flex-column-reverse { flex-direction: column; } /* layouts for tiny screens */ .tiny-hidden { display: none !important; } .tiny-visible { display: block !important; } .tiny-no-float { float: none; } .tiny-inbl { display: inline-block; float: none; vertical-align: top; } /* widths for tiny screens */ .tiny-w25 { width: 25% !important; } .tiny-w33 { width: 33.333333% !important; } .tiny-w50 { width: 50% !important; } .tiny-w66 { width: 66.666666% !important; } .tiny-w75 { width: 75% !important; } .tiny-w100, .tiny-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } /* margins for tiny screens */ .tiny-man, .tiny-ma0 { margin: 0 !important; } .tiny-pan, .tiny-pa0 { padding: 0 !important; } } /* ---------------------------------- */ /* ==Grillade v6 */ /* ---------------------------------- */ /* IMPORTANT : this is the KNACSS v6 old Grid System based on Flexbox */ /* You only need it for projects on older browsers (IE11-) */ @media (min-width: 768px) { [class*=" grid-"], [class^="grid-"] { display: flex; flex-direction: row; flex-wrap: wrap; } [class*=" grid-"] > *, [class^="grid-"] > * { box-sizing: border-box; min-width: 0; min-height: 0; } } @media (min-width: 768px) { .grid, .grid--reverse { display: flex; } .grid > *, .grid--reverse > * { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; box-sizing: border-box; min-width: 0; min-height: 0; } .grid.has-gutter > * + *, .grid--reverse.has-gutter > * + * { margin-left: calc(1.5rem - 0.01px); } .grid.has-gutter-l > * + *, .grid--reverse.has-gutter-l > * + * { margin-left: calc(3rem - 0.01px); } .grid.has-gutter-xl > * + *, .grid--reverse.has-gutter-xl > * + * { margin-left: calc(7rem - 0.01px); } } @media (min-width: 768px) { [class*="grid-2"] > * { width: calc(100% / 2 - 0.01px); } [class*="grid-2"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-2"].has-gutter > * { width: calc(100% / 2 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-2"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-2"].has-gutter-l > * { width: calc(100% / 2 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-2"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-2"].has-gutter-xl > * { width: calc(100% / 2 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-3"] > * { width: calc(100% / 3 - 0.01px); } [class*="grid-3"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-3"].has-gutter > * { width: calc(100% / 3 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-3"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-3"].has-gutter-l > * { width: calc(100% / 3 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-3"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-3"].has-gutter-xl > * { width: calc(100% / 3 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-4"] > * { width: calc(100% / 4 - 0.01px); } [class*="grid-4"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-4"].has-gutter > * { width: calc(100% / 4 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-4"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-4"].has-gutter-l > * { width: calc(100% / 4 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-4"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-4"].has-gutter-xl > * { width: calc(100% / 4 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-5"] > * { width: calc(100% / 5 - 0.01px); } [class*="grid-5"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-5"].has-gutter > * { width: calc(100% / 5 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-5"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-5"].has-gutter-l > * { width: calc(100% / 5 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-5"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-5"].has-gutter-xl > * { width: calc(100% / 5 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-6"] > * { width: calc(100% / 6 - 0.01px); } [class*="grid-6"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-6"].has-gutter > * { width: calc(100% / 6 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-6"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-6"].has-gutter-l > * { width: calc(100% / 6 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-6"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-6"].has-gutter-xl > * { width: calc(100% / 6 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-7"] > * { width: calc(100% / 7 - 0.01px); } [class*="grid-7"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-7"].has-gutter > * { width: calc(100% / 7 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-7"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-7"].has-gutter-l > * { width: calc(100% / 7 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-7"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-7"].has-gutter-xl > * { width: calc(100% / 7 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-8"] > * { width: calc(100% / 8 - 0.01px); } [class*="grid-8"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-8"].has-gutter > * { width: calc(100% / 8 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-8"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-8"].has-gutter-l > * { width: calc(100% / 8 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-8"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-8"].has-gutter-xl > * { width: calc(100% / 8 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-9"] > * { width: calc(100% / 9 - 0.01px); } [class*="grid-9"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-9"].has-gutter > * { width: calc(100% / 9 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-9"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-9"].has-gutter-l > * { width: calc(100% / 9 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-9"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-9"].has-gutter-xl > * { width: calc(100% / 9 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-10"] > * { width: calc(100% / 10 - 0.01px); } [class*="grid-10"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-10"].has-gutter > * { width: calc(100% / 10 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-10"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-10"].has-gutter-l > * { width: calc(100% / 10 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-10"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-10"].has-gutter-xl > * { width: calc(100% / 10 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-11"] > * { width: calc(100% / 11 - 0.01px); } [class*="grid-11"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-11"].has-gutter > * { width: calc(100% / 11 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-11"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-11"].has-gutter-l > * { width: calc(100% / 11 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-11"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-11"].has-gutter-xl > * { width: calc(100% / 11 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } [class*="grid-12"] > * { width: calc(100% / 12 - 0.01px); } [class*="grid-12"].has-gutter { margin-right: -0.75rem; margin-left: -0.75rem; } [class*="grid-12"].has-gutter > * { width: calc(100% / 12 - 1.5rem - 0.01px); margin-right: 0.75rem; margin-left: 0.75rem; } [class*="grid-12"].has-gutter-l { margin-right: -1.5rem; margin-left: -1.5rem; } [class*="grid-12"].has-gutter-l > * { width: calc(100% / 12 - 3rem - 0.01px); margin-right: 1.5rem; margin-left: 1.5rem; } [class*="grid-12"].has-gutter-xl { margin-right: -3.5rem; margin-left: -3.5rem; } [class*="grid-12"].has-gutter-xl > * { width: calc(100% / 12 - 7rem - 0.01px); margin-right: 3.5rem; margin-left: 3.5rem; } } .has-gutter:not(.mbs):not(.mbm):not(.mbl):not(.mbn):not(.mb0) { margin-bottom: -1.5rem; } .has-gutter > * { margin-bottom: 1.5rem; } .has-gutter-l:not(.mbs):not(.mbm):not(.mbl):not(.mbn):not(.mb0) { margin-bottom: -3rem; } .has-gutter-l > * { margin-bottom: 3rem; } .has-gutter-xl:not(.mbs):not(.mbm):not(.mbl):not(.mbn):not(.mb0) { margin-bottom: -7rem; } .has-gutter-xl > * { margin-bottom: 7rem; } .push { margin-left: auto !important; } .pull { margin-right: auto !important; } .item-first { order: -1; } .item-last { order: 1; } [class*="grid-"][class*="--reverse"] { flex-direction: row-reverse; } [class*="grid-1"] { flex-direction: column; } @media (min-width: 768px) { .full { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% / 1 - 0.01px); } .has-gutter > .full { width: calc(100% / 1 - 1.5rem - 0.01px); } .has-gutter-l > .full { width: calc(100% / 1 - 3rem - 0.01px); } .has-gutter-xl > .full { width: calc(100% / 1 - 7rem - 0.01px); } .one-half { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% / 2 - 0.01px); } .has-gutter > .one-half { width: calc(100% / 2 - 1.5rem - 0.01px); } .has-gutter-l > .one-half { width: calc(100% / 2 - 3rem - 0.01px); } .has-gutter-xl > .one-half { width: calc(100% / 2 - 7rem - 0.01px); } .one-third { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% / 3 - 0.01px); } .has-gutter > .one-third { width: calc(100% / 3 - 1.5rem - 0.01px); } .has-gutter-l > .one-third { width: calc(100% / 3 - 3rem - 0.01px); } .has-gutter-xl > .one-third { width: calc(100% / 3 - 7rem - 0.01px); } .one-quarter { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% / 4 - 0.01px); } .has-gutter > .one-quarter { width: calc(100% / 4 - 1.5rem - 0.01px); } .has-gutter-l > .one-quarter { width: calc(100% / 4 - 3rem - 0.01px); } .has-gutter-xl > .one-quarter { width: calc(100% / 4 - 7rem - 0.01px); } .one-fifth { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% / 5 - 0.01px); } .has-gutter > .one-fifth { width: calc(100% / 5 - 1.5rem - 0.01px); } .has-gutter-l > .one-fifth { width: calc(100% / 5 - 3rem - 0.01px); } .has-gutter-xl > .one-fifth { width: calc(100% / 5 - 7rem - 0.01px); } .one-sixth { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% / 6 - 0.01px); } .has-gutter > .one-sixth { width: calc(100% / 6 - 1.5rem - 0.01px); } .has-gutter-l > .one-sixth { width: calc(100% / 6 - 3rem - 0.01px); } .has-gutter-xl > .one-sixth { width: calc(100% / 6 - 7rem - 0.01px); } .two-thirds { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% / 3 * 2 - 0.01px); } .has-gutter > .two-thirds { width: calc(100% / 3 * 2 - 1.5rem - 0.01px); } .has-gutter-l > .two-thirds { width: calc(100% / 3 * 2 - 3rem - 0.01px); } .has-gutter-xl > .two-thirds { width: calc(100% / 3 * 2 - 7rem - 0.01px); } .three-quarters { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% / 4 * 3 - 0.01px); } .has-gutter > .three-quarters { width: calc(100% / 4 * 3 - 1.5rem - 0.01px); } .has-gutter-l > .three-quarters { width: calc(100% / 4 * 3 - 3rem - 0.01px); } .has-gutter-xl > .three-quarters { width: calc(100% / 4 * 3 - 7rem - 0.01px); } .five-sixths { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(100% / 6 * 5 - 0.01px); } .has-gutter > .five-sixths { width: calc(100% / 6 * 5 - 1.5rem - 0.01px); } .has-gutter-l > .five-sixths { width: calc(100% / 6 * 5 - 3rem - 0.01px); } .has-gutter-xl > .five-sixths { width: calc(100% / 6 * 5 - 7rem - 0.01px); } } /* Responsive Small Breakpoint */ @media (min-width: 768px) and (max-width: 991px) { [class*="-small-1"] > * { width: calc(100% / 1 - 0.01px); } [class*="-small-1"].has-gutter > * { width: calc(100% / 1 - 1.5rem - 0.01px); } [class*="-small-1"].has-gutter-l > * { width: calc(100% / 1 - 3rem - 0.01px); } [class*="-small-1"].has-gutter-xl > * { width: calc(100% / 1 - 7rem - 0.01px); } [class*="-small-2"] > * { width: calc(100% / 2 - 0.01px); } [class*="-small-2"].has-gutter > * { width: calc(100% / 2 - 1.5rem - 0.01px); } [class*="-small-2"].has-gutter-l > * { width: calc(100% / 2 - 3rem - 0.01px); } [class*="-small-2"].has-gutter-xl > * { width: calc(100% / 2 - 7rem - 0.01px); } [class*="-small-3"] > * { width: calc(100% / 3 - 0.01px); } [class*="-small-3"].has-gutter > * { width: calc(100% / 3 - 1.5rem - 0.01px); } [class*="-small-3"].has-gutter-l > * { width: calc(100% / 3 - 3rem - 0.01px); } [class*="-small-3"].has-gutter-xl > * { width: calc(100% / 3 - 7rem - 0.01px); } [class*="-small-4"] > * { width: calc(100% / 4 - 0.01px); } [class*="-small-4"].has-gutter > * { width: calc(100% / 4 - 1.5rem - 0.01px); } [class*="-small-4"].has-gutter-l > * { width: calc(100% / 4 - 3rem - 0.01px); } [class*="-small-4"].has-gutter-xl > * { width: calc(100% / 4 - 7rem - 0.01px); } } /*! Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("/websites/templates/_default/css/_vendor/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("/websites/templates/_default/css/_vendor/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/websites/templates/_default/css/_vendor/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/websites/templates/_default/css/_vendor/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/websites/templates/_default/css/_vendor/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/websites/templates/_default/css/_vendor/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-envira:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-wheelchair-alt:before { content: ""; } .fa-question-circle-o:before { content: ""; } .fa-blind:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-volume-control-phone:before { content: ""; } .fa-braille:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-signing:before, .fa-sign-language:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-first-order:before { content: ""; } .fa-yoast:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; } .fa-fa:before, .fa-font-awesome:before { content: ""; } .fa-handshake-o:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-o:before { content: ""; } .fa-linode:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-book-o:before { content: ""; } .fa-vcard:before, .fa-address-card:before { content: ""; } .fa-vcard-o:before, .fa-address-card-o:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-circle-o:before { content: ""; } .fa-user-o:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-drivers-license:before, .fa-id-card:before { content: ""; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; } .fa-quora:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-telegram:before { content: ""; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; } .fa-shower:before { content: ""; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; } .fa-podcast:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-times-rectangle:before, .fa-window-close:before { content: ""; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-grav:before { content: ""; } .fa-etsy:before { content: ""; } .fa-imdb:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-eercast:before { content: ""; } .fa-microchip:before { content: ""; } .fa-snowflake-o:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-meetup:before { content: ""; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* Owl Carousel - Core */ [data-dve-layout][data-dve-slug=owlcarousel], .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-stage, .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } [data-dve-layout][data-dve-slug=owlcarousel] .owl-stage:after, .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-stage-outer, .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } [data-dve-layout][data-dve-slug=owlcarousel] .owl-wrapper, [data-dve-layout][data-dve-slug=owlcarousel] .owl-item, .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -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); } [data-dve-layout][data-dve-slug=owlcarousel] .owl-item, .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-item img:not([width]), .owl-carousel .owl-item img:not([width]) { display: block; width: 100%; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-nav.disabled, [data-dve-layout][data-dve-slug=owlcarousel] .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-nav .owl-prev, [data-dve-layout][data-dve-slug=owlcarousel] .owl-nav .owl-next, [data-dve-layout][data-dve-slug=owlcarousel] .owl-dot, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-dve-layout][data-dve-slug=owlcarousel].owl-loaded, .owl-carousel.owl-loaded { display: block; } [data-dve-layout][data-dve-slug=owlcarousel].owl-loading, .owl-carousel.owl-loading { opacity: 0; display: block; } [data-dve-layout][data-dve-slug=owlcarousel].owl-hidden, .owl-carousel.owl-hidden { opacity: 0; } [data-dve-layout][data-dve-slug=owlcarousel].owl-refresh .owl-item, .owl-carousel.owl-refresh .owl-item { visibility: hidden; } [data-dve-layout][data-dve-slug=owlcarousel].owl-drag .owl-item, .owl-carousel.owl-drag .owl-item { touch-action: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-dve-layout][data-dve-slug=owlcarousel].owl-grab, .owl-carousel.owl-grab { cursor: move; cursor: grab; } [data-dve-layout][data-dve-slug=owlcarousel].owl-rtl, .owl-carousel.owl-rtl { direction: rtl; } [data-dve-layout][data-dve-slug=owlcarousel].owl-rtl .owl-item, .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js [data-dve-layout][data-dve-slug=owlcarousel] { display: block; } /* Owl Carousel - Animate Plugin */ [data-dve-layout][data-dve-slug=owlcarousel] .animated, .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-animated-in, .owl-carousel .owl-animated-in { z-index: 0; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-animated-out, .owl-carousel .owl-animated-out { z-index: 1; } [data-dve-layout][data-dve-slug=owlcarousel] .fadeOut, .owl-carousel .fadeOut { animation-name: fadeOut; } [data-dve-layout][data-dve-slug=owlcarousel] .fadeIn, .owl-carousel .fadeIn { animation-name: fadeIn; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ [data-dve-layout][data-dve-slug=owlcarousel] .owl-item .owl-lazy, .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-item img.owl-lazy, .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ [data-dve-layout][data-dve-slug=owlcarousel] .owl-video-wrapper, .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-video-play-icon, .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/websites/templates/_default/layout_owlcarousel/resources/imgowl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-video-play-icon:hover, .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } [data-dve-layout][data-dve-slug=owlcarousel] .owl-video-playing .owl-video-tn, [data-dve-layout][data-dve-slug=owlcarousel] .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-video-tn, .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-video-frame, .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-nav, .owl-carousel .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-nav [class*='owl-'], .owl-carousel .owl-nav [class*='owl-'] { color: #3c3c3c; font-size: 1.4rem; margin: 0.4rem; padding: 1.5rem 3rem !important; background: #fff; display: inline-block; cursor: pointer; border-radius: 0; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-nav [class*='owl-']:hover, .owl-carousel .owl-nav [class*='owl-']:hover { background: #3C3C3C; color: #fff; text-decoration: none; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-nav .disabled, .owl-carousel .owl-nav .disabled { opacity: 0.5; cursor: default; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-nav.disabled + .owl-dots, .owl-carousel .owl-nav.disabled + .owl-dots { margin-top: 10px; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-dots, .owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot { background: transparent; padding: 0; margin: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; display: inline-block; zoom: 1; *display: inline; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-dots .owl-dot span, .owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #666666; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } [data-dve-layout][data-dve-slug=owlcarousel] .owl-dots .owl-dot.active span, [data-dve-layout][data-dve-slug=owlcarousel] .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background: #3C3C3C; } /* Owl Carousel - Core */ [data-dve-layout][data-dve-slug=background_carousel], .owl-carousel-background { width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } [data-dve-layout][data-dve-slug=background_carousel] .owl-stage, .owl-carousel-background .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } [data-dve-layout][data-dve-slug=background_carousel] .owl-stage:after, .owl-carousel-background .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } [data-dve-layout][data-dve-slug=background_carousel] .owl-stage-outer, .owl-carousel-background .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } [data-dve-layout][data-dve-slug=background_carousel] .owl-wrapper, [data-dve-layout][data-dve-slug=background_carousel] .owl-item, .owl-carousel-background .owl-wrapper, .owl-carousel-background .owl-item { -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); } [data-dve-layout][data-dve-slug=background_carousel] .owl-item, .owl-carousel-background .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } [data-dve-layout][data-dve-slug=background_carousel] .owl-item img:not([width]), .owl-carousel-background .owl-item img:not([width]) { display: block; width: 100%; } [data-dve-layout][data-dve-slug=background_carousel] .owl-nav.disabled, [data-dve-layout][data-dve-slug=background_carousel] .owl-dots.disabled, .owl-carousel-background .owl-nav.disabled, .owl-carousel-background .owl-dots.disabled { display: none; } [data-dve-layout][data-dve-slug=background_carousel] .owl-nav .owl-prev, [data-dve-layout][data-dve-slug=background_carousel] .owl-nav .owl-next, [data-dve-layout][data-dve-slug=background_carousel] .owl-dot, .owl-carousel-background .owl-nav .owl-prev, .owl-carousel-background .owl-nav .owl-next, .owl-carousel-background .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-dve-layout][data-dve-slug=background_carousel].owl-loaded, .owl-carousel-background.owl-loaded { display: block; } [data-dve-layout][data-dve-slug=background_carousel].owl-loading, .owl-carousel-background.owl-loading { opacity: 0; display: block; } [data-dve-layout][data-dve-slug=background_carousel].owl-hidden, .owl-carousel-background.owl-hidden { opacity: 0; } [data-dve-layout][data-dve-slug=background_carousel].owl-refresh .owl-item, .owl-carousel-background.owl-refresh .owl-item { visibility: hidden; } [data-dve-layout][data-dve-slug=background_carousel].owl-drag .owl-item, .owl-carousel-background.owl-drag .owl-item { touch-action: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-dve-layout][data-dve-slug=background_carousel].owl-grab, .owl-carousel-background.owl-grab { cursor: move; cursor: grab; } [data-dve-layout][data-dve-slug=background_carousel].owl-rtl, .owl-carousel-background.owl-rtl { direction: rtl; } [data-dve-layout][data-dve-slug=background_carousel].owl-rtl .owl-item, .owl-carousel-background.owl-rtl .owl-item { float: right; } /* No Js */ .no-js [data-dve-layout][data-dve-slug=background_carousel] { display: block; } /* Owl Carousel - Animate Plugin */ @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } [data-dve-layout][data-dve-slug=background_carousel] .animated, .owl-carousel-background .animated { animation-duration: 3s; animation-delay: 0ms; } [data-dve-layout][data-dve-slug=background_carousel] .owl-animated-out, .owl-carousel-background .owl-animated-out { animation-delay: 0ms; } [data-dve-layout][data-dve-slug=background_carousel] .backgroundFadeOut, .owl-carousel-background .backgroundFadeOut { animation-name: fadeOut; } [data-dve-layout][data-dve-slug=background_carousel] .fadeOutEvent, .owl-carousel-background .fadeOutEvent { animation-name: fadeOut; animation-duration: 2s !important; } [data-dve-layout][data-dve-slug=background_carousel] .fadeInEvent, .owl-carousel-background .fadeInEvent { animation-name: fadeIn; animation-duration: 2s !important; } [data-dve-layout][data-dve-slug=background_carousel] img, .owl-carousel-background img { -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } /* Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ [data-dve-layout][data-dve-slug=background_carousel] .owl-item .owl-lazy, .owl-carousel-background .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } [data-dve-layout][data-dve-slug=background_carousel] .owl-item img.owl-lazy, .owl-carousel-background .owl-item img.owl-lazy { transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ [data-dve-layout][data-dve-slug=background_carousel] .owl-video-wrapper, .owl-carousel-background .owl-video-wrapper { position: relative; height: 100%; background: #000; } [data-dve-layout][data-dve-slug=background_carousel] .owl-video-play-icon, .owl-carousel-background .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/websites/templates/_default/layout_owlcarousel/resources/imgowl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } [data-dve-layout][data-dve-slug=background_carousel] .owl-video-play-icon:hover, .owl-carousel-background .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } [data-dve-layout][data-dve-slug=background_carousel] .owl-video-playing .owl-video-tn, [data-dve-layout][data-dve-slug=background_carousel] .owl-video-playing .owl-video-play-icon, .owl-carousel-background .owl-video-playing .owl-video-tn, .owl-carousel-background .owl-video-playing .owl-video-play-icon { display: none; } [data-dve-layout][data-dve-slug=background_carousel] .owl-video-tn, .owl-carousel-background .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } [data-dve-layout][data-dve-slug=background_carousel] .owl-video-frame, .owl-carousel-background .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* Style commun aux deux vues */ [data-dve-layout][data-dve-slug=background_carousel] { position: relative; } [data-dve-layout][data-dve-slug=background_carousel] div[data-dve-drop-layout][data-dve-drop-widget] { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 1; } /* Layout Carousel Background - Style spécifique à la vue DVE (CMS) */ body.no-js [data-dve-layout][data-dve-slug=background_carousel] { background: rgba(255, 255, 255, 0.5); } body.no-js [data-dve-layout][data-dve-slug=background_carousel] .owl-carousel-background .item:not(:first-of-type) { display: none; } body.no-js [data-dve-layout][data-dve-slug=background_carousel] [data-dve-drop-widget][data-dve-drop-layout] { min-height: 150px; } body.no-js [data-dve-layout][data-dve-slug=background_carousel] [data-dve-drop-widget][data-dve-drop-layout] > * { min-height: 150px; } /* Layout Carousel Background - Style spécifique à la vue WEB */ body:not(.no-js) [data-dve-layout][data-dve-slug=background_carousel] .owl-carousel-background .item img { max-height: 80vh; } [data-dve-layout][data-dve-slug="background"] { background-size: cover; background-position: center; background-repeat: no-repeat; } [data-dve-layout][data-dve-slug="background"].background-position-top { background-position: center top; } [data-dve-layout][data-dve-slug="background"].background-position-bottom { background-position: center bottom; } [data-dve-widget][data-dve-slug=youtube] > * { position: relative; cursor: pointer; min-height: 50px; } [data-dve-widget][data-dve-slug=youtube] > * > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } [data-dve-widget][data-dve-slug=youtube] > *:after { content: '\f144'; font-family: FontAwesome, fantasy; text-align: center; font-size: 6rem; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } [data-dve-widget][data-dve-slug=youtube] > *:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .dossiers_list { box-sizing: border-box; clear: both; } .dossiers_list .dossier, .fichiers_list .dossier { -webkit-user-select: none; -moz-user-select: none; user-select: none; box-sizing: border-box; display: inline-block; width: 120px; height: 110px; position: relative; border: 1px solid #333333; border-radius: 0; background-color: #3C3C3C; margin: 15px 5px 5px; cursor: pointer; padding: 10px; vertical-align: top; } .dossiers_list .dossier::before, .fichiers_list .dossier::before { box-sizing: border-box; position: absolute; content: ' '; top: -10px; left: -1px; background-color: #3C3C3C; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; border-radius: 3px 3px 0 0; width: 60px; height: 11px; } .dossiers_list .dossier > .dossier_nom, .fichiers_list .dossier > .dossier_nom { box-sizing: border-box; font-size: 16px; color: #fff; margin-top: 0px; font-weight: bold; max-height: 100%; overflow: hidden; } .dossiers_list .dossier:hover, .fichiers_list .dossier:hover { background-color: #595959; border-color: #3C3C3C; } .dossiers_list .dossier:hover::before, .fichiers_list .dossier:hover::before { background-color: #595959; border-color: #3C3C3C; } .dossiers_list .dossier.active, .fichiers_list .dossier.active { background-color: #333333; border-color: #3C3C3C; } .dossiers_list .dossier.active::before, .fichiers_list .dossier.active::before { background-color: #333333; border-color: #3C3C3C; } .fichiers_list .dossier { height: auto; min-height: 100px; margin: 15px 10px; } .fichiers_list { background: #e6e6e6; padding: 3rem; margin-bottom: 3rem; } .fichiers_list h2 { margin: 0; padding: 0; margin: -3rem; margin-bottom: 3rem; padding: 1.5rem 3rem; color: #fff; background: #3C3C3C; } .fichiers_list h2:before { display: none; } .fichiers_list h2 .close { float: right; color: #090909; cursor: pointer; vertical-align: middle; } .fichiers_list h2 .close i { vertical-align: middle; } .fichiers_list h2 .back { float: right; color: #090909; cursor: pointer; vertical-align: middle; margin-right: 10px; } .fichiers_list h2 .back i { vertical-align: middle; } .fichiers_list .fichier_nom { font-size: 0.8em !important; } .fichiers_list { margin-top: 10px; box-sizing: border-box; clear: both; } .fichiers_list:empty { display: none; } .fichiers_list > .infos { margin: 10px 0; } .fichiers_list > .infos > img.logo { float: left; margin-right: 5px; margin-bottom: 5px; max-height: 120px; max-width: 360px; -o-object-fit: contain; object-fit: contain; width: 100%; } .fichiers_list > .infos > img.image { float: right; margin-left: 5px; margin-bottom: 5px; max-height: 360px; max-width: 360px; width: 100%; } .fichiers_list > .list { margin-top: 54px; margin-bottom: 30px; background: #f4f4f4; position: relative; display: flex; flex-wrap: wrap; } .fichiers_list > .list > .fichier, .fichiers_list > .list > .fichier_zip { -webkit-user-select: none; -moz-user-select: none; user-select: none; box-sizing: border-box; position: relative; border: 1px solid #333333; border-radius: 0px; margin: 15px 10px; cursor: pointer; padding: 10px; vertical-align: top; background: white; flex-shrink: 0; flex-grow: 0; flex-basis: calc(25% - 20px); overflow: hidden; display: flex; } @media (max-width: 1199px) { .fichiers_list > .list > .fichier, .fichiers_list > .list > .fichier_zip { flex-basis: calc(33.33% - 20px); } } @media (max-width: 991px) { .fichiers_list > .list > .fichier, .fichiers_list > .list > .fichier_zip { flex-basis: calc(50% - 20px); } } @media (max-width: 767px) { .fichiers_list > .list > .fichier, .fichiers_list > .list > .fichier_zip { flex-basis: calc(100% - 20px); } } .fichiers_list > .list > .fichier > .thumb, .fichiers_list > .list > .fichier_zip > .thumb { background-color: #eee; background-size: contain; background-position: center; background-repeat: no-repeat; flex-shrink: 0; flex-grow: 0; flex-basis: 100px; height: 100px; } .fichiers_list > .list > .fichier > .fichier_nom, .fichiers_list > .list > .fichier_zip > .fichier_nom { box-sizing: border-box; font-size: 1.4rem; line-height: 20px; color: #333333; font-weight: 400; display: inline-block; width: 100%; margin-left: 10px; word-wrap: break-word; } .fichiers_list > .list > .fichier .fakeFile, .fichiers_list > .list > .fichier_zip .fakeFile { display: block; line-height: 100px; height: 100px; background: #333333; color: white; text-align: center; flex-shrink: 0; flex-grow: 0; flex-basis: 100px; } .fichiers_list > .list > .fichier:hover, .fichiers_list > .list > .fichier_zip:hover { border-color: #3C3C3C; } .fichiers_list > .list > .fichier:hover .fakeFile, .fichiers_list > .list > .fichier_zip:hover .fakeFile { background: #3C3C3C; } .fichiers_list > .list .folderDownload { background: #333333; color: white; position: absolute; height: 24px; line-height: 24px; right: 0; cursor: pointer; padding: 0 10px; bottom: 100%; font-size: 14px; } .fichiers_list > .list .folderDownload:hover { background: #3C3C3C; } [data-dve-widget][data-dve-slug="img-html"] > figure { background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; transition: all 0.3s ease; } [data-dve-widget][data-dve-slug="img-html"] > figure > figcaption { padding: 3rem; background: rgba(60, 60, 60, 0.8); opacity: 0; transform: scale(1.2); transition: all ease 0.3s; } [data-dve-widget][data-dve-slug="img-html"] > figure:hover > figcaption, [data-dve-widget][data-dve-slug="img-html"] > figure:active > figcaption, [data-dve-widget][data-dve-slug="img-html"] > figure:focus > figcaption { opacity: 1; transform: scale(1); } [data-dve-widget][data-dve-slug="galerie"] { position: relative; overflow: hidden; } [data-dve-widget][data-dve-slug="galerie"] .galeries--slider-horizontal { height: 100px; overflow: hidden; margin-left: auto; margin-right: auto; } [data-dve-widget][data-dve-slug="galerie"] .galeries--slider-horizontal .galeries--next, [data-dve-widget][data-dve-slug="galerie"] .galeries--slider-horizontal .galeries--prev { position: absolute; top: 50%; transform: translateY(-50%); } [data-dve-widget][data-dve-slug="galerie"] .galeries--slider-horizontal .galeries--next[disabled], [data-dve-widget][data-dve-slug="galerie"] .galeries--slider-horizontal .galeries--prev[disabled] { display: none; } [data-dve-widget][data-dve-slug="galerie"] .galeries--slider-horizontal .galeries--next { right: 0; } [data-dve-widget][data-dve-slug="galerie"] .galeries--slider-horizontal .galeries--prev { left: 0; } [data-dve-widget][data-dve-slug="galerie"] .galeries--slider-horizontal .galeries--slide { height: 100%; display: inline-flex; flex-direction: column; text-align: center; margin: 0 3rem; } [data-dve-widget][data-dve-slug="galerie"] .galeries--slider-horizontal .galeries--slide img { -o-object-fit: contain; object-fit: contain; display: block; height: 100%; } [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] { margin-bottom: 1.5rem; } [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon].active [data-accordeon-title] { border-bottom: solid 2px #3C3C3C; background: #3C3C3C; color: #fff; } [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon].active [data-accordeon-title] * { color: #fff; } [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon].active [data-accordeon-title]:after { transform: translateY(-50%) rotate(90deg); } [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-title] { padding: 1.5rem 3rem 1.5rem 7rem; background: #fff; color: #3C3C3C; position: relative; border-radius: 0; border-bottom: solid 2px #3C3C3C; cursor: pointer; margin-bottom: 1.5rem; } [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-title] * { color: #3C3C3C; } [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-title] h1, [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-title] h2, [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-title] h3, [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-title] h4, [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-title] h5, [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-title] h6 { margin: 0 !important; } [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-title]:after { content: '\f0da'; font-family: FontAwesome, fantasy; position: absolute; left: 3rem; top: 50%; transform: translateY(-50%); transition: all ease 0.3s; } [data-dve-layout][data-dve-slug="accordeon"] [data-accordeon] [data-accordeon-content] { display: none; } .widget_formulaire { /* FORMAT FIELDS */ } .widget_formulaire .form_title { background-color: #2c3e50; color: #FFF; text-align: center; font-weight: bold; padding: 1rem 2rem; margin-bottom: 4rem; } .widget_formulaire .form_title > * { margin: 0; padding: 0; } .widget_formulaire .form_header_line { padding: 1rem 2rem; margin-bottom: 2rem; } .widget_formulaire .form_header_line > * { margin: 0; padding: 0; font-size: 18px; font-weight: normal; } .widget_formulaire .form_header_line.chapter { margin-top: 2rem; } .widget_formulaire .form_body_line { display: flex; flex-direction: row; align-items: center; min-height: 75px; padding: 1rem 2rem; } .widget_formulaire .form_body_line label .fa-star { font-size: 1rem; color: #D9534F; vertical-align: top; } .widget_formulaire .form_body_line > div:first-of-type { width: 65%; } .widget_formulaire .form_body_line > div:first-of-type .text_label { font-size: 1.2rem; font-style: italic; margin: 0; margin-top: -10px; } .widget_formulaire .form_body_line > div:last-of-type { width: 35%; display: flex; } .widget_formulaire .form_submit { display: flex; justify-content: center; align-items: center; width: 100%; outline: none; } .widget_formulaire .form_submit img { margin: 1rem; } .widget_formulaire .field_text { width: 100%; border-radius: 10px; } .widget_formulaire .field_number { width: 100%; border-radius: 10px; } .widget_formulaire .field_decimal { width: 100%; border-radius: 10px; } .widget_formulaire .field_cp { width: 100%; border-radius: 10px; } .widget_formulaire .field_ville { width: 100%; border-radius: 10px; } .widget_formulaire .field_rue { width: 100%; border-radius: 10px; } .widget_formulaire .field_pays { width: 100%; border-radius: 10px; } .widget_formulaire .field_mail { width: 100%; border-radius: 10px; } .widget_formulaire .field_fonctions { width: 100%; border-radius: 10px; } .widget_formulaire .field_tel { width: 100%; border-radius: 10px; } .widget_formulaire .field_portable { width: 100%; border-radius: 10px; } .widget_formulaire .field_nom { width: 100%; border-radius: 10px; } .widget_formulaire .field_prenom { width: 100%; border-radius: 10px; } .widget_formulaire .field_select { width: 100%; border-radius: 10px; } .widget_formulaire .field_langues { width: 100%; border-radius: 10px; } .widget_formulaire .field_datalist { width: 100%; border-radius: 10px; } .widget_formulaire .field_civilite { display: flex; justify-content: center; align-items: center; width: 100%; } .widget_formulaire .field_civilite > div { width: 100%; } .widget_formulaire .field_civilite > div input { margin-left: 1rem; margin-right: 1rem; } .widget_formulaire .field_date { width: 100%; display: flex; justify-content: center; align-items: center; } .widget_formulaire .field_date input { border-radius: 10px; width: 100%; } .widget_formulaire .field_birthdate { width: 100%; display: flex; justify-content: center; align-items: center; } .widget_formulaire .field_birthdate input { border-radius: 10px; width: 100%; } .widget_formulaire .field_dateheure { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .widget_formulaire .field_dateheure div.date { width: 100%; display: flex; justify-content: center; align-items: center; } .widget_formulaire .field_dateheure div.date input { border-radius: 10px; width: 100%; margin-right: 1rem; } .widget_formulaire .field_dateheure div.heure { width: 100%; display: flex; justify-content: center; align-items: center; } .widget_formulaire .field_dateheure div.heure > div { display: flex; justify-content: center; align-items: center; width: 100%; } .widget_formulaire .field_dateheure div.heure > div select { border-radius: 10px; width: 100%; } .widget_formulaire .field_textarea { width: 100%; border-radius: 10px; } .widget_formulaire .field_signature { width: 100%; } .widget_formulaire .field_signature .sig { width: 100%; } .widget_formulaire .field_signature .sig .pad { width: 100%; height: 100%; } .widget_formulaire .field_radio { display: flex; flex-direction: row; justify-content: flex-start; } .widget_formulaire .field_radio.display_colonne { flex-direction: column; } .widget_formulaire .field_radio > div { display: flex; justify-content: flex-start; align-items: center; width: 100%; } .widget_formulaire .field_radio > div > label { margin: 0; padding: 1rem; } .widget_formulaire .field_checkbox { display: flex; flex-direction: row; justify-content: flex-start; } .widget_formulaire .field_checkbox.display_colonne { flex-direction: column; } .widget_formulaire .field_checkbox > div { display: flex; justify-content: flex-start; align-items: center; width: 100%; } .widget_formulaire .field_checkbox > div > label { margin: 0; padding: 1rem; } /* FORMAT LIGHTPICK */ .lightpick .lightpick__toolbar .lightpick__previous-action, .lightpick .lightpick__toolbar .lightpick__next-action { padding: 1.5rem; line-height: 0; } .lightpick .lightpick__month-title { display: flex; } .lightpick .lightpick__month-title > .lightpick__select:first-of-type { padding-left: 0; } .separation_non_definie { display: none; } /* CSS BIENS */ .formulaire_vignettes > div { width: 100%; } .formulaire_vignettes .formulaire_bien_article { display: flex; flex-direction: row; margin: 1rem; padding: 0.5rem; border: 1px solid #F4F4F4; cursor: pointer; } .formulaire_vignettes .formulaire_bien_article:first-of-type { margin-top: 0; } .formulaire_vignettes .formulaire_bien_article:last-of-type { margin-bottom: 0; } .formulaire_vignettes .formulaire_bien_article .formulaire_bien_article_header img { width: 500px; height: 250px; -o-object-fit: cover; object-fit: cover; } .formulaire_vignettes .formulaire_bien_article .formulaire_bien_article_section { padding: 0 1rem; width: 100%; } .formulaire_vignettes .formulaire_bien_article .formulaire_bien_article_section .formulaire_bien_article_section_line.title { font-size: 25px; } .formulaire_vignettes .formulaire_bien_article .formulaire_bien_article_section .formulaire_bien_article_section_line.price { font-size: 20px; } .formulaire_vignettes .formulaire_bien_article .formulaire_bien_article_section .formulaire_bien_article_section_line.location { font-size: 15px; } .formulaire_vignettes .formulaire_bien_article .formulaire_bien_article_section .formulaire_bien_article_section_block { display: flex; flex-direction: row; justify-content: space-around; padding: 1rem 0; } .formulaire_vignettes .formulaire_bien_article .formulaire_bien_article_section .formulaire_bien_article_section_block > div { display: flex; flex-direction: column; align-items: center; width: 100%; } .formulaire_vignettes .formulaire_bien_article .formulaire_bien_article_section .formulaire_bien_article_section_block > div img { width: 50px; height: 50px; } .biens-articles { padding: 2rem 0; } .bien-article { height: 400px; border: 1px solid #E4E4E4; box-shadow: 0px 5px 10px 0px #E4E4E4; transition: all ease 0.3s; overflow: hidden; } .bien-article:hover section { cursor: pointer; background: #fff; } .bien-article header { transition: all ease 0.3s; position: relative; overflow: hidden; } .bien-article header .article-header { position: absolute; top: 0; left: 0; right: 0; height: 50px; background: rgba(0, 0, 0, 0.4); z-index: 1; display: flex; justify-content: space-between; padding: 1rem; align-items: center; } .bien-article header .article-header.exclusif { background: rgba(0, 0, 0, 0.6); color: #fff; } .bien-article header img { transition: all ease 1s; width: 100%; height: 225px; -o-object-fit: cover; object-fit: cover; } .bien-article header .owl-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); margin: 0; } .bien-article header .owl-nav button[class*='owl-'] { background-color: transparent; font-size: 5rem !important; color: #fff; outline: none; } .bien-article header .owl-nav button[class*='owl-']:hover { background: transparent; color: #d9d9d9; } .bien-article section { height: 40%; transition: all ease 0.3s; padding: 2rem; overflow: hidden; font-weight: 400; } .bien-article section p { margin: 0; } .bien-article section .article-title { font-size: 20px; } .bien-article section .article-address { font-size: 12px; font-weight: 200; } .bien-article section .article-details { display: flex; justify-content: space-between; font-size: 12px; font-weight: 200; } .bien-article section .article-price { font-size: 20px; } .biens-table-plan-dynamique { display: flex; justify-content: space-between; } .biens-table-plan-dynamique > * { flex: 1; margin-right: 15px; } .biens-table-plan-dynamique > *:last-child { margin-right: 0; } .biens-table-plan-dynamique .biens-table-table .biens-table-head { border-bottom: solid 1px #333333; display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; } .biens-table-plan-dynamique .biens-table-table .biens-table-head > span { color: #000; padding: 10px; flex: 1; display: flex; justify-content: space-between; align-items: center; } .biens-table-plan-dynamique .biens-table-table .biens-table-head > span > span.sorts { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; padding: 0; } .biens-table-plan-dynamique .biens-table-table .biens-table-head > span > span.sorts a { line-height: 0; } .biens-table-plan-dynamique .biens-table-table .biens-table-body .biens-table-line { display: flex; justify-content: space-between; align-items: center; margin: 15px 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); } .biens-table-plan-dynamique .biens-table-table .biens-table-body .biens-table-line:hover { background: #3C3C3C; color: #fff; } .biens-table-plan-dynamique .biens-table-table .biens-table-body .biens-table-line:hover span, .biens-table-plan-dynamique .biens-table-table .biens-table-body .biens-table-line:hover span a { color: #fff; } .biens-table-plan-dynamique .biens-table-table .biens-table-body .biens-table-line--success { border-right: solid 5px #5CB85C; cursor: pointer; } .biens-table-plan-dynamique .biens-table-table .biens-table-body .biens-table-line--danger { border-right: solid 5px #D9534F; } .biens-table-plan-dynamique .biens-table-table .biens-table-body .biens-table-line--warning { border-right: solid 5px #F0AD4E; } .biens-table-plan-dynamique .biens-table-table .biens-table-body .biens-table-line span { color: #666666; padding: 10px; flex: 1; } .biens-table-plan-dynamique .biens-table-table .biens-table-body .biens-table-line span a { color: #666666; } .biens-table-plan-dynamique .biens-table-table .biens-table-lines-legends { display: block; } .biens-table-plan-dynamique .biens-table-table .biens-table-lines-legends .legend--success { margin-right: 1.5rem; border-left: solid 5px #5CB85C; padding-left: 1.5rem; } .biens-table-plan-dynamique .biens-table-table .biens-table-lines-legends .legend--warning { margin-right: 1.5rem; border-left: solid 5px #F0AD4E; padding-left: 1.5rem; } .biens-table-plan-dynamique .biens-table-table .biens-table-lines-legends .legend--danger { margin-right: 1.5rem; border-left: solid 5px #D9534F; padding-left: 1.5rem; } form#bien-search { display: flex; flex-wrap: nowrap; height: 50px; } form#bien-search > * { flex-shrink: 1; flex-grow: 1; flex-basis: 100%; position: relative; } form#bien-search > .submit { color: transparent; overflow: hidden; flex-shrink: 0; flex-grow: 0; flex-basis: 50px; position: relative; transition: all 0.3s ease; } form#bien-search > .submit:after { position: absolute; content: "\f002"; font-family: FontAwesome, fantasy; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; } form#bien-search > .submit:hover, form#bien-search > .submit:active, form#bien-search > .submit:focus { opacity: 0.8; } form#bien-search > .submit input { color: transparent; width: 100%; height: 100%; } form#bien-search > .bien-reference:before { content: '\f0eb'; font-family: FontAwesome, fantasy; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); color: #3C3C3C; font-size: 2rem; } form#bien-search input { width: 100%; height: 100%; padding-left: 20px; } form#bien_search_advanced { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } form#bien_search_advanced > div:first-of-type { display: flex; flex-direction: row; position: relative; } form#bien_search_advanced > div:first-of-type > div { margin: 0 -1px; border: 1px solid #E4E4E4; } form#bien_search_advanced > div:first-of-type > div > .bsa_btn_show_block { height: 50px; padding: 1rem 2rem; box-shadow: none; background: #fff; outline: none; border-radius: 0; } form#bien_search_advanced > div:first-of-type > div > .bsa_btn_show_block.active { background: #003762; color: #fff; } form#bien_search_advanced > div:first-of-type > div > .bsa_btn_show_block:hover { background: #003762; color: #fff; } form#bien_search_advanced > div:first-of-type > div > .bsa_btn_show_block[data-action="bien_pieces"] { min-width: 180px; } form#bien_search_advanced > div:first-of-type > div > input[type="text"] { width: 350px; height: 50px; border: none; box-shadow: none; background: #fff; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu { display: none; position: absolute; z-index: 10; background: white; padding: 2rem; top: calc(100% + 5px); overflow: auto; min-width: 250px; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu:not(.plus_de_criteres) { min-height: 50px; max-height: 460px; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu.plus_de_criteres { display: none; position: absolute; z-index: 10; background: white; padding: 2rem; top: 55px; left: 0; overflow: auto; width: 100%; border: 1px solid #E4E4E4; max-height: 500px; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu.plus_de_criteres .grid-2 { margin-top: 1.5rem; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu.plus_de_criteres > .has-gutter-l { margin-bottom: 0 !important; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu.plus_de_criteres > .has-gutter-l > * { margin-bottom: 0 !important; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .slider_title { margin: 1rem 0 0; padding: 1rem; background: #E4E4E4; font-weight: bold; width: 100%; cursor: auto; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_submenu.block_submenu_responsive { display: none; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_submenu.block_submenu_responsive.visible { display: block; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_submenu > input { width: 100%; box-shadow: none; border: 1px solid #E4E4E4; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_submenu .block_submenu_title { margin: 1.5rem 0; padding: 1rem; background: #E4E4E4; font-weight: bold; cursor: auto; } @media (max-width: 1599px) { form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_submenu[data-action="bien_type"], form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_submenu[data-action="bien_prix"], form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_submenu[data-action="bien_pieces"] { display: block; } } @media (max-width: 1199px) { form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_submenu[data-action="bien_surface"], form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_submenu[data-action="bien_etage"] { display: block; } } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_checkbox { display: flex; align-items: center; margin-bottom: 0.4rem; } form#bien_search_advanced > div:first-of-type > div .bien_search_advanced_submenu .block_checkbox label { margin: 0; } form#bien_search_advanced > div:last-of-type { display: flex; } form#bien_search_advanced > div:last-of-type > div:first-of-type { height: 50px; width: 150px; background: #3C3C3C; display: flex; border: 1px solid #fff; } form#bien_search_advanced > div:last-of-type > div:first-of-type a { display: block; margin: auto; color: #fff; text-align: center; } form#bien_search_advanced > div:last-of-type > div:first-of-type:hover { cursor: pointer; background: #494949; } form#bien_search_advanced > div:last-of-type > div:last-of-type { border: 1px solid #fff; } form#bien_search_advanced > div:last-of-type > div:last-of-type input { width: 150px; height: 48px; padding: 1rem 2rem; } form#bien_search_advanced > div:last-of-type > div:last-of-type input:hover { background: #494949; } @media (max-width: 1599px) { form#bien_search_advanced > div:nth-child(1) > div[data-action="bien_type"], form#bien_search_advanced > div:nth-child(1) > div[data-action="bien_prix"], form#bien_search_advanced > div:nth-child(1) > div[data-action="bien_pieces"] { display: none; } } @media (max-width: 1199px) { form#bien_search_advanced > div:first-of-type > div[data-action="bien_surface"], form#bien_search_advanced > div:first-of-type > div[data-action="bien_etage"] { display: none; } } @media (max-width: 991px) { form#bien_search_advanced > div:first-of-type { width: 100%; } } @media (max-width: 767px) { form#bien_search_advanced { flex-direction: column; } form#bien_search_advanced > div:first-of-type > div:first-of-type { width: 100%; } form#bien_search_advanced > div:first-of-type > div:first-of-type #localisation { width: 100%; } form#bien_search_advanced > div:first-of-type > div[data-action="bien_criteres"] { width: 200px; } form#bien_search_advanced > div:first-of-type > div[data-action="bien_criteres"] button { width: 100%; } form#bien_search_advanced > div:last-of-type { width: 100%; margin-top: 1rem; } form#bien_search_advanced > div:last-of-type > div { width: 100% !important; } form#bien_search_advanced > div:last-of-type > div a, form#bien_search_advanced > div:last-of-type > div input { width: 100% !important; } } form#bien_search_advanced .block_recherche { display: flex; justify-content: space-around; margin-bottom: 1.5rem; align-items: center; } form#bien_search_advanced .block_recherche .input_secondaire { height: 30px; border-radius: 3px; } form#bien_search_advanced .block_recherche .text_join { padding: 0 1rem; } form#bien_search_advanced .ui-slider-horizontal { height: 0.8rem; width: calc(100% - 20px); margin: auto; } form#bien_search_advanced .ui-slider-horizontal .ui-slider-handle { top: -0.5rem; height: 16px; width: 16px; outline: none; } /* BOUTON DE TRI - CACHE PAR DEFAUT CAR CSS PAS STANDARD */ .bien_ordonner { display: none; } .bien_ordonner .order_line { display: flex; flex-direction: row; align-items: center; padding: 1rem; cursor: pointer; transition: all ease 0.3s; } .bien_ordonner .order_line .order_libelle { width: 100%; } .bien_ordonner .order_line .order_actions { width: 40px; } .bien_ordonner .order_line .order_actions { display: flex; flex-direction: column; } .bien_ordonner .order_line .order_actions .order_actions_btn { background: transparent; padding: 0.25rem; outline: none; transition: all ease 0.3s; } .bien_ordonner .order_line .order_actions .order_actions_btn .order_actions_input { display: none; } .bien_ordonner .order_line .order_actions .order_actions_btn.isActive { color: white; background: black; box-shadow: 0px 7px 10px 0px rgba(60, 60, 60, 0.16); } .bien_ordonner .order_line .order_actions .order_actions_btn:hover { background: transparent; color: black; box-shadow: 0px 7px 10px 0px rgba(60, 60, 60, 0.16); } .bien_num_batiment { display: none; } /* La timeline actuelle */ .timeline { position: relative; margin: 0 auto; padding-bottom: 4.5rem; /* Container autour du contenu */ /* Les counters sur la timeline (cercle de date) */ /* Le content actuel */ /* Media queries - Responsive timeline sur écran téléphone largeur */ } .timeline > .span-timeline-line { position: absolute; width: 4px; background-color: #3c3c3c; top: 0; bottom: 0; left: 50%; margin-left: -3px; } .timeline .container-timeline-left { padding: 0 90px 0 0; position: relative; background-color: inherit; width: 50%; left: 0; } .timeline .container-timeline-right { padding: 0 0 0 90px; position: relative; background-color: inherit; width: 50%; left: 50%; } .timeline .container-timeline-right:after { left: 0; } .timeline .counter-left { content: ''; position: absolute; width: 90px; height: 90px; right: -45px; background-color: #3c3c3c; top: 0; border-radius: 50%; z-index: 1; } .timeline .counter-left p { display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.54; height: 100%; color: white; font-weight: 700; } .timeline .counter-right { content: ''; position: absolute; width: 90px; height: 90px; left: -45px; background-color: #3c3c3c; top: 0; border-radius: 50%; z-index: 1; } .timeline .counter-right p { display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.54; height: 100%; color: white; font-weight: 700; } .timeline .content { position: relative; } .timeline .content img { height: 256px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 767px) { .timeline { /* Responsive de la timeline */ /* Container en full-width */ /* Fix des counters sur le même axe */ /* Faire en sorte que tous les containers de droite se comportent comme ceux de gauche */ } .timeline > .span-timeline-line { height: 125px; } .timeline .container-timeline-left, .timeline .container-timeline-right { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 3rem; } .timeline .content { padding-top: calc(90px + 20px); } .timeline .counter-left, .timeline .counter-right { left: calc(50% - 45px); } .timeline .container-timeline-right { left: 0; } } /* La timeline actuelle */ .timeline-petit { position: relative; margin: 0 auto; min-height: 450px; padding-bottom: 4.5rem; padding-top: 9rem; /* Container autour du contenu */ /* Les images sur la timeline (cercle de date) */ /* Le content actuel */ /* Media queries - Responsive timeline sur écran téléphone largeur */ } .timeline-petit > .span-timeline-line { position: absolute; width: 4px; background-color: #3c3c3c; top: 0; bottom: 0; left: 50%; margin-left: -3px; } .timeline-petit .container-timeline-left { display: flex; flex-direction: row-reverse; padding: 0; position: relative; background-color: inherit; } .timeline-petit .container-timeline-right { display: flex; padding: 0; position: relative; background-color: inherit; } .timeline-petit .img-left { position: absolute; left: calc(50% - 125px); top: 4.5rem; z-index: 1; width: 250px; height: 250px; } .timeline-petit .img-left img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 250px; height: 250px; } .timeline-petit .img-right { content: ''; position: absolute; left: calc(50% - 125px); top: 4.5rem; z-index: 1; width: 250px; height: 250px; } .timeline-petit .img-right img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 250px; height: 250px; } .timeline-petit .counter-left { position: absolute; top: -140px; right: calc(50% - 45px); width: 90px; height: 90px; background-color: #3c3c3c; border-radius: 50%; z-index: 1; } .timeline-petit .counter-left p { display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.54; height: 100%; color: white; font-weight: 700; } .timeline-petit .counter-right { position: absolute; top: -140px; left: calc(50% - 45px); width: 90px; height: 90px; background-color: #3c3c3c; border-radius: 50%; z-index: 1; } .timeline-petit .counter-right p { display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.54; height: 100%; color: white; font-weight: 700; } .timeline-petit .content-left { position: relative; width: 50%; } .timeline-petit .content-right { position: relative; width: 50%; } @media (max-width: 767px) { .timeline-petit { /* Responsive de la timeline */ padding-top: 8rem; /* Container en full-width */ /* Fix des counters sur le même axe */ /* Faire en sorte que tous les containers de droite se comportent comme ceux de gauche */ } .timeline-petit .span-timeline-line { height: 125px; } .timeline-petit .container-timeline-left, .timeline-petit .container-timeline-right { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 3rem; } .timeline-petit .container-timeline-left { flex-direction: column-reverse; } .timeline-petit .container-timeline-right { flex-direction: column; } .timeline-petit .content-left, .timeline-petit .content-right { width: 100%; padding-top: 45px; } .timeline-petit .img-left, .timeline-petit .img-right { padding-top: 0; left: 0; position: relative; text-align: center; width: 100%; } .timeline-petit .img-left img, .timeline-petit .img-right img { width: 100%; } .timeline-petit .container-timeline-right { left: 0; } .timeline-petit .counter-left, .timeline-petit .counter-right { right: calc(50% - 45px); top: -135px; } .timeline-petit .counter-right { left: auto; } } /* La timeline actuelle */ .timeline { position: relative; margin: 0 auto; padding-bottom: 4.5rem; /* Container autour du contenu */ /* Les counters sur la timeline (cercle de date) */ /* Le content actuel */ /* Media queries - Responsive timeline sur écran téléphone largeur */ } .timeline > .span-timeline-line { position: absolute; width: 4px; background-color: #3c3c3c; top: 0; bottom: 0; left: 50%; margin-left: -3px; } .timeline .container-timeline-left { padding: 0 90px 0 0; position: relative; background-color: inherit; width: 50%; left: 0; } .timeline .container-timeline-right { padding: 0 0 0 90px; position: relative; background-color: inherit; width: 50%; left: 50%; } .timeline .container-timeline-right:after { left: 0; } .timeline .counter-left { content: ''; position: absolute; width: 90px; height: 90px; right: -45px; background-color: #3c3c3c; top: 0; border-radius: 50%; z-index: 1; } .timeline .counter-left p { display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.54; height: 100%; color: white; font-weight: 700; } .timeline .counter-right { content: ''; position: absolute; width: 90px; height: 90px; left: -45px; background-color: #3c3c3c; top: 0; border-radius: 50%; z-index: 1; } .timeline .counter-right p { display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.54; height: 100%; color: white; font-weight: 700; } .timeline .content { position: relative; } .timeline .content img { height: 256px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 767px) { .timeline { /* Responsive de la timeline */ /* Container en full-width */ /* Fix des counters sur le même axe */ /* Faire en sorte que tous les containers de droite se comportent comme ceux de gauche */ } .timeline > .span-timeline-line { height: 125px; } .timeline .container-timeline-left, .timeline .container-timeline-right { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 3rem; } .timeline .content { padding-top: calc(90px + 20px); } .timeline .counter-left, .timeline .counter-right { left: calc(50% - 45px); } .timeline .container-timeline-right { left: 0; } } /* La timeline actuelle */ .timeline-petit { position: relative; margin: 0 auto; min-height: 450px; padding-bottom: 4.5rem; padding-top: 9rem; /* Container autour du contenu */ /* Les images sur la timeline (cercle de date) */ /* Le content actuel */ /* Media queries - Responsive timeline sur écran téléphone largeur */ } .timeline-petit > .span-timeline-line { position: absolute; width: 4px; background-color: #3c3c3c; top: 0; bottom: 0; left: 50%; margin-left: -3px; } .timeline-petit .container-timeline-left { display: flex; flex-direction: row-reverse; padding: 0; position: relative; background-color: inherit; } .timeline-petit .container-timeline-right { display: flex; padding: 0; position: relative; background-color: inherit; } .timeline-petit .img-left { position: absolute; left: calc(50% - 125px); top: 4.5rem; z-index: 1; width: 250px; height: 250px; } .timeline-petit .img-left img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 250px; height: 250px; } .timeline-petit .img-right { content: ''; position: absolute; left: calc(50% - 125px); top: 4.5rem; z-index: 1; width: 250px; height: 250px; } .timeline-petit .img-right img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 250px; height: 250px; } .timeline-petit .counter-left { position: absolute; top: -140px; right: calc(50% - 45px); width: 90px; height: 90px; background-color: #3c3c3c; border-radius: 50%; z-index: 1; } .timeline-petit .counter-left p { display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.54; height: 100%; color: white; font-weight: 700; } .timeline-petit .counter-right { position: absolute; top: -140px; left: calc(50% - 45px); width: 90px; height: 90px; background-color: #3c3c3c; border-radius: 50%; z-index: 1; } .timeline-petit .counter-right p { display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.54; height: 100%; color: white; font-weight: 700; } .timeline-petit .content-left { position: relative; width: 50%; } .timeline-petit .content-right { position: relative; width: 50%; } @media (max-width: 767px) { .timeline-petit { /* Responsive de la timeline */ padding-top: 8rem; /* Container en full-width */ /* Fix des counters sur le même axe */ /* Faire en sorte que tous les containers de droite se comportent comme ceux de gauche */ } .timeline-petit .span-timeline-line { height: 125px; } .timeline-petit .container-timeline-left, .timeline-petit .container-timeline-right { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 3rem; } .timeline-petit .container-timeline-left { flex-direction: column-reverse; } .timeline-petit .container-timeline-right { flex-direction: column; } .timeline-petit .content-left, .timeline-petit .content-right { width: 100%; padding-top: 45px; } .timeline-petit .img-left, .timeline-petit .img-right { padding-top: 0; left: 0; position: relative; text-align: center; width: 100%; } .timeline-petit .img-left img, .timeline-petit .img-right img { width: 100%; } .timeline-petit .container-timeline-right { left: 0; } .timeline-petit .counter-left, .timeline-petit .counter-right { right: calc(50% - 45px); top: -135px; } .timeline-petit .counter-right { left: auto; } } #estimation_immo .btn_show_estimation { padding: 3rem; } #estimation_immo .btn_show_estimation a { display: block !important; margin: auto !important; text-align: center !important; } #estimation_immo .estimation_immo_step { width: 100%; background: #f6f6f6; border-radius: 3px; margin-bottom: 3rem; transition: all ease 0.3s; } #estimation_immo .estimation_immo_step .progress-bar { background: #3C3C3C; color: white; text-align: center; font-weight: bold; border-radius: 3px; transition: all ease 0.3s; } #estimation_immo .block_estimation_immo { visibility: hidden; opacity: 0; position: relative; height: 0; transition: all ease 0.3s; } #estimation_immo .block_estimation_immo.show { visibility: visible; opacity: 1; height: auto; width: 100%; border: #E4E4E4; } #estimation_immo .block_estimation_immo .block_estimation_immo_line { width: 100%; margin: 1.5rem 0; /* Hide default HTML checkbox */ /* The slider */ /* Rounded sliders */ } #estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns { display: flex; flex-direction: row; } #estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns > div { width: 100%; text-align: left; padding: 0 1.5rem; } #estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns > div:first-of-type { padding: 0; padding-right: 1.5rem; } #estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns > div:last-of-type { padding: 0 0 0 1.5rem; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_label { display: block; font-size: 21px; letter-spacing: 2.5px; font-weight: bold; margin-bottom: 1.5rem; text-align: left; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_input { box-shadow: none; background-color: #f6f6f6; width: 100%; border-radius: 3px; padding: 1.5rem 3rem; transition: all ease 0.3s; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_input.hide { opacity: 0; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_input#bien_surface_terrain.show { opacity: 1; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_radio { display: inline-block; margin-right: 1.5rem; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_radio label { margin: 0; background-color: #f6f6f6; border-radius: 3px; padding: 1.5rem; transition: all ease 0.3s; font-weight: bold; width: 150px; text-align: center; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_radio label:hover { background: #3C3C3C; color: white; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_radio label.checked { background: #3C3C3C; color: white; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_radio input { display: none; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_radio.fullWidth { width: calc(25% - 1.5rem); } #estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_radio.fullWidth label { width: 100%; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .switch { position: relative; display: inline-block; width: 60px; height: 21px; margin-bottom: 1.5rem; text-align: left; box-shadow: inset 0 0 0 #5CB85C, inset 0 0 0 0 #5CB85C; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .switch input { opacity: 0; width: 0; height: 0; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #F6F6F6; transition: .4s; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 4px; bottom: 4px; background-color: white; transition: .4s; } #estimation_immo .block_estimation_immo .block_estimation_immo_line input:checked + .slider { background-color: #5CB85C; } #estimation_immo .block_estimation_immo .block_estimation_immo_line input:focus + .slider { box-shadow: 0 0 1px #3C3C3C; } #estimation_immo .block_estimation_immo .block_estimation_immo_line input:checked + .slider:before { transform: translateX(35px); } #estimation_immo .block_estimation_immo .block_estimation_immo_line .slider.round { border-radius: 34px; } #estimation_immo .block_estimation_immo .block_estimation_immo_line .slider.round:before { border-radius: 50%; } #estimation_immo .btn_actions { z-index: 1; width: 100%; margin-top: 1.5rem; } #estimation_immo .btn_actions .btn, #estimation_immo .btn_actions .btn_show_estimation a, #estimation_immo .btn_show_estimation .btn_actions a { display: none; outline: none; } #estimation_immo .btn_actions .btn[data-action="previous"], #estimation_immo .btn_actions .btn_show_estimation a[data-action="previous"], #estimation_immo .btn_show_estimation .btn_actions a[data-action="previous"] { float: left; } #estimation_immo .btn_actions .btn[data-action="next"], #estimation_immo .btn_actions .btn_show_estimation a[data-action="next"], #estimation_immo .btn_show_estimation .btn_actions a[data-action="next"], #estimation_immo .btn_actions .btn[data-action="submit"], #estimation_immo .btn_actions .btn_show_estimation a[data-action="submit"], #estimation_immo .btn_show_estimation .btn_actions a[data-action="submit"] { float: right; } #estimation_immo .input_error { border: 2px solid #b90000; } #estimation_immo select { background-position: right 3rem center; } @media (max-width: 1199px) { #estimation_immo .estimation_immo_step { margin-bottom: 1.5rem; } #estimation_immo .block_estimation_immo.show { height: auto; } #estimation_immo .block_estimation_immo .block_estimation_immo_line { margin: 1.5rem 0; } #estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns { flex-direction: column; margin: 0; } #estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns > div { text-align: left; margin: 0; padding: 1.5rem 0; } #estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns > div:first-of-type { padding: 1.5rem 0; padding-right: 0; } #estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns > div:last-of-type { padding: 1.5rem 0; padding-right: 0; } } @media (max-width: 767px) { #estimation_immo { height: 100%; } #estimation_immo #form_estimation_immo .block_estimation_immo.show { height: 100%; } #estimation_immo #form_estimation_immo .block_estimation_immo .block_estimation_immo_line { margin: 0; } #estimation_immo #form_estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns { flex-direction: column; margin: 0; } #estimation_immo #form_estimation_immo .block_estimation_immo .block_estimation_immo_line.toColumns > div { padding: 0; } #estimation_immo #form_estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_radio { width: calc(50% - 1.5rem); margin-bottom: 1.5rem; } #estimation_immo #form_estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_radio > label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 1.1rem; } #estimation_immo #form_estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_label { font-size: 1.4rem; } #estimation_immo #form_estimation_immo .block_estimation_immo .block_estimation_immo_line .estimation_input { margin-bottom: 1.5rem; } } /* CSS PAGE RESULTAT */ .resultats_block .resultat_title { text-align: center; } .resultats_block .resultats_line { margin-top: 7rem; margin-bottom: 7rem; text-align: center; } .resultats_block .resultats_line.resultats_address { font-size: 2rem; } .resultats_block .resultats_map { border: 1px solid #E4E4E4; border-radius: 3px; width: 100%; height: 300px; margin: auto; } .resultats_block .resultats_contacts .contacts { display: flex; flex-direction: row; margin: 1.5rem; } @media (max-width: 767px) { .resultats_block .resultats_contacts .contacts { flex-direction: column; } } .resultats_block .resultats_contacts .contacts .contact_block { display: flex; flex-direction: column; width: 100%; background: #f6f6f6; padding: 1.5rem; border-radius: 3px; } .resultats_block .resultats_contacts .contacts .contact_block .contact_block_header img { height: 20vh; -o-object-fit: cover; object-fit: cover; } .resultats_block .resultats_contacts .contacts .contact_block .contact_block_body { margin: 1.5rem 0 0 0; } .resultats_block .caracteristique_block { width: 75%; margin: 1.5rem auto; display: flex; flex-direction: column; border: 1px solid #E4E4E4; border-radius: 3px; } @media (max-width: 767px) { .resultats_block .caracteristique_block { width: 100%; } } .resultats_block .caracteristique_block .caracteristique_block_header { background: #f6f6f6; font-weight: bold; padding: 1.5rem; border-bottom: 1px solid #E4E4E4; } .resultats_block .caracteristique_block .caracteristique_block_body { padding: 1.5rem; } .resultats_block .estimation_prix { font-weight: bold; } .resultats_block .table { width: 100%; margin-top: 1.5rem; } .resultats_block .table thead { background: #f6f6f6; border-radius: 3px; } .resultats_block .table thead tr th:first-of-type { font-weight: bold; height: 25px; } .resultats_block .table tbody tr td { padding: 1.5rem; border: 1px solid #f6f6f6; } .resultats_block .table tbody tr td:first-of-type { font-weight: bold; } .panier-outer-container { width: 80%; max-width: 1400px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin: 0 auto; padding: 3rem 0; } @media (max-width: 991px) { .panier-outer-container { max-width: none; width: 100%; } } .panier-outer-container .panier-left-side { flex: 3; margin-right: 3rem; } @media (max-width: 991px) { .panier-outer-container .panier-left-side { margin-right: 0; } } .panier-outer-container .panier-left-side .panier-container-block .panier-adresse-paiement #editClient-form > div { display: flex; justify-content: space-between; } @media (max-width: 991px) { .panier-outer-container .panier-left-side .panier-container-block .panier-adresse-paiement #editClient-form > div { flex-direction: column; } } .panier-outer-container .panier-left-side .panier-container-block .panier-adresse-paiement #editClient-form > div select, .panier-outer-container .panier-left-side .panier-container-block .panier-adresse-paiement #editClient-form > div input { width: 50%; } @media (max-width: 991px) { .panier-outer-container .panier-left-side .panier-container-block .panier-adresse-paiement #editClient-form > div select, .panier-outer-container .panier-left-side .panier-container-block .panier-adresse-paiement #editClient-form > div input { width: 100%; } } .panier-outer-container .panier-left-side .panier-container-block .panier-adresse-paiement #editClient-form > div select { background-position: right 1.5rem center; } .panier-outer-container .panier-right-side { flex: 2; } .panier-outer-container .panier-container-block { background: white; padding: 3rem; margin-bottom: 3rem; } @media (max-width: 767px) { .panier-outer-container .panier-container-block { padding: 1.5rem; margin-bottom: 1.5rem; } } .panier-outer-container .panier-title { background-size: 40px 40px; background-position: left; background-repeat: no-repeat; margin-bottom: 1.5rem; flex: 1 0 100%; } .panier-outer-container .panier-steps { flex: 1 0 100%; } .panier-outer-container .panier-steps .steps { display: flex; flex-wrap: wrap; margin-top: 3rem; } @media (max-width: 767px) { .panier-outer-container .panier-steps .steps { margin-top: 1.5rem; } } .panier-outer-container .panier-steps .steps .step { padding-right: 1.5rem; } .panier-outer-container .panier-steps .steps .step.active { font-weight: 700; } .panier-outer-container .panier-products { margin-top: 3rem; padding: 0; } @media (max-width: 767px) { .panier-outer-container .panier-products { margin-top: 1.5rem; } } .panier-outer-container .panier-products .product-row { padding: 3rem 0; border-bottom: solid 1px #ffffff; } @media (max-width: 767px) { .panier-outer-container .panier-products .product-row { padding: 1.5rem 0; } } .panier-outer-container .panier-products .product-row:first-child { border-top: solid 1px #ffffff; } .panier-outer-container .panier-products .product-row:last-child { border-bottom: none; padding-bottom: 0; } .panier-outer-container .panier-products .product-empty-msg { padding: 3rem 0 0; border-top: solid 1px #ffffff; } .panier-outer-container .panier-codepromo-title { margin-bottom: 1.5rem; } .panier-outer-container .panier-codepromo-input { display: flex; flex-wrap: nowrap; } .panier-outer-container .panier-codepromo-input > input { flex: 1 1 100%; } .panier-outer-container .panier-codepromo-input button { flex: 0 0 60px; } .panier-outer-container .panier-comment-title { margin-bottom: 1.5rem; } .panier-outer-container .panier-comment textarea { width: 100%; } .panier-outer-container .panier-sum-title { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: solid 1px #ffffff; } .panier-outer-container .panier-sum-price { font-weight: 700; font-size: 1.2em; text-align: right; padding-top: 1.5rem; margin-top: 1.5rem; border-top: solid 1px #ffffff; } .panier-outer-container .panier-cgv { margin-top: 1.5rem; } .panier-outer-container .panier-cgv label { max-width: calc(100% - 50px); } .panier-outer-container .panier-actions { margin-top: 3rem; } .panier-outer-container .panier-actions a { text-align: center; } .panier-outer-container .panier-livraisons-title { margin-bottom: 1.5rem; } .panier-outer-container .panier-livraisons .livraison { display: flex; padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: solid 1px #ffffff; } .panier-outer-container .panier-livraisons .livraison .livraison-radio { flex: 0 0 30px; } .panier-outer-container .panier-livraisons .livraison .livraison-logo { flex: 0 0 40px; margin-right: 1.5rem; } @media (max-width: 767px) { .panier-outer-container .panier-livraisons .livraison .livraison-logo { display: none; } } .panier-outer-container .panier-livraisons .livraison .livraison-texte { flex: 1; margin-right: 1.5rem; } .panier-outer-container .panier-livraisons .livraison .livraison-prix { flex: 0 0 110px; text-align: right; } .panier-outer-container .panier-adresse-livraison-title { margin-bottom: 1.5rem; } .panier-outer-container .panier-paiements-title, .panier-outer-container .panier-commande-title { margin-bottom: 1.5rem; } .panier-outer-container .panier-paiements .paiement { display: flex; padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: solid 1px #ffffff; } .panier-outer-container .panier-paiements .paiement .paiement-radio { flex: 0 0 30px; } .panier-outer-container .panier-paiements .paiement .paiement-logo { flex: 0 0 40px; margin-right: 1.5rem; } .panier-outer-container .panier-paiements .paiement .paiement-texte { flex: 1; margin-right: 1.5rem; } .panier-outer-container .panier-adresse-paiement-title { margin-bottom: 1.5rem; } @media (max-width: 991px) { .panier-loginForm .login-form-container #open-register-form #register-form .mts { margin-top: 0; } } @media (max-width: 991px) { .panier-loginForm .login-form-container #open-register-form #register-form .mts .has-gutter:not(.mbs):not(.mbm):not(.mbl):not(.mbn):not(.mb0) { margin-bottom: 0; } } @media (max-width: 991px) { .panier-loginForm .login-form-container #open-register-form #register-form .mts div { margin-left: 0; margin-right: 0; width: 100%; } } @media (max-width: 991px) { .panier-loginForm .login-form-container #open-register-form #register-form .mts div .mls { margin-left: 0; } } @media (max-width: 991px) { .panier-loginForm .login-form-container #open-register-form #register-form .mts div div input { width: 100%; } } .panier-loginForm .login-form-container #open-register-form #register-form div select { padding-right: 3rem; background-position: right 1.5rem center; } @media (max-width: 991px) { .panier-loginForm .login-form-container #open-register-form #register-form div select { width: 100%; margin-bottom: 1.5rem; } } .panier-adresse-livraison .editClient-form .mtm { text-align: right; } .panier-adresse-livraison .editClient-form > div { display: flex; justify-content: space-between; } @media (max-width: 991px) { .panier-adresse-livraison .editClient-form > div { flex-direction: column; } } .panier-adresse-livraison .editClient-form > div input:not([type="submit"]), .panier-adresse-livraison .editClient-form > div select { width: 50%; } @media (max-width: 991px) { .panier-adresse-livraison .editClient-form > div input:not([type="submit"]), .panier-adresse-livraison .editClient-form > div select { width: 100%; } } .panier-adresse-livraison .editClient-form > div select { background-position: right 1.5rem center; } .panier-resume .resume-row { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: solid 1px #999999; } .panier-resume .resume-row.head { font-weight: 700; margin-bottom: 1.5rem; } .panier-resume .resume-row .col-infos { flex: 1; } .panier-resume .resume-row .col-prix { flex: 0 0 100px; text-align: right; } .panier-resume .resume-total { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 1.5rem; } .panier-resume .resume-totalOrder { display: flex; flex-wrap: nowrap; justify-content: space-between; } .previewPanier-outer-container .previewPanier-title { font-size: 2.5rem; margin-bottom: 3rem; text-align: center; background: #3C3C3C; padding: 0.4rem 1.5rem; color: #fff; } .previewPanier-outer-container .previewPanier-title > * { font-size: inherit; color: inherit; margin: 0; } .previewPanier-outer-container .previewPanier-container-block { padding: 1.5rem; margin-bottom: 3rem; border: solid 1px #ffffff; } .previewPanier-outer-container .previewPanier-actions { display: flex; flex-wrap: nowrap; justify-content: space-between; } .previewPanier-outer-container .previewPanier-actions > *:first-child { margin-right: 1.5rem; } .previewPanier-outer-container .previewPanier-actions > *:last-child { margin-left: 1.5rem; } @media (max-width: 1199px) { .panier-outer-container, .previewPanier-outer-container { flex-direction: column; } } .panier-outer-container .color-lighten, .previewPanier-outer-container .color-lighten { color: #898989; } .panier-outer-container .product-row, .previewPanier-outer-container .product-row { display: flex; justify-content: flex-start; position: relative; } .panier-outer-container .product-row .product-img, .previewPanier-outer-container .product-row .product-img { flex: 1; margin-right: 3rem; } @media (max-width: 767px) { .panier-outer-container .product-row .product-img, .previewPanier-outer-container .product-row .product-img { margin-right: 1.5rem; } } .panier-outer-container .product-row .product-img img, .previewPanier-outer-container .product-row .product-img img { display: block; width: 100%; } .panier-outer-container .product-row .product-infos, .previewPanier-outer-container .product-row .product-infos { flex: 3; } .panier-outer-container .product-row .product-title, .previewPanier-outer-container .product-row .product-title { font-weight: 700; } @media (max-width: 767px) { .panier-outer-container .product-row .product-title, .previewPanier-outer-container .product-row .product-title { padding-right: 1.5rem; } } .panier-outer-container .product-row .product-qte, .previewPanier-outer-container .product-row .product-qte { margin-top: 1.5rem; } @media (max-width: 767px) { .panier-outer-container .product-row .product-qte, .previewPanier-outer-container .product-row .product-qte { display: flex; align-items: center; justify-content: space-between; } } .panier-outer-container .product-row .product-qte .qte, .previewPanier-outer-container .product-row .product-qte .qte { width: 100px; display: inline-block; } .panier-outer-container .product-row .product-btn-remove, .previewPanier-outer-container .product-row .product-btn-remove { position: absolute; top: 3rem; right: 0; } .panier-outer-container .product-row .product-price-unit, .previewPanier-outer-container .product-row .product-price-unit { margin-top: 1.5rem; } .panier-outer-container .product-row .product-price-unit, .panier-outer-container .product-row .product-acompte-unit, .panier-outer-container .product-row .product-price-sum, .previewPanier-outer-container .product-row .product-price-unit, .previewPanier-outer-container .product-row .product-acompte-unit, .previewPanier-outer-container .product-row .product-price-sum { text-align: right; } .panier-outer-container .product-row .product-price-unit > span, .panier-outer-container .product-row .product-acompte-unit > span, .panier-outer-container .product-row .product-price-sum > span, .previewPanier-outer-container .product-row .product-price-unit > span, .previewPanier-outer-container .product-row .product-acompte-unit > span, .previewPanier-outer-container .product-row .product-price-sum > span { display: inline-block; width: 150px; text-align: right; } .panier-outer-container .product-row .product-price-unit > span.ammount, .panier-outer-container .product-row .product-acompte-unit > span.ammount, .panier-outer-container .product-row .product-price-sum > span.ammount, .previewPanier-outer-container .product-row .product-price-unit > span.ammount, .previewPanier-outer-container .product-row .product-acompte-unit > span.ammount, .previewPanier-outer-container .product-row .product-price-sum > span.ammount { text-align: right; } #payment-form { overflow: visible; } .StripeElement { background-color: white; height: 40px; padding: 10px 12px; border-radius: 4px; border: 1px solid transparent; box-shadow: 0 1px 3px 0 #94979d; transition: box-shadow 150ms ease; margin: 15px 0; } .StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; } .StripeElement--invalid { border-color: #fa755a; } .StripeElement--webkit-autofill { background-color: #fefde5 !important; } #slider-simple .produit { padding: 1.5rem; } #slider-simple .produit header { position: relative; } #slider-simple .produit header a .produit-img { display: block; height: 25vh; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } #slider-simple .produit header .produit-libelles { position: absolute; top: 0; right: 0; display: flex; } @media (max-width: 1599px) { #slider-simple .produit header .produit-libelles { flex-direction: column; } } #slider-simple .produit header .produit-libelles p { margin-left: 1.5rem; color: #fff; padding: 0.75rem 1.5rem; } @media (max-width: 1599px) { #slider-simple .produit header .produit-libelles p { padding: 0.375rem 0.75rem; } } #slider-simple .produit section h2 { margin-bottom: 1.5rem; } #slider-simple .produit section .produit-details .produit-detail { display: flex; } #slider-simple .produit section .produit-details .produit-detail .produit-detail-1 { margin-right: 3rem; color: #3C3C3C; width: 25%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #slider-simple .produit section .produit-details .produit-detail .produit-detail-2 { width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #slider-simple .owl-carousel .owl-nav { position: absolute; top: 0; margin-top: 1.5rem; } #slider-simple .owl-carousel .owl-nav .owl-prev, #slider-simple .owl-carousel .owl-nav .owl-next { outline: none; } #slider-simple .owl-carousel .owl-nav [class*='owl-'] { padding: 0 1.5rem !important; background: transparent; font-size: 1.6vw; line-height: 0.25; color: #3C3C3C; } @media (max-width: 1599px) { #slider-simple .owl-carousel .owl-nav [class*='owl-'] { font-size: 3.6rem; } } .produit-show section .produit-main { display: flex; margin-bottom: 7rem; } @media (max-width: 767px) { .produit-show section .produit-main { flex-direction: column; } } .produit-show section .produit-main .produit-galerie { width: 50%; margin-right: 1.5rem; } @media (max-width: 767px) { .produit-show section .produit-main .produit-galerie { width: 100%; margin-right: 0; } } .produit-show section .produit-main .produit-galerie .main { margin-bottom: 3rem; } .produit-show section .produit-main .produit-galerie .main img { width: 100%; background-size: cover; } .produit-show section .produit-main .produit-galerie .thumbs { display: flex; margin-left: -0.75rem; margin-right: -0.75rem; } .produit-show section .produit-main .produit-galerie .thumbs a img { margin: 0.75rem; } .produit-show section .produit-main .produit-infos { width: 50%; margin-left: 1.5rem; } @media (max-width: 767px) { .produit-show section .produit-main .produit-infos { width: 100%; margin-right: 0; margin-left: 0; margin-top: 3rem; } } #localiteDetail { margin-bottom: 7rem; } #localiteDetail .localite_image_titre { position: relative; } #localiteDetail .localite_image_titre .owl-carousel .owl-stage-outer .owl-stage .owl-item .item img { width: 100%; height: 50vh; -o-object-fit: cover; object-fit: cover; } #localiteDetail .localite_image_titre .owl-carousel .owl-nav { position: absolute; bottom: 3rem; right: 3rem; } #localiteDetail .localite_image_titre .owl-carousel .owl-nav .owl-prev, #localiteDetail .localite_image_titre .owl-carousel .owl-nav .owl-next { outline: none; } #localiteDetail .localite_image_titre .localite_titre { position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); z-index: 999; padding: 3rem; background: rgba(60, 60, 60, 0.6); color: #fff; display: flex; align-items: center; } @media (max-width: 1199px) { #localiteDetail .localite_image_titre .localite_titre { top: 50%; } } #localiteDetail .localite_image_titre .localite_titre .fa-map-marker { margin-right: 1.5rem; } #localiteDetail .localite_vignettes { margin: 1.5rem; display: block; } @media (max-width: 767px) { #localiteDetail .localite_vignettes { display: none; } } #localiteDetail .localite_vignettes a img { margin: 1.5rem; height: 15vh; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: calc((100% / 8) - 3rem); } @media (max-width: 1199px) { #localiteDetail .localite_vignettes a img { top: 50%; width: calc((100% / 4) - 3rem); } } #localiteDetail .localite_informations { display: flex; flex-direction: column; } #localiteDetail .localite_informations .localite_description { padding: 3rem 0; width: 80% !important; } #localiteDetail .localite_informations .localite_estimation { width: 80% !important; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content { display: flex; flex-direction: row; border: none !important; padding: 0 !important; } @media (max-width: 767px) { #localiteDetail .localite_informations .localite_estimation .localite_estimation_content { flex-direction: column; } } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content h4 { font-weight: 700; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content .localite_estimation_content_year_price { display: flex; margin-bottom: 1.5rem; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content .localite_estimation_content_year_price h4 { width: 25%; } @media (max-width: 1199px) { #localiteDetail .localite_informations .localite_estimation .localite_estimation_content .localite_estimation_content_year_price h4 { width: 15%; } } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content .localite_estimation_content_year_price .localite_estimation_content_libelle { display: flex; align-items: baseline; width: 75%; } @media (max-width: 1199px) { #localiteDetail .localite_informations .localite_estimation .localite_estimation_content .localite_estimation_content_year_price .localite_estimation_content_libelle { width: 85%; } } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content .localite_estimation_content_year_price .localite_estimation_content_libelle p, #localiteDetail .localite_informations .localite_estimation .localite_estimation_content .localite_estimation_content_year_price .localite_estimation_content_libelle .fa-arrow-right { margin-bottom: 0; width: 25%; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content .localite_estimation_content_year_price .localite_estimation_content_libelle p .fa-home, #localiteDetail .localite_informations .localite_estimation .localite_estimation_content .localite_estimation_content_year_price .localite_estimation_content_libelle .fa-arrow-right .fa-home { margin-right: 1.5rem; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content > div { width: 100%; border: none; border-radius: 10px; padding: 0.5rem; margin: 0.5rem; box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.2); } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content > div .localite_estimation_content_header { text-align: center; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content > div .localite_estimation_content_body { padding: 0.5rem; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content > div .localite_estimation_content_body > div { margin: 2rem 0; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content > div .localite_estimation_content_body > div .localite_estimation_content_body_year_price { margin: 2rem 0; display: flex; justify-content: flex-start; align-items: center; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content > div .localite_estimation_content_body > div .localite_estimation_content_body_year_price h5 { width: 50px; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content > div .localite_estimation_content_body > div .localite_estimation_content_body_year_price .localite_estimation_content_body_libelle { display: flex; justify-content: space-between; align-items: center; width: 100%; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content > div .localite_estimation_content_body > div .localite_estimation_content_body_year_price .localite_estimation_content_body_libelle > * { text-align: center; margin: 0; padding: 0; display: block; width: 100%; } #localiteDetail .localite_informations .localite_estimation .localite_estimation_content > div .localite_estimation_content_body > div .localite_estimation_content_body_year_price .localite_estimation_content_body_libelle > i { width: 20%; } #localiteDetail .localite_estimation_a_propos { text-align: center; } #localiteDetail .bold { font-weight: 800; } #localiteDetail .localites_voisines_title { width: 80%; margin: auto; margin-top: 4rem; } #localiteDetail .localites_voisines { margin: 2rem auto; width: 80%; box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.2); border-radius: 10px; padding: 1.5rem 3rem; } @media (max-width: 767px) { #localiteDetail .localites_voisines { padding: 1.5rem; width: 90%; } } #localiteDetail .localites_voisines .localites_voisines_header:not(.localites_voisines_preheader) { padding: 1.5rem 0; border-bottom: 1px solid #E4E4E4; } #localiteDetail .localites_voisines .localites_voisines_line { display: flex; flex-direction: row; } #localiteDetail .localites_voisines .localites_voisines_line:not(.localites_voisines_header):not(.localites_voisines_preheader) { padding: 1.5rem 0; border-bottom: 2px solid #E4E4E4; } #localiteDetail .localites_voisines .localites_voisines_line.localites_voisines_header { font-weight: bold; } #localiteDetail .localites_voisines .localites_voisines_line > div { width: 100%; display: flex; text-align: center; justify-content: flex-start; flex-direction: row; } @media (max-width: 767px) { #localiteDetail .localites_voisines .localites_voisines_line > div { flex-direction: column; } } #localiteDetail .localites_voisines .localites_voisines_line > div > div { width: 100%; text-align: center; } #localiteDetail .localites_voisines .localites_voisines_line > div:not(:last-of-type) { border-right: 1px solid #E4E4E4; } #localiteDetail .localites_voisines .localites_voisines_line.localites_voisines_preheader > div { display: flex; flex-direction: row; border-right: none; justify-content: center; font-weight: 800; align-items: center; } @media (max-width: 767px) { #localiteDetail .localites_voisines .localites_voisines_line.localites_voisines_preheader > div { flex-direction: column; } } #localiteDetail .localites_voisines .localites_voisines_line:last-of-type { border-bottom: none !important; } .localites div { display: flex; flex-direction: row; flex-wrap: wrap; } .localites div .localite-article { flex: 0 1 25%; padding: 1.5rem; } @media (max-width: 1199px) { .localites div .localite-article { flex: 0 1 33%; } } @media (max-width: 991px) { .localites div .localite-article { flex: 0 1 50%; } } @media (max-width: 767px) { .localites div .localite-article { flex: 0 1 100%; padding: 1.5rem 0; } } .localites div .localite-article:hover { cursor: pointer; } .localites div .localite-article header img { width: 100%; height: 15vh; -o-object-fit: cover; object-fit: cover; margin-bottom: 1.5rem; } .localites div .localite-article section .localite-details { display: none; } .localites div .localite-article section .localite-details p { margin-bottom: 0; } .localites div .localite-article-liste { flex: 0 1 33%; padding: 1.5rem; } @media (max-width: 1199px) { .localites div .localite-article-liste { flex: 0 1 33%; } } @media (max-width: 991px) { .localites div .localite-article-liste { flex: 0 1 50%; } } @media (max-width: 767px) { .localites div .localite-article-liste { flex: 0 1 100%; padding: 1.5rem 0; } } .localites div .localite-article-liste:hover { cursor: pointer; } .localites div .localite-article-liste header img { display: none; } .localites div .localite-article-liste section .localite-details { display: none; } .localites div .localite-article-liste section .localite-details p { margin-bottom: 0; } @media (max-width: 767px) { .localites .localite-paginator { margin: 3rem 0; } } #widget_social_networks { display: flex; } #widget_social_networks .block_social_network { margin: 1rem; } .pdff-lightbox-wrapper { top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; } [data-dve-layout][data-dve-slug="tabs"] .tabs { display: flex; justify-content: center; align-items: flex-start; margin-bottom: 15px; flex-wrap: wrap; } [data-dve-layout][data-dve-slug="tabs"] .tabs span { padding: 5px; cursor: pointer; border: 1px solid lightgrey; border-bottom: none; } [data-dve-layout][data-dve-slug="tabs"] .tabs span.active { border: 1px solid black; border-bottom: none; } [data-dve-layout][data-dve-slug="tabs"] .tabs .tab-title:empty { max-width: 200px; min-width: 100px; } [data-dve-layout][data-dve-slug="tabs"] .hidden { display: none; } [data-dve-layout][data-dve-slug="tabs"] .active { display: flex !important; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar { /* width */ /* Track */ /* Handle */ /* Handle on hover */ } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar ::-webkit-scrollbar { width: 7px; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar ::-webkit-scrollbar-track { background: transparent; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar ::-webkit-scrollbar-thumb { background: gray; border-radius: 5px; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar ::-webkit-scrollbar-thumb:hover { background: #333333; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group { margin-bottom: 1.5rem; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group.closed .formProductFiltersSidebar--grouptitle:after { transform: rotate(0deg); } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group.closed .formProductFiltersSidebar--items { max-height: 0px; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group .formProductFiltersSidebar--items { overflow: auto; max-height: 350px; transition: all 0.3s; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group .formProductFiltersSidebar--item { display: flex; margin-bottom: 0.4rem; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group .formProductFiltersSidebar--item:hover { background: #e6e6e6; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group .formProductFiltersSidebar--item label { display: block; flex: 1; overflow-wrap: break-word; padding-right: 5px; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group .formProductFiltersSidebar--itemtitle ~ .formProductFiltersSidebar--itemvalue { padding-left: 1.5rem; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group .formProductFiltersSidebar--itemcount { font-size: 0.8em; opacity: 0.7; margin-right: 7px; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group .formProductFiltersSidebar--grouptitle { cursor: pointer; position: relative; } [data-dve-slug="form-product-v2"] .formProductFiltersSidebar .formProductFiltersSidebar--group .formProductFiltersSidebar--grouptitle:after { content: '\f107'; font-family: FontAwesome, fantasy; position: absolute; right: 0; transition: transform ease 0.3s; transform: rotate(180deg); } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee { /* width */ /* Track */ /* Handle */ /* Handle on hover */ } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee ::-webkit-scrollbar { width: 7px; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee ::-webkit-scrollbar-track { background: transparent; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee ::-webkit-scrollbar-thumb { background: gray; border-radius: 5px; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee ::-webkit-scrollbar-thumb:hover { background: #333333; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee form { display: flex; flex-wrap: wrap; align-items: flex-start; overflow: visible; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group { position: relative; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group:before { content: ''; position: absolute; top: 5px; left: 0; margin-left: 1.5rem; font-size: 0.8em; font-weight: normal; color: #333333; z-index: 10; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group[data-origtitle]:before { content: attr(data-origtitle); } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--grouptitle { background: #fff; position: relative; color: #3c3c3c; padding: 25px 35px 5px 15px; outline: none; overflow: hidden; max-width: 250px; text-overflow: ellipsis; margin-right: 4px; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--grouptitle:after { content: '\f107'; font-family: FontAwesome, fantasy; position: absolute; right: 15px; bottom: -3px; transform: translateY(-60%) rotate(0); color: #3c3c3c; transition: transform ease 0.3s; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--grouptitle:before { position: absolute; content: ''; height: 5px; left: 0; bottom: 0; top: initial; border: none; margin: 0; background: #fff; width: 0; z-index: 6; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items { position: absolute; top: 100%; left: 0; background: #fff; padding: 1.5rem; z-index: 5; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15); min-width: 200px; display: none; overflow: auto; max-height: 200px; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--item, [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--subitem { display: flex; align-items: center; padding: 0.4rem 0; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--item label, [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--subitem label { white-space: nowrap; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--itemtitle ~ .formProductRechercheAvancee--itemvalue, [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--itemtitle ~ .formProductRechercheAvancee--subitemvalue, [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--subitemtitle ~ .formProductRechercheAvancee--itemvalue, [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--subitemtitle ~ .formProductRechercheAvancee--subitemvalue { padding-left: 1.5rem; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--subgroup { padding-bottom: 1.5rem; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group .formProductRechercheAvancee--items .formProductRechercheAvancee--subgroup .formProductRechercheAvancee--subgrouptitle { font-weight: bold; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group.opened .formProductRechercheAvancee--grouptitle { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15); } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group.opened .formProductRechercheAvancee--grouptitle:after { transform: translateY(-60%) rotate(180deg); } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group.opened .formProductRechercheAvancee--grouptitle:before { width: 100%; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group.opened .formProductRechercheAvancee--items { display: block; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group[data-fpra-group="advanced_items"] .formProductRechercheAvancee--items { max-height: 400px; left: inherit; right: 0; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--submit { margin-left: auto; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--subgroup:nth-child(-n+5) { display: none; } @media (max-width: 1599px) { [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group:nth-child(5) { display: none; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--subgroup:nth-child(5) { display: block; } } @media (max-width: 1199px) { [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group:nth-child(4) { display: none; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--subgroup:nth-child(4) { display: block; } } @media (max-width: 767px) { [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--group:nth-child(3) { display: none; } [data-dve-slug="form-product-v2"] .formProductRechercheAvancee .formProductRechercheAvancee--subgroup:nth-child(3) { display: block; } } #form-emploi-search .emploi-search { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; margin-bottom: 20px; } #form-emploi-search .emploi-search > div { width: 260px; height: 32px; margin: 0 10px 10px 5px; } #form-emploi-search .emploi-search > div .duneselect-contain { width: 270px !important; text-align: center; } @media (max-width: 500px) { #form-emploi-search .emploi-search > div .duneselect-contain { width: 95% !important; margin: 5px auto; } } @media (max-width: 500px) { #form-emploi-search .emploi-search > div { width: 95%; margin: 5px auto; } } #form-emploi-search .emploi-search #send { width: 260px; height: 32px; background: #5CB85C !important; border: 1px solid black; border-radius: 3px; padding: 0; } @media (max-width: 500px) { #form-emploi-search .emploi-search #send { width: 95%; margin: 5px auto; } } #form-emploi-search #offres-d-emploi-container { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } #form-emploi-search #offres-d-emploi-container .jobWrapper { width: 290px; cursor: pointer; border: 1px solid lightgray; padding: 10px; border-radius: 10px; margin: 5px; } @media (max-width: 500px) { #form-emploi-search #offres-d-emploi-container .jobWrapper { width: 95%; margin: 5px auto; } } #form-emploi-search .duneBox-outer { display: flex; justify-content: center; } #form-emploi-search .duneBox-wrap { margin: 25px !important; } @media (max-width: 500px) { #form-emploi-search .duneBox-wrap { margin: 5px !important; } } #form-emploi-search .duneBox-wrap .duneBox-close { z-index: 10; } @media (max-width: 500px) { #form-emploi-search .duneBox-wrap .duneBox-close { top: 0 !important; right: 0 !important; border: 1px solid #6a6a6a !important; } } #form-emploi-search .duneBox-wrap .duneBox-inner { height: 100% !important; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal { height: 100% !important; min-width: 280px; width: 100%; max-width: 550px; padding: 20px; text-align: center; background: white; position: relative; z-index: 5; } @media (max-width: 1100px) { #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal { padding: 10px; } } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal h6 { font-size: 20px; margin-bottom: 20px; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; margin: auto; } @media (max-width: 500px) { #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi { width: 98%; } } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi label { width: 150px; text-align: left; font-size: 15px; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi label.jobDesc { width: unset; margin-right: 5px; margin-top: 5px !important; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #nom, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #prenom, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #mail, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #tel { width: 235px; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_Jquery, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_HTML, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_CSS, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_PHP_combo, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_JS_combo, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_Symfony_combo { width: 50px; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #nom, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #prenom, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #mail, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #tel, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_Jquery, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_HTML, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_CSS, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_PHP_combo, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_JS_combo, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_Symfony_combo { border: 1px solid lightgrey; border-radius: 5px; padding-left: 5px; height: 30px; } @media (max-width: 455px) { #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #nom, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #prenom, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #mail, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #tel, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_Jquery, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_HTML, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_CSS, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_PHP_combo, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_JS_combo, #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #exp_Symfony_combo { width: 100%; } } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi .labelAndInput { display: flex; flex-wrap: wrap; margin-bottom: 10px; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi .competences { text-align: left; margin: 10px auto 20px 0; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi .competences table { margin-bottom: 0; border-radius: 3px; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi .competences table tr { vertical-align: center; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi .competences table.tableContainer { border-bottom: 1px solid lightgrey; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi .competences table.tableContainer:first-of-type { border-top: 1px solid #E5E5E5; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi .experienceUnits { font-size: 14px; text-transform: lowercase; } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi input[type=number] { width: 56px !important; border: 1px solid lightgrey; border-radius: 5px; margin: 5px 3px 0 0; } @media (max-width: 500px) { #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi input[type=file] { max-width: 200px !important; } } @media (max-width: 400px) { #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi input[type=file] { max-width: unset !important; width: 100%; } } #form-emploi-search .duneBox-wrap .inner-offre-d-emploi-modal form#modal-offre-d-emploi #send { margin-top: 20px; background: #5CB85C !important; border: 1px solid black; border-radius: 3px; width: 100%; text-align: center; } #offres-d-emploi-liste #form-emploi-search .emploi-search { margin-bottom: 1.5rem; align-items: end; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div { height: auto; margin: 0 3rem 0 0; } @media (max-width: 1199px) { #offres-d-emploi-liste #form-emploi-search .emploi-search > div { width: 200px; } } @media (max-width: 991px) { #offres-d-emploi-liste #form-emploi-search .emploi-search > div { margin: 0; width: 100%; } } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain { background: transparent; height: auto; border-radius: 0; border: 1px solid #3c3c3c; } @media (max-width: 1199px) { #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain { width: 200px !important; } } @media (max-width: 991px) { #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain { width: 100% !important; } } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-outer { height: auto; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-outer .duneselect-display { height: auto; line-height: initial; text-align: left; max-width: initial; padding: 1.5rem; display: flex; align-items: center; justify-content: space-between; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-outer .duneselect-display .duneselect-cross { z-index: 1; background: #3c3c3c; padding-right: 0; margin: 0; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-outer:after { border: 5px solid transparent; border-top: 5px solid #3c3c3c; top: 50%; transform: translateY(-50%); right: 1.5rem; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-dropdown { box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.2) 0px 1px 10px 0px, rgba(0, 0, 0, 0.12) 0px 2px 4px -1px; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-dropdown .duneselect-search { height: auto; line-height: initial; padding: 0; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-dropdown .duneselect-search input { top: 0; height: auto; padding: 1.5rem; box-shadow: none; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-dropdown .duneselect-options > div { line-height: initial; text-align: left; padding: 1.5rem; height: auto; color: #3c3c3c; background-color: #fff; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-dropdown .duneselect-options > div:hover { background-color: #f0f0f0; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div .duneselect-contain .duneselect-dropdown .duneselect-options .duneselect-disabled { display: none; } #offres-d-emploi-liste #form-emploi-search .emploi-search > div #send { height: 4.4rem; border-radius: 0; border: 0; padding: 1.5rem; background: #3c3c3c !important; transition: all 125ms ease-out 0s; } @media (max-width: 991px) { #offres-d-emploi-liste #form-emploi-search .emploi-search > div #send { width: 100%; } } #offres-d-emploi-liste #form-emploi-search .emploi-search > div #send:hover { opacity: 0.9; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third { border-right: 1px solid #f0f0f0; } @media (max-width: 991px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third { border-right: none; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third .offres-d-emploi-preview { position: relative; box-shadow: none; box-sizing: border-box; transition: box-shadow 125ms ease-out 0s; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third .offres-d-emploi-preview:hover { box-shadow: #d7d8d9 0px 0px 10px 0px; z-index: 1; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third .offres-d-emploi-preview.visible { box-shadow: #3C3C3C 4px 0px inset; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third .offres-d-emploi-preview.visible .offre-emploi { background-color: rgba(60, 60, 60, 0.1); } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third .offres-d-emploi-preview .offre-emploi { padding: 2.4rem; min-height: 80px; background-color: #fff; box-shadow: none; cursor: pointer; box-sizing: border-box; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third .offres-d-emploi-preview .offre-emploi .emploi-preview-titre { font-weight: 600; color: #3C3C3C; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; margin-bottom: 4px; margin-right: 8px; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third .offres-d-emploi-preview .offre-emploi .emploi-preview-societe, #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third .offres-d-emploi-preview .offre-emploi .emploi-preview-adresse { font-size: 1.4rem; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .one-third .offres-d-emploi-preview .offre-emploi .emploi-preview-publication-date { display: block; color: #666666; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi { display: none; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .emploi-en-tete { border-bottom: 1px solid #f0f0f0; padding: 2.4rem; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .emploi-en-tete .emploi-title { font-weight: 600; font-size: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; margin-bottom: 1.5rem; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .emploi-en-tete .emploi-publication-date { display: block; color: #666666; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .emploi-en-tete .emploi-societe-adresse .emploi-societe { color: #3C3C3C; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .emploi-en-tete .emploi-societe-adresse .emploi-adresse { color: #76737d; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .emploi-en-tete .emploi-secteurs-typecontrat { color: #76737d; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .emploi-en-tete .emploi-secteurs-social .social_network { margin: 1rem 0; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .emploi-datedebut-datefin-salaire-avantages-description { padding: 2.4rem; max-width: 828px; margin: 0 auto; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .emploi-datedebut-datefin-salaire-avantages-description .emploi-datedebut-datefin-salaire-avantages { margin-bottom: 1.5rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal { border-top: 1px solid #f0f0f0; padding: 2.4rem; max-width: 828px; margin: 0 auto; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #offreChoisi { margin-bottom: 1.5rem; font-weight: 600; font-size: 1.8rem; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .labelAndInput { display: flex; align-items: center; margin-bottom: 1.5rem; } @media (max-width: 991px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .labelAndInput { flex-direction: column; align-items: start; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .labelAndInput label { width: 50%; margin-bottom: 0; } @media (max-width: 1199px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .labelAndInput label { width: 25%; } } @media (max-width: 991px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .labelAndInput label { width: 100%; margin-bottom: 1.5rem; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .labelAndInput input { font-size: 1.4rem; padding: 1.5rem; width: 50%; box-shadow: 0 0 0 0.1rem #3c3c3c inset; } @media (max-width: 1199px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .labelAndInput input { width: 75%; } } @media (max-width: 991px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .labelAndInput input { width: 100%; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences h5 { font-weight: 600; margin-right: 0; padding-top: 2.4rem; margin-bottom: 1.5rem; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details { border-bottom: 1px solid #f0f0f0; padding: 1.5rem 0; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees { display: flex; align-items: center; margin-bottom: 1.5rem; } @media (max-width: 991px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees { flex-direction: column; align-items: start; width: 100%; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .competence { width: 50%; } @media (max-width: 1199px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .competence { width: 25%; } } @media (max-width: 991px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .competence { width: 100%; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .competence span { font-weight: 600; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .comp-annees { display: flex; align-items: center; justify-content: space-between; font-size: 1.4rem; width: 50%; } @media (max-width: 1199px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .comp-annees { width: 75%; } } @media (max-width: 991px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .comp-annees { width: 100%; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .comp-annees input { padding: 1.5rem; box-shadow: 0 0 0 0.1rem #3c3c3c inset; } @media (max-width: 991px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .comp-annees input { margin-right: 1.5rem; } } @media (max-width: 767px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-comp-annees .comp-annees input { margin-right: 1.5rem; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .competences .competence-details .competence-description { font-size: 1.4rem; margin-bottom: 1.5rem; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .cv-lettre-motivation { margin-top: 1.5rem; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .cv-lettre-motivation .labelAndInput input { overflow: hidden; } @media (max-width: 767px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .cv-lettre-motivation .labelAndInput input { text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .send { text-align: right; } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .send input { padding: 1.5rem; transition: all 125ms ease-out 0s; } @media (max-width: 767px) { #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .send input { width: 100%; } } #offres-d-emploi-liste #offres-d-emploi-container .grid-2-small-1 .two-thirds .offre-emploi .inner-offre-d-emploi-modal #modal-offre-d-emploi .send input:hover { opacity: 0.9; } .bateaux-places { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: center; } @media (max-width: 1100px) { .bateaux-places { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .bateaux-places { grid-template-columns: 1fr; } } .bateaux-places .bateau-place { margin: 10px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); text-align: center; border-radius: 8px; } .bateaux-places .bateau-place .port-img { height: 350px; } .bateaux-places .bateau-place .port-img img { border-top-left-radius: 8px; border-top-right-radius: 8px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bateaux-places .bateau-place .port-content { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 5px; } .bateaux-places .bateau-place .port-content .port-title h3 { margin: 20px auto; } .bateaux-places .bateau-place .port-content .port-title h3 span { font-weight: 400; color: white; padding: 8px 20px; border-radius: 8px; } .bateaux-places .bateau-place .port-content .port-carateristique { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; justify-content: center; align-items: flex-start; padding-bottom: 20px; } .bateaux-places .bateau-place .port-content .port-carateristique > div span { font-weight: 300; } .bateaux-places .bateau-place .port-content .port-carateristique > div p { font-weight: bold; line-height: 1.5; text-align: center; } [data-dve-slug="bien_vue_360"] .view_360_blocks .view_360_block .view_360_block_video { width: 100%; height: 250px; } [data-dve-slug="bien_vue_360"] .view_360_blocks .view_360_block .view_360_block_titre { display: none; } [data-dve-slug="bien_vue_360"] .view_360_blocks .view_360_block .view_360_block_buttons { display: flex; margin-bottom: 3rem; } @media (max-width: 767px) { [data-dve-slug="bien_vue_360"] .paginator-default { display: none; } } [data-dve-slug="bien_vue_360"] .paginator-select { display: none; } @media (max-width: 767px) { [data-dve-slug="bien_vue_360"] .paginator-select { margin-top: 3rem; display: flex; } } [data-dve-slug="priserdv"] .priserdv--vueStandard form .priserdv--home .priserdv--accompagnants-resume span { margin-right: 1.5rem; } [data-dve-slug="priserdv"] .priserdv--vueStandard form .priserdv--resume > .priserdv--resume .priserdv--step-title { font-weight: 700; } [data-dve-slug="priserdv"] .priserdv--vueStandard form .priserdv--resume .priserdv--form { margin-top: 3rem; } [data-dve-slug="priserdv"] .priserdv--vueStandard form .priserdv--resume .priserdv--form .form-group select, [data-dve-slug="priserdv"] .priserdv--vueStandard form .priserdv--resume .priserdv--form .form-group input, [data-dve-slug="priserdv"] .priserdv--vueStandard form .priserdv--resume .priserdv--form .form-group textarea { display: block; } [data-dve-slug="priserdv"] .priserdv--vueStandard form .priserdv--resume .priserdv--form-actions { margin-top: 1.5rem; } [data-dve-slug="priserdv"] .priserdv--vueStandard form .priserdv--accompagnants button { margin-left: 1.5rem; } [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions { margin-top: 3rem; } @media (max-width: 1599px) { [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 > div { width: 100%; } } [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 .priserdv--step-title { display: block; color: #fff; margin-bottom: 1.5rem; padding: 1.5rem; background: #3C3C3C; position: relative; height: 45px; font-weight: 700; } @media (max-width: 767px) { [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 .priserdv--step-title { height: auto; color: #3c3c3c; padding: 0; background: transparent; } } [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 .priserdv--step-title:before { content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-width: 1.5em 0 1.5em 1em; border-style: solid; border-color: #3C3C3C #3C3C3C #3C3C3C transparent; left: -1em; } @media (max-width: 767px) { [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 .priserdv--step-title:before { display: none; } } [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 .priserdv--step-title:after { content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid #3C3C3C; right: -1em; } @media (max-width: 767px) { [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 .priserdv--step-title:after { display: none; } } [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 .priserdv--step-content { padding: 1.5rem; border: #007AD8 solid 1px; } [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 .priserdv--step-content .lightpick { z-index: 1; } [data-dve-slug="priserdv"] .priserdv--vueStandard form > .priserdv--propositions .grid-3-small-1 button { margin-top: 1.5rem; } #disponibilites { /* SURCHARGE STYLE BIEN (pour la vignette) */ } #disponibilites .bien-article { width: 100%; display: flex; flex-direction: row; } #disponibilites .bien-article header { width: 75%; } #disponibilites .bien-article header img { height: 400px; -o-object-fit: cover; object-fit: cover; } #disponibilites .bien-article section { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; } #disponibilites .bien-article section .article-details > div { width: 100%; display: flex; flex-direction: column; align-items: center; } #disponibilites .bien-article section .article-details > div img { height: 50px; } #disponibilites .bien-article section .article-details > div span { font-size: 20px; padding: 1rem; } #disponibilites .fc .fc-daygrid-event { cursor: pointer; } [data-dve-slug="account"] .tabs-content-item { outline: none; } /* ----------------------------- */ /* ==Media object */ /* ----------------------------- */ /* recommanded HTML :
*/ /* see http://codepen.io/raphaelgoetter/pen/KMWWwj */ @media (min-width: 480px) { .media { display: flex; align-items: flex-start; } .media-content { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } .media-figure--center { align-self: center; } .media--reverse { flex-direction: row-reverse; } } /* ----------------------------- */ /* ==skip links */ /* ----------------------------- */ /* see https://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html */ /* styling skip links */ .skip-links { position: absolute; } .skip-links a { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); padding: 0.5em; background: black; color: white; text-decoration: none; } .skip-links a:focus { position: static; overflow: visible; clip: auto; } /* ----------------------------- */ /* ==Tables */ /* ----------------------------- */ table, .table { width: 100%; max-width: 100%; table-layout: fixed; border-collapse: collapse; vertical-align: top; margin-bottom: 3rem; } .table { display: table; border: 1px solid gray; background: transparent; } .table--zebra tbody tr:nth-child(odd) { background: #cccccc; } .table caption { caption-side: bottom; padding: 1.5rem; color: #333333; font-style: italic; text-align: right; } .table td, .table th { padding: 0.3rem 0.6rem; min-width: 3rem; vertical-align: top; border: 1px gray dotted; text-align: left; cursor: default; } .table thead { color: #3c3c3c; background: transparent; } .table--auto { table-layout: auto; } /* ----------------------------- */ /* ==Forms */ /* ----------------------------- */ /* thanks to HTML5boilerplate and https://shoelace.style/ */ /* forms items */ form, fieldset { border: none; } fieldset { padding: 3rem; } fieldset legend { padding: 0 0.4rem; border: 0; white-space: normal; } label { display: inline-block; cursor: pointer; } [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { white-space: nowrap; font-family: inherit; font-size: inherit; border: 0; box-shadow: 0 0 0 1px #3C3C3C inset; color: #3c3c3c; vertical-align: middle; padding: 0.4rem 1.5rem; margin: 0; transition: 0.25s; transition-property: box-shadow, background-color, color, border; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border-radius: 0px; background-color: transparent; } [type="color"].error, [type="date"].error, [type="datetime-local"].error, [type="email"].error, [type="month"].error, [type="number"].error, [type="password"].error, [type="search"].error, [type="submit"].error, [type="tel"].error, [type="text"].error, [type="time"].error, [type="url"].error, [type="week"].error, select.error, textarea.error { box-shadow: 0 0 0 1px #D9534F inset; } [type="color"]::-moz-placeholder, [type="date"]::-moz-placeholder, [type="datetime-local"]::-moz-placeholder, [type="email"]::-moz-placeholder, [type="month"]::-moz-placeholder, [type="number"]::-moz-placeholder, [type="password"]::-moz-placeholder, [type="search"]::-moz-placeholder, [type="submit"]::-moz-placeholder, [type="tel"]::-moz-placeholder, [type="text"]::-moz-placeholder, [type="time"]::-moz-placeholder, [type="url"]::-moz-placeholder, [type="week"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #999999; opacity: 1; } [type="color"]:-ms-input-placeholder, [type="date"]:-ms-input-placeholder, [type="datetime-local"]:-ms-input-placeholder, [type="email"]:-ms-input-placeholder, [type="month"]:-ms-input-placeholder, [type="number"]:-ms-input-placeholder, [type="password"]:-ms-input-placeholder, [type="search"]:-ms-input-placeholder, [type="submit"]:-ms-input-placeholder, [type="tel"]:-ms-input-placeholder, [type="text"]:-ms-input-placeholder, [type="time"]:-ms-input-placeholder, [type="url"]:-ms-input-placeholder, [type="week"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } [type="color"]::-webkit-input-placeholder, [type="date"]::-webkit-input-placeholder, [type="datetime-local"]::-webkit-input-placeholder, [type="email"]::-webkit-input-placeholder, [type="month"]::-webkit-input-placeholder, [type="number"]::-webkit-input-placeholder, [type="password"]::-webkit-input-placeholder, [type="search"]::-webkit-input-placeholder, [type="submit"]::-webkit-input-placeholder, [type="tel"]::-webkit-input-placeholder, [type="text"]::-webkit-input-placeholder, [type="time"]::-webkit-input-placeholder, [type="url"]::-webkit-input-placeholder, [type="week"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } [type="submit"] { background-color: #3C3C3C; color: #fff; cursor: pointer; } input[readonly] { background-color: #cccccc; } select { padding-right: 2rem; border-radius: 0px; background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); background-position: right .6rem center; background-repeat: no-repeat; background-size: 1.2rem; } /* hiding IE11 arrow */ select::-ms-expand { display: none; } textarea { min-height: 5em; vertical-align: top; resize: vertical; white-space: normal; } /* 'x' appears on right of search input when text is entered. This removes it */ [type="search"]::-webkit-search-decoration, [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-results-button, [type="search"]::-webkit-search-results-decoration { display: none; } input::-moz-placeholder, textarea::-moz-placeholder { color: #777; } input::placeholder, textarea::placeholder { color: #777; } progress { width: 100%; vertical-align: middle; } /* ----------------------------- */ /* ==Buttons */ /* ----------------------------- */ /* preferably use