/*-------------------------------------------*\
   redesign-loggedin-cart.css

   Index:
		- Cart Items

\*-------------------------------------------*/

/***
COLOR PALETTE

#231f55 - Dark blue / purple
#464163 - Purple

#0d0b28 - Dark blue
#154b89 - Blue
#0062cc - Light Blue

#cf9a01 - Dark yellow
#e5b21d - Yellow
#f8d97d - Light yellow

#6A5D4F - Light Brown
#FDF6E3 - Beige

#26282f - Dark grey
#495057 - Grey
#c3c4d2 - Light Grey

***/

/***
    Buttons
***/

input,
.btn-save-el {
	background-color: #e5b21d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	height: 1em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: #231f55;
	font-family: 'Roboto Condensed', sans-serif
}


.btn-save-el2 {
	background-color: #e5b21d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	height: 2em;	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: #231f55;
	font-family: 'Roboto Condensed', sans-serif
}

.more {
	font-size: 25px;
	background-color: #25418f;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: none;
	color: #fff;
	font-weight: 700;
	line-height: 1em;
	display: inline-block;
	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em;
	cursor: pointer;
	box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease 0s;
	margin-bottom: 20px;
}

.more:hover {
	background-color: #e5b21d;
	color: #25418f;
	text-decoration: none;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);
	transform: translateY(-7px);
}

@media (max-width: 1024px) {
	.more {
		font-size: 24px
	}
}

@media (max-width: 414px) {
	.more {
		font-size: 18px
	}
}

.genericButton {
	border-left: none;
	background: #e0c53e;
	background: -moz-linear-gradient(-45deg, #e0c53e 0%, #e5b21d 100%);
	background: -webkit-linear-gradient(-45deg, #e0c53e 0%, #e5b21d 100%);
	background: linear-gradient(135deg, #e0c53e 0%, #e5b21d 100%);
	border-radius: 6px;
	padding: 3px 19px;
	margin-top: -5px;
	transition: all 0.3s ease;
	font-weight: 600;
}

.genericButton:hover {
	background: #25418f;
	color: #fff;
}


/*-------------------------------------------*\
    Contact Form
\*-------------------------------------------*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

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

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="number"] {
	background-color: #f1f1f1;
	box-shadow: none;
	border: 1px solid #c3c4d2;
	font-size: 24px;
	height: 2.5em;
	padding-left: 0.5em;
	display: inline-block;
	margin-bottom: 20px
}

.contact-form input[type="text"],
.contact-form input[type="email"] {
	width: 47%;
	margin-right: 1em
}

.contact-form input[type="number"] {
	width: 38%
}

p.contact-title {
	padding: 0;
}

.contact-form span {
	font-size: 20px;
	padding: 0;
}

.check-container {
	position: relative;
	padding-left: 35px;
	margin-bottom: -35px;
	cursor: pointer;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #939393
}

input#CaptchaText2 {
	float: right;
	position: relative;
	bottom: 55px;
	right: 39px;
	width: 60%;
}

span#ReCaptchaimg-Contact {
	position: relative;
	left: 42px;
	bottom: 10px;
}

.contact-form input[type="text"],
.contact-form input[type="email"] {
	margin-right: 19px;
	width: 27%;
}

@media (max-width: 1024px) {

	.contact-form input[type="text"],
	.contact-form input[type="email"],
	.contact-form input[type="number"] {
		font-size: 16px
	}

	.check-container {
		font-size: 14px;
		line-height: 2em
	}

	.contact-form input[type="text"],
	.contact-form input[type="email"] {
		width: 100%;
	}

	input#CaptchaText2 {
		float: right;
		position: relative;
		bottom: 50px;
		width: 51%;
		left: 29px;
	}

	span#ReCaptchaimg-Contact {
		position: relative;
		left: 18px;
		bottom: 18px;
	}
}

@media (max-width: 768px) {
	input#CaptchaText2 {
		bottom: 48px;
		position: relative;
		width: 60%;
	}
}

@media (max-width:570px) {

	.contact-form input[type="text"],
	.contact-form input[type="email"] {
		width: calc(100% - 0.5em - 2px)
	}

	input#CaptchaText2 {
		float: right;
		position: relative;
		bottom: 50px;
		width: 100%;
		left: 29px;
		top: 6px;
	}

	span#ReCaptchaimg-Contact {
		min-width: 30px;
		text-align: center;
		display: inline-block;
		padding-left: 36px;
		padding-right: 5px;
		vertical-align: top;
		margin-top: 7px;
	}

	.contact-form input[type="number"] {
		width: calc(100% - 0.5em - 2px)
	}
}

.check-container input {
	position: absolute;
	opacity: 1;
	cursor: pointer
}

.check-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c3c4d2
}

.check-container .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.check-container:hover input~.checkmark {
	background-color: #ccc
}

.check-container input:checked~.checkmark {
	background-color: #e5b21d
}

.check-container input:checked~.checkmark:after {
	display: block
}

.check-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}











/*----- Interactive Buttons ------*/
.purple-button,
.blue-button {
	border: none;
	border-radius: 90px;
	-webkit-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.5);
	background: rgb(53, 101, 153);
	background: -moz-linear-gradient(-45deg, rgba(53, 101, 153, 1) 0%, rgba(21, 75, 137, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(53, 101, 153, 1) 0%, rgba(21, 75, 137, 1) 100%);
	background: linear-gradient(135deg, rgba(53, 101, 153, 1) 0%, rgba(21, 75, 137, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#356599', endColorstr='#154b89', GradientType=1);
	font-size: 16px;
	-webkit-transition: background 0.2s ease-out;  
	-moz-transition: background 0.2s ease-out;  
	-o-transition: background 0.2s ease-out;  
	transition: background 0.2s ease-out;  
	color: #fff !important;
}

.purple-button:not([disabled]):hover,
.blue-button:not([disabled]):hover,
.ui-dialog .ui-dialog-buttonpane button:not([disabled]):hover {
	color: rgb(53, 101, 153);
	background: #e0c53e;
	background: -moz-linear-gradient(-45deg,#e0c53e 0%,#e5b21d 100%);
	background: -webkit-linear-gradient(-45deg,#e0c53e 0%,#e5b21d 100%);
	background: linear-gradient(135deg,#e0c53e 0%,#e5b21d 100%);
	cursor: pointer;
}

.purple-button[disabled]:hover,
.blue-button[disabled]:hover,
.ui-dialog .ui-dialog-buttonpane button[disabled]:hover {
	cursor: not-allowed;
}

.purple-button span.btn-text,
.blue-button span.btn-text {
	margin-left: 14px;
}

.btn.btn-compact {
	border: 1px solid #d0d0d0;
	font-size: 12px;
	transition: backround 0.2s;
}

.btn.btn-compact:hover {
	cursor: pointer;
	background: #fff;
}

.btn.btn-compact {
	padding: 0px;
	border-radius: 6px;
	font-size: 12px;
	background: #fff;
	-webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12);
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12);
	line-height: 28px;
	text-align: left;
	transition: box-shadow 0.3s ease-in-out;
}

.btn.btn-compact>i {
	padding: 10px 9px 12px 12px;
	background: #f5f5f5;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 4px;
	color: #595959;
	-webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.19);
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.19);
	transition: box-shadow 0.3s ease-in-out;
}

.btn.btn-compact>span {
	padding: 10px 18px 12px 3px;
}

.btn.btn-compact:hover {
	cursor: pointer;
	background: #fff;
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
}

.btn.btn-compact:hover>i {
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.16);
	-moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.16);
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.16);
}

.btn.btn-compact:active {
	line-height: 30px;
	margin-top: 2px;
	box-shadow: none;
}

.btn.btn-compact:active>i {
	box-shadow: none;
	border-radius: 4px;
}

.btn.btn-compact.btn-compact-highlight {
	border-color: #bbd4ec;
	color: #43658b;
	-webkit-box-shadow: inset 0 -4px 0 0 rgba(187, 212, 236, 0.3);
	-moz-box-shadow: inset 0 -4px 0 0 rgba(187, 212, 236, 0.3);
	box-shadow: inset 0 -4px 0 0 rgba(187, 212, 236, 0.3);
}

.btn.btn-compact.btn-compact-highlight>i {
	padding: 12px 12px 13px 15px;
	background: #bbd4ec;
	color: #43658b;
	-webkit-box-shadow: inset 0 -4px 0 0 rgba(89, 132, 173, 0.15);
	-moz-box-shadow: inset 0 -4px 0 0 rgba(89, 132, 173, 0.15);
	box-shadow: inset 0 -4px 0 0 rgba(89, 132, 173, 0.15);
}

.btn.btn-compact.btn-compact-highlight>span {
	padding: 10px 18px 12px 3px;
}

.btn.btn-compact.btn-compact-highlight:hover {
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(187, 212, 236, 0.3);
	-moz-box-shadow: inset 0 -2px 0 0 rgba(187, 212, 236, 0.3);
	box-shadow: inset 0 -2px 0 0 rgba(187, 212, 236, 0.3); 
	background-color: #acc0d4;   
	color:White;
}

.btn.btn-compact.btn-compact-highlight:hover>i {
	
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(89, 132, 173, 0.5);
	-moz-box-shadow: inset 0 -2px 0 0 rgba(89, 132, 173, 0.15);
	box-shadow: inset 0 -2px 0 0 rgba(89, 132, 173, 0.15);
}

.btn.btn-compact:disabled:active {
	line-height: 28px;
	margin-top: 0px;
}

.btn.btn-compact:disabled:hover {
	cursor: not-allowed;
	-webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12);
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.12);
}

.btn.btn-compact:disabled:hover>i {
	margin-top: 0px;
	-webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.19);
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.19);
}

.icon-button-interactive {
	transition: 0.2s all ease-in-out;
	overflow: hidden;
	width: 45px;
	white-space: nowrap;
	animation: 0.4s btn-interactive-anim-out ease-in-out;
}

.icon-button-interactive:hover {
	width: initial;
	animation: 0.2s btn-interactive-anim-in ease-in-out;
}

.icon-button-interactive.icon-button-open {
	width: initial;
}

.sliding-switch-wrapper {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.sliding-switch-wrapper input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.sliding-switch {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #e4e4e4;
	-webkit-transition: .4s;
	transition: .4s;
}

.sliding-switch:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .sliding-switch {
	background-color: #42648a !important;
}

input:checked + .sliding-switch:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.sliding-switch.sliding-switch-round {
	border-radius: 34px;
}

.sliding-switch.sliding-switch-round:before {
	border-radius: 50%;
}

.sliding-switch-wrapper.sliding-switch-sm {
	width: 35px;
	height: 16px;
}

.sliding-switch-wrapper.sliding-switch-sm .sliding-switch:before {
	height: 11px;
	width: 11px;
	bottom: 3px;
}

.sliding-switch-wrapper.sliding-switch-sm input:checked + .sliding-switch:before {
	-webkit-transform: translateX(17px);
	-ms-transform: translateX(17px);
	transform: translateX(17px);
}

.tooltip {
	z-index: 9999;
}

body > .tooltip {
	z-index: 999999;
}

@keyframes btn-interactive-anim-in {
	0% { width: 45px; }
	99% { width: 120px; }
}

@keyframes btn-interactive-anim-out {
	0% { width: 120px; }
	99% { width: 45px; }
}


/*-------------------------------------------*\
	Material Card Component
\*-------------------------------------------*/
.before-card-title {
	font-size: 17px;
	margin-left: 30px;
	font-weight: 400;
	color: #527197;
}

.material-card {
	background: rgba(255, 255, 255, 0.92);
	-webkit-box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.1);
	box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.1);
	padding: 30px;
	border-radius: 6px;
	margin: 5px;
}

.material-card .material-card-title {
	font-size: 19px;
	color: #47496f;
}

.material-card .material-card-title::after {
	display: block;
	clear: both;
	content: " ";
	width: 100px;
	border-bottom: 2px solid #e7eef3;
	margin: 0.9em 0 1.2em;
}

.material-card .material-card-content {
	margin-bottom: 2em;
}

.material-card .material-card-footer {
	border-top: 1px solid #e7eef3;
	margin: 1em auto;
	padding: 1.5em 0 1em;
}

@media (max-width: 992px) {
	.material-card .material-card-content .col.table-responsive {
		margin-right: 15px;
	}
}

@media (max-width: 768px) {
	.material-card {
		padding: 20px 15px;
		margin-bottom: 1em;
	}
}














/*------------------------------------------*\
	Page -- Pricelist
/*------------------------------------------*/
@media (max-width: 992px) 
{
	.page-letterofguarantee p#paymentmethodright-ConfirmPayment 
	{
		font-size: 11px;
		width: 150px;    
	}
}

span.title-progressbar {
	padding-left: 10px;
}

.categoryTlt {
	float: left;
}

.payBoxListDetails {
	font-size: 14px;
	/* padding-left: 7px; */
	padding-bottom: 17px;
}

.categoryValue {
	float: right;
}

.pricebutton {
	text-transform: uppercase;
	text-decoration: none;
	color: #3e4f6a;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 2.8em;
	border: 2px solid #3e4f6a;
	display: inline-block;
	width: 100%;
	text-align: center;
	height: 2.8em;
	padding-left: 3px;
	border-radius: 4px;
	margin: 1% -1%;
}

.pricebutton {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.page-pricelist.packagegrid-page {
	font-size: 12px;
}

.pricebutton:hover {
	background: #3e4f6a;
	text-decoration: none;
	color: #fff;
}

i.fa.fa-sm.fa-check.green {
	color: green;
}

i.fas.fa-credit-card.green {
	color: green;
}

i.fas.fa-times.red {
	color: red;
}

#priceli {
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
	color: #979797
}

#pricecol1 {
	padding-left: 10px;
}

#pricecol2 {
	padding-top: 21px;
}

.page-Pricelist .slick-next {
	right: -90px;
	background-image: url(/Content/images/Redesign/icons/slick-next-light-blue.png);
}

.page-Pricelist .slick-prev {
	/*left: -12%;*/
	left: -4%;
	background-image: url(/Content/images/Redesign/icons/slick-prev-light-blue.png);
}

.page-Pricelist.Paymentmethods .charge-details {
	width: 100%;
	max-width: 500px;
	margin: 0px auto;
	padding: 10px;
	background: #fbfbfb;
	border-radius: 7px;
	border: 1px solid #eaeaea;
}

.page-Pricelist.Paymentmethods .charge-details .row {
	margin: 0px 1em;
	border-bottom: 1px dashed #c3c3c3;
	padding: 7px 0px;
}

.page-Pricelist.Paymentmethods .charge-details .row:last-child {
	border-bottom: none;
}

.page-Pricelist.Paymentmethods .charge-details .row>div:first-child {
	font-style: italic;
	font-size: 14px;
	color: #565656;
}

.page-Pricelist.Paymentmethods .charge-details .row>div:last-child {
	text-align: right;
}

.page-Pricelist.Paymentmethods .payment-option .card .card-body .sum {
	width: 100%;
}

.page-Pricelist.Paymentmethods .payment-option .card .card-body .sum>div:first-child {
	border-top: 1px solid #d2d2d2;
	padding-top: 1em;
	margin-top: 1em;
}

#plans,
#plans ul,
#plans ul li {
	margin-top: 14px;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 14px;
}

li.planprice {
	/* margin: 0; */
	/* padding: 0; */
	padding-right: 3em;
}

#pricePlans:after {
	content: '';
	display: table;
	clear: both;
}

#pricePlans {
	zoom: 1;
}

#pricePlans {
	max-width: 69em;
	margin: 0 auto;
}

.radioPricelist {
	transform: scale(1.3);
	margin-left: 11px;
}

#pricePlans #plans .plan {
	background: #fff;
	float: left;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	margin: 0 0 20px 0;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.plan ul.planContainer,
.plan ul.planContainer li.title {
	margin: 0px !important;
}

.planContainer .title h2 {
	font-size: 2.125em;
	font-weight: 300;
	color: #3e4f6a;
	margin: 0;
	padding: .6em 0;
}

.planContainer .title h2.bestPlanTitle {
	background: #F9F9F9;
	background: -webkit-linear-gradient(top, #475975, #364761);
	background: -moz-linear-gradient(top, #475975, #364761);
	background: -o-linear-gradient(top, #475975, #364761);
	background: -ms-linear-gradient(top, #475975, #364761);
	background: linear-gradient(top, #475975, #364761);
	color: #fff;
	border-radius: 5px 5px 0 0;
}

.planContainer .title h2.Basic100PlanTitle {
	background: #d8d843;
	color: #fff;
	border-radius: 5px 5px 0 0;
}

.container.Pricelist {
	max-width: 1357px;
	width: 100%;
}

.container.Paycenter {
	max-width: 1357px;
	width: 100%;
}

.planContainer .title h2.Basic200PlanTitle {
	background: green;
	color: #fff;
}

.planContainer .title h2.Basic350PlanTitle {
	background: #519ac5;
	color: #fff;
}

.planContainer .title h2.Basic500PlanTitle {
	background: #355796;
	color: #fff;
}

.planContainer .title h2.Basic1000PlanTitle {
	background: #d43c3c;
	color: #fff;
}

.planContainer .title h2.Basic1500PlanTitle {
	background: #3d444a;
	color: #fff;
}

.planContainer .title h2.Basic2000PlanTitle {
	background: #020406;
	color: #fff;
}

.planContainer .price p {
	background: #020406;
	background: -webkit-linear-gradient(top, #475975, #364761);
	background: -moz-linear-gradient(top, #475975, #364761);
	background: -o-linear-gradient(top, #475975, #364761);
	background: -ms-linear-gradient(top, #475975, #364761);
	background: linear-gradient(top, #475975, #364761);
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	height: 2.6em;
	line-height: 2.6em;
	margin: 0 0 1em;
}

.planContainer .price p.bestPlanPrice {
	background: #f7814d;
}

.planContainer .price p.Basic100PlanPrice {
	background: green;
	margin-top: -29px;
	font-size: 14px;
}

.planContainer .price p.Basic200PlanPrice {
	background: #309bda;
	margin-top: -29px;
	font-size: 14px;
}

.planContainer .price p.Basic350PlanPrice {
	background: #004873;
	margin-top: -29px;
	font-size: 14px;
}

.planContainer .price p.Basic500PlanPrice {
	background: #020406;
	margin-top: -29px;
	font-size: 14px;
}

.planContainer .price p span {
	color: #8394ae;
}

.planContainer .options {
	margin-top: 10em;
}

.planContainer .options li {
	font-weight: 700;
	color: #364762;
	line-height: 2.5;
}

.planContainer .options li span {
	font-weight: 400;
	color: #979797;
}

.planContainer .button a {
	text-transform: uppercase;
	text-decoration: none;
	color: #3e4f6a;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 2.8em;
	border: 2px solid #3e4f6a;
	display: inline-block;
	width: 80%;
	height: 2.8em;
	border-radius: 4px;
	margin: 1.5em 0 1.8em;
}

div#pricePlans {
	max-width: 100%;
	position: relative;
	left: -48px;
}

.plan {
	margin: 10px;
	padding: 0;
	list-style: none;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #737373;
	background: white;
	position: relative;
}

.planContainer .button a.bestPlanButton {
	color: #fff;
	background: #f7814d;
	border: 2px solid #f7814d;
}

#credits {
	text-align: center;
	font-size: .8em;
	font-style: italic;
	color: #777;
}

#credits a {
	color: #333;
}

#credits a:hover {
	text-decoration: none;
}

.paymentmethods-dctcredit {
	border-radius: 1px;
}

.PaymentMethodDescriptionContainer {}

.PaymentMethodDescriptionContainer .options {
	margin-top: 2em
}

.PaymentMethodDescriptionContainer .options li {
	font-weight: 700;
	color: #364762;
	line-height: 16px;
	font-size: 14px;
	list-style-type: none;
}

hr.PayMethodHR {
	margin: 6%;
}

p#paymentmethodleft {
	float: left;
	margin-right: 54px;
}

p#paymentmethodright {
	color: #cca232;
	text-align: right;
}

.paycenter-card-title {
	font-size: 25px;
	color: #47496f;
	position: relative;
	text-align: center;
	top: 12px;
}

input#ConfirmPaymentCheckBox {
	transform: scale(1.25);
}

input#ConfirmPaymentCheckBoxGlow:hover {
	animation: none;
}

.paycenter-card-title::after {
	display: block;
	clear: both;
	content: " ";
	width: 100px;
	/* border-bottom: 2px solid #e7eef3; */
	margin: 0.9em 0 1.2em;
}

.paymentethod-card-title {
	font-size: 19px;
	color: #47496f;
	text-align: center;
}

.paymentethod-card-title::after {
	display: block;
	clear: both;
	content: " ";
	width: 100px;
	/* border-bottom: 2px solid #e7eef3; */
	margin: 0.9em 0 1.2em;
}

p#paymentmethodright-ConfirmPayment {
	color: #4c6d90;
	text-align: right;
	font-weight: bold;
}

.offeredpackages-title {
	font-size: 17px;
	font-weight: bold;
	color: #47496f;
}

.page-offeredpackages.page-offeredpackages-grid table.material-table {
	text-align: center;
}

.page-offeredpackages.page-offeredpackages-grid table.material-table td {
	vertical-align: middle;
}

.discount-ribbon {
	position: absolute;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px; height: 75px;
	text-align: right;
	right: -6px;
	top: -6px;
}
.discount-ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #b92836;
	background: linear-gradient(#dc3545 0%, #b92836 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px; right: -21px;
}

.discount-ribbon span::before {
	content: "";
	position: absolute; left: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid #b92836;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #b92836;
}

.discount-ribbon span::after {
	content: "";
	position: absolute; right: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #b92836;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #b92836;
}

.cart-items 
{
	text-align: left;
	padding-bottom:20px;
}

.cart-items h2
{
	padding: 30px;
	padding-bottom: 10px;
	margin: 0;
	text-align: center;
    font: normal normal bold 26px/32px Helvetica;
    letter-spacing: 0px;
    color: #214992;
}

.cart-item-box
{
	font-size: 14px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 20px #00000017;
    border-radius: 22px;
	width: 100%;
    max-width: 370px;
    min-width: 200px;
}

.cart-item-details {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	height: 260px;
	overflow: hidden;
	/*text-align: center;*/
	font: normal normal 300 16px/18px Helvetica;
	letter-spacing: 0px;
	color: #6F7070;
}

.cart-item-details strong {
	font-weight: bold;
}

.cart-item-details ul {
	padding-left: 15px;
}

.cart-item-details ul li {
	list-style-position: outside;
}

.cart-item-box h2 {
	height: 100px;
}

.cart-item-details input 
{
	background-color: #fff;
	border: none;
	display: inline-block;
	width: auto;
}

.cart-item-price 
{
	padding-top: 25px;
	padding-bottom: 25px;
	
	text-align: center;
    font: normal normal 400 20px/25px Helvetica;
    letter-spacing: 0px;
    color: #707070;
}

.cart-item-limit 
{
    text-align: left;
    font: normal normal 300 12px/14px Helvetica;
    letter-spacing: 0px;
    color: #FF0000;
}

.notice-alert 
{
    display: block;
}

@keyframes notice 
{
    0% { transform: scale(1) }
    50% {transform: scale(2) }
    100% {transform: scale(1) }
}

.cart-item-quantity 
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 50px;
	font-size: 20px;
	padding: 30px;
	color: White;
	background: transparent linear-gradient(180deg, #24418F 0%, #1E5698 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 20px #00000010;
    border-radius: 0px 0px 22px 22px;
}

.cart-item-quantity span:hover {
	cursor: pointer;
}

.cart-item-quantity div 
{
	border: none;
	text-align: center;
	font: normal normal bold 26px/32px Helvetica;
}

.cart {
	text-align: center;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 20px #00000029;
	border-radius: 22px;
	max-width: 370px;
	margin-right: 10px;
	margin-left: 10px;
}

.cart h2 
{
	padding-bottom: 20px;
	margin-bottom: 20px;
	
	font: normal normal bold 26px/32px Helvetica;
    letter-spacing: 0px;
    color: #224490;
}

.cart hr 
{
	background-color: White;
}

.cart-total 
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px 30px 40px;
	transform: translateY(8px);
    
    font: normal normal bold 26px/32px Helvetica;
    color: #224490;
}

.cart-total span 
{
	font: normal normal 300 20px/25px Helvetica;
    color: #6F7070;
}

.cart-total-price 
{
	margin-left: auto;
}

.cart-button {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	font: normal normal bold 20px/25px Helvetica;
	letter-spacing: 0px;
	color: #FFFFFF;
	background: #E4B31B 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 20px #00000014;
	border-radius: 0px 0px 22px 22px;
	outline: none;
	opacity: 0.54;
}

.cart-button:focus {
	outline: none;
}

.cart-list
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding: 0 40px;
	font-size: 20px;
    font-weight: 400;
}

.cart-list-service 
{
	font: normal normal 300 16px/18px Helvetica;
    color: #6F7070;
    width: 220px;
    overflow:hidden;
    text-align: left;
    height: 17px;
}

.cart-list-quantity 
{
	text-align: right;
	font: normal normal 300 16px/18px Helvetica;
    color: #6F7070;
}

.cart-validation
{
    padding-top:20px;
    max-width: 370px;
}

@media only screen and (max-width: 600px) {

		p#paymentmethodright {
			color: #cca232;
			text-align: right;
		}

		p#paymentmethodleft {
			margin-right: 0px;
		}
		
		div#TotalAmountCreditDCTtitle {
			text-align: center;
			font-size: 14px;
			margin: 10px 0px;
		}
		
		div#TotalAmountCreditDCT {
			text-align: center;
			margin-top: 2px !important;
			font-size: 18px;
		}
		
		a#isSubConfirmPayment {
			font-size: 12px;
			position: relative;
			top: -8px;
		}
		
		a#LinkPopup {
			font-size: 12px;
			top: -2px;
			position: relative;
			left: -17px;
		}

}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#pricePlans #plans .plan {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	
	li.planprice 
	{
		font-size: 12px !important;
	}
	
	i.fas.fa-credit-card.green.Marketplace {
		/* margin-left: 22px; */
		padding-right: 7px;
	}
	
	i.fa.fa-sm.fa-check.green.Marketplace {
		margin-left: -32px;
		padding-right: 3px;
	}
  
	#pricePlans #plans>li:nth-child(2n) {
		margin-right: 0;
	}
	
	li.button.Marketplace {
	font-size: 11px !important;
	}
	
	.pricebutton.Marketplace 
	{
	  font-size: 11px !important;   
	}
	
	.pricebutton {
	text-transform: uppercase;
	text-decoration: none;
	color: #3e4f6a;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 2.8em;
	border: 2px solid #3e4f6a;
	display: inline-block;
	width: 103%;
	height: 2.8em;
	padding-left: 7px;
	border-radius: 4px;
	margin: 1% 6%;
}


}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	#pricePlans #plans .plan {
		width: 49%;
		margin: 0 2% 20px 0;
	}

	#pricePlans #plans>li:nth-child(2n) {
		margin-right: 0;
	}
	
	li.button.Marketplace {
	  font-size: 11px !important;
	}
	
	li.planprice 
	{
		font-size: 12px !important;
	}
	
	i.fas.fa-credit-card.green.Marketplace {
		padding-right: 6px;
	}
	
	i.fa.fa-sm.fa-check.green.Marketplace {
		padding-right: 7px;
		margin-left: -12px;
	}
	.pricebutton.Marketplace 
	{
	  font-size: 11px !important;   
	}
	
	.pricebutton {
	text-transform: uppercase;
	text-decoration: none;
	color: #3e4f6a;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 2.8em;
	border: 2px solid #3e4f6a;
	display: inline-block;
	width: 103%;
	height: 2.8em;
	padding-left: 2px;
	border-radius: 4px;
	margin: 1% 6%;
	}
	
	p#paymentmethodleft {
		float: none;
		margin-right: 0px;
	}

	p#paymentmethodright {
		text-align: start;
	}
	
	p#paymentmethodright-ConfirmPayment {
		position: relative;
		top: -44px;
	}
	
	a#isSubConfirmPayment {
	margin-left: 39px !important;
	margin-top: -24px !important;
	}
	
	.offeredpackages-title 
	{
		font-size: 16px;    
	}
	
}

@media screen and (min-width: 1025px) {
	#pricePlans {
		margin: 2em auto;
	}

	#pricePlans #plans .plan {
		width: 24%;
		margin: 0 1.33% 20px 0;

		-webkit-transition: all .25s;
		-moz-transition: all .25s;
		-ms-transition: all .25s;
		-o-transition: all .25s;
		transition: all .25s;
	}

	#pricePlans #plans>li:last-child {
		margin-right: 0;
	}

	#pricePlans #plans .plan:hover,
	.slick-center .plan {
		-webkit-transform: scale(1.04);
		-moz-transform: scale(1.04);
		-ms-transform: scale(1.04);
		-o-transform: scale(1.04);
		transform: scale(1.04);
	}

	.planContainer .button a {
		-webkit-transition: all .25s;
		-moz-transition: all .25s;
		-ms-transition: all .25s;
		-o-transition: all .25s;
		transition: all .25s;
	}

	.planContainer .button a:hover {
		background: #3e4f6a;
		color: #fff;
	}

	.planContainer .button a.bestPlanButton:hover {
		background: #ff9c70;
		border: 2px solid #ff9c70;
	}
}