/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #9cec93; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #9cec93; 
}

p{
	font-family: 'Martel', serif;
	margin:0;
	padding:0;
	font-size: 15px;
	line-height:26px;
}
a{
	font-family: 'Martel', serif;
	color:#000;
}
small{
	font-size:11px;
}
.logo img{
	height:100px;
}
.logo h1{
	font-family: 'Raleway', sans-serif;
	font-size:24px;
	font-weight:900;
	color:#000;
}
.logo h2{
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:700;
	color:#000;
}
.lphone{
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
}
.btn-purple{
	background:#7fe9f6;
	color:#000;
}
.btn-purple:hover{
	background:#7fe9f6;
	color:#000;
}
.bg-purple{
	background:#7fe9f6;
	color:#fff;
}
.bg-green{
	background:#9cec93;
	color:#000;
}
.text-purple{
	color:#7c85ef;
}
.bg-white{
	background:#fff;
}
#hero{
	margin-top:148px !important;
}
.breadcrumbs{
	margin-top:148px !important;
}
.fixed-top {  
    background: #fff !important;
}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:2px; margin:10px; background:#9cec93; color:#000;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.active a{
	background: #3f3aaa !important;
}
.page-link{
	color:#000;
}
.card-title{
	font-size:15px;
	font-weight:bold;
}
.sidebar h4{
	font-size:18px;
	font-weight:bold;
}
.ranks:last-child {
    border: none;
}

.ranks {
    flex-wrap: wrap;
    padding-bottom: 0;
    margin-top: 0;
    position: relative;
    border-bottom: 0;
}
.ranks {
    display: flex;
    /* margin-top: 40px; */
    justify-content: center;
    border-bottom: 2px solid #b9b9b9;
    /* padding-bottom: 30px; */
}
.ranks::before {
    content: '';
    /* border-bottom: 2px solid #b9b9b9; */
    width: 100%;
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
}
/* .top_rankers {
    margin: 39px 60px 31px 0;
} */
.top_rankers {
    box-shadow: 0px 0px 10px 2px #afafaf;
    background: #fff;
    padding: 10px 15px;
    width: 222px;
    display: flex;
    position: relative;
    margin-right: 0px;
}
.top_rankers:before {
    content: '';
    position: absolute;
    width: 200px;
    height: 85px;
    background: #007d99;
    top: -10px;
    left: -10px;
    z-index: -1;
    box-shadow: 0px 0px 7px 1px #adadad;
}
.top_rankers img {
    /* width: 50px; */
    height: 60px;
}
.center_box {
  /*   width: 25px;
    height: 25px;
    position: absolute;
    bottom: -43px;
    background: #188ba0;
    left: 44%;
    border: 6px solid #fff;
    box-shadow: 0px 0px 5px 1px #b5b1b1;
    transform: rotate(45deg);
    z-index: 1; */
}
.top_rankers:after {
    /* content: '';
    position: absolute;
    width: 2px;
    height: 35px;
    background: #007d99;
    bottom: -35px;
    left: 49.1%; */
}
.ranker_1:before, .ranker_1:after, .center_box_1 {
    background: #f39108;
}
.ranker_1:before, .ranker_1:after, .center_box_1 {
    background: #f39108;
}
.rank_color_1 {
    color: #f39108;
}
.ranker_2:before, .ranker_2:after, .center_box_2 {
    background: #2aa66a;
}
.ranker_2:before, .ranker_2:after, .center_box_2 {
    background: #2aa66a;
}
.ranker_3:before, .ranker_3:after, .center_box_3 {
    background: #cbcc66;
}
.ranker_3:before, .ranker_3:after, .center_box_3 {
    background: #cbcc66;
}
/* .ranker_3{
	top: 160px;
    right: 282px;
	bottom:50px;
} */
.ranker_3:after, .ranker_4:after, .ranker_5:after, .ranker_6:after {
    top: -45px;
}
.ranker_4:before, .ranker_4:after, .center_box_4 {
    background: #c997ca;
}
.center_box_3, .center_box_4, .center_box_5, .center_box_6 {
    top: -53px;
}
.ranker_5:before, .ranker_5:after, .center_box_5 {
    background: #64c8fa;
}
.ranker_5:before, .ranker_5:after, .center_box_5 {
    background: #64c8fa;
}
.ranker_3:after, .ranker_4:after, .ranker_5:after, .ranker_6:after {
    top: -45px;
}
.ranker_3:after, .ranker_4:after, .ranker_5:after, .ranker_6:after {
    top: -45px;
}
.text-secondary {
    font-size: 14px;
    color: #3c3c3c!important;
}
.top_rankers b {
    font-size: 30px;
}
.pl-2, .px-2 {
    padding-left: 0.5rem!important;
}
.txtbk{
	position: relative;
    z-index: 999;
    top: 90px;
    width: 40%;
    left: 100px;	
}
.txtbk1{
	position: relative;
    z-index: 999;
    top: 0px;
    width: 40%;
    left: 100px;	
}
.txtdk-card{
	bottom: 68px;
	height:180px;
}
.list-group-item{
	font-weight: bold;
    font-size: 14px;
}

#loading-image{
	height:300px;	
	z-index:999;
	position:absolute;
	top:30%;
}
.price{
	font-family: 'Raleway', sans-serif;
	color:#000;
	position: absolute;
}
.onoffswitch3
{
    position: fixed; 
	bottom:0;
	width:100%;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	z-index: 994;
}

.onoffswitch3-checkbox {
    display: none;
}

.onoffswitch3-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #999999; border-radius: 0px;
}

.onoffswitch3-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch3-inner > span {
    display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Montserrat', sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch3-inner .onoffswitch3-active {
    padding-left: 10px;
    background-color: #7fe9f6; color: #FFFFFF;
}

.onoffswitch3-inner .onoffswitch3-inactive {
    width: 100px;
    padding-left: 16px;
    background-color: #EEEEEE; color: #FFFFFF;
    text-align: right;
}

.onoffswitch3-switch {
    display: block; width: 50%; margin: 0px; text-align: center; 
    border: 0px solid #999999;border-radius: 0px; 
    position: absolute; top: 0; bottom: 0;
}
.onoffswitch3-active .onoffswitch3-switch {
    background: #27A1CA; left: 0;
    width: 160px;
}
.onoffswitch3-inactive{
    background: #A1A1A1; right: 0;
    width: 20px;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.glyphicon-remove{
    padding: 3px 0px 0px 0px;
    color: #fff;
    background-color: #000;
    height: 25px;
    width: 25px;
    border-radius: 15px;
    border: 2px solid #fff;
}

.scroll-text{
    color: #000;
}
.prod_title{
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:900;
	color:#000;
}
.Raleway-font{
	font-family: 'Raleway', sans-serif;
}
.homepopup .modal-body{
	padding: 0 !important;
    margin: 0 !important;
}
.homepopup .close{
	height: 36px;
    position: absolute;
    right: -14px;
    margin-top: -13px;
}
.collsapse-icon{
	position: absolute;
    right: 28px;
    font-size: 24px;
}
.btn:hover {
	background:#9cec93 !important;
	color:#000 !important;
}
@media (max-width: 767.98px) { 
	.logo img{
		margin-top:20px;
		height:60px !important;
	}
	.breadcrumbs {
		margin-top: 140px !important;
	}
	#hero {
		margin-top: 90px !important;
	}
}
@media (max-width: 991.98px) { 
	.logo img{
		margin-top:20px;
		height:80px;
	}
}