/* Minification failed. Returning unminified contents.
(1457,35): run-time error CSS1046: Expect comma, found '255'
(1457,43): run-time error CSS1046: Expect comma, found '/'
 */
/** Real Estate
 **************************************************************** **/
body {
position:relative;
}

/* slider caption */
.realestate-caption {
	background-color:rgba(255,255,255,0.9);
	padding:20px;
}
.realestate-caption h4 {
	color:#333 !important;
	margin:0 !important;
}
.realestate-caption p {
	background-color:transparent !important;
	padding:10px 0 0 0 !important;
	color:#888 !important;
}
.realestate-caption .price {
	display:block;
	color:#f07057 !important;
	font-size:28px;
	font-weight:bold;
	padding:10px 0 0 0 !important;
}
.realestate-caption .price-old {
	color:#999 !important;
	text-decoration:line-through;
	font-size:20px;
	font-weight:300;
}
#slider .image-caption .inner .btn.view-more {
	font-size:13px;
	margin-top:0;
}

/*
	@FILTER BOX
	- search -
*/
.re-filterbox {
    background-color: #fff;
    padding: 30px 15px;
    display: block;
}
.re-filterbox.no-top { 
	margin-top:-100px;
	position:relative;
	z-index:150;
	border:#F3F4F6 10px solid;

	-webkit-border-radius: 16px;
	   -moz-border-radius: 16px;
			border-radius: 16px;
}

.item-box h4 {
	font-size:18px;
	line-height:23px;
}
.item-box small {
	font-size:16px;
	font-weight:800;
}

/* custom form */ 
.re-filter .form-control {
	height:40px;
	line-height:40px;
	padding:6px;
}

.re-filter select {
	cursor:pointer;
}

/* icons */
.bed-ico {
	background:url('/assets/images/icon/realestate/small/bed-ico.png') no-repeat;
	display:inline-block;
	width:16px; height:16px;
}
.furnished-ico {
	background:url('/assets/images/icon/realestate/small/furnished-ico.png') no-repeat;
	display:inline-block;
	width:16px; height:16px;
}
.garage-ico {
	background:url('/assets/images/icon/realestate/small/garage-ico.png') no-repeat;
	display:inline-block;
	width:16px; height:16px;
}
.home-ico {
	background:url('/assets/images/icon/realestate/small/home-ico.png') no-repeat;
	display:inline-block;
	width:16px; height:16px;
}

figure.agent-figure.pull-left {
	margin-right:30px;
}
figure.agent-figure.pull-right {
	margin-left:30px;
}

#dvColFilter {

  margin-right: 10px;
  margin-left: -10px;


}


   
 

/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 992px) {
    #dvColFilter {

  margin-right: auto;
  margin-left: auto;


}
}

@media only screen and (max-width: 768px) {
	#slider .image-caption .inner .btn.view-more {
		float:none !important;
		margin-top:10px;
	}

   #dvColFilter {

      margin-right: auto;
      margin-left: auto;


    }
}

@media only screen and (max-width: 479px) {
      #dvColFilter {

      margin-right: auto;
      margin-left: auto;


    }
}
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.sm-blue {
  background: transparent;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  padding: 10px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  background: #3092c0;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
  background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
  background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
  background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
  background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
  color: white;
  font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.sm-blue a.current {
  background: #006892;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #005678), color-stop(100%, #007aab));
  background-image: -webkit-linear-gradient(to bottom, #005678, #007aab);
  background-image: -moz-linear-gradient(to bottom, #005678, #007aab);
  background-image: -o-linear-gradient(to bottom, #005678, #007aab);
  background-image: linear-gradient(to bottom, #005678, #007aab);
  color: white;
}
.sm-blue a.disabled {
  color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.sm-blue a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.sm-blue ul {
  background: white;
}
.sm-blue ul ul {
  background: rgba(102, 102, 102, 0.1);
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #2b82ac;
  font-size: 15px;
  text-shadow: none;
  border-left: 8px solid transparent;
}
.sm-blue ul a.current {
  background: #006892;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #005678), color-stop(100%, #007aab));
  background-image: -webkit-linear-gradient(to bottom, #005678, #007aab);
  background-image: -moz-linear-gradient(to bottom, #005678, #007aab);
  background-image: -o-linear-gradient(to bottom, #005678, #007aab);
  background-image: linear-gradient(to bottom, #005678, #007aab);
  color: white;
}
.sm-blue ul a.disabled {
  color: #b3b3b3;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
  border-top: 0;
}

@media (min-width: 768px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-blue ul {
    position: absolute;
  }

  .sm-blue li {
    float: left;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none;
  }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-blue {
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
    background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  }
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 13px 24px;
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
    background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
    color: white;
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #2b82ac;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3092c0), color-stop(100%, #267397));
    background-image: -webkit-linear-gradient(to bottom, #3092c0, #267397);
    background-image: -moz-linear-gradient(to bottom, #3092c0, #267397);
    background-image: -o-linear-gradient(to bottom, #3092c0, #267397);
    background-image: linear-gradient(to bottom, #3092c0, #267397);
  }
  .sm-blue a.current {
    background: #006892;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #005678), color-stop(100%, #007aab));
    background-image: -webkit-linear-gradient(to bottom, #005678, #007aab);
    background-image: -moz-linear-gradient(to bottom, #005678, #007aab);
    background-image: -o-linear-gradient(to bottom, #005678, #007aab);
    background-image: linear-gradient(to bottom, #005678, #007aab);
    color: white;
  }
  .sm-blue a.disabled {
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
    background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
    color: #a1d1e8;
  }
  .sm-blue a span.sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #a1d1e8 transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .sm-blue a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
  }
  .sm-blue > li {
    border-left: 1px solid #2b82ac;
  }
  .sm-blue > li:first-child {
    border-left: 0;
  }
  .sm-blue ul {
    border: 1px solid #a8a8a8;
    padding: 7px 0;
    background: white;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
  }
  .sm-blue ul ul {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: white;
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    border: 0 !important;
    padding: 9px 23px;
    background: transparent;
    color: #2b82ac;
  }
  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3b9fce), color-stop(100%, #2b82ac));
    background-image: -webkit-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -moz-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: -o-linear-gradient(to bottom, #3b9fce, #2b82ac);
    background-image: linear-gradient(to bottom, #3b9fce, #2b82ac);
    color: white;
  }
  .sm-blue ul a.current {
    background: #006892;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #005678), color-stop(100%, #007aab));
    background-image: -webkit-linear-gradient(to bottom, #005678, #007aab);
    background-image: -moz-linear-gradient(to bottom, #005678, #007aab);
    background-image: -o-linear-gradient(to bottom, #005678, #007aab);
    background-image: linear-gradient(to bottom, #005678, #007aab);
    color: white;
  }
  .sm-blue ul a.disabled {
    background: white;
    color: #b3b3b3;
  }
  .sm-blue ul a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
  }
  .sm-blue ul li {
    border: 0;
  }
  .sm-blue span.scroll-up,
  .sm-blue span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #2b82ac transparent;
  }
  .sm-blue span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #2b82ac transparent transparent transparent;
  }
  .sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -ms-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
  }
  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #2b82ac;
  }
  .sm-blue.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-blue.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-vertical {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
  }
  .sm-blue.sm-vertical > li {
    border-left: 0 !important;
  }
  .sm-blue.sm-vertical ul {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }
}

.ColourPickerBlock {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
}

.ColourItemBlock {
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: inline-block;
}

.cur_colour_block {
    width: 50px;
    height: 50px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
}

.cur_colour_link {
    display: inline-block;
}

.ColourItemName {
    display: inline-block;
    padding-left: 10px;
}

.tbl_prc {
    border-collapse: collapse;
}

    .tbl_prc .td_hd {
        border-bottom: 1px solid #7E8083;
        text-align: left;
        font-weight: bold;
        color: #7E8083;
        padding-right: 10px;
    }

    .tbl_prc .td_val {
        border-bottom: 1px solid #7E8083;
        text-align: right;
        font-weight: normal;
        color: black;
    }

    .tbl_prc .td_foot {
        text-align: center;
        font-weight: bold;
        color: black;
    }





#dvAccSelBanner.affix {
    top: 0;
    z-index: 1000;
    width: 100%;
}

body {
    position: relative;
}

.config_step {
    display: none;
}

.nextsteps {
    color: #fff !important;
}

.txtcolor {
    color: #002c5f;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    justify-content: center;
    margin-bottom: 12px;
    line-height: normal;
}

.card-header h2 {
    margin: 0 0 5px 0 !important;
}

.card-body {
    line-height: normal;
}

.pmnt_estimator_tbl {
    margin-bottom: 1em;
}


.finradio {
    float: none !important;
}

.pricing-list-row {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap;
}

    .pricing-list-row:before, .pricing-list-row:after {
        display: none;
    }

    .pricing-list-row .div-wrap {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 25px;
    }

.card-pricing {
    border: solid 1px #d8d8d1;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.card-pricing-active {
    border: solid 1px #002c5f;
}

/*.card-pricing.card-pricing-active:after {
            border-color: #002c5f;
            background-color: #002c5f;
        }

        .card-pricing.card-pricing-active:before {
            color: #fff;
        }*/

.card-pricing.card-pricing-active .spanchild-pr:after {
    border-color: #002c5f;
    background-color: #002c5f;
}

.card-pricing.card-pricing-active .spanchild-pr:before {
    color: #fff;
}

/*.card-pricing:after {
            content: "";
            position: absolute;
            right: -50px;
            top: -50px;
            width: 100px;
            height: 100px;
            border: solid 1px #d8d8d1;
            transform: rotate(45deg);
        }

        .card-pricing::before {
            position: absolute;
            content: "\f00c";
            right: 5px;
            top: 5px;
            width: 30px;
            height: 30px;
            font-family: Font Awesome\ 5 Pro;
            font-weight: 900;
            color: #d8d8d1;
            font-size: 20px;
            text-align: center;
            line-height: 30px;
            z-index: 5;
        }*/
.card-pricing .spanchild-pr {
    cursor: pointer;
}

    .card-pricing .spanchild-pr:after {
        content: "";
        position: absolute;
        right: -50px;
        top: -50px;
        width: 100px;
        height: 100px;
        border: solid 1px #d8d8d1;
        transform: rotate(45deg);
    }

    .card-pricing .spanchild-pr::before {
        position: absolute;
        content: "\f00c";
        right: 5px;
        top: 5px;
        width: 30px;
        height: 30px;
        font-family: Font Awesome\ 5 Pro;
        font-weight: 900;
        color: #d8d8d1;
        font-size: 20px;
        text-align: center;
        line-height: 30px;
        z-index: 5;
    }

.card-pricing .card-header {
    padding: 40px 30px 0;
}

    .card-pricing .card-header h5.text-center {
        font-size: 12px;
    }

.card-pricing .card-body {
    padding: 0 30px 30px;
}

.custom-control.custom-radio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 0;
    max-width: 200px;
    margin: auto;
}

    .custom-control.custom-radio label {
        margin-bottom: 0px;
    }

    .custom-control.custom-radio input {
        margin-top: 0;
        margin-right: 10px;
    }

.pmnt_estimator_detaile li, .pmnt_estimator_tbl li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    font-size: 14px;
}

    .pmnt_estimator_detaile li.total-item {
        border-bottom: solid 2px #00aad2;
    }

    .pmnt_estimator_detaile li label.td_hd {
        margin-bottom: 0;
        font-weight: 500;
        color: #333333;
    }

    .pmnt_estimator_detaile li .td_val {
        color: #333333;
    }

.pmnt_estimator_tbl label {
    white-space: nowrap;
    margin-right: 15px;
    margin-bottom: 0;
    font-weight: 500;
    color: #000;
}
.pmnt_estimator_tbl .td_val {
    min-width: 100px;
    flex: 1;
    text-align: right;
}

.pmnt_estimator_tbl select.form-control {
    border-radius: 0;
    border: solid 1px #d8d8d1;
    background-color: #f8f8f8;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    line-height: normal;
    padding: 10px;
    background-image: url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 24 24' id='Layer_1' version='1.0' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><polyline fill='none' points='21,8.5 12,17.5 3,8.5 ' stroke='%233b7fba' stroke-miterlimit='10' stroke-width='2'/></svg>");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center right 10px;
}

.pmnt_estimator_tbl input.form-control {
    border: solid 1px #e5e5e5;
    border-radius: 0;
}

.pmnt_estimator_detaile li label.td_hd.total-item-label {
    color: #3867b8;
    font-weight: 600;
}

.pmnt_estimator_detaile li .total-item-val {
    color: #3867b8;
    font-weight: 600;
}

.panel-title {
    color: #fff !important;
}

#pmnt_InfoMsgBoxText1 {
    color: #000 !important;
}

.pmnt_info_link-h2 {
    vertical-align: middle;
    color: gray;
    margin-left: 10px;
    font-size: medium;
}

.pmnt_info_custom_p_box1 {
    line-height: 40px !important;
    margin: 0 0 0 !important;
    vertical-align: middle !important;
}

.pmnt_info_link-common {
    margin-left: 25px;
}

.requestsubmit-error {
    color: red;
    white-space: pre-line;
}

.requestsubmit-success {
    color: green;
    white-space: pre-line;
}

.form-control-textarea-common {
    height: auto !important;
}

#lblsummaryvalue {
    white-space: pre-line;
    display: flex;
    flex-wrap: wrap;
    /*font-size: 12px;*/
}

.row-col-flex {
    flex: auto;
}

a.tradaddchangevehical:hover {
    text-decoration: none;
}

.box-content-price h4 {
    font-size: 50px;
    font-weight: bold;
    text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1); /* IE<10 */
    color: #fff;
}

.box-content-price p {
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1); /* IE<10 */
    color: #fff;
}

.exitquestion-yes .box-content-price {
    background-color: #EA0029;
    border: 2px solid black;
}

    .exitquestion-yes .box-content-price .featured-icon {
        color: #EA0029;
    }




.exitquestion-no .box-content-price {
    background-color: #808080;
    border: 2px solid black;
}

    .exitquestion-no .box-content-price .featured-icon {
        color: #de0404;
    }


.exitsavings-small {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    color: #3bb607;
    text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1); /* IE<10 */
}

.exitsavings-medium {
    font-size: 100px;
    line-height: 110px;
    font-weight: bold;
    color: #3bb607;
    text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1); /* IE<10 */
}

.exitsavings-large {
    font-size: 100px;
    line-height: 110px;
    font-weight: bold;
    color: #3bb607;
    text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1); /* IE<10 */
}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

    .strike > span {
        position: relative;
        display: inline-block;
    }

        .strike > span:before,
        .strike > span:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 9999px;
            height: 3px;
            background: black;
        }

        .strike > span:before {
            right: 100%;
            margin-right: 15px;
        }

        .strike > span:after {
            left: 100%;
            margin-left: 15px;
        }

span.featured-icon-build {
    background-color: #fff !important;
}

    span.featured-icon-build,
    span.featured-icon-build:after {
        border: #fff 1px solid !important;
    }

        span.featured-icon-build.empty {
            color: #fff !important;
        }

#newTradForm .form-group input[type=text] {
    height: 30px;
    font-size: 14px;
    padding: 5px;
}

#newTradForm .form-group select {
    height: 30px;
    font-size: 14px;
    padding: 5px;
}

#newTradForm .form-group label {
    margin-bottom: 0 !important;
}

.trad-step4-border {
    border: 1px solid #d8d8d1;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 10px;
}

.border-right-step5 {
    border-right: 1px solid #ccc;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none !important;
}

/*Garage Css*/
.carproof-badge {
    display: block;
}

    .carproof-badge div {
        display: inline-block;
        padding: 0 !important;
    }

@media screen and (min-width: 768px) {
    #toolsMenu {
        position: relative;
        z-index: 9999;
        width: auto;
    }

        #toolsMenu ul {
            width: 12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
        }
}

/*#dvSearchResults {
            opacity:0;
        }*/

#dvColFilter .btn-toolbar {
    padding-left: 0;
    padding-right: 0;
}

#dvColFilter label, #lstYears2 label, #lstMakes2 label, #lstModels2 label {
    font-weight: normal;
    color: gray;
}


/**
 * Code for checkboxes
 */
.checkbox {
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-right: .75rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
}

    .checkbox:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        border: 2px solid #f2f2f2;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .checkbox:checked:before {
        height: 50%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-top-style: none;
        border-right-style: none;
    }

.checkbox--red:checked:before {
    border-color: #f44336;
}

.checkbox--pink:checked:before {
    border-color: #e91e63;
}

.checkbox--purple:checked:before {
    border-color: #9c27b0;
}

.checkbox--deep-purple:checked:before {
    border-color: #673ab7;
}

.checkbox--indigo:checked:before {
    border-color: #3f51b5;
}

.checkbox--blue:checked:before {
    border-color: #2196f3;
}

.checkbox--light-blue:checked:before {
    border-color: #03a9f4;
}

.checkbox--cyan:checked:before {
    border-color: #00bcd4;
}

.checkbox--teal:checked:before {
    border-color: #009688;
}

.checkbox--green:checked:before {
    border-color: #4caf50;
}

.checkbox--light-green:checked:before {
    border-color: #8bc34a;
}

.checkbox--lime:checked:before {
    border-color: #cddc39;
}

.checkbox--yellow:checked:before {
    border-color: #ffeb3b;
}

.checkbox--amber:checked:before {
    border-color: #ffc107;
}

.checkbox--orange:checked:before {
    border-color: #ff9800;
}

.checkbox--deep-orange:checked:before {
    border-color: #ff5722;
}

.checkbox--blue-grey:checked:before {
    border-color: #607d8b;
}

.vsearchresult {
    border: 1px solid #ebebeb;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0px 0px 1px 1px #d7d7d7;
}

    .vsearchresult .result-r {
        border-right: 1px solid #ebebeb;
        background-color: white;
    }

    .vsearchresult .result-p {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .vsearchresult .result-blink {
        padding: 5px 10px 5px 10px;
        display: inline-block;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
    }

        .vsearchresult .result-blink.result-blink-first {
            border-left: none;
        }

        .vsearchresult .result-blink.result-blink-last {
            border-right: none;
        }

    .vsearchresult .sresult {
        background-color: #f6fbff
    }

    .vsearchresult .vnamelink {
        padding-bottom: 2px;
        border-bottom: 1px solid black;
        margin-bottom: 10px;
    }

    .vsearchresult .vcol {
        padding: 10px;
    }



    .vsearchresult .dealertext {
        text-align: center;
        font-size: 15px;
    }

        .vsearchresult .dealertext a,
        .vsearchresult .dealertext a:visited,
        .vsearchresult .dealertext a:active {
            color: #1e1e1e;
            font-weight: bold;
        }

            .vsearchresult .dealertext a:hover {
                color: #1e1e1e;
                font-weight: bold;
            }

    .vsearchresult .result-msrp {
        background-color: white;
        padding: 5px;
        text-align: left;
    }

    .vsearchresult .result-data {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
    }

        .vsearchresult .result-data.result-data-inline {
            display: inline-block;
            margin-right: 3px;
        }

    .vsearchresult .result-value {
        color: #686868;
        font-weight: bold;
        font-size: 12px;
    }

    .vsearchresult .result-fine {
        font-size: 12px;
        line-height: 16px;
        font-weight: normal;
        color: gray;
    }

    .vsearchresult .result-prcnew {
        text-decoration: line-through;
    }

    .vsearchresult .result-prcsale-wasprc {
        text-decoration: line-through;
    }

    .vsearchresult .result-prcsale-was {
        display: inline-block;
    }

    .vsearchresult .result-prcsale-now {
        display: block;
    }

    .vsearchresult .result-msrp-txt {
        display: block;
    }

    .vsearchresult .result-msrp-val {
        display: block;
    }

    #topHeadBP {
        background-image: url(/assets/images/build_and_price_laststep/header-lg.png);
        width: 100%;
        padding: 40px;
        background-size: cover;
        background-position: center;
        font-size: 45px;
        line-height: 55px;
        font-weight: bold;
        margin-top: -30px;
    }

    .styleSecondBackground {
        border-radius: 85px;
        box-shadow: 0px 0px 18px #00000033;
    }


    .dvWhatsNext {
        padding: 50px;
    }

    .dvCarDetails {
        padding: 20px;
    }

    .dvcarname {
        background-color: #f6f1f1;
        padding: 22px;
        font-size: 34px;
        line-height: 30px;
        font-weight: bold;
        margin-left: 20px;
    }

    .btnCarDetails-desc {
        border-radius: 20px !important;
        font-size: 20px !important;
        padding: 20px !important;
        margin-bottom: 20px;
        text-align: left !important;
    }

    .dvCarDetails-button-icon {
        font-size: 28px;
        margin-right: 40px;
        vertical-align: middle;
    }
    #btnPrint{
       margin-right:35px;
    }
    .dvCarDetails-mob {
        padding: 20px;
    }

    .dvcarname-mob {
        background-color: #f6f1f1;
        padding: 15px 0;
        font-size: 25px;
        line-height: 30px;
        font-weight: bold;
        text-align: center;
    }

    .btnCarDetails-desc-mob {
        border-radius: 20px !important;
        font-size: 15px !important;       
        margin-bottom: 20px;
        text-align: center !important;
        width:100%;
        margin:0 5px;
    }

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

    .dvWhatsNext-styleBackground {
        padding: 30px 20px 4px 20px;
        border-top-left-radius: 50px !important;
        border-top-right-radius: 50px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .dvWhatsNext-title {
        font-weight: bold;
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 30px;
    }

    .dvWhatsNext-background-img {
        background-image: url(/assets/images/build_and_price_laststep/xroad-lg.png.pagespeed.ic.fRmewbnt2N.png);
        width: 100% !important;
        background-size: cover;
        background-position: center;
        background-color: rgb(255 255 255 / 100%);
    }

    .dvWhatsNext-button-desc {
        /*margin-top: 28px;*/
        margin-bottom: 30px !important;
    }

    .imgWhatsNext-icon {
        margin-right: 24px;
    }

    .dvLocation {
        padding: 35px 60px !important;
    }

    .dvLocaddress {
        font-size: 35px;
        font-weight: 500;
        line-height: 43px;
    }

    .dvLoctitle {
        font-size: 35px;
        font-weight: 600;
        line-height: 43px;
    }

    .btn-lg {
        border-radius: 42px !important;
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .dvLocation-mob {
        padding: 35px 60px !important;
        margin: 0px 80px;
    }

    .dvLocaddress-mob {
        font-size: 35px;
        font-weight: 500;
        line-height: 43px;
    }

    .dvLoctitle-mob {
        font-size: 35px;
        font-weight: 600;
        line-height: 43px;
    }

    .btn-lg-mob {
        border-radius: 42px !important;
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .dvLocdetails-mob {
        padding: 50px 0 !important;
        border-radius: 50px !important;
    }

    table.striped-table {
        border-collapse: collapse;
        width: 100%;
        background-color: #F8F8F8 !important;
    }

    td.row-title {
        padding: 5px 20px;
    }

    tbody.table-vdetails tr:nth-child(odd) {
        background: #EFF7FF;
    }

    .vehicle-details {
        padding-left: 22px;
        font-size: 20px;
        line-height: 33px;
    }

    .row-title {
        width: 15%;
        font-weight: bold;
        text-align: right;
    }

    .row-detail {
        text-align: left;
    }

    .carDetails-buttons {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

   

    #btnPrint, #btnDownload {
        width: 25px;
    }
    .break-line{
        display:none;
    }


.protections-items-selected {
    font-size: 12px;
    color: #949699;
    cursor: pointer;
}

    .protections-items-selected:hover {
        text-decoration: underline;
    }




input[type="number"].form-control {
    height: 30px;
}

#tradesTabContent .btn {
    margin: 0 2px;
}

.trade-temp-btn {
    display: none;
}

.btnCarDetails-desc {
    margin-bottom: 0px !important;
}

.btnCarDetails-desc-mob {
    margin-bottom: 0px !important;
}

#newTradForm .modal-dialog {
    margin-top: 137px !important;
}

#alertStep1_editbuild .vsearchresult .result-msrp-val {
    font-size: 15px !important;
}

#accTab {
    border: 0;
    margin-bottom: 10px;
}

    #accTab .nav-item {
        margin-right: 15px;
        font-weight: 600;
        font-size: 18px;
    }

ul.acc {
    list-style: none;
}

.acc_item {
    padding: 0 5px !important;
    margin-top: 10px;
}

.acc_item_content {
    border: 1px solid #b3b3b3;
    transition: all .2s;
    border-radius: 3px;
    overflow: hidden;
}

.acc_item_body {
    padding: 10px;
}

.hidden-check-item:checked ~ .acc_item_content {
    border: 1px solid #3a3a3a;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}

.acc_item h3 {
    font-size: 18px;
    line-height: 20px;
}

.acc_item_content a {
    display: block;
}

    .acc_item_content a img {
        display: block;
        width: 100%;
        object-fit: cover;
    }

.hidden-check-item {
    display: none !important;
}

    .hidden-check-item:checked ~ .acc_item_content .acc_chk_sp_add {
        display: none;
    }

    .hidden-check-item:not(:checked) ~ .acc_item_content .acc_chk_sp_add {
        display: inline-block;
    }

    .hidden-check-item:checked ~ .acc_item_content .acc_chk_sp_remove {
        display: inline-block;
    }

    .hidden-check-item:not(:checked) ~ .acc_item_content .acc_chk_sp_remove {
        display: none;
    }

.dvAccChk {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.acc_name {
    display: block;
    padding-right: 30px;
    position: relative;
    color: #000;
    margin-bottom: 0;
}

.acc_chk_sp {
    font-size: 26px;
    color: #000;
    cursor: pointer;
}

.acc_item p {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 5px;
}

.acc_chk_sp_remove {
    color: #ff5050;
}

.acc_msrp {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-top: 6px;
}
.acc_brochure {
    font-size: 14px;
    color: #000000;
}

.nav-item.active .nav-link {
    color: #000;
}

.dvCurVal {
    text-align: right;
    font-weight: bold;
    color: #000 !important;
}

    .dvCurVal p {
        color: #000;
    }

#kp_title {
    font-size: 24px;
    line-height: 26px;
    margin-top: 20px;
    font-weight: 600;
}

#kp_desc {
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
}

#kp_payment {
    font-size: 18px;
    line-height: 20px;
    margin-top: 10px;
    color: #5f686f;
    font-weight: 600;
}

.dv-plan {
    margin-top: 20px;
}

    .dv-plan label {
        font-size: 15px;
        font-weight: 300;
    }

    .dv-plan select {
        font-size: 15px;
        color: #5f686f;
    }

.pmnt-trade-input {
    margin-left: 5px
}

@media only screen and (max-width: 1400px) {
        .dvCarDetails-button-icon {
            margin-right: 30px;
        }

        #btnPrint {
            margin-right: 30px;
        }
        .dvLocation {
            padding: 35px 50px !important;
        }

        .dvWhatsNext {
            padding: 50px 21px;
        }
    .dvcarname {
        padding-left: 10px !important;
    }
   
    }

    @media only screen and (max-width: 1300px) {
        .dvCarDetails-button-icon {
            margin-right: 25px;
        }

        .btnCarDetails-desc{
            font-size:18px !important;
        }

        #btnPrint {
            margin-right: 25px;
            width: 27px;
        }

        #btnDownload {
            width: 25px;
        }
        .dvLocation {
            padding: 35px 40px !important;
        }

        .dvLocaddress {
            font-size: 33px;
        }

        .dvLoctitle {
            font-size: 33px
        }

    
    }

    @media only screen and (max-width: 1200px) {

        

        .btnCarDetails-desc {
            font-size: 15px !important;
            padding: 20px 10px !important;
        }

        #btnPrint {
            margin-right: 25px;
            width: 25px;
        }

        #btnDownload {
            width: 25px;
        }

     

        .dvLocation {
            padding: 35px 30px !important;
        }

        .dvLocaddress {
            font-size: 31px;
        }

        .dvLoctitle {
            font-size: 31px
        }

        .btn-lg {
            font-size: 23px !important;
            padding: 12px 12px !important;
        }

    }

@media only screen and (min-width: 992px) and (max-width: 1150px) {
    .pmnt_estimator_detaile li, .pmnt_estimator_tbl li {
        flex-wrap: wrap;
    }

        .pmnt_estimator_detaile li > span, .pmnt_estimator_tbl li > span {
            width: 100%;
        }

        .pmnt_estimator_detaile li > input, .pmnt_estimator_tbl li > input, .pmnt_estimator_detaile li > select, .pmnt_estimator_tbl li > select {
            width: calc(100% - 26px);
            margin-top: 5px;
        }

    .card-pricing .card-body {
        padding: 0 15px 30px
    }

    .pmnt_estimator_detaile li, .pmnt_estimator_tbl li {
        font-size: 12px;
    }

    .pmnt-trade-input {
        margin-left: 0;
    }
}

        @media only screen and (max-width: 1100px) {
            #btnDownload {
                width: 20px;
            }
            .dvLocation {
                padding: 35px 20px !important;
            }

            .dvLocaddress {
                font-size: 29px;
            }

            .dvLoctitle {
                font-size: 29px
            }

            .btn-lg {
                font-size: 21px !important;
            }

            .dvCarDetails {
                padding-right: 1px;
            }

           
            .dvCarDetails-button-icon {
                margin-right: 15px;
            }

        

            #btnPrint {
                margin-right: 15px;
               
            }
            .btnCarDetails-desc {
                padding: 20px 7px !important;
            }
            .vehicle-details {                
                font-size: 18px;               
            }
            .imgWhatsNext-icon {
                margin-right: 10px;
                width: 40px;
            }
        }


    @media only screen and (max-width : 992px) {
       

        .vsearchresult {
            border: 1px solid #ebebeb;
            position: relative;
            margin-bottom: 40px;
            margin-left: 10px;
            margin-right: 10px;
        }

            .vsearchresult .result-msrp {
                background-color: transparent;
                padding: 5px;
                text-align: center;
            }

            .vsearchresult .result-r {
                border-right: none;
                background-color: white;
            }

            .vsearchresult .result-msrp-txt {
                display: block;
                font-size: 30px !important;
            }

            .vsearchresult .result-msrp-val {
                display: inline-block;
                font-size: 30px !important;
            }

        #topHeadBP {
            background-image: url(/assets/images/build_and_price_laststep/xheader-sm.png.pagespeed.ic.SivUUBVtv-.jpg);
            width: 100%;
            height: auto;
            padding: 15px 0;
            background-size: cover;
            background-position: center;
            font-size: 30px;
            line-height: 40px;
        }

        .break-line {
            display: block;
        }

        .dvLocation-mob {
            margin: 0 80px;
        }
        #btnPrint-mob, #btnBack-mob {
            margin-right: 25px;
        }
        #btnDownload-mob{
            margin-right: 18px;
        }
        #btnPrint-mob, #btnDownload-mob {
           width:25px;
        }
        .vehicle-details {
            padding-left: 0;
        }
        .dvWhatsNext {
            padding: 15px 15px;
        }

        .form-group{
            margin-bottom:0 !important;
        }
        .dvWhatsNext-styleBackground {          
            border-top-left-radius: 30px !important;
            border-top-right-radius: 30px !important;
        }

    @media only screen and (max-width: 860px) {
        .dvLocation-mob {
            margin: 0px 60px;
        }
    }

    @media only screen and (max-width : 768px) {

        .col-filtbtn {
            padding: 2px !important;
        }

            .col-filtbtn .btn-sm {
                padding-left: 6px !important;
                padding-right: 6px !important;
            }

        .vsearchresult .result-prcsale-was {
            display: inline-block;
        }

        .vsearchresult .result-prcsale-now {
            display: inline-block;
        }

        .vsearchresult .vcol {
            padding-bottom: 0px;
        }

        .vsearchresult .result-data {
            display: inline-block;
            padding-left: 2px;
            padding-right: 2px;
        }

            .vsearchresult .result-data.result-data-inline {
                display: inline-block;
                margin-right: 0px;
            }

        .filterwell.well.well-sm {
            margin-top: 0px !important;
        }
    }
    @media only screen and (max-width: 760px) {
        .dvLocation-mob {
            margin: 0 40px;
        }
    }
    @media only screen and (max-width: 700px) {
        .dvLocation-mob {
            margin: 0 30px;
        }

        .dvLoctitle-mob {
            font-size: 33px;
        }

        .dvLocaddress-mob {
            font-size: 33px;
        }

        .btn-lg-mob {
            font-size: 23px !important;
        }
    }

    @media only screen and (max-width: 650px) {
        .dvLocation-mob {
            margin: 0 20px;
        }
        #topHeadBP {
            font-size: 22px;
            line-height: 28px;
        }
        .dvWhatsNext-title {
           
            font-size: 24px;
            line-height: 32px;
            margin-bottom: 20px;

        }
        .dvWhatsNext-styleBackground {
            padding: 20px 20px 4px 20px;
        }

    @media only screen and (max-width: 600px) {
        .dvLocation-mob {
            margin: 0 0;
        }

        .dvLocaddress-mob {
            font-size: 31px;
        }

        .dvLoctitle-mob {
            font-size: 31px;
        }

        .dvLocation-mob {
            padding: 35px 50px !important;
        }

        .btn-lg-mob {
            font-size: 21px !important;
        }
    }

    @media only screen and (max-width: 550px) {
        .dvLocaddress-mob {
            font-size: 29px;
            line-height: 40px;
        }

        .dvLoctitle-mob {
            font-size: 30px;
        }

        .dvLocation-mob {
            padding: 35px 40px !important;
        }

        .btn-lg-mob {
            font-size: 19px !important;
        }
        .imgWhatsNext-icon {
            width: 34px;
            margin-right: 10px;
        }
      
    }

    @media only screen and (max-width: 500px) {
        .dvLocation-mob {
            padding: 35px 30px !important;
        }

        .dvLocaddress-mob {
            font-size: 29px;
            line-height: 38px;
        }

        #btnPrint-mob, #btnBack-mob {
            margin-right: 10px;
        }

        #btnDownload-mob {
            margin-right: 8px;
        }

        .btnCarDetails-desc-mob{
            font-size:14px !important;
        }
    }

    @media only screen and (max-width: 450px) {
        .dvLocation-mob {
            padding: 35px 20px !important;
        }

        .dvLocaddress-mob {
            font-size: 27px;
            line-height: 36px;
        }

        .dvLoctitle-mob {
            font-size: 28px;
        }

        .btn-lg-mob {
            font-size: 18px !important;
        }
    }

        @media only screen and (max-width: 430px) {

            #topHeadBP {
                font-size: 18px;
                line-height: 22px;
            }

            .dvcarname-mob {
                font-size: 20px;
            }

            .vehicle-details {
                font-size: 14px;
                line-height: 23px;
            }

            .dvLocation-mob {
                padding: 35px 10px !important;
            }

            .dvLocaddress-mob {
                font-size: 25px;
                line-height: 34px;
            }

            .dvLoctitle-mob {
                font-size: 26px;
            }

            .btn-lg-mob {
                font-size: 15px !important;
            }

            .dvLocdetails-mob {
                padding: 40px 0 !important;
            }


            #btnPrint-mob, #btnDownload-mob {
                width: 17px;
            }

            #btnPrint-mob, #btnBack-mob {
                margin-right: 5px;
            }

            #btnDownload-mob {
                margin-right: 5px;
            }


            .btnCarDetails-desc-mob {
                padding: 8px 8px !important;
                font-size: 12px !important;
                margin: 0 3px;
            }
        }


        @media only screen and (max-width: 420px) {
            .pmnt_estimator_detaile li, .pmnt_estimator_tbl li {
                flex-wrap: wrap;
            }

                .pmnt_estimator_detaile li > span, .pmnt_estimator_tbl li > span {
                    width: 100%;
                }

                .pmnt_estimator_detaile li > input, .pmnt_estimator_tbl li > input, .pmnt_estimator_detaile li > select, .pmnt_estimator_tbl li > select {
                    width: calc(100% - 26px);
                    margin-top: 5px;
                }

            .card-pricing .card-body {
                padding: 0 15px 30px
            }

            .pmnt_estimator_detaile li, .pmnt_estimator_tbl li {
                font-size: 12px;
            }

            .pmnt-trade-input {
                margin-left: 0;
            }
        }

        @media only screen and (max-width: 399px) {
            .acc_row > div {
                width: 100%;
                display: block;
                float: none;
                left: 0;
                right: 0;
            }
        }

    @media only screen and (max-width: 380px) {
        .dvLocaddress-mob {
            font-size: 23px;
            line-height: 32px;
        }

        .dvLoctitle-mob {
            font-size: 24px;
        }

        .btn-lg-mob {
            font-size: 15px !important;
        }

        .dvLocdetails-mob {
            padding: 35px 0 !important;
        }
        .btn-lg {
            font-size: 15px !important;
            padding: 5px 12px !important;
        }
        .imgWhatsNext-icon {
            width: 26px;
           
        }
    }

    @media only screen and (max-width: 340px) {
        .dvLocaddress-mob {
            font-size: 20px;
            line-height: 31px;
        }

        .dvLoctitle-mob {
            font-size: 22px;
        }

        .btn-lg-mob {
            font-size: 14px !important;
        }
    }

    @media only screen and (max-width: 300px) {
        .dvLocaddress-mob {
            font-size: 18px;
            line-height: 30px;
        }

        .dvLoctitle-mob {
            font-size: 21px;
        }
        td.row-title {
            padding: 5px 10px;
        }
    }

.filterwell.well.well-sm {
    margin-top: 10px;
}

.margin-top5 {
    margin-top: 5px;
}

#dvSearchResults {
    padding-top: 5%;
}
/*End*/

li.blanktext-textbox {
    height: 55px;
}

li.blanktext-label {
    height: 44px;
}

.line-height-35 {
    line-height: 35px;
}

/*@media (min-width: 768px) {
    .col-sm-2 {
        width: 16.66666667% !important;
    }
}

@media (min-width: 200px) and (max-width:500px) {
    .col-sm-2 {
        width: 60.666667% !important;
    }
}*/
#lblsummaryvalue .img-thumbnail {
    display: block;
    margin: 0 auto; /*0 auto 20px;*/
    max-width: 200px;
}

.select-carsummary-btn:after {
    content: "\f0de";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    line-height: 1;
    margin-left: 6px;
    position: relative;
    top: 4px;
}

.select-carsummary-btn.collapsed:after {
    content: "\f0dd";
    top: -2px;
}

.select-carsummary-btn {
    text-decoration: none;
    font-size: 12px;
}

    .select-carsummary-btn:hover {
        text-decoration: none;
    }

.font-size-16 {
    font-size: 15px;
}

.vsearchresult .sresult .fa-times-circle {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width : 991px) {

    .border-right-step5 {
        border-right: 0;
    }
}
/* Confirmation modal (yes or no) */
.lastStep #pageheading {
    visibility: hidden;
}

.lastStep #wrapper {
    background-color: #eee;
}

.lastStep .re-filterbox.no-top {
    border: none !important;
}

.lastStep header#topNav {
    position: relative;
    box-shadow: 0px 3px 6px #00000029;
    z-index: inherit !important;
}

.box-content h4 {
    font-size: 50px;
    font-weight: bold;
    text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1); /* IE<10 */
    color: #fff;
}

.expired {
    color: red !important;
    font-style: italic !important;
    font-weight: bold !important;
}

.box-content p {
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1); /* IE<10 */
    color: #fff;
}

.exitquestion-yes .box-content {
    background-color: #EA0029;
    border: 2px solid black;
}

    .exitquestion-yes .box-content .featured-icon {
        color: #EA0029;
    }

.font-bold {
    font-weight: bold;
}


.exitquestion-no .box-content {
    background-color: #808080;
    border: 2px solid black;
}

    .exitquestion-no .box-content .featured-icon {
        color: #de0404;
    }

span.featured-icon {
    background-color: #fff !important;
}

    span.featured-icon,
    span.featured-icon:after {
        border: #fff 1px solid !important;
    }

        span.featured-icon.empty {
            color: #fff !important;
        }

ul > li::marker {
    color: #2E363F !important;
    font-size: 1rem;
}

.description * {
    color: #2E363F;
}

.description ul {
    padding-left: 40px;
}
/* Confirmation end*/