/*
 * Front facing Pricing Page CSS Styles
 * Author: archie@appealingstudio.com
 * Date: 09/24/2014
 *
 * Note: Updated to fit new design specs
 * ====================================================================== */

/*
 * Overrides
 * ====================================================================== */


body {
	/*background-color: #fff !important;*/
}

.top-section {
	background: #f2f2f0 url('/assets/bk-crowd.jpg') no-repeat 0 0;
	background-size: cover;
}
	.top-section .holder { padding: 0; }

.pricing-block .btn-orange {
	background-color: #FA5858;
	color: #fff !important;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
	width: 100%;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

.pricing-block .btn-orange:hover { background-color: #FA5858; text-decoration: none; }

.relative { position: relative; }
.no-margin-bottom { margin-bottom: -200px; }

.green-flash-message-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 998;
	opacity: .8;
	display: none;
}

.green-flash-message {
	background-color: #B6C059;
	padding: 40px 30px;
	color: #fff;
	font-family: futuraltlight, 'Open Sans', arial, sans-serif;
	font-size: 16px;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: 300;
}

.green-flash-message.first { margin-bottom: 40px; }
.green-flash-message.last { margin-top: 20px; }
.green-flash-message.table {
	display: table;
	z-index: 999;
	position: relative;
}

	.green-flash-message b { font-family: futuraltheavy, 'Open Sans'; font-weight: bold; }
	.green-flash-message div {  margin-top: 20px; }

	.green-flash-message div.content-section { margin:0; text-align: left; display: table-cell; vertical-align: top; font-size: 18px; }
	.green-flash-message div.buttons { margin:0;  display: table-cell; vertical-align: top; }
		.green-flash-message div.buttons a { display: inline-block; text-decoration: none; }


/*
 * Pricing section header
 * ====================================================================== */

.wide-header { position: relative; }

	.wide-header div {
		width: 870px;
		margin: 0 auto;
		padding: 95px 0 65px;
		text-align: center;
	}
/*
	.wide-header:after {
		content: "";
		position: absolute;
		bottom: 0;
		background: url('/assets/red-line.png') 0 bottom repeat-x;
		width: 100%;
		height: 2px;
	}
*/

/*
 * Main Pricing Container Block
 * ====================================================================== */

#container {
	width: 900px;
	margin: 0 auto;
	display: table;
	border-spacing: 80px;
    border-collapse: separate;
}

	#container div.container-row { display: table-row; }

		#container div.container-row div.plan { display: table-cell; width: 332px; text-align: center;}

			#container div.container-row div.plan .header {
				background-color: #393B3E;
				padding: 20px;
			}

				#container div.container-row div.plan .header h2 {
					font-weight: 600;
					font-size: 24px;
					color: #D8DEE5;
					letter-spacing: 2px;
					text-transform: uppercase;
				}

				#container div.container-row div.plan .header span { color: #D07869; font-size: 15px; letter-spacing: 0px; }

			#container div.container-row div.plan .block-content {
				background-color: #ECEBEC;
				padding: 20px;
				border: 3px solid #BFBBBB;
				border-top: 0px;
				min-height: 345px;
			}

				#container div.container-row div.plan .block-content * { color: #393B3E; }

				#container div.container-row div.plan .block-content ul { width: 262px; margin: 0px auto; list-style: none; padding-left:0; padding:20px 0;}

					#container div.container-row div.plan .block-content ul li {
						text-align: left;
						font-size: 19px;
						padding-left: 40px;
						margin-bottom: 19px;
						background: url('/assets/icon-plan-check.png') 0 2px no-repeat;
					}

				#container div.container-row div.plan .block-content .block-days {
					color: #CF7869;
					font-size: 18px;
					line-height: 18px;
					padding-bottom: 20px;
					height: 18px;
				}

				#container div.container-row div.plan .block-content .block-price {
					padding: 20px 0;
					border-top: 1px solid #D3D2D2;
					border-bottom: 1px solid #D3D2D2;
				}

					#container div.container-row div.plan .block-content .block-price .free {
						font-size: 36px;
						font-weight: bold;
						letter-spacing: 2px;
					}

					#container div.container-row div.plan .block-content .block-price .price-info span {
						font-size: 15px;
						color: #7F8187;
					}

						#container div.container-row div.plan .block-content .block-price .price-info span sup {
							font-size: 36px;
							font-weight: bold;
							position: relative;
							top: 8px;
						}

						#container div.container-row div.plan .block-content .block-price .price-info span sub {
							position: relative;
							top: 0px;
							font-weight: bold;
						}

				#container div.container-row div.plan .block-content .block-buttons { padding-top: 16px; }


/*
 * Main Plan Information Block
 * ====================================================================== */

section.plan-info { padding: 60px; }

section.plan-info div.container { margin-bottom: 40px; }

	/* @ Headers */
	section.plan-info div.header {
		border-bottom: 1px solid #D3D2D2;
		display: table;
		width: 100%;
		margin: 0 0 20px 0;
	}

	.div-start-trial-button-bottom { text-align: center; }
	.div-start-trial-button-bottom>.buttons-small { padding: 10px 40px !important; }
	div.section .section--plans { padding: 0px 0px 30px 90px !important;}

	section.plan-info div.header.last { border-bottom: 0; }

		section.plan-info div.header h2 {
			display: table-cell;
			font-weight: bold;
			letter-spacing: 2px;
			vertical-align: top;
			font-family: 'futuraltbold', 'Open Sans', Helvetica, sans-serif;
			font-size: 24px;
			font-weight: bold;
			height: 32px;
			letter-spacing: 2px;
			color: #393A3D;
			text-transform: uppercase;
			text-align: left !important;
		}

		section.plan-info div.header div.options {
			display: table-cell;
			width: 60%;
			text-align: right;
			vertical-align: top;
		}

			section.plan-info div.header div.options span {
				font-size: 16px;
				float: left;
				display: inline-block;
			}

			section.plan-info div.header div.options a.buttons-small {
				display: inline-block;
				float: right;
				width: 286px;
				position: relative;
				top: -5px;
			}

	/* @Details */

	section.plan-info div.details {
		display: table;
		width: 100%;
		margin: 40px 0 60px 0;
		border-bottom: solid 1px #cccccc;
		padding-bottom: 80px;
	}

		section.plan-info div.details .row-group { display: table-row; }

			section.plan-info div.details .row-group div.text {
				display: table-cell;
				vertical-align: top;
				padding-left: 70px;
				background: url('/assets/icon-plan-check.png') 0 2px no-repeat;
			}
				section.plan-info div.details .row-group div.text h3 { color: #393A3D; }

				section.plan-info div.details .row-group div.text p {
					font-size: 18px;
					color: #7F8187;
					margin-top: 20px;
					line-height: 29px;
				}

			section.plan-info div.details .row-group div.side-image { width: 450px; padding-left: 30px; }

			section.plan-info div.details .row-group div.side-image img {width: 100%; box-shadow: 1px 3px 9px #cccccc; -moz-box-shadow: 1px 3px 9px #cccccc; -webkit-box-shadow: 1px 3px 9px #cccccc;}

	/* @ Advocacy Information and Table */

	section.plan-info div.advocacy-info { margin: 40px 0; }

		section.plan-info div.advocacy-info p { font-size: 18px; }
		section.plan-info div.advocacy-info p.footnote { font-style: italic; color: #D07869; font-size: 15px; }

	section.plan-info div.advocacy-table { width: 100%; margin-bottom: 40px; }

		section.plan-info div.advocacy-table h3 { margin-bottom: 40px; }

		section.plan-info div.advocacy-table div.notes { margin-top: 40px; }
			section.plan-info div.advocacy-table div.notes > p {
				font-family: futuraltlight, 'Open Sans', arial, sans-serif;
				font-size: 14px;
				margin: 16px 0;
				font-style: italic;
				font-weight: 300;
			}

			section.plan-info div.advocacy-table div.notes > p.highlight { color: #D07869; }

		section.plan-info div.advocacy-table table { width: 100%; border-collapse: collapse;}

			section.plan-info div.advocacy-table table th.tier {
				text-transform: uppercase;
				font-family: futuraltbold, 'Open Sans', arial, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #B8BF52;
				padding-bottom: 10px;
				text-align: center;
				border-bottom: 4px solid #B8BF52;
			}

			section.plan-info div.advocacy-table table td {
				display: table-cell !important;
				border: 1px solid #AFB5BB;
				text-align: center !important;
				vertical-align: middle;
				padding: 8px !important;
				font-size: 13px !important;
				font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
				color: #393A3D !important;
			}

			section.plan-info div.advocacy-table table tr.price td {
				font-size: 18px !important;
				background-color: #EBEEF5;
				color: #D07869 !important;
			}
				section.plan-info div.advocacy-table table tr.price td a {
					color: #D07869 !important;
					font-size: 14px;
					font-style: italic;
					text-decoration: underline;
				}

			section.plan-info div.advocacy-table table td.label,
			section.plan-info div.advocacy-table table tr.price td.label {
				background-color: #3A3C3E;
				color: #fff !important;
				-moz-border-radius: 0;
				-webkit-border-radius: 0;
				border-radius: 0;
				font-size: 11px !important;
				letter-spacing: 2px;
				font-weight: bold;
			}

			section.plan-info div.advocacy-table table tr.price td.label { font-size: 13px !important; }

			section.plan-info div.advocacy-table table tr td.tier {
				border-left: 4px solid #B8BF52;
				border-right: 4px solid #B8BF52;
			}

			section.plan-info div.advocacy-table table tr td.tier b { font-family: futuraltbold, 'Open Sans', arial, sans-serif; font-weight: bold;}

			section.plan-info div.advocacy-table table tr td.tier.last { border-bottom: 4px solid #B8BF52; }

/*
 * Add/Edit Credit Card information Page
 * ====================================================================== */

#MainContent.credit-card-form { margin-bottom: -200px; }

#MainContent.credit-card-form .payment-errors {
	display: block;
	margin: 40px 0 0 0;
	padding: 10px;
	border: 1px dotted red;
	background-color: #FFD6D6;
}

.credit-card-form .sub-form-section.footer {
	display: table;
	width: 100%;
}

	.credit-card-form .sub-form-section.footer .delete {
		display: table-cell;
		text-align: left;
		width: 50%;
	}
		.credit-card-form .sub-form-section.footer .delete button {
			color: #fff !important;
			width: auto;
			background-color: #C7CAD3;
		}

		.credit-card-form .sub-form-section.footer .delete button:hover {
			background-color: #b0b2b9;
		}

	.credit-card-form .sub-form-section.footer .submit {
		display: table-cell;
		width: 50%;
	}

		.credit-card-form .sub-form-section.footer .submit button {
			width: auto;
			float: right;
			-moz-border-radius: 8px !important;
			-webkit-border-radius: 8px !important;
			border-radius: 8px !important;
		}

/*
 * Citizen/Advocate Billing Pages
 * ====================================================================== */

#MainContent.billing-page  { margin-bottom: -200px; }

#MainContent.billing-page h2 {
	font-family: futuraltbold, 'Open Sans', arial, sans-serif !important;
	font-size: 24px;
	font-weight: bold;
	height: 32px;
	letter-spacing: 2px;
	color: #393A3D;
	text-transform: uppercase;
	text-align: left !important;
}

#MainContent.billing-page h3 {
	font-family: futuraltbold, 'Open Sans', arial, sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0px;
}

#MainContent.billing-page h4 {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0px;
}

#MainContent.billing-page a.buttons-small { display: inline-block; text-decoration: none !important; font-style: normal !important; }
#MainContent.billing-page a.buttons-small:hover { text-decoration: none; }

#MainContent.billing-page .section a { font-style: italic; text-decoration: underline; }
#MainContent div.content.page div.section h1 a { font-style: normal; }

#MainContent.billing-page .section table .top-header th { padding-bottom: 20px; }

	#MainContent.billing-page .section table .top-header .options .list { font-size: 21px; }

		#MainContent.billing-page .section table .top-header .options .list .green-highlight {
			/* background-color: #B6C059; */
			background-color: #1999ec /*00D0B1*/;
			font-size: 24px;
			color: #fff;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 2px;
			display: inline-block;
			padding: 8px 16px;
			font-weight: bold;
			font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
		}
/*
#MainContent.billing-page .plan-details {
	margin-top: 40px;
	background: url('red-line.png') 0 bottom repeat-x;
	padding-bottom: 80px;
}
*/
#MainContent.billing-page .plan-details.advocate {
	background: none;
	padding-bottom: 100px;
}

#MainContent.billing-page .plan-details ul {
	list-style: none;
	padding: 0;
	margin: 0;
	zoom: 1;
}

#MainContent.billing-page .plan-details ul:before, #MainContent.billing-page .plan-details ul:after {
	content: "";
	display: table;
}

 #MainContent.billing-page .plan-details ul:after {
 	clear: both;
 }

	#MainContent.billing-page .plan-details ul li {display: block; float:left; }

	#MainContent.billing-page .plan-details ul li.content { width: 60%; }
	#MainContent.billing-page .plan-details ul li.options { margin: 30px 0 0 78px; }
	#MainContent.billing-page .plan-details ul li.options a {width: 330px; padding: 3px 0;}
	#MainContent.billing-page .plan-details.advocate ul li.content { padding-right: 130px; }

		#MainContent.billing-page .plan-details ul li.content p.normal { line-height: 36px; }
		#MainContent.billing-page .plan-details ul li.content p.big {
			font-size: 24px;
			font-style: italic;
			font-weight: 300;
			font-family: 'FuturaLTLight','Open Sans', Arial, sans-serif;
		}
		#MainContent.billing-page .plan-details ul li.content p.bigNormal {
			font-size: 24px;
			font-weight: 300;
			font-family: 'FuturaLTLight','Open Sans', Arial, sans-serif;
		}

		#MainContent.billing-page .plan-details ul li.content p.highlight { font-style: italic; color: #D07869; font-size: 15px; }
		#MainContent.billing-page .plan-details.advocate ul li.content p.highlight { line-height: 24px; }

	#MainContent.billing-page .plan-details ul li.bill { position: relative; width: 100%; height: 150px; }

		#MainContent.billing-page .plan-details ul li.bill .box {
			border: 1px solid #AFB5BC;
			padding: 40px 10px 10px 10px;
			position: relative;
      margin: 0px auto;
			width: 384px;
			text-align: center;
      overflow: hidden;
		}

			#MainContent.billing-page .plan-details ul li.bill .box .header {
				color: #FA5858;
				font-size: 18px;
			}

			#MainContent.billing-page .plan-details ul li.bill .box .amount {
				font-size: 72px;
				font-weight: bold;
				font-family: futuralt-bold, 'Open Sans', arial, sans-serif;
				margin: 16px 0;
			}

			#MainContent.billing-page .plan-details ul li.bill .box .info span {
				font-family: futuraltlight, 'Open Sans', arial, sans-serif;
				font-style: italic;
				font-weight: 300;
				color: #818389;
				display: block;
			}

			#MainContent.billing-page .plan-details ul li.bill .box .info p { margin: 0 0 20px; }

			#MainContent.billing-page .plan-details ul li.bill .box .links a { font-style: italic; text-decoration: underline; font-size: 14px; }
			#MainContent.billing-page .plan-details ul li.bill .box .links a.left { float: left; }
			#MainContent.billing-page .plan-details ul li.bill .box .links a.right { float: right; }

/*
#MainContent.billing-page #container {
	text-align: center;
	width: 834px;
	margin: 60px  0 0 0;
	border-spacing: 0;
	background: url('red-line.png') 0 bottom repeat-x;
	padding-bottom: 60px;
}
*/

	#MainContent.billing-page #container div.container-row div.plan {
		display: table-cell;
		width: 332px;
		border-right: 80px solid #FCFCFF;
	}

	#MainContent.billing-page #container h2 {
		text-align: center !important;
		font-size: 24px;
		font-weight: 600;
		margin-bottom: 10px;
	}

	#MainContent.billing-page #container ul { list-style: none; margin: 0 ; padding: 0; }

		#MainContent.billing-page #container ul li {
			font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
			font-size: 19px !important;
		}

		#MainContent.billing-page #container div.container-row div.plan .block-content .block-price .free,
		#MainContent.billing-page #container div.container-row div.plan .block-content .block-price .price-info span sup,
		#MainContent.billing-page #container div.container-row div.plan .block-content .block-price .price-info span sub {
			font-family: futuraltbold, 'Open Sans', arial, sans-serif;
			font-weight: bold;
		}

		#MainContent.billing-page #container div.container-row div.plan .block-content .block-price .price-info span sup {
			vertical-align: baseline;
		}

/*
#MainContent.billing-page section.plan-info {
	padding: 0 0 1px 0;
	background: url('red-line.png') 0 bottom repeat-x;
}
*/

#MainContent.billing-page section.plan-info.no-line { background: none; }

	#MainContent.billing-page section.plan-info div.advocacy-table table td.label {
		font-family: futuraltbold, 'Open Sans', arial, sans-serif !important;
		letter-spacing: 2px;
		font-weight: bold;
	}

	#MainContent.billing-page section.plan-info div.header.last div.options a.buttons-small { width: auto; }

#MainContent.billing-page div.content div.section table tr td { color: #808080; }

#MainContent.billing-page div.content div.section table tr td.footer-links { padding-top: 20px; }
#MainContent.billing-page div.content div.section table tr td.footer-links a { font-size: 14px; }
#MainContent.billing-page div.content div.section table tr td.footer-links a.right { float: right; }

#MainContent.billing-page div.content div.section table tr td div b { color: #333333; }









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

/*  Seciton  */

.section { /*background: #fff none repeat scroll 0 0;*/ padding: 40px 0 48px; position: relative; }
.section .section__head { margin-bottom: 40px; position: relative; text-align: center; }
.section .section__head-entry { font-size: 20px; }
.section .section__title { margin-bottom: 10px; }
.section .plans { margin-bottom: 70px; }
.section .list-checks { max-width: 1100px; margin: 0 auto; }
.section--gutter-large { padding: 60px 0 90px; }
.section--plans {padding: 60px 0 90px;}

/* Tablet Portrait */
@media (max-width: 1023px) {
	.section .section__head-entry { font-size: 32px; }
	.section--gutter-large { padding: 60px 0; }
}

/* Mobile */
@media (max-width: 767px) {
	.section { padding: 30px 0; }
	.section .section__head { padding-bottom: 20px; margin-bottom: 20px; }
	.section .section__head-entry { font-size: 26px; }
	.section .plans { margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; text-decoration: none !important; font-style: normal !important; vertical-align:
  middle; height: 64px; padding: 0 22px; border: 0 none; border-radius: 10px; background: #1999ec; font-family: 'Arial', sans-serif;
  font-size: 14px !important; font-weight: 600; line-height: 64px; letter-spacing: .08em; color: #222121; text-align: center;
  text-transform: uppercase; text-decoration: none; cursor: pointer; text-decoration: none; -webkit-appearance: none;
  -moz-appearance: none; appearance: none; transition: .3s; }
.btn:hover { background: rgb(161, 166, 68); }
.btn--text-small { font-size: 20px; }
.btn--text-big { font-size: 20px; font-weight: 600; letter-spacing: 0.8rem; }

/*  Button Block  */
.btn--block { display: block; padding-left: 0; padding-right: 0; }

/* Mobile */
@media (max-width: 767px) {
	.btn { height: 40px; line-height: 40px; font-size: 18px; letter-spacing: .1em; }
}


/* ------------------------------------------------------------ *\
	List Checks
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; margin-bottom: 0; }

.list-checks { column-count: 2; column-gap: 67px; font-size: 32px; }

.list-checks li {
  font-size: 22px;
  padding-left: 58px;
  position: relative;
}

.list-checks li:before { content: ''; position: absolute; top: 2px; left: 0; width: 38px; height: 28px; background-image     : url(../assets/images/src/assets/images/sprite.png); background-position     : 100% 0%; background-size     : 300% 257.14285714285717%; }
.list-checks li + li { margin-top: 26px; }

/* Small Desktop */
@media (max-width: 1400px) {
	.list-checks { font-size: 32px; }
}

/* Mobile */
@media (max-width: 767px) {
	.list-checks { column-count: 1; font-size: 24px; }
	.list-checks li { padding-left: 55px; }
}


h7 { margin-bottom: 0.6em; color: #393a3d; }
h7 { font-size: 36px; }
h7[class],
h7:last-child,
blockquote:last-child { margin-bottom: 0; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	h7 { font-size: 36px; }
}

/* Mobile */

@media (max-width: 767px) {
	h7 { font-size: 22px; }
}

.plans { display: -ms-flexbox; display: flex; max-width: 1380px; margin: 0 auto; }
.plan { position: relative; width: 33.33%; padding: 28px 110px; text-align: center; }
.plan + .plan:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #dedede; }
.plan .plans__inner { position: relative; }
.plan .plan__head { position: relative; padding-bottom: 10px; margin-bottom: 35px; }
.plan .plan__head:after { content: ''; position: absolute; bottom: 0; left: 5px; right: 5px; width: 100%; height: 3px; background: #1999ec; }
.plan .plan__title { font-size: 58px; }
.plans .btn { font-size: 18px; height: 56px; letter-spacing: 0.06rem; line-height: 56px; margin: auto; max-width: 156px; }
.plan .plan__title sup { display: inline-block; margin-right: 5px; font-size: 40px; }
.plan .plan__title sub { display: inline-block; font-size: 20px; margin-left: -5px; }
.plan .plan__body { font-size: 22px; margin-bottom: 40px; }

/* Small Desktop */
@media (max-width: 1400px) {
  .plan { padding: 28px 40px; }
}

/* Tablet Portrait */
@media (max-width: 1023px) {
	.plans { margin: 0 -30px; }
	.plan { padding: 20px 30px; }
	.plan .plan__title { font-size: 70px; }
	.plan .plan__title sup,
	.plan .plan__title sub { font-size: 30px; }
	.plan .plan__body { font-size: 32px; }
}

/* Mobile */
@media (max-width: 767px) {
	.plans { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin: 0; }
	.plan { width: 100%; padding: 0 10px; margin-bottom: 30px; }
	.plan + .plan { padding-top: 30px; }
	.plan + .plan:before { width: 100%; height: 2px; }
	.plan .plan__head { margin-bottom: 10px; }
	.plan .plan__body { margin-bottom: 10px; font-size: 24px; }
}



/* Pricing Table */
.price-tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;width: 100%;margin: 0px auto;}
.price-tg tr:nth-child(odd){ background: #dbdbdb; }
.price-tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;border:none;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;}
.price-tg th{font-family:Arial, sans-serif;font-size:16px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#FFF;background-color:#565656;}
.price-tg .tg-yw4l:first-child{vertical-align:top; text-align: left; }
.price-tg .tg-yw4l{vertical-align:top; text-align: center;}
.price-tg .tgdiv{ max-width: 340px; letter-spacing: 1px; font-size: 14px; }
.price-tgbr{ line-height: 40px; background-color:#565656; }
.tg-yw4lb{vertical-align:top; text-align: center;}
.tg-yw4le{ text-align: right; vertical-align: bottom; }
.price-dot{ display: inline-block; width: 10px; height: 10px;	background: #c56454; -moz-border-radius: 50px;	-webkit-border-radius: 50px;	border-radius: 50px;}
.price-colwhite{margin-top: 8px; color: #fff !important;}

.price-btn, .price-btns {
display: block;	vertical-align: middle;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px;
font-family: Arial, sans-serif;  color: #000;  font-size: 18px;	letter-spacing: 0.06rem;
background: #1999ec;  padding: 10px 22px;  text-decoration: none;  letter-spacing: 0.06rem;
font-weight: 600; text-align: center; text-transform: uppercase; cursor: pointer;
}
.price-btn:hover, .price-btns:hover {  background: #aaaf48;  text-decoration: none; }
.price-btns{font-size: 18px; display: inline-block;}

.price-tp3{text-align: center; margin: 20px; padding: 8px 1px; background-color: #565656; border-radius: 10px; }
.price-tp3a{ background-color: #565656; color: #ffffff; padding: 8px; font-size: 18px; }
.price-tp3b{ background-color: #ffffff; padding: 8px; }
.price-tp3b2{ background-color: #e2e2e2; padding: 8px; }
.price-tp3 .ico-magnifier2{float: left;}

@media (max-width: 767px) {
	table.price-tg{ display: none; }
	.price-tp3{ display: block; }
}
@media (min-width: 768px) {
	table.price-tg{ display: block; }
	.price-tp3{ display: none; }
}


.ico-magnifier2 { width:26px; height:26px; background-image     : url(../pubassets/images/src/assets/images/sprite.png); background-position: 0% 0%; background-size: 158.33333333333331% 100%; display     : inline-block; vertical-align     : middle; }
.ico-magnifier2:hover { background-image     : url(../pubassets/images/src/assets/images/spriteg.png);}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-magnifier2 { width:26px; height:26px; background-image     : url(../pubassets/images/src/assets/images/sprite.png); background-position: 0% 0%; background-size: 158.33333333333331% 100%; display     : inline-block; vertical-align     : middle; }
	.ico-magnifier2:hover { background-image     : url(../pubassets/images/src/assets/images/spriteg.png);}
}


/* @END - /app/assets/stylesheets/pricing.css */