/* The Modal (background) */
.modal {
	opacity: 0;
	visibility: hidden;
	position: fixed; /* Stay in place */
	z-index: 99999999; /* Sit on top */
	padding-top: 30px;
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: visible; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	overflow-y: auto;
	}

	/* Modal Content */
	.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: 3rem auto;
	padding: 0;
	border: 1px solid #888;
	width: 71%;
	border-radius: 12px !important;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
	}

	/* Add Animation */
	@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
	}

	@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
	}

	/* The Close Button */
	.close-modal {
	font-size: 25px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
	}

	.close-modal:hover,
	.close-modal:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	}

	.modal-header {
	padding: 2px 20px;
	}

	.modal-body {padding: 2px 16px;}

	.modal-footer {
	padding-bottom: 3.5rem;
	padding-top: 2rem;
	text-align: center !important;
	color: white;
}
.modal-open{
	opacity: 1;
	visibility: visible;
	overflow-y: auto;
}

body._has-modal {
	height: 100%;
	overflow: hidden;
	width: 100%;
}

.syf_heading {
	background: url("../images/synchrony_logo.png") no-repeat 50% / 20rem auto;
	min-height: 60px;
	background-size: auto;
	margin-top: 40px;
}

#loader{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height: 100%;
	background: url("../images/loader.gif") 50% 50% no-repeat rgb(249, 249, 249);
	z-index: 1;
}

.syf_block {
	height: auto;
	padding: 40px;
	background: #F0F3F5;
	border-radius: 10px;
}
.syf_heading-container{
	font-weight: bold;
	text-align: center;
	color: #3B3C43;
	padding-bottom: 25px;
	margin: 0 auto;
}
.financing_content{
	width: auto;
	padding: 16px 20px;
	text-align: center;
	margin: 0 auto;
}
.syf_box_container{
	width: auto;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	height : 158px;
}

.syf_box_link{
	text-align: center;
	display: inline-block;
	background: #fff;
	width: 350px;
	border-radius: 10px;
	margin: 0 12px;
	border-color: #656565;
	border-style: solid;
	border-width: 1px;
	height: auto;
}
.syf_box_heading{
	font-weight: 700;
	margin: 0 0 7px 0;
	font-size: 1.3rem;
}

.syf_box_heading_second{
	font-weight: 500;
	margin: 0 0 10px 0;
}

.syf_box_icon {
	width: 0;
	margin: 25px auto 0;
	padding-bottom: 5px;
}

.submit-popup-modal {
	width: 130px;
	height: 40px;
	font-weight: bold;
	border-radius: 6px !important;
	background: #34657F;
	color: #fff;
	font-size: 1.1rem;
	cursor: pointer;
}

.submit-popup-modal:hover{
	background: #34657F;
	color: #fff;
}

#error{
	display: none;
	color: #D8000C;
	margin: 6px 69px 0 0;
}
.promo_box {
	text-align: center !important;
}
.promo-text{
	border-radius: 5px;
	height: 50px;
	width: 250px;
	border-radius: 5px;
	margin: 0 12px;
	border-color: #656565;
	border-style: solid;
	border-width: 1px;
}

.arrow-bottom:after {
	content: "";
	position: relative;
	border-top: 12px solid #34657F;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: none;
	top: 3.7em;
}

.syf_box_container .active{
	outline: 4px solid #34657F;
}

.special_section{
	display:none;
}

.blank-value::placeholder {
	color: red;
	opacity: 1; /* Firefox */
}

.blank-value::-ms-input-placeholder { /* Edge 12 -18 */
	color: red;
}

.box-tick{
	width: 25px;
	height: 25px;
	border-radius: 0 4px 0 100%;
	background: #34657F;
	float: right;
	padding: 5px 2px 20px 20px;
}
.box-tick-colorChange{
	filter: brightness(0)
	saturate(100%)
	invert(99%)
	sepia(99%)
	saturate(4%)
	hue-rotate(213deg)
	brightness(102%)
	contrast(101%);
}
.disable-tick{
	display:none;
}
.pay_with_synchrony{
	margin-top: 5px !important;
	width: -webkit-fill-available;
}