/* ========================================================================
    Loading Indicador
 ========================================================================== */
.loading-indicator {
    position: absolute;
    z-index: 100000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,0.7);
}

.loading-indicator:after{
    content:"";
    background-image: url("../../img/system/Spinner.gif");
    position: absolute;
    width: 100px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}


.transition{
    transition: all 0.4s ease-in-out 0s;
    	-moz-transition: all 0.4s ease-in-out 0s;
    	-ms-transition: all 0.4s ease-in-out 0s;
    	-o-transition: all 0.4s ease-in-out 0s;
    	-webkit-transition: all 0.4s ease-in-out 0s;
}
/* =======================================================================
    Fonts
 ========================================================================= */
html,
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle{
    font-family: Poppins,sans-serif;
    font-size: 14px;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6
{
    font-family: Poppins,sans-serif;
}
h2 {
  font-weight: 600;
}
/* =======================================================================
    Color
 ========================================================================= */
.uk-background-default {
  background-color: #fff;
}
.uk-background-muted {
  background-color: #f8f8fb;
}
.uk-background-primary {
  background-color: #485ec4;
}
.uk-background-secondary{
  background-color: #556ee6;
}
.uk-background-tertiary {
  background-color: #123257;
}
.uk-background-success {
  background-color: #77c720;
}
.uk-background-green {
  background-color: #9bc81d;
}
.uk-background-primary-transparent{
    background-color:#485ec457;
}

.uk-color-default {
  color: #fff !important;
}
.uk-text-muted {
  color: #999 !important;
}
.uk-text-emphasis {
  color: #333 !important;
}
.uk-text-primary {
  color: #485ec4 !important;
}
.uk-text-secondary {
  color: #556ee6 !important;
}
.uk-text-success {
  color: #32d296 !important;
}
.uk-text-warning {
  color: #faa05a !important;
}
.uk-text-danger {
  color: #f0506e !important;
}
.uk-text-black {
  color: #000 !important;
}
.uk-button-primary{
    background-color: #485ec4;
}
.uk-button-primary:hover {
  background-color: #2b41a6;
}
.uk-button-secondary{
    background-color: #556ee6;
}

.uk-button-success,
.uk-button-success:hover{
    background-color: #32d296;
}
.uk-button-warning,
.uk-button-warning:hover{
    background-color: #faa05a;
}
.uk-button-whatsapp{
  background-color: #04c84d;
  color:#fff;
}
.uk-button-whatsapp:hover{
  background-color: #029d3c;
  color:#fff;
}
.uk-button-secondary:hover{
    background-color: #485ec4;
}
.uk-button-danger {
    background-color: #a8c638;
}
.uk-button-danger:hover {
    background-color: #84a311;
}
.uk-button-default,
.uk-button-default:hover{
    background-color: #4dabf8;
}
.uk-input:focus, 
.uk-select:focus, 
.uk-textarea:focus{
    border-color:#485ec4;
}


/* =======================================================================
    Default
 ========================================================================= */
.uk-padding-medium {
  padding: 25px;
}
*[onclick] {
  cursor: pointer;
}
.uk-button,
.uk-input, 
.uk-select, 
.uk-textarea{
    border-radius: 5px;
}

.uk-input, 
.uk-select, 
.uk-textarea{
    background: #ffffff;
}
#admin-login .uk-input, 
#admin-login .uk-select{
    height: 50px;
}
.uk-padding-xsmall{padding: 10px 15px;}
.uk-button{
  line-height: 40px;
}

.uk-form-icon{padding-left:10px;}
.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {padding-left: 50px !important;}

.showhidepassword .uk-form-icon{pointer-events: initial;}


/* =======================================================================
    Custom
 ========================================================================= */
ul.cls-dotnav-horizontal > li > a {
  width: 60px;
  height: 7px;
  border-radius: 0;
}
ul.uk-slider-nav.uk-dotnav > li > a{
  border: none;
  opacity: 0.5;
}
ul.uk-slider-nav.uk-dotnav > li.uk-active > a {opacity: 1;}
ul.uk-slider-nav.uk-dotnav > li > a,
ul.uk-slider-nav.uk-dotnav > li > a:hover,
ul.uk-slider-nav.uk-dotnav > li.uk-active > a {background-color: #4dabf8;}
#vehiculos-recientes {padding: 0 10px 20px 10px;}
.uk-modal .uk-modal-header .uk-modal-close-default.uk-icon.uk-close {color: #fff;padding: 17px;}
.template-home .web-banner p {margin: 0;}

/* =======================================================================
    Login
 ========================================================================= */
#admin-login .uk-logo > img,
#backoffice .uk-logo > img{
  filter: contrast(0%) brightness(1000%);
}

/* =======================================================================
    Header Bar
 ========================================================================= */
.uk-sticky-placeholder {
  display: none;
}
.template-home #header-top:not(.uk-sticky-fixed) {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  box-shadow: 0px 1px 2px -1px rgba(255,255,255,0.6);
}

.header-top > nav.uk-navbar > .uk-navbar-right > .uk-navbar-nav > li {
  min-height: 80px;
  display: flex;
  align-content: center;
  align-items: center;
}
#header-top.uk-sticky-fixed,
body:not(.template-home) #header-top {background-color:#fff; box-shadow: 0px 10px 10px -16px rgba(0,0,0,0.4);}
#header-top.uk-sticky-fixed ul.uk-navbar-nav > li > a:not(.uk-background-primary),
body:not(.template-home) #header-top ul.uk-navbar-nav > li > a:not(.uk-background-primary)
{
  color: #173257;
}

.header-top > nav.uk-navbar > .uk-navbar-right > .uk-navbar-nav > li > a.uk-background-primary {
  padding: 13px 18px;
  border: 1px solid transparent;
  border-radius: 5px;
}
.template-home .header-top:not(.uk-sticky-fixed) nav.uk-navbar > .uk-navbar-right > .uk-navbar-nav > li > a.uk-background-primary:not(:hover) {
  border-color:#fff;
  background-color: rgba(255,255,255,0.15);
}

.header-top > nav.uk-navbar > .uk-navbar-right > .uk-navbar-nav > li > a {
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
  min-height: auto;
  padding: 30px 20px;
  border-radius: 0px;
  border: none;
}
.header-top > nav.uk-navbar > .uk-navbar-right > .uk-navbar-nav > li.uk-active > a {
  background-color: rgba(255,255,255,.2);
}


/* =======================================================================
    Toolbar
 ========================================================================= */
#toolbar-top .uk-navbar-left ul.uk-subnav > li > a, #toolbar-top .uk-navbar-left ul.uk-subnav > li > span > i, #toolbar-top .uk-navbar-right > .uk-navbar-nav > li > a > i {
  font-size: 17px;
  color: #4dabf8;
  margin-right: 5px;
}
#toolbar-top .uk-navbar-left ul.uk-subnav > li > span, 
#toolbar-top .uk-navbar-left ul.uk-subnav > li > span > a, 
#toolbar-top .uk-navbar-right > .uk-navbar-nav > li > a,
#toolbar-top .uk-navbar-left ul.uk-subnav > li > a > span{
  color: #434343;
}
#toolbar-top .uk-navbar-left ul.uk-subnav > li > a > span{font-size:14px;}
#toolbar-top .uk-navbar-right > .uk-navbar-nav > li > a {
  min-height: 45px;
  text-transform: initial;
}

/* =======================================================================
    Comparator
 ========================================================================= */
.template-comparador .compare-img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}
.template-comparador .uk-slider-items .uk-table td:not(.td-header),
#modal-insurance .uk-slider-items .uk-table td:not(.td-header){border-left: 1px solid #d4d4d4;text-align:center;}
#comparator .uk-slider-items > li,
#modal-insurance .uk-slider-items > li{margin-left: 1px;}
.template-comparador .uk-table td{height: 28px;}
#modal-insurance .uk-modal-body .uk-table td{height: 52px;}
.template-comparador .uk-table td.td-header,
#modal-insurance .uk-table td.td-header{
  background-color: #fff;
  border-bottom: 2px solid #4dabf8;
  color: #4dabf8;
  font-weight: 600;
}

/* =======================================================================
    Datepicker
 ========================================================================= */
body .ui-state-active, 
body .ui-widget-content .ui-state-active, 
body .ui-widget-header .ui-state-active, 
body a.ui-button:active, 
body .ui-button:active, 
body .ui-button.ui-state-active:hover {
  border: 1px solid #4dabf8;
  background: #4dabf8;
  font-weight: normal;
  color: #fff;
}
body .ui-state-highlight, 
body .ui-widget-content .ui-state-highlight, 
body .ui-widget-header .ui-state-highlight {
  border: 1px solid #485ec4;
  background: #485ec4;
  color: #fff;
}
/* =======================================================================
    Paginator
 ========================================================================= */
.uk-pagination li.uk-active > a {background-color: #4dabf8;color: #fff;}
.uk-pagination > li > a {
  background-color: #f4f4f4;
  border-radius: 20px;
  min-width: 14px;
  min-height: 24px;
  line-height: 24px;
  text-align: center;
  color: #333333;
}
.uk-pagination > li + li {margin-left: 3px;}
.uk-pagination > li > a > span {margin-top: 5px;}





/* =======================================================================
    Slideset Makes
 ========================================================================= */
#slider-makes .uk-slider-items li > a > img {
  box-shadow: 0 4px 5px rgba(0,0,0,.08);
  padding: 10px;
  height: 120px;
  width: 170px;
  object-fit: contain;
}
#slider-makes .uk-slider-items li > a {
  padding: 15px;
}

/* =======================================================================
    Footer Bar
 ========================================================================= */
 
body:not(.template-dealerfull) #footer {padding: 40px 0;}
body:not(.template-dealerfull) #footer ul.uk-nav > li > a {color: #fff;}
body:not(.template-dealerfull) #footer ul.uk-nav > li.uk-active  > a,
#subfooter a{
  color: #9bc81d;
}
body:not(.template-dealerfull) #footer h3.uk-color-default:after {
  content: "";
  display: block;
  border-bottom: 1px solid #9bc81d;
  max-width: 50px;
}
#footer .social-list-footer > li:before {display: none;}
#footer .social-list-footer > li > a {background-color: rgba(0,0,0,0.7);color: #fff;}
#footer .social-list-footer > li > a.twitter,
.template-carfull #container-car-full #info-car-full #social-share .uk-dropdown .uk-nav > li > a.twitter{background-color: #1da1f3;}
#footer .social-list-footer > li > a.facebook,
.template-carfull #container-car-full #info-car-full #social-share .uk-dropdown .uk-nav > li > a.facebook{background-color: #3c5a9a;}
#footer .social-list-footer > li > a.instagram,
.template-carfull #container-car-full #info-car-full #social-share .uk-dropdown .uk-nav > li > a.instagram{background-color: #0177b5;}
#footer .social-list-footer > li > a.linkedin, 
.template-carfull #container-car-full #info-car-full #social-share .uk-dropdown .uk-nav > li > a.linkedin {background-color: #026ea9;}
#footer .social-list-footer > li > a.youtube, 
.template-carfull #container-car-full #info-car-full #social-share .uk-dropdown .uk-nav > li > a.youtube {background-color: #f20000;}

/* =======================================================================
    Offcanvas
 ========================================================================= */
#offcanvas-menu .uk-offcanvas-bar {
  background-color: #5a2f17;
}
#offcanvas-menu .uk-offcanvas-bar ul.uk-nav li > a {
    font-size: 20px;
}
#offcanvas-menu .uk-offcanvas-bar ul.uk-nav li > a.uk-background-secondary {
    padding: 5px 15px;
    color: #fff;
}
#offcanvas-menu .uk-offcanvas-bar ul.uk-nav li {
    line-height: 35px;
}

/* =======================================================================
    Search Home
 ========================================================================= */
/*.template-home .uk-slideshow > .uk-position-cover {
  width: 330px;
  transform: translateX(82%);
  left: 50%;
}*/
.template-home .uk-slideshow-items > li > .uk-cover {
  object-position: left;
  max-width: 100%;
  object-fit: cover;
}
.template-home .uk-slideshow > .uk-position-cover {
  background: rgb(1,54,106);
  background: linear-gradient(0deg, rgba(4,71,137,0.16148466222426472) 0%, rgba(1, 54, 106, 0.87) 100%);
}

#container-car-full #slideshow-carfull > .uk-slideshow-nav.uk-dotnav > li > a,
.template-home .uk-slideshow .uk-slideshow-nav li > a {
  border-color: rgba(255,255,255,0.5);
}
#slideshow-carfull a[data-favoritecar], #slideshow-carfull a[data-comparecar] {
  background-color: #fff;
}
#container-car-full #slideshow-carfull > .uk-slideshow-nav.uk-dotnav > li.uk-active > a,
.template-home .uk-slideshow .uk-slideshow-nav li.uk-active > a {
  background-color: rgba(255,255,255,0.8);
}

.uk-slideshow #el-search {
  box-shadow: -5px 5px 0 rgba(0,0,0,0.3);
}

.price-range-slider {
    padding:10px 10px 0 0;
}
#sidebar-left #el-search {
  box-shadow: none;
  padding: 0;
}
.price-range-slider .range-value {
	margin:0;
}
.price-range-slider .range-value input {
	width:100%;
	background:none;
	color: #000;
	font-weight: initial;
	box-shadow: none;
	border: none;
	margin: 10px 0 5px;
    text-align: center;
    font-size: 12px;
}
	
.price-range-slider .range-bar {
	border: none;
	background: #eaeaea;
	height: 5px;	
	width: 96%;
    position: relative;
}

.price-range-slider .ui-slider-range.ui-corner-all.ui-widget-header {
  background: #4dabf8;
  height: 5px;
  position: absolute;
}
		
	
.price-range-slider .range-bar .ui-slider-handle {
	border:none;
	border-radius:25px;
	background:#fff;
	border:2px solid #4dabf8;
	background:#fff;
	height:17px;
	width:17px;
	top: -0.52em;
	cursor:pointer;
	display: inline-block;
    position: absolute;
}


/* =======================================================================
    Car Teaser
 ========================================================================= */
.car-teaser .uk-card.uk-card-default .uk-card-media-top > img {
  object-fit: cover;
  height: 210px;
  width: 100%;
}
.car-teaser .uk-card-media-top .tm-condition {font-size: 11px;padding: 2px 7px;}
.car-teaser.offer .uk-card-media-top,
#slideshow-carfull > .uk-slideshow-items.offer,
#backoffice .offer {
  position: relative;
  box-shadow: 0 0px 0px 2px #4dabf8;
}
.car-teaser.offer .uk-card-media-top::before,
#slideshow-carfull > .uk-slideshow-items.offer::before,
#backoffice .offer::before {
  content: "EN OFERTA";
  color: #fff;
  font-size: 9px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #4dabf8;
  padding: 2px 7px;
  z-index: 5;
}
#backoffice .offer::before{border-radius: 0 0 5px 0;}

/* =======================================================================
    Favorites Car
 ========================================================================= */
*[list-favorite-car][data-count]::before, 
*[list-compare-car][data-count]::before, 
*[list-notification][data-count]::before,
.container-count-checked .count-checked[data-count]::before{
  content: attr(data-count);
  position: absolute;
  font-size: 12px;
  top: 6px;
  right: 7px;
  padding: 0px 6px;
  background-color: #9bc81d;
  border-radius: 10px;
  z-index: 20;
  color: #ffffff;
}

.container-count-checked .count-checked[data-count]::before{
    background-color: #ff3d01; 
    top: 0px; 
    right:0;
    display:inline-block; 
    margin-left:5px;
    position:relative;
}

a[data-favoritecar],
a[data-comparecar]{
  padding: 8px;
  color: #4dabf8;
  opacity: 1;
  background-color: rgba(255,255,255,0.5);
  border-radius: 30px;
  line-height: 0;
  margin: 5px;
}
a[data-favoritecar]:hover,
a[data-comparecar]:hover{opacity:1;}
[list-favorite-car] .uk-dropdown,
[list-compare-car] .uk-dropdown{
  max-height: 390px;
  overflow-x: auto;
}
[list-favorite-car] .uk-dropdown ul.uk-nav > li:first-child,
[list-compare-car] .uk-dropdown ul.uk-nav > li:first-child{padding-top:0;}
[list-favorite-car] .uk-dropdown ul.uk-nav > li{padding: 10px 0;}
[list-compare-car] .uk-dropdown ul.uk-nav > li{padding: 15px 0;}
[list-favorite-car] .uk-dropdown ul.uk-nav > li + li,
[list-compare-car] .uk-dropdown ul.uk-nav > li + li{border-top: 1px solid #eaeaea;}
[list-favorite-car] .uk-dropdown ul.uk-nav,
[list-compare-car] .uk-dropdown ul.uk-nav{width: 260px;}
[list-favorite-car] .uk-dropdown ul.uk-nav > li .remove-item > a,
[list-compare-car] .uk-dropdown ul.uk-nav > li .remove-item > a{opacity: 0;  color: #4dabf8;font-size: 18px;}
[list-favorite-car] .uk-dropdown ul.uk-nav > li:hover .remove-item > a,
[list-compare-car] .uk-dropdown ul.uk-nav > li:hover .remove-item > a{opacity: 1;}
[list-compare-car] .uk-dropdown ul.uk-nav > li + li::before {
  content: "VS";
  display: block;
  position: absolute;
  top: -13px;
  font-size: 12px;
  text-align: center;
  transform: translateX(-50%);
  left: 50%;
  padding: 5px;
  background-color: #fff;
}
.fa-retweet.far::before {content: "\f363";}

/* =======================================================================
    Modals
 ========================================================================= */
#modal-login-dealers .uk-modal-dialog,
#modal-recovery .uk-modal-dialog{
  width: 360px;
}
#modal-login-dealers .uk-modal-dialog .uk-modal-header,
#modal-recovery .uk-modal-dialog .uk-modal-header{
  background-color: #434343;
  padding: 10px;
}
#modal-login-dealers .uk-modal-dialog .uk-modal-header > .uk-modal-title,
#modal-recovery .uk-modal-dialog .uk-modal-header > .uk-modal-title{
  color: #fff;
}

.uk-modal-dialog .uk-modal-body .uk-form-icon.uk-icon {
  background-color: #f4f4f4;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.uk-modal-dialog .uk-modal-body .uk-form-icon.uk-icon ~ .uk-input {
  padding-left: 55px !important;
}


/* =======================================================================
    Dealer Teaser
 ========================================================================= */
.dealer-teaser > .uk-card.uk-card-default > .uk-card-media-top > img {
  object-fit: contain;
  height: 140px;
  width: 100%;
}


/* =======================================================================
    Dealer Full
 ========================================================================= */
.template-dealerfull .header-top > nav > .uk-navbar-left > .uk-logo > img {
  height: 110px;
  max-width: 280px;
  object-fit: contain;
  padding: 10px 0;
}
.template-dealerfull .header-top > nav.uk-navbar > .uk-navbar-right > .uk-navbar-nav > li.dealer-social-icon > a {
  color: #4dabf8;
}

.template-dealerfull #offcanvas-menu .uk-offcanvas-bar > ul {
  margin: 0;
  list-style: none;
  padding: 17px;
}
.template-dealerfull #offcanvas-menu .uk-offcanvas-bar > ul > li + li {
  margin-top: 10px;
}
.template-dealerfull #offcanvas-menu .uk-offcanvas-bar > ul > li > a {
  display: block;
  padding: 7px;
}
.template-dealerfull #offcanvas-menu .uk-offcanvas-bar > ul.botton-offcanvas-dealer-menu > li.social {
  display: inline-block;
}

.template-dealerfull > #toolbar-top {
  border-bottom: 1px solid #f4f4f4;
}
.template-dealerfull .header-top {
  border-bottom: 5px solid #4dabf8;
  box-shadow: 5px 0 7px -6px rgb(0, 0, 0.2);
}

.template-dealerfull .header-top .uk-navbar-right > .uk-navbar-nav.nav-bar-dealer {
  flex-wrap: initial;
  margin-left: auto;
}

.template-dealerfull .header-top > nav.uk-navbar > .uk-navbar-right > .uk-navbar-nav.nav-bar-dealer-movil > li > a {
  padding: 20px 25px;
  border-radius: 0;
  background-color: #4dabf8;
}

.template-dealerfull .header-top .uk-navbar-right > .uk-navbar-nav.nav-bar-dealer {
  background-color: #4dabf8;
  position: relative;
  padding-right: 10px;
}
.template-dealerfull .header-top .uk-navbar-right > .uk-navbar-nav.nav-bar-dealer::before {
  content: "";
  border-right: 50px solid #4dabf8;
  border-top: 50px solid #fff;
  border-bottom: 0px solid #fff;
  position: absolute;
  left: 0;
  right: auto;
  bottom: auto;
}
.template-dealerfull .header-top .uk-navbar-right > .uk-navbar-nav.nav-bar-dealer {
  padding-left: 40px;
}

.template-dealerfull .header-top .uk-navbar-right > .uk-navbar-nav.nav-bar-dealer li a,
.template-dealerfull #footer ul.uk-navbar-nav > li > a{
  font-family: Poppins,sans-serif;
  font-size: 22px;
  padding-bottom: 0;
  color:#fff;
}
.template-dealerfull .header-top .uk-navbar-right .uk-navbar-nav .dealer-social-icon > a {
  padding: 5px 5px;
}
.template-dealerfull .header-top .uk-navbar-right > .uk-navbar-nav > li {
  min-height: 50px !important;
}

.template-dealerfull #sobre-nosotros .list-about-dealer > div > .uk-card {
  border: 3px solid #f4f4f4;
}

.template-dealerfull #nuestro-equipo > .uk-container > .uk-padding-medium.uk-panel::after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #4dabf8;
  position: absolute;
  left: 50px;
  bottom: -10px;
}
.template-dealerfull #nuestro-equipo .uk-slider .uk-slider-items > div > .uk-flex {
  box-shadow: inset 0px 0px 40px -35px rgba(0,0,0,0.5);
  padding: 20px;
}
.template-dealerfull #nuestro-equipo .uk-slider .uk-slider-items > div > .uk-flex .uk-border-pill {
  border: 2px solid #d4d4d4;
  padding: 20px;
}
.template-dealerfull .header-top .uk-navbar-right .uk-navbar-nav .uk-text-lowercase a,
.template-dealerfull #nuestro-equipo .uk-slider .uk-slider-items > div > .uk-flex a,
.template-dealerfull #contactenos a {
  color: #666;
}
.template-dealerfull #nuestro-equipo .uk-slider .uk-slider-items > div > .uk-flex .uk-border-pill > h3 {
  color: #d4d4d4;
  font-size: 30px;
  font-weight: 100;
  white-space: nowrap;
  font-family: 'Gill Sans MT Book';
}

.template-dealerfull #contactenos > .uk-container > .uk-grid-collapse {
  border: 3px solid #f4f4f4;
}

.template-dealerfull #footer #subfooter {
	background-color: rgba(0,0,0,0.2);
}

/*Dark*/
.template-dealerfull.dark .header-top .uk-navbar-right > .uk-navbar-nav.nav-bar-dealer li a, 
.template-dealerfull.dark #footer ul.uk-navbar-nav > li > a,
.template-dealerfull.dark .car-teaser.offer .uk-card-media-top::before,
.template-dealerfull.dark #toolbar-top .uk-navbar-left ul.uk-subnav > li > a > i, 
.template-dealerfull.dark #toolbar-top .uk-navbar-left ul.uk-subnav > li > span > i, 
.template-dealerfull.dark #toolbar-top .uk-navbar-right > .uk-navbar-nav > li > a > i, 
.template-dealerfull.dark .uk-text-secondary, 
.template-dealerfull.dark .header-top > nav.uk-navbar > .uk-navbar-right > .uk-navbar-nav > li i,
.template-dealerfull.dark .uk-color-default{color: #000 !important;}

@media only screen and (max-width: 600px) {
	.template-dealerfull .header-top > nav > .uk-navbar-left > .uk-logo > img {
	  height: 60px;
	}
	#slider-makes .uk-slider .uk-slidenav-previous.uk-slidenav {
      left: -15px;
    }
    #slider-makes .uk-slider .uk-slidenav-next.uk-slidenav {
      left: initial;
      right: -15px;
    }
}

/* =======================================================================
    Car Full
 ========================================================================= */
#thumbnav-carfull > .uk-slider-items > li:not(.active) { opacity: 0.6;}
.template-carfull #sidebar-left #el-info-dealer img {
  width: 110px;
  border: 1px solid #333333;
  border-radius: 10px;
}

.template-carfull #sidebar-left #el-info-dealer .uk-button {font-family: 'Gill Sans MT Condensed';font-size: 20px;}
.template-carfull #container-car-full #info-car-full .uk-table { margin-top: 0;}
.template-carfull #container-car-full #info-car-full .uk-table td {
  padding-left: 0;
  padding-bottom: 0;
}

.template-carfull .uk-section.sale-car #container-car-full #slideshow-carfull:hover::before{display:none;}

.template-carfull .uk-section.sale-car #container-car-full #slideshow-carfull::before {
  content: "VENDIDO";
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background-color: rgba(0,0,0,0.4);
  padding: 3px 20px;
  font-size: 50px;
  font-family: 'Gill Sans MT Condensed';
  color: #4dabf8;
  border-radius: 20px;
  border: 5px solid #4dabf8;
  letter-spacing: 4;
}
.template-carfull #container-car-full #info-car-full #financity-teaser > h2 {
  font-size: 30px;
  line-height: 35px;
  color: #6d6d6d;
}
.template-carfull #container-car-full #info-car-full .uk-table td + td,
.template-carfull #sidebar-left #el-info-dealer  p.uk-text-bold,
.template-carfull #container-car-full #info-car-full #financity-teaser > h2 >span {color: #000;}
.template-carfull #container-car-full #info-car-full #financity-teaser .uk-button {
  color: #fff;
  font-family: 'Gill Sans MT Condensed';
  font-size: 26px;
  height: 45px;
  line-height: 45px;
}

#slideshow-carfull > .uk-slideshow-items, 
#slideshow-carfull > .uk-slideshow-items li > a, 
#slideshow-carfull > .uk-slideshow-items, 
#slideshow-carfull > .uk-slideshow-items li > a > img {
  height: 100%;
  width: 100%;
}
#slideshow-carfull > .uk-slideshow-items li > a > img{object-fit:cover;width:100%;}
.template-carfull #container-car-full #info-car-full #social-share .uk-dropdown {
  padding: 10px;
  background-color: rgba(255,255,255,0.6);
  width: 30px;
  min-width: 57px;
}
.template-carfull #container-car-full #info-car-full #social-share .uk-dropdown .uk-nav > li + li {
  margin-top: 8px;
}
.template-carfull #container-car-full #info-car-full #social-share .uk-dropdown .uk-nav > li > a{color:#fff; background-color:#666;}
.template-carfull #container-car-full #info-car-full #social-share .uk-dropdown .uk-nav > li > a.whatsapp{background-color:#3bc05b;}
#container-car-full #tabs-carfull > ul.uk-subnav {
  margin-left: -10px;
}
#container-car-full #tabs-carfull > ul.uk-subnav > li > a {
  font-family: 'Gill Sans MT Condensed';
  font-size: 20px;
  color: #444;
  border-left: 1px solid #ecebeb;
  border-right: 1px solid #ecebeb;
  border-top: 1px solid #ecebeb;
  padding: 10px 20px;
}
#container-car-full #tabs-carfull > ul.uk-subnav > li.uk-active > a {
  background-color: #fff;
  box-shadow: inset 0px -3px 0px #4dabf8;
}
#container-car-full #tabs-carfull > ul.uk-subnav > li {padding-left: 10px;}
#container-car-full #tabs-carfull > ul.uk-switcher { border: 1px solid #ecebeb;}
#container-car-full #tabs-carfull > ul.uk-switcher .uk-table > tbody > tr { border: none;}
#container-car-full #tabs-carfull > ul.uk-subnav > li > a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 7px;
  background-size: cover;
}
#container-car-full #tabs-carfull > ul.uk-switcher .uk-table > tbody > tr > td + td {color: #000;}
#container-car-full #tabs-carfull > ul.uk-subnav > li > a.icon-info::before { background-image: url("../../img/system/icon-info.jpg");}
#container-car-full #tabs-carfull > ul.uk-subnav > li > a.icon-features::before { background-image: url("../../img/system/icon-features.jpg");}
#container-car-full #tabs-carfull > ul.uk-subnav > li > a.icon-details::before { background-image: url("../../img/system/icon-details.jpg");}
#container-car-full #tabs-carfull > ul.uk-switcher #features-list {padding: 20px 50px;}
#container-car-full #tabs-carfull > ul.uk-switcher #features-list > li {margin-bottom: 10px;}
#container-car-full #tabs-carfull > ul.uk-switcher #features-list > li:before { color: #4dabf8 !important;}
#container-car-full #tabs-carfull > ul.uk-switcher #description-list {padding: 20px 30px;line-height: 25px;}
#container-car-full #tabs-carfull > ul.uk-switcher .uk-table > tbody > tr > td {padding: 16px 24px;}

/* =======================================================================
    Subscribe Form
 ========================================================================= */
#subscribe-web::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-right: 20px solid #42200d;
  border-top: 20px solid #fff;
}
#subscribe-web h3 {color: #9bc81d;}
#subscribe-web h4 {font-family: 'Gill Sans MT';}

/* =======================================================================
    Insurance Form
 ========================================================================= */
.uk-modal-dialog.uk-width-xlarge {
  width: 850px;
}

.uk-modal-dialog .info-car-header{background-color:#f4f4f4;}
#modal-insurance .uk-modal-body .uk-form-submit input[type="text"] {
  background-color: #f4f4f4;
}


/* =======================================================================
    Calculator Form
 ========================================================================= */
#modal-calculator .uk-modal-body #list-months {
  list-style: none;
  padding: 0;
}
#modal-calculator .uk-modal-body #list-months > li > input {
  display: none;
}
#modal-calculator .uk-modal-body #list-months > li > label {
  display: block;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #4dabf8;
  margin: 0.5px;
  cursor: pointer;
}
#modal-calculator .uk-modal-body #list-months > li > input:checked + label {
  background-color: #4dabf8;
  color: #fff;
}
#modal-calculator .uk-modal-body #list-months > li:hover > label {
  background-color: #f4f4f4;
}
/* =======================================================================
    Mobile
 ========================================================================= */
@media only screen and (max-width: 639px) {
    html,body{overflow-x: hidden;}
    .header-top .uk-navbar-right {min-width: 70px;}
    #container-car-full #tabs-carfull > ul.uk-subnav {
      margin-left: 0;
      white-space: nowrap;
      display: flex;
      flex-wrap: nowrap;
      overflow-y: scroll;
    }
    #container-car-full #tabs-carfull > ul.uk-subnav > li:first-child {padding-left: 0;}
    .template-home .uk-slideshow-items > li > .uk-cover {object-position: 24% center;}
    
    #modal-insurance .uk-slider-items > li.uk-active tbody > tr > td:not(:first-child) {
      display: none;
    }
    #tabs-carfull .uk-switcher .uk-table.uk-table-striped > tbody > tr > td:first-child {
      width: 40%;
    }
    #toolbar-top .uk-navbar .uk-navbar-right {
      margin-left: 0;
      width: 100%;
    }
    #toolbar-top .uk-navbar .uk-navbar-right > .uk-navbar-nav {
      width: 100%;
      justify-content: space-between;
    }

    .template-home .uk-slideshow > .uk-position-cover {
      width: 100%;
      transform: translateX(0);
      left: 0;
      position: relative;
    }
    .uk-slideshow #el-search {
      box-shadow: none;
      border-bottom: 1px solid #d4d4d4;
    }
    
}
@media (min-width: 960px){
    .uk-section {
      padding-top: 50px;
      padding-bottom: 50px;
    }
}

.slide-top-number {
  padding-top: 32px;
}
.slide-top-number #slide-points {
  position: relative;
  bottom: 33px;
  font-size: 12px;
  z-index: 0;
  width: 100%;
  left: 1%;
}
.slide-top-number #slide-points > span.active {
  color: #4dabf8;
}
.slide-top-number #slide-points > span:before {
  content: "";
  position: absolute;
  height: 20px;
  border-left: 1px solid;
  bottom: -20px;
  left: calc(50% - .5px);
}
.slide-top-number .range-bar:before {
  content: "";
  position: absolute;
  right: -3%;
  background-color: #eaeaea;
  height: 5px;
  width: 16px;
}

body.autoferia-active #header-top .uk-navbar-right .uk-navbar-nav > li > a {
  padding: 5px 17px;
}