.clear,

.clearfix:after {

	clear: both

}

a img,

img {

	height: auto;

	max-width: 100%

}

body {

	margin: 0;

	padding: 0;

	font-family: Arial, sans-serif;

	font-size: 15px

}

li,

ul {

	list-style-type: none

}

.left {

	float: left

}

.right {

	float: right

}

.clearfix:after,

.clearfix:before {

	content: " ";

	display: table

}

.alignRright {

	float: right;

	margin: 0 0 12px 15px

}

.alignLeft,

.float-left {

	float: left

}

.alignLeft {

	margin: 0 15px 12px 0

}

.alignCenter {

	float: none!important;

	margin: 0 auto;

	display: block

}

a img,

img {

	border: 0

}

.text-left {

	text-align: left

}

.text-right {

	text-align: right

}

.text-center {

	text-align: center

}

.text-justify {

	text-align: justify

}

.config-errors h3 {

	padding: 10px 0;

	margin: 5px

}

.config-errors ul {

	padding: 0;

	margin: 0

}

.config-errors li {

	padding: 10px;

	margin: 5px;

	background-color: #FCC;

	border: 1px solid #C00;

	color: #333;

	font: 15px/20px arial, sans-serif

}

.config-errors li strong {

	float: right

}

input[type=text],

input[type=search],

input[type=number],

input[type=password],

input[type=tel],

input[type=email],

select,

textarea {

	background: #FFF;

	border: 1px solid #a7abad;

	color: #222;

	height: 32px;

	line-height: 22px;

	width: 100%;

	font-size: 14px;

	padding: 3px 8px;

	outline: 0;

	font-family: Arial, sans-serif;

	font-weight: 400;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box

}

textarea {

	padding: 6px;

	height: 150px

}

select {

	line-height: 24px;

	padding: 4px;

	height: 32px

}

input[type=text]:focus,

input[type=search]:focus,

input[type=password]:focus,

input[type=tel]:focus,

input[type=email]:focus,

select:focus,

textarea:focus {

	background: #fff;

	box-shadow: 0 0 5px #51cbee;

	border: 1px solid #51cbee

}

input.has-error,

select.has-error {

	background: url(../../images/new-images/error-input.png) 99.5% 50% no-repeat #fff;

	border: 1px solid orange

}

input.no-error,

select.no-error {

	background: url(../../images/new-images/tick-input.png) 99.5% 50% no-repeat #fff;

	border: 1px solid green

}

input.loading,

select.loading {

	background: url(../../images/new-images/ajax-loader.gif) 99.5% 50% no-repeat #fff;

	border: 1px solid #51cbee

}

.app-benchmark {

	position: fixed;

	width: 98%;

	left: 0;

	bottom: 0;

	padding: 5px 1%;

	background-color: #CCC;

	color: #333;

	text-align: right

}

#app_common_modal,

#error_handler_overlay {

	position: fixed;

	top: 0;

	left: 0;

	padding: 0;

	margin: 0;

	width: 100%;

	height: 100%;

	z-index: 2147483647;

	background: #333;

	background: rgba(255, 255, 255, .8);

	display: none;

	overflow-x: hidden;

	-webkit-overflow-scrolling: touch

}

#app_common_modal .app_modal_body,

#error_handler_overlay .error_handler_body {

	max-width: 600px;

	-webkit-background-clip: padding-box;

	font-family: Verdana, Geneva, sans-serif;

	box-sizing: border-box;

	outline: 0

}

#error_handler_overlay .error_handler_body {

	margin: 100px auto;

	width: 95%;

	padding: 20px;

	background-color: #fff;

	background-clip: padding-box;

	border: 1px solid #999;

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0;

	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	font-size: 14px;

	line-height: 1.42857143;

	color: #333;

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box

}

#app_common_modal_close,

#error_handler_overlay_close {

	position: absolute;

	right: -10px;

	top: -10px;

	color: #FFF;

	background-color: #333;

	border: 2px solid #FFF;

	border-radius: 50%;

	width: 30px;

	height: 30px;

	text-align: center;

	cursor: pointer;

	text-decoration: none;

	font-weight: 700;

	line-height: 30px;

	padding: 0;

	margin: 0

}

#app_common_modal .app_modal_body {

	margin: 100px auto;

	min-width: inherit;

	width: 95%;

	min-height: 400px;

	padding: 2.5%;

	background-color: #fff;

	background-clip: padding-box;

	border: 1px solid #999;

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0;

	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	font-size: 14px;

	line-height: 1.42857143;

	color: #333;

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box

}

#app_common_modal .app_modal_body iframe {

	min-height: 400px;

	width: 100%;

	border: 1px solid #d5d6ef

}

.exitpop-content {

	position: fixed;

	height: 400px;

	width: 708px;

	margin: -200px 0 0 -354px;

	top: 50%;

	left: 50%;

	text-align: left;

	padding: 0;

	border: none;

	z-index: 2147483647

}

.exitpopup-overlay {

	background: rgba(0, 0, 0, .6);

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 2147483647;

	display: none

}

.exitpop-content img {

	display: block;

	margin: 0 auto;

	position: relative;

	text-align: center;

	max-width: 100%;

	height: auto

}

.exitpop-discountbar {

	background-color: red;

	border-bottom: 4px dashed #fff;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: 700;

	height: 50px;

	line-height: 50px;

	position: fixed;

	text-align: center;

	top: 0;

	width: 100%;

	z-index: 9999;

	display: none

}

.app-load-spinner {

	display: none;

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100px;

	height: 100px;

	margin: auto;

	background-color: #333; 

	border-radius: 100%

}



.clear {

	line-height: 0;

	height: 0

}

.button,

button,

input[type=button]{

	border: 0;

	width: 100%;

	display: block;

	cursor: pointer;

	position: relative;

	outline: 0;

	padding: 20px 15px;

	background: #2288D0;

	color: #fff;

	font-size: 20px

}

#loading-indicator::after,

#loading-indicator::before {

	box-sizing: border-box;

	left: 50%;

	position: absolute;

	top: 50%

}

.button:hover,

button:hover,

input[type=button]:hover,

input[type=submit]:hover {

	background: #2791E4

}

.defult {

	padding: 10px 15px

}

.defult form label {

	width: 175px;

	display: inline-block

}

.defult input[type=text],

.defult input[type=search],

.defult input[type=number],

.defult input[type=password],

.defult input[type=tel],

.defult input[type=email],

.defult select,

.defult textarea {

	max-width: 275px

}

.defult .button,

.defult button,

.defult input[type=button],

.defult input[type=submit] {

	max-width: 450px

}

.all-card-types li {

	float: left;

	margin-right: 20px

}

#loading-indicator {

	background-color: rgba(0, 0, 0, .5);

	bottom: 0;

	box-sizing: border-box;

	font-size: 1px;

	height: 100%;

	left: 0;

	margin: 0!important;

	padding: 0!important;

	position: fixed;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 2147483646

}

#loading-indicator::before {

	background: url(../../images/new-images/loading.gif) center center no-repeat rgba(0, 0, 0, 0);

	content: "";

	height: 70px;

	margin-left: -35px;

	margin-top: -70px;

	width: 70px;

	z-index: 2

}

#loading-indicator::after {

	background: #fff;

	border-radius: 5px;

	color: #000;

	content: "Processing, one moment please... ";

	font-family: arial;

	font-size: 17px;

	height: 110px;

	line-height: 98px;

	margin-left: -150px;

	margin-top: -75px;

	padding-top: 35px;

	text-align: center;

	width: 300px;

	z-index: 1

}

@-webkit-keyframes scaleout {

	0% {

		-webkit-transform: scale(0)

	}

	100% {

		-webkit-transform: scale(1);

		opacity: 0

	}

}

@keyframes scaleout {

	0% {

		transform: scale(0);

		-webkit-transform: scale(0)

	}

	100% {

		transform: scale(1);

		-webkit-transform: scale(1);

		opacity: 0

	}

}

span.cb-inline-error {

	margin-top: 10px;

	font-weight: 100;

	color: #c00;

	display: block

}

form {

	padding: 10px

}





.modal-wrap{

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background-color: rgba(0, 0, 0, 0.5);

	overflow-y: auto;

}

.modal-dilog-part{

	width: 500px;

	background-color: #fff;

	border-radius: 4px;

	margin: 50px auto 50px auto;

}

.transaction-modal-head{

	padding:30px 55px;

	border-bottom: 1px solid #E9ECEF;

	display: flex;

	position: relative;

}

.transaction-modal-head-img{

	width: 85px;

}

.transaction-heading{

	color: #212D3D;

	font-size: 20px;

	font-weight: 600;

	padding-left: 12px;

}

.transaction-heading span{

	display: block;

	color: #ED4C4C;

	font-size: 15px;

	font-weight: normal;

	margin-top: 12px;

}

.close-btn{

	padding: 5px;

	width: auto;

	background-color: transparent;

	position: absolute;

	right: 30px;

    top: 25px;

}

.close-btn:hover{

	background-color: transparent;

}

.padding-box{

	padding:30px;

}

.security-heading{

	color: #5E6473;

	font-size: 15px;

	margin-bottom: 20px;

	text-align: center;

}

.ask-cell{

	color: #5E6473;

	font-size: 15px;

	margin-bottom: 15px;

	cursor: pointer;

}

.form-row{

	margin-bottom: 20px;

}

input[type=text].form-input, 

input[type=search].form-input, 

input[type=number].form-input, 

input[type=password].form-input, 

input[type=tel].form-input, 

input[type=email].form-input, 

select.form-input, 

textarea.form-input{

	border: 1px solid #CED4DA;

	height: 38px;

	border-radius: 4px;

	padding: 0 15px;

}

.flex-row{

	display: flex;

	margin: 0 -10px;

}

.half-col{

	width: 50%;

	padding: 0 10px;

}

.d-flex{

	display: flex;

	align-items: center;

	justify-content: space-between;

}

.submit-btn{

	display: inline-block;

	width: auto;

	background-color: #5C79FF;

	padding:13px 15px;

	font-size: 16px;

	font-weight: 600;

	border-radius: 4px;

}

.thank-link{

	color: #5C79FF;

	font-size: 15px;

	margin-right: 15px;

	text-decoration: none;

}

.total-price{

	color: #212D3D;

	font-size: 20px;

	font-weight: 600;

	line-height: 1;

}

.info-wrap{

	position: relative;

}

.info-cell{

	position: absolute;

	top: 12px;

    right: 12px;

}

.select-wrap{

	position: relative;

}

.select-wrap select{

	-webkit-appearance: none;

}

.select-wrap:after{

	top: 17px;

    right: 12px;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(94, 100, 115, 0);

	border-top-color: #5E6473;

	border-width: 6px;

}

.info-cell:hover .tooltip{

	display: block;

}

.tooltip{

	position: absolute;

	border: 1px solid #ddd;

	padding: 5px;

	font-size: 12px;

	background-color: #fff;

	left: 100%;

	min-width: 90px;

	max-width: 150px;

	margin-left: 10px;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	display: none;

}

.tooltip:after, .tooltip:before {

	right: 100%;

	top: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

.tooltip:after {

	border-color: rgba(255, 255, 255, 0);

	border-right-color: #fff;

	border-width: 6px;

	margin-top: -6px;

}

.tooltip:before {

	border-color: rgba(221, 221, 221, 0);

	border-right-color: #ddd;

	border-width: 7px;

	margin-top: -7px;

}

.submit-btn:hover{

	background-color: #849AFF;

}