@charset "UTF-8";

/* Inicialitzem
--------------------------------------------------------- */

body {color: #58585a;}
h1 {color: #1170b2;}
h2 {color: #58585a; border-bottom-color: #58585a;}
h3 {color: #1170b2;}
h4 {color: #FFF;}
select, select.form-select, input[type=text], input[type=file], input[type=email], input[type=checkbox], textarea {background-color: #fff!important; border-color: #1170b2!important; color: #666!important;}
.btn-all, .btn-all:active, .btn-all:focus {background-color: #1170b2; color: #FFF;}
.btn-all:hover {background-color: #0d5485; border-color: #0d5485; color: #1170b2;}
label.form-label {color: #1170b2;}

/* Customize the label (the container) */
label.txt-contact {color: #58585a;}

/* Create a custom checkbox */
.checkmark {background-color: #FFF; border-color: #1170b2;}

/* On mouse-over, add a grey background color */
label.txt-contact:hover input ~ .checkmark {background-color: #FFF;}

/* When the checkbox is checked, add a blue background */
label.txt-contact input:checked ~ .checkmark {background-color: #1170b2;}

/* Style the checkmark/indicator */
label.txt-contact .checkmark:after {border-color: #FFF;}

.form-floating>label {color: #666;}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {color: #1170b2;}

/* Header
--------------------------------------------------------- */

.bg-color-header {
  background: #fcfcfc;
  background: -moz-linear-gradient(top,  #fcfcfc 0%, #cccccc 100%);
  background: -webkit-linear-gradient(top,  #fcfcfc 0%,#cccccc 100%);
  background: linear-gradient(to bottom,  #fcfcfc 0%,#cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cccccc',GradientType=0 );
}

/* Menu
--------------------------------------------------------- */

.bg-color-nav, .bg-banner {background-color: #1170b2;}
.shadow {box-shadow: 0 5px 3px rgba(0,0,0,.15)!important;}
.navbar-nav {color: #FFF!important;}
.navbar-light .navbar-nav .nav-link {color: #FFF;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: #FFF;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {background-color: #0d5485; color: #1170b2;}
.navbar-light .navbar-nav .nav-link.active {background-color: #0d5485; color: #FFF;}
.dropdown-menu {background-color: #ececec; color: #58585a;}
.dropdown-menu li {border-color: #ccc;}
.dropdown-item:hover {background-color: #0d5485; color: #1170b2;}
.navbar-light .navbar-toggler-icon svg {fill: #FFF;}
.navbar-light .navbar-toggler {color: rgba(0,0,0,0);}
ul.navbar-nav li.nav-item {border-color: #0d5485;}
ul.navbar-nav li.nav-item:last-child {border-color: #0d5485;}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item.active {background-color: #0d5485; color: #FFF;}

/* HOME - Banner our services & Services
--------------------------------------------------------- */

.bg-banner h2 {color: #0d5485; border-bottom-color: #0d5485;}
.bg-services {background-color: #ececec;}
a .bg-services {background-color: #FFF;}
.bg-services .bg-icon {background-color: #1170b2;}
.bg-services .bg-icon svg {fill: #FFF;}
.bg-services p {color: #58585a;}
.btn-services, .btn-services:active, .btn-services:focus {background-color: #0d5485;}
.btn-services:hover {background-color: #0d5485; border-color: #0d5485; color: #1170b2;}

/* HOME - Banner good tips
--------------------------------------------------------- */

.img-tip .box-tip {border-color: #1170b2;}
.img-tip .box-tip p {color: #58585a;}
.img-tip .box-tip p.title-tip {background-color: #1170b2; color: #FFF;}

/* Vehicles for sale
--------------------------------------------------------- */

.filters {border-color: #1170b2;}
.btn-filter svg.filter {fill: #FFF;}
.btn-filter:hover svg.filter {fill: #1170b2;}
ul.content-pagination {border-color: #58585a;}
.page-item .page-link, .page-item .page-link:focus {border-color: #58585a; color: #58585a;}
.page-link:hover {background-color: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.05); color: #58585a;}
.page-item.active .page-link {background: #1170b2; border-color: #1170b2; color: #FFF;}

/* Galleries (Offers, Vehicles, Gallery img)
--------------------------------------------------------- */

.img-gallery p, .img-gallery .table-gallery {color: #58585a;}
.img-gallery .table-gallery tr td {color: #58585a;}
.img-gallery .price-gallery {color: #bd1622;}
.img-gallery-detail .title-gallery-detail {background-color: #1170b2; color: #FFF;}
.img-gallery-detail .table-gallery-detail, .img-gallery-detail .table-vehicle-detail {border-color: #1170b2;}
.img-gallery-detail .table-gallery-detail tr td, .img-gallery-detail .table-vehicle-detail tr td {color: #58585a;}
.img-gallery-detail .table-gallery-detail .price-gallerygallery-detail {color: #bd1622;}
.form-contact .input-group-text {background-color: #ced4da;}
.bg-gallery svg.refresh, .bg-gallery svg.close, .bg-gallery svg.print {fill: #1170b2;}
.gdpr a, .gdpr a:active, .gdpr a:focus {color: #1170b2;}

/* Contact
--------------------------------------------------------- */

.form-contact .input-group-text {background-color: transparent;}
.bg-contact svg.refresh {fill: #1170b2;}

/* Suscribe Offer
--------------------------------------------------------- */

.bg-offer {background-color: #1170b2; color: #FFF;}
.bg-offer select, .bg-offer select.form-select, .bg-offer input[type=text], .bg-offer input[type=file], .bg-offer input[type=email], .bg-offer input[type=checkbox], .bg-offer textarea {background-color: #FFF; color: #666;}
label.txt-checkbox a {color: #FFF;}
.btn-offer, .btn-offer:active, .btn-offer:focus {background-color: transparent; border-color: #FFF;}
.btn-offer:hover {background-color: #0d5485; border-color: #0d5485; color: #1170b2;}

/* Customize the label (the container) */
label.txt-checkbox {color: #FFF;}

/* Create a custom checkbox */
.bg-offer .checkmark {background-color: #FFF;}

/* On mouse-over, add a grey background color */
label.txt-checkbox:hover input ~ .checkmark {background-color: #FFF;}

/* When the checkbox is checked, add a blue background */
label.txt-checkbox input:checked ~ .checkmark {background-color: #0d5485;}

/* Style the checkmark/indicator */
label.txt-checkbox .checkmark:after {border-color: #FFF;}

/* SubFooter
--------------------------------------------------------- */

.bg-subfooter {background-color: #0d5485; color: #FFF;}

/* Footer
--------------------------------------------------------- */

footer ul span {color: #d9d9d9;}
footer a {color: #d9d9d9;}
footer a:hover {color: #1170b2;}
.bg-footer {background-color: #3c3c3b; color: #d9d9d9;}
footer ul.social-media li {background-color: transparent; color: transparent;}
footer .copyright {border-color: #d9d9d9;}