body {
	max-width:500px;
	width:100%;
	margin:0px auto !important;	
	position:relative;
	font-family: 'Be Vietnam Pro', sans-serif;

}

*:focus {
    outline: none !important;
}
.form-control:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.col-10 {
	width:10%;	
}
.col-20 {
	width:20%;	
}
.col-30 {
	width:30%;	
}
.col-40 {
	width:40%;	
}
.col-50 {
	width:50%;	
}
.col-60 {
	width:60%;	
}
.col-70 {
	width:70%;	
}
.col-80 {
	width:80%;	
}
.col-90 {
	width:90%;	
}
.col-100 {
	width:100%;	
}
.fleft{
	float:left
}
.fright{
	float:right
}
.pl-30{
	padding-left:30px;	
}
.pr-30{
	padding-right:30px;	
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.align-center{
	text-align:center;
}
.site_color{
	color:#FF1F02;
}
img {
	width:100%;
}
p {
	margin-bottom:10px !important;
}
section {
	/* padding-bottom:100px; */
}
section.no_padding{
	/* padding-bottom:100px !important; */
}
.banner .title {
	font-size: 48px !important;
	line-height: 46px !important;
	width:300px;
}
.header .banner-img {
  width: 100% !important;
  position:unset !Important;
}
.white_hover {
  /* height: 100.71px;
  position: absolute;
  width: 100%;
  top: -34px;
  background-color: white;
  border-top-left-radius: 37px;
  border-top-right-radius: 37px; */
  text-align:center;
}
.white_hover img{
	width:63px;	
}
.property h2 {
	font-style: normal;
	font-weight: 300;
	font-size: 30px;
	line-height: 120%;
	letter-spacing: -0.03em;
	color: #16161A;
}
.bold {
	font-weight:bold;
}
.property {
	  text-align: center;
	  position: relative;
	  top: -34px;
	  background-color: white;
	  border-top-left-radius: 35px;
	  border-top-right-radius: 35px;
	  padding-top:25px;
	  /* width:330px !Important;
	  margin:0px auto !important; */
	  z-index:99;
}

.banner_back::after{
	background: linear-gradient(180deg, rgba(22, 22, 26, 0) 0%, #16161A 41.15%);
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.property p {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color:#5A5A64;
	
}
.property ul{
	list-style:none !Important;
	padding: 0px !important;
	margin-top: 25px !important;
}
.property ul li img {
	width:14px !important;
}
.property ul li {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 160%;
}
.property .try_free {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.03em;
	color: #FF1F02;
}
.property .try_free img {
	width: 20px !important;
	height: 14px;
	position: relative;
	top: 7px;
}
.property .form-control_new{
	width: 335px;
	height: 57px;
	background: #E3E3E4;
	border-radius: 14px;
	text-align:center;
	border:none;
	margin-bottom:10px;
}

.property .form-control_new::placeholder {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: rgba(60, 60, 67, 0.6);
}
.opt_cnt.ya_selected {
  border: none !important;
}
.property .btn_next {
	width: 335px;
	height: 57px;
	background: #FF1F02;
	border-radius: 14px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #FFFFFF;
	border:none;
	margin-top:5px;
}
.work  {
	padding-bottom:0px !important;
}
.d-inline-block {
	width:75px !important;
}
.property_image_slider .owl-dots {
	text-align:center;
	position: absolute;
	bottom: 60px;
	width: 100%;
}
.property_image_slider .owl-dot span{
	width: 8px;
	height: 8px;
	display: inline-block;
	background-color: gray;
	border-radius: 90px !important;
	margin-left: 4px;
	margin-right: 4px;
}
.property_image_slider .owl-dot.active span{
	background:#FF1F02 !important;
}
.display_property_home {
  position: relative;
  min-height:822px;
}
.arrow_left {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	cursor: pointer;
	width:100% !important;
	text-align:left !Important;
	background: #fff;
}
.arrow_left h3 {
	text-align:center !important;
}
.arrow_left img{
	width:auto !important;
	
}
.final_caculator .arrow_left,.display_property_home .arrow_left,.room_renovation .arrow_left{background-color: transparent;}
.content_Area {
	background-color: white;
	position: relative;
	top: -50px;
	z-index: 999;
	border-radius: 40px 40px 0px 0px;
	text-align:center;
	padding-top: 25px;
	/* padding-bottom: 25px; */
}
.content_Area p img{
	width:auto !important;
}
.property_image_slider {
	height:270px !important;
}
.property_image_slider_empty {
	height: 77px !important;
}
.content_Area .location {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.03em;
	color: #68697E;
}
.content_Area .cur_prop_value {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
	margin-top:30px !important;
}
.content_Area .property_value_amount {
	color: #16161A;
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 120%;
	/* or 43px */

	text-align: center;
	letter-spacing: -0.03em;
}
.estimated_value .meter img{
	width:auto !important;
	/* width: 50.5px;
	height: 50.5px;
	border: 3px solid #E3E3E4;
	transform: matrix(-1, 0, 0, 1, 0, 0); */
}
.estimated_value .col-70 {
	text-align:left;
}
.estimated_value .col-30 {
	text-align:right;
}

.estimated_value .col-70 p {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
	margin-bottom: 10px;
	margin-top: 10px;

}

.estimated_value .col-70 .property_value{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	/* or 16px */

	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}
.content_Area h2 {
	margin-bottom:30px;
}
.estimated_value.row {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #DDD;
  width: 98%;
  margin: 0px auto;
  border-bottom: 1px solid #DDD;
  overflow: hidden;
}
.room_summary {
	padding-top:20px;	
}
.room_summary .room_summary_p{
	text-align:left;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
	margin-bottom:25px !important;
}
.room_summary .room_type {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	/* or 16px */

	letter-spacing: -0.03em;

	/* Light Grey */

	color: #5A5A64;
}

.room_summary .room_count {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	/* or 16px */

	text-align: right;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}
.gray_btn {
	height: 57px;
	background: #E3E3E4;
	border-radius: 14px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	/* or 18px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Light Grey */

	color: #5A5A64;
	width:90%;
	border:none;
}
.orange_btn {
	height: 57px;
	background: #FF1F02;
	border-radius: 14px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	/* or 18px */

	text-align: center;
	letter-spacing: -0.03em;

	/* White */

	color: #FFFFFF;
	width:90%;
	border:none;
}
.black_btn {
	height: 57px;
	background: black;
	border-radius: 14px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	/* or 18px */

	text-align: center;
	letter-spacing: -0.03em;

	/* White */

	color: #FFFFFF;
	width:90%;
	border:none;
}
.kitchen_home .button_row {
	padding-top:15px !Important;
	padding-bottom:15px !Important;
}
.requiredstar {
	color:red !important;
}
.button_row {
	clear:both;
	padding-top:30px;
}
.note {
	font-style: normal;
	font-weight: 400;
	font-size: 9px;
	line-height: 100%;
	/* or 9px */

	text-align: center;
	letter-spacing: -0.03em;

	color: rgba(90, 90, 100, 0.6);
	padding-top: 25px;
	display: inline-block;
	width:100%;
}
.note-title{
	font-size: 10px;
font-weight: 600;    line-height: 1.1;
	color: #5A5A64;
}
.note-info{
	font-size: 10px;
	color: rgba(90, 90, 100, 0.6);    line-height: 1.1;
}
.main-d-title{
	font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.03em;
    color: #16161A;
}
.main-d-smalltitle{
	font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.03em;
    color: #16161A;
}
.accordion .main-d-button:focus{
	box-shadow:none
}
.accordion .main-d-button{
	display: flex;
    align-items: center;
    width: 100%;
}
.accordion  .main-d-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.accordion  .main-d-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.main-d-accordian .card{
	border: none;
}
.main-d-accordian .card-header{
	border-top: 4px solid #F0F0F0;
    background: #fff;
}
.common_back {
  overflow: hidden;
  min-height: 420px;
  background-color: #FBF7F7;
  padding-top: 110px;
  text-align: center;
}
.user_clicked_edit .home_icon {
	margin-left: 95px;
	margin-top: -7px;
}
.user_clicked_edit .edit_address{
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}
.user_clicked_edit .current_property_value_p{
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
	margin-top:40px;
}
.user_clicked_edit .current_property_value_amount{
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 120%;
	/* or 43px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}
.m-range {
	width:80%;
	margin-top:20px;
}
.reset_value {
	width: 107px;
	height: 29px;
	border: 1px solid #DDDDDD;
	border-radius: 100px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
	margin-top:30px;
	background:transparent;
}
.property_room_information {
  position: relative;
  top: -50px;
  background: #FFFFFF;
  border-radius: 40px 40px 0px 0px;
}
.property_room_information .room_summary {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;
	padding-top:30px !important;
}
.property_room_information .prop_info {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Light Grey/Blue */

	color: #68697E;
	margin-top:20px !important;
}
.rooms_variation {
	text-align:center;
	margin-top:25px;
}
.rooms_variation h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #16161A;
	margin-bottom: 15px;
}
.quantity_holder {
	width: 335px;
	height: 57px;
	background: #FBF7F7;
	border-radius: 100px;
	margin: 0px auto;
	position:relative;
}
.quantity_holder img {
	width:auto !important;
}
.variation_minus {
  position: absolute;
  left: 6px;
  top: 6px;
  cursor:pointer;
}
.variation_plus {
  position: absolute;
  right: 6px;
  top: 6px;
  cursor:pointer;
}
.quantity_holder .variation_counter {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #16161A;
	padding-top: 18px;
	display: inline-block;
}
.user_clicked_next .common_back {
	overflow: hidden;
	min-height: 500px !important;
	background-color: #FBF7F7;
	padding-top: 110px;
	text-align: center;
}

.user_clicked_next .room_summary {
	  padding-top: 20px;
	  width: 90% !important;
	  margin: 0px auto;
		margin-bottom: 0px;
	  overflow: hidden !important;
	  background-color: white !important;
	  border-radius: 15px !important;
	  margin-bottom: 30px !important;
	  padding-bottom: 20px ;
	margin-top: 35px !important;
}
.user_clicked_next .property_room_information {
	top:-70px !important;
}
.room_renovation .common_back {
	background-image:url('../images/room_renovation.png');
	background-repeat:no-repeat;
	background-position:center center;
	min-height:312px;
	background-size:100%;
}
.room_renovation .heading_content {
	text-align:left;
}
.room_renovation .heading_content p {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
}
.room_renovation .heading_content h1 {
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 120%;
	/* or 43px */

	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;

} 
.room_renovation_block {
	position: relative;
  top: -50px;
  background: #FFFFFF;
  border-radius: 40px 40px 0px 0px;
}
.room_renovation_block .select_room {
	text-align:center;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 150%;	
	text-align: center;
	letter-spacing: -0.03em;
	color: #16161A;
	padding-top:20px;
}
.property_var .vector_icon {
	width:10%;
	float:left;
	padding-top: 20px;
}
.detailshow {
	width:24%;
	float:left;
	padding-top: 20px;
	text-align: right;
	cursor:pointer;
}
.property_var_content {
	/* width:80%; */
	width:65%;
	float:left;
	padding-left: 16px;
}
.property_var .vector_icon img{
	width:auto !important;
}
.auto_blk {
	width:90%;
	margin:0px auto !important;
	overflow: hidden;
}
.detailshow img {
	width:auto !important;
}
.property_var {
	border: 1px solid #DDDDDD;
	overflow: hidden;
	padding: 20px 10px 20px 10px;
	margin-bottom:25px;
}
.property_var.added_to_delete {
	height: 112.6px;
	background-color: #E04040;
	text-align: center;
	padding-top: 40px;
}
.delete_vector {
	width:auto !important;
}
.property_var_content .main_variation {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.03em;
	color: #16161A;
}
.property_var_content .detail_cat {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 100%;
	letter-spacing: -0.03em;
	color: #5A5A64;
}
.property_var_content .remove_item {
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: -0.03em;
	color: #16161A;
	cursor:pointer;
	width:50%;
	float:left;
}
.reset_item_room {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #16161A;
  cursor: pointer;
  color: red;
}
.pl-20 {
	padding-left:20px;
}
.pr-20 {
	padding-right:20px;
}
.reset_rooms {
	width: 148px;
	height: 44px;	
	background: #FFFFFF;
	/* Line Stroke */

	border: 1px solid #DDDDDD;
	border-radius: 100px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	/* identical to box height, or 21px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}
.add_rooms {
	background: #EEEEEE;
	border-radius: 100px;
	width: 163px;
	height: 44px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	/* identical to box height, or 21px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}
.your_progress {
	width:50%;
	float:left;
}
.calculator_btn {
	width:50%;
	float:right;
	text-align:right;
}
.your_progress .yProg{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -0.03em;
	color: #16161A;
	padding-top:13px;

}
.your_progress .sum{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	/* identical to box height, or 12px */

	letter-spacing: -0.03em;

	/* Light Grey/Blue */

	color: #68697E;
}

.calculator_btn .calculator {
	/* Line Stroke */
	width: 163px;
	height: 57px;
	/* border: 1px solid #DDDDDD; */
	border-radius: 14px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	/* identical to box height, or 18px */

	text-align: center;
	letter-spacing: -0.03em;
	/* background-color:transparent; */
	/* color: #B0B0B0; */
}
.roi {
  color: black;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px !important;
}

.open_calculator.auto_blk {
  padding-bottom: 20px;
  position: fixed;
  bottom: 0px;
  width: 500px;
  background-color: white;
  margin: 0px auto !important;
  padding-left: 20px;
  z-index:9999999;
  display:none;
  max-width: 100%;
	padding: 15px !important;
}



/* MODAL CODE */
.modals {
  position: relative;
  animation: animatebottom 0.4s;
}

.modals_renovation {
  position: relative;
  animation: animatebottom 0.4s;
}

.modals_variation_options {
  position: relative;
  animation: animatebottom 0.4s;
}

@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  } 
} 

.modals {
    position: fixed;
    left: unset;
    top: 0;
    width: 500px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index: 99999999;
	max-width:100%;
}

.modals_renovation {
    position: fixed;
    left: unset;
    top: 0;
    width: 500px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index: 99999999;
	max-width:100%;
}

.modals_variation_options {
    position: fixed;
    left: unset;
    top: 0;
    width: 500px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index: 999999999;
	max-width:100%;
}

.close_modal {
	cursor:pointer;
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 24rem;
    border-radius: 0.5rem;
}
.close-button {
    float: left;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
   
}
.close-button:hover {
   /*  background-color: darkgray; */
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
#myModal {
	top:32% !important;
}
#myModal .modal-content {
	transform: translate(-51%, 0%) !important;
	width: max-content;
	width:100% !important;
}
#myModal .modal-footer{
	border-top: 1px solid #FF1F02;
}


/* MODAL 2*/
#myModal2 {
	top:32% !important;
}
#myModal2 .modal-content {
	transform: translate(-51%, 0%) !important;
	width: 100%;
	left:51% !important;
}
#myModal2 .modal-footer{
	border-top: none !important;
	justify-content:center !important;
}
#myModal2 .modal-body{
	padding-bottom: 0px !important ;
	text-align: center !important;
}

#myModal2 .modal-footer button{
	width: 136px !important;
	height: 44px !important;
	background: #F0F0F0 !important;
	border-radius: 100px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 100% !important;
	/* identical to box height, or 16px */

	text-align: center !important;
	letter-spacing: -0.03em !important;

	/* Dark Grey */

	color: #16161A !important;
}

/* MODAL 3*/
#myModal3 {
	top:32% !important;
}
#myModal3 .modal-content {
	transform: translate(-51%, 0%) !important;
	width: 100%;
	left:51% !important;
}
#myModal3 .modal-footer{
	border-top: none !important;
	justify-content:center !important;
}
#myModal3 .modal-body{
	padding-bottom: 0px !important ;
	text-align: center !important;
}

#myModal3 .modal-footer button{
	width: 136px !important;
	height: 44px !important;
	background: #F0F0F0 !important;
	border-radius: 100px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 100% !important;
	/* identical to box height, or 16px */

	text-align: center !important;
	letter-spacing: -0.03em !important;

	/* Dark Grey */

	color: #16161A !important;
}

/* MODAL 4 */
#myModal4 {
	top:32% !important;
}
#myModal4 .modal-content {
	transform: translate(-51%, 0%) !important;
	width: 100%;
	left:51% !important;
}
#myModal4 .modal-footer{
	border-top: none !important;
	justify-content:center !important;
}
#myModal4 .modal-body{
	padding-bottom: 0px !important ;
	text-align: center !important;
}

#myModal4 .modal-footer button{
	width: 136px !important;
	height: 44px !important;
	background: #F0F0F0 !important;
	border-radius: 100px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 100% !important;
	/* identical to box height, or 16px */

	text-align: center !important;
	letter-spacing: -0.03em !important;

	/* Dark Grey */

	color: #16161A !important;
}


/* MODAL 4 */
#myModal5 {
	top:5% !important;
}
#myModal5 .modal-content {
	transform: translate(-51%, 0%) !important;
	width: 100%;
	left:51% !important;
	height: 600px;
	overflow: scroll;
	text-align:left !important
}

#myModal5 .modal-footer{
	border-top: none !important;
	justify-content:center !important;
}
#myModal5 .modal-body{
	padding-bottom: 0px !important ;
	text-align: left !important;
}

#myModal5 .modal-body h2{
	color:#FF1F02;
}
#myModal5 .modal-body h3{
	font-size:20px !important;
}
#myModal5 .modal-body p{
	font-size:13px !important;
}
#myModal5 .modal-footer button{
	width: 136px !important;
	height: 44px !important;
	background: #F0F0F0 !important;
	border-radius: 100px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 100% !important;
	/* identical to box height, or 16px */

	text-align: center !important;
	letter-spacing: -0.03em !important;

	/* Dark Grey */

	color: #16161A !important;
}


/* MODAL 4 */
#myModal6 {
	top:5% !important;
}
#myModal6 .modal-content {
	transform: translate(-51%, 0%) !important;
	width: 100%;
	left:51% !important;
	height: 600px;
	overflow: scroll;
	text-align:left !important
}

#myModal6 .modal-footer{
	border-top: none !important;
	justify-content:center !important;
}
#myModal6 .modal-body{
	padding-bottom: 0px !important ;
	text-align: left !important;
}

#myModal6 .modal-body h2{
	color:#FF1F02;
}
#myModal6 .modal-body h3{
	font-size:20px !important;
}
#myModal6 .modal-body p{
	font-size:13px !important;
}
#myModal6 .modal-footer button{
	width: 136px !important;
	height: 44px !important;
	background: #F0F0F0 !important;
	border-radius: 100px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 100% !important;
	/* identical to box height, or 16px */

	text-align: center !important;
	letter-spacing: -0.03em !important;

	/* Dark Grey */

	color: #16161A !important;
}

.custom_modal {
	/* display:none; */
	background-color: white;
	z-index: 99999;
	border-radius: 35px;
}
.line {	
	width:53px;
	height:3px;
	background: #68697E;
	border-radius: 100px;
	margin:0px auto !important;
	margin-top:10px !important;
}
.add_a_room .close_modal {
	margin-top: 15px;
	margin-bottom: 20px;
	display: inline-block;
	color: black;
	text-decoration:none !important;
}

.add_a_room.auto_blk {
  position: fixed;
  bottom: 0%;
  width: 100% !important;
  background-color: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.modals_renovation .main_modal_content {
	height: 500px;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.modals_variation_options .main_modal_content {
	height: 500px;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.modals_variation_options .main_modal_content {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.modals_variation_options .main_modal_content::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.modals_renovation .main_modal_content{
	height: 500px;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.modals_renovation .main_modal_content {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.modals_renovation .main_modal_content::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.brands {
    margin-top: 0!important;
    padding: 26px 0 !important;
}
.header .pay-later {
    margin-right: 40px!important;
    width: 46%!important;
}
.banner .buttons a {
    font-size: 10px!important;
    line-height: 9px!important;
    margin: 0!important;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #ff1f00!important;
}
.opt_row {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #DDD;
  overflow:hidden;
  cursor:pointer;
}
.opt_row p {
	margin-bottom:0px !important;
	width:50%;
}
.opt_row .lamname {
	float:left;
}
.opt_row .see_example {
	float:right;
	text-align:right;
}
.see_example img {
	margin-left:10px;
	width:auto !important;
}
.var_opt .close_modal {
	margin-top: 15px;
	margin-bottom: 20px;
	display: inline-block;
	color: black;
	text-decoration:none !important;
}

.var_opt.auto_blk {
  position: fixed;
  bottom: 0%;
  width: 100% !important;
  background-color: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.property_var.selected_laminate_choosed {
  /* border-bottom: 3px solid #FF1F02; */
}
.main_modal_content .title_add_room {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: -0.03em;
	color: #16161A;
	padding-top:65px !important;
}
.variation_icons {
	width:12% !important;
	float:left;
	text-align:center;
}
.variation_icons img {
	width:auto !important;
}
.var_name {
	width:55% !important;
	float:left;
}

.variation_qty_manager {
	width:30% !important;
	float:left;
	text-align:center;
	position:relative;
}

.variation_qty_manager img {
	width:auto !important;
}
.img_variation {
  padding-top: 20px;
  padding-bottom: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  cursor:pointer;
}
.img_variation.active {
	background: #EFEFF1;
}
.img_variation.first {
	border-top:none !important;
}
.img_variation.last {
	border-top:none !important;
}
.img_variation .var_name p {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.03em;
	color: #16161A;
	padding-left:15px;
	margin-top:5px !Important;
}
.minus_small {
  position: absolute;
  left: 5px;
  cursor:pointer;
}
.plus_small {
  position: absolute;
  right: 5px;
  cursor:pointer;
}
.hide {
	display:none;
}
.add_variation_qty  {
	padding-bottom:15px;
}


/* KITCHEN */

.kitchen_home .common_back {
	min-height:auto !important;
	background-color:white;
	padding-top:70px !important;
}
.kitchen_home .common_back .arrow_left {
	width:85%;
}
.kitchen_home .common_back .arrow_left img {
	float:left;
}

.kitchen_home .common_back .arrow_left .property_title{
	padding-top:10px;
	text-transform: capitalize;
	padding-right: 50px;
}
.types_kitchen_renovation {
	background-color: #FBF7F7;
	min-height:509px;
}
.types_kitchen_renovation .title {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.03em;
	color: #16161A;
	padding-top:20px;
}
.kitchen_opt {
	
	background: #FFFFFF;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	width: 335px;
	height: auto;
	margin:0px auto !important;
	padding: 16px 0px 15px 0px;
	margin-bottom:15px !important;
	overflow:hidden;
}
.append_renovation_opt {
  margin-top: 30px;
}
.kitchen_opt img {
	width:auto !important;
}
.kitchen_opt .logo {
	width:20%;
	float:left;
	text-align:center;
}

.kitchen_opt .content {
	width:60%;
	float:left;
	padding-top:2px;
}

.kitchen_opt .more_options {
	width:20%;
	float:left;
	text-align:center;
}
.custom-switch .custom-control-label::before {
	background-color: #B0B0B0;
}
.custom-switch .custom-control-label::after {
	background-color: white;
	top:5.9px;
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #1FA759;
	background-color: #1FA759;
}
.kitchen_opt .content p {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	/* or 18px */

	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
	padding-top:2px;
}
.show_renovation_options {
  overflow: hidden;
  width: 100%;
  position:relative
}
.show_renovation_options p {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 11px;
	/* or 100% */

	letter-spacing: -0.03em;

	color: #68697E;
	padding-left: 25px;
	margin-top: 12px;
}
.show_renovation_options p .required{
	color:red;
}

.show_renovation_options p {
   width: 100%; 
   text-align: left; 
   border-bottom: 1px solid #DDDDDD; 
   line-height: 0.1em;
   margin: 18px 0 20px; 
} 

.show_renovation_options p .text { 
    background:#fff; 
    padding:0 10px; 
}
.show_renovation_options .line_down {
	/* position:absolute;
	width:100%;
	content:"";
	border-top:2px solid #DDDDDD;
	top:17px; */
}
/* .ColorImage {
	display:none;
} */

.final_caculator {
  padding-bottom: 31px;
}
.choose_laminate {
	padding-bottom:20px;
}
.choose_laminate .common_back {
	text-align:left;
	min-height:auto !important;
	background-color:white !important;
}
.room_renovation.step.active {
	padding-bottom:100px !important;
}
.choose_laminate .common_back h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: -0.03em;
	color: #16161A;
	margin-top:20px;
	padding-left: 0px;
	text-align:center !Important;
}
.variation_opt_det select {
	border:none !important;
}
.show_renovation_options.show_out {
	display:none;
}
.show_renovation_options.show_in {
	display:block;
}
.fixed_btn {
  position: absolute;
  width: 90%;
  bottom: 20px;
}
.your_progress {
	cursor:pointer;
}
.transparent_button{
	border: 1px solid #DDDDDD;
	border-radius: 14px;
	background-color:transparent !important;
	width: 335px;
	height: 57px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #B0B0B0;
}
.laminate_images {
	padding-top:35px;	
	/* min-height:775px; */
	overflow:hidden;
}
.laminate_images img {
	/* width:auto !important; */
	cursor:pointer;
}
.select_images.active {
  border: 1px solid gray;
  border-radius: 11px;
}
.full_img {
	width:100% !important;
	padding:3px;
}
.half_img {
	width:50% !important;
	float:left;
	padding:3px;
	margin-top:5px;
	margin-bottom:5px;
}


.layout_shape .common_back {
	background-image:url('../images/kitchen-banner.png');
	background-repeat:no-repeat;
	background-position:center center;
	min-height:312px;
	background-size:100%;
}
.layout_shape .heading_content {
	text-align:left;
}
.layout_shape .heading_content p {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
}
.layout_shape .heading_content h1 {
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 120%;
	letter-spacing: -0.03em;
	color: #16161A;
}
.room_renovation_block_kitchen {
	position: relative;
	top: -50px;
	background: #FFFFFF;
	border-radius: 40px 40px 0px 0px;
} 
.room_renovation_block_kitchen .select_room {
	text-align:center;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 150%;	
	text-align: center;
	letter-spacing: -0.03em;
	color: #16161A;
	padding-top:20px;
}
.room_renovation_block_kitchen .pleasenote {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	/* or 12px */

	text-align: center;
	letter-spacing: -0.03em;

	color: #68697E;
	margin-bottom:30px !important;
}
.shape {
  width: 47% !important;
  text-align: center;
  padding: 33px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom:20px;
}
.shape .shape-img-blk img {
	width:87px !important;
}
.shape p {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #16161A;
	margin-top:25px;
	margin-bottom:0px !important;
}
.shape span {
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 140%;
	/* or 17px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Light Grey */

	color: #5A5A64;
}
.shape-img-blk {
	height:90px;
	justify-content: center;
	align-items: center;
	display: flex;
}
.shape.active {
	background: #F0F0F0;
	border-radius: 10px;
	border:1px solid #F0F0F0;
	position:relative;
}
.tick {
	width:auto !important;
}
.hide_tick {
	display:none;
	
}
.shape.active .hide_tick {
	display:block;
	position: absolute;
	top: 5px;
	right: 5px;
}
.shape_line_left {
	position: absolute;
	border-left: 4px solid grey;
	height: 100%;
	width: 25px;
	left: 0;
	top: 0;
	z-index: 99 ;
}
.shape_line_left::before
{
	content: '';
	position: absolute;
	background: url("../images/selected_tick.png") no-repeat;
	background-size:cover;
	height: 20px;
	width: 20px;
	top: 43%;
	left: -10px;
}

.shape_line_top {   
            position: absolute;
            border-top: 4px solid grey;
            width: 100%;
            height: 25px;
            left: 0;
            top: 0;
        } 
.shape_line_top::before { 
	content: '';
	position: absolute;
	background: url("../images/selected_tick.png") no-repeat;
	background-size:cover;
	height: 20px;
	width: 20px;
	top: -10px;
	left: 46%;
}

.images_not_scale {
	background: #F0F0F0;
	border-radius: 100px;
	height: 36px;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 30px;

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}
.next_size_button {
	width:100% !important;
}
.shape_image {
	text-align:center;
}
.shape_image img {
	width:auto !important;
}
.choose_layout_size .common_back{
	padding-top:25px !important;
}
.choosed_shape.auto_blk {
	margin-top: 90px !important;
}
.choosed_shape .shape_height{
	position: absolute;
	padding-top: 50px;
	left: 35px;
}

.choosed_shape .shape_width{
	position: absolute;
	top:74px;
	width: 100%;
	right: 4px;
	
}
.choosed_shape .shape_height p {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	/* identical to box height, or 18px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
	margin-bottom:0px !important;
}
.choosed_shape .shape_height span {
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 120%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Light Grey/Blue */

	color: #68697E;
	width:100%;
	display:inline-block;
}


.choosed_shape .shape_width p {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	/* identical to box height, or 18px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
	margin-bottom:0px !important;
}
.choosed_shape .shape_width span {
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 120%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Light Grey/Blue */

	color: #68697E;
	width:100%;
	display:inline-block;
}
.choose_layout_size .room_renovation_block .shape_name {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
	padding-top:15px;
}
.choose_layout_size .room_renovation_block h2 {
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 120%;
	/* or 43px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
	margin-bottom:20px;
}
.choose_layout_size .common_back {
	min-height:350px;
}
.measurement {
	text-align:center;
	padding-top: 20px;
	border-top: 1px solid #DDD;
	padding-bottom: 30px;
}
.measurement p {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	/* identical to box height, or 16px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}
fieldset {
  min-width: auto !important;
  padding: 5px !important;
  margin: unset !important;
 
  background: #FFFFFF;
	/* Line Stroke */

	border: 1px solid #DDDDDD !important;
	border-radius: 10px;
	width:45%;
	position:relative;
}
fieldset legend {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 100%;
	/* identical to box height, or 12px */

	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
	width:auto !important;
	margin-left: 12px;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom:0px !important;
	text-align:left;
}
.green_tick {
  width: auto;
  position: absolute;
  right: 8px;
  top: 15px;
  display:none;
}
fieldset .form-control{
	border:none !important;
	padding-top:0px; !Important;
}
.measurement_input span {
	padding-top:20px;
	display:inline-block;
}
.measurement_input {
  padding-top: 15px;
}
fieldset .form-control:focus{
	border:none !important;
	outline:none !Important;
	outline-width: 0;
}
fieldset .form-control:active{
	border:none !important;
	outline:none !Important;
	outline-width: 0;
}
fieldset.active {
	border: 1px solid #FF1F02 !important;
}
fieldset.active legend{
	color:#FF1F02 !important;
}
.shape_image .shape_image_inner{
	/* border-top:4px solid #B0B0B0;
	border-left:4px solid #B0B0B0; */
}
.shape_image .shape_image_inner.active_height{
	border-left:4px solid #FF1F02;
}

.active_height_gray {
	border-left:4px solid #FF1F02;
}

.active_width_gray {
	border-top:4px solid #FF1F02;
}
.shape_image .shape_image_inner.active_width{
	border-top:4px solid #FF1F02;
}
.shap_line.small_width{
	width:154px !Important;
	margin:0px auto !Important;
	position: absolute;
	top: 33%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.shap_line.big_width{
	width:200px !Important;
	margin:0px auto !Important;
	position: absolute;
	top: 33%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* .shap_line.small_width.selected_left_tick{
	content: url('assets/images/selected_tick_height.png');
    background-repeat: no-repeat;
    background-size: auto;
    position: absolute;
    background-position: left;
    left: 25%;
    display: inline-block;
}

.shap_line.bog_width.selected_left_tick{
	content: url('assets/images/selected_tick_height.png');
    background-repeat: no-repeat;
    background-size: auto;
    position: absolute;
    background-position: left;
    left: 18%;
    display: inline-block;
} */
/* .step.active{
	transition: all 2s linear;
} */

/* .step.active {  
  transition: opacity 2s linear;  
  transform:translate(0);
  opacity: 1;
}  
.step {  
  transform:translate(9999px);
  opacity: 0;  
} */

/* .step.active {
  animation: flyin 1.2s ease forwards;
  opacity: 0;
  transform: scale(2);
  filter: blur(4px);
}

@keyframes flyin {
   to { 
     filter: blur(0);
     transform: scale(1);
     opacity: 1;
   }
} */

/* .step.active {
  animation: 1s slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
} */

.step.substep.active {  
  animation: fadeInRight 1s ease-in-out;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}


/* .step {
    width: 0%;
	height: 100vh;
	background-color: aquamarine;
	position: fixed;
	top: 0;
	right: 0;
	transition: all 1s;
}

.step.active {
    width: 100%;
	height: 100vh;
	background-color: aquamarine;
	position: fixed;
	top: 0;
	right: 0;
	transition: all 1s;
} */

/* .right-col {
            width: 0%;
            height: 100vh;
            background-color: aquamarine;
            position: fixed;
            top: 0;
            right: 0;
            transition: all 1s;
        } */



#exampleModal .modal-content{
	position:fixed !important;
	bottom:0px !important;
	top:0px !important;
	left:0px !important;
	transform:none !important;
	padding:0px !important;
	width:100% !important;
	border-radius:0px !Important;
	border-top-left-radius:35px !important;
	border-top-right-radius:35px !important;
}
#exampleModal .modal-dialog{
	margin:0px !important;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  border:solid #FF1F02 !important;
  border-width: 0 3px 3px 0 !important;
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.variation_qty_manager p i {
	margin-left: 20px !important;
	display: inline-block;
}

.modals_renovation .var_name{
	width:50% !important;
}

.modals_renovation .variation_qty_manager{
	width:35% !important;
}
.items_row .added {
	background-image:url("../images/added_items.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center right;
	min-height: 19px;
	width: 14px;
	display: inline-block;
	position: relative;
	top: 2px;
	float: right;
	right: 10px;
}

.items_row .not_added {
	background-image:url("../images/not_added_items.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center right;
	min-height: 19px;
	width: 14px;
	display: inline-block;
	position: relative;
	top: 2px;
	float: right;
	right: 10px;
}
.items_row p {
	margin-top:10px;
}
.not_show {
	display:none;
}
.modals_renovation  .close_modal {
	margin-top:25px !important;
}
.modals_renovation .main_modal_content .title_add_room {
	padding-top:0px !important;
}


.modals_variation_options  .close_modal {
	margin-top:25px !important;
	margin-bottom:35px !important;
}
.modals_variation_options .main_modal_content .title_add_room {
	padding-top:0px !important;
}
.final_caculator .common_back {
	padding-top:40px !important;
}

.value_range_cal img {
	width:auto !important;
}
.final_caculator .percent {
  width: 17%;
  margin: 0px auto;
    margin-bottom: 0px;
  width: 71px;
  height: 26px;
  background: #E6F7ED;
  border-radius: 100px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.03em;
  color: #1FA759;
}
.value_range_cal {
  position: relative;
}
.value_range_amount {
  position: absolute;
  width: 100%;
  top: 50px;
  z-index:999999;
}
.value_range_amount .es_new {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #FF1F02;
	margin-top:5px;
}
.value_range_amount h1 {
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 120%;
	/* or 48px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}
.backwhite {
	width: 300px;
	height: 35px;
	background: #FFFFFF;
	border-radius: 100px;
	padding:11px;
	margin:0px auto;
	position: absolute;
	top: 188px;
	z-index: 9999;
	left: 6%;
	right: 6%;
}
.value_before_renovation_blk.backwhite {
  margin-top: 10px !important;
}
.estimated_blk.backwhite {
  margin-top: 60px !important;
}
.backwhite .value_text {
	float:left;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	/* or 12px */

	letter-spacing: -0.03em;

	/* Light Grey/Blue */

	color: #68697E;
}
.value_before_renovation_blk .value_amount {
	color:black;
}
.backwhite .value_amount {
	float:right;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	/* or 16px */

	text-align: right;
	letter-spacing: -0.03em;
	
}
.estimated_blk .value_amount {
	color:#1FA759;
}

.white_bg {
	position: relative;
  top: -50px;
  background: #FFFFFF;
  border-radius: 40px 40px 0px 0px;
}
.weight_value {
	
}
.weight_value .weight_value_title {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	/* or 18px */

	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
	margin-top:30px;
}
.weight_value .weight_value_des {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 100%;
	/* or 11px */

	letter-spacing: -0.03em;

	/* Light Grey */

	color: #5A5A64;

}
.progress_blk {
	width:50px !important;
	margin-right:10px;
	/* float:left; */
	text-align:center;
}
.progress_blk .progress_percent{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	/* identical to box height, or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Light Grey/Blue */

	color: #68697E;
	position: absolute;
	width: 100%;
}
.progress_blk .progress_type{
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 120%;
	/* or 13px */

	letter-spacing: -0.03em;

	/* Light Grey/Blue */

	color: #68697E;
	padding-top:10px;
	text-transform: uppercase;
	padding-top: 0.25rem;
}
.progressbar {
	background: linear-gradient(180deg, #27AE60 46.35%, #8FD8AE 100%);
	border-radius: 10px;
	/* transform: rotate(-90deg); */
	position: absolute;
	width: 100%;
	bottom: 0;
}
.fix_width_progress_blk {
  height: 100px;
  position: relative;
}
.property_progress {
  padding-top: 30px;
  display: flex;
	justify-content: center;
}
.renovated_room_cost .room_cost {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	/* or 18px */

	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}

.renovated_room_cost .approx_text {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 100%;
	/* or 11px */

	letter-spacing: -0.03em;

	/* Light Grey */

	color: #5A5A64;
}
.renovated_room_cost {
  padding: 22px;
  border-top: 5px solid #F0F0F0;
}
.estimated_cost{
	padding: 22px;
	background-color:#F0F0F0;
	overflow:hidden;
}
.estimated_cost .estimated_cost_text {
	float:left;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	/* or 16px */

	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}

.estimated_cost .estimated_cost_value {
	float:right;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	/* identical to box height, or 16px */

	text-align: right;
	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
}
.property_selectd .main {
	display:flex;
	overflow: hidden;
/* padding-bottom: 18px;
border-bottom: 1px solid #F0F0F0; */
border-bottom: 1px solid #F0F0F0;
margin-left: -15px;
margin-right: -15px;
}
.property_selectd .main .icon {
	width:10%;
	/* padding-top:15px; */
	text-align:center;
	margin-left:15px;
}
.sign {
  width: 29px;
  height: 29px;
  display: inline-block;
  background: #FEF6F4;
  border-radius: 10px;
  line-height: 27px;
  font-size: 24px;
  color: #FF1F02;
  font-weight: 200;
  margin-top: 4px;
}
.property_selectd .main .p_type {
	width:60%;
	padding-left:10px;
	/* padding-top:15px; */
}
.property_selectd .main .total_cost {
	width:30%;
	text-align:right;
	/* padding-top:15px; */
	margin-right:15px;
}
.property_selectd .main .p_type p {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	/* or 16px */

	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
	margin-bottom:0px !Important;
}
.property_selectd .main .p_type span {
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 120%;
	/* identical to box height, or 12px */

	letter-spacing: -0.03em;

	/* Light Grey */

	color: #5A5A64;
}
.property_selectd .main .total_cost .total_cost_title {
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 120%;
	/* or 12px */

	text-align: right;
	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
	margin-bottom:7px !important;
}
.property_selectd .main .total_cost .total_cost_amount {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	/* or 16px */

	text-align: right;
	letter-spacing: -0.03em;

	/* Dark Grey */

	color: #16161A;
}

.property_selectd {
	cursor: pointer;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	padding: 15px !important;
	margin-top: 10px;
	padding-bottom:0px !Important;
}
.sub_row .selected_opt {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	/* or 12px */

	letter-spacing: -0.03em;

	/* Light Grey/Blue */

	color: #68697E;
}
.showless_blk {
	overflow:hidden;
	margin-top:15px;
	margin-bottom:15px;
}
.showless_blk img {
	width:auto !important;
}
.showless_blk button {
	float:left;
	width: 123px;
	height: 41px;
	background: #FEF5F4;
	border-radius: 5px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	/* or 14px */

	text-align: center;
	letter-spacing: -0.03em;

	/* Orange */

	color: #FF1F02;
	border: 1px solid #FEF5F4;
}
.showless_blk p {
	float:right;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	/* or 12px */

	text-align: right;
	letter-spacing: -0.03em;

	/* Faded Text - Unselected */

	color: #B0B0B0;
	margin-top:10px;
}
.showless_blk p img {
	margin-left:10px;
}
.sub_row .option_prise {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	/* or 12px */

	text-align: right;
	letter-spacing: -0.03em;

	/* Light Grey/Blue */

	color: #68697E;
}
.sub_main {
  clear: both;
  margin-top: 15px;
  display:none;
}
.sub_row {
  overflow: hidden;  
}
.mb-30 {
	margin-bottom:30px !important;
}

 /* .range {
	width: 85%;
	height: 6px;
	background: #E3E3E4;
	border-radius: 100px;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	outline: none;
}
.range::-webkit-slider-thumb,
.range::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	height: 25.59271240234375px;
	width: 25px;
	border-radius: 50%;
	outline: none;       
	border: none;
	background-color:#FF1F02;
	cursor: pointer;
}
.range::-moz-range-progress
 {
	height: 6px;
	border-radius: 0%;
	border: none;
	background: linear-gradient(270deg, #FF1F02 0%, #FF1F02 64.06%);
	z-index: 2;
	position: relative;
}  */
.range{
	height: 10px !important;
	border-radius:100px !important;
}
.range-slider {
	
	width:90% !important;
	margin:0px auto !important;
	margin-top:30px !Important;
}


/* LOAD RANGE BUTTON AS PER BROWSER */
	/* Webkit */
.safari input[type=range],
.chrome input[type=range], 
.opera input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	border-radius: 8px;
	height: 7px;
	border: 1px solid #bdc3c7;
	background-color: #fff; 
}
.safari input[type='range']::-webkit-slider-thumb,
.chrome input[type='range']::-webkit-slider-thumb,
.opera input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	background-color: rgb(255, 31, 2);
	border: 1px solid rgb(255, 31, 2);
	width: 20px;
	height: 20px;
	border-radius: 10px;
	cursor: pointer;
}

/* Mozilla */
.firefox input[type=range] {
	width: 100%;
}
.firefox input[type=range]::-moz-range-track {
	border-radius: 100px;
	height: 7px;
	/* border: 1px solid #bdc3c7; */
	/* background-color: #fff; */
}
.firefox input[type=range]::-moz-range-thumb {
	background: rgb(255, 31, 2);
	border: 1px solid rgb(255, 31, 2);
	width: 20px;
	height: 20px;
	border-radius: 10px;
	cursor: pointer;
}

/* Internet Explorer */
.ie input[type="range"]::-ms-fill-lower,
.ie input[type="range"]::-ms-fill-upper {
	background: transparent;
}
.ie input[type="range"]::-ms-track {
    border-radius: 8px;
	height: 7px;
	border: 1px solid #bdc3c7;
	background-color: #fff;
}
.ie input[type="range"]::-ms-thumb {
	background-color: rgb(255, 31, 2);
	border: 1px solid rgb(255, 31, 2);
	width: 20px;
	height: 20px;
	border-radius: 10px;
	cursor: pointer;
}

/* LOAD RANGE BUTTON AS PER BROWSER END */


/* input{ border: 1px solid; } */


/* CALCULATOR */


.speedbox {
height: 300px;
width: 300px;
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
align-items: center;
-webkit-align-items: center;
position: relative;
top:0px;
margin:0px auto;
}

.speedbox__groove {
	height: 300px;
width: 300px;
background: transparent;
border-top-left-radius: 150px;
border-top-right-radius: 150px;
border: 10px solid #eee;
border-bottom: 0;
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
}
.speedbox__score {
position: absolute;
left: 0;
top: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(0deg);
height: 300px;
width: 300px;
background: transparent;
border-radius: 50%;
border: 10px solid #5c6f7b;
border-color: transparent transparent #27AE60 #27AE60;
box-sizing: border-box;
cursor: pointer;
z-index: 1;
transition: transform 0.3s ease;
}
.speedbox__base {
	width: 360px;
	height: 200px;
	background: white;
	position: relative;
	top: 144px;
	z-index: 20;
	background-color: #FBF7F7;
}
.speedbox__base:before {
content: "";
width: 240px;
position: absolute;
top: 0;
/* border-bottom: 1px solid #eee; */
box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.5);
}
.speedbox__odo {
text-align: center;
position: absolute;
color: #5c6f7b;
top: 50px;
left: 45%;
transform: translateX(-50%);
}
.speedbox__odo i {
font-size: 13px;
opacity: 0.6;
}
.speedbox__odo > div {
margin-bottom: 0;
}
.speedbox__odo span {
font-size: 0.7em;
}
.speedbox__ping {
	font-size: 13px;
	background-color: lightgreen;
	color: green;
	width: 60px;
	border-radius: 30%;
	margin-left: 40px!important;
}   
.speedbox__up {
	font-size: 20px;
	line-height: 1.5em;
	color: red;
}
.speedbox__down {
font-size: 25px;
line-height: 1.2em;
color: #000 ;
}
.speedbox__score::before{
	content: '';
	position: absolute;
	border: 10px solid white;
	
	border-radius: 50%;
	top: 32px;
	left: 27px;
   
}

.newselect_opt {
  padding: 10px;
  cursor:pointer;
} 

.opt_cnt {
  width: 24px;
  display: inline-block;
  text-align: center;
  border: 1px solid gray;
  border-radius: 90px;
  font-size: 13px;
  color: #5A5A64;
  margin-right: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;  
  text-align: center;
  letter-spacing: -0.03em;
  color: #5A5A64;
  font-weight: bold;
}

.opt_nme {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #16161A;
}
.darrow {
  float: right;
  cursor:pointer;
}

.autocomplete {
  position: relative;
  display: inline-block;
  width:auto !Important;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  height: 250px;
	display: inline-block;
	overflow-x: hidden;
	overflow-y: scroll;
}

.autocomplete-items::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.autocomplete-items {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.ui-autocomplete {
	width:335px !important;
	background: linear-gradient(180deg,#9a1908 0,#ff1f00 100%);
color: white;
border-radius: 10px;
border: none !important;
/* box-shadow: 2px 2px 4px 1px #d7d7d7; */
}
.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper{
	background-color:#17161A;
	border:1px solid #17161A;
	/* color:#FF1F02; */
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper {
	background-color:transparent;
	border:none;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover {
	background-color:#17161A;
	border:1px solid #17161A;
	
}
.ui-autocomplete li{ 
  padding:6px 3px !important;	
}
.ui-autocomplete li div {
	
} 
.ui-menu .ui-menu-item-wrapper {
	font-size:14px;
}

.small_spinner {
  width: 54px;
  position: absolute;
  top: 1px;
  right: 0;
  display:none;
}
@media(max-width:500px){
	.backwhite {
		left:0% !important;
	}
}

/* Added  by Aiims */
.auto_blk_button{
	position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    background: #fff;
}
.choose_laminate {
    padding-bottom: 100px;
}

.smartphone {
	position: relative;
	width: 400px;
	height: 700px;
	margin: auto;
	border: 16px black solid;
	border-top-width: 60px;
	border-bottom-width: 60px;
	border-radius: 36px;
}

/* The horizontal line on the top of the device */
.smartphone:before {
	content: '';
	display: block;
	width: 60px;
	height: 5px;
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #333;
	border-radius: 10px;
}

/* The circle on the bottom of the device */
.smartphone:after {
	content: '';
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 50%;
	bottom: -65px;
	transform: translate(-50%, -50%);
	background: #333;
	border-radius: 50%;
}

/* The screen (or content) of the device */
.smartphone .phone-content {
	width: 100%;
	height: 100%;
	background: white;
	overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
	overflow-x: hidden;
}

.info-edit-link{
	cursor: pointer;
}

.mobile-phone-body
{
	max-width: 400px;
	margin-top: 20px !important;
	padding-right: 0 !important;
}
.mobile-phone-body .modals_variation_options,.mobile-phone-body .open_calculator.auto_blk{
	width: 368px;
}
.mobile-phone-body .open_calculator.auto_blk{
	position: absolute;
}
.mobile-phone-body .show-modal,.mobile-phone-body  .modal {
	border-top-width: 60px;
    border-bottom-width: 60px;
    border-radius: 36px;
    max-height: 624px;
	max-width:  368px;right: 0;
	padding-right: 0 !important;
	left: 0;
	margin:2rem auto 3rem;
}