/*
 /------------------------------------------------------------
 |	GMC Cars :: style.css
 |------------------------------------------------------------
 |	D13 - Cosmic Web :: 2018
 \------------------------------------------------------------
 */
@charset "utf-8";
/*********
 * FONTS *
 *********/
body{ font-family: sans-serif; color: #ffffff; }
.fontBase{ font-family: sans-serif; }

/*********
 * BASE *
 *********/
html{ overflow-y: scroll; height: 100%; margin: 0; padding: 0; }
body{ width: 100%; height: 100%; margin: 0; padding: 0; z-index: 1; background-color: #000; }

/**********
 * COLORS *
 **********/
.lightgrey{ color: #D3D3D3; } .grey{ color: grey; } .white{ color: white; } .red{ color: #FF0B00; }
.black{ color: black; } .yellow{ color: yellow; } .blue{ color: #133F70; } .lightblue{ color: lightblue; }
.orange{ color: orange; } .green{ color: #93C03B; } .brown{ color: brown; } .purple{ color: purple; }
.red-shadow{ color: #FF0B00; text-shadow: #000 2px 2px; } .white-shadow{ color: #FFFFFF; text-shadow: #000 2px 2px; }
.bg-red{ background-color: #FF0B00; } .bg-green{ background-color: #93C03B; } .bg-blue{ background-color : #133F70; }
.bg-white{ background-color : #fff; } .bg-lightgrey{ background-color:#E6e6e6; } .bg-grey{ background-color: #808080; } .bg-black{ background-color : #000; }
.hr-lightgrey{ background-color:#E6e6e6; height:2px; border:0; }

/*********
 * TEXTS *
 *********/
@media (max-width: 767px) { .font8{ font-size: 0.8em; } } /* sm */ @media (min-width: 768px) { .font8{ font-size: 0.8em; } } /* md */
@media (min-width: 992px) { .font8{ font-size: 0.8em; } } /* lg */ @media (min-width: 1200px) { .font8{ font-size: 0.8em; } } /* xl */
@media (max-width: 767px) { .font9{ font-size: 0.9em; } } /* sm */ @media (min-width: 768px) { .font9{ font-size: 0.9em; } } /* md */
@media (min-width: 992px) { .font9{ font-size: 0.9em; } } /* lg */ @media (min-width: 1200px) { .font9{ font-size: 0.9em; } } /* xl */
@media (max-width: 767px) { .font10{ font-size: 0.9em; } } /* sm */ @media (min-width: 768px) { .font10{ font-size: 0.9em; } } /* md */
@media (min-width: 992px) { .font10{ font-size: 1.0em; } } /* lg */ @media (min-width: 1200px) { .font10{ font-size: 1.0em; } } /* xl */
@media (max-width: 767px) { .font11{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font11{ font-size: 1.0em; } } /* md */
@media (min-width: 992px) { .font11{ font-size: 1.0em; } } /* lg */ @media (min-width: 1200px) { .font11{ font-size: 1.1em; } } /* xl */
@media (max-width: 767px) { .font12{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font12{ font-size: 1.0em; } } /* md */
@media (min-width: 992px) { .font12{ font-size: 1.1em; } } /* lg */ @media (min-width: 1200px) { .font12{ font-size: 1.2em; } } /* xl */
@media (max-width: 767px) { .font13{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font13{ font-size: 1.0em; } } /* md */
@media (min-width: 992px) { .font13{ font-size: 1.1em; } } /* lg */ @media (min-width: 1200px) { .font13{ font-size: 1.3em; } } /* xl */
@media (max-width: 767px) { .font14{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font14{ font-size: 1.0em; } } /* md */
@media (min-width: 992px) { .font14{ font-size: 1.2em; } } /* lg */ @media (min-width: 1200px) { .font14{ font-size: 1.4em; } } /* xl */
@media (max-width: 767px) { .font15{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font15{ font-size: 1.1em; } } /* md */
@media (min-width: 992px) { .font15{ font-size: 1.3em; } } /* lg */ @media (min-width: 1200px) { .font15{ font-size: 1.5em; } } /* xl */
@media (max-width: 767px) { .font16{ font-size: 1.0em; } } /* sm */ @media (min-width: 768px) { .font16{ font-size: 1.2em; } } /* md */
@media (min-width: 992px) { .font16{ font-size: 1.4em; } } /* lg */ @media (min-width: 1200px) { .font16{ font-size: 1.6em; } } /* xl */
@media (max-width: 767px) { .font17{ font-size: 1.1em; } } /* sm */ @media (min-width: 768px) { .font17{ font-size: 1.3em; } } /* md */
@media (min-width: 992px) { .font17{ font-size: 1.5em; } } /* lg */ @media (min-width: 1200px) { .font17{ font-size: 1.7em; } } /* xl */
@media (max-width: 767px) { .font18{ font-size: 1.1em; } } /* sm */ @media (min-width: 768px) { .font18{ font-size: 1.4em; } } /* md */
@media (min-width: 992px) { .font18{ font-size: 1.6em; } } /* lg */ @media (min-width: 1200px) { .font18{ font-size: 1.8em; } } /* xl */
@media (max-width: 767px) { .font20{ font-size: 1.3em; } } /* sm */ @media (min-width: 768px) { .font20{ font-size: 1.6em; } } /* md */
@media (min-width: 992px) { .font20{ font-size: 1.8em; } } /* lg */ @media (min-width: 1200px) { .font20{ font-size: 2.0em; } } /* xl */
@media (max-width: 767px) { .font22{ font-size: 1.5em; } } /* sm */ @media (min-width: 768px) { .font22{ font-size: 1.8em; } } /* md */
@media (min-width: 992px) { .font22{ font-size: 2.0em; } } /* lg */ @media (min-width: 1200px) { .font22{ font-size: 2.2em; } } /* xl */
@media (max-width: 767px) { .font24{ font-size: 1.7em; } } /* sm */ @media (min-width: 768px) { .font24{ font-size: 2.0em; } } /* md */
@media (min-width: 992px) { .font24{ font-size: 2.2em; } } /* lg */ @media (min-width: 1200px) { .font24{ font-size: 2.4em; } } /* xl */
@media (max-width: 767px) { .font26{ font-size: 1.9em; } } /* sm */ @media (min-width: 768px) { .font26{ font-size: 2.2em; } } /* md */
@media (min-width: 992px) { .font26{ font-size: 2.4em; } } /* lg */ @media (min-width: 1200px) { .font26{ font-size: 2.6em; } } /* xl */
@media (max-width: 767px) { .font28{ font-size: 2.1em; } } /* sm */ @media (min-width: 768px) { .font28{ font-size: 2.4em; } } /* md */
@media (min-width: 992px) { .font28{ font-size: 2.6em; } } /* lg */ @media (min-width: 1200px) { .font28{ font-size: 2.8em; } } /* xl */
@media (max-width: 767px) { .font30{ font-size: 2.3em; } } /* sm */ @media (min-width: 768px) { .font30{ font-size: 2.6em; } } /* md */
@media (min-width: 992px) { .font30{ font-size: 2.8em; } } /* lg */ @media (min-width: 1200px) { .font30{ font-size: 3.0em; } } /* xl */
@media (max-width: 767px) { .font33{ font-size: 2.7em; } } /* sm */ @media (min-width: 768px) { .font33{ font-size: 2.9em; } } /* md */
@media (min-width: 992px) { .font33{ font-size: 3.1em; } } /* lg */ @media (min-width: 1200px) { .font33{ font-size: 3.3em; } } /* xl */
.letter-spacing2{ letter-spacing: 2px; }
.ws-normal{ white-space: normal; }

/*********
 * BLOCS *
 *********/

/* CONTENT */
#wrap{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; padding: 0 0 50px; }

/* HEADER */ 
.logo-header{ max-height: 100px; max-width: 100%; }

/* ACCUEIL */
.bg-accueil{ background: #000 url("../img/bg_accueil.png") no-repeat center; background-size: cover; height: 100%; min-height: 830px; }
.bg-presentation{ background: #000 url("../img/bg_prensentation.png") no-repeat center; background-size: cover; height: 100%; min-height: 830px; }
.bg-partenaires{ background: #000 url("../img/bg_partenaires.png") no-repeat center; background-size: cover; height: 100%; min-height: 830px; }
.bg-contact{ background: #000 url("../img/bg_contact.png") no-repeat center; background-size: cover; height: 100%; min-height: 830px; }
.title-pres-white{ border: 2px solid #fff; border-radius : 10px; } .title-pres-red{ border: 2px solid #FF0B00; border-radius : 10px; } .title-pres-grey{ border: 2px solid #808080; border-radius : 10px; }
.logo-rpm{ max-height: 150px; }

/* VEHICULES */
.img-vehicule-list{ max-width: 100%; height: 250px; }
.img-vehicule-list-vendue{ width: 100%; height: 250px; }
.img-vehicule-list-absolute{ max-width: 100%; height: 250px; position: absolute; }
.opacity-2 { opacity: 0.2; }
.rslides{ max-height: 600px; }
.slider-img{ max-width: 100%; max-height: 600px; border: 2px solid #fff !important; border-radius: 10px; }

/* FOOTER */
.footer{ max-width: 100%; height: 50px; }
.logo-footer{ max-height: 50px; }

/* ADMIN */
.img-admin-list{ max-width: 100px; max-height: 100px; }

/*********
 * FORMS *
 *********/
.ui-datepicker { font-size: 0.9em !important; }
#ui-datepicker-div { z-index: 999 !important; }
.form-control:focus { border-color: #ff0b00;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 11, 0, 0.8); background-color: rgb(255, 199, 197); }
.is-valid { background-color: rgba(147, 192, 59, 0.5); color: #fff; }
.is-invalid { background-color: rgba(192, 0, 0, 0.5); color: #fff; }
.btn.active, .btn:active { box-shadow: none; }
/* CHECKBOX */
.form-group input[type="checkbox"].validCheckbox { display: none; }
.form-group input[type="checkbox"].validCheckbox + .btn-group > label span { width: 20px; }
.form-group input[type="checkbox"].validCheckbox + .btn-group > label span:first-child { display: none; }
.form-group input[type="checkbox"].validCheckbox + .btn-group > label span:last-child { display: inline-block; }
.form-group input[type="checkbox"]:checked.validCheckbox + .btn-group > label span:first-child { display: inline-block; }
.form-group input[type="checkbox"]:checked.validCheckbox + .btn-group > label span:last-child { display: none; }
.form-group input[type="checkbox"]:checked.validCheckbox + .btn-group > .btn-checkbox{ background-color: #00a416; border-color: #00a416; color: #fff; }
.form-group input[type="checkbox"]:checked.validCheckbox + .btn-group > .btn-check-admin{ background-color: #00a416; border-color: #00a416; color: #fff; }
/* PROGRESS */
.progress {background: rgba(245, 245, 245, 1); border: 0px solid rgba(245, 245, 245, 1); border-radius: 4px; height: 20px;}
.progress-bar-upload {background: rgba(255, 122, 13, 1); background: -webkit-linear-gradient(top, rgba(255, 255, 163, 1) 0%, rgba(255, 122, 13, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 163, 1) 0%, rgba(255, 122, 13, 1) 100%);}
.progress-striped .progress-bar-upload {background-color: rgba(255, 122, 13, 1); background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255, 255, 255, 0.15),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255, 255, 255, 0.15)),color-stop(0.75,rgba(255, 255, 255, 0.15)),color-stop(0.75,transparent),to(transparent))); background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-size: 11px 11px;}

/***************
 * DATA TABLES *
 ***************/
#tablesBase{ background-color: #d6d6d6; color: #000; }
#tablesBase tbody tr.even:hover, #tablesBase tbody tr.even td.highlighted { background-color: #a9bfc7; color:#000; }
#tablesBase tbody tr.odd:hover, #tablesBase tbody tr.odd td.highlighted { background-color: #90bbc7; color:#000; }
#tablesBase tr.even:hover { background-color: #a9bfc7; color:#000; }
#tablesBase tr.even:hover td.sorting_1 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.even:hover td.sorting_2 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.even:hover td.sorting_3 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.odd:hover { background-color: #a9bfc7; color:#000; }
#tablesBase tr.odd:hover td.sorting_1 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.odd:hover td.sorting_2 { background-color: #a9bfc7; color:#000; }
#tablesBase tr.odd:hover td.sorting_3 { background-color: #a9bfc7; color:#000; }

/*************
 * ANIMATION *
 *************/
.icon-animate-pulse:hover { -webkit-animation: pulse 1s;  animation: pulse 1s; }
#animation-header-logo{ -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
#animation-header-text{ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; }
#animation-concept-text-1{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
#animation-concept-text-2{ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
#animation-concept-text-3{ -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
#animation-concept-text-4{ -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }

/*********
 * LINKS *
 *********/
.a-null, .a-null:hover, .a-null:focus, .a-null:active{ text-decoration: none; color: inherit; }
.a-normal{ text-decoration: none; color: inherit; } .a-normal:hover, .a-normal:focus, .a-normal:active{ text-decoration: none; color: #2aa1df; }
.a-help{ text-decoration: none; color: #dfac44; }  .a-help:hover, .a-help:focus, .a-help:active{ text-decoration: none; color: #2aa1df; }
.a-footer{ text-decoration: none; color: #ffffff; }  .a-footer:hover, .a-footer:focus, .a-footer:active{ text-decoration: none; color: #ff000d; }
.a-opacity{ text-decoration: none; opacity: 0.6; }
.a-opacity:focus, .a-opacity:hover, .a-opacity:active{ opacity: 1;
    -o-transition:all .2s ease-out, all .2s ease-in; -ms-transition:all .2s ease-out, all .2s ease-in;
    -moz-transition:all .2s ease-out, all .2s ease-in; -webkit-transition:all .2s ease-out, all .2s ease-in;
    transition:all .2s ease-out, all .2s ease-in;}
.a-opacity-inverse{ text-decoration: none; opacity: 1; }
.a-opacity-inverse:focus, .a-opacity-inverse:hover, .a-opacity-inverse:active{ opacity: 0.5; }

/*******
 * BTN *
 *******/
a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus,
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus,
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 ;  outline-color: transparent ;  outline-width: 0 ;  outline-style: none ;  box-shadow: 0 0 0 0 rgba(0,123,255,0);
}
.btn-primary { background-color: #000000; border-color: #ff0b00; color: #ffffff; white-space: normal; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #bd2130; border-color: #bd2130; color: #ffffff; }
.btn-danger { background-color: #ff0b00; border-color: #ff0b00; color: #ffffff; white-space: normal; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background-color: #bd2130; border-color: #bd2130; color: #ffffff; }
.btn-deco { background-color: #c00000; border-color: #c00000; color: #ffffff; white-space: normal; }
.btn-deco:hover, .btn-deco:focus, .btn-deco:active { background-color: #e28700; border-color: #e28700; color: #000000; }
.btn-checkbox { background-color: #cecece; border-color: #cecece; color: #303030; white-space: normal; }
.btn-checkbox:hover, .btn-checkbox:focus, .btn-checkbox:active { background-color: #00a416; border-color: #00a416; color: #000000; }
.btn-check-admin { background-color: #4f4f4f; border-color: #4f4f4f; color: #ffffff; white-space: normal; }
.btn-check-admin:hover, .btn-check-admin:focus, .btn-check-admin:active { background-color: #00a416; border-color: #00a416; color: #000000; }

/*************
 * COLLAPSES *
 *************/
.card [data-toggle="collapse"]:before { content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0.8rem; right: 1rem; }
.card [aria-expanded="true"]:before { content: "\f0d8"; }

/*******
 * NAV *
 *******/
.btn-nav-default { background-color: #ffffff; border-color: #ffffff; color: #000000; }
.btn-nav-default:hover, .btn-nav-default:focus, .btn-nav-default:active { background-color: #ffffff; border-color: #ffffff; color: #ff0b00; }
.btn-navigation-dropdown{ background-color: #252525; border-color: #252525; color: #feffff; white-space: normal; }
.btn-navigation-dropdown:hover, .btn-navigation-dropdown:focus, .btn-navigation-dropdown:active{ background-color: #bd2130; border-color: #bd2130; color: #feffff; white-space: normal; }
.navbar-toggler-icon{ color: #000; }
.navbar-brand{ padding: 8px; }
.icon-brand{ height: 35px; }
.dropdown-menu, .dropdown-item, .dropdown-item:hover, .dropdown-item:focus { margin-top: -1px; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); }
.dropdown:hover>.dropdown-menu { display: block; }

/**********
 * OTHERS *
 **********/
/* Extra Small XS */
@media (max-width: 575.98px) {

}

/* Small SM */
@media (min-width: 576px) {

}

/* Medium MD */
@media (min-width: 768px) {

}

/* Large LG */
@media (min-width: 992px) {

}

/* Extra Large XL */
@media (min-width: 1200px) {

}