body {
 position: relative;
}
/* ========================================================================
Bootstrap Overrides
=========================================================================== */
.navbar-brand {
	padding: 10px 5px;
}
.list-group-item {
	border: none;
	border-top: 1px solid #ddd;
}
// .dropdown-menu {
// 	width: 100%;
// }
.glyphicon-star {
	color: gold;
}
.panel {
 margin-bottom: 10px;
}
.btn {
 padding: 6px 6px;
 border-radius: 5px;
}
.panel {
 color: white;
}
.carousel {
 margin-bottom: 20px;
}
.carousel, .carousel-inner {
 height: 400px;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  top: 20%;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.carousel-indicators {
 z-index: 1;
}
.logo-pillalas {
 width: 100%;
}
#logo-pie {
 width: 195px;
}
.cartel {
 border:solid 1px white;
}
.border-cartel:hover{
 border: solid 2px #00aded;
}
.border-cartel {
	border: solid 2px transparent;
	overflow: hidden;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.dropdown-menu {
 background-color: rgba(65, 65, 65, 0.9);
 color: white;
 min-width: 180px;
}
.dropdown-menu>li>a {
  color: white;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #00ADED;
  color: white;
}
.panel-heading h3 {
  font-size: 15px;
  text-transform: uppercase;
}
.item {
 height: 300px;
}
.item.uk-cover-background {
 height: 100%;
}
.carousel-indicators {
  bottom: 0px;
}
.carousel-indicators .active {
  background-color: #00aded;
  border: none;
}
.carousel-indicators li {
  border: none;
  background-color: #414141;
}
.list-group-item {
 background-color: transparent;
}
.btn-link:focus, .btn-link:hover {
 color: #FFFFFF;
 text-decoration: none;
 background-color: transparent;
}
.navbar-inverse .navbar-toggle {
 border-color: transparent;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
 background-color: #0096CE;
}
@media (max-width: 767px) {
 .col-margin-top {
  margin-top:20px;
}
}
.nav>li>a:focus, .nav>li>a:hover {
 text-decoration: none;
 background-color: #343434;
}
.nav-tabs {
  background-color: #323232;
}
.nav-tabs>li>a {
  text-decoration: underline;
}
.nav-tabs>li>a:hover {
  background-color: #00ADED;
  top: 0px;
  border: none;
  color: white;
  padding: 10px 16px;
}
.nav-tabs>li.active>a:hover {
 padding: 10px 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  text-decoration: none;
  border-top: 0;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}
.nav-tabs>li:first-child.active>a, .nav-tabs>li:first-child.active>a:focus, .nav-tabs>li:first-child.active>a:hover {
 border-left: 0;
}
.nav-tabs>li {
 margin-bottom: -2px;
}
img.informacion-icon {
 width: 30px;
 margin-right: 6px;
}
.active-li {
  color: #fff;
  background-color: #009ad4;
}
.btn-evento {
  white-space: normal !important;
  text-align: left;
  text-decoration: underline;
}
.btn-evento:hover {
  text-decoration: underline;
  color: #1293C3;
}
/* ========================================================================
Custom clases
=========================================================================== */
/*body {
   background-color: #F43877; 
   background-image: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 100%);
   padding-top: 105px;
   }*/
   #logo-renoir {
    width: 195px;
  }
  .estreno {
    bottom: 0;
    background-color: rgba(0, 173, 237, 0.7);
    width: 100%;
    text-align: center;
    color: white;
    padding: 5px 0;
    text-transform: uppercase;
  }
  .icono-edades {
    width: 32px;
  }
  .iconos-toolbar > img {
    margin-top: 5px;
    vertical-align: top;
  }
  .text-white {
    color: white;
  }
  .text-black {
    color: black;
  }
  .text-gray {
    color: gray;
  }
  .article-container {
    padding-bottom: 10px;
  }
  .navbar-fixed-bottom {
    min-height: 50px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(240,240,240,0.85);
  }
  #map {
    height:400px;
    width:100%;
  }
  .label-large {
    color: #999999;
    background-color: #e5e5e5;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    touch-action: manipulation;
    cursor:not-allowed;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .seleccion {
   display: block;
   width: 20px;
   height: 20px;
   background-color: #f43877!important;
 }
 footer {
   background-color: #00aded;
   padding: 10px 0 0;
 }
 .leyenda-libre {
   display: block;
   width: 25px;
   height: 25px;
   background-color: #8bc34a;
 }
 .leyenda-ocupado {
   display: block;
   width: 25px;
   height: 25px;
   background-color: gray;
 }
 .leyenda-minusvalido {
   display: block;
   width: 25px;
   height: 25px;
   background-color: #0091ea;
 }
 .leyenda-seleccion {
   display: block;
   width: 25px;
   height: 25px;
   background-color: #F43877;
 }
/*.left {
   float: left;
}
.right {
   float: right;
}
.sala-left{
   float: left;
   width: 50%;
}
.sala-right{
   float: left;
   width: 50%;
   }
   */
   .sala {
    overflow: hidden;
  }
  .sin-asiento {
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
  }
  .asiento {
    width: 15px;
    height: 15px;
    display: block;
    background-color: #8BC34B;
    float: left;
    margin-right: 3px;
  }
  .libre {
    background-color: #8bc34a;
  }
  .ocupado {
    background-color: gray;
  }
  .minusvalidos {
    background-color: #0091ea;
  }
  .fila {
    height: 20px;
  }
  .fila-numero {
    margin: 0px;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    text-align: center;
  }
  .carousel-inner h1  {
    background-color: rgba(65, 65, 65, 0.7);
    padding: 20px;
    text-transform: uppercase;
    font-size:26px;
  }
  .carousel-inner p  {
    background-color: rgba(65, 65, 65, 0.7);
    padding: 5px;
  }
  .social-icon {
    width: 24px;
  }
  .footer-list li a {
    color: white;
  }
  .footer-list li a:hover {
    color: white;
  }
  #europa-cinemas {
    max-width: 180px;
  }
  .position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .aside.uk-active {
    z-index: 0!important;
  }
  #cine-movie-list li{
   border-bottom: 1px solid #dddddd;
 }
 #cine-movie-list li:last-child{
   border-bottom: none;
 }
 #carousel-club {
   background-image: url(../img/tarjetas_unidas.png); 
   background-repeat: no-repeat;
   background-size: cover;
 }
 #carousel-pelicula {
   background-repeat: no-repeat;
   background-size: cover;
 }
 .menu-active {
   background-color: #009ad4;
 }
 .panel-default>.panel-heading {
  color: #fff;
  background-color: #01ADED;
  border-color: #01ADED;
}
.panel-default {
  border-color: #01ADED;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #01ADED;
}
.vertical-align-bottom {
  vertical-align: bottom;
}
.img-responsive {
  width: 100%;
}
.logo-max-width {
  max-width: 160px;
}
/* ========================================================================
CookieBar Override
=========================================================================== */
#cookie-bar {
 background: rgba(17, 17, 17, 0.95);
}
#cookie-bar.fixed.bottom {
 z-index: 2;
}
#cookie-bar p {
 padding: 12px 0;
}
#cookie-bar .cb-enable {
 background: #00ADED;
 padding: 5px 20px;
}
#cookie-bar .cb-policy {
  background: transparent;
  text-decoration: underline;
}
#cookie-bar .cb-enable:hover {
  background: #008EC3;
}
#cookie-bar .cb-policy:hover {
  background: transparent;
  color: #EFEFEF;
}
/* ========================================================================
Helper: Divider
=========================================================================== */
.position-relative {position: relative;}
.position-absolute {position: absolute;}
/* ========================================================================
Helper: Divider
=========================================================================== */
.divider {
 margin-top: 15px;
 margin-bottom: 15px;
 padding-left: 15px;
 padding-right: 15px;
}
.divider:before {
 content: "";
 display: block;
 border-top: 1px solid #dddddd;
}
/* Large screen and bigger */
@media (min-width: 1200px) {
 .divider {
  margin-top: 15px;
}
}
/* ========================================================================
Helper: Touch
=========================================================================== */
.touch {
 -webkit-overflow-scrolling: touch;
}
/* ========================================================================
Helper: Margins & Padding
=========================================================================== */
.margin {
 margin-bottom: 15px;
}
* + .margin {
 margin-top: 15px;
}
.margin-top {
 margin-top: 15px !important;
}
.margin-bottom {
 margin-bottom: 15px !important;
}
.margin-left {
 margin-left: 15px !important;
}
.margin-right {
 margin-right: 15px !important;
}
/*
* Larger margins
*/
.margin-large {
 margin-bottom: 50px;
}
* + .margin-large {
 margin-top: 50px;
}
.margin-large-top {
 margin-top: 50px !important;
}
.margin-large-bottom {
 margin-bottom: 50px !important;
}
.margin-large-left {
 margin-left: 50px !important;
}
.margin-large-right {
 margin-right: 50px !important;
}
/*
* Medium margins
*/
.margin-medium {
 margin-bottom: 25px;
}
* + .margin-medium {
 margin-top: 25px;
}
.margin-medium-top {
 margin-top: 25px !important;
}
.margin-medium-bottom {
 margin-bottom: 25px !important;
}
.margin-medium-left {
 margin-left: 25px !important;
}
.margin-medium-right {
 margin-right: 25px !important;
}
/*
* Smaller margins
*/
.margin-small {
 margin-bottom: 5px;
}
* + .margin-small {
 margin-top: 5px;
}
.margin-small-top {
 margin-top: 5px !important;
}
.margin-small-bottom {
 margin-bottom: 5px !important;
}
.margin-small-left {
 margin-left: 5px !important;
}
.margin-small-right {
 margin-right: 5px !important;
}
/*
* Remove margins
*/
.margin-remove {
 margin: 0 !important;
}
.margin-top-remove {
 margin-top: 0 !important;
}
.margin-bottom-remove {
 margin-bottom: 0 !important;
}
/* Padding
=========================================================================== */
.padding-remove {
 padding: 0 !important;
}
.padding-top-remove {
 padding-top: 0 !important;
}
.padding-bottom-remove {
 padding-bottom: 0 !important;
}
.padding-vertical-remove {
 padding-top: 0 !important;
 padding-bottom: 0 !important;
}
/*
* Smaller paddings
*/
.padding-small {
 padding: 5px;
}
.padding-sides {
 padding:0 15px;
}
* + .margin-small {
 padding-top: 5px;
}
.padding-small-top {
 padding-top: 5px !important;
}
.padding-small-bottom {
 padding-bottom: 5px !important;
}
.padding-small-left {
 padding-left: 5px !important;
}
.padding-small-right {
 padding-right: 5px !important;
}
.padding-top {
 padding-top: 15px !important;
}
/* ========================================================================
Component: Flex
=========================================================================== */
.flex {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
}
.flex-inline {
 display: -ms-inline-flexbox;
 display: -webkit-inline-flex;
 display: inline-flex;
}
/*
* Fixes initial flex-shrink value in IE10
*/
.flex > *,
.flex-inline > * {
 -ms-flex-negative: 1;
}
/* Alignment
=========================================================================== */
/*
* Vertical alignment
* Default value is `stretch`
*/
.flex-top {
 -ms-flex-align: start;
 -webkit-align-items: flex-start;
 align-items: flex-start;
}
.flex-middle {
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
}
.flex-bottom {
 -ms-flex-align: end;
 -webkit-align-items: flex-end;
 align-items: flex-end;
}
/*
* Horizontal alignment
* Default value is `flex-start`
*/
.flex-center {
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
}
.flex-right {
 -ms-flex-pack: end;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
}
.flex-space-between {
 -ms-flex-pack: justify;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
.flex-space-around {
 -ms-flex-pack: distribute;
 -webkit-justify-content: space-around;
 justify-content: space-around;
}
/* Direction
=========================================================================== */
.flex-row-reverse {
 -ms-flex-direction: row-reverse;
 -webkit-flex-direction: row-reverse;
 flex-direction: row-reverse;
}
.flex-column {
 -ms-flex-direction: column;
 -webkit-flex-direction: column;
 flex-direction: column;
}
.flex-column-reverse {
 -ms-flex-direction: column-reverse;
 -webkit-flex-direction: column-reverse;
 flex-direction: column-reverse;
}
/* Wrap
=========================================================================== */
.flex-nowrap {
 -ms-flex-wrap: nowrap;
 -webkit-flex-wrap: nowrap;
 flex-wrap: nowrap;
}
.flex-wrap {
 -ms-flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.flex-wrap-reverse {
 -ms-flex-wrap: wrap-reverse;
 -webkit-flex-wrap: wrap-reverse;
 flex-wrap: wrap-reverse;
}
/*
* Horizontal alignment
* Default value is `stretch`
*/
.flex-wrap-top {
 -ms-flex-line-pack: start;
 -webkit-align-content: flex-start;
 align-content: flex-start;
}
.flex-wrap-middle {
 -ms-flex-line-pack: center;
 -webkit-align-content: center;
 align-content: center;
}
.flex-wrap-bottom {
 -ms-flex-line-pack: end;
 -webkit-align-content: flex-end;
 align-content: flex-end;
}
.flex-wrap-space-between {
 -ms-flex-line-pack: justify;
 -webkit-align-content: space-between;
 align-content: space-between;
}
.flex-wrap-space-around {
 -ms-flex-line-pack: distribute;
 -webkit-align-content: space-around;
 align-content: space-around;
}
/* Item ordering
=========================================================================== */
/*
* Default is 0
*/
.flex-order-first {
 -ms-flex-order: -1;
 -webkit-order: -1;
 order: -1;
}
.flex-order-last {
 -ms-flex-order: 99;
 -webkit-order: 99;
 order: 99;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
 .flex-order-first-small {
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.flex-order-last-small {
  -ms-flex-order: 99;
  -webkit-order: 99;
  order: 99;
}
}
/* Tablet and bigger */
@media (min-width: 768px) {
 .flex-order-first-medium {
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.flex-order-last-medium {
  -ms-flex-order: 99;
  -webkit-order: 99;
  order: 99;
}
}
/* Desktop and bigger */
@media (min-width: 992px) {
 .flex-order-first-large {
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.flex-order-last-large {
  -ms-flex-order: 99;
  -webkit-order: 99;
  order: 99;
}
}
/* Large screen and bigger */
@media (min-width: 1200px) {
 .flex-order-first-xlarge {
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.flex-order-last-xlarge {
  -ms-flex-order: 99;
  -webkit-order: 99;
  order: 99;
}
}
/* Item dimensions
=========================================================================== */
/*
* Initial: 0 1 auto
* Content dimensions, but shrinks
*/
/*
* No Flex: 0 0 auto
* Content dimensions
*/
.flex-item-none {
 -ms-flex: none;
 -webkit-flex: none;
 flex: none;
}
/*
* Relative Flex: 1 1 auto
* Space is allocated considering content
* 1. Fixes flex-shrink value in IE10
*/
.flex-item-auto {
 -ms-flex: auto;
 -webkit-flex: auto;
 flex: auto;
 /* 1 */
 -ms-flex-negative: 1;
}
/*
* Absolute Flex: 1 1 0%
* Space is allocated solely based on flex
*/
.flex-item-1 {
 -ms-flex: 1;
 -webkit-flex: 1;
 flex: 1;
}
/* ========================================================================
Component: Shadows
=========================================================================== */
.shadow-2dp {
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);transition: all 0.2s ease-in-out; 
}
.shadow-2dp:hover {
 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.shadow-3dp {
 box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); 
}
.shadow-4dp {
 box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); 
}
.shadow-6dp {
 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); 
}
.shadow-8dp {
 box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.shadow-16dp {
 box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); 
}

/* ========================================================================
Animations
========================================================================== */
#main {
 -webkit-animation-duration: 1.3s;
 -webkit-animation-delay: 0.05s;
}
#aside-1 {
 -webkit-animation-duration: 1.3s;
 -webkit-animation-delay: 0.05s;
}
#aside-2 {
 -webkit-animation-duration: 1.3s;
 -webkit-animation-delay: 0.25s;
}
#aside-3 {
 -webkit-animation-duration: 1.3s;
 -webkit-animation-delay: 0.35s;
}
#breadcrumb {
 -webkit-animation-delay: 0.5s;
}
.fixed {
 position:fixed; top:97px;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 -webkit-animation-delay: 0.2s;
}
/* ========================================================================
Bootstrap Queries
=========================================================================== */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: 480px) {
 .asiento {
  width: 25px;
  height: 25px;
}
.sin-asiento {
 width: 25px;
 height: 25px;
}
.fila {
 height: 30px;
}
.fila-numero {
  width: 25px;
  height: 25px;
}
}
@media (min-width: 768px) {
 .asiento {
  width: 40px;
  height: 40px;

}
.sin-asiento {
 width:40px;
 height: 40px;
}
.fila-numero {
  width: 40px;
  height: 40px;
}
.fila {
 height: 45px;
}
.form-inline .form-control {
 width: 100%;
}
}
@media(max-width:768px){
 .navbar-fixed-top {
  min-height: 45px!important;
}
.navbar-brand {
  padding: 5px 20px;
  height: auto;
}
.navbar-toggle {
  margin-top: 0px;
  margin-bottom: 0px;
}
.modal-dialog {
  margin: 30px 10px;
}
}
@media (min-width:768px) and (max-width:991px){
 .modal-dialog {
  margin: 80px auto;
}
}
/* Medium devices (desktops, 992px and up) */
@media(min-width:992px){
 .navbar-right {
  margin-right: 15px!important;
}
.modal-dialog {
  margin: 80px auto;
}
body {
  /* background-image: url(../img/skin_renoir.jpg); */
  background: url(/webrenoir/static/media/Peliculas/skin_la_ola_verde.jpg);
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: 50% 90px;
  background-attachment: fixed;
}
.body {
  /* background-image: url(../img/skin_renoir.jpg); */
  background: url(/webrenoir/static/media/Peliculas/skin_la_ola_verde.jpg);
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: 50% 12px;
  background-attachment: fixed;
}
.body-none {
  background-image: none;
}
}
/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px){
 .modal-dialog {
  margin: 80px auto;
}
.affix {
  width: 182px;
  top:100px;
}
}
/*
.bg1, .green { background: #42d692; }
.bg2, .blue { background: #4986e7; }
.bg3, .red { background: #d06b64; }
.bg4, .purple { background: #cd74e6; }
.bg5, .azure { background: #9fe1e7; }
.container {
  max-width: 100%;
  margin: 0 auto;
}
.tester {
margin: 20px 0;
padding: 10px;
height: 200px;
overflow: hidden;
}

.scroll-space {
height: 9000px;
}

#native, #no-native {
color: #fff;
font-weight: bold;
font-size: 1.1em;
padding: 10px 20px;
display: none;
margin: 25px 0;
}

.show {
display: block !important;
}


#pluginDetails{
margin-top: 50px;
}

#imgContainer{
width: 980px;
height: 500px;
}

#positionButtonDiv{

background: rgb(58, 56, 63);

background: rgba(58, 56, 63, 0.8);  
border: solid 1px #100000;
color:#FFFFFF;
padding: 8px;
text-align: left;
position:absolute;
right: 35px;
top: 190px;
}

#positionButtonDiv .positionButtonSpan img{
float: right;
border:0;
}

.positionMapClass area{
cursor: pointer;
}

.zoomButton{
border:0;
cursor: pointer;
}

.zoomableContainer{
background-image: url("assets/transparent.png");
}*/
/* ========================================================================
Component: Grid
=========================================================================== */
/*
* 1. Makes grid more robust so that it can be used with other block elements like lists
*/
.uk-grid {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 /* 1 */
 margin: 0;
 padding: 0;
 list-style: none;
}
/*
* DEPRECATED
* Micro clearfix
* Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit
*/
.uk-grid:before,
.uk-grid:after {
 content: "";
 display: block;
 overflow: hidden;
}
.uk-grid:after {
 clear: both;
}
/*
* Grid cell
* 1. Space is allocated solely based on content dimensions
* 2. Makes grid more robust so that it can be used with other block elements
* 3. DEPRECATED Using `float` to support IE9
*/
.uk-grid > * {
 /* 1 */
 -ms-flex: none;
 -webkit-flex: none;
 flex: none;
 /* 2 */
 margin: 0;
 /* 3 */
 float: left;
}
/*
* Remove margin from the last-child
*/
.uk-grid > * > :last-child {
 margin-bottom: 0;
}
/* Grid gutter
=========================================================================== */
/*
* Default gutter
*/
/* Horizontal */
.uk-grid {
 margin-left: -25px;
}
.uk-grid > * {
 padding-left: 25px;
}
/* Vertical */
.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
 margin-top: 25px;
}
/* Large screen and bigger */
@media (min-width: 1200px) {
 /* Horizontal */
 .uk-grid {
  margin-left: -35px;
}
.uk-grid > * {
  padding-left: 35px;
}
/* Vertical */
.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
  margin-top: 35px;
}
}
/*
* Collapse gutter
*/
/* Horizontal */
.uk-grid-collapse {
 margin-left: 0;
}
.uk-grid-collapse > * {
 padding-left: 0;
}
/* Vertical */
.uk-grid-collapse + .uk-grid-collapse,
.uk-grid-collapse > .uk-grid-margin,
.uk-grid-collapse > * > .uk-panel + .uk-panel {
 margin-top: 0;
}
/*
* Small gutter
*/
/* Horizontal */
.uk-grid-small {
 margin-left: -10px;
}
.uk-grid-small > * {
 padding-left: 10px;
}
/* Vertical */
.uk-grid-small + .uk-grid-small,
.uk-grid-small > .uk-grid-margin,
.uk-grid-small > * > .uk-panel + .uk-panel {
 margin-top: 10px;
}
/*
* Medium gutter
*/
/* Horizontal */
.uk-grid-medium {
 margin-left: -25px;
}
.uk-grid-medium > * {
 padding-left: 25px;
}
/* Vertical */
.uk-grid-medium + .uk-grid-medium,
.uk-grid-medium > .uk-grid-margin,
.uk-grid-medium > * > .uk-panel + .uk-panel {
 margin-top: 25px;
}
/* Modifier: `uk-grid-divider`
=========================================================================== */
/*
* Horizontal divider
* Only works with the default gutter. Does not work with gutter collapse, small or large.
* Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.
*/
.uk-grid-divider:not(:empty) {
 margin-left: -25px;
 margin-right: -25px;
}
.uk-grid-divider > * {
 padding-left: 25px;
 padding-right: 25px;
}
.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
 border-left: 1px solid #dddddd;
}
/* Tablet and bigger */
@media (min-width: 768px) {
 .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
  border-left: 1px solid #dddddd;
}
}
/* Desktop and bigger */
@media (min-width: 992px) {
 .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
  border-left: 1px solid #dddddd;
}
}
/* Large screen and bigger */
@media (min-width: 1200px) {
/*
  * Large gutter
  */
  .uk-grid-divider:not(:empty) {
   margin-left: -35px;
   margin-right: -35px;
 }
 .uk-grid-divider > * {
   padding-left: 35px;
   padding-right: 35px;
 }
 .uk-grid-divider:empty {
   margin-top: 35px;
   margin-bottom: 35px;
 }
}
/*
* Vertical divider
*/
.uk-grid-divider:empty {
 margin-top: 25px;
 margin-bottom: 25px;
 border-top: 1px solid #dddddd;
}
/* Match panels in grids
=========================================================================== */
/*
* 1. Behave like a block element
*/
.uk-grid-match > * {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 /* 1 */
 -ms-flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.uk-grid-match > * > * {
 /* 1 */
 -ms-flex: none;
 -webkit-flex: none;
 flex: none;
 box-sizing: border-box;
 width: 100%;
}
/* Even grid cell widths
=========================================================================== */
[class*='uk-grid-width'] > * {
 box-sizing: border-box;
 width: 100%;
}
.uk-grid-width-1-2 > * {
 width: 50%;
}
.uk-grid-width-1-3 > * {
 width: 33.333%;
}
.uk-grid-width-1-4 > * {
 width: 25%;
}
.uk-grid-width-1-5 > * {
 width: 20%;
}
.uk-grid-width-1-6 > * {
 width: 16.666%;
}
.uk-grid-width-1-10 > * {
 width: 10%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
 .uk-grid-width-small-1-2 > * {
  width: 50%;
}
.uk-grid-width-small-1-3 > * {
  width: 33.333%;
}
.uk-grid-width-small-1-4 > * {
  width: 25%;
}
.uk-grid-width-small-1-5 > * {
  width: 20%;
}
.uk-grid-width-small-1-6 > * {
  width: 16.666%;
}
.uk-grid-width-small-1-10 > * {
  width: 10%;
}
}
/* Tablet and bigger */
@media (min-width: 768px) {
 .uk-grid-width-medium-1-2 > * {
  width: 50%;
}
.uk-grid-width-medium-1-3 > * {
  width: 33.333%;
}
.uk-grid-width-medium-1-4 > * {
  width: 25%;
}
.uk-grid-width-medium-1-5 > * {
  width: 20%;
}
.uk-grid-width-medium-1-6 > * {
  width: 16.666%;
}
.uk-grid-width-medium-1-10 > * {
  width: 10%;
}
}
/* Desktop and bigger */
@media (min-width: 992px) {
 .uk-grid-width-large-1-2 > * {
  width: 50%;
}
.uk-grid-width-large-1-3 > * {
  width: 33.333%;
}
.uk-grid-width-large-1-4 > * {
  width: 25%;
}
.uk-grid-width-large-1-5 > * {
  width: 20%;
}
.uk-grid-width-large-1-6 > * {
  width: 16.666%;
}
.uk-grid-width-large-1-10 > * {
  width: 10%;
}
}
/* Large screen and bigger */
@media (min-width: 1200px) {
 .uk-grid-width-xlarge-1-2 > * {
  width: 50%;
}
.uk-grid-width-xlarge-1-3 > * {
  width: 33.333%;
}
.uk-grid-width-xlarge-1-4 > * {
  width: 25%;
}
.uk-grid-width-xlarge-1-5 > * {
  width: 20%;
}
.uk-grid-width-xlarge-1-6 > * {
  width: 16.666%;
}
.uk-grid-width-xlarge-1-10 > * {
  width: 10%;
}
}
/* Sub-objects: `uk-width-*`
=========================================================================== */
[class*='uk-width'] {
 box-sizing: border-box;
 width: 100%;
}
/*
* Widths
*/
/* Whole */
.uk-width-1-1 {
 width: 100%;
}
/* Halves */
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
 width: 50%;
}
/* Thirds */
.uk-width-1-3,
.uk-width-2-6 {
 width: 33.333%;
}
.uk-width-2-3,
.uk-width-4-6 {
 width: 66.666%;
}
/* Quarters */
.uk-width-1-4 {
 width: 25%;
}
.uk-width-3-4 {
 width: 75%;
}
/* Fifths */
.uk-width-1-5,
.uk-width-2-10 {
 width: 20%;
}
.uk-width-2-5,
.uk-width-4-10 {
 width: 40%;
}
.uk-width-3-5,
.uk-width-6-10 {
 width: 60%;
}
.uk-width-4-5,
.uk-width-8-10 {
 width: 80%;
}
/* Sixths */
.uk-width-1-6 {
 width: 16.666%;
}
.uk-width-5-6 {
 width: 83.333%;
}
/* Tenths */
.uk-width-1-10 {
 width: 10%;
}
.uk-width-3-10 {
 width: 30%;
}
.uk-width-7-10 {
 width: 70%;
}
.uk-width-9-10 {
 width: 90%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
 /* Whole */
 .uk-width-small-1-1 {
  width: 100%;
}
/* Halves */
.uk-width-small-1-2,
.uk-width-small-2-4,
.uk-width-small-3-6,
.uk-width-small-5-10 {
  width: 50%;
}
/* Thirds */
.uk-width-small-1-3,
.uk-width-small-2-6 {
  width: 33.333%;
}
.uk-width-small-2-3,
.uk-width-small-4-6 {
  width: 66.666%;
}
/* Quarters */
.uk-width-small-1-4 {
  width: 25%;
}
.uk-width-small-3-4 {
  width: 75%;
}
/* Fifths */
.uk-width-small-1-5,
.uk-width-small-2-10 {
  width: 20%;
}
.uk-width-small-2-5,
.uk-width-small-4-10 {
  width: 40%;
}
.uk-width-small-3-5,
.uk-width-small-6-10 {
  width: 60%;
}
.uk-width-small-4-5,
.uk-width-small-8-10 {
  width: 80%;
}
/* Sixths */
.uk-width-small-1-6 {
  width: 16.666%;
}
.uk-width-small-5-6 {
  width: 83.333%;
}
/* Tenths */
.uk-width-small-1-10 {
  width: 10%;
}
.uk-width-small-3-10 {
  width: 30%;
}
.uk-width-small-7-10 {
  width: 70%;
}
.uk-width-small-9-10 {
  width: 90%;
}
}
/* Tablet and bigger */
@media (min-width: 768px) {
 /* Whole */
 .uk-width-medium-1-1 {
  width: 100%;
}
/* Halves */
.uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
  width: 50%;
}
/* Thirds */
.uk-width-medium-1-3,
.uk-width-medium-2-6 {
  width: 33.333%;
}
.uk-width-medium-2-3,
.uk-width-medium-4-6 {
  width: 66.666%;
}
/* Quarters */
.uk-width-medium-1-4 {
  width: 25%;
}
.uk-width-medium-3-4 {
  width: 75%;
}
/* Fifths */
.uk-width-medium-1-5,
.uk-width-medium-2-10 {
  width: 20%;
}
.uk-width-medium-2-5,
.uk-width-medium-4-10 {
  width: 40%;
}
.uk-width-medium-3-5,
.uk-width-medium-6-10 {
  width: 60%;
}
.uk-width-medium-4-5,
.uk-width-medium-8-10 {
  width: 80%;
}
/* Sixths */
.uk-width-medium-1-6 {
  width: 16.666%;
}
.uk-width-medium-5-6 {
  width: 83.333%;
}
/* Tenths */
.uk-width-medium-1-10 {
  width: 10%;
}
.uk-width-medium-3-10 {
  width: 30%;
}
.uk-width-medium-7-10 {
  width: 70%;
}
.uk-width-medium-9-10 {
  width: 90%;
}
}
/* Desktop and bigger */
@media (min-width: 992px) {
 /* Whole */
 .uk-width-large-1-1 {
  width: 100%;
}
/* Halves */
.uk-width-large-1-2,
.uk-width-large-2-4,
.uk-width-large-3-6,
.uk-width-large-5-10 {
  width: 50%;
}
/* Thirds */
.uk-width-large-1-3,
.uk-width-large-2-6 {
  width: 33.333%;
}
.uk-width-large-2-3,
.uk-width-large-4-6 {
  width: 66.666%;
}
/* Quarters */
.uk-width-large-1-4 {
  width: 25%;
}
.uk-width-large-3-4 {
  width: 75%;
}
/* Fifths */
.uk-width-large-1-5,
.uk-width-large-2-10 {
  width: 20%;
}
.uk-width-large-2-5,
.uk-width-large-4-10 {
  width: 40%;
}
.uk-width-large-3-5,
.uk-width-large-6-10 {
  width: 60%;
}
.uk-width-large-4-5,
.uk-width-large-8-10 {
  width: 80%;
}
/* Sixths */
.uk-width-large-1-6 {
  width: 16.666%;
}
.uk-width-large-5-6 {
  width: 83.333%;
}
/* Tenths */
.uk-width-large-1-10 {
  width: 10%;
}
.uk-width-large-3-10 {
  width: 30%;
}
.uk-width-large-7-10 {
  width: 70%;
}
.uk-width-large-9-10 {
  width: 90%;
}
}
/* Large screen and bigger */
@media (min-width: 1200px) {
 /* Whole */
 .uk-width-xlarge-1-1 {
  width: 100%;
}
/* Halves */
.uk-width-xlarge-1-2,
.uk-width-xlarge-2-4,
.uk-width-xlarge-3-6,
.uk-width-xlarge-5-10 {
  width: 50%;
}
/* Thirds */
.uk-width-xlarge-1-3,
.uk-width-xlarge-2-6 {
  width: 33.333%;
}
.uk-width-xlarge-2-3,
.uk-width-xlarge-4-6 {
  width: 66.666%;
}
/* Quarters */
.uk-width-xlarge-1-4 {
  width: 25%;
}
.uk-width-xlarge-3-4 {
  width: 75%;
}
/* Fifths */
.uk-width-xlarge-1-5,
.uk-width-xlarge-2-10 {
  width: 20%;
}
.uk-width-xlarge-2-5,
.uk-width-xlarge-4-10 {
  width: 40%;
}
.uk-width-xlarge-3-5,
.uk-width-xlarge-6-10 {
  width: 60%;
}
.uk-width-xlarge-4-5,
.uk-width-xlarge-8-10 {
  width: 80%;
}
/* Sixths */
.uk-width-xlarge-1-6 {
  width: 16.666%;
}
.uk-width-xlarge-5-6 {
  width: 83.333%;
}
/* Tenths */
.uk-width-xlarge-1-10 {
  width: 10%;
}
.uk-width-xlarge-3-10 {
  width: 30%;
}
.uk-width-xlarge-7-10 {
  width: 70%;
}
.uk-width-xlarge-9-10 {
  width: 90%;
}
}
/* ==========================================================================
   Component: Cover
   ========================================================================== */
/*
 * Background image always covers and centers its element
 */
 .uk-cover-background {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
/*
 * Emulates image cover, works with video and image elements
 * 1. Parent container which clips resized object
 * 2. Resizes the object to always covers its container
 * 3. Reset the responsive image CSS
 * 4. Center object
 */
 /* 1 */
 .uk-cover {
  overflow: hidden;
}
.uk-cover-object {
  /* 2 */
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  /* 3 */
  max-width: none;
  /* 4 */
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*
 * To center iframes use `data-uk-cover` JavaScript
 */
 [data-uk-cover] {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.uk-invisible {
  visibility: hidden !important;
}
/* Show on hover */
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
  display: block !important;
  visibility: visible !important;
}
.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
  display: inline-block !important;
  visibility: visible !important;
}
/*! UIkit 2.25.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
/* ========================================================================
   Component: Sticky
   ========================================================================== */
/*
 * 1. More robust if padding and border are used
 */
 [data-uk-sticky].uk-active {
  z-index: 980;
  /* 1 */
  box-sizing: border-box;
}
/*
 * 1. Resolve frame-rate issues on devices with lower frame-rates. Forces hardware acceleration
 */
 .uk-sticky-placeholder > * {
  /* 1 */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*
 * Faster animations
 */
 [data-uk-sticky][class*='uk-animation-'] {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
[data-uk-sticky].uk-animation-reverse {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.visible-lg {
  @media (max-width: @screen-phone-max) {
  .responsive-invisibility();
  }
  &.visible-xs {
    @media (max-width: @screen-phone-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
    .responsive-invisibility();
  }
  &.visible-sm {
    @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
    .responsive-invisibility();
  }
  &.visible-md {
    @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-large-desktop) {
    .responsive-visibility();
  }
}

.container-carousel {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px){
  .container-carousel {
    width: 100%;
  }
}
@media (min-width: 992px){
  .container-carousel {
    width: 940px;
  }
}
@media (min-width: 1400px){
  .container-carousel {
    width: 940px;
  }
}