/*----- Template ---- */
body {
    padding-top: 50px;
}
p {
    margin-bottom:1.5em;
}
h2 {
    font-size:1.5em;
}
/*----- Splash ---- */
#intro {
    height: 550px;
    margin: 0 auto;
    width: 100%;
    color:#28486C;
}
#introblock {
    text-align: center;
    margin-top:20px;
}
#introblock a {
    margin:0 0 2em 0;
    color:#fff;
    border-radius:0px;
}
#introblock hr {
    width:0;
    margin:0 auto 1em auto;
}
#introblock h1, #introblock h2 {
    margin:0;
}
#introblock h1 {
    margin-bottom:0.25em;
    color:#28486C;
}
#introblock h2 {
    font-size:1.15em;
    margin-bottom:20px;
    font-weight: normal;
    color:#28486C;
}
#introblock a.btn {
    width:90%;
    margin:0;
    border:none;
    font-size:1.2em;
}
#introblock #cta-prompt {
    margin-top:2em;
    padding-top:2em;
    font-size: 1em;
    border-top:1px solid #28486C;
}
#introblock #cta-box {
    margin-top:1em;
}
#introblock .btnbox p {
    font-size:1em;
    margin-bottom:2em;
}
#introblock .btnbox a {
    margin-bottom:0.5em;
}
#introblock a.btn-ins {
    background-color:#e57022;
}
#introblock a.btn-ins:hover, #introblock a.btn-ins:focus, #introblock a.btn-cfp:hover {
    background-color:#3a699e;
}
#introblock a.btn-cfp {
    background-color:#0d5eba;
}
/*----- OTHER BLOCKS ---- */
#devices, #memberships {
    background-color:#709dd1;
    color:#fff;
    text-align: center;
}
#device-img img {
    max-width:100%;
    margin-top:-100px;
}
.features-group {
    min-height:200px;
    padding:1em 2em;
    text-align: center;
}
#testimonials .testimony {
    background: url('img/homepage/quote-cloud.jpg');
    background-position: 50px 0;
    background-repeat: no-repeat;
    padding:80px 50px 0 90px;
    border-bottom:1px solid #333;
    margin-top:2em;
    background-size:50px 50px;
}
#testimonials .testimony:last-of-type {
    border:none;
}
#feature-exams {
    background: url('img/homepage/success.jpg') top right;
    background-repeat: no-repeat;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 400px;
    margin-top:0;
}
#feature-support {
    background: url('img/homepage/support.jpg') top right;
    background-repeat: no-repeat;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 400px;
    margin-top:0;
}
/*----- Features Box Styles -----*/
#features-boxes {
    margin-bottom:1em;
    text-align: center;
}
.boxtop {
    margin:0;
    padding:1em 0 1em 0;
    color:#fff;
}
.boxtop h2 {
    margin:0;
}
.boxbottom {
    padding:1em 0 1em 0;
}
#box-convenient .boxtop,
#box-affordable .boxtop,
#box-compliant .boxtop {
    background-color:#709dd1;
}
/*----- MISC ---- */
.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}
#introblock .dropdown-menu {
    width:100%;
    margin-top:-30px;
}
#introblock .dropdown-menu li a {
    display:block;
    width:100%;
    background-color:#fff;
    color:#28486C;
    padding:0.5em 1em;
    margin:0;
}
#introblock .dropdown-menu li a:hover {
    background-color:#3a699e;
    color:#fff;
    text-decoration: none;
}
#affiliate-banner {
    text-align: center;
    padding:1.5em 0 0 0;
    color: #fff;
    background-color: #28486C;
    line-height:1.5em;
    vertical-align: middle;
}

/* MEDIA QUERIES --------------------------------------------------------------------------- */
@media (min-width: 768px) {
    #intro {
        background: url('img/homepage/desk-clean.jpg') top center fixed;
        background-repeat: no-repeat;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height: 800px;
        margin-top:0;
    }
    #introblock {
        margin-top:90px;
    }
    #introblock hr {
        width:20em;
        border-color:#3a699e;
    }
    #introblock h1 {
        font-size: 2.5em;
    }
    #introblock a.btn {
        width:12em;
        margin:0 0.75em 0.5em 0.75em;
        border:none;
        font-size:1.2em;
    }
    #introblock .btnbox {
        display:inline-block;
        font-size:1.25em;
    }
    #introblock .btnbox p {
        font-size:0.75em;
    }
    #introblock #cta-prompt {
        margin-top:4em;
        padding-top:0;
        border:none;
        font-size: 1.25em;
    }
    #introblock .dropdown-menu {
        width:25em;
        margin-top:-40px;
        margin-right:2em;
    }
    #devices {
        text-align: left;
    }
    #device-img img {
        margin-top:-50px;
    }
    .features-group {
        height:400px;
        padding-top:100px;
        border-bottom:1px solid #000;
    }
    #feature-exams, #feature-support, .features-group:last-of-type {
        border:none;
    }
    #testimonials .testimony {

        padding:40px 50px 0 150px;
    }
    .boxtop {
        height:225px;
        margin:0;
        padding:2em 0;
        color:#fff;
        background-size: 125px;
        background-repeat:no-repeat;
        background-position-x:50%;
        background-position-y:80px;
    }
    #box-convenient {
        border:3px solid #709dd1;
    }
    #box-convenient .boxtop {
        background-image:url('../../images/icons/icon-convenient.png');
    }
    #box-affordable {
        border:3px solid #A0C55F;
    }
    #box-affordable .boxtop {
        background-color:#A0C55F;
        background-image:url('../../images/icons/icon-affordable.png');
    }
    #box-compliant {
        border:3px solid #d42f7d;
    }
    #box-compliant .boxtop {
        background-color:#d42f7d;
        background-image:url('../../images/icons/icon-compliant.png');
    }
    .license-box {
        margin-bottom:2em;
    }
}
@media (min-width: 992px) {
    #introblock h1 {
        font-size: 3.5em;
        line-height: 64px;
    }
    h2, #introblock h2 {
        font-size:1.75em;
    }
    #introblock hr {
        width:40em;
    }
    #device-img img {
        margin-top:-100px;
    }
    #testimonials .testimony {
        border:none;
        margin-top:3em;
    }
}
@media (min-width: 1200px) {
    .features-group {
        padding-top:30px;
        border:none;
    }
    #testimonials .testimony {
        background-position: 0 0;
        padding:40px 0px 0 100px;
    }
    #testimonials .testimony:last-of-type {
        padding-right:100px;
    }
    .col-lg-offset15 {
        margin-left:12.5%;
    }
}
@media (min-width: 1400px) {
    #introblock a.btn {
        width:15em;
    }
    #introblock .btnbox p {
        font-size:1em;
    }
    #testimonials .testimony {
        padding:40px 180px 0 100px;
    }
    #testimonials .testimony:last-of-type {
        padding-right:200px;
    }
}