@charset "UTF-8";

.terms p {
    margin-top: 7px;
    margin-bottom: 7px;
    color: #666;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}
@media (max-width:767px) {
    .terms p { 
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
}
.terms .row{
    margin-right:0;
    margin-left:0;
}

.terms .layout{
    width:70%;
}
.terms a,
.terms a:active,
.terms a:focus,
.terms a:hover {
    color: #333;
    text-decoration: none
}

.terms a:visited {
    color: #333
}

.terms p {
    margin: 1em 0
}

.terms p:first-child {
    margin-top: 0
}

.terms p:last-child {
    margin-bottom: 0
}

.terms ul{
    padding-left:40px;
    margin-top:1em;
    margin-bottom:1em;
    list-style-type:disc;
    display:block;
}
.terms ul.list-no{
    list-style-type:none;
    padding-left:30px;
}
.terms li{
    margin-top:7px;
    margin-bottom:7px;
    color: #666;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    word-break: keep-all;
}
@media (max-width:1024px){
    .terms .layout{
        width:85%;
    }
}
@media (max-width:767px) {
    .terms .layout{
        width:100%;
    }
    .terms ul{
        padding-left:20px;
    }
    .terms ul.list-no{
        padding-left:10px;
    }
    .terms li { 
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
}

.terms .h1,
.terms .h2,
.terms .h3,
.terms .h4,
.terms .h5,
.terms .h6,
.terms .rating__title,
.terms h1,
.terms h2,
.terms h3,
.terms h4,
.terms h5,
.terms h6 {
    font-size:28px;
    line-height:36px;
    color: #333;
    margin: 1em 0;
    font-weight: 300;
    letter-spacing: -.01em
}

@media (max-width:768px){
    .terms .h1,
    .terms .h2,
    .terms .h3,
    .terms .h4,
    .terms .h5,
    .terms .h6,
    .terms .rating__title,
    .terms h1,
    .terms h2,
    .terms h3,
    .terms h4,
    .terms h5,
    .terms h6 {
        font-size:1.4rem;
        line-height:1.8rem;
    }
}


.row--small,
.vspace-small {
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (min-width:768px) {
    .row--small,
    .vspace-small {
        padding-top: 45px
    }
}

@media screen and (min-width:1024px) {
    .row--small,
    .vspace-small {
        padding-top: 45px
    }
}

@media screen and (min-width:768px) {
    .row--small,
    .vspace-small {
        padding-bottom: 45px
    }
}

@media screen and (min-width:1024px) {
    .row--small,
    .vspace-small {
        padding-bottom: 45px
    }
}

.row--tiny,
.vspace-tiny {
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (min-width:768px) {

    .row--tiny,
    .vspace-tiny {
        padding-top: 30px
    }
}

@media screen and (min-width:1024px) {

    .row--tiny,
    .vspace-tiny {
        padding-top: 30px
    }
}

@media screen and (min-width:768px) {

    .row--tiny,
    .vspace-tiny {
        padding-bottom: 30px
    }
}

@media screen and (min-width:1024px) {

    .row--tiny,
    .vspace-tiny {
        padding-bottom: 30px
    }
}



.terms .hgroup__title {
    margin: .4em 0;
    font-family: Futura BT, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media screen and (min-width:0) {
    .terms .hgroup__title {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media screen and (min-width:768px) {
    .hgroup__title {
        font-size: 32px;
        font-size: 2rem
    }
}

@media screen and (min-width:1024px) {
    .terms .hgroup__title {
        margin: 1em 0 .4em
    }
}


.terms .hgroup--lead .hgroup__title {
    line-height: 1.2
}

@media screen and (min-width:0) {
    .terms .hgroup--lead .hgroup__title {
        font-size: 32px;
        font-size: 2rem
    }
}

@media screen and (min-width:768px) {
    .terms .hgroup--lead .hgroup__title {
        font-size: 44px;
        font-size: 2.75rem
    }
}

.terms .hgroup__prefix + .terms .hgroup__title {
    margin-top: .25em
}

.terms .hgroup__subtitle {
    margin: .4em 0
}

.terms .hgroup__content {
    margin-top: .8em;
    color: #333;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}


.terms .hgroup__action {
    width: 100%
}

.hgroup__action--sml {
    max-width: 220px
}

.terms .hgroup__action--med {
    max-width: 320px
}

.terms .hgroup__action--lrg {
    max-width: 420px
}

.terms .hgroup--dark .hgroup__action a,
.terms .hgroup--dark .hgroup__action a:visited {
    color: #fff
}


.terms .hero__content {
    text-align: left
}

@media screen and (min-width:0) {
    .hero__content {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width:1024px) {
    .terms .hero__content {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (min-width:480px) {
    .terms .hero__content {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .terms .hero__content {
        font-size: 20px;
        font-size: 1.25rem;
    }
}