* {
    font-family: 'Jost', sans-serif;
}
.txt-10
{
	font-size:10px;
} 

.d-inline{
	display:inline !important;
}

.right-panel::-webkit-scrollbar {
    width: 8px;
}
.right-panel::-webkit-scrollbar-thumb {
    background-color: #000;
     border-radius: 40px;
}

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);
}

.mag-10{
	margin:10px;
}

.mt-10{
	margin-top:10%;
}
	
.mt-2{
		margin-top:2%;
}	
.mb-5{
		margin-bottom:5%;
}
.mb-10{
		margin-bottom:10%;
}

.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;
}

#cardimg{
	height:200px;
	background-position: center center;
	background-size: cover;
	background-repeat:no-repeat; 
}
.icon{
	width: 50px;
	}
.mt-70{
	margin-top:70px;	
}
/* GO BACK Button in left side */
.go-back-btn {
  position: fixed;
  bottom: 25px;
  left: 17px;
  z-index: 1;
  cursor: pointer;
}
.go-back-btn a {
  color: #000;
  font-size: 14px;
  padding: 10px 50px; 
  text-decoration: none;
}
.vote-btn{
	height: 55px;
    padding: 10px 30px;
    background-color: #CC9F53;
    font-family: 'Jost', sans-serif;
}	

#popupimg{
	height: 135px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
/* Journey Planner */
.region {
    position: relative;
}
#start-planning .form-control:focus {
    outline: none;
    border-color: #ced4da;
    box-shadow: none;
}
#start-planning .form-control:focus-visible {
    outline: none;
    box-shadow: 0px -3px 8px rgb(0 0 0 / 10%);
}
.region ul.region_list {
    max-width: 100%;
    box-shadow: 0px 4px 7px 0px grey;
    position: absolute;
    background-color: white;
    z-index: 999 !important;
    padding-left: 0px;
    height: 178px;
    width: 100%;
    overflow-y: scroll;
}
.region ul.region_list li {
    display: inline-flex;
    font-weight: 500;
    padding: 10px 10px;
    width: 100%;
    font-size: 16px;
    align-items: center;
    cursor: pointer;
}
.region ul.region_list li:hover {
    background-color: #FAFAFA;
}
/*- Nearby Search Page - finaldaytrip-*/
span.card-distance {
    position: absolute;
    top: 6px;
    background: #fff;
    left: 6PX;
    padding: 2px 8px;
    color: #111;
    font-weight: 500;
}
.listing-card-body {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-top: 0;
}
.fav_alert {
    background-color: #31312F;
    position: absolute;
    bottom: 40px;
    color: #ccc;
    left: 17px;
}
 /*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, #content h3{
	font-size: 18px;
	font-weight: normal;
	line-height: 23px;
	margin-bottom: 4px;
	margin-top: 4px;
}

.btn-gold{
	background-color: #CC9F53!important;
	color:white;

}

.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;
}

.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;
	
}
#galleryContainer .dz-preview .dz-error-message{
	top:145px !important;
}
.explore{
	font-weight: 600;
	color: #252525;
	letter-spacing: 1px;
}

.tagline{
	color:black;
	font-weight: 300  !important;
	margin-bottom: .75rem;
	line-height: 1em;
}

.btn-grey{
	color:#fff;
	width:220px !important;
}

.userbutton{
	color:black;
	background-color:white;
	border:1px solid #d3d3d3;
}

.userbutton:hover{
	border-color: #252525;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #5A5931;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

/*.cssloader:hover{
color:white !important;

}*/
/*subscribedashboard*/
	.subscribe_page_title h1.page-title {
    text-align: center;
}
.subscribe_section_main_icons .hs_icon_img img {
    width: 100%;
    height: 32px;
}
.subscribe_section_main_icons .hs_icon_content h5 {
    font-size: 20px;
    padding-top: 10px;
}

/*- Dashboard New Design -*/
.hs_welcome_list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50%,1fr));
    grid-template-rows: auto;
    margin: 0 -8px;
}
.hs_welcome_list a {
    padding: 8px;
    border-radius: 8px;
    text-decoration: none;
    color: #000;
    margin-bottom: 10px;
}	
.hs_welcome_list a:hover {
	background: #e1e1e1;
}
.hs_welcome_list .hs_icon_box {
    gap: 12px;
}
.hs_welcome_list .hs_icon_content {
    flex: 1 1 1px;
    min-width: 0;
    display: flex;
    flex-flow: column;
    gap: 0px;
}
/* Favourite */
.hs_new_user {
    display: grid;
    grid-template-columns: 45% 1fr;
    gap: 10px;
    border: 1px solid rgba(0,0,0,0.2);
}
.hs_new_user_img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* END */
.sticky_header {
	position: sticky;
	z-index: 1000;
	background-color: #fff;
	top: 0;
}
.daytriplabel {
    font-family: 'Jost', sans-serif;
    color: black !important;
    font-size: 28px !important;
    font-weight: 600 !important;
}
.border-1 {
    border: 1px solid #000 !important;
}
.rounded-0 {
	border-radius: 0 !important;
}
.text-black {
    color: #000 !important;
}
.btn-white {
    padding: 13px 22px !important;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    cursor: pointer;
}
.btn-white:focus, .btn-white:focus-visible {
   outline: none !important;
}
/* New Card Design*/
.new-card-design a {
    text-decoration: none;
    position: relative;
    z-index: 1;
}
.new-card-design .favourite-btn {
    position: absolute;
    top: 3%;
    right: 7px;
    border-radius: 20px;
    font-weight: 600;
    background-color: #fff;
    z-index: 999;
    color: #000;
    display: flex;
    width: 32px;
    height: 32px;
    font-size: 17px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
}
.new-card-design .text-danger {
    color: #dc3545!important;
}
.new-card-design .card-title, .dashboard-slider .new-card-design .card-title {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    line-height: unset;
/*    min-height: 51px !important;*/
    min-height: auto !important;
    overflow: hidden;
    letter-spacing: unset;
}
.favourite-btn .ex-none {
    display: none;
}

#listings-slider5 .slider-img{
	height: 200px;
}
/*.selectbutton:hover{ 
 background-color: #212529 !important;
 color:white;
}*/

#navbar {
  overflow: hidden;
  line-height: 1.5;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.icon-links-in-navbar::before {
    content: "";
    position: relative;
    bottom: 5px;
    display: inline-block;
    width: 52px;
    height: 1px;
    background-color: #c1c1c1;
    margin:0 5px 0 5px;
}

.icon-links-in-navbar a{
	cursor:pointer;
	text-decoration: none;
}

.p-15{
	padding:15px;
}

.icon-links-in-navbar a i{
    font-size: 17px;
}
.mh-0{
	min-height:0 !important;
}

.smscroll{
	scroll-behavior:smooth !important;
}

.mt-90{
	margin-top:90px;
}

#navbar a:hover{
	color: #969696;
}

.mobile-link{
	color:black;
    font-weight: 600 !important;
	font-size: 29px;
    line-height: 36px;
    text-decoration:none;
}

#mobilenav li{
	padding:5px;
	list-style-type: none;
}

#menu{
	border: 1px solid #5A5931;
	padding:10px;
	border-radius:500px;
	background-color:#5A5931;
	color:white;
}

.mb-logo{
	width:50px;
	position:absolute;
	top:10%;
	right:43%;
}

.sticky--menu {
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    max-width:50%;
    right:0;
}

.pagenavbar{
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    max-width: 49%;
    right: 0;
    padding:0 !important;
    padding-top:20px !important;
    /*padding-left:50px !important;*/
}

.bg-F7F8FC{
	background-color:#F7F8FC !important;
	
}

.navbar-icons{
    position: absolute;
}

.bucketTitle{
	letter-spacing:2px;
    font-weight: 900;
    font-size: 32px;
    font-family: 'Jost', sans-serif;
}
.subheading{
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: 'Jost', sans-serif;
  }

.submenu ul li{
	color:white;
	padding:2px;
	list-style-type: none;
}

.animated-box{
	transition: all .3s ease-out;
	position: absolute;
}

.preloader{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:100%;
	height: 100vh;
	background-color:#30312E;
	text-align: center;
	top: 0;
	left: 0;
	opacity: 1;
	/*transition: 1s ease;*/
	z-index: 1001;
}

.finished{
	opacity:0;
}

.loader-fill {
	background-color:#FFF;
	height: 5px;
	width:100px;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	animation: loader ease-in 4s;
}

span {
	z-index: 1;
}

@keyframes loader {
	0% {
		width: 10%;
	}
	100% {
		width: 100%;
	}
}


.stage{
	width: 280px;
}
/*.stage-link{
	padding: 20px;
	border-radius: 10px;
	transition: all .2s ease;
}
.stage-link:hover {
    box-shadow: 0 6px 20px 0 rgba(54,56,64,.1);
    -webkit-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px);
}*/
.color-363840{
	color: #363840;
}
.stage-link h4{
	line-height: 25px;
}
.txt-18{
	font-size: 18px;
}
.heading{
	letter-spacing: 3px;
}
.choose-stage , .planning-ahead{
	text-align: center;
	opacity: 1;
	transform: translateX(0px) translateY(0px) translateZ(0px);
	transition: opacity 500ms ease 0s, transform 800ms ease 0s;
}

.sub-heading{
	text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: 'Jost', sans-serif;
}

.border-gold{
	border:1px solid #CC9F53 !important;
}


#navbar .navlinks {
 /* float: left;
  display: block; */
  color: black;
  padding: 14px 10px 14px 0;
  text-decoration: none;
  font-size: 17px;
  font-family: 'Jost', sans-serif;
  font-weight:400;
  cursor:pointer;

}

.list-none{
	list-style-type:none;
}

.subnavlinks{
  background-color:#BCCBD3;
  margin-bottom:5px;
  margin-top:5px;
  color:black;
  text-decoration: none;
  font-size: 17px;
  font-weight: 600 !important;
  font-family: 'Jost', sans-serif;
  cursor:pointer;
  text-decoration: none !important;
  padding:7px !important;
}

#navbar .subnavlinks:hover{
 color:black!important;
 background-color: #f8f9fa;

}

.h-250{
	height:250px;
}

.dashboard-icon:hover {
    box-shadow: 0 6px 20px 0 rgba(54,56,64,.1);
    -webkit-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px);
}

#mobile-menu-close{
	color:#CC9F53 !important;
}

.regheading{
	color: #000;
    font-family: 'Jost', sans-serif;
    font-size: 26px;
    line-height: 33px;
    text-transform: uppercase;
}

.listing-title-divider {
    height: 3px;
    width: 24px;
    background-color: #CC9F53;
}
.listing-detail{
    letter-spacing: 0;
    font-weight: 400;
    font-size:17px;
    font-family: 'Jost', sans-serif;
    color:black;
}
.alreadyacc{
	font-family: 'Jost', sans-serif;
    color:black;
    font-weight:bold;
    font-size: 15px;
}
.txt-decoration-none{
	text-decoration:none;
	font-weight:bold;
	font-family: 'Jost', sans-serif;
	font-size: 15px;
	color:#666666b5;
}
.txt-decoration-none:hover{
	color:#AFC1C8;
}
.regbtn{
    background-color: #CC9F53;
    border: none;
}
.regbtn:hover{
    background-color: #CC9F53;
    border: none;
}

.mt-100{
	margin-top:100px;
}

.home-card {
	height: 13em;
    margin-bottom: 30px;
    border-radius: 6px;
    overflow: hidden;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.home-card a span {
    letter-spacing: 2px;
    font
}

.dasheading{
    color: #000;
    font-family: 'Jost', sans-serif;
    font-size: 25px;
    font-weight:bold !important;
}
.social-login-custom .social-btns a {
width: 100%;
display: block;
color: #000;
background: #eceeff !important;
padding: 10px 8px;
margin-top: 10px;
text-align: center;
text-decoration: none;
}


.policy-link span {
    margin-right: 15px;
}
.imageblock.switchable.feature-large .pos-vertical-center {
    overflow: auto;
}


section.imageblock.switchable.feature-large.login_form, section.imageblock.switchable.feature-large.register_row_detail {
    height: 100vh;
}
.top-40{
	top:40%;
}

.left-panel , .right-panel, .carousel-item{
		height:100vh;
	}
.right-panel{
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;	
}

.color-CC9F53{
	color:#CC9F53
}
.dash-h{
	font-family: 'Jost', sans-serif;
	font-size:30px;
	line-height: 32px;
}

.ws-8{
	word-spacing: 8px;
}

.color-BCCBD3{
	color:#BCCBD3
}

.color-black{
	color:black;
}
.nav-link-fb{
	padding-right: 1rem!important;
	padding-left: .5rem!important;
}
.nav-link-insta{
	padding-right: 1rem!important;
}
.btn-gold{
	
	padding:10px;
	background-color:#CC9F53 ;
	font-family: 'Jost', sans-serif;
}
.confirmentry-btn{
	height:55px;
	padding:10px;
	background-color:#CC9F53 ;
	font-family: 'Jost', sans-serif;
}

#canvas{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:999;
    display:none;        
    height: 100vh;
}
.confirmentry-btn:disabled{
	color:#fff;
}
/**explore buttoons style**/

.explore-btns{z-index:100;}
.explore-btns .explore-list li { position: absolute; border:none; bottom: 0; z-index: -1; transition: .2s all;list-style-type:none;right: 1px !important;}
.explore-btns .explore-list.show li:nth-child(1){bottom: 64px}
.explore-btns .explore-list.show li:nth-child(2){bottom: 128px}
.explore-btns .explore-list.show li:nth-child(3){bottom: 192px;}
.explore-btns .explore-list.show li:nth-child(4){bottom: 255px;}

#btn-explore{
	padding-top: 20px;
    padding-bottom: 20px;
    width: 131px;
    background-color:#5A5931 !important;
    height: auto;
    color:white;
}
#btn-nearby{	
    background-color:#BCCBD3 !important;
    height: auto;
    color:white;
}
#btn-planner{	
    background-color:#31312F !important;
    height: auto;
    color:white;
}
#btn-bktlist{	
    background-color:#B1ADA1 !important;
    height: auto;
    color:white;
}

#btn-Competition{	
    background-color:#886761 !important;
    height: auto;
    color:white;
}

.letter-spacing-2{
  letter-spacing: 2px;
  color:white;
}

.mbexplore{
    position: fixed;
    bottom: 0;
    z-index:100;
}


.childitem{
	border:none;
	background-color:transparent;
}

.mainmenu .childitem{
    position:absolute !important;
    top:25px;
    min-width: 12em !important;
}

.childitem li a{
	color:black !important;
	font-weight: bold !important;
	font-family: 'Jost', sans-serif;
	cursor:pointer;
	text-decoration: none !important;
	 background-color:#BCCBD3 !important;
	 margin-bottom: 8px;
	 display:block;
	 padding: 10px;
}
.childitem li a:hover{
	-webkit-transform: translate(6px);
    transform: translate(6px, 0);
}

.parentitem:hover .childitem {
	display:block!important;
}

.parentitem:hover .childitem li{
  animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
   animation-duration: 1s;
  -webkit-animation-direction: alternate;
   animation-direction: alternate;
   display: flex !important;
   z-index:1000;
   -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.parentitem:hover .childitem li:nth-child(1) {animation-delay: 0.0s; }
.parentitem:hover .childitem li:nth-child(2) {animation-delay: 0.05s; }
.parentitem:hover .childitem li:nth-child(3) {animation-delay: 0.1s; }
.parentitem:hover .childitem li:nth-child(4) {animation-delay: 0.15s; }
.parentitem:hover .childitem li:nth-child(5) {animation-delay: 0.2s; }
.parentitem:hover .childitem li:nth-child(6) {animation-delay: 0.25s; }


.dropdown-toggle::after{
	display:none !important;
}

.navlinks{
	color: #000;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    line-height: 17px;
    font-size: 17px;
    border:0;
}
.navlinks:hover{
	color: #969696;
	text-decoration: none !important;
}

.dashbCountdown{
	font-family: 'Jost', sans-serif;
	font-weight:bold;
	text-transform: uppercase;

}

.font-family-pro {
    font-family: 'Jost', sans-serif;
}

.txt-22 {
    font-size: 22px !important;
}

/*.text-black {
    color: #000000;
}
*/
.confirmentry-btn:hover {
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
}

.vh-100{
	height:100vh!important;
}
/*#explore-btn:hover  div.dropdown-menu{
	display:block;
}*/

#explore-btn{
	padding-top: 21px;
    padding-bottom: 21px;	
    background-color: #5A5931 !important;
    height: auto;
    color: white;
    border: 0 solid #5A5931;
    text-decoration:none;
    width: 140px;
    display:block;

}


#explore-btn:hover{
	text-decoration:none;
}
.explore-btn-grp .dropdown-item {
	padding-top: 21px;
    padding-bottom: 21px;	    
    height: auto;
    color: white;
    border: 0 solid #5A5931;
    width: 140px;
    
    
}
.explore-btn-grp .dropdown-item a:hover{
	text-decoration:none;
}

.mbexplore button span{
	font-size:12px;
}
.referral-count-title {
    font-weight: bolder;
    letter-spacing: 1px;
    font-size: 45px;
    line-height: 1.2;
    /*margin-top: 40%;*/
    display: block;
}
.referral-count-subtitle {
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: bolder;
    line-height: 1.3em;
    display: inline;
}
.tweet-btn{
	color:white;
	width:100px;
	background-color:#3897F2;
	
}
.tweet-btn:hover{
	color:#fff;
}

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


.messenger-btn{
	width:100px;
	
}

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

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

.facebook-btn i{
	
	color:white;
	font-size:15px;
}
.bg-3897F2{
	background-color:#3897F2;
}
.copyLinkBtn{
	border-color:#d3d3d3;
	font-size: .9em;
}
.copyLinkBtn span{
	color: #252525;
    border-color: #252525;
    font-weight: 700;
    font-size: 0.85714286em;
}
.btn--icon i {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.1);
    padding: 0 13px;
    border-radius: 6px 0 0 6px;
    font-size: 16px;
    line-height: 41px;
}
.btn.bg--facebook .btn__text i, .btn.bg--twitter .btn__text i, .btn.bg--instagram .btn__text i, .btn.bg--googleplus .btn__text i, .btn.bg--pinterest .btn__text i, .btn.bg--dribbble .btn__text i, .btn.bg--behance .btn__text i, .btn.bg--dark .btn__text i {
    color: #fff;
}
.bg--facebook {
    background: #3b5998;
    color: #fff;
}
.btn.bg--facebook .btn__text, .btn.bg--twitter .btn__text, .btn.bg--instagram .btn__text, .btn.bg--googleplus .btn__text, .btn.bg--pinterest .btn__text, .btn.bg--dribbble .btn__text, .btn.bg--behance .btn__text, .btn.bg--dark .btn__text {
    color: #fff;
    font-weight: 700;
    font-size: 0.85714286em;
}
.copyLinkBtn:not([class*='primary']):hover {
    border-color: #252525;
}
.copyLinkBtn:after {
    transition: all .2s ease;
    content: attr(data-tooltip);
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    background: #252525;
    color: #fff;
    border: 1px solid #e7e7e7;
    padding: 2px 12px;
    pointer-events: none;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 2px;
    z-index: 2;
    
}
#joinviralloops .welcome_referral{
	    background-color: #EDE8E6;
	}
	#joinviralloops #email_sub {
	    background-color: black;
	    color: #fff;
	}
	#joinviralloops .monthly_email_permission{
		background-color: #fff;
	}
   	#joinviralloops .hidden-scotlant_logo{
	    width: 75px;
	    height: 75px;
	    background-color: #000;
	    color: #fff;
	    font-size: 11px;
	    border-radius: 50%;
	    font-weight: 700;
	    text-align: center;
	    padding-top: 16px;
	}
	#joinviralloops .hidden-scotlant_logo p{
		margin: 0;
		padding: 0;
	}
	#joinviralloops button.hidden-scotlant_button {
	    border: 1px solid #fff;
	    border-radius: 8px;
	    padding: 13px 20px;
	    width: 100%;
	    background-color: #ccc;
	}
	#joinviralloops .checkbox-round {
	    width: 12px;
	    height: 12px;
	    background-color: white;
	    border-radius: 50%;
	    vertical-align: middle;
	    border: 1px solid #ddd;
	    appearance: none;
	    -webkit-appearance: none;
	    outline: none;
	    cursor: pointer;
	}

	#joinviralloops .checkbox-round:checked {
	    background-color: gray;
	}
	#joinviralloops input[type="checkbox"] {
	    display: block;
	    position: absolute;
	    top: 35%;
	    left: 15%;
	}
	#joinviralloops .spinLoader{
		display: none;
	}


    #joinviralloops .full-body-with-img{
        background-color: #ccc;
        min-height: 100vh;
        height: 100%;
    }
    #joinviralloops .full-body-with-img img{
        width: 100%;
        height: 180px;
        /*border-radius: 10px;*/
    }
    #joinviralloops .full-body-with-img .full-body-with-img-popup{
        max-width: 524px;
        width: 100%;
        background-color: rgb(255, 255, 255);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    #joinviralloops .full-body-with-img .get-started-button{
        background-color: rgb(48, 48, 48);
        color: #fff;
        padding:5px 30px;
    }
    #joinviralloops .ques_no{
        font-size: 18px;
    }
    #joinviralloops .parentitem {
        border-radius: 3px;
    }

    #joinviralloops .referral_step3, #joinviralloops .referral_step2 {
        padding-top: 90px;
    }
    #joinviralloops button.hidden-scotlant_button {
        background-color: transparent;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }

    #joinviralloops button.hidden-scotlant_button input[type="checkbox"] {
        position: inherit;
    }

    #joinviralloops button.hidden-scotlant_button label{
        margin-bottom: 0px;
        margin-left: 15px;
    }

    #joinviralloops .qs-title{
        /*margin: 0 0 15px 15px;*/
    }

    #joinviralloops .full-body-with-img .row{
        position: fixed;
        height: 100%;
    }

    #joinviralloops .full-body-with-img img{
        height: 100%;
    }
        /*=== Check button design ===*/

    /* The container */
#joinviralloops .check-wrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #fff;
    padding: 10px 01px 10px 30px;
    border-radius: 5px;
}

/* Hide the browser's default checkbox */
#joinviralloops .check-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
#joinviralloops .checkmark {
    position: absolute;
    top: 50%;
    left: 12px;
    height: 10px;
    width: 10px;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 100px;
}

/* On mouse-over, add a grey background color */
#joinviralloops .check-wrap:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#joinviralloops .check-wrap input:checked ~ .checkmark {
  background-color: #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
#joinviralloops .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

#joinviralloops .skip_sec {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
    position: fixed;
    bottom: 20px;
    align-items: center;
}

#joinviralloops .skipstep2, #joinviralloops .skipstep{
    cursor: pointer;
}

#joinviralloops .joinstep.done_step2, #joinviralloops .done_step {
    background-color: #c6af3a;
    color: #fff;
    padding: 5px 30px;
    cursor: pointer;
}
#joinviralloops .joinstep{
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}

/*my custom css*/
section.imageblock.switchable.feature-large .inner_img {
    opacity: 1 !important;
    visibility: visible !IMPORTANT;
    position: relative;
    padding: 35px;
}
section.imageblock.switchable.feature-large .inner_img h3 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
section.imageblock.switchable.feature-large .inner_img p {
    font-size: 16px;
    color: #758294 !important;
    line-height: 23px;
    padding-top: 10px;
}
section.imageblock.switchable.feature-large .inner_img button.btn.btn-small.btn-outline {
    font-size: 12px !important;
    line-height: 19px;
    padding: 5px 20px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    color: black !important;
    font-weight: 600;
    border: 1px solid #000;
}
.login-logo a img {
    width: 100px;
}
.login-haeding h3.dasheading{
    color: #000;
    font-family: 'Jost', sans-serif;
    font-size: 46px;
    font-weight: bold !important;
    margin: 20px 0 0;
}
.login-haeding p {
    line-height: 1.8;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    color: black;
    position: relative;
    
}
.login-haeding p span {
    background: white;
    
    position: relative;
}
.login-haeding p::after {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 100%;
    height: 2px;
    background: #b9bbc763;
}

.login-right div#panel-right {
    height: calc(100vh - 20px) !important;
    overflow: scroll;
}
.login-form lable {
    font-size: 14px;
    font-weight: 800;
    color: #000;
}
.login-form input {
    height: 50px;
    margin: 2px 0 20px;
    outline: none;
}
.login-type {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}
.login-type input[type="checkbox"] {
    display: block;
    position: absolute;
    width: 20px;
    left: 0;
    height: 20px;
}
.login-type a {
    float: right;
}
.login-type   label {
    font-size: 14px;
    color: #666666;
}
.login-form  button.btn {
    
    background-color: #4a47d5;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 60px;
    text-align: center;
    border: none;
    position: relative;
    display: inline-block;
   outline: none;
}
.imageblock__content.col-lg-6.col-md-4.pos-right::before {
    z-index: unset;
}


@media only screen and (max-width: 767px) {
	.subscribe_section_main_icons {
    margin-left: 0rem !important;
}
.subscribe_section_main_icons .hs_welcome_list {
    margin: 0 -99px;
}
.subscribe_section_main_icons .hs_icon_content h5 {
    font-size: 14px !important;
}
.subscribe_section_main_icons .hs_welcome_list {
     grid-template-columns: repeat(auto-fit,minmax(50%,1fr)); 
}
.subscribe_section_main_icons .hs_icon_img img {
    height: 25px;
}
#joinviralloops .full-body-with-img .full-body-with-img-popup{
    max-width: 400px;
    width: 100%;
}
#joinviralloops .full-body-with-img-popup h3{
    font-size: 25px;
    margin: 15px 0px 5px 0px !important;
}
#joinviralloops .full-body-with-img-popup p{
    font-size: 11px;
    margin-bottom: 15px !important;
}
.login-haeding h3.dasheading {
    font-size: 30px;
}
.imageblock__content.col-lg-6.col-md-4.pos-right{
	order: 2;
}
section.imageblock.switchable.feature-large {
    position: relative;
    height: 100% !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
.login-right div#panel-right {
    height: 100% !important;
    overflow: hidden;
    padding: 20px;
}
.imageblock .imageblock__content .background-image-holder {
    height: 100vh;
}
}

@media screen and (max-width: 768px ){
.mobile-header{
	border-bottom: 1px solid #e6e6e6;
}
.mobile-bar-icon i {
    font-size: 26px;
    color: #000;
}
	.left-panel , .carousel-item{
		height:400px;
	}
 	.right-panel{
 		overflow:unset;
 	}
   .miscTabs li{
		width: 33.33%; 
	}
	.referral-count-subtitle{
		font-size:20px;	
		display:block;		
	}
	.referral-count-title{
		font-size:30px;
		margin-top:25px;
		display:block;
		width:100%;
	}

	
}


@media only screen and (min-width:768px) {
	.list-inline-item {
		width:28%;      
	}
	.mag-10{
		margin:1.5% !important;
	}
	.logo-light{
		 display: inline-block !important;     
	}
	.logo-dark{
		display:none !important;
	}
	#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;
	}
	.left-panel , .carousel-item{
			height:100vh;
		}
	.right-panel{
			overflow-y:scroll;
			-webkit-overflow-scrolling: touch;	
		}
			.switchable .container-fluid .row {
    flex-flow: row-reverse;
}
	.login-right div#panel-right {
    padding-right: 25%;
}
}

@media only screen and (max-width: 768px) {
/* GO BACK Button in left side */
.go-back-btn {
    left: 0;
    right: 0;
    bottom: 20px;
    width: 100%;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
}}

@media only screen and (max-width: 580px) {
.planner-btn .btn-white	{
    display: block;
}
.planner-btn .btn-white:first-child	{
    margin-bottom: 8px;
}}


@media only screen and (max-width: 576px) {
.hs_welcome_list {
    grid-template-columns: repeat(auto-fit,minmax(100%,1fr));
}}

@media screen and (max-width: 575px) {
    #joinviralloops .referral_step1>div:first-child{
        margin: 0 13px 0 0;
        padding: 0;
   display: flex;
   justify-content:space-around;

 }

 #joinviralloops .referral_step1>div:first-child>div{
    width: 45%;
    margin-top: 12px;
 }

}
@media screen and (max-width: 480px) {
  #joinviralloops .full-body-with-img .full-body-with-img-popup{
        max-width: 320px;
        width: 100%;
    }
    #joinviralloops .full-body-with-img-popup h3{
        font-size: 20px;
        margin: 15px 0px 5px 0px !important;
    }
    #joinviralloops .full-body-with-img .get-started-button {
    width: 100%;
    }


}
@media only screen and (min-width: 768px) and (max-width: 1170px) {
.planner-btn .btn-white	{
    display: block;
}
.planner-btn .btn-white:first-child	{
    margin-bottom: 8px;
}}

@media only screen and (max-width: 375px) {
	.list-inline-item {
		width:45%;                
	}
	.mag-10{
		margin:10px auto;
	}
	
	.mbutton{
	    margin-right: 25px !important;
	}
	.mbexplore {
		display:block !important;               
	}
	.letter-spacing-2 {
		letter-spacing: 0px;
	}

}

@media only screen and (max-width: 767px)  and (min-width: 376px) {
	.list-inline-item {
		width:47%;                
	}
	.mag-10{
		margin:10px auto;
	}
	
	.mbutton{
	    margin-right: 15px !important;
	}
	.home-card a span {
	    letter-spacing: 2px;
	    font-size: 1.5em;
	}
	.mbexplore {
		display:block !important;               
	}
	.letter-spacing-2 {
		letter-spacing: 0px;
	}
}

@media only screen and (min-width:768px) {
	.explore-btns{
		display:block !important;
	}
	
}