nav
{z-index: 100;
}

html {
  /* 1 */
  font: 300 14px / 20px "Roboto", Helvetica, Arial, sans-serif;
}


/* --- Fonts --- */
h1,
.uk-h1 {
  font-size: 250%;
  font-weight: 300;
  font-family: "Roboto condensed";    
}
h2,
.uk-h2 {
  font-size: 200%;
  font-family: "Roboto condensed";    
}
h3,
.uk-h3 {
  font-size: 150%;
}
h4,
.uk-h4 {
  font-size: 120%;
}
h5,
.uk-h5 {
  font-size: 100%;
}
h6,
.uk-h6 {
  font-size: 80%;
}
/* --- Fonts & Media--- */
@media (max-width: 767px) {
h1,
.uk-h1 {
  font-size: 130%;
  font-weight: 300;
  font-family: "Roboto condensed";    
}
h2,
.uk-h2 {
  font-size: 110%;
  font-family: "Roboto condensed";    
}
    
}

.form-al {
  font-size: 150%;
  font-family: "Roboto condensed"; 
  font-weight: 500;
}
.button-al  {
  font-size: 150%;
  font-family: "Roboto condensed"; 
  font-weight: 500;
}

.onlydecember-al    {
  color: red;
}

/* новые цвета */
/* Primary - #00a8e6 */


.uk-block-primary {
  background: #8f8f8f;
}

.uk-nav-side > li.uk-active > a {
  background: #8f8f8f;
}

.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
  background: #8f8f8f;
}

.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background: #8f8f8f;
}

.uk-subnav-pill > .uk-active > * {
  background: #8f8f8f;
}

.uk-pagination > .uk-active > span {
  background: #8f8f8f;
}

.uk-button-primary {
  background-color: #8f8f8f;
}

.uk-badge {
  background: #8f8f8f;
}

.uk-contrast .uk-button-primary {
  background-color: #8f8f8f;
}

.uk-table td {
  text-align: center;
}

.uk-table th {
  text-align: center;

}





/* Navbar color background - #f5f5f5 */
/*
.uk-navbar {
  background: #cac9c9;
}

.uk-pagination > li > a {
  background: #cac9c9;
}

.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
  background: #cac9c9;
}

.uk-button {
  background: #cac9c9;
}

.uk-icon-button {
  background: #cac9c9;
}

*/











/* Navbar color click - #eeeeee */
/*
.uk-navbar-nav > li > a:active {
  background-color: #8f8f8f;
}

.uk-pagination > li > a:active {
  background-color: #8f8f8f;
}

.uk-button:active,
.uk-button.uk-active {
  background-color: #8f8f8f;
}

.uk-icon-button:active {
  background-color: #8f8f8f;
}
*/





/* sprite icon */

.icon-al {
  width: 64px;
  height: 64px;
  float: left;
  background: url(/images/icon/icon-pixel-64.png) no-repeat;
}

.access-al .icon-al {
  background-position: 0 0px; /*  */
  cursor: pointer;
}

.roof-al .icon-al {
  background-position: 0 -64px; /*  */
  cursor: pointer;
}

.automarket-al .icon-al {
  background-position: 0 -128px; /*  */
  cursor: pointer;
}

.cafe-al .icon-al {
  background-position: 0 -192px; /*  */
  cursor: pointer;
}

.warmbox-al .icon-al {
  background-position: 0 -256px; /*  */
  cursor: pointer;
}

.tireservice-al .icon-al {
  background-position: 0 -320px; /*  */
  cursor: pointer;
}


.autoservice-al .icon-al {
  background-position: 0 -384px; /*  */
  cursor: pointer;
}


.storage-al .icon-al {
  background-position: 0 -448px; /*  */
  cursor: pointer;
}


.carwash-al .icon-al {
  background-position: 0 -512px; /*  */
  cursor: pointer;
}

.twentyfour-al .icon-al {
  background-position: 0 -576px; /*  */
  cursor: pointer;
}

.wc-al .icon-al {
  background-position: 0 -640px; /*  */
  cursor: pointer;
}




.icon-medium-al {
  width: 128px;
  height: 128px;
  float: left;
  background: url(/images/icon/icon-pixel-128.png) no-repeat;
}


.access-medium-al .icon-medium-al {
  background-position: 0 0px; /*  */
  cursor: pointer;
}


.warmbox-medium-al .icon-medium-al {
  background-position: 0 -512px; /*  */
  cursor: pointer;
}


.storage-medium-al .icon-medium-al {
  background-position: 0 -896px; /*  */
  cursor: pointer;
}

.call-medium-al .icon-medium-al {
  background-position: 0 -1408px; /*  */
  cursor: pointer;
}

.pay-medium-al .icon-medium-al {
  background-position: 0 -1536px; /*  */
  cursor: pointer;
}

.write-medium-al .icon-medium-al {
  background-position: 0 -1664px; /*  */
  cursor: pointer;
}
/* ------------------ FORM STYLE ------------------------- */
/* ---- order-call ---- */

.order-call-al {
  width: 300px;
}