.compare{background-color: #faf8f8;}
.compare .ft{font-family: 'Termina', sans-serif;}

.compare .btn.btn-default,
.compare .btn.btn-default:hover,
.compare .btn.btn-default:focus{
	background-color: #fff;
	border:1px solid #ddd;
	border-radius: 12px;
	font-size: 14px;
}

.compare section.main{padding-bottom: 100px; position: relative;}
.compare section.main:before{
	background-color: #1e7eee;
	background-image: url(/img/lp/services/compare/rectangle@3x.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	content: '';
	display: block;
	height: 400px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.compare section.main h2{font-weight: 500; margin: 1.5em auto;}

.compare section.main table{background-color: #fff; border-radius: 40px; table-layout: fixed;}
.compare section.main table thead{}
.compare section.main table thead tr{}
.compare section.main table thead tr th{padding: 8px 32px; vertical-align: top; width: 25%;}
.compare section.main table thead tr:first-child th{padding-top: 32px;}
.compare section.main table thead tr th p{color: #505d68; font-weight: normal;}

.compare section.main table tbody{}
.compare section.main table tbody tr{}
.compare section.main table tbody tr td{padding: 8px 32px; width: 25%;}

.compare section.main table tfoot{}
.compare section.main table tfoot tr{}
.compare section.main table tfoot tr th{padding: 8px 32px; vertical-align: top; width: 25%;}
.compare section.main table tfoot tr:last-child th{padding-bottom: 64px;}
.compare section.main table tfoot tr th p{color: #505d68; font-weight: normal;}

.compare section.main table .cell{}
.compare section.main table .cell .icon{
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	height: 34px;
}
.compare section.main table .cell .icon.yes{background-image: url(/img/lp/services/compare/icon-yes@3x.png); background-size: 22px;}
.compare section.main table .cell .icon.no{background-image: url(/img/lp/services/compare/icon-no@3x.png); background-size: 34px;}

.compare section.main table tr.line td .cell>div{
	background-color: #f0f0f0;
	border-radius: 2px;
	height: 4px;
	margin: 8px;
}
.compare section.main table tr.line td:first-child .cell>div{
	margin-left: 0;
	margin-right: 16px;
}

.compare section.main .video-container {border-radius: 25px; height:0; margin-bottom: 25px; padding-bottom:56.25%; position:relative; overflow: hidden; width: 100%;}
.compare section.main .video-container iframe,
.compare section.main .video-container object,
.compare section.main .video-container embed {position:absolute; top:0; left:0; height:100%; width:100%;}

@media screen and (max-width:768px){
	.compare section.main:before{height: 75vh;}

	.compare section.main table thead tr th,
	.compare section.main table tfoot tr th{padding: 16px; padding-top: 16px;}

	.compare section.main table thead tr:last-child th,
	.compare section.main table tfoot tr:last-child th{padding-top: 0;}

	.compare section.main table thead tr th h3,
	.compare section.main table tfoot tr th h3{font-size: 20px;}

	.compare section.main table thead tr th,
	.compare section.main table tbody tr td,
	.compare section.main table tfoot tr th{
		display: inline-block; width: 33%;
	}

	.compare section.main table thead tr th:first-child,
	.compare section.main table tfoot tr th:first-child{display: none;}
	.compare section.main table tbody tr td:first-child{
		background-color: #f3f5f6;
		border-top: 1px solid #ddd;
		text-align: center;
		width: 100%;
	}

	.compare section.main table tr.line{display: none;}
	.compare section.main table tr.section-title td{display: none;}
	.compare section.main table tr.section-title td:first-child{
		background-color: transparent;
		border: none;
		display: block;
		margin: 20px 0 0;
	}
}