/* Minification failed. Returning unminified contents.
(154,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(1554,25): run-time error CSS1039: Token not allowed after unary operator: '-secondaryPurple'
 */

@font-face {
	font-family: 'Justus Pro Bold Italic';
	src: url(../fonts//JustusPro-BoldItalic.woff) format("woff")
}

@font-face {
	font-family: Din;
	font-display: auto;
	src: url(../fonts//DINPro.woff) format("woff")
}

@font-face {
	font-family: 'Din Medium';
	font-display: auto;
	src: url(../fonts//DINPro-Medium.woff) format("woff")
}

@font-face {
	font-family: 'Din Bold';
	font-display: auto;
	src: url(../fonts//DINPro-Bold.woff) format("woff")
}

html {
	min-height: 100%
}

body {
	font-family: "Din Medium",Verdana,sans-serif;
	color: #231f20 !important;
	height: 100%
}

body .renewal-theme {
	color: #42383b !important;
}

body.noscroll{
	overflow:hidden;
}

h1 {
	font-family: "Justus Pro Bold Italic",Rockwell,Cambria,Georgia,serif;
	font-size: 35px
}

.heading-alpha {
	font-family: 'Justus Pro Bold Italic', -apple-system, Arial, 'Helvetica Neue', sans-serif;
	font-size: 35px;
	font-size: 2rem;
	line-height: 1.157;
}

h2,
.heading-beta {
	font-family: 'Justus Pro Bold Italic', -apple-system, Arial, 'Helvetica Neue', sans-serif;
	font-size: 30px;
	font-size: 1.75rem;
	line-height: 1.1;
}


a {
	cursor: pointer
}

.f-l{ float:left; }
.f-r { float: right; }

.main-layout-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: 100%;
	min-height: 100vh
}

.footer-container, .header-container {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.content-container {
	-ms-flex-positive: 1;
	flex-grow: 1
}

.bg-primary {
	background-color: #e7131a !important
}

.bg-secondary {
	background-color: #a6549f !important
}

.bg-secondary-purple {
	background-color: #46154d !important
}

.bg-secondary-blue {
	background-color: #62b5e5 !important
}

.bg-secondary-grape {
	background-color: #a6549f !important
}

.bg-grey {
	background-color: #a0a3a6 !important
}

.bg-light-grey {
	background-color: #f5f5f5 !important
}

.bg-green {
	background-color: #00b388 !important
}

.bg-dark-blue {
	background-color: #0e4fa3 !important
}

.bg-yellow {
	background-color: #ffe760 !important
}

.bg-purple {
	background-color: #38113e !important
}

.bg-error {
	background-color: #fff0f1 !important
}

.btn-outline-primary {
	color: #e7131a;
	border-color: #e7131a !important
}

.text-primary {
	color: #e7131a !important
}

.text-secondary, a.text-secondary:focus, a.text-secondary:hover {
	color: #a6549f !important
}

.text-dark {
	color: #231f20 !important!important
}

.color-grey {
	color: #a0a3a6 !important
}

.size-1_5 {
	font-size: 1.5rem
}

.btn-primary {
	color: #fff;
	background-color: #00b388;
	border-color: #00b388;
}

.btn-primary.active, .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
	color: #fff !important;
	background-color: #00a17a !important;
	border-color: #00a17a !important
}

.btn-secondary {
	color: #fff;
	background-color: #a6549f;
	border-color: #a6549f
}

.btn-secondary:hover {
	color: #a6549f;
	background-color: #fff;
	border-color: #a6549f
}

.btn-outline-secondary {
	color: #a6549f !important;
	border-color: #a6549f !important
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
	box-shadow: 0 0 0 .2rem rgba(166,84,159,.5)
}

.btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
	background-color: #a6549f;
	color: #fff !important;
	border-color: #a6549f
}

.border-dark {
	border-color: #a0a3a6 !important
}

.border-grey {
	border-color: #d0d0ce !important
}

.border-secondary {
	border-color: #a6549f !important
}

.border-dark-blue {
	border-color: #0e4fa3 !important
}

.border-none {
	border: none !important
}

.border-error {
	border-color: #ed414b !important
}

.form-control {
	border: 1px solid #a0a3a6
}

.px-6 {
	padding-left: 4.5rem !important;
	padding-right: 4.5rem !important
}

h3 {
	font-family: "Justus Pro Bold Italic",Helvetica,Arial,sans-serif
}

.DinDemi {
	font-family: "Din Medium",Verdana,sans-serif;
	font-size: 19px
}

.DinRegular {
	font-family: Din,Verdana,sans-serif;
	font-size: 15px;
	line-height: 22px
}

.DinBold {
	font-family: 'Din Bold',Verdana,sans-serif;
	font-size: 15px
}

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

.rotate-chevron {
	-webkit-transform: rotate(90deg) translate(5px,-8px);
	-ms-transform: rotate(90deg) translate(5px,-8px);
	transform: rotate(90deg) translate(5px,-8px);
	display: inline-block
}

.transition-transform {
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.transition-mh {
	transition: max-height .2s ease-in-out
}

.transition-all {
	transition: all .15s ease-in-out
}

.text-secondary-purple {
	color: #46154d !important
}

.flex-unset {
	-ms-flex: unset;
	flex: unset
}

.hide-input {
	position: absolute;
	visibility: hidden;
	left: -9999px
}

.label-checkbox {
	position: relative;
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #707070;
	background-color: #fff
}

.label-checkbox:after {
	font-family: -apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
	font-weight: 700;
	content: "\2713\fe0e";
	color: #18b607;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.5rem;
	-webkit-transform: scale(0) translate(-100%,-100%);
	-ms-transform: scale(0) translate(-100%,-100%);
	transform: scale(0) translate(-100%,-100%)
}

.hide-input:checked + label .label-checkbox:after, .label-checkbox.checked:after {
	-webkit-transform: scale(1) translate(0,-7px);
	-ms-transform: scale(1) translate(0,-7px);
	transform: scale(1) translate(0,-7px)
}

.rounded-circle {
	min-width: 24px;
	height: 24px
}

.rounded-circle.info {
	min-width: 20px;
	height: 20px;
	cursor: pointer
}

.rounded-circle.close-icon {
	min-width: 24px;
	height: 24px;
	position: absolute;
	top: .75rem;
	right: 1.25rem;
	cursor: pointer
}

.info-box {
	position: relative
}

/*breadcrumbs for adjustments payments*/
.breadcrumb-elem {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg);
	border-top-right-radius: 4px;
}

.breadcrumb-elem a {
	-webkit-transform: skew(30deg);
	-ms-transform: skew(30deg);
	transform: skew(30deg);
	color: #46154d !important;
	text-decoration: none;
}

.breadcrumb-elem.selected {
	background-color: #e7131a;
}

.breadcrumb-elem.selected .rounded-circle {
	background-color: #fff !important;
	color: #e7131a !important;
}

.breadcrumb-elem.selected .breadcrumb-label {
	color: #fff;
}

.breadcrumb-elem.selected:before {
	display: none;
}

.breadcrumb-elem:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -8px;
	min-height: 100%;
	width: 8px;
	border-top-right-radius: 6px;
	border-right: 1px solid #d0d0ce;
}

/*breadcrumbs for general payment*/
.breadcrumb-container {
	position: relative;
	min-width: 2.4rem;
	display: flex;
	justify-content: center;
}

.breadcrumb-container +.breadcrumb-container:before {
	content: "";
	display: block;
	background: #DBDBDB;
	position: absolute;
	top: calc(50% - 2px/2);
	left: calc(-50% + 1.8rem/2);
	height: 2px;
	width: calc(100% - 1.8rem);
}

.breadcrumb-container .breadcrumb-counter {
	transition: all .15s ease-in-out;
	font-size: .65rem;
	border-radius: 50%;
	background-color: #DBDBDB;
	color: #7a7a7a;
	display: flex;
	align-content: center;
	justify-content: center;
	width: 1.8rem;
	height: 1.8rem;
	line-height: 1.7rem;
}

 .breadcrumb-container .breadcrumb-label {
	transition: all .15s ease-in-out;
	display: none;
	position: absolute;
	bottom: -1.5rem;
	color: #9fa3a6;
	left: 0;
	width: 100%;
	text-align: center;
}

.breadcrumb-container a:hover {
	text-decoration: none;
}

.breadcrumb-container.current {
	color: #a6549e;
}

.breadcrumb-container.current:before {
	background: #02B388 !important;
}

.breadcrumb-container.current .breadcrumb-counter {
	background: #a6549e;
	color: white;
}

.breadcrumb-container.current .breadcrumb-label {
	color: #a6549e;
}

.breadcrumb-container.complete {
	color: #02B388;
}

.breadcrumb-container.complete:before {
	background: #02B388 !important;
}

.breadcrumb-container.complete .breadcrumb-counter {
	background: #02B388;
	color: white;
}

.breadcrumb-container.complete .breadcrumb-label {
	color: #02B388;
}

.breadcrumb-container.complete:hover {
	color: #029f79;
}

.breadcrumb-container.complete:hover .breadcrumb-counter {
	background: #029f79;
	color: white;
}

.breadcrumb-container.complete:hover .breadcrumb-label {
	color: #029f79;
}

@media screen and (min-width:425px) {
	.breadcrumb-container {
		min-width: 3.75rem;
	}
}

@media screen and (min-width:768px) {
	.breadcrumbs {
		padding-left: 1rem;
	}

	.breadcrumb-container {
		min-width: 6rem;
		margin-bottom: 1.5rem;
	}

	.breadcrumb-container .breadcrumb-label {
		display: block;
		position: absolute;
		bottom: -1.75rem;
		color: #9fa3a6;
		font-size: 1rem;
	}

	.breadcrumb-container .breadcrumb-counter {
		font-size: 1rem;
	}
}

@media screen and (min-width:992px) {
	.breadcrumbs {
		padding-left: 7.8rem;
	}

	.breadcrumb-container {
		min-width: 8.1rem;
	}
}

.striped-rows .row:nth-child(odd) {
	background-color: #f5f5f5
}

.details-card {
	overflow: hidden;
	width: 100%
}

.expanded .icon-open.rotate-chevron {
	-webkit-transform: rotate(-90deg) translate(-4px,5px);
	-ms-transform: rotate(-90deg) translate(-4px,5px);
	transform: rotate(-90deg) translate(-4px,5px)
}

.closed {	max-height: 0}
.open {	max-height: 100rem}
.quote-details {	font-size: 16px}

.dropdown {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important
}

.next-btn-container {
	margin-top: auto;
	margin-bottom: 1rem
}

.circle-icon {
	min-width: 35px;
	width: 35px;
	height: 35px
}

.circle-icon img {
	max-height: 85%
}

.error-icon {
	width: 2.5rem;
	height: 2.5rem;
	background-color: #ed414b;
	color: #fff;
	border-radius: 4px;
	position: absolute;
	left: initial;
	right: -2rem;
	-webkit-transform: translate(-55%);
	-ms-transform: translate(-55%);
	transform: translate(-55%);
	display:none;
}

.error-icon:before {
	content: "";
	display: block;
	width: 2rem;
	height: inherit;
	background-color: #ed414b;
	border-radius: 4px;
	-webkit-transform: skew(30deg);
	-ms-transform: skew(30deg);
	transform: skew(30deg);
	position: absolute;
	top: 0;
	right: initial;
	left: -.85rem
}

.error-icon .triangle-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-60%);
	-ms-transform: translate(-50%,-60%);
	transform: translate(-50%,-60%)
}

.details-list {
	list-style: none
}

.details-list li::before {
	content: "\2022";
	color: #a0a3a6;
	font-weight: 700;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

.details-list .has-checkmark::before {
	content: "\2713";
	color: #00b388
}

.idle-timeout-overlay {
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5)
}

.idle-timeout-overlay .idle-timeout-alert {
	background: #fff;
	width: 85%;
	padding: 20px 20px 30px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.welcome-text {
	word-break: break-word
}

.back-button {
	padding-left: 0;
	border: none
}

.back-button:hover {
	color: #ca96c6 !important
}

.back-button:active {
	color: #733a6f !important
}

.isie .sticky-top {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1020
}

.isie .main-layout-container {
	padding-top: 0
}

.isie .ancillary-btn {
	min-height: 2.5rem;
	height: 2.5rem
}

.isie .ancillary-text {
	font-size: 14px
}

.isie .ancillary-overlay .col-12 {
	-ms-flex: none;
	flex: none
}

.isie .dropdown-menu.ie-width {
	width: 400px
}

.isie .ie-noflex {
	-ms-flex: none !important;
	flex: none !important
}

.isie .ancillary-overlay-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.isie .container.card {
	display: block;
	-ms-flex: none;
	flex: none
}

.has-tail {
	position: relative
}

.has-tail:after {
	content: "";
	display: none;
	height: 100%;
	width: 4.5rem;
	border-top-right-radius: 10px;
	-webkit-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg);
	position: absolute;
	right: -2rem;
	z-index: 10;
	background: inherit
}

.pointer {
	cursor: pointer
}

.mw-290 {
	min-width: 290px
}

.w-33 {
	width: 33%
}

.w-49 {
	width: 49%
}

.d-flex .grow {
	-ms-flex-positive: 1;
	flex-grow: 1
}

.ml-a {
	margin-left: auto
}

.mr-a {
	margin-right: auto
}

.underline {
	text-decoration: underline !important
}

.small-print {
	font-family: Din,Verdana,sans-serif;
	font-size: 13px;
	line-height: 18px
}

.small-print .DinBold {
	font-size: 13px
}

.smaller-print {
	font-family: Din,Verdana,sans-serif;
	font-size: 11px;
	line-height: 18px
}

.smaller-print .DinBold {
	font-size: 11px
}

.sub-header {
	font-size: 17px
}

.page-title {
	font-family: "Din Bold",Verdana,sans-serif;
	font-size: 21px;
	letter-spacing: -1px
}

.self-center {
	-ms-flex-item-align: center;
	align-self: center
}

.short-input {
	max-width: 48px;
	padding: .375rem 0;
	text-align: center
}

.m-auto {
	margin: 0 auto
}

.border-2 {
	border-width: 2px !important
}

.ov-hidden {
	overflow: hidden
}

.shadow {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}

.small-shadow {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.16)
}

input[type=number] {
	-moz-appearance: textfield
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

.additional-info-close {
	height: 24px;
	min-width: 24px;
	width: 24px
}


.sticky-top {
	margin-left: -15px;
	margin-right: -15px;
}

.top-logo {
	width: 80px;
	height: auto;
}

.branding-logo-new {
	height: 30px;
	width: 140px;
}

@media screen and (min-width: 576px) {
	.branding-logo-new {
		width: 160px;
	}
}

@media screen and (min-width: 768px) {
	.branding-logo-new {
		height: 51px;
		width: 200px;
		margin-left: 0;
	}
}

@media screen and (min-width: 992px) {
	.branding-logo-new {
		width: 260px;
	}
}

.next-btn-container button {
	height: 52px
}

.next-btn-container {
	margin-top: 0;
	padding-top: 0 !important
}

.next-btn-container.no-reg {
	padding-top: 79px !important
}

.next-btn-container.reg-warning-visible {
	padding-top: 0 !important
}

.loading-indicator-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.75);
	z-index: 9999999
}

.loading-indicator-overlay .loading-indicator {
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2)
}

.security-code{
	max-width:60px;
}

@supports (-ms-ime-align:auto) {
	.loading-indicator {
		display: block;
		width: 56px;
		height: 56px;
		background-image: url(/assets/1stCentral/images/loader-circle.gif);
		background-size: cover
	}
}

.traffic-image {
	max-height: 2rem;
	max-width: 85%
}

.traffic-image.traffic-arrow {
	max-width: 100%;
	max-height: 1rem
}

.quote-reference-box {
	width: auto;
	height: auto;
	display: inline-block
}

.email-quote-box {
	min-width: 200px;
	width: 200px !important;
	height: 22px;
	position: relative;
	display: inline-block
}

.email-quote-text strong {
	position: absolute;
	left: 0;
	right: 0
}

.hidden {
	opacity: 0;
	transition: opacity .2s
}

.visible {
	opacity: 1;
	transition: opacity .2s;
	transition-delay: .2s
}

.defaqto-logo {
	max-width: 33%;
	max-height: 100px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.additional-info-close {
	height: 24px;
	min-width: 24px;
	width: 24px;
	top: 2.5rem;
	right: 0
}

.ancillary-card {
	padding: 1rem 0;
	overflow: hidden;
	position: relative
}

.ancillary-card:before {
	content: "";
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	transition: width .2s ease-in-out;
	background-color: #a6549f
}

.ancillary-card.expanded:before {
	width: 4px
}

.ancillary-card.selected .ancillary-square-icon {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0)
}

.ancillary-subtitle, .ancillary-title, .details-list {
	font-size: 15px;
	line-height: 21px
}

.ancillary-action-area {
	margin-left: calc(1px - 2rem);
	margin-right: -2rem
}

.ancillary-square-icon {
	padding: 1rem;
	width: 4rem;
	height: 2rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translate(150%,0);
	-ms-transform: translate(150%,0);
	transform: translate(150%,0)
}

.ancillary-square-icon:after {
	content: "";
	height: inherit;
	width: 20px;
	background: inherit;
	position: absolute;
	left: -10px;
	top: 0;
	-webkit-transform: skew(30deg);
	-ms-transform: skew(30deg);
	transform: skew(30deg);
	border-top-left-radius: 4px;
	z-index: 1
}

.ancillary-square-icon .checkmark {
	z-index: 10
}

.payment-type-btn {
	font-family: "Din Bold",Verdana,sans-serif;
	font-size: 16px;
	line-height: 18px;
	padding: .5rem
}

.reg-input {
	height: 52px;
	font-size: 24px;
	font-family: "Din Bold",Verdana,sans-serif;
	text-transform: uppercase
}

.reg-rosetta {
	font-size: 12px;
	font-family: "Din Medium",Verdana,sans-serif
}

.info-box .close-icon {
	right: .5rem
}

.reg-input {
	height: 52px
}

.sticky-bottom {
	position: fixed;
	bottom: 0;
	z-index: 2000;
	left: 0;
	padding: 1rem;
	-webkit-transform: translateY(calc(100% - 3.4rem));
	-ms-transform: translateY(calc(100% - 3.4rem));
	transform: translateY(calc(100% - 3.4rem));
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.sticky-bottom hr {
	border-top: 1px solid #fff
}

.sticky-bottom.expanded {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.sticky-bottom.expanded .toggle-arrow-chevron {
	-webkit-transform: rotate(90deg) translate(-3px,-3px);
	-ms-transform: rotate(90deg) translate(-3px,-3px);
	transform: rotate(90deg) translate(-3px,-3px)
}

.sticky-bottom.expanded .sub-header {
	font-size: 21px
}

.sticky-bottom.expanded .sub-header span:nth-child(2) {
	display: none
}

.sticky-bottom .mobile-summary {
	max-height: 300px;
	overflow-y: auto
}

.sticky-bottom.locked {
	transition: none
}

.sub-header {
	font-size: 21px
}

.sub-header span:nth-child(1) {
	float: left
}

.sub-header span:nth-child(2) {
	float: right
}

.toggle-arrow-container {
	position: absolute;
	right: 1rem;
	top: -1rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: inherit
}

.toggle-arrow-chevron {
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: rotate(-90deg) translate(5px,-2px);
	-ms-transform: rotate(-90deg) translate(5px,-2px);
	transform: rotate(-90deg) translate(5px,-2px);
	font-size: 1.5rem
}

.mobile-summary-content {
	min-height: 3rem
}



.additional-info-close {
	height: 24px;
	min-width: 24px;
	width: 24px;
	right: 10px
}

.payment-method-box, .payment-method-container {
	max-height: 340px
}

.payment-method-box .info-container, .payment-method-container .info-container {
	height: 194px !important
}

.dropdown-menu.show {
	left: 2.5rem !important;
	width: calc(100% - 2.5rem)
}

.excess-select {
	width: calc(100% - 56px)
}

.ancillary-card {
	padding: 1rem 0;
	overflow: hidden;
	position: relative
}

.ancillary-card:before {
	content: "";
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	transition: width .2s ease-in-out;
	background-color: #a6549f
}

.ancillary-card.expanded:before {
	width: 4px
}

.ancillary-card.selected .ancillary-square-icon {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0)
}

.ancillary-subtitle, .ancillary-title, .details-list {
	font-size: 15px;
	line-height: 21px
}

.ancillary-action-area {
	margin-left: calc(1px - 2rem);
	margin-right: -2rem
}

.ancillary-square-icon {
	padding: 1rem;
	width: 4rem;
	height: 2rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translate(150%,0);
	-ms-transform: translate(150%,0);
	transform: translate(150%,0)
}

.ancillary-square-icon:after {
	content: "";
	height: inherit;
	width: 20px;
	background: inherit;
	position: absolute;
	left: -10px;
	top: 0;
	-webkit-transform: skew(30deg);
	-ms-transform: skew(30deg);
	transform: skew(30deg);
	border-top-left-radius: 4px;
	z-index: 1
}

.ancillary-square-icon .checkmark {
	z-index: 10
}

.payment-type-btn {
	font-family: "Din Bold",Verdana,sans-serif;
	font-size: 16px;
	line-height: 18px;
	padding: .5rem
}

.reg-input {
	height: 52px;
	font-size: 24px;
	font-family: "Din Bold",Verdana,sans-serif;
	text-transform: uppercase
}

.reg-rosetta {
	font-size: 12px;
	font-family: "Din Medium",Verdana,sans-serif
}

.info-box .close-icon {
	right: .5rem
}

.ancillary-card {
	padding: 1rem 0;
	overflow: hidden;
	position: relative
}

.ancillary-card:before {
	content: "";
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	transition: width .2s ease-in-out;
	background-color: #a6549f
}

.ancillary-card.expanded:before {
	width: 4px
}

.ancillary-card.selected .ancillary-square-icon {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0)
}

.ancillary-subtitle, .ancillary-title, .details-list {
	font-size: 15px;
	line-height: 21px
}

.ancillary-action-area {
	margin-left: calc(1px - 2rem);
	margin-right: -2rem
}

.ancillary-square-icon {
	padding: 1rem;
	width: 4rem;
	height: 2rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translate(150%,0);
	-ms-transform: translate(150%,0);
	transform: translate(150%,0)
}

.ancillary-square-icon:after {
	content: "";
	height: inherit;
	width: 20px;
	background: inherit;
	position: absolute;
	left: -10px;
	top: 0;
	-webkit-transform: skew(30deg);
	-ms-transform: skew(30deg);
	transform: skew(30deg);
	border-top-left-radius: 4px;
	z-index: 1
}

.ancillary-square-icon .checkmark {
	z-index: 10
}

.payment-type-btn {
	font-family: "Din Bold",Verdana,sans-serif;
	font-size: 16px;
	line-height: 18px;
	padding: .5rem
}

.reg-input {
	height: 52px;
	font-size: 24px;
	font-family: "Din Bold",Verdana,sans-serif;
	text-transform: uppercase
}

.reg-rosetta {
	font-size: 12px;
	font-family: "Din Medium",Verdana,sans-serif
}

.info-box .close-icon {
	right: .5rem
}

.ancillary-card {
	padding: 1rem 0;
	overflow: hidden;
	position: relative
}

.ancillary-card:before {
	content: "";
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	transition: width .2s ease-in-out;
	background-color: #a6549f
}

.ancillary-card.expanded:before {
	width: 4px
}

.ancillary-card.selected .ancillary-square-icon {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0)
}

.ancillary-subtitle, .ancillary-title, .details-list {
	font-size: 15px;
	line-height: 21px
}

.ancillary-action-area {
	margin-left: calc(1px - 2rem);
	margin-right: -2rem
}

.ancillary-square-icon {
	padding: 1rem;
	width: 4rem;
	height: 2rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translate(150%,0);
	-ms-transform: translate(150%,0);
	transform: translate(150%,0)
}

.ancillary-square-icon:after {
	content: "";
	height: inherit;
	width: 20px;
	background: inherit;
	position: absolute;
	left: -10px;
	top: 0;
	-webkit-transform: skew(30deg);
	-ms-transform: skew(30deg);
	transform: skew(30deg);
	border-top-left-radius: 4px;
	z-index: 1
}

.ancillary-square-icon .checkmark {
	z-index: 10
}

.payment-type-btn {
	font-family: "Din Bold",Verdana,sans-serif;
	font-size: 16px;
	line-height: 18px;
	padding: .5rem
}

.reg-input {
	height: 52px;
	font-size: 24px;
	font-family: "Din Bold",Verdana,sans-serif;
	text-transform: uppercase
}

.reg-rosetta {
	font-size: 12px;
	font-family: "Din Medium",Verdana,sans-serif
}

.info-box .close-icon {
	right: .5rem
}

.inner-content {
	-ms-flex-flow: column wrap !important;
	flex-flow: column wrap !important
}

.inner-content [class*=col-lg] {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.ancillary-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(0,0,0,.3);
	z-index: 5000
}

.ancillary-overlay-inner {
	width: calc(100% - 2rem);
	max-width: 380px;
	height: auto;
	max-height: 90%;
	overflow-y: auto;
	z-index: 1500
}

.ancillary-overlay-inner .circle-icon {
	border-radius: 50% !important;
	width: 64px;
	height: 64px
}

.ancillary-overlay-inner .circle-icon img {
	max-height: 100%
}

.ancillary-overlay-inner .ancillary-ribbon {
	position: relative
}

.ancillary-overlay-inner .ancillary-ribbon:after, .ancillary-overlay-inner .ancillary-ribbon:before {
	content: "";
	width: calc(50% - 44px);
	height: 2px;
	background-color: var(--secondaryPurple);
	position: absolute;
	top: 50%;
	left: 1rem;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%)
}

.ancillary-overlay-inner .ancillary-ribbon:after {
	left: auto;
	right: 1rem
}


.sub-header {
	padding-right: 15px
}


.payment-price {
	font-family: "Din Bold",Verdana,sans-serif;
	font-size: 35px;
	width: auto
}

.payment-price .fraction-digit {
	font-size: 18px
}

.card-img {
	max-width: 64px;
	height: auto
}

.payment-price .fraction-digit {
	font-size: 26px
}

.rounded-circle.info {
	position: absolute;
	right: 0;
	top: -2rem
}

#securityCode-help-icon {
	top: -5.5rem
}

.card-choice-box {
	height: 100px;
}
.card-choice-box.active {
	background-color: #a6549f !important;
	color:white !important;
}
.verifone-card-choice-box.active {
	background-color: #a6549f;
	color: white !important;
}
.form-control {
	border: 1px solid #a0a3a6;
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.payment-price{
	font-family: "Din Bold",Verdana,sans-serif;
	font-size: 35px;
	width: auto;
}
.hasCard #quoteForm #quoteFormContent {
	max-height: 0;
	overflow: hidden;
	-ms-transition: max-height .2s ease-in-out;
	-o-transition: max-height .2s ease-in-out;
	-webkit-transition: max-height .2s ease-in-out;
	transition: max-height .2s ease-in-out;
	border: none;
}

.hasCard #quoteForm #quoteFormContent.open {
	max-height: 100rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border: 1px solid rgba(0,0,0,.125);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
}


/** Old styles **/
#overlay {
	z-index: 88888;
	background: rgba(53, 53, 53, 0.7);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: none;
}

#modalAlert {
	background: #fff;
	border-radius: 5px;
	max-width: 20rem;
	height: auto;
	z-index: 200000;
	position: fixed;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: block;
	overflow: auto;
}

.constHeight {
	max-height: 60vh;
	overflow-y: auto;
}

#modalAlert:not([class]) {
	display: none;
}

#modalAlert {
	max-width: 95%;
	min-width: 15rem;
	max-height: 35rem;
	padding: 1rem 0;
}
#loader {
	display:block;
}
#modalAlert.address {
	width: 25rem;
}
#modalAlert.address .iconImg,
#modalAlert.address #loader {
	display: none;
}
#modalAlert.address #alertTitle {
	font-size:1.5rem;
	padding:0rem 1rem 1rem;
	margin-top:0;
	margin-bottom:1rem;
	border-bottom:1px solid #ccc;
}
#modalAlert.address #alertClose {
	position: absolute;
	top: 1.75rem;
	right: 1rem;
	cursor:pointer;
}

#modalAlert.loading #alertClose {
	display: none;
}

#modalAlert .fieldgroup {
	margin: 1rem 0;
}

#modalAlert input,
#modalAlert label {
	-webkit-transform: translate3d(0,0,0);
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

#alertTitle {
	margin-top: 1rem;
	text-transform: capitalize;
}

#alertMessage {
	text-align: center;
}

	#alertMessage.text-align-left {
		text-align: left;
	}

#addressFieldSection,
#saveAddressBtn,
#addressLookupResults {
	display: none;
}

#addressLookupResults {
	margin: 1rem 0;
}

#Postcode-textInput {
	overflow: auto;
}

#modalAlert.address .fieldLabel {
	width: 100%;
	text-align: left;
}

#modalAlert.address label {
	margin-left: 0;
}

.card-holder-details-error {
	display: none;
	background-color: #fff0f1;
	font-weight: bold;
	color: rgb(231, 19, 26) !important;
}

.card-holder-details-address-error {
	display: none;
	background-color: #fff0f1;
	font-weight: bold;
	color: rgb(231, 19, 26) !important;
}

.agreement-error {
	display: none;
}
.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}

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

.modal-header .close {
	padding: 1rem;
	margin: -1rem -1rem -1rem auto;
}

button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
}

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

.height-fix {
	height: 3.25rem;
}

.warning-icon {
	position: relative;
	padding-left: 30px;
	font-size: 1rem;
	color: rgb(231, 19, 26);
}

.warning-icon:before {
	content: url('../images/svg/alert-red.svg');
	position: absolute;
	left: 5px;
	width: 27px;
	height: 27px;
}

.card-holder-details-invalid-control {
	color: rgb(231, 19, 26);
	background-color: #fff0f1;
}

.card-holder-details-valid-control {
	color: #231f20;
	background-color: #fff;
}

.renewal-theme .card-holder-details-invalid-control, .card-holder-details-error-message {
	background-color: transparent;
	color:black;
}

	.renewal-theme .card-holder-details-error-message {
		color: #e7131a !important;
		font-size: 17px;
		font-weight: 400;
		display:none;
	}

.renewal-theme #loadingMsg.card-holder-details-address-error {
	display: none !important;
}

.renewal-theme .card-holder-details-invalid-control .card-holder-details-error-message {
	color: #e7131a !important;
	font-size: 17px;
	font-weight: 400;
	display: block;
}

.renewal-theme .warning-icon {
	padding-left: 35px;
}

.renewal-theme .warning-icon:before {
	content: url('../images/svg/alert-red.svg');
	position: absolute;
	left: 10px;
	width: 22px;
	height: 22px;
}


/****/
/* utility */
.float-l {
	float: left;
}
.float-r{ float:right;}
.fixed { position: fixed !important;}
.no-wrap { white-space: nowrap; }

/**	Media queries **/
@media screen and (max-width:320px) {
	.sticky-bottom .sub-header {
		padding-bottom: 4px !important;
		font-size: 18px
	}
}

@media all and (min-width:320px) and (-ms-high-contrast:none),(-ms-high-contrast:active) {
	.loading-indicator {
		display: block;
		width: 56px;
		height: 56px;
		background-image: url(/assets/1stCentral/images/loader-circle.gif);
		background-size: cover
	}
}

@media (min-width:375px) {
	#securityCode-help-icon {
		top: -4rem
	}
}

@media (max-width:480px) {
	.house-icon {
		position: absolute;
		height: 35px;
	}
}

@media (max-width:768px) {
	.bs-datepicker .bs-media-container {
		flex-direction: column
	}

	.bs-datepicker-multiple {
		display: flex
	}

	.bs-datepicker-multiple + .bs-datepicker-multiple {
		margin-top: 10px;
		margin-left: 0
	}
}

@media screen and (max-width:992px) {
	.footer-container {
		margin-bottom: 2rem
	}
}

@media screen and (max-width:922px) {
	.breadcrumb-elem:first-child:before {
		display: none
	}

	.p-s-0, .p-xs-0 {
		padding: 0 !important
	}

	.bg-xs-light-grey {
		background-color: #f5f5f5 !important
	}

	.payment-method-box {
		max-width: 48%;
		padding: .5rem !important
	}

	.payment-btn, .payment-name {
		font-size: 12px
	}

	.payment-btn .rounded-circle, .payment-name .rounded-circle {
		min-width: 18px;
		height: 18px
	}

	.payment-price {
		font-size: 35px
	}

	.payment-price .fraction-digit {
		font-size: 18px
	}
}

@media screen and (max-width:390px) {
	.payment-price {
		font-size: 24px;
		line-height: 20px;
		margin-bottom: .25rem
	}

	.payment-price .fraction-digit {
		font-size: 12px
	}
}

@media screen and (max-width:767px) {
	.size-xs-13 {
		font-size: 13px
	}
	#voluntary-excess .DinRegular {
		font-size: 15px
	}

	#voluntary-excess .DinRegular + .DinBold {
		font-size: 17px
	}

	#voluntary-excess .DinBold {
		font-size: 18px
	}
}

@media screen and (min-width:768px) {
	#modalAlert {
		max-height: initial;
	}
	.isie #modalAlert {
		max-height: none;
	}
	.idle-timeout-overlay .idle-timeout-alert {
		width: 30%
	}

	h5.DinBold {
		font-size: 25px
	}

	.rounded-skew {
		height: 100%;
		position: absolute;
		width: 4rem;
		-webkit-transform: skew(-30deg);
		-ms-transform: skew(-30deg);
		transform: skew(-30deg);
		border-top-right-radius: 10px;
		left: -2rem
	}

	.DinDemi.sub-header {
		font-size: 19px
	}

	.w-lg-45 {
		max-width: 45%
	}

	.w-lg-49 {
		max-width: 49%
	}

	.px-lg-6 {
		padding-left: 4.5rem !important;
		padding-right: 4.5rem !important
	}

	.border-lg-left {
		border-left: 1px solid #dee2e6 !important
	}

	.circle-icon {
		width: 55px;
		min-width: 55px;
		height: 55px
	}

	.payment-method-box {
		max-height: 320px
	}

		.payment-method-box hr {
			margin: .5rem 0
		}

		.payment-method-box.active hr {
			border-color: #fff
		}

	.payment-type-btn {
		padding: 1rem
	}

	.back-button {
		padding-left: .75rem
	}

	.top-logo {
		width: 133px;
		height: auto;
		margin-left: 0
	}

	.next-btn-container button {
		height: 58px
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	.reg-input {
		height: 58px
	}

	.reg-error {
		padding-left: 3.5rem !important;
		padding-right: 1rem !important
	}

	#voluntary-excess .DinRegular, #voluntary-excess .DinRegular + .DinBold {
		font-size: 17px
	}

	#voluntary-excess .DinBold {
		font-size: 20px
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	.ancillary-subtitle, .ancillary-title {
		font-size: 17px;
		line-height: 25px
	}

	.ancillary-icon {
		width: 55px;
		height: 55px;
		margin: 0 auto
	}

	.ancillary-btn {
		max-height: 2.5rem;
		cursor: pointer
	}

	#securityCode-help-icon {
		top: -3rem
	}
}

@media screen and (min-width:922px) {
	.quote-summary-sticky {
		z-index: 1010
	}

		.quote-summary-sticky h1 {
			font-size: 30px
		}

	#sticky-side-summary {
		position: fixed;
		top: auto
	}

	.sticky-side-element {
		width: 370px;
		max-width: 370px
	}

	@supports ((position:-webkit-sticky) or (position:sticky)) {
		#sticky-side-summary {
			position: -webkit-sticky;
			position: sticky;
			top: 110px;
		}
	}

	#quote-side-summary {
		overflow: hidden;
		overflow-y: auto;
		min-height: 200px;
		-webkit-overflow-scrolling: touch
	}

	.error-icon {
		left: 0;
		right: initial;
		-webkit-transform: translate(-55%);
		-ms-transform: translate(-55%);
		transform: translate(-55%)
	}

		.error-icon:before {
			-webkit-transform: skew(-30deg);
			-ms-transform: skew(-30deg);
			transform: skew(-30deg);
			left: initial;
			right: -.85rem
		}

	.bg-xs-light-grey {
		background: 0 0 !important
	}

	.payment-method-box {
		height: auto
	}

	.payment-btn {
		font-size: 1rem;
		min-height: 2.5rem
	}

		.payment-btn .rounded-circle {
			min-width: 24px;
			height: 24px
		}

	.payment-price {
		font-size: 3.2rem;
		line-height: 3rem
	}

		.payment-price .fraction-digit {
			font-size: 1.6rem
		}

	.isie #quote-side-summary {
		position: relative
	}

	.traffic-container {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.traffic-image {
		max-height: 3rem
	}

	.traffic-image.source {
		width: 85%
	}

	.defaqto-logo {
		width: 122px
	}

	.quote-summary-sticky {
		z-index: 1010
	}

	.quote-summary-sticky h1 {
		font-size: 30px
	}

	.sticky-side-element {
		width: 350px;
		max-width: 350px
	}
}

@media (min-width:992px) {
	.has-tail:after {
		display: block
	}

	.payment-method-box, .payment-method-container {
		height: 360px;
		max-height: 360px
	}

	#securityCode-help-icon {
		top: -2.5rem
	}

	.rounded-circle.info {
		right: -1rem;
		top: .5rem
	}
}

@media (min-width:1200px) {
	.d-xl-flex {
		display: flex !important;
	}
	.payment-method-box {
		max-height: 375px
	}
	.payment-method-box, 
	.payment-method-container {
		height: 340px
	}
}

@media (min-width:1440px) {
	.col-xxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-xxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
}

@media only screen and (min-height:480px) {
	#quote-side-summary {
		max-height: 200px
	}
}

@media only screen and (min-height:580px) {
	#quote-side-summary {
		max-height: 220px
	}
}

@media only screen and (min-height:676px) {
	#quote-side-summary {
		max-height: 300px
	}
}

@media only screen and (min-height:768px) {
	#quote-side-summary {
		max-height: 370px
	}
}

@media only screen and (min-height:849px) {
	#quote-side-summary {
		max-height: 400px
	}
}

@media only screen and (min-height:850px) {
	#quote-side-summary {
		max-height: 480px
	}
}

@media only screen and (min-height:1024px) {
	.cards-images {
		min-height: 110px
	}

	#quote-side-summary {
		max-height: 550px
	}

	.payment-price {
		font-size: 50px;
		width: auto
	}
}

.anim-slideDown {
	-webkit-animation: .22s forwards slideDown;
	animation: .22s forwards slideDown
}

@-webkit-keyframes slideDown {
	0% {
		opacity: 0;
		max-height: 0
	}

	100% {
		opacity: 1;
		max-height: 70rem
	}
}

@keyframes slideDown {
	0% {
		opacity: 0;
		max-height: 0
	}

	100% {
		opacity: 1;
		max-height: 83rem
	}
}

@-webkit-keyframes rotation {
	0% {
		-webkit-transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes rotation {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

#buyNow, .continue-to-payment-btn {
	height: 52px;
}

@media screen and (min-width:768px) {
	#buyNow, .continue-to-payment-btn {
		height: 58px;
	}
}

@media all and (max-width:768px) {
	.d-inline {
		display: inline!important;
		padding-top: 0.4rem;
	}
}

@media screen and (max-width:600px) {
	.mobile-pl-2 {
		padding-left: 2rem!important;
	}
}

@media screen and (max-width:768px) {
	.mobile-pt-1 {
		padding-top: 0.75rem !important;
	}
}

@media screen and (max-width:768px) {
	.mobile-fit-to-content {
		height:fit-content!important;
	}
}

/**.row {
	margin-left: -20px;
 *zoom: 1;
}
**//**.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0;
}
**//**.row:after {
	clear: both;
}
**/[class*="span"] {
 float: left;
 min-height: 1px;
 margin-left: 20px;
}
/**.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 940px;
}
**/.span12 {width: 940px;}
/**.span11 {width: 860px;}
**//**.span10 {width: 780px;}
**/.span9 {width: 700px;}
.span8 {width: 620px;}
.span7 {width: 540px;}
.span6 {width: 460px;}
.span5 {width: 380px;}
.span4 {width: 300px;}
.span3 {width: 220px;}
.span2 {width: 140px;}
/**.span1 {width: 60px;}
**/
/**.offset12 {margin-left: 980px;}
**//**.offset11 {margin-left: 900px;}
**//**.offset10 {margin-left: 820px;}
**//**.offset9 {margin-left: 740px;}
**//**.offset8 {margin-left: 660px;}
**//**.offset7 {margin-left: 580px;}
**//**.offset6 {margin-left: 500px;}
**//**.offset5 {margin-left: 420px;}
**//**.offset4 {margin-left: 340px;}
**//**.offset3 {margin-left: 260px;}
**//**.offset2 {margin-left: 180px;}
**//**.offset1 {margin-left: 100px;}
**/
.row-fluid {
	width: 100%;
 /*zoom: 1;*/
}
.row-fluid:before, .row-fluid:after {
	display: table;
	content: "";
	line-height: 0;
}
.row-fluid:after {
	clear: both;
}
.row-fluid [class*="span"] {
 display: block;
 width: 100%;
 min-height: 30px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 float: left;
 margin-left: 2.127659574468085%;
 /*margin-left: 2.074468085106383%;*/
}
.row-fluid [class*="span"]:first-child {
 margin-left: 0;
}
/**.row-fluid .controls-row [class*="span"] + [class*="span"] {
 margin-left: 2.127659574468085%;
}
**/.row-fluid .span50pc {
	width: 50%;
 /*width: 49.94680851063829%;*/
 margin-left:0px;
}
.row-fluid .span12 {
	width: 100%;
 /*width: 99.94680851063829%;*/
}
/**.row-fluid .span11 {
	width: 91.48936170212765%;
 *width: 91.43617021276594%;
}
**//**.row-fluid .span10 {
	width: 82.97872340425532%;
 *width: 82.92553191489361%;
}
**/.row-fluid .span9 {
	width: 74.46808510638297%;
 /*width: 74.41489361702126%;*/
}
.row-fluid .span8 {
	width: 65.95744680851064%;
 /*width: 65.90425531914893%;*/
}
.row-fluid .span7 {
	width: 57.44680851063829%;
 /*width: 57.39361702127659%;*/
}
.row-fluid .span6 {
	width: 48.93617021276595%;
 /*width: 48.88297872340425%;*/
}
.row-fluid .span5 {
	width: 40.42553191489362%;
 /*width: 40.37234042553192%;*/
}
.row-fluid .span4 {
	width: 31.914893617021278%;
 /*width: 31.861702127659576%;*/
}
.row-fluid .span3 {
	width: 23.404255319148934%;
 /*width: 23.351063829787233%;*/
}
.row-fluid .span2 {
	width: 14.893617021276595%;
 /*width: 14.840425531914894%;*/
}
/**.row-fluid .span1 {
	width: 6.382978723404255%;
 *width: 6.329787234042553%;
}
**//**.row-fluid .offset12 {
	margin-left: 104.25531914893617%;
 *margin-left: 104.14893617021275%;
}
**//**.row-fluid .offset12:first-child {
	margin-left: 102.12765957446808%;
 *margin-left: 102.02127659574467%;
}
**//**.row-fluid .offset11 {
	margin-left: 95.74468085106382%;
 *margin-left: 95.6382978723404%;
}
**//**.row-fluid .offset11:first-child {
	margin-left: 93.61702127659574%;
 *margin-left: 93.51063829787232%;
}
**//**.row-fluid .offset10 {
	margin-left: 87.23404255319149%;
 *margin-left: 87.12765957446807%;
}
**//**.row-fluid .offset10:first-child {
	margin-left: 85.1063829787234%;
 *margin-left: 84.99999999999999%;
}
**//**.row-fluid .offset9 {
	margin-left: 78.72340425531914%;
 *margin-left: 78.61702127659572%;
}
**//**.row-fluid .offset9:first-child {
	margin-left: 76.59574468085106%;
 *margin-left: 76.48936170212764%;
}
**//**.row-fluid .offset8 {
	margin-left: 70.2127659574468%;
 *margin-left: 70.10638297872339%;
}
**//**.row-fluid .offset8:first-child {
	margin-left: 68.08510638297872%;
 *margin-left: 67.9787234042553%;
}
**//**.row-fluid .offset7 {
	margin-left: 61.70212765957446%;
 *margin-left: 61.59574468085106%;
}
**//**.row-fluid .offset7:first-child {
	margin-left: 59.574468085106375%;
 *margin-left: 59.46808510638297%;
}
**//**.row-fluid .offset6 {
	margin-left: 53.191489361702125%;
 *margin-left: 53.085106382978715%;
}
**//**.row-fluid .offset6:first-child {
	margin-left: 51.063829787234035%;
 *margin-left: 50.95744680851063%;
}
**//**.row-fluid .offset5 {
	margin-left: 44.68085106382979%;
 *margin-left: 44.57446808510638%;
}
**//**.row-fluid .offset5:first-child {
	margin-left: 42.5531914893617%;
 *margin-left: 42.4468085106383%;
}
**//**.row-fluid .offset4 {
	margin-left: 36.170212765957444%;
 *margin-left: 36.06382978723405%;
}
**//**.row-fluid .offset4:first-child {
	margin-left: 34.04255319148936%;
 *margin-left: 33.93617021276596%;
}
**//**.row-fluid .offset3 {
	margin-left: 27.659574468085104%;
 *margin-left: 27.5531914893617%;
}
**//**.row-fluid .offset3:first-child {
	margin-left: 25.53191489361702%;
 *margin-left: 25.425531914893618%;
}
**//**.row-fluid .offset2 {
	margin-left: 19.148936170212764%;
 *margin-left: 19.04255319148936%;
}
**//**.row-fluid .offset2:first-child {
	margin-left: 17.02127659574468%;
 *margin-left: 16.914893617021278%;
}
**//**.row-fluid .offset1 {
	margin-left: 10.638297872340425%;
 *margin-left: 10.53191489361702%;
}
**//**.row-fluid .offset1:first-child {
	margin-left: 8.51063829787234%;
 *margin-left: 8.404255319148938%;
}
**//**[class*="span"].hide, .row-fluid [class*="span"].hide {
 display: none;
}
**//**[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
 float: right;
}
**//**.container {
	margin-right: auto;
	margin-left: auto;
 *zoom: 1;
}
**//**.container:before, .container:after {
	display: table;
	content: "";
	line-height: 0;
}
**//**.container:after {
	clear: both;
}
**/.container-fluid {
	padding-right: 20px;
	padding-left: 20px;
 /*zoom: 1;*/
 max-width:1160px;
 margin: 0px auto;
 width:960px;
 flex: 1 0 auto;
}
.container-fluid:before, .container-fluid:after {
	display: table;
	content: "";
	line-height: 0;
}
.container-fluid:after {
	clear: both;
}
.showGrid{
	margin:20px 0 20px 0;
	}