@font-face {
    font-family: 'pn_reg';
    src: url('../fonts/pn_reg.eot'); /* IE9 Compat Modes */
    src: url('../fonts/pn_reg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/pn_reg.woff') format('woff'), /* Modern Browsers */
         url('../fonts/pn_reg.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/pn_reg.svg#svgFontName') format('svg'); /* Legacy iOS */
}


body {
	background: #fafafa;
	font-family: pn_reg;
}

ul
{
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
li
{
  display: contents;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 0;
    padding: 0.75rem 0;
    background-color: transparent;
    border: 0;
	margin: 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiper-container {
  width: 100%;
  max-height: 400px;

}

.h6, .h6 {
    font-size: 0.8rem;
}

small, .small {
    font-size: 0.8rem;
    font-weight: 400;
    width: 100%;
    /* white-space: normal; */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    max-width: 200px;
}

.cont-swipe small, .cont-swipe .small {
    font-size: 0.8rem;
    font-weight: 400;
    width: 100%;
    /* white-space: normal; */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    max-width: 120px;
    /* line-break: anywhere; */
}

.cont-swipe {
background:#ffffff;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
border-radius: 0.25rem;
-webkit-box-shadow: 0px 3px 5px 0px rgba(34, 60, 80, 0.1);
-moz-box-shadow: 0px 3px 5px 0px rgba(34, 60, 80, 0.1);
box-shadow: 0px 3px 5px 0px rgba(34, 60, 80, 0.1);
}

.navbar-light {
-webkit-box-shadow: 0px 3px 5px 0px rgba(34, 60, 80, 0.1);
-moz-box-shadow: 0px 3px 5px 0px rgba(34, 60, 80, 0.1);
box-shadow: 0px 3px 5px 0px rgba(34, 60, 80, 0.1);
background: #ffffff!important;
}

.btn-sm-custom {
padding: 0.25rem 0.25rem;
font-size: 0.8rem;
line-height: 1.2;
border-radius: 0.2rem;
color: #007bff;
background-color: transparent;
border-color: #007bff;
min-width: 75px;
}

.carousel-inner {
border-radius: 0.25rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #999999;
}
.nav-pills .nav-link {
border-radius: 0.25rem;
font-size: 13px;
}
.nav-link {
display: block;
padding: 0.1rem 0.75rem;
}

.nav-pills a {
color: #999999;
text-decoration: none;
background-color: transparent;
}

.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
}

.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 0;
border-radius: 0.25rem;
}

.nav-bottom-fixed {
-webkit-box-shadow: 0px 3px 5px 0px rgba(34, 60, 80, 0.1);
-moz-box-shadow: 0px 3px 5px 0px rgba(34, 60, 80, 0.1);
box-shadow: 0px 3px 5px 0px rgba(34, 60, 80, 0.1);
background: #ffffff!important;
font-size: 14px;
border-top: 1px solid #e2e2e2;
text-align: center;
}

.nav-bottom-fixed a {
color: #212121;
}

.carousel-control-next {
    right: -15px;
}
.carousel-control-prev {
    left: -15px;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: no-repeat 50% / 100% 100%;
}
.carousel-control-prev, .carousel-control-next {
    opacity: 0.1;
}