.spanbold{
	font-size:18px;	
}


@media screen and (max-width: 450px) {	
.spanbold {
	font-size:12px;
}
}	

.hover {
/*  border: 1px solid #878787; */
 background-color: #ff6800;
 height: 45px;
 width: 260px;
 position: absolute;
 left: 0px; right:0px;
 -webkit-transition: all 500ms ease-in-out;
 transition: all 500ms ease-in-out;
 border-radius: 50px;
 opacity: 0.3;
}

@media screen and (max-width: 450px) {	
.hover {
	width: 100px;
}
}

ul.tabs {
 display: block;
 padding: 0px;
 margin: 0 auto;
 list-style: none;
 position: relative;
 border-radius: 20px;
 overflow: hidden;
/*  border: 1px solid #eaeaea; */
 height: 45px;
 width: 70%;
 text-align:center;
 background-color: #ffe8cc;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

@media screen and (max-width: 800px) {	
ul.tabs  {
	width: 100%;
}
}

.tab {
 font-size: 14px;
 height: 45px;
 top: 0px;
 color: #000;
 float: left;
 width: 33.333333%;
 text-align: center;
 padding: 10px 5px;
 position: relative;
 cursor: pointer;
 display: inline-block;
 -webkit-transition: 500ms ease-in-out;
 transition: 500ms ease-in-out;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}


@media screen and (max-width: 1025px) {	
.tab {
	padding:5px;
}
}

@media screen and (max-width: 800px) {	
.tab {
	padding: 10px 5px;
}
}

@media screen and (max-width: 450px) {	
.tab {
	padding: 5px 2px;
	font-size:12px;
}
}

.tab.active {
/*  border: 1px solid #ff8900; */
 border-radius: 50px;
/*  background-color:#ff8900; */
 color:#000;
 height: 45px;
 left: 0px;
 font-size: 14px;
 font-weight: bold;
}

@media screen and (max-width: 450px) {	
.tab.active {
	height: 45px;
	padding: 5px 2px;
	font-size:12px;
}
}


.slider {
 display: none;
}

.slider.active {
 display: block;
}