body {
	background-color: #eceef4;
	color: rgba(0, 0, 0, 0.87);
}

b {
    color: #000;
    font-weight: bold;
}

.center {
    text-align: center;
}

/*------------Main Navigation----------*/

.category-navigation {
    padding: 0;
    text-align: center;
    margin: auto;
    background: white;
    z-index: 10;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    white-space: nowrap;
    overflow: auto;
}

.category-navigation a {
    display: inline-block;
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: solid 4px #fff;
    padding: 12px 40px;
    cursor: pointer;
}

.category-navigation a:hover {
    color: #ef1c74;
    font-weight: 500;
}

.category-navigation a.active {
    color: #ef1c74;
    border-bottom: solid 4px #ef1c74;
    font-weight: 500;
}

@media (max-width: 800px) {
    .category-navigation {
        overflow: auto;
        white-space: nowrap;
    }

    .category-navigation a {
        color: rgba(0, 0, 0, 0.54);
        border: 0;
        padding: 12px 10px;
    }

    .category-navigation a:hover {
        color: #ef1c74;
        font-weight: 500;
    }

    .category-navigation a.active {
        color: #ef1c74;
        font-weight: 500;
        border-bottom: solid 4px white;
    }

}

.stuck {
	position: fixed;
	top: 68px;
	width: 100%;
	background-color: #fff;
}

.stuck a {
    color: rgba(0, 0, 0, 0.54);
}

.stuck a:hover {
    color: #ef1c74;
    font-weight: 500;
}

.stuck a.active {
    color: #ef1c74;
    font-weight: 500;
    border-bottom: solid 4px #ef1c74;
}

@media(max-width:800px) {
    .stuck {
        top: 54px;
    }
}

/*----------Terms Container----------------*/

.terms-container {
	width: 85%;
	margin: 16px auto;
	background-color: #fff;
	padding: 16px;
	border-radius: 8px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
    display: none;
}

.terms-container .payments {
    display: none
}

.terms-container .inner-navigation {
    display: block;
    margin-bottom: 36px;
}

.inner-navigation .inner-navigation-links {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    padding: 12px 8px;
    border-radius: 20px;
    cursor: pointer;
    background-color: #f7f7fa;
    border-right: none;
    margin-right: 14px;
    display: inline-block;
}

.inner-navigation .inner-navigation-links:first-child {
    margin-bottom: 8px;
}

.inner-navigation .active {
    background: #ef1c74;
    color: #fff;
}

.terms-container h1 {
	font-weight: bold;
	font-size: 28px;
	margin: 16px 0;
	color: rgba(0, 0, 0, 0.87)    
}

.terms-container ul, ol {
	list-style-type: disc;
	list-style-position: outside;
	line-height: 1.50;
	margin-left: 40px;
}

.terms-container ol {
	list-style-type: decimal;
	padding-left: 12px;
}

.terms-container ol li > ol {
    margin-left: 4px;
}

.terms-container h2 {
	font-weight: bold;
	font-size: 24px;
	margin: 12px 0;
	color: rgba(0, 0, 0, 0.87)
}

.terms-container h3 {
	font-weight: bold;
	margin: 8px 20px;
	color: rgba(0, 0, 0, 0.87)    
}

.terms-container p {
	margin: 4px 20px;
	line-height: 1.33;
}

.terms-container a {
	color: #338aed;
}

.terms-container .info {
    font-size: 12px;
}

@media(max-width: 800px) {
	.terms-container {
		width: 95%
	}

	.terms-navigation {
		width: 95%
	}

	.terms-container h1 {
		font-size: 22px;
	}
	
	.terms-container h2 {
		font-size: 20px;
	}

}

/* Terms of Use */

.terms-of-use .heading {
    text-align: center;
    margin-bottom: 12px;
}

.terms-of-use p {
    margin: 12px 0;
    line-height: 1.4;
}

.terms-of-use ol {
    margin-left: 0;
}

.terms-of-use ol[type='I'] {
    list-style-type: upper-roman;
}

.terms-of-use ol[type="i"] {
    list-style-type: lower-roman;
}

.terms-of-use ol[type='A'] {
    list-style-type: upper-alpha;
}

.terms-of-use ol[type='a'] {
    list-style-type: lower-alpha;
}

.terms-of-use ol[type='1'] {
    list-style-type: decimal;
}

.terms-of-use li {
    margin: 6px 0;
    line-height: 1.4;
    margin-left: 8px;
}

.terms-of-use .level-0 {
    margin-top: 20px;
}

.terms-of-use ol li:first-child {
    margin-top: 12px;
}

@media (max-width: 800px) {
    .terms-container .terms-of-use {
        font-size: 14px;
        padding: 0;
    }

    .terms-of-use .level-0 {
        margin-top: 16px;
    }
}