/* Base styles, which will be overridden by everything below them */

a{
	text-decoration: none;
	color: #fb000b;
}
a:hover{
	color: #a50107;
}

a:visited{}
a:active{}


ul li{
	/* Default bullets style erased */
	list-style: none;
}

ul li::before {

	content: "\2022";
	/* Styles for Indentation*/
	color: #fb000b;
	
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

ol {list-style: none; counter-reset: li}

ol li::before {
	
	content: counter(li); 
	color: #fb000b;
 	display: inline-block;
	width: 1em;
  	margin-left: -1.5em;
    margin-right: 0.5em; text-align: right;
	counter-increment: li;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
}

.switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

input + .slider {
  background-color: #fb000b;
}

input:checked + .slider {
  background-color: #fb000b;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(85px);
  -ms-transform: translateX(85px);
  transform: translateX(85px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}


.nav {}
.nav a{}
.nav a:hover{}
.nav a:visited{}
.nav a:active{}


.float-hash a, .float-hash a:hover{color:#fff;}

.listing-card a, .listing-card a:hover{color:#000;}

.card-shadow {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.nav-link {
	color: #fff;
	font-size:1.8em;
	padding:15px;
	border-top:1px solid #fff;
	padding-top:18px;
}


.nav-link:hover {
	color: #fff;
	cursor: pointer;
}

.navbar-toggler span {
  display: block;
  background-color: #FFF;
  height: 3px;
  width: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(2) {
  opacity: 1;
}

.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg);
}
/* Add the below transitions to allow a smooth color change similar to lyft */
.navbar {
	padding:0px;

	
	margin:0px;
	
	background: rgba(38,72,100,0.95);
	border-bottom:1px solid white;
	
	-webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.navbar.scrolled {
    background: rgba(38,72,100,0.90);
	color: #FFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	border-bottom:1px solid white;
}

.navbar.scrolled .nav-link {
	color: #FFF;
}

.navbar.scrolled .nav-link:hover {
	color: #FFF;
}



.navbar-toggler {
	color:#fff;
	margin:0px;
	border-radius: 0px;
	height:55px;
	width:70px;
	margin-left:25px;
}

.navbar-toggler-icon {
	color:#fff;
}

.navbar-nav {
	background: rgba(38,72,100,0.79);
}

.heading {
	
	color: #1e2932;
	display: block;
	text-transform: uppercase;
	font-family: "KTG";
	font-size: 30px;
	margin-bottom: 18px;
	position: relative;
}

.heading-red {
	
	color: #FC010A;
	display: block;
	text-transform: uppercase;
	font-family: "KTG";
	font-size: 30px;
	margin-bottom: 18px;
	position: relative;
}

h1{
	
	text-transform: uppercase;
	font-family: "KTG";
}



h2{
	font-size:1.5em;
}

.heading a{	color: #ffffff;}
.heading a:hover{	color: #ffffff;}
.heading a:visited{	color: #ffffff;}
.heading a:active{	color: #ffffff;}

.heading-lg{
	font-size: 18px;
}
.heading-sep{
	margin-bottom: 35px;
}
.heading-sep:after{
    content: "";
    display: block;
    width: 82px;
    height: 3px;
    background: #e5460f;
    position: absolute;
    margin-top: 13px;
}

.sub-heading {
	font-size:1.5em
}
.sub-heading a:link{}
.sub-heading a:hover{}
.sub-heading a:visited{}
.sub-heading a:active{}

.maintext {}
.maintext a:link{}
.maintext a:hover{}
.maintext a:visited{}
.maintext a:active{}


.two-cents a{ color: #000;}
.two-cents a:hover{ color: #fb000b;}

.testimonial-read-more a{ color: #FF0000;}
.testimonial-read-more a:hover{ color: #fb000b;}


.search .searchtitle, .listingtitle {
	color:white;
	font-family: "KTG";
	font-size:55px;
	text-shadow: 2px 0px #000;
	text-align: center;
	
}
.search input, .search select {
	border-radius: 0px;
	padding: 5px 15px 5px 15px;
}

.input-group {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

footer{
	
	padding: 12px 0;
	background: #293b49;
	color: #fff;
	font-size: 9.7px;
}
footer a{
	color: #fff;
}
footer a:hover{
	color: #fff;
}
footer a:visited{}
footer a:active{}

.copyright {}
.copyright a:link{}
.copyright a:hover{}
.copyright a:visited{}
.copyright a:active{}

/* Responsive styles, which override the base styles at specific sizes */

.responsive {

  width: 100%;

  height: auto;

}

.slider {
	background-color: #e9eded;
}

.highlight-bg {
	background-image: url("/assets/images/highlight.png");
	background-size:cover;

 	 background-position: center center;

  background-repeat: no-repeat;
}


.highlight-blue-bg {
	background-image: url("/assets/images/highlight-blue.png");
	background-size: 100% 100%;

 	background-position: center center;

  	background-repeat: no-repeat;
}

.list-price {
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
	border-radius: 0px 0px 25px 0px;
	background-color: #fb000b
}



/* Smartphones */
/* Equivalent to bootstrap's media-sm */
@media(min-width: 576px){
}
	
/* Tablets */
/* Equivalent to bootstrap's media-md */
@media(min-width: 768px){
	.navbar {
		color: #252e35;
		background-color: transparent;
		border-bottom:0px;
	}
	
	.navbar-nav {
		background-color: transparent;
	}
	
	.nav-link {
		color: #fff;
		font-size:1em;
		border:none;
	}
	
	.search input, .search select {
		padding: 15px 15px 15px 15px;
	}
	
	.nonindexnav {
		 background: rgba(38,72,100,0.90);
		color: #FFF;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
		border-bottom:1px solid white;
	}
	
	.listingtitle {
		font-size: 65px;
	}

}
	
/* Laptops */
/* Equivalent to bootstrap's media-lg */
@media(min-width: 992px){
	.heading{
		font-size: 48px;
		margin-bottom: 25px;
	}
	.heading.mb-lg{
		margin-bottom: 35px;
	}
	.heading-lg{
		font-size: 38.5px;
	}
	.heading-sep{
		margin-bottom: 60px;
	}
	.heading-sep:after{
		width: 63px;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 24px;
	}
	footer{
		font-size: 13.5px;
		padding: 19px 0;
	}
}
	
/* Desktops */
/* Equivalent to bootstrap's media-xl */
@media(min-width: 1200px){
	
}
	
/* Extra large Desktops */
@media(min-width: 1600px){
	
}