/* Fonts */

    @font-face{
        font-family:"SantanderHeadlineW05-Rg";
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderHeadlineW05-Rg.eot#iefix");
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderHeadlineW05-Rg.eot#iefix") format("eot"),url("../fonts/SantanderHeadlineW05-Rg.woff") format("woff2"),url("../fonts/SantanderHeadlineW05-Rg.woff") format("woff"),url("../fonts/SantanderHeadlineW05-Rg.ttf") format("truetype");
      font-display: swap;
    }

    @font-face{
        font-family:"SantanderHeadlineW05-Bold";
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderHeadlineW05-Bold.eot#iefix");
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderHeadlineW05-Bold.eot#iefix") format("eot"),url("../fonts/SantanderHeadlineW05-Bold.woff") format("woff2"),url("../fonts/SantanderHeadlineW05-Bold.woff") format("woff"),url("../fonts/SantanderHeadlineW05-Bold.ttf") format("truetype");
      font-display: swap;
    }    

    @font-face{
        font-family:"SantanderHeadlineW05-Italic";
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderHeadlineW05-Italic.eot#iefix");
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderHeadlineW05-Italic.eot#iefix") format("eot"),url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderHeadlineW05-Italic.woff2") format("woff2"),url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderHeadlineW05-Italic.woff") format("woff"),url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderHeadlineW05-Italic.ttf") format("truetype");
      font-display: swap;
    }

 @font-face{
        font-family:"SantanderTextW05-LightItalic";
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderTextW05-LightItalic.eot#iefix");
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderTextW05-LightItalic.eot#iefix") format("eot"),url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderTextW05-LightItalic.woff2") format("woff2"),url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderTextW05-LightItalic.woff") format("woff"),url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderTextW05-LightItalic.ttf") format("truetype");
      font-display: swap;
    }    

    @font-face{
        font-family:"SantanderTextW05-Regular";
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderTextW05-Regular.eot#iefix");
        src:url("https://www.santanderjobs.co.uk/settingpotentialfree/fonts/SantanderTextW05-Regular.eot#iefix") format("eot"),url("../fonts/SantanderTextW05-Regular.woff") format("woff2"),url("../fonts/SantanderTextW05-Regular.woff") format("woff"),url("../fonts/SantanderTextW05-Regular.ttf") format("truetype");
      font-display: swap;
    }

.uk-animation-kenburns {
    animation-name: uk-scale-kenburns;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;  
}

/*
 * Kenburns
 */
@keyframes uk-scale-kenburns {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
    100% {
    transform: scale(1);
  }
}


html {
  /* 1 */
  font-family: -apple-system, BlinkMacSystemFont, "SantanderTextW05-Regular",  "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 3 */
  background: #fff;
  color: #222;
}

a:hover, .uk-link:hover, .uk-link-toggle:hover .uk-link, .uk-link-toggle:focus .uk-link {
    color: #222;
text-decoration: none;
  }

.uk-text-santa {
    color: #E40613;
}

.uk-text-danger {
    color: #E40613;
}

.uk-text-light {
  color: #E9F1F9 ;
}

.uk-text-normal {
  color: #222 !important;
}


.uk-light {
  color: rgba(255,255,255, 1);
}

.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,.uk-card-primary>:not([class*=uk-card-media]) hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,.uk-card-secondary>:not([class*=uk-card-media]) hr,.uk-light .uk-hr,.uk-light hr,.uk-offcanvas-bar .uk-hr,.uk-offcanvas-bar hr,.uk-overlay-primary .uk-hr,.uk-overlay-primary hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr {
    border-top-color: rgba(255,255,255,.9)
}

.top-shadow {
      -webkit-box-shadow: inset 0 40px 40px -40px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 40px 40px -40px rgba(0,0,0,0.8);
    box-shadow: inset 0 40px 40px -40px rgba(0,0,0,0.8);
}

.text-spread {
  letter-spacing: 10px;
}

blockquote {
  border-left: 5px solid #e40b13;
  padding-left: 15px;
}

hr,
.uk-hr {

  border-top: 4px solid #EBEBEB;
}

.legible 
{
    text-shadow: #666 0px 0px 6px;
}

.legibleondark 
{
    text-shadow: #fff 0px 0px 6px;
}

/* Text
 ========================================================================== */
a.uk-link-text,
.uk-link-text a {
  color: #e40b13;
}
a.uk-link-text:hover,
.uk-link-text a:hover,
.uk-link-toggle:hover .uk-link-text,
.uk-link-toggle:focus .uk-link-text {
  color: #222;
}



.uk-section-default {
  background: #fff;
}
/*
 * Muted
 */
.uk-section-muted {
  background: #f1f1f1;
}
/*
 * Primary
 */
.uk-section-primary {
  background: #E40613;
}

.uk-section-med-sky {
  background: #E9F1F9;
}

.uk-section-footer{
background: #E40613;  
border-top:2px solid rgba(255, 255, 255, 0.7);
}

.uk-tile-primary {
    background: #E40613;
}

.uk-tile-blue {
    background: #eef6f8;
}

.uk-tile-med-sky {
    background: #E9F1F9;
}

.uk-border-circle {
    border-radius: 50px;
}

.uk-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    /* text-transform: uppercase; */
    transition: 0.25s ease-in-out;
    transition-property: color, background-color, border-color, padding;
}

.uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, .uk-overlay-primary .uk-button-primary, .uk-offcanvas-bar .uk-button-primary {
    background-color: transparent;
    color: #E40613;
    border-color: #E40613;
    border-style: solid;
    border-width: 2px;
}

.uk-button-primary:hover, .uk-light .uk-button-primary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary.uk-card-body .uk-button-primary:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus, .uk-overlay-primary .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:focus, .uk-offcanvas-bar .uk-button-primary:hover, .uk-offcanvas-bar .uk-button-primary:focus {
    background-color: #E40613;
    color: #fff;
    padding: 0 40px;
}

.uk-button-apply {
    background-color: transparent;
    color: #E40613;
    border-color: #E40613;
    border-style: solid;
    border-width: 2px;
    font-size: 2.5rem;
    line-height: 60px;
    font-style: italic;
}

.uk-button-apply:hover {
    background-color: #E40613;
    color: #fff;
    padding: 0 40px;
}

.uk-button-primary:active, .uk-button-primary.uk-active {
    background-color: #E40613;
    color: #fff;
}

.uk-button-primary:hover, .uk-button-primary:focus {
    background-color: #E40613;
    color: #fff;
}

.uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled {
    background-color: transparent;
    color: #E40613;
    border-color: #E40613;
}

.uk-text-link {
    padding: 0;
    line-height: 1.5;
    background: none;
    color: #E40613;
    position: relative;
}


.uk-text-link:hover::before, .uk-text-link:focus::before {
    right: 0;
}
.uk-text-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    border-bottom: 1px solid #333;
    transition: right 0.3s ease-out;
}


.grad-bg {
background-color: #E40613;
}



/* === vid home === */
.vid-home
{
    position: relative;
    width: 90vw;
    display: flex;
    flex-wrap: wrap;
}
.vid-home .box
{
    position: relative;
    width: 33%;
    height: 66vh;
    background: #ccc;
    overflow: hidden;
    transition: 0.5s;
}
.vid-home .box:hover
{
    transform: scale(1.15);
    z-index: 1;
    box-shadow: 0 25px 40px rgba(0,0,0,.5);
}
.vid-home .box .imgBx
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vid-home .box .imgBx:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,#f00,#000);
    z-index: 1;
    mix-blend-mode: multiply;
    opacity: 0;
    transition: 0.5s;
}
.vid-home .box:hover .imgBx:before
{
    opacity: 1;
}
/* Target IE 11*/ 
.vid-home .box .imgBx img
{
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    object-fit; 
}

/* Target Chrome */
.vid-home .box .imgBx img:not(*:root) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 

}

.vid-home .box .content
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    padding: 20px;
    align-items: flex-end;
}
.vid-home .box .content h2
{
    color: #fff;
    transform: translateY(200px);
    transition: 0.5s;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 3.5em;
}
.vid-home .box .content p
{
    color: #fff;
    transform: translateY(200px);
    transition: 0.5s;
    font-size: 1.5em;
}
.vid-home .box:hover .content h2
{
    transform: translateY(-3vw);
    transition-delay: 0.3s;
}
.vid-home .box:hover .content p
{
    transform: translateY(-2vw);
    transition-delay: 0.4s;
}

/* === End Vid Home === */
  .pulse {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation-name: grow;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: grow;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    
    transition-property: -moz-transform;
    transition-duration: 1s;
    animation-name: grow;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes grow {
    from {
        -webkit-transform:scale(0.8);

    }
 50% {
        -webkit-transform:scale(1);

  } 
    to {
        -webkit-transform:scale(0.8);
    }
}

@-moz-keyframes grow {
    from {
        -moz-transform:scale(0.8);
    }
    50% {
        -moz-transform:scale(1);
    }
    to {
        -moz-transform:scale(0.8);
    }
}
@keyframes grow {
    from {
        transform:scale(0.8);
    }
    50% {
        transform:scale(1);
    }    
    to {
        transform:scale(0.8);
    }
}

/* Headings
 ========================================================================== */
/*
 * Sizes
 */


h1,
.uk-h1  {
  margin: 0 0 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, "SantanderHeadlineW05-Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: lighter;
  text-transform: none;
}

h1,
.uk-h1-max {
  margin: 0 0 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, "SantanderHeadlineW05-Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: lighter;

  text-transform: none;
}

h3,
.uk-h3-max {
  margin: 0 0 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, "SantanderHeadlineW05-Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;

  text-transform: none;
}


h6,
.uk-h6 {
  margin: 0 0 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, "SantanderHeadlineW05-Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  color: #333;
  text-transform: none;
}


h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5
 {
  margin: 0 0 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, "SantanderHeadlineW05-Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: lighter;
  text-transform: none;
}

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
   font-family: -apple-system, BlinkMacSystemFont, "SantanderHeadlineW05-Rg", "Helvetica Neue", Arial, sans-serif;
    text-transform: none;
}

.uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge {
   font-family: -apple-system, BlinkMacSystemFont, "SantanderHeadlineW05-Rg", "Helvetica Neue", Arial, sans-serif;
    text-transform: none;
    line-height: 1.3;
}

/* Laptop and bigger */
@media (min-width: 1200px) {
  .uk-heading-medium {
    font-size: 4rem;
  }
  .uk-heading-large {
    font-size: 5rem;
  }
}


.uk-h2-light {
   font-family: -apple-system, BlinkMacSystemFont, "SantanderHeadlineW05-Italic", "Helvetica Neue", Arial, sans-serif;
    text-transform: none;
}




/* -- TOOLBAR */

.uk-section-toolbar {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #E40613;
/*     background: -webkit-linear-gradient(left, #E40613 0%,#6f5196 100%); Chrome10-25,Safari5.1-6
background: linear-gradient(to right, #E40613 0%,#6f5196 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.toolbar-title {
  /* 1 */
  height: 64px;
  /* 3 */
  font-size: 14px;
  font-weight: lighter;
  letter-spacing: 6px;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "SantanderTextW05-Regular", "Helvetica Neue", Arial, sans-serif;
  /* 4 */
  text-transform: none;
}

/* -- Footer Links --*/
.uk-link-muted a, a.uk-link-muted {
    color: #666666;
}

/* --- NAVBAR --- */
.uk-logo {
height: 70px;
}

.uk-navbar-nav > li > a {
    color: #999;
    text-transform: none;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color;
}

/*
 * Items
 * 1. Center content vertically and horizontally
 * 2. Dimensions
 * 3. Style
 * 4. Required for `a`
 */
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* 1 */
  height: 64px;
  padding: 0 10px;
  /* 3 */
  font-size: 16px;
  font-style: italic;
  letter-spacing: 3px;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "SantanderHeadlineW05-Bold", "Helvetica Neue", Arial, sans-serif;
  /* 4 */
  text-decoration: none;
}


/* Container
 ========================================================================== */
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #fff;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a.uk-open {
    color: #222;
   /* background: #cc0000;*/
    outline: none;
}

/* Dropdown Nav
 * Adopts `uk-nav`
 ========================================================================== */
.uk-navbar-dropdown-nav {
  font-size: 1rem;
}

/* -- Drop Down Nav -- */



.uk-navbar-dropdown-nav>li>a {
    color: #222;
}


.uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover {
    color: #e40b13;
    font-weight: bold;
}

.uk-navbar-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 300px;
    padding: 25px;
    background: #fff; 
    color: #666;
    box-shadow: 0 5px 12px rgba(0,0,0,.15);
    border-radius: 4px;
}


/* -- OFF CANVAS MENU -- */

.uk-nav, .uk-nav ul {
    margin-left: 10px;
    padding: 0;
    list-style: none;
}

.uk-offcanvas-bar { 
    background-color: #9BC3D3;
    }

    /* -- HERO --*/

.hero-grad {
  background: -moz-linear-gradient(-45deg, rgba(157,30,38,0.9) 0%, rgba(190,57,88,0.5) 50%, rgba(121,62,102,0.2) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(157,30,38,0.9) 0%,rgba(190,57,88,0.5) 50%,rgba(121,62,102,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(157,30,38,0.9) 0%,rgba(190,57,88,0.5) 50%,rgba(121,62,102,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.uk-position-center-left {
    left: 8vw;
}  


.uk-accordion-title {
    font-size: 2.0rem;
    line-height: 1.6;
    color: #222;
    padding: 15px;
    border-width: 2px 0px 0px 0px;
    border-color: #bbb;
    border-style: solid;
    font-style: italic;
}

.uk-accordion-title.first {
    border-color: transparent;
}

.uk-accordion-title:hover, .uk-accordion-title:focus {
    color: #E40613;
    text-decoration: none;
    outline: none;
}

.acc-center.uk-accordion-title:before{
        margin-top: 10px;
      margin-right: 20vw;
}
.acc-center.uk-open{
      .uk-accordion-title:before{
      margin-top: 10px;
      margin-right: 20vw;
      }
}

.uk-accordion-content {
    margin: 20px 5px 40px 5px;
}

.accord-bg {
  background-color: #fff;

}


.uk-light .uk-accordion-title:hover, .uk-light .uk-accordion-title:focus, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-card-primary.uk-card-body .uk-accordion-title:hover, .uk-card-primary.uk-card-body .uk-accordion-title:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:focus, .uk-card-secondary.uk-card-body .uk-accordion-title:hover, .uk-card-secondary.uk-card-body .uk-accordion-title:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:focus, .uk-overlay-primary .uk-accordion-title:hover, .uk-overlay-primary .uk-accordion-title:focus, .uk-offcanvas-bar .uk-accordion-title:hover, .uk-offcanvas-bar .uk-accordion-title:focus {
    color: rgba(255, 255, 255, 0.95);
}

.uk-card-hover {
    background: #E1EBF4;
    border-style: solid;
    border-color: #A7A9AC;
    border-width: 1px;
    color: #222;
}


.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background: #fff;
    border-style: solid;
    border-color: #e40b13;
    /* border-width: 1px; */
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.16);
}

.uk-card-blue {
    background: #eef6f8;
    color: #333;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.uk-overlay-explore {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+11,0+11,0.66+80 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 11%, rgba(0,0,0,0.66) 80%, rgba(0,0,0,0.66) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.66) 80%,rgba(0,0,0,0.66) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.66) 80%,rgba(0,0,0,0.66) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a8000000',GradientType=0 ); /* IE6-9 */
}


.uk-list > li:nth-child(n+2), .uk-list > li > ul {
    margin-top: 2px;
}


.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {

    padding: 0 20px 0 0;

}