/* 05.11. Jumbotron */
.jumbotron { background: #333333; padding: 0 0 20px 0; margin-bottom: 0; }
.jumbotron.jumbotron--no-catption { padding-bottom: 0; }
@media (min-width: 480px) { .jumbotron { padding-bottom: 30px; } }
@media (min-width: 992px) { .jumbotron { background: #999999; padding: 0; } }

/* Slider Indicators */
.carousel-control.left, .carousel-control.right { background-image: none; opacity: 1; text-shadow: none; width: 45px; height: 45px; background: rgba(51, 51, 51, 0.9); font-size: 36px; line-height: 46px; text-align: center; border-radius: 2px; color: #ffffff; top: 20px; }
@media (min-width: 480px) { .carousel-control.left, .carousel-control.right { top: 50px; } }
@media (min-width: 768px) { .carousel-control.left, .carousel-control.right { top: 100px; } }
@media (min-width: 992px) { .carousel-control.left, .carousel-control.right { top: calc( 50% - 22px); } }
.carousel-control.left:hover, .carousel-control.right:hover { color: #eeeeee; }

.carousel-control.left { left: 5%; }
.carousel-control.left .fa-angle-left { padding-right: 2px; }

.carousel-control.right { right: 5%; }
.carousel-control.right .fa-angle-right { padding-left: 2px; }

/* Slider Content */
.carousel-content { position: relative; max-height: 100%; z-index: 0; }
@media (min-width: 992px) { .carousel-content { background: rgba(51, 51, 51, 0.9); position: absolute; padding: 20px; width: 540px; top: 18%;  } }
@media (min-width: 1200px) { .carousel-content { top: 10%; width: 500px; } }
@media (min-width: 1450px) { .carousel-content { width: 580px; margin-left: 0; left: inherit; } }
@media (min-width: 1700px) { .carousel-content { top: 10%; } }

.carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; }

.jumbotron__category { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(250, 250, 250, 0.2); margin-top: 20px; }
@media (min-width: 480px) { .jumbotron__category { margin-top: 30px; margin-bottom: 15px; padding-bottom: 15px; } }
@media (min-width: 992px) { .jumbotron__category { margin-top: 0; } }
.jumbotron__category h6 { margin: 0; color: #be1d02; }

.jumbotron__title h1 { font-size: 20px; color: #eeeeee; }
@media (min-width: 480px) { .jumbotron__title h1 { font-size: 25px; } }
@media (min-width: 992px) { .jumbotron__title h1 { margin: 18px 0 10px 0; } }
@media (min-width: 1200px) { .jumbotron__title h1 { font-size: 30px; } }
@media (min-width: 1450px) { .jumbotron__title h1 { margin: 26px 0 19px 0; } }

.jumbotron__content p { font-size: 14px; font-weight: normal; }
@media (min-width: 992px) { .jumbotron__content p { margin: 0 0 18px 0; } }
@media (min-width: 1450px) { .jumbotron__content p { margin: 0 0 24px 0; } }

@media (min-width: 1450px) { body.boxed .carousel-content { left: calc( 50% - 250px ); padding: 20px; } }
@media (min-width: 1700px) { body.boxed .carousel-content { top: 20%; } }
@media (min-width: 1200px) { body.boxed .jumbotron__title h1 { font-size: 25px; } }
@media (min-width: 1450px) { body.boxed .jumbotron__title h1 { margin: 26px 0 19px 0; } }
@media (min-width: 1450px) { body.boxed .jumbotron__content p { margin: 0 0 18px 0; } }


.carousel { position: relative; }

.carousel-inner { position: relative; overflow: hidden; width: 100%; }
.carousel-inner > .item { display: none; position: relative; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
    .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; }
    .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }
    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }

.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-control.left { background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
}
.carousel-control.right { left: auto; right: 0; background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; line-height: 1; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }

.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent; }
.carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; }

.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }

@media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; }
    .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; }
    .carousel-indicators { bottom: 20px; } }



.carousel-control { right: 0; bottom: 0; }

.carousel-control.left { right: auto; left: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }

.carousel-control.right { left: auto; right: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; right: auto; margin-right: -10px; }

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; left: auto; margin-left: -10px; }

.carousel-indicators { width: 100%; right: 50%; left: 0; margin-right: -30%; margin-left: 0; padding-left: 0; }

@media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: 0; margin-right: -15px; }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-left: 0; margin-right: -15px; }
    .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } }