/* Custom UIKIT =====================================*/
  
  @media (max-width: 959px) {
    .uk-h1, h1 {
      font-size: 2rem;
    }
   
    .uk-h2, h2 {
      font-size: 1.25rem;  
    }
  }
  
  /* Color modifiers
   ========================================================================== */
   .uk-text-muted {
      color: #777 !important;
    }
    .uk-text-primary {
      color: #253c77 !important;
    }

    .uk-link:hover, a:hover {
        color: #253c77;
    }
   
  
  
  /* Headings
   ========================================================================== */
   h1,
   .uk-h1,
   h2,
   .uk-h2,
   h3,
   .uk-h3,
   h4,
   .uk-h4,
   h5,
   .uk-h5,
   h6,
   .uk-h6 {
     font-family: "Raleway", sans-serif;    
     color: #253c77;      
   }
   

  /* End custom UIKIT =====================================*/

/* Material Icons */
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* Fonts  */


/* Utils */
.bg-blue {
    background-color: #253c77
}
.bg-blue-l {
    background-color: #1F79ED
}

.bg-black {
    background-color: #383838
}
.bg-gray {
    background-color: #f5f5f5
}
.text-bold {
    font-weight: 700
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    font-family: 'Raleway', sans-serif;
    color: #242021; 
}

 
#desktop-header {
    z-index: 981;
    transition: ease-in .15s 
}
.store-main-logo svg #f,
.store-main-logo svg #ord,
.store-main-logo svg #simone,
.store-main-logo svg #oval {
    fill:#253c77;
    transition: .1s
}
 

.logo-svg-responsive {
    height: 0;
    position: relative;
    padding-top: 16.70%;
    width: 200px;

}
.logo-svg-responsive svg {
    position: absolute;
    top: 0;
    left: 0;

}

 
.main-menu > ul {}
.main-menu > ul > li{}
.main-menu > ul > li > a {
    font-size: 18px;
    font-family: 'Raleway';
    text-transform: none;
    font-weight: 400;
    color: #253c77;
    position: relative;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {color:#333}

.main-menu > ul > li > a::after {
    content: '';
    height: 1px;
    background-color: #253c77;
    width: 100%;
    position: absolute;
    bottom: 0;
    transition: .2s;
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);     
    left: 0;
    right: 0;
}
.main-menu > ul > li:hover > a::after,
.main-menu > ul > li.uk-active > a::after  {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0)
}
.main-menu > ul > li:hover > a {
    color:  #242424
}
.main-menu  .the-zero {}
#desktop-header .uk-navbar-dropbar {
    background: transparent
}
#desktop-header + .uk-sticky-placeholder {    
    display: none!important
}
#desktop-header.uk-active  {
    background: #f5f5f5;
    box-shadow: 0 0 20px -9px rgba(0,0,0,.2), 0 1px 0 0 #f1f1f1   
} 
 
 
/* Mobile header */
#mobile-header {
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 981;
    transition: ease-in .15s 
}
#mobile-header + .uk-sticky-placeholder {    
    display: none!important
}
#mobile-header.uk-active  {
    background: #f5f5f5;
    box-shadow: 0 0 20px -9px rgba(0,0,0,.2), 0 1px 0 0 #f1f1f1
}
#mobile-header .store-main-logo {

}
#mobile-header .store-main-logo svg #f,
#mobile-header .store-main-logo svg #ord,
#mobile-header .store-main-logo svg #simone,
#mobile-header .store-main-logo svg #oval {fill:#253c77}

#mobile-header .logo-svg-responsive {
    transition: .15s ease-in;
    width: 150px
}
#mobile-header.uk-active .logo-svg-responsive {
    width: 120px
}

#mobile-header .mobile-header-icon-nav {
    width: 40px;
    color: #242021
}
#mobile-header .mobile-header-icon-nav > span {
    width: 20px;
    display: inline-block;

}
#offcanvas-more-menu .uk-offcanvas-close {
    right: auto;
    left: 16px;
    background: #fff;
    border-radius: 50%;
    color: #242424;
}
.off-canvas-cart-access i {
    vertical-align: middle
}
#offcanvas-more-menu .uk-nav-header {
    color: #666
}
#offcanvas-more-menu * a {
    color:#242424
}
 

  
.uk-open.sm-offcanvas > .uk-offcanvas-bar {
    /* transform: translateY(0); */
}
.sm-offcanvas .uk-offcanvas-bar {
    /* transform: translateY(100%); */
    width: 100vw;
    background: #f5f5f5;
    padding-bottom: 70px;
    padding-top: 50px;
}

.sm-offcanvas-primary-nav > li {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sm-offcanvas-primary-nav > li::after {
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    content: '';
    height: 1px;
     
    display: block;
    margin-top: 20px;
    margin-left: auto;
    max-width: 40vw;
    margin-right: auto;
    opacity: .5;
}
.sm-offcanvas-primary-nav > li:last-child::after {
    display: none
}
.sm-offcanvas-primary-nav .nav-option {
    display: inline-block;
    border-color: #333;
    background-color: #333 !important;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    color: #fff !important;
    opacity: 1;
    margin-bottom:8px
}
 

/* Secions */
#intro, #mision {
    background: #f1f1f1;
    background: -moz-linear-gradient(-45deg, #f1f1f1 0%, #f8f8f8 100%);
    background: -webkit-linear-gradient(-45deg, #f1f1f1 0%,#f8f8f8 100%);
    background: linear-gradient(135deg, #f1f1f1 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f8f8f8',GradientType=1 );
}
#empresas {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
}

.logos-empresa {
    border-radius: 10px;
    transition: .2s;
    padding-top: 10px;
    padding-bottom: 10px;
}
.logos-ford {

}
.logos-ford img {
    width: 100px;
}
.logos-autosiglo img {
    width: 120px
}
.logos-empresa:hover {
    background: #eee
}


  

/* Footer */
.site-footer {
    background: #EEE;
    color:#4A4A4A;
    padding-top: 45px;
    padding-bottom: 45px;
}
.site-footer {
    color:#4A4A4A
}
.site-footer h6 {
    font-weight: 600;
    font-size: 16px
}

.site-footer ul li a {
   font-size: 15px;
   color:#4A4A4A 
}


.social-icon {
    color: #1F79ED;
    display: inline-block;
    border: 2px solid #1F79ED;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 32px;
    transition: .1s
}
.social-icon:hover,
.social-icon:focus {
    color: #FFF;
    background-color: #1F79ED;
}
.footer-legals {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
}
.legal-link {
    color: #666666;
    font-size: 12px
}
#data-fiscal img {
    width: 28px
}
#rnbd img {
    height: 40px;
}

 
      
/* Forms elements under lead section */

#contact {
    background: #eee
} 

  

/* contact and agencies */
#agencies-section .branches {
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    padding-bottom: 20px;
    padding-top: 40px
}