@import '../../default.less';
@import '../mixins.less';

div#premium-thankyou-container
{
	display :table;

	div.block
	{
		width: 470px;
		height: 640px;
		margin-bottom: 20px;
		vertical-align: top;
		display: table-cell;

		&.right
		{
			width: 400px;
			background-color: #f0f0ec;
			padding: 0px 20px;
			float: none;

			h3
			{
				font: bold 30px 'PT Sans', sans-serif;
				color: black;
				letter-spacing: -0.01em;
				margin-top: 180px;
				margin-bottom: 36px;
				text-align: center;
			}

			p
			{
				font: normal 18px 'PT Sans', sans-serif;
				color: black;
				letter-spacing: -0.01em;
				text-align: center;
				margin-bottom: 36px;
			}
		}

		h2
		{
			font: bold 36px 'PT Sans', sans-serif;
			color: black;
			letter-spacing: -0.01em;
		}

		a
		{
			display: inline-block;
			text-align: center;
			margin: 10px 75px 0 75px;
			padding: 12px 30px;
			text-decoration: none;
			font-size: 16px;
			width: 190px;
			border-radius: 3px;
			box-sizing: content-box;
		}

		b
		{
			display: inline-block;
		}
	}

	div.one-line
	{
		hr
		{
			position: absolute;
			margin-top: 10px;
			width: 24px;
			color: #6993a9;
			border-color: #6993a9;
		}

		p
		{
			color: black;
			.margin-left-right(35px, 77px);


			html[dir='rtl'] &
			{
				.margin-left-right(77px, 35px);
			}
		}
	}

	.uppercase
	{
		text-transform: uppercase;
	}
}