/* Font Awesome 4 CDN */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none; 
}

.sf-calculate-wrapper {
	background:rgba(255,255,255,0.8) !important;
	padding-top:0 !important;
	border: solid 3px #870d2b !important;
}


.sf-calculate-wrapper .form-slogan font {
	color:#aaa !important;
}

.sf-calculate-wrapper .form-slogan {
	margin-bottom:15px !important;
	padding:0 10px 10px 10px;
}

.sf-calculate-wrapper .form-slogan div:first-child font {
	text-transform:uppercase;
}

.sf-calculate-wrapper .form-slogan div a {
	color:#0b5aac;
}

.sf-calculate-wrapper input, .sf-calculate-wrapper select, .move-calc-wrapper input, .move-calc-wrapper select {
	padding: 10.5px 15px !important;
	height:45px !important;
	transition:all 0.3s ease;
	border: 1px solid #eeeeee !important;
}

.move-calc-wrapper .form-type-checkbox input {
	height:auto !important;
}

.sf-calculate-wrapper input:focus, .sf-calculate-wrapper select:focus, .move-calc-wrapper input:focus, .move-calc-wrapper select:focus {
	background:#fff;
}

.sf-calculate-wrapper .picker__input:hover {
	cursor:pointer;
}

.sf-calculate-wrapper input.success, .sf-calculate-wrapper select.success, .move-calc-wrapper input.success, .move-calc-wrapper select.success {
	border:solid 1px #9fdd97 !important;
	background: url(https://themoveboard.com/elromco/mymovepagecheck.png);
	background-repeat: no-repeat;
    background-position: 95% center;
}


div#request-form .form-group search-zip.search-zip-icon {
	margin-top:-28px !important;
}

div#request-form .form-group search-zip.search-zip-icon i.fa-search {
	color:#666 !important;
}

.sf-calculate-wrapper label.option {
	color:#aaa !important;
}

#request-form .submit_btn, .sf-calculate-wrapper .bottom-done-button, #congrats_menu.spmenu .mobileform.submit_btn {
	padding: 0 20px !important;
    width: auto !important;
    height: 45px !important;
    line-height: 45px !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    border: solid 1px #870d2b !important;
    background-color: #870d2b !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.16);
    font-weight: normal;
    text-transform: none !important;
    transition: all 100ms ease-out;
    font-size: 14px !important;
}

#request-form .submit_btn p, .sf-calculate-wrapper .bottom-done-button p, #congrats_menu.spmenu .mobileform.submit_btn p {
	font-size: 14px !important;
}

#request-form .submit_btn:hover, .sf-calculate-wrapper .bottom-done-button, #congrats_menu.spmenu .mobileform.submit_btn {
	border-color: #0b5aac !important;
	background-color: #0b5aac !important;
	color:#fff !important;
}

#congrats_menu.spmenu .mobileform.submit_btn {
	float:none !important;
	clear:both;
	display:inline-block;
}

.sf-calculate-wrapper #step1 .form-group.form-group-left {
	width:100% !important;
}

.sf-calculate-wrapper #step1  .form-group.zip {
	width:49% !important;
	margin-right:0 !important;
}

.sf-calculate-wrapper #step1  .form-group.form-group-right.zip {
	margin-left:2% !important;
}

.sf-calculate-wrapper #sf-move-size {
	border: 1px solid #eeeeee;
	padding:10px;
	transition:all 0.3s ease;
	border-radius:3px;
}

.sf-calculate-wrapper .form-group #sf-move-size i {
	border:none !important;
}

.sf-calculate-wrapper #sf-move-size .divan i {
	color:#aaa;
	display:block;
}

.sf-calculate-wrapper #sf-move-size:hover {
	border-color:#ccc;
}

.sf-calculate-wrapper .toolbar {
	background:#fff !important;
	margin-top:0px;
}

.sf-calculate-wrapper .toolbar button {
	border-radius:3px;
	border: 1px solid #eeeeee;
	height:auto !important;
	line-height:inherit !important;
	padding:5px 15px;
	color:#aaaaaa !important;
	font-weight:normal !important;
	transition:all 0.3s ease;
}

.sf-calculate-wrapper .toolbar button:hover {
	color:#870d2b !important;
	border-color:#870d2b;
}

.sf-calculate-wrapper .MoveSizeBtn {
	background:none !important;
	border:none !important;
	border-bottom:solid 1px #eee !important;
	border-radius:0 !important;
	color:#666 !important;
	padding: 9px 0px !important;
	transition:all 0.3s ease;
}

#slide_menu .slide-wrapper {
	padding:0 !important;
}

.sf-calculate-wrapper .MoveSizeBtn:hover {
	padding-left:15px !important;
	color:#870d2b !important;
	border-color:#870d2b;
}

.sf-calculate-wrapper .calc-info-steps select.SizeAndEntrance {
	box-shadow:none !important;
}

.sf-calculate-wrapper .movesize.success.desktopzip {
	border: solid 1px #9fdd97 !important;
    border-radius: 3px;
}

.sf-calculate-wrapper .movesize.success.desktopzip span {
	padding-left:0 !important;
	line-height: 18px !important;
    font-size: 12px !important;
    width: 90%;
}

.sf-calculate-wrapper #step2 .back-link {
	color:#999 !important;
	line-height:20px;
}

.sf-calculate-wrapper #step3 .back-link {
	color:#999 !important;
	line-height:45px;
	height:45px;
}

.sf-calculate-wrapper .back-link:before {
	content: "\f104";
	padding-right:10px;
	font-family:FontAwesome;
	font-size:20px;
	display:inline-block;
	transition:all 0.3s ease;
}

.sf-calculate-wrapper .back-link:hover:before {
	padding-right:15px;
	color:#870d2b;
	text-decoration:none;
}

.sf-calculate-wrapper #step2 .back-link:hover, .sf-calculate-wrapper #step3 .back-link:hover {
	color:#870d2b !important;
}

.back-link-wrapper {
	display:inline-block;
	width:auto !important;
}

.sf-calculate-wrapper .spmenu.spmenu-open {
	box-shadow:none !important;
}

.sf-calculate-wrapper .size-info-block {
	transform:scale(0.8);
}

.sf-calculate-wrapper #step2 select {
	background-image:none !important;
}

.sf-calculate-wrapper #step2 select.success {
	background-image:none !important;
}

#congrats_menu img {
	opacity:0.5;
}

.ultra-form-wrapper {
	display:none;
}

@media(max-width:1199px) {
	.move-calc-wrapper {
		display:none;
	}
	
	.ultra-form-wrapper {
		display:block;
	}
}

.mobile-btn-show-form-wrapper {
	text-align:center;
	margin-top: 50px;
}

.sf-calculate-wrapper.fixed {
	position:fixed !important;
	width:320px;
	left:50%;
	margin-left:-160px;
	background-color: #fff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15), 0 -1px 10px rgba(0, 0, 0, 0.15) !important;
	z-index:9999 !important;
	top:50%;
}

.sf-calculate-wrapper.fixed #step1 .form-group, .sf-calculate-wrapper.fixed #step2 .form-group {
	width:100% !important;
	margin-left:0 !important;
}

.sf-calculate-wrapper.fixed #step1  .form-group.form-group-right.zip {
	margin-left:0 !important;
}

.sf-calculate-wrapper.fixed #request-form .submit_btn, .sf-calculate-wrapper.fixed .bottom-done-button, .sf-calculate-wrapper.fixed #congrats_menu.spmenu .mobileform.submit_btn {
	padding:0 !important;
	width:100% !important;
}

.sf-calculate-wrapper.fixed .form-group.back-link-wrapper {
	text-align:center !important;
	margin-top:20px;
	width:100% !important;
}

.sf-calculate-wrapper.fixed #slide_menu {
	padding:10px !important;
}

.sf-calculate-wrapper.fixed .size-info-block {
	zoom: 0.6;
	transform:scale(1) !important;
}

.sf-calculate-wrapper.fixed .toolbar {
	margin-top:0 !important;
}

.sf-calculate-wrapper.fixed #sf-rooms label {
	font-size:12px !important;
}

.sf-calculate-wrapper select:disabled {
	opacity:0.4;
}

.three_block.info_block.left-block, .moving-form fieldset .form-block, .moving-form .right-block, .big-left-block, .four_block.left-small-block, .left-block.direction_info, #edit-confirmation #confirmation_block {
	background:#fff !important;
}

/*#progressbar h2 {
	color:#fff !important;
}*/

.mobile-form-mask {
	position:fixed;
	z-index:999;
	background:rgba(0,0,0,0.7);
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
}

.mobile-form-close {
	color: #fff;
    font-size: 24px;
    border: solid 1px #ccc;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #870d2b;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

nav#slide_menu, .slide_menu {
	padding:10px !important;
}

p.elromco_logo {
	display:block !important;
}

#block-movecalc-moving-form {
	position:relative;
}

#block-movecalc-moving-form .three_block.form-block {
	-moz-box-shadow: 0px 30px 60px 0px rgba(50, 50, 50, 0.25);
	-webkit-box-shadow: 0px 30px 60px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 30px 60px 0px rgba(50, 50, 50, 0.25);
}

.el_btn_wrapper {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.holder {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
	z-index: 999;
}

.preloader {
  /* size */
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: rotatePreloader 2s infinite ease-in;
}

@keyframes rotatePreloader {
  0% {
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}
.preloader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.preloader div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 10%;
  height: 10%;
  background-color: #0a334b;
  transform: translateX(-50%);
  border-radius: 50%;
}

.preloader div:nth-child(1) {
  transform: rotateZ(0deg);
  animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    transform: rotateZ(36deg);
  }
  7% {
    transform: rotateZ(0deg);
  }
  57% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(2) {
  transform: rotateZ(36deg);
  animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}

@keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }
  5.0001% {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  12% {
    transform: rotateZ(-36deg);
  }
  62% {
    transform: rotateZ(-36deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(3) {
  transform: rotateZ(72deg);
  animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}

@keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }
  10.0002% {
    opacity: 1;
    transform: rotateZ(-36deg);
  }
  17% {
    transform: rotateZ(-72deg);
  }
  67% {
    transform: rotateZ(-72deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(4) {
  transform: rotateZ(108deg);
  animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}

@keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }
  15.0003% {
    opacity: 1;
    transform: rotateZ(-72deg);
  }
  22% {
    transform: rotateZ(-108deg);
  }
  72% {
    transform: rotateZ(-108deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(5) {
  transform: rotateZ(144deg);
  animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}

@keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }
  20.0004% {
    opacity: 1;
    transform: rotateZ(-108deg);
  }
  27% {
    transform: rotateZ(-144deg);
  }
  77% {
    transform: rotateZ(-144deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(6) {
  transform: rotateZ(180deg);
  animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}

@keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }
  25.0005% {
    opacity: 1;
    transform: rotateZ(-144deg);
  }
  32% {
    transform: rotateZ(-180deg);
  }
  82% {
    transform: rotateZ(-180deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(7) {
  transform: rotateZ(216deg);
  animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}

@keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }
  30.0006% {
    opacity: 1;
    transform: rotateZ(-180deg);
  }
  37% {
    transform: rotateZ(-216deg);
  }
  87% {
    transform: rotateZ(-216deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(8) {
  transform: rotateZ(252deg);
  animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}

@keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }
  35.0007% {
    opacity: 1;
    transform: rotateZ(-216deg);
  }

  42% {
    transform: rotateZ(-252deg);
  }
  92% {
    transform: rotateZ(-252deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(9) {
  transform: rotateZ(288deg);
  animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}

@keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }
  40.0008% {
    opacity: 1;
    transform: rotateZ(-252deg);
  }
  47% {
    transform: rotateZ(-288deg);
  }
  97% {
    transform: rotateZ(-288deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(10) {
  transform: rotateZ(324deg);
  animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}

@keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }
  45.0009% {
    opacity: 1;
    transform: rotateZ(-288deg);
  }
  52% {
    transform: rotateZ(-324deg);
  }
  102% {
    transform: rotateZ(-324deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.sf-calculate-wrapper .er-powered-by-elromco{
	bottom:3px;
	color: #fff;
}
.er-powered-by-elromco .er-powered-by-elromco__logo{
  max-width: 20px;
}


.sf-calculate-wrapper {
  background: rgba(0, 0, 0, .5) !important;
  border: transparent !important;
}
.sf-calculate-wrapper .form-slogan font, .sf-calculate-wrapper .form-slogan font a, .sf-calculate-wrapper h1 {
  color: #fff;
  margin: 5px 0;
  display: inline-block;
  text-align: center;
  font-size: 24px !important;
  line-height: 38px !important;
  /* font-weight: 400; */
}
.sf-calculate-wrapper .form-slogan font, .sf-calculate-wrapper #step1 label.option, .sf-calculate-wrapper #step2 .back-link, .sf-calculate-wrapper #step3 .back-link, .sf-calculate-wrapper .form-slogan div a {
  color: #fff !important;
}
.sf-calculate-wrapper .form-slogan div:first-child font {
  text-transform: uppercase;
}
/* .sf-calculate-wrapper input, .movesizeinput, .back-link, .sf-calculate-wrapper select, .move-calc-wrapper input, .move-calc-wrapper select {
  font-weight: 400;
} */
.sf-calculate-wrapper .pull-right {
  float: right !important;
}
.sf-calculate-wrapper *,
.er-request-form * {
  font-weight: 400;
}
.sf-calculate-wrapper #step2 .back-link {
  color: #999 !important;
  line-height: 20px;
}
.sf-calculate-wrapper #step3 .back-link {
  color: #999 !important;
  line-height: 45px;
  height: 45px;
}
.sf-calculate-wrapper input.success, .sf-calculate-wrapper select.success {
  background: #fff url(https://themoveboard.com/elromco/mymovepagecheck.png) !important;
  background-repeat: no-repeat !important;
  background-position: 95% center !important;
}
div#request-form .form-group-left {
  float: left;
  width: 48% !important;
  margin-right: 2%;
}
div#request-form .form-group-right {
  float: left;
  width: 50% !important;
  position: relative;
}
div#request-form .ultrasmall-primary-phone-short {
  display: inline-block;
  width: 33% !important;
}
div#request-form .ultrasmall-hear-about-us {
  display: inline-block;
  width: 65% !important;
  margin-top: 0;
}
.sf-calculate-wrapper #step2 .back-link:hover, .sf-calculate-wrapper #step3 .back-link:hover {
  color: #870d2b !important;
}
.congrats_block {
  color: #fff;
  font-size: 21px;
  line-height: 32px;
}
.search-zip-modal h2{
  padding-top: 20px;
}
.search-zip-modal div#zip_search_box select, .search-zip-modal input {
  font-weight: 400;
}
.search-zip-modal input {
  padding: 6px 12px;
}
.search-zip-modal input#getZipCode{
  color: #fff;
}
.sf-calculate-wrapper #edit-date-storage input{
  background-position-x: 98%;
  background-position-y: 15px;
}