/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

body {
  margin: 0;
  font-family: raleway, sans-serif;;
font-style: normal;
font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
 /* color:aqua;*/
  text-align: left;
  background-color:white;
}


body {
    padding-bottom: 120px;
	margin:
}

.jumbotron {
 background: url("../images/houseout.jpg");
 background-size: cover;
 background-repeat: no-repeat;
height: auto;
	max-width: 100%;
	border-radius: 0px;
}

.mrh2 {
	
	text-shadow: 2px 2px 3px black;
}


.custom-switch.custom-switch-md:focus,.custom-switch.custom-switch-md:active {
   outline: none !important;
   box-shadow: none; !important;
}

.custom-switch {
	outline: none !important;
   box-shadow: none; !important;
	
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
	
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
	border-color: #cc8500;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
	
}


.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
	background-color: #cc8500;
	
}

.custom-switch.custom-switch-md input:checked+label:before {
    background-color: #ffe4b3;
}


/* for xl */

.custom-switch {
	
	padding-left: 4.25rem
}

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
	border-color: #cc8500;
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
	
}

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
	background-color: #cc8500;
}

.custom-switch.custom-switch-xl input:checked+label:before {
    background-color: #ffe4b3;
}


/* Customize the label (the container) */
.containersa {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 9px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containersa input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmarksa {
  position: absolute;
  top: 0;
  left: 0;
  height: 27px;
  border-radius:5px;
  border-color: black;
  border: 1px solid black;
  width: 27px;
  background-color: #fff;
  padding:1px 1px;
}

/* On mouse-over, add a grey background color */
.containersa:hover input ~ .checkmarksa {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.containersa input:checked ~ .checkmarksa {
  background-color: black;
	
}

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

/* Show the checkmark when checked */
.containersa input:checked ~ .checkmarksa:after {
   position: absolute;
	/*top: .25rem;
	left:.25rem;*/
	display: block;
	content: "";
 background-image: 	url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-position-x: center;
	background-position-y: center; 
	background-repeat: no-repeat;
	background-position: center;
	background-size:70%;
	
}

/* Style the checkmark/indicator */
.containersa .checkmarksa:after {
  left: 8px;
  top: 5px;
  width: 6.5px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(44deg);
  -ms-transform: rotate(44deg);
  transform: rotate(44deg);
}



.custom-control-label-md {
	position: relative;
	margin-bottom: 0;
	vertical-align: top;
	font-size: 18px;
	padding-left: 15px;
	padding-top:0px;
	padding-bottom: 2px;
	
}




.card {
    width: 500px;
    margin: 3px auto;
    clear: both;
    display: block;
    padding: 15px 0px 5px 20px;
    background-color: white;
    border-radius: 6px;
	border: 1px solid #7C7C7C;
}
.card::after {
    clear: both;
    display: block;
    content: "";
}
.card .checkbox-container {
   float: left;
	
    width: 50%;
    box-sizing: border-box;
    text-align:center;
  padding: 40px 0px;
}
.card .circular-container {
  background-color:#0067FF;
}

.input-title {
    clear: both;
    padding: 22px 0px 0px 0px;
    font-size: 16px;
    color: black;
    font-weight: 300;
}

.ac-number {
	height: 30px;
width: 30px;
	border: 1px solid #333;
	vertical-align: center;
	text-align: center;
	padding: 4px;
	
}

.mdx {
	margin: 0px !important;
}

.rangeslider__fill {
    background: yellow !important;
    position: absolute !important;
}


.rangeslider__handle{
	background:#fff !important;
	border:1px solid black !important;
	cursor:pointer!important;
	display:inline-block!important;
	width:40px!important;
	height:40px!important;
	position:absolute!important;
	background-size:100%!important;
	border-radius:50% !important;
}

.rangeslider--horizontal .rangeslider__handle{
	top:-10px !important; 
	touch-action:pan-y;
	-ms-touch-action:pan-y}

 
.auth {
	
	font-family: upgrade, sans-serif;
font-size: 18px;
font-weight: 400;

font-style: normal;
	
}


/*

font-family: upgrade, sans-serif;

font-weight: 500;

font-style: normal;


Upgrade Medium

font-family: upgrade, sans-serif;

font-weight: 400;

font-style: normal;


Upgrade Regular

font-family: upgrade, sans-serif;

font-weight: 300;

font-style: normal;


Upgrade Book

font-family: upgrade-lights, sans-serif;

font-weight: 500;

font-style: normal;


Upgrade Light

font-family: upgrade-lights, sans-serif;

font-weight: 400;

font-style: normal;


Upgrade Thin

font-family: upgrade-lights, sans-serif;

font-weight: 200;

font-style: normal;
*/



/*------------------------------------------------------*/



/*------------------------------------------------------*/

.status-bar{width:350px;max-width:70%;height:2px;color:#b2bdc9;background-color:#b2bdc9;position:relative;}
.status-bar .segment{position:absolute;height:2px;background-color:#00264d}
.status-bar .segment.step-2{width:33.3%}
.status-bar .segment.step-3{width:66.6%}
.status-bar .segment.step-4{width:100%}
.status-bar .status-circle{margin-top:-6px;position:absolute;width:14px;height:14px;border:2px solid #b2bdc9;border-radius:50%;background-color:#fff;text-align:center}

@media (max-width:767.98px)
{.status-bar .status-circle span{display:none}
}
.status-bar .status-circle.active,
.status-bar .status-circle.passed{border:2px solid #00264d;color:#00264d}
.status-bar .status-circle.active span{display:block}
.status-bar .status-circle.step-0{left:0}
.status-bar .status-circle.step-1{left:33%}
.status-bar .status-circle.step-2{left:66%}
.status-bar .status-circle.step-3{left:97%}
.status-bar .status-circle span{width:80px;position:absolute;font-size:12px;font-family:upgrade, sans-serif;font-weight:400;text-transform:uppercase;left:-36px;top:-25px;}


/*------------------------------------------------------*/

.stages {
	font-size: 0;
	text-align: justify;
}

.stages:after {
	content: '';
	display: inline-block;
	font-size: 0;
	text-align: justify;
	width: 100%;
}

input[type="radio"] {
	display: none;
}

.stages label {
	background: #ffffff;
	border: solid 5px #c0c0c0;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	font-size: 0;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 50px;
	z-index: 1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.stages label:after {
	content: '\2713';
	color: #0cc39f;
	display: inline-block;
	font-size: 16px;
}

#one:checked ~ .stages label[for="one"],
#two:checked ~ .stages label[for="two"],
#three:checked ~ .stages label[for="three"],
#four:checked ~ .stages label[for="four"] {
	border-color: #0cc39f;
}

.stages label.active{
	border-color: purple !important;
}

#one:checked ~ .stages label,
#two:checked ~ .stages label[for="one"] ~ label,
#three:checked ~ .stages label[for="two"] ~ label,
#four:checked ~ .stages label[for="three"] ~ label {
	font-size: 1rem;
}

#one:checked ~ .stages label:after,
#two:checked ~ .stages label[for="one"] ~ label:after,
#three:checked ~ .stages label[for="two"] ~ label:after,
#four:checked ~ .stages label[for="three"] ~ label:after {
	display: none;
}

.progress_gen > span {
	background: #c0c0c0;
	display: inline-block;
	height: 5px;
	transform: translateY(-2.75em);
	transition: 0.3s;
	width: 0;
}

#two:checked ~ .progress_gen span {
	width: calc(100% / 3 * 1);
}

#three:checked ~ .progress_gen span {
	width: calc(100% / 3 * 2);
}

#four:checked ~ .progress_gen span {
	width: calc(100% / 3 * 3);
}

#five:checked ~ .progress_gen span {
	width: calc(100% / 4 * 4);
}

#six:checked ~ .progress_gen span {
	width: calc(100% / 4 * 5);
}

.panels div {
	display: none;
}

#one:checked ~ .panels [data-panel="one"],
#two:checked ~ .panels [data-panel="two"],
#three:checked ~ .panels [data-panel="three"],
#four:checked ~ .panels [data-panel="four"] {
	display: block;
}
/* Custom code for the demo */

html,
button,
input,
select,
textarea {
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}




a {
	color: #0cc39f;
}

h2,
h4 {
	margin-top: 0;
}

.form {
	background: #ffffff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
	margin: 4em;
	min-width: 480px;
	padding: 1em;
}

.panels div {
	border-top: solid 1px #c0c0c0;
	margin: 1em 0 0;
	padding: 1em 0 0;
}

input {
	box-sizing: border-box;
	display: block;
	padding: .4em;
	width: 100%;
}

button {
	background-color: #0cc39f;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	font-weight: 700;
	margin: 1em 0 0 0;
	padding: 1em;
}

button:hover {
	opacity: 0.8;
}
/*------------------------------------------------------*/

.mir {
	
	font-size: .80em;
	font-style: italic;
}


input[type="text"]{
background-color:ghostwhite !important;
border-color: black;	
color: black !important;
}

input[type="email"]{
background-color:ghostwhite !important;
border-color: black;		
color: black !important;
}

input[type="password"]{
background-color:ghostwhite !important;
border-color: black;		
color: black !important;
}

#containerslide {
			position: relative;
			margin: 0px;
			padding: 0px;
			width: 550px;
			height: 150px;
			overflow: hidden;
			background-color: #bfbdbd;
		}

.box {
	position: absolute;
	width: 350px;
	height: 150px;
	/*line-height: 150px;
	font-size: 40px;*/
	text-align: center;
	border: 2px solid black;
	margin-left: -33%;
	display: block;
	left: 150%;
	/*top: 50px;
	margin-left: -33%;
	left: 150%;*/
}

.ativo { display: block; }

#box1 {
	background-color: green;
	left: 50%;
}

#box2 {
	background-color: yellow;
}

#box3 {
	background-color: red;
}

#box4 {
	background-color: orange;
}

#box5 {
	background-color: blue;
}

.btn-next span{
	
	font-size:14px;
	font-family:upgrade, sans-serif;
	font-weight:500;
	text-transform:uppercase;
	left:-36px;top:-25px;
}

.btn-next-lg span{
	
	font-size:14px;
	font-family:upgrade, sans-serif;
	font-weight:500;
	text-transform:uppercase;
	left:-36px;top:-25px;
}


.btn-next {
  width: 200px;	
  color: black;
  background-color: #FFA500;
  border-color: black;
}

.btn-next-lg {
  width: 250px;	
  color: black;
  background-color: #FFA500;
  border-color: black;
}

.btn-next:focus,
.btn-next.focus {
   color: red;
  background-color: blue;
  border-color: #cccccc;
}
.btn-next:hover {
    color:black;
  background-color:yellow; opacity:0.7;
  border-color: #cccccc;
}
.btn-next:active,
.btn-next.active,
.open > .dropdown-toggle.btn-next {
   color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-next:active:hover,
.btn-next.active:hover,
.open > .dropdown-toggle.btn-next:hover,
.btn-next:active:focus,
.btn-next.active:focus,
.open > .dropdown-toggle.btn-next:focus,
.btn-next:active.focus,
.btn-next.active.focus,
.open > .dropdown-toggle.btn-next.focus {
   color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-next:active,
.btn-next.active,
.open > .dropdown-toggle.btn-next {
  background-image: none;
}
.btn-next.disabled:hover,
.btn-next[disabled]:hover,
fieldset[disabled] .btn-next:hover,
.btn-next.disabled:focus,
.btn-next[disabled]:focus,
fieldset[disabled] .btn-next:focus,
.btn-next.disabled.focus,
.btn-next[disabled].focus,
fieldset[disabled] .btn-next.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-next .badge {
  color: #d9534f;
  background-color: #ffffff;
}





.mrs {
  font-family: raleway, sans-serif;
font-style: normal;
font-weight: 300;
  font-size: 1rem;
  margin:0px;
  line-height: 1.5;
  color:whitesmoke;
  text-align: left;
  background-color:black;
}

.h5 {
  font-family: raleway, sans-serif;
font-style: italic;
font-weight: 300;
  font-size: 1rem;
  margin:0px;
  line-height: 1.5;
  color:whitesmoke;
}

.mrsmh {
  font-family: raleway, sans-serif;
font-style: normal;
font-weight: 300;
  font-size: .9rem;
  line-height: 1.5;
  color:whitesmoke;
  text-align: left;
  background-color:black;
}


.mrsf {
 font-family: raleway, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.0;
  color:white;
  text-align: center;
  background-color:black;
}