.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}


.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}



.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
}


.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}




@font-face {
  font-family: "Flat-UI-Icons";
  src: url("fonts/Flat-UI-Icons.eot");
  src: url("fonts/Flat-UI-Icons.eot@") format("embedded-opentype"), url("fonts/Flat-UI-Icons.woff") format("woff"), url("fonts/Flat-UI-Icons.ttf") format("truetype"), url("fonts/Flat-UI-Icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Flat-UI-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="fui-"] {
*/
@media (max-width: 480px) {
}
@media (max-width: 480px) {
}