/* ==============================================================
    iPebble Custom - Required base styles taken from bundle.css
================================================================= */

/* #region Bootstrap Base Styles */

/* ===============================================
       Bootstrap v4.0.0.2-beta - Base styles
================================================== */

.modal {


	html, body { height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #f8f9fa; color: #212529; box-sizing: border-box; }

	*, *::before, *::after { box-sizing: inherit; }
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; }

	.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); }

	.modal.show .modal-dialog { transform: translate(0, 0); }

.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }

.modal-content { position: relative; display: flex; flex-direction: column; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; pointer-events: auto; }

.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }

.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }

	.modal-backdrop.fade { opacity: 0; }

	.modal-backdrop.show { opacity: 0.5; }


/* #endregion Base Styles */

/* #region Overrides & Extensions */

.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; }
	.modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); }
	.modal.show .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; pointer-events: none; }
.modal-content { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
	.modal-backdrop.fade { opacity: 0; }
	.modal-backdrop.show { opacity: 0.5; }
.modal-header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 15px 15px 0px 15px; border-bottom: 0px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }
	.modal-header .close { padding: 15px; margin: -15px -15px -15px auto; }
.modal-title { margin-bottom: 0; line-height: 1.5; }
.modal-body { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; padding: 15px; }
.modal-footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; padding: 15px; border-top: 1px solid #e9ecef; }
	.modal-footer > :not(:first-child) { margin-left: .25rem; }
	.modal-footer > :not(:last-child) { margin-right: .25rem; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.popupdetails li { list-style-type: none; font-size: 16px; font-weight: 400; line-height: 1.73; padding-left: 3px; letter-spacing: 0.014em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

	.popupdetails li:before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: #000000; margin-right: 10px; }

/* #endregion Overrides & Extensions */

/* #region Responsive */

@media (max-width: 375px) {
}

@media (min-width: 576px) {
	.modal-dialog { max-width: 500px; margin: 30px auto; }

	.modal-sm { max-width: 300px; }
}

@media (min-width: 992px) {
	.modal-lg { max-width: 800px; }
}

/* #endregion Responsive */

/* #region Carousel */


.carousel { position: relative; }

.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-item { position: relative; display: none; -ms-flex-align: center; -webkit-box-align: center; align-items: center; width: 100%; transition: -webkit-transform 0.6s ease; -webkit-transition: -webkit-transform 0.6s ease; -o-transition: transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }

	.carousel-item.active,
	.carousel-item-next,
	.carousel-item-prev { display: block; }

.carousel-item-next,
.carousel-item-prev { position: absolute; top: 0; }

	.carousel-item-next.carousel-item-left,
	.carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

@supports (transform-style: preserve-3d) {
	.carousel-item-next.carousel-item-left,
	.carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.carousel-item-next,
.active.carousel-item-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

@supports (transform-style: preserve-3d) {
	.carousel-item-next,
	.active.carousel-item-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

.carousel-item-prev,
.active.carousel-item-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

@supports (transform-style: preserve-3d) {
	.carousel-item-prev,
	.active.carousel-item-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

.carousel-control-prev,
.carousel-control-next { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; }

	.carousel-control-prev:focus, .carousel-control-prev:hover,
	.carousel-control-next:focus,
	.carousel-control-next:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; }

.carousel-control-prev { left: 0; }

.carousel-control-next { right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; }

.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; }

	.carousel-indicators li { position: relative; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); }

		.carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; }

		.carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; }

	.carousel-indicators .active { background-color: #fff; }

.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }


.carousel-inner .carousel-item { height: 500px; background-size: cover; background-position: center center; }

.carouselmain .carousel-inner .carousel-item { height: 268px; }


/* #endregion Carousel */

/* #region Alerts */

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; margin-top: 1rem; }

.alert-heading { color: inherit; }

.alert-link { font-weight: 700; }

.alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; }

.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }

	.alert-primary hr { border-top-color: #9fcdff; }

	.alert-primary .alert-link { color: #002752; }

.alert-secondary { color: #464a4e; background-color: #e7e8ea; border-color: #dddfe2; }

	.alert-secondary hr { border-top-color: #cfd2d6; }

	.alert-secondary .alert-link { color: #2e3133; }

.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

	.alert-success hr { border-top-color: #b1dfbb; }

	.alert-success .alert-link { color: #0b2e13; }

.alert-info { color: #1b476e; background-color: #eef9f8; border-color: #eef9f8; }

	.alert-info hr { border-top-color: #abdde5; }

	.alert-info .alert-link { color: #062c33; }

.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }

	.alert-warning hr { border-top-color: #ffe8a1; }

	.alert-warning .alert-link { color: #533f03; }

.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }

	.alert-danger hr { border-top-color: #f1b0b7; }

	.alert-danger .alert-link { color: #491217; }

.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }

	.alert-light hr { border-top-color: #ececf6; }

	.alert-light .alert-link { color: #686868; }

.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; }

	.alert-dark hr { border-top-color: #b9bbbe; }

	.alert-dark .alert-link { color: #040505; }


/* #endregion Alerts */