/*
Theme Name: Hotspot.rent - child
Theme URI: http://viskavef.is
Author: VISKA
Author URI: http://viskavef.is
Description:
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: redel
Text Domain: viska-child
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
*/

.redl-banner-slider .owl-item {
	position: relative;
	padding: 0;
	height: 900px;
}

.slider-banner .item > div {
	width: 100%;
	height: 900px;
	background-position: 50% 50% !important;
	background-size: cover !important;
}

.slider-banner .owl-stage {
	pointer-events: none;
}

.slider-banner .container {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.bil {
		display: none;
	}
}

@media (max-width: 375px) {
	.redl-banner-slider .owl-item,
	.slider-banner .item > div {
		height: 500px;
	}
}

/* Input quantity */
.hotspot-quantity-block,
.hotspot-amount-block,
.hotspot-payment-block,
.hotspot-button-block {
	float: left;
	margin-bottom: 30px;
	padding-right: 20px;
	min-width: 171px;
	width: 50%;
}

@media screen and (max-width: 479px) {
	.hotspot-quantity-block,
	.hotspot-amount-block,
	.hotspot-payment-block,
	.hotspot-button-block {
		width: 100%;
	}

	.hotspot-quantity-block,
	.hotspot-amount-block,
	.hotspot-payment-block,
	.hotspot-button-block {
		padding: 0;
	}
}

.hotspot-payment-block {
	text-align: left;
}

.hotspot-payment-block label {
	margin-bottom: 1px;
}

.hotspot-payment-block img,
.payment_method_borgun img {
	height: 30px;
	padding: 4px 0 2px !important;
}

.hotspot-add-to-cart-btn {
	float: left;
	clear: both;
}

.hotspot-quantity-block .ui-widget-content {
	width: 100%;
	border-color: #acbec2;
}

.hotspot-quantity-block .ui-widget-content,
.hotspot-quantity-block .ui-widget-content a {
	color: #777;
}

.hotspot-quantity-block .ui-widget input {
	font-family: "Poppins", Arial, sans-serif;
}

.hotspot-quantity-block .quantity {
	float: none !important;
	margin-right: 0;
}

.hotspot-quantity-block .quantity .qty,
.hotspot-quantity-block.quantity .qty {
	margin: 0;
	padding: 0 48px;
	width: 100%;
	height: 48px;
	text-align: center;
	font-weight: 600;
	/*color: #acbec2;*/
}

.hotspot-quantity-block .ui-spinner-button {
	width: 48px;
	height: 100%;
	background: #f2f2f2;
	font-size: 21px;
	line-height: 48px;
	cursor: pointer;
}

.hotspot-quantity-block .ui-spinner-button.ui-spinner-up {
	border: 0 solid #acbec2;
	border-left-width: 1px;
}

.hotspot-quantity-block .ui-spinner-button.ui-spinner-down {
	top: 0;
	left: 0;
	border: 0 solid #acbec2;
	border-right-width: 1px;
}

.hotspot-amount-block .hotspot-amount {
	padding: 0 20px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.1);
	color: #222;
	font-weight: 500;
	font-family: "Poppins", Arial, sans-serif;
	line-height: 50px;
	text-align: center;
}

.woocommerce div.product .hotspot-add-to-cart form.cart .button {
    position: relative;
  padding: 0 37px 0 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #f47f1e;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.02px;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
}

.woocommerce div.product .hotspot-add-to-cart form.cart .button:after {
  content: '';
  display: block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAtElEQVQ4T63SXQ3CMBiF4fcoAAdIAAsoIFPAUACTgAJwwHCABCTM0SFf0hGy9KYtvWvSPvl+jig8tntgkjTlvqrQw/Yb2AL7HFoDroFANzm0GIyObAf6ylVaBc5jsj0CB6CTFFXTBKZqAz0CJ0mjbF+AVelyFu/DiDF0AcYs4tJydqmo6z9ajlw+gKekvglMIf9iTUvJYdVgWuQNGCTdf4df3LLtAM5zTJabrAEjwGNkLheLD+1+RNmCXqpnAAAAAElFTkSuQmCC");
  width: 20px;
  height: 14px;
  position: absolute;
  right: 53px;
  top: 17px;
}

.woocommerce div.product .hotspot-add-to-cart form.cart .button:hover {
	background-color: #d5660a;
}

/*@media screen and (min-width: 480px) {*/
	/*.woocommerce div.product .hotspot-add-to-cart form.cart .button {*/
		/*width: calc(50% - 24px);*/
	/*}*/
/*}*/

.hotspot-add-to-cart label {
	text-transform: uppercase;
}

.woocommerce div.product div.images img {
	margin: auto;
	width: auto;
}

.product_title {
	float: left;
	font-weight: 300;
	font-size: 30px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	float: right;
	color: #f27e20;
	font-weight: 300;
	font-size: 24px;
	line-height: 33px;
}

.woocommerce-product-details__short-description {
	clear: both;
}

.woocommerce-checkout .redl-main-container {
	overflow: visible;
}

.woocommerce-checkout .select2-search {
	display: none;
}

form.checkout .hotspot-custom-checkout-fields label {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
}

form.checkout .hotspot-custom-checkout-fields label b {
	font-weight: 600;
}

form.checkout .hotspot-custom-checkout-fields span.wpcf7-not-valid-tip {
	font-size: 13px;
}

.woocommerce-message {
	display: none;
}

/* Custom radios and checkboxes */
#payment input[type="radio"],
#payment input[type="checkbox"] {
	display: none;
}

#payment input[type="radio"] ~ label > span.fa {
	border: 1px solid #acbec2;
	border-radius: 50%;
	font-size: 9px;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	/* text-align: center; */
	/* line-height: 16px; */
	color: #777;
	vertical-align: middle;
	position: relative;
}

#payment input[type="radio"] ~ label > span.fa:before {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 7px;
	height: 10px;
}

#payment input[type="radio"]:not(:checked) ~ label > span.fa:before {
	content: "";
}

#payment input[type="checkbox"] ~ span.fa {
	border: 1px solid #acbec2;
	border-radius: 4px;
	font-size: 16px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 22px;
	color: #000;
	vertical-align: middle;
}

#payment input[type="checkbox"]:not(:checked) ~ span.fa:before {
	content: "";
}

.menu-673 select,
.menu-673 .nice-select,
.menu-675 select,
.menu-675 .nice-select,
.text-134 input {
	text-transform: uppercase;
}

.redl-main-wrap,
.type-product {
	padding-top: 20px;
}

.redl-main-wrap {
	padding-bottom: 20px;
}

.type-product:after {
	content: "";
	clear: both;
	display: table;
}

.intl-tel-input.allow-dropdown {
	width: 100%;
}

.page-template-template-page-mobile.woocommerce-checkout {
	padding-top: 20px;
	padding-bottom: 40px;
}

.hotspot-add-to-cart #wc-stripe-payment-request-wrapper {
	display: none;
}

#wc-stripe-cc-form iframe {
	float: none;
}

.loading-indicator {
	z-index: 1000;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(255, 255, 255);
	opacity: 0.6;
	cursor: default;
	position: fixed;
}

.loading-indicator:before {
	height: 1em;
	width: 1em;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -.5em;
	margin-top: -.5em;
	content: '';
	-webkit-animation: spin 1s ease-in-out infinite;
	animation: spin 1s ease-in-out infinite;
	background: url(./images/icons/loader.svg) center center;
	background-size: cover;
	line-height: 1;
	text-align: center;
	font-size: 2em;
	color: rgba(0, 0, 0, .75);
}

/* .step-points-container */
.step-points-container {
  width: 160px;
  height: 3px;
  background-color: #c2c2c2;
  margin: 36px auto 79px;
  position: relative;
}

.step-point {
  width: 17px;
  height: 17px;
  border: 1px solid #979797;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -9px;
}

.step-point:before {
  content: '';
  width: 11px;
  height: 11px;
  background-color: #c2c2c2;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin: -5px auto;
  left: 0;
  right: 0;
}

.step-point.active:before {
  background-color: #f47f1e;
}

.step-point.left {
  left: -17px;
}

.step-point.right {
  right: -17px;
}

.step-point:after {
  display: block;
  width: 38px;
  height: 16px;
  color: #c2c2c2;;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02px;
  position: absolute;
}

.step-point.left:after {
  content: 'Step 1';
  bottom: -27px;
  left: -11px;
}

.step-point.right:after {
  content: 'Step 2';
  bottom: -27px;
  left: -11px;
}

.step-point.active:after {
  color: #000;
}
/* .step-points-container */