.fnt-fam-ssp{
	font-family: 'Jost', sans-serif !important;
}
.bg-CC9F53a{
		background-color:rgba(204, 159, 83, .9);
}
.bg-CC9F53{
		background-color:#CC9F53;
}

#panel-right{
		-ms-overflow-style: none;
		scrollbar-base-color: rgba(0,0,0,0);
		scrollbar-face-color: rgba(0,0,0,0);
		scrollbar-3dlight-color: rgba(0,0,0,0);
		scrollbar-highlight-color: rgba(0,0,0,0);
		scrollbar-track-color: rgba(0,0,0,0);
		scrollbar-arrow-color: rgba(0,0,0,0);
		scrollbar-shadow-color: rgba(0,0,0,0);
		scrollbar-dark-shadow-color: rgba(0,0,0,0);
	
}
#panel-right::-webkit-scrollbar-thumb
{
	background:rgba(0,0,0,0);
	border-radius: 8px;
}
#panel-right::-webkit-scrollbar-thumb:hover
{
	background: rgba(0,0,0,0);
}
#panel-right::-webkit-scrollbar
{		
	width:7px;
}

.txt-10
{
	font-size:10px;
} 

.txt-clr-609de6
{
	color:#609de6;
}
.choice-card h5{
	margin-bottom:50px;
}
.choice-card{
	min-height: 200px;
}
.referral-count-subtitle{
	font-size:28px;
	letter-spacing:1px;
    font-weight: bolder;
    line-height: 1.3em;
	display:inline;
}
.d-inline{
	display:inline !important;
}
.referral-count-title{
	font-weight: bolder;
	letter-spacing:1px;
    font-size: 45px;
    line-height: 1.2;
	margin-top:40%;
	display:inline;
}

@media screen and (max-width: 768px) {
	.referral-count-title{
		font-size:30px;
		margin-top:25px;
		display:block;
		width:100%;
	}
	.referral-count-subtitle{
		font-size:20px;	
		display:block;		
	}
}
@media screen and (min-width: 768px) {
	#panel-right
	{
		overflow-y:scroll;
	}
}

.bg-3897F2{
	background-color:#3897F2;
}

.tweet-btn{
	color:white;
	width:100px;
	background-color:#3897F2;
	
}

.tweet-btn i{
	margin-right:7px;
	color:white;
	font-size:15px
}

.ml-7{
	margin-left:7px;
}

.messenger-btn{
	width:100px;
	
}

.messenger-btn i{
	color:white;
	margin-right:7px;
	font-size:15px;
}

.facebook-btn{
	background-color:#3b5998;
	color:white;
	width:100px;
}

.facebook-btn i{
	margin-right:7px;
	color:white;
	font-size:15px;
}

input[type="checkbox"] {
  display:none
}

.list-inline-item{
	padding:0;
}

.list-inline li img:hover{
	cursor:pointer
	}	

form{
	font-family: 'Jost', sans-serif;
	margin-top:3%;
	}

form label{	
	font-size:16px;
	color:black;
	}	

.mt-5{
		margin-top:5%;
	 }	

img.off:hover{
	opacity:0.8;
	}

img.on:hover{
	opacity:0.8;
	}	


.errorField{
	box-shadow:0 0 0 0.2rem rgba(254, 182, 22, 0.5);
}

.errorLabel{
	color:rgba(254, 182, 22, 1);
}

@media only screen and (min-width: 768px) {
	.list-inline-item {
		width:20%;        
	}
	.mag-10{
		margin:1.5% !important;
	}
}

@media only screen and (max-width: 375px) {
	.list-inline-item {
		width:45%;                
	}
	.mag-10{
		margin:10px auto;
	}
}

@media only screen and (max-width: 767px)  and (min-width: 376px) {
	.list-inline-item {
		width:30%;                
	}
	.mag-10{
		margin:10px auto;
	}
}

.btn-grey{
	color:#fff;
	font-family: 'Jost', sans-serif;
	background-color:#333;
	width:220px !important;
}

btn-grey:click{
	background-color:blue;
}

.location {
	font-size: 15px !important;
	border-color: #DE4C40 !important;
	color: #DE4C40 !important;
	height: 35px;
}
.location-acquired {
	font-size: 15px !important;
	border-color: #20A462 !important;
	color: #20A462 !important;
	height: 35px;
}
.mag-10{
	margin:10px;
}

.mt-10{
	margin-top:10%;
}
	
.mt-2{
		margin-top:2%;
}	
.mb-5{
		margin-bottom:5%;
}
.mb-10{
		margin-bottom:10%;
}
.siteBlock{
		border: 0;
		background-color: #f7f7f7;
		padding: 2%;
}
.number1 , .number7 , .number13{
		color:#505432;
		font-size:45px;	
}		 
.color1 , .color7{
		color:#505432;	
}
.number2, .number8 , .number14{
		color:#CC9F53;
		font-size:45px;	
}		 
.color2 , .color8{
		color:#CC9F53;	
}

.number3, .number9 , .number15{
		color:#725551;
		font-size:45px;	
}		 
.color3, .color9{
		color:#725551;	
}
.number{
	font-size:45px;	
}
.number4, .number10 , .number16{
		color:#6D6E71;
		font-size:45px;	
}		 
.color4, .color10{
		color:#6D6E71;	
}

.number5, .number11 , .number17{
		color:#853429;
		font-size:45px;	
}		 
.color5, .color11{
		color:#853429;	
}

.number6, .number12 , .number18{
		color:#374D5E;
		font-size:45px;	
}		 
.color6, .color12{
		color:#374D5E;	
}

.badge{	
	padding: 0.5% 2%;
	color: #fff;
	font-size: 15px;
}
.badge a{
	color: #fff;
	text-decoration:none;
}
.padd-0{
	padding:0 !important;	
}
li.list-group-item{
	border:0;
	font-size:13px;
	background-color:#f7f7f7;
}
.list-group-item .row{
	margin-left:0;
	margin-right:0;
}
.list-group-item .col-md-10{
	padding-top: 1%;
	padding-left: 2%;
}
.list-group-item {
	padding:1% 0%;
}
.list-group-item p{
	margin-bottom:0;	
	padding-top:5%;
}
.list-group-item  span{
	font-size:	32px !important;
	margin-right:4%;
}
.carousel-caption{
	background-color: grey;
	opacity: 0.7;
	color: white;
	padding:0;
	width:40%;
	right:60%;
	left:0%;
	bottom:0;
	
}
.carouselCredits{
	opacity: 1;
	padding:1%;
	margin:0;
}  
.carouselCredits a{
	color:white !important;
	text-decoration:none;
	padding:0;
}
.scroll{
	height:800px;
	overflow-y:scroll;
}
.scroll::-webkit-scrollbar {
	width: 6px;
}

.scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(203, 159, 82, 0.8); 
	//background-color:rgba(254, 182, 22,1);
	border-radius: 2px;
}

.scroll::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color:rgba(254, 182, 22,1);
	-webkit-box-shadow: inset 0 0 6px rgba(203, 159, 82, 0.9); 
}

.slctAll{
	margin:1%;
	background-color:#333;
	line-height: 36px;
	border-radius: 18px;
	text-decoration:none;
	color:#fff;
	padding: 5% 7%;
}	

.slctAll:hover{
	background-color:#feb616;
	color:#fff;
	text-decoration:none;
}

.alllocation{
	margin:1%;
	background-color:#333;
	line-height: 36px;
	border-radius: 18px;
	text-decoration:none;
	color:#fff;
	padding: 5% 7%;
}	

.alllocation:hover{
	background-color:#feb616;
	color:#fff;
	text-decoration:none;
}


.themeFont{
	font-family: 'Jost', sans-serif;
	color:#000;
}

.miscTabs{
	border-bottom:0;
}

.miscTabs li a.active{
	border:0;
}

.miscTabs li a{
	margin-bottom:8px;
}

.miscTabs li{
	width: 15%;
}

a.nav-link img{
	width:45px;
}	

a.nav-link {	
	margin: 0 auto;
	width:70px;	
	height:70px;
	padding: 12px 12px;
	border:2px solid !important;	
	border-top-left-radius: 100% !important;
	border-top-right-radius: 100% !important;
	border-bottom-left-radius: 100% !important;
	border-bottom-right-radius: 100% !important;
}

a.nav-link:hover{
	border:0;
}

hr:first-child, hr:last-child{
	height:auto;
}

@media screen and (max-width: 768px ){
   .miscTabs li{
		width: 33.33%; 
	}	
}

#cardimg{
	height:200px;
	background-position: center center;
	background-size: cover;
	background-repeat:no-repeat; 
}
.icon{
	width: 50px;
	}
.mt-70{
	margin-top:70px;
	
	}
	
.left-panel , .right-panel, .carousel-item{
		height:100vh;
	}
.right-panel{
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;	
	}
	
#popupimg{
	height: 135px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

 /*style the popup box*/  
.gm-style .gm-style-iw {
	background-color: white !important;
	top: 0 !important;
	left: 0 !important;
	width: 200px !important;
	min-height: 120px !important;
	padding-top: 10px;
	display: block !important;
	padding-top: 0px !important;
}    
	 
 /*style the p tag*/
.gm-style .gm-style-iw #google-popup p{
	padding: 10px;
}
		 
		
/*style the link*/
.gm-style div div div div div div div div a {
	color: black;
	pointer:cursor;
	text-decoration:none;
}
 
.gm-style-iw-d{
	overflow:visible !important;
}

.gm-style .gm-style-iw-c {
	padding:0px !important;
}

#content{
	font-size: 12px;
	padding: 15px;
}

#content a h3{
	font-size: 18px;
	font-weight: normal;
	line-height: 23px;
	margin-bottom: 4px;
	margin-top: 4px;
}

.btn-gold{
	background-color: #CC9F53;

}

.text-uppercase {
	text-transform: uppercase!important;
}

#loadbtn{
	padding: 8px;
	border: none;
}

.overflow-h{
	overflow-x: hidden;
}

.bottom span{
	font-size:	0.85714286em !important;
	margin-right:4%;
}


.bottom{
    border: 1px solid #ececec !important;
    font-size: 13px;
    background-color:white !important;
    padding: 0.92857143em 1.85714286em !important;
    height: 90px!important;
}

.completed a{
	color:black;
	text-decoration:none;
	cursor:pointer;
}

.h-100vh{
	height:100vh;
}

.pl-20{
	padding-left: 20px;
}

.pl-40{
	padding-left: 40px!important;
}