@media print, screen and (min-width:64em) {
#main .configurator__calculator {
	display: flex;
	justify-content: space-evenly
}
}
#main .configurator__calculator__button {
	font-size: 1em;
	padding: .5em .2em
}
#main .configurator__calculator__button i {
	position: relative;
	top: 2px;
	margin: 0
}
#main .configurator__calculator__amount {
	position: relative;
	top: 2px;
	display: inline-block;
	min-width: 30px;
	font-size: 1.5em;
	font-weight: 600;
	margin: 0 -.25em
}
#main .configurator__calculator__text {
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase
}
#main .configurator__price {
	font-size: 1.1em;
	font-size: clamp(1.1em, 5.6vw, 2em);
	font-weight: 600;
	color: #c20e1a;
	margin-top: .2em;
	margin-bottom: 1em
}

@media print, screen and (min-width:64em) {
#main .configurator__price {
	font-size: 2em;
	font-size: clamp(1.1em, 3.1vw, 2em)
}
}

@media print, screen and (min-width:64em) {
#main .configurator__price {
	min-width: 175px
}
}
#main .configurator__button {
	font-size: 1.2em!important;
	margin-bottom: .2em;
	padding: .4em
}
#main .configurator__including-taxes {
	font-size: .65em;
	font-weight: 400
}
#main .configurator__ios-button {
	display: block;
	margin-bottom: 1.5em
}
#main .configurator__link {
	font-size: .8em;
	font-size: clamp(.8em, 3.8vw, 1em);
	margin: 0;
	min-height: 45px
}

@media print, screen and (min-width:64em) {
#main .configurator__link {
	font-size: 1em;
	font-size: clamp(.8em, 1.6vw, 1em)
}
}
#main .configurator__link a {
	font-weight: 400
}
.os {
	display: none
}
#main .comparison {
	margin: 0;
	border: none
}

@media print, screen and (min-width:64em) {
#main .comparison {
	max-width: 1280px;
	margin: 0 auto
}
}
#main .comparison table {
	border: none
}
#main .comparison__head {
	position: relative;
	background: #fff;
	box-shadow: none;
	transition: box-shadow .1s ease-in-out;
	z-index: 1
}

@media print, screen and (min-width:64em) {
#main .comparison__head:after, #main .comparison__head:before {
	position: absolute;
	content: " ";
	width: 30px;
	bottom: 0;
	background: #fff;
	top: 0
}
#main .comparison__head:before {
	left: -30px
}
#main .comparison__head:after {
	right: -30px
}
}
#main .comparison__head.stick {
	position: sticky;
	top: 0;
	box-shadow: 0 8px 16px 0 rgba(30,30,30,.2)
}
#main .comparison__head--title {
	margin: 0;
	line-height: 1;
	font-weight: 600
}
#main .comparison__head--title i {
	display: block;
	font-size: 2em
}
#main .comparison__head--th {
	text-align: center;
	padding: .5em;
	border-bottom: none
}

@media print, screen and (min-width:64em) {
#main .comparison__head--th {
	padding: 1em .5em
}
}
#main .comparison__head--th:first-child {
	padding: 0
}

@media print, screen and (min-width:64em) {
#main .comparison__head--th:first-child {
	width: 35%
}
}
#main .comparison__head--th img {
	height: 90px
}

@media print, screen and (min-width:64em) {
#main .comparison__head--th img {
	height: 250px
}
}
#main .comparison__body--td {
	padding-bottom: 0;
	border-top: none
}

@media print, screen and (min-width:64em) {
#main .comparison__body--td {
	padding: 0
}
}
#main .comparison__group {
	border: none
}

@media print, screen and (min-width:64em) {
#main .comparison__group {
	border: 1px solid #ddd!important
}
}
#main .comparison__group th {
	padding-bottom: 0;
	border-bottom: none
}

@media print, screen and (min-width:64em) {
#main .comparison__group th {
	border-top: none;
	padding-top: 0;
	padding-bottom: 1em
}
}
#main .comparison__group td {
	padding: .5em 0;
	text-align: center;
	vertical-align: middle;
	border-top: none
}

@media screen and (max-width:63.9375em) {
#main .comparison__group tr {
	display: table;
	width: 100%;
	table-layout: fixed
}
#main .comparison__group tr th {
	display: table-caption;
	width: 100%
}
#main .comparison__group tr td {
	display: table-cell;
	width: 33%
}
}

@media print, screen and (min-width:64em) {
#main .comparison__group th {
	width: 35%
}
}
#main .comparison__group__head {
	cursor: pointer
}
#main .comparison__group__head th {
	vertical-align: middle
}

@media print, screen and (min-width:64em) {
#main .comparison__group__head th {
	padding: 1em
}
}

@media print, screen and (min-width:64em) {
#main .comparison__group__head th div {
	display: inline-block;
	min-width: 345px
}
}
#main .comparison__group__head th i {
	display: none
}

@media print, screen and (min-width:64em) {
#main .comparison__group__head th i {
	display: inline-block;
	font-size: 3.5em
}
}
#main .comparison__group__head td {
	padding: 0
}
#main .comparison__group__head td div {
	padding-top: .5em
}
#main .comparison__group__head--text, #main .comparison__group__head--title {
	margin: 0;
	font-weight: 600
}
#main .comparison__group__head--text {
	position: relative;
	padding-left: 1em;
	text-decoration: underline;
	color: #1968df
}
#main .comparison__group__head--text:before {
	position: absolute;
	top: 6px;
	left: 0;
	content: "\25B3";
	font-size: 65%;
	transform: rotate(90deg)
}
#main .comparison__group__body--td {
	padding: 0!important
}
#main .comparison__group__body--text, #main .comparison__group__body--title {
	padding-left: 1em
}

@media print, screen and (min-width:64em) {
#main .comparison__group__body--text, #main .comparison__group__body--title {
	padding-left: 1.5em
}
}
#main .comparison__group__body--title {
	margin: 0 0 .25em;
	font-weight: 600
}
#main .comparison__group__body--text {
	margin: 0;
	font-weight: 300
}
#main .comparison__group .icon-ban-circle, #main .comparison__group .icon-security-center {
	font-size: 2.5em
}

@media print, screen and (min-width:64em) {
#main .comparison__group .icon-ban-circle, #main .comparison__group .icon-security-center {
	font-size: 3.5em
}
}
#main .comparison__group .icon-security-center {
	color: #40c563
}
#main .comparison__group .icon-ban-circle {
	color: #e5e5e5
}
#main .comparison__foot--td {
	padding: 1em 0 0
}

@media print, screen and (min-width:64em) {
#main .comparison__foot--td {
	padding: 0
}
}

@media screen and (max-width:63.9375em) {
#main .comparison__foot--images {
	display: grid;
	margin-top: 1em;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 110px 110px
}
}

@media print, screen and (min-width:64em) {
#main .comparison__foot--images {
	margin-top: 1.8em
}
}
#main .comparison__foot--images img {
	display: flex;
	align-self: center;
	justify-self: center;
	width: auto;
	height: 66px
}

@media print, screen and (min-width:64em) {
#main .comparison__foot--images img {
	display: inline-block;
	margin: 2em 2em 0 0
}
}
#main .comparison__foot .comparison__group {
	table-layout: fixed;
	opacity: 1!important;
	border: none!important
}
#main .comparison__foot .comparison__group__body {
	background: #f6f6f6
}
#main .comparison__foot .comparison__group__body tr th {
	padding: 1em;
	border-top: none
}

@media print, screen and (min-width:64em) {
#main .comparison__foot .comparison__group__body tr:first-child th {
	padding-bottom: 0
}
}
#main .comparison__foot .comparison__group__body tr:last-child th {
	padding-bottom: 2em
}

@media print, screen and (min-width:64em) {
#main .comparison__foot .comparison__group__body tr:last-child th {
	padding-bottom: 1em;
	background: #fff
}
}
#main .comparison__foot .comparison__group__body tr:last-child td {
	background: #fff;
	padding: .5em;
	vertical-align: bottom
}

@media print, screen and (min-width:64em) {
#main .comparison__foot .comparison__group__body tr:last-child td {
	padding: 2em .5em .5em
}
}
#main .comparison__foot .comparison__group__body--title {
	padding-left: 0
}

@media print, screen and (min-width:64em) {
#main .comparison__foot .comparison__group__body--text {
	padding-left: 1.2em
}
}
#main .comparison__group {
	opacity: .5;
	transition: all .2s ease-in-out
}

@media print, screen and (min-width:64em) {
#main .comparison__group {
	opacity: 1
}
}

@media screen and (max-width:63.9375em) {
#main .comparison__group__head td div {
	transition: all .2s ease-in-out;
	opacity: 1;
	max-height: 60px
}
}
#main .comparison__group.active {
	opacity: 1
}

@media screen and (max-width:63.9375em) {
#main .comparison__group.active .comparison__group__head td div {
	opacity: 0;
	height: auto;
	max-height: 0;
	overflow: hidden
}
}
#main .comparison__group.active .comparison__group__head--text::before {
	transform: rotate(180deg)
}
#main .comparison__group__body--accordion {
	opacity: 0;
	height: auto;
	max-height: 0;
	margin-top: 0;
	overflow: hidden;
	transition: all .2s ease-in-out
}
#main .comparison__group__body--accordion.active {
	opacity: 1;
	max-height: 4000px;
	margin-top: .5em!important
}

@media print, screen and (min-width:64em) {
#main .comparison__group__body--accordion.active {
	margin-bottom: 1em!important
}
}