@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/****************************  Main Elements ***************************/
html					{box-sizing:border-box; font-size:62.5%; line-height:62.5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior:smooth;}
*, *:before, *:after	{box-sizing:inherit;}
*:focus					{outline: none;}
body					{overflow-y:scroll; background-color:#fff; color:#222; height:100%; font-size:1.6rem; line-height:145%; direction:ltr; text-align:left; font-family: "Montserrat", arial, helvetica, sans-serif; margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; scroll-behavior:smooth;}
@media screen and (max-width: 767px) {
	body	{font-size:3.7vw; line-height:145%;}
}

h1, h2, h3, h4	{padding:0; margin-top:0; display:block; color:#000;}
h1			{font-size:300%; line-height:115%; font-weight:500; margin-bottom:0.9em;}
h2			{font-size:200%; line-height:120%; font-weight:900; margin-bottom:0.6em;}
h3			{font-size:150%; line-height:120%; font-weight:700; margin-bottom:0.5em;}
h4			{font-size:130%; line-height:120%; font-weight:700; margin-bottom:0.4em;}

@media screen and (max-width: 1024px) {
	h1			{font-size:270%; line-height:115%; font-weight:500; margin-bottom:0.9em;}
	h2			{font-size:160%; line-height:120%; font-weight:900; margin-bottom:0.6em;}
	h3			{font-size:120%; line-height:120%; font-weight:700; margin-bottom:0.5em;}
	h4			{font-size:110%; line-height:120%; font-weight:700; margin-bottom:0.4em;}
}

@media screen and (max-width: 767px) {
	h1	{font-size:2.5rem; margin-bottom:5vw;}
	h2	{font-size:2.4rem; margin-bottom:3vw;}
	h3	{font-size:4.6vw; margin-bottom:2vw;}
	h4	{font-size:inherit; margin-bottom:2vw;}
}

p				{padding:0; margin-top:0; font-size:inherit;}

ul				{padding:0px 0px 0px 10px; margin:0px 0px 20px 20px; font-size:inherit;}
ol				{padding:0px 0px 0px 10px; margin:0px 0px 20px 20px; font-size:inherit;}
ul li			{padding:0; margin:0 0 4px 0; font-size:inherit; list-style:none;}
ol li			{padding:0px 0px 0px 5px; margin:0 0 4px 0; font-size:inherit; list-style:decimal;}
ul ul, ul ol, ol ol, ol ul	{margin:8px 0px 0px 0px;}

@media screen and (max-width: 767px) {
	ul				{padding:0px 0px 0px 2.5vw; margin:0px 0px 5vw 2vw;}
	ol				{padding:0px 0px 0px 2.5vw; margin:0px 0px 5vw 2vw;}
	ul li			{margin:0 0 1vw 0;}
	ol li			{padding:0px 0px 0px 1.3vw; margin:0 0 1vw 0;}
	ul ul, ul ol, ol ol, ol ul	{margin:2vw 0px 0px 0px;}
}

img						{display:block; max-width:100%; height:auto; border:0; padding:0; margin:0; -ms-interpolation-mode:bicubic;}
b, strong				{font-weight:bolder;}

a						{color:#222; text-decoration:underline; background-color:transparent; -webkit-tap-highlight-color:rgba(103,199,245,0.4);}
a:hover					{text-decoration:none; color:#000;}
a:active, a:focus		{text-decoration:none; color:#000; outline:none;}

a.button,
abutton,
button.button {
    padding: 0.42em 1.4em 0.5em 1.4em;
    height: auto;
    line-height: normal;
    display: block;
    font-size: 3rem;
    white-space: nowrap;
    background: #ff3250;
    color: #fff;
    text-align: center;
    border-style: none;
    font-weight: 900;
    margin: 0 auto;
    vertical-align: top;
    border-radius: 500px;
    border: 0;
    font-family: inherit;
    cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
	text-decoration:none;
}

abutton.button:hover,
abutton.button:active,
abutton.button:focus {
    background: #d11430;
    color: #fff;
}

/************************************ Layouts ***************************************/

.site-container		{position:relative;}
.full-size-row		{max-width:1920px; margin:0 auto;}
.area-wrapper		{max-width:1320px; width:95%; margin:0 auto;}
.content-section	{margin-bottom:70px;}
.terms-section		{padding-bottom:30px;}
.content			{margin-top:50px;}

@media screen and (max-width: 1024px) {
	.content-section	{margin-bottom:30px;}
	.terms-section		{padding-bottom:10px;}
	.content			{margin-top:20px;}
}

@media screen and (max-width: 767px) {
	.area-wrapper		{width:92%;}
	.content-section	{margin-bottom:7vw;}
	.terms-section		{padding-bottom:3vw;}
	.content			{margin-top:5vw;}
}

/************************************ banner ***************************************/

.banner {
	position: relative;
}

.banner-legal {
	position: absolute;
    bottom: 0;
    width: stretch;
    background-color: rgba(0, 0, 0, .7);
    padding: 12px;
    font-size: 1.1rem;
    line-height: normal;
	color: #FFF;
}

.banner-legal a	{
	color: inherit;
}

@media screen and (max-width:767px) {
	.banner-legal	{position:initial; padding:3vw 3vw;}
}


/************************************** Content *************************************/
.content-section h1 {
	font-weight: 900;
}

.content-section h1,
.content-section h2 {
	color: #FF3250;
}

/************************************** Terms *************************************/

.terms-section h4 {
	margin-top:1em;
}

.terms-section ul,
.terms-section ol {
	padding-left: 0;
	margin-left: 0;
}

.terms p		{margin-bottom:3px;}

@media screen and (max-width:767px) {
	.terms p	{margin-bottom:0.5vw;}
}

/************************************ Utilities ***************************************/

.gray-bg {
	background-color: #EEEEEE; 
}

.gray-bg h2 {
	color: #FF3250;
	font-size: 4.5rem;
	text-align: center;
	padding: 2% 0;
}

@media screen and (max-width: 767px) {
	.gray-bg h2 {
		font-size: 2.0rem;
		padding: 5% 0;
	}
}

.center {
	text-align:center;
}

.button-wrapper {
	padding-bottom:20px;
	padding-top:14px;
}

abutton.iblock,
a.button.iblock {
	display:inline-block;
}

/*************** promotions-box ***************/

.promo-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 30px;
}

.promo-card {
	border: 6px solid #FF3250;
	border-radius: 31px;
	padding: 28px 24px;
	background: #fff;
}

.promo-card h2 {
	margin-bottom: 16px;
}

.promo-card h3 {
    color: #000;
}

.promo-card p {
	margin-bottom: 20px;
}

.promo-card p.title {
    margin-bottom: 0;
}

.promo-card ul.list-none {
	margin: 0 0 20px 0;
	padding: 0;
}

.promo-card ul.list-none li {
	padding: 0;
	margin-bottom: 4px;
}

@media screen and (max-width: 1023px) {
	.promo-cards-grid {
		gap: 16px;
	}

	.promo-card {
		padding: 22px 18px;
	}
}

@media screen and (max-width: 767px) and (orientation: portrait) {
	.promo-cards-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.promo-card {
		padding: 5vw 4vw;
	}
}

/*************** end promotions-box ***************/