/**
 * Forms
 */

/* All elements */
.field { margin-bottom: 15px; position:relative; }
.field label { display: inline-block; margin:0; }

.field [data-validate-for] { display:none; font-size:10px; line-height:10px; position:absolute; right:0; bottom:-1.2em; }
.field [data-validate-for].visible { display:block; }

/* Textfields & textareas */
.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; }

/* Checkbox & Radio */
.field.checkbox,
.field.radio { line-height: 20px; }
.field.checkbox input,
.field.radio input { width:20px; height:20px; float:left; margin-right:10px; }
.field.checkbox label,
.field.radio label { position:relative; margin-bottom: 0; cursor: pointer; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:1px solid #ccc; background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:3px; width: 14px; height:14px; background:#ccc; opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox .message:before,
.field.checkbox .message:after,
.field.radio .message:before,
.field.radio .message:after { content:none; }

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

/* Select */
.field.select select { display:block; width:100%; padding:10px; border:1px solid #ccc; }

/* Select2 */
.field.select2 .select2-selection { border-radius:0; border:1px solid #ccc; height:46px; }
.field.select2 .select2-selection__rendered { line-height:46px; }
.field.select2 .select2-selection__arrow { height:46px; }

/* Addresses */
.field.address .ap-input { height:auto; line-height:auto; border-radius:0; }
.field.address .ap-dropdown-menu { color:#000; }

/* Captcha */
.field.captcha { display:flex; flex-direction:row; justify-content:center; }

/**
 * Navigation
 **/
 
/* Frontend editor */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }

/**
 * Maintenance
 **/
 
.maintenance { display:flex; align-items:center; justify-content:center; min-height:100vh; text-align:center; background:#004759 url(../themes/coste/assets/img/maintenance.jpg) no-repeat left top; background-size:cover; color:#fff; }
.maintenance:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; }
.maintenance .container { position:relative; z-index:3; visibility:hidden; }
.maintenance .code { font-size:120px; font-weight:300; }
.maintenance h1 { font-weight:500; font-size:40px; text-transform:uppercase; display:flex; flex-direction:column; justify-content:center; align-items:center; }    
.maintenance h1:after { content:''; display:block; width:50px; height:3px; background:#fff; margin:30px 0; }
.maintenance .btn { color:#fff; background:transparent; border:2px solid #fff; border-radius:99px; padding:10px 15px; text-transform:uppercase; margin:20px 10px 0 10px; display:inline-block; font-size:13px; transition:all 0.5s ease 0s; }
.maintenance .btn:hover { text-decoration:none; background:#fff; color:#333; }

/**
 * Legal
 **/
 
.legal { margin:60px 0; }
.legal h1 { font-size:4rem; margin:0 0 1em 0; }
.legal h2 { font-size:3rem; margin:1em 0; }
.legal h3 { font-size:2.5rem; margin:1em 0; }
.legal h4 { font-size:2rem; margin:1em 0; }
.legal h5 { font-size:1.5rem; margin:1em 0; }
.legal table { width:100%; margin:2em 0; }
.legal table th,
.legal table td { padding:1em; border:1px solid rgba(0,0,0,0.25); }
/**
 * General Elements
 **/
 
html { font-size:10px; } 
body { font-size:1.6rem; font-family:'Montserrat', sans-serif; font-weight:500; } 
:focus { outline:none; } 

/* Images */
img { max-width:100%; height:auto; } 
img[data-sizes] { display:block; width:100%; }

/* Buttons */
button { cursor:pointer; }
button:focus { outline:none; }

/* Links */
a:hover { text-decoration:none; }

/* Lists */
ul.row { list-style:none; margin-bottom:0; padding:0; }

/* Titles */
h1 { font-weight:900; color:#ea2a2e; margin-bottom:1em; text-align:center; font-size:5rem; line-height:1.2em; }
h2 { font-weight:900; color:#ea2a2e; margin-bottom:1em; text-align:center; font-size:5rem; line-height:1.2em; }

.with-subtitle { text-align:center; margin-bottom:60px; }
.with-subtitle h2 { margin-bottom:15px; }
.with-subtitle a { color:#323232; text-transform:uppercase; font-weight:700; font-size:1.6rem; letter-spacing:1px; }

/* Utility */
.padding { padding-top:80px; padding-bottom:80px; }
.relative { position:relative; }
.grey { background:#efefef; }

/* Sliders */
.slider { position:relative; }
.slider .swiper-slide:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.35); }

.slider .swiper-wrapper { box-sizing:border-box; }
.slider .swiper-container { z-index: 3;}
.slider .swiper-slide img { width:100%; }
.slider .caption { position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);  z-index: 3;}
.slider .caption h2 { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; margin-bottom:0; text-transform:uppercase; font-size:6rem; letter-spacing:5px;  text-align:left; }
.slider .caption h2 em,
.slider .caption h2 strong { padding:5px 20px; color:#fff; display:inline-block; margin-bottom:10px; }
.slider .caption h2 em { background:#111617; }
.slider .caption h2 strong { background:#ea2a2e; }

.slider .navigation { position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); z-index:2; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
.slider .navigation button { border:none; background:#ea2a2e; color:#fff; display:flex; width:65px; height:50px; align-items:center; justify-content:center;}

/* Buttons */
.btn { background:transparent; border:2px solid #e40000; text-align:center; padding:10px 30px; color:#e40000; font-weight:bold; transition:all 0.5s ease 0s; display:inline-block; }
.btn:hover { background:#e40000; color:#fff; align-items:center; }

.btn-white { border-color:#fff; color:#fff; }
.btn-white:hover { background:#fff; color:#353535; align-items:center; }

/* Green things */
.green h1,
.green h2 { color:#008f3c; }
.green .slider .caption h2 span.color2 { background:#008f3c; }
.green .filters .btn { border-color:#008f3c; }
.green .filters .btn:hover { background:#008f3c; }

.text-center { text-align: center; }

/* Fields */
.field.textfield { margin-bottom:30px; }
.field.textfield label { position:absolute; left:30px; top:50%; transform:translateY(-50%); color:#484848; transition:all 0.5s ease 0s; }
.field.textfield input { background:transparent; border-color:#bebebe; padding:15px 30px; }
.field.textfield.active label,
.field.textfield.filled label { opacity:0; pointer-events:none; }
.field.textfield.error input { border-color:#ea2a2e; }

.field.textarea label { position:absolute; left:30px; top:20px; color:#484848; transition:all 0.5s ease 0s; }
.field.textarea textarea { padding:20px 30px; background:transparent; border-color:#bebebe; }
.field.textarea.active label,
.field.textarea.filled label { opacity:0; pointer-events:none; }
.field.textarea.error textarea { border-color:#ea2a2e; }

.field.select {  }
.field.select label { display:none; }
.field.select select { background:transparent; border:1px solid #bebebe; color:#484848; padding:16.5px 30px; }

.field.captcha { margin:30px 0; }

.field.submit { text-align:center; margin-bottom:0; }
.field.submit .btn { min-width:250px; }

.field [data-validate-for] { color:#ea2a2e; }

.trait-bottom { border-bottom:1px solid #555555; }

/**
 * Layout
 **/
#page { width:100%; overflow:hidden; }

#header .top ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; align-items:center; justify-content: flex-end; }
#header .top ul li { position:relative; }
#header .top ul li a { color:#707070; min-width:120px; height:36px; display:flex; align-items:center; justify-content:center; padding:0 15px; }
#header .top ul li a i,
#header .top ul li a svg { margin-left:15px; }
#header .top ul li.trait:after { content:''; position:absolute; right:0; top:0; width:1px; height:25px; background:#707070; }
#header .top ul li.contact:after { content:none; }
#header .top ul li.contact a { background:#ea2a2e; color:#fff; }

#overlay { position:fixed; left:0; padding:50px; top:0; width:100vw; height:100vh; opacity:0; transform:translateX(-100%); pointer-events:none; transition:all 0.5s ease 0s; background:rgba(234, 42, 46, 0.95); color:#fff; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; z-index:5; }
#overlay .row { width:100%; }
#overlay ul { list-style:none; margin:0; padding:0; }

#overlay .menu {  list-style:none, margin:0; padding:0;   }
#overlay .menu li { margin:10px 0; }
#overlay .menu a { text-transform:uppercase; color:#fff; display:flex; flex-direction:row; align-items:center; justify-content:space-between;  }
#overlay .menu i { margin-left:15px; }

#overlay .submenus .submenu { border-left:1px solid #fff; padding-left:15px; position:absolute; left:15px; top:50%; transform:translateY(-50%); opacity:0; pointer-events:none; transition:all 0.5s ease 0s; }
#overlay .submenus .submenu li { margin:10px 0; }
#overlay .submenus .submenu a { color:#fff; }
#overlay .submenus .submenu.active { opacity:1; pointer-events:auto;overflow: auto; max-height: 100vh; }

body.open #overlay { transform:translateX(0); opacity:1; pointer-events:auto; }

#header .bottom { margin-top:30px; }
#header .bottom .primary .logo img { margin-bottom:30px; }
#header .bottom .primary .logo a:after { content:none; }
#header .bottom .primary { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; align-items:stretch; justify-content: space-between; }
#header .bottom .primary > li { margin:0 15px; }
#header .bottom .primary > li:first-child { margin-left:0; }
#header .bottom .primary > li:last-child { margin-right:0; }
#header .bottom .primary > li > a { color:#000000; text-transform:uppercase; font-weight:700; display:flex; height:100%; flex-direction:row; align-items:center; position:relative; }
#header .bottom .primary > li > a:after { content:''; position:absolute; left:50%; bottom:0; width:0; height:4px; background:#000; transform:translateX(-50%); transition:all 0.5s ease 0s; }
#header .bottom .primary > li:hover > a:after { width:100%; }
#header .bottom .primary > li.hover .dropdown { opacity:1; pointer-events:auto; }
#header .bottom .primary > li.active > a:after { width:100%; }
#header .bottom li.facebook { display:none; }
#header .bottom li.facebook a { width:40px;font-size:1.8rem;  height:40px; display:flex; align-items:center; justify-content:center; border-radius:100%; border:3px solid #000; }
#header .bottom li.youtube { display:none; }

.hamburger { display:none; }

#header .dropdown { opacity:0; pointer-events:none; position:absolute; left:0; z-index:2; top:107px; width:100%; background:#eeeeee; padding:60px; z-index:5; transition:all 0.5s ease 0s; box-shadow: 0px 10px 40px -20px rgba(0,0,0,0.75); }
#header .dropdown .title { font-weight:800; color:#e40613; font-size:2.2rem; letter-spacing:2px; }
#header .dropdown ul { padding:0; list-style:none; margin-top:30px; font-size:1.6rem; text-align:center; }
#header .dropdown li { margin-bottom:30px; }
#header .dropdown img { margin-bottom:10px; }
#header .dropdown a { font-weight:700; color:#000; text-transform:uppercase; font-weight:700; transition:all 0.3s ease 0s; }
#header .dropdown a:hover { color:#e40613; }

#header .bottom .primary > li.occasion { position:relative; }
#header .bottom .primary > li.occasion.hover ul.lvl1 { opacity:1; pointer-events:auto; }

#header .multidropdown { font-size:1.4rem; position:relative; }
#header .multidropdown ul { list-style:none; margin:0; padding:0; position:absolute; top:0; background:#fff; z-index:2; opacity:0; pointer-events:none; }
#header .multidropdown a { padding:10px 30px; display:block; white-space:nowrap; color:#000; }
#header .multidropdown a:hover { background:#f2f2f2; }
#header .multidropdown ul.lvl2 { left:100%; border-top:4px solid #000; top:-4px; border-left:2px solid #f2f2f2; border-bottom:2px solid #f2f2f2; }
#header .multidropdown ul.lvl3 { left:100%; border-top:4px solid #000; top:-4px; border-left:2px solid #f2f2f2; border-bottom:2px solid #f2f2f2; }
#header .multidropdown ul.active { opacity:1; pointer-events:auto; }



#header .occasion .dropdown ul { column-count:3; }
#header .entreprise .dropdown ul { column-count:2; margin-right:33%; }

#footer { background:#353535; color:#fff; padding:60px 0; }
#footer .top .row { justify-content: space-between; }
#footer .top h3 { text-transform:uppercase; font-weight:bold; font-size:1.6rem; margin-bottom:1em; }
#footer .top ul { list-style:none; margin:0; padding:0; }
#footer .top ul li a { color:#fff; font-weight:300; font-size:1.4rem; }
#footer .bottom { font-size:1.4rem; }
#footer .bottom p { margin-bottom:0; }
#footer .bottom .row { align-items:center; }
#footer .bottom .address { text-align:left; font-weight:700; }
#footer .bottom .logo { text-align:center; }
#footer .bottom .infos { text-align:right; font-weight:300; }

#footer .copyright { display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:30px; padding-top:30px; border-top:1px solid #ccc; }
#footer .copyright ul { list-style:none; display:flex; flex-direction:row; align-items:center; justify-content:center; }
#footer .copyright li { margin:0 10px; }
#footer .copyright a { color:rgba(255,255,255,0.5); }

/* Actualites */
.actualites .text { display:flex; flex-direction:column; }
.actualites .text .top { background:#ea2a2e; color:#fff; }
.actualites .text .top .tags ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; padding:15px 30px; border-right:1px solid #fff;}
.actualites .text .top .tags ul li {  }
.actualites .text .top .tags ul li a { color:#fff; }
.actualites .text .top .date time { display:block; padding:15px 30px; }
.actualites .text .bottom { text-align:center; padding:50px; margin:auto; }
.actualites .text .bottom h3 { font-size:3rem; font-weight:700; color:#ea2a2e; margin-bottom:1em; }
.actualites .text .bottom .description { font-size:1.4rem; line-height:2.4em; }
.actualites .text .bottom .more { margin-top:50px; }
.actualites .text .bottom .more .btn { background:#fff; border-radius:50px; padding:20px 40px; color:#ea2a2e; font-weight:bold; border:none; }
.actualites .navigation { display:flex; flex-direction:row; align-items:center; }
.actualites .navigation button { display:block; width:50%; background:#ea2a2e; color:#ea2a2e; border:none; color:#fff; padding:5px; font-size:2.5rem; }
.actualites .navigation button.next { background:#ea6a6a; }
.actualites .actu-materiel .text .top { background:#ea2a2e; }
.actualites .actu-elevage .text .top { background:#008f3c; }
.actualites .actu-elevage .text .bottom h3 { color:#008f3c; }
.actualites .actu-elevage .navigation button { background:#008f3c; }

/* Filtres */
.filters { background:url(../themes/coste/assets/img/heading-bg.jpg) no-repeat center center; background-size:cover; }
.filters .row { justify-content:center; }
.filters ul { list-style:none; padding:0; margin-bottom:0; }
.filters li { margin-bottom:15px; }
.filters .btn { width:100%; display:block; font-size:1.4rem; border:1px solid #ea2a2e; color:#000; background:#fff; padding:10px; font-weight:normal; }
.filters li .btn:hover { background:#ea2a2e; color:#fff; }
.filters li.active .btn { background:#ea2a2e; color:#fff; }
.filters .field.select select { background:rgba(255,255,255,0.4); }

/* Pagination */
.pagination ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; align-items:center; justify-content:center; }
.pagination a { color:#000; padding:0 10px; }
.pagination li.active a { font-weight:bold; }

/* Breadcrumb */
.breadcrumb ol { list-style:none; margin-bottom:50px; padding:0; display:flex; flex-direction:row; align-items:center; justify-content: flex-start; }
.breadcrumb a { color:#000; }
.breadcrumb li:last-child a { font-weight:700; }
.breadcrumb .sep { margin:0 15px; }

/* Marques */
.marques .shuffle { text-align:center; }
.marques h2 { font-size:24px; }

/* Accueil */
#accueil .intro h2 { text-align:left; }
#accueil .intro .baseline { font-size:30px; font-weight:800; margin:1em 0; }
#accueil .intro .text-center { margin-top:50px; text-align:center; }

#accueil .chiffres { background:url(../themes/coste/assets/img/chiffres-bg.jpg) no-repeat center center / cover; }
#accueil .chiffres .chiffre { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin-bottom:15px; }
#accueil .chiffres .number { font-size:80px; font-weight:900; font-style:italic; margin-right:30px; }
#accueil .chiffres .text { font-size:40px; font-weight:900; font-style:italic; display:inline-block; padding:10px 30px;  color:#fff; text-transform:uppercase; }
#accueil .chiffres .chiffre:nth-child(odd) .number { color:#EA2A2E; }
#accueil .chiffres .chiffre:nth-child(odd) .text { background:#101617; }
#accueil .chiffres .chiffre:nth-child(even) .number { color:#101617; }
#accueil .chiffres .chiffre:nth-child(even) .text { background:#EA2A2E; }

#accueil .selection { background-size:cover; }
#accueil .selection .occasion { height:100%; display:flex; flex-direction:column; margin-bottom:30px; }
#accueil .selection .occasion h2 { font-size:1.8rem; color:#000; font-weight:700; text-align:left; }
#accueil .selection .occasion .inner { background:#ededed; padding:15px; height:100%; display:flex; flex-direction:column; justify-content:space-between;  }
#accueil .selection .occasion ul { margin:0; padding:0; list-style:none; }
#accueil .selection .occasion .price { font-size:3rem; font-weight:800; color:#ea2a2e; margin:15px 0; }
#accueil .selection .occasion .btn { background:#545454; text-align:center; display:block; color:#fff; text-transform:uppercase; border:2px solid transparent; font-size:1.4rem; }
#accueil .selection .swiper-slide { height:auto; }

#accueil .recrutement .top { background:#EA2A2E; padding:10px 30px; color:#fff; text-align:right; font-weight:bold; }
#accueil .recrutement .bottom { padding:60px; background:#E1E1E1; }
#accueil .recrutement h3 { margin-bottom:1em;}
#accueil .recrutement .text-center { text-align:center; margin-top:50px;}

#accueil .boutique h2 { text-align:left; }
#accueil .boutique p { color:#555555; font-weight:800;font-size:30px; }
#accueil .boutique .btn { margin-top:30px; }

#machinisme .marques li { margin-bottom:30px; }
#machinisme .marques a { display:block; }

/* Témoignages */
#temoignages .temoignages { background:#eeeeee url(../themes/coste/assets/img/temoignages-bg.jpg) no-repeat center top; background-size:cover; }
#temoignages .temoignages .row { align-items:center; }
#temoignages .temoignages .record h2 { color:#000; text-align:left; font-size:3rem; font-weight:bold; }
#temoignages .temoignages .record { margin-bottom:80px; }
#temoignages .temoignages .record .file { position:absolute; right:0; bottom:0; background:#e40000; color:#fff; text-transform:uppercase; padding:8px 30px; }
#temoignages .temoignages .record .description { font-family:'Georgia'; }

/* Actualites */
#actualites .actualites .record { margin-bottom:80px; }

/* Contact */
#contact .form { padding-bottom:0; }
#contact .coordonnees { background:url(../themes/coste/assets/img/map.jpg) no-repeat center center; background-size:cover; font-size:2rem; }
#contact .coordonnees hr { background:#000; height:7px; margin:30px 0; width:30px; display:block; border:none; }
#contact .coordonnees a { color:#e40000; }

#merci .merci { text-align:center; background:#e9e9e9; }
#merci .merci .btn { margin-top:50px; }

/* Historique */
#entreprise-historique .historique .intro { color:#555555; font-weight:800; font-size:3rem; text-align:justify; margin-bottom:80px;}
#entreprise-historique .historique .row { margin-bottom:80px; }
#entreprise-historique .historique .year h2 { text-align:left; }
#entreprise-historique .historique .description { font-family:'Georgia'; color:#555555; column-count:2; text-align:justify; column-gap:30px; }
#entreprise-historique .historique .bottom { column-count:2; column-gap:30px; text-align:justify; font-weight:bold; }

/* Magasins */
#entreprise-magasins .magasins { padding-bottom:0; text-align:center; }

#entreprise-magasins .intro .row { justify-content:center; }
#entreprise-magasins .intro .row > div { padding:0 40px; }
#entreprise-magasins .intro h2 { font-size:2.4rem; font-weight:800; color:#000; margin-bottom:0; margin-top:30px; }
#entreprise-magasins .intro img { margin:30px 0; }
#entreprise-magasins .intro .dropdown {  margin-top:30px; position:relative; z-index:2; }
#entreprise-magasins .intro .dropdown .title { margin:0; font-weight:800; border:2px solid #e40000; color:#e40000; padding:10px 30px; }
#entreprise-magasins .intro .dropdown .title i { margin-left:15px; }
#entreprise-magasins .intro .dropdown ul { list-style:none; text-align:left; padding:0; margin:0; display:none; position:absolute; left:0; background:#fff; width:100%; border:2px solid #e40000; border-top:none; color:#e40000; }
#entreprise-magasins .intro .dropdown li { border-bottom:1px solid #e40000; padding:10px; }
#entreprise-magasins .intro .dropdown li:last-child { border:none; }
#entreprise-magasins .intro .dropdown .address { margin-bottom:0; }
#entreprise-magasins .intro .dropdown.open ul { display:block; }

#entreprise-magasins .map { height:800px; margin-top:80px; }
#entreprise-magasins .map .gm-style .gm-style-iw-c { padding:0 !important; border-radius:0; }
#entreprise-magasins .map .gm-style .gm-style-iw-d { overflow:hidden !important; }
#entreprise-magasins .map .gm-style .gm-style-iw-t::after { content:none; }
#entreprise-magasins .map .gm-style .popup { color:#fff; padding:20px; font-size:1.8rem; font-weight:700; text-align:center; }
#entreprise-magasins .map .gm-style .popup.atelier { background:#eb3135; }
#entreprise-magasins .map .gm-style .popup.magasin { background:#0b90e7; }
#entreprise-magasins .map .gm-style .popup .mail { font-size:1.4rem; margin-top:10px; }

/* Commerciaux */
#entreprise-commerciaux .map .zones .hover { fill:#ff0000; }
#entreprise-commerciaux .intro { text-align:center; text-transform:uppercase; font-weight:bold; color:#e40000; margin-bottom:30px; }
#entreprise-commerciaux .intro img { margin-bottom:30px; }
#entreprise-commerciaux .commerciaux { position:relative; }
#entreprise-commerciaux .commercial { position:absolute; left:0; top:0; width:100%; background:#fff; padding:30px; opacity:0; pointer-events:none; }
#entreprise-commerciaux .commercial.show { opacity:1; pointer-events:auto; }
#entreprise-commerciaux .commercial .image { text-align:center; padding:0 30px; margin-bottom:30px; }
#entreprise-commerciaux .commercial .text { text-align:left; font-size:1.6rem; font-weight:normal; }
#entreprise-commerciaux .commercial .text h2 { font-size:1.6rem; font-weight:normal; text-align:left; text-transform:uppercase; }
#entreprise-commerciaux .commercial .text .phone { margin-bottom:15px; }
#entreprise-commerciaux .commercial .text .email { font-size:1.4rem; }
#entreprise-commerciaux .commercial .text .description { margin-top:30px; font-family:'Georgia'; font-size:1.6rem; font-style:italic; color:#383838; }

/* Recrutement */
#entreprise-recrutement .recrutement { background:#eeeeee url(../themes/coste/assets/img/temoignages-bg.jpg) no-repeat center top; background-size:cover; }
#entreprise-recrutement .record { border-top:2px solid #000000; border-bottom:2px solid #000000; }
#entreprise-recrutement .record h2 { font-size:3rem; font-weight:800; text-align:left; }
#entreprise-recrutement .recrutement .footer { margin-top:80px; }
#entreprise-recrutement .recrutement .footer a { color:#ff0000; text-decoration:underline; }

/* Occaisons */
#occasions-occasions .categories .row { margin-bottom:0; padding:0; list-style:none; } 
#occasions-occasions .categories li { margin-bottom:30px; } 
#occasions-occasions .categories h2 { font-size:2rem; font-weight:700; margin-top:15px; } 

#occasions-categorie .results .row > div { display:flex; flex-direction:column; }
#occasions-categorie .results .occasion { height:100%; display:flex; flex-direction:column; margin-bottom:30px; }
#occasions-categorie .results .occasion h2 { font-size:1.8rem; color:#000; font-weight:700; text-align:left; }
#occasions-categorie .results .occasion .inner { background:#ededed; padding:15px; height:100%; display:flex; flex-direction:column; justify-content:flex-start;  }
#occasions-categorie .results .occasion ul { margin:0; padding:0; list-style:none; }
#occasions-categorie .results .occasion .price { font-size:3rem; font-weight:800; color:#ea2a2e; margin:15px 0; }
#occasions-categorie .results .occasion .btn { background:#545454; text-align:center; display:block; width:100%; color:#fff; text-transform:uppercase; border:2px solid transparent; font-size:1.4rem; }

/* Occasion */
#occasions-occasion .occasion .swiper-wrapper { box-sizing:border-box; }
#occasions-occasion .occasion .swiper-slide { padding:10px; background:#fff; }
#occasions-occasion .occasion .header { background:#dadada;  }
#occasions-occasion .occasion h1 { color:#000; font-size:3rem; }
#occasions-occasion .occasion .cta { text-align:center; }
#occasions-occasion .occasion .cta .price { font-size:3rem; color:#fff; background:#ea2a2e; padding:10px; font-weight:800; }
#occasions-occasion .occasion .cta .inner { background:#fff; padding:15px 30px 30px 30px; }
#occasions-occasion .occasion .cta .title { font-size:2.4rem; font-weight:800; margin-bottom:15px; }
#occasions-occasion .occasion .cta .btn { border-radius:50px; margin-top:15px; }

#occasions-occasion .occasion table { width:100%; }
#occasions-occasion .occasion tr { border-bottom:1px solid #bcbcbc; }
#occasions-occasion .occasion th, 
#occasions-occasion .occasion td { width:50%; text-align:center; padding:10px 20px; text-transform:uppercase; }
#occasions-occasion .occasion th { background:#ededed; font-weight:700; }
#occasions-occasion .occasion td { background:#f7f7f7; }
#occasions-occasion .occasion .remarques td { padding:30px; background:#dadada; text-transform:none; }
#occasions-occasion .occasion .remarques p:last-child { margin-bottom:0; }
#occasions-occasion .occasion .footer { text-align:center; font-size:1.2rem; padding-top:0;  }
#occasions-occasion .occasion .footer .container { max-width:800px;  }


/* Marques */
#neuf-machinisme .marques .row { align-items:center; }
#neuf-machinisme .marques .record { text-align:center; }
#neuf-machinisme .marques a { display:block; padding:30px; }
#neuf-machinisme .marques img { max-height:100px; object-fit:contain; }

#neuf-elevage .marques .row { align-items:center; }
#neuf-elevage .marques .record { text-align:center; }
#neuf-elevage .marques a { display:block; padding:30px; }

/* Pièces */
#pieces .slider .caption { top:25%; }
#pieces #content h2 { font-size:3rem; text-align:left; margin:1em 0; }
#pieces #content a { color:#ea2a2e; }
#pieces #content .listing { margin:60px 0;text-align:center; }
#pieces #content .listing .record { margin-bottom:30px; }
#pieces #content .listing img { margin-bottom:15px; }



/* Services */
#services #content h2 { font-size:24px; text-align:left; }
#services #content > .container .row { margin:80px 0; }
#services #content > .container .row:nth-child(odd) .image { order:2; }
#services #content > .container .row:nth-child(odd) .text { order:1; }
#services #content > .container .row:nth-child(even) .image { order:1; }
#services #content > .container .row:nth-child(even) .text { order:2; }






/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1600px) {
  body { font-size:1.4rem; }
  
  #header .dropdown { top:89px; }
  #header .bottom .primary li.logo img  { min-width:200px; max-width:200px; }
  
  .slider .caption h2 { font-size:4rem; }
}

/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  /* #header .top ul li a { min-width:150px; } */
  h1 { font-size:4rem; }
  .slider .caption h2 { margin-left:0; }
  
  .actualites .text .bottom { padding:30px; }
  #entreprise-historique .historique .intro { font-size:2rem; }

  #accueil_v2 .intro .baseline { font-size:20px; }
  #accueil_v2 .chiffres .number { font-size:60px; }
  #accueil_v2 .chiffres .text { font-size:40px; padding:5px 15px; }
  
}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  h1 { font-size:3rem; }
  #header .bottom .primary li { text-align:center; }
  #header .dropdown { top:74px; } 
  #header .bottom .primary li.logo img { margin-bottom:15px; }
  #footer .top .row { justify-content: flex-start; } 
  #footer .top .row ul { margin-bottom:30px;} 
  .slider .caption h2 { font-size:3rem; }
  h2 { font-size:3rem; }
  #accueil section.facebook h2 { font-size:3rem; }
  .actualites .text .bottom h3 { font-size:2rem; }
  .actualites .text .bottom .description { line-height:1.8rem; }
  .actualites .text .bottom .more { margin-top:15px; }
  .actualites .text .bottom .more .btn { padding:10px 20px }
  .actualites .text .top .date time { padding:10px 20px; }
  .actualites .text .top .tags ul { padding:10px 20px; }
  .padding { padding-top:60px; padding-bottom:60px; }
  
  #entreprise-magasins .intro .row > div { padding:0 15px; }
  #entreprise-commerciaux .carte svg { max-width:100%; }
  
  #temoignages .temoignages .record h2 { font-size:2rem; }

  #accueil_v2 .intro .baseline { font-size:16px; }
  #accueil_v2 .boutique p { font-size:20px; }

  #accueil_v2 .recrutement .bottom { padding:30px; }

    #accueil .chiffres .number { font-size:50px; }
  #accueil .chiffres .text { font-size:25px; }
}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  
  #header .top { display:none; }
  #header .top .container { max-width:none; padding:0; }
  #header .top ul li a { min-width:25vw; }
  #header .top ul li.trait:after { height:100%; }
  
  #footer .bottom .address,
  #footer .bottom .infos{ text-align:center; }
  #footer .bottom .logo { margin:15px 0; }
  .padding { padding-top:40px; padding-bottom:40px; }
  
  .slider .caption h2 { font-size:2rem; }
  .slider .caption h2 span { padding:5px 10px; margin-bottom:5px; }
  
  .hamburger { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#ea2a2e; position:fixed; right:0; top:0; z-index:10; transition:all 0.5s ease 0s; }
  .hamburger .text { margin-top:10px; color:#fff; text-transform:uppercase; }
  .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
  .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background:#fff; }
  .hamburger.is-active:hover, .hamburger:hover { opacity:1; }
  
  #header.pinned .hamburger { transform:translateX(0); }
  #header.unpinned .hamburger { transform:translateX(100%); }
  
  #header .bottom { margin-top:0; }
  #header .bottom .container { max-width:none; padding:0; }
  #header .bottom .relative { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
  
  #header .bottom .primary { justify-content:flex-end; width:100%; margin-right:75px; height:85px; align-items:center; }
  #header .bottom li { display:none; }
  #header .bottom .primary > li > a:after { content:none; }
  #header .bottom li.logo { display:block; position:absolute; left:10px; top:10px; }
  #header .bottom li.facebook,
  #header .bottom li.youtube { display:block; font-size:3rem; }
  #header .bottom li.youtube { }
  
  .actualites .navigation { position:absolute; left:0; top:0; width:100%; z-index:2; }
  
  #entreprise-commerciaux .commerciaux .liste { position:absolute; right:0; bottom:0; }
  #entreprise-commerciaux .commercial { padding:10px; top:auto; bottom:0; }
  #entreprise-commerciaux .commercial .image { padding:0; }
  #entreprise-commerciaux .commercial .text h2 { font-size:1.4rem; }
  
  #temoignages .temoignages .record h2 { margin-top:10px; }
  
  .breadcrumb ol { margin-bottom:15px; }
  .slider .navigation button { width:40px; height:35px; }
  #occasions-occasion .occasion h1 { font-size:2rem; margin-top:15px; }

  #accueil .boutique img { display:none; }

  
  
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  #header .bottom li.facebook, #header .bottom li.youtube { font-size:2rem; }
  #header .bottom .primary > li { margin:0 8px; }
  #header .bottom .primary { height:70px; }
  #header .bottom li.facebook a { width:30px; height:30px; font-size:1.6rem; }
  #header .bottom .primary li.logo img  { min-width:100px; max-width:130px; }
  #footer { text-align:center; }
  #overlay { padding:15px; }
  #overlay .row { margin:0;}
  #overlay .menu i { margin-left:10px; }
  #overlay .submenus .submenu { font-size:1.3rem; margin-left:10px; }
  
  #entreprise-historique .historique .description { column-count:1; }
  
  #entreprise-commerciaux .commerciaux .liste { position:relative; }
  #entreprise-commerciaux .commercial { padding:10px; top:0; bottom:auto; position:static; }
  #entreprise-commerciaux .commercial.show { position:absolute; }
  
  .hamburger { padding:10px; }
  .hamburger .text { margin-top:5px; }
  
  .slider .swiper-slide img { min-height:150px; object-fit:cover; }
  .slider .caption h2 { font-size:1.8rem; font-weight:700; margin-left:0; }
  .slider .caption h2 span { padding:3px 5px;  }
  
  .filters .btn { font-size:1.2rem; padding:5px; }

  #accueil .chiffres .number { font-size:30px; }
  #accueil .chiffres .text { font-size:20px; }
}