html,body{
	height: 100%;
	max-height: 100%;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	background: #eee;
}h1,h2,h3,h4,h5,h6,p,span,a,td{
	font-family: 'Roboto'!important;
	font-weight: 900!important;
}
.top-part{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}

.logoBar{
	width: 100%;
	position: relative;
	background:#343436;
	padding: 15px 0;
}.logoBar img{
	height: 100%;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}.logoBar h3{
	margin: 0;
	color: #F4D03F;
	text-transform: uppercase;
}

.priceRangeBox{
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
}

.priceRangeGroup{
	position: relative;
	width: 90%;
	max-width: 523px;
	margin: 20px auto;
	padding: 0!important;
}.priceRangeGroup span.to{
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}.priceRangeGroup *{
	border-radius: 0;
}.priceRangeGroup label{
	display: inline-block;
	width: auto;
	text-transform: uppercase;
	text-align: center!important;
	margin: 0 auto;
}

.searchBar{
	z-index: 2;
	background: #F5F5F5;
  	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	width: 100%;
	position: relative;
	position: absolute;
	top: 105px;
	left: 0;
	right: 0;
	padding-top: 5px;
}#searchStringGroup{
	width: 80%;
	max-width: 800px;
	margin: 5px auto;
}#searchString{
	border-radius: 0;
	text-align: center;
	background: white;
	border: none;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}#searchBtn{
	border-radius: 0;
	text-align: center;
	background: #F4D03F;
	border: 1px solid #F4D03F;
}

.nav-swiper-container{
	background: #343436;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px;
	z-index: 2;
	width: 100%;
	position: relative;
	border-top: 1px solid #F4D03F;
	border-bottom: 1px solid #F4D03F;
}.nav-swiper-container .swiper-slide{
	text-align: center;
	background: #343436;
	color: #EEE;
	width: auto!important;
	min-width: 130px;
	max-width: 300px;
	padding: 5px 20px;
}.nav-swiper-container .swiper-slide h5{
	cursor:pointer;
}.nav-swiper-container .swiper-slide.swiper-slide-active{
	background: #F4D03F;
	color: #111;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}.nav-swiper-container .swiper-slide.swiper-slide-active h5{
}.nav-swiper-container .top,.nav-swiper-container .bottom{
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 2000;
	padding: 0;
	color: #F4D03F;
}.nav-swiper-container .top{
	top: -9.6px;
	pointer-events:none;
}.nav-swiper-container .bottom{
	bottom: -9.6px;
	pointer-events:none;
}

.main-swiper-container{
	z-index: 1;
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: relative;
}.main-swiper-container .swiper-slide{
	height: 100%;
	background: #eee;
	padding: 0;
	padding-bottom: 20px;
	overflow-y: auto; 
	-webkit-overflow-scrolling: touch;
}.main-swiper-container .swiper-slide .dataTables_wrapper{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}.main-swiper-container .swiper-slide .dataTables_wrapper table{
	width: 100%;
	font-size: 18px;
	background: #f5f5f5;
}

.main-swiper-container .swiper-slide .dataTables_wrapper table *{
	color: #343434;
}

.main-swiper-container .swiper-slide .dataTables_wrapper .col-sm-12{
	padding: 0!important;
}

.main-swiper-container .swiper-slide .dataTables_wrapper .dataTables_paginate ul{
	display: block!important;
	width: 100%!important;
	max-width: 100%!important;
	overflow-x: auto!important;
	margin-left: auto!important;
	margin-right: auto!important;
	white-space: nowrap!important;
}.main-swiper-container .swiper-slide .dataTables_wrapper .dataTables_paginate ul li{
	display: inline-block!important;
}


.pagination>li>a, .pagination>li>span{
	color: black!important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	color: white!important;
	background:darkgray;
	border-color:darkgray;
}

.numberTypeContainer{
	margin-top: -10px;
	padding: 20px;
	background: #343436;
	border-top: 1px solid #F4D03F;
	border-bottom: 1px solid #F4D03F;
}#numberType{
	border-radius: 0;
	box-shadow: none;
}

.numberTypeContainer h5{
	color: #EEE;
	text-transform: uppercase;
}

#numberType {
	width: 100%;
}

@media (max-width: 767px){
	.priceRangeGroup label{
		display: block;
		text-align: center;
		margin: 5px auto;
	}
}