body {
    background: #EEE;
    font-family: Arial;
    font-size: 15px;
}

@media(min-width: 768px) {
    body {
        font-size: 13px;
    }
}


h3 {
    line-height: 1.3;
}

.block *:first-child {
    margin-top: 0;
}    
@media(min-width: 992px){
    .block p:last-child {
        margin-bottom: 0;
    }
}

ul, ol {
    padding: 0 0 0 1.35em;
}
.list-spaced li ~ li {
    margin-top: 6px;
}

/**
 * 990 Wrapepr
 */
@media(min-width: 1200px) {
    .container {
        width: 990px;
    }
}

.container {
    max-width: 992px;
}

header[role],
#page-content {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

header[role] > .wrap,
#page-content > .wrap,
footer[role] > .wrap {
    margin: 0 -15px;
    padding: 0 40px;
}

@media(max-width: 992px) {
    header[role] > .wrap,
    #page-content > .wrap,
    footer[role] > .wrap {
        padding: 0 16px;
    }
}

#page-content {
    padding-bottom: 40px;
}

.container {
    background: #FFF;
}

.divider {
    border-top: 1px solid #ccc;
    height: 1px;
}

img {
    max-width: 100%;
}
.media img {
    max-width: none;
}

/**
 * CTAs
 */
.cta[class] {
    background-color: #0089cf;
    border-radius: 10px;
    color: #ffffff;
    padding: 30px;
}
.cta[class] h2 {
    margin: 4px 0 0;
}
.cta h2 + p {
    margin-top: 8px;
}
.cta p + p {
    margin-bottom: 0;
}
.cta .dropdown + p {
    margin-top: 6px;
}
.cta .dropdown strong {
    display: block;
}
@media(max-width: 992px){
}
@media(max-width: 768px){
    .cta[class] .text-right {
        text-align: center;
    }
    .cta[class] h2,
    .cta[class] p {
        text-align: center;
    }
    .cta[class] h2 {
        margin-bottom: 16px;
    }
}

/**
 * Navbars
 */
.navbar {
    min-height: 0;
}
.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar.navbar-primary,
.navbar.navbar-tabs,
.navbar.navbar-secondary {
    border: none;
}

/* primary */
.navbar.navbar-primary .navbar-nav {
    margin: 25px 0 0;
}
.navbar.navbar-primary .navbar-text {
    margin: 1px 15px;
}
.navbar.navbar-primary .navbar-nav a {
    color: #1C1C1C;
    padding: 1px 15px;
}
.navbar.navbar-primary .navbar-nav li {
    font-size: 13px;
}
.navbar.navbar-primary .navbar-nav li ~ li {
    border-left: 1px solid #CCC;
}

.navbar.navbar-primary .navbar-brand {
    height: auto;
    padding: 10px 0;
    position: relative;
    top: 10px;
}

/* tabs */
.navbar.navbar-tabs a {
    background: #F1F1F1;
    border-radius: 0;
    color: #1C1C1C;
}

/* secondary */
.navbar.navbar-secondary form {
    padding-right: 0;
}
.navbar.navbar-secondary form input {
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0 8px;
}
.navbar.navbar-secondary form button {
    background: transparent;
    border: none;
    color: #FFF;
    padding: 0 8px;
}
.navbar.navbar-secondary {
    background: #0089CF;
    padding: 0 30px;
}
    .navbar.navbar-secondary > ul > li > a:hover,
    .navbar.navbar-secondary > ul > li > a:focus,
    .navbar.navbar-secondary > ul > li > a:active {
        background: #00679c;
    }
    .navbar.navbar-secondary,
    .navbar.navbar-secondary a {
        color: #FFF;
    }
    .navbar.navbar-secondary .dropdown-menu,
    .navbar.navbar-secondary .dropdown-menu a {
        color: #1C1C1C;
    }
    .navbar.navbar-secondary li:hover .dropdown-menu {
        display: block;
    }
    .navbar.navbar-secondary .dropdown-menu .dropdown-menu {
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

/**
 * Footer
 */
footer[role] {
    background: #EEE;
    border-top: 1px solid #CCC;
    padding-bottom: 30px;
    padding-top: 30px;
}
    footer[role] a {
        color: #1c1c1c
    }
        footer[role] a:hover {
            color: #0089cf;
            text-decoration: none;
        }
    footer[role] .row ~ .row {
        margin-top: 30px;
    }
    footer[role] ul {
        list-style: none;
        margin: 0 0 20px 0;
        padding: 0;
    }
    footer[role] ul strong {
        display: block;
        font-size: 1.25em;
        margin: 0 0 5px;
    }
    footer[role] .copyright {
        font-size: .8em;
        line-height: 140%;
    }
    footer[role] .divider {
        margin: 19px 0;
    }
    @media(min-width: 768px){
        footer[role] ul strong {
            margin: 0 0 10px;
        }
    }
    @media(max-width: 768px){
        footer[role] .divider {
            border-top: none;
        }
        footer[role] {
            font-size: 13px;
        }
        footer[role] .divider {
            margin: 9.5px 0;
        }
    }

/**
 * Edges
 */
.edge-right,
.edge-left {
    display: inline-block;
}
.edge-right img,
.edge-left img {
    max-width: 100%;
}
.edge-right {
    text-align: right;
    margin-right: -40px;
}
.edge-left {
    text-align: left;
    margin-left: -40px;
}

@media(max-width: 992px) {
    .edge-left {
        margin-left: -16px;
    }
    .edge-right {
        margin-right: -16px;
    }
}

.edge-left[data-lightbox]:after {
    box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.7);
    left: auto;
    right: -10px;
}

[data-lightbox] {
    display: block;
    position: relative;
}
[data-lightbox]:after,
.edge-right[data-lightbox]:after {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);
    left: -10px;
}

[data-lightbox]:after {
    background: #FFF;
    border-radius: 30px;
    color: #000;
    content: "\f055";
    font-family: "FontAwesome";
    font-size: 24px;
    height: 25px;
    line-height: 22px;
    overflow: hidden;
    padding: 2px;
    position: absolute;
    top: -10px;
}

/**
 * Blocks
 */
.block {
    padding: 40px 0;
}
    .block-stretch {
        margin-left: -40px;
        margin-right: -40px
    }
    .block-full {
        margin-left: -40px;
        margin-right: -40px;
        padding: 40px;
    }
    @media(max-width: 992px) {
        .block-stretch {
            margin-left: -17px;
            margin-right: -17px;
        }
        .block-full {
            margin-left: -17px;
            margin-right: -17px;
            padding: 30px;
        }
        .block-bottom-sm {
            padding-top: 0;
        }
    }
    .block-blue {
        background: #005c8e;
        color: #FFF;
    }
    .block-top {
        padding: 30px 0 0;
    }
    .block-bottom {
        padding: 0 0 30px;
    }
    .block-gray {
        background: #f3f3f3;
        padding: 30px 15px;
    }

/**
 * Page header
 */
.page-header {
    /*margin: 25px 0 0;*/
    margin: 0;
    padding-bottom: 10px;
}
.page-header:after,
.page-header:before {
    clear: both;
    content: '';
    display: block;
}
.page-header .page-headline {
    float: left;
}
    .page-header .page-headline img + h1 {
        position: absolute;
        top: -99999px;
    }
    .page-header .page-headline h1 {
        font-size: 30px;
        margin: 0;
    }
.page-header .page-nav {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
    .page-header .page-nav .divider {
        margin: 5px 0 !important;
    }
    .page-header .page-nav li {
        display: inline-block;
        margin: 0 0 0 6px;
    }
    .page-nav .dropdown-menu {
        left: auto;
        right: 0
    }
        .page-nav .dropdown-menu li,
        .page-nav .dropdown-menu a {
            display: block;
        }
        .page-nav .dropdown-menu li {
            margin: 0;
        }
        .page-nav .dropdown-menu a strong {
            display: block;
        }

@media(max-width: 992px) {
    .page-header .page-headline {
        float: none;
        margin: 0;
        text-align: center;
    }
    .page-header .page-nav {
        float: none;
    }
        .page-header .page-nav > li {
            margin-top: 10px;
        }
    .page-header .page-nav {
        text-align: center;
    }
}

@media(max-width: 600px){
    .page-header .page-nav > li.guarantee {
        display: block;
    }

}


/**
 * Sidebar
 */
@media(min-width: 992px) {
    .sidebar-right {
        border-left: 1px solid #CCC;
        padding-left: 30px;
    }
}
.sidebar-left {
    border-right: 1px solid #CCC;
}

/**
 * Rows
 */
.row-table {
    display: table;
}
    .row-table > * {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

@media(max-width: 992px) {
    .row-table {
        display: block;
    }
        .row-table > * {
            display: block;
            float: left;
        }
}

/**
 * Carousel
 */
.carousel-center .item img {
    margin: 0 auto;
}

/**
 * Helpers
 */
.v-top { vertical-align: top }
.v-bottom { vertical-align: bottom }
.v-middle { vertical-align: middle }
.margin-top-30 { margin-top: 30px; }
@media(max-width: 992px){
    .sm-margin-top-30 { margin-top: 30px; }
    .sm-margin-bottom-30 { margin-bottom: 30px; }
    .sm-text-left { text-align: left !important; }
    .sm-text-center { text-align: center !important; }
}
@media(max-width: 768px){
    .xs-margin-top-10 { margin-top: 10px; }
    .xs-margin-top-30 { margin-top: 30px; }
    .xs-text-left { text-align: left !important; }
    .xs-text-center { text-align: center !important; }
}

/**
 * Phrasings
 */
.page-header ~ * [data-video] {
    font-weight: bold;
}
blockquote p.author + p {
    margin-top: 30px;
}
blockquote {
    background: #eee;
    border: 0;
    border-radius: 10px;
    font-size: 1em;
    font-style: italic;
    padding: 40px;
}
@media(max-width: 768px){
    blockquote {
        padding: 20px;
    }
}

.text-blue {
    color: #0089cf;
}

/**
 * Coupon details
 */
#coupon-details {
    font-weight: bold;
}
#coupon-details.active {
    -webkit-animation: inflate 0.2s;
    -moz-animation: inflate 0.2s;
    -o-animation: inflate 0.2s;
    animation: inflate 0.2s;
}

/**
 * Buyout
 */
#buyout .table > tbody > tr > td {
    padding-right: 15px;
    width: 31%;
}
    #buyout td.last {
        padding-right: 0;
        width: 10%;
    }

/**
 * Appraiser home
 */
.total-video h1 + p {
    margin-bottom: 2.25em;
}
ul.product-grid {
    margin: 0;
    padding: 0;
}
ul.product-grid li {
    list-style: none;
}
ul.product-grid li a {
    color: #000000;
    display: block;
    margin-bottom: 1.5em;
}
ul.product-grid li .product {
    color: #555555;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3;
}
ul.product-grid li a:hover,
ul.product-grid li a:hover span {
    color: #0089cf !important;
    text-decoration: none;
}
ul.product-grid li a:focus {
    text-decoration: none;
}
@media(min-width: 992px ){
    .total-video h1 {
    font-size: 3.25em;
    line-height: 1.1;
    margin: .4em 0 0.35em;
}

}

/**
 * Buttons
 */
.btn-mobile-apps {
    margin-top: 30px;
}
@media(max-width: 466px) {
    .btn-mobile-apps img {
        width: 31%;
    }
}
.btn-mobile-apps .btn-mobile {
    margin-right: 4px;
}
/*.btn-mobile-apps .col-md-4 {
    padding: 0 6px 16px 0;
}*/

/**
 * Lightbox
 *
 */
body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container > .nav{left:0}.lb-nav a{outline:none}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;left:48%;opacity:0;transition:all .6s ease-in-out}.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;opacity:0;transition:all .6s ease-in-out}.lb-nav a.lb-next:hover{opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-radius:0 0 4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;text-align:right;outline:none;opacity:.7;transition:all .2s ease-in-out}.lb-data .lb-close:hover{cursor:pointer;opacity:1}.lb-close:after{content:"\f00d";font-family:"FontAwesome";color:#FFF;font-size:2.5em;margin:25px 10px;display:block}.lb-close{margin:18px;text-decoration:none!important}.lb-dataContainer{position:absolute;bottom:100%;left:0;right:0}

/**
 * TOTAL
 *
 */
#total .block-gray {
    border-radius: 10px;
    margin-top: 20px;
    padding: 30px;
}
@media(max-width: 620px){
    .inline-buttons a {
        display: inline-block;
        margin-top: 20px;
    }
}
@media(max-width: 992px){
    #total .video {
        text-align: left;
        margin: 30px 0 10px;
    }
}

/**
 * Appraiser home
 */
#appraiser-home .catalog-cta {
    background-color: #0089CF !important;
    border-radius: 4px;
}
    #appraiser-home .catalog-cta a {
        background-color: #0089cf;
        border-radius: 4px;
        display: block;
        padding: 0 15px;
        text-decoration: none;
    }
    #appraiser-home .catalog-cta h4 {
        color: #FFF;
        font-size: 20px;
        margin: 0;
        padding: 24px 0 24px;
        text-align: center;
        /*font-weight: normal;*/
    }
        #appraiser-home .catalog-cta h4 small {
            color: #FFF;
            font-size: 12px;
            padding: 0 0 0 10px;
            position: relative;
            top: -3px;
        }
    #appraiser-home .catalog-cta p {
        margin: 0;
        text-align: center;
    }

    @media(max-width: 762px) {
        #appraiser-home .catalog-cta h4 {
            font-size: 17px;
            font-weight: bold;
        }
        #appraiser-home .catalog-cta h4 small {
            display: block;
            padding: 10px 0 0;
        }
    }

    @media(min-width: 992px) {
        #appraiser-home .catalog-cta {
            border-radius: 0;
        }
        #appraiser-home .catalog-cta h4 {
            float: right;
            text-align: right;
        }
        #appraiser-home .catalog-cta p {
            margin: -28px 0 0;
            float: left;
            text-align: left;
        }
    }

/**
 * Timeslot
 */
#timeslot td {
    vertical-align: top;
    border-bottom: 1px dotted #CCC;
    padding: 7px 10px;
    text-align: left;
}
    #timeslot td ~ td {
        text-align: center;
    }
#timeslot .table-toggle,
#timeslot .pricing {
    transition: all 0.4s ease-in-out .4s;
    -moz-transition: all 0.4s ease-in-out .4s;
    -webkit-transition: all 0.4s ease-in-out .4s;
    padding-left: 0;
}
    #timeslot .active .table-toggle,
    #timeslot .active .pricing {
        padding-left: 145px;
    }

#timeslot .pricing img {
    max-width: 130px;
    margin: 0 2.4em;
}

#timeslot {
    font-size: .9em;
}
#timeslot.modal h2 {
    color: #D6000E;
    font-size: 4.5em;
    margin: 0;
    padding: .5em 0 0;
}
#timeslot.modal .modal-content {
    text-align: center;
}
#timeslot.modal h5 {
    font-size: 2em;
    margin: .5em 0
}

#timeslot.modal .label {
    font-size: 1.5em;
    margin: 1em 0 .5em;
}
    #timeslot.modal .time-remaining {
        font-size: 1.5em;
        margin: 0 0 1.75em;
    }
    #timeslot.modal .time-remaining span ~ strong {
        margin-left: .5em;
    }
#timeslot.modal .fa-check {
    background: #50A81E;
    border-radius: 50%;
    color: #FFF;
    font-size: 10px;
    padding: 5px;
}
#timeslot.modal .table-grid {
    display: none;
}
#timeslot.modal .modal-content {
    padding: 0 2em 2em;
}
#timeslot.modal table td {
    vertical-align: top;
}
#timeslot.modal table td ~ td {
    text-align: center;
}
#timeslot.modal .footer-links {
    margin: 3.5em 0 0;
}
#timeslot.modal table td {
    vertical-align: top;
}
#timeslot.modal table td ~ td {
    text-align: center;
}
#timeslot.modal .footer-links {
    margin: 3.5em 0 0;
}
#timeslot.modal .btn-primary,
#timeslot .btn-green {
    background: #0687CB;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    margin: 0 10px;
    padding: 10px 12px;
    text-decoration: none;
    transition: all 0.4s ease-in-out .4s;
    -moz-transition: all 0.4s ease-in-out .4s;
    -webkit-transition: all 0.4s ease-in-out .4s;
}
    #timeslot.modal .btn-primary:hover {
        background: #0577b2
    }
    #timeslot.modal .btn-primary:active {
        background: #056699
    }

#timeslot.modal .active .btn-primary,
#timeslot.modal .btn-green {
    background: #50a81e;
    text-decoration: none;
    white-space: nowrap;
}
    #timeslot.modal .active .btn-primary:hover,
    #timeslot.modal .btn-green:hover {
        background: #46921a
    }
    #timeslot.modal .active .btn-primary:active,
    #timeslot.modal .btn-green:active {
        background: #3b7d16
    }
    #timeslot.modal ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #timeslot.modal .btn-primary i {
        margin: 0 0 0 .5em
    }

/**
 * Calculate my savings
 */
#calculate-savings .show-me {
    border-top: 1px solid #CCC;
    margin: 30px 0 0;
    padding: 30px 0 0;
}
    #calculate-savings .show-me p {
        margin-top: 0;
    }
#calculate-savings input[type=checkbox] {
    float: left;
    margin: 3px 6px 0 0;
    width: auto;
}
    #calculate-savings input[type=checkbox] + label {
        font-weight: normal;
    }
#calculate-savings ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#calculate-savings [class*=col] > ul {
    margin-top: 15px;
}
#calculate-savings .check-list {
    padding-left: 15px;
}
#calculate-savings .check-list .other-details {
    float: none;
}
#calculate-savings .check-list label {
    display: inline-block;
}
#calculate-savings .check-list input {
    float: left;
    margin: 3px 6px 0 0;
    width: auto;
}
#calculate-savings .check-list label {
    font-weight: normal;
}
.per-year {
    display: none;
}
span.total-week-save {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1px 7px 0;
}
.total-save, .total-week-save {
    background: #f4f4f4;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    display: inline-block;
    margin: 0 2px;
    padding: 3px 5px;
}
    .total-save.active, 
    .total-week-save.active {
        -webkit-animation: pulse 0.2s;
        -moz-animation: pulse 0.2s;
        -o-animation: pulse 0.2s;
        animation: pulse 0.2s;
    }

@-webkit-keyframes pulse {
    0%   {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes pulse {
    0%   {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-o-keyframes pulse {
    0%   {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@keyframes pulse {
    0%   {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}

/**
 * UAD Reader
 * 
 */
#uadreader .professions {
    background: #EEE;
    border-radius: 10px;
    list-style: none;
    margin: 0;
    padding: 20px 15px;
    text-align: center;
}
#uadreader .professions li {
    float: left;
    width: 20%;
}
    #uadreader .professions li a {
        border: 1px solid transparent;
        border-radius: 4px;
        color: #1C1C1C;
        display: block;
        margin: 0 15px;
        padding: 10px 10px 5px;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
    }
        #uadreader .professions li.active a {
            background: #FFF;
            border-color: #CCC;
        }
        #uadreader .professions li a:hover {
            border-color: #CCC;
        }
#uadreader .professions p {
    margin: 5px 0 0;
}
#uadreader #contents > [id].active {
    display: block;
}
#uadreader #contents > [id] {
    display: none;
}

@media(max-width: 768px){
    #uadreader .professions li {
        float: none;
        text-align: left;
        width: 100%;
    }
    #uadreader .professions li a {
        background: #ffffff;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #1C1C1C;
        cursor: pointer;
        display: block;
        font-weight: 600;
        line-height: 1.55;
        margin: 10px;
        padding: 10px;
        text-decoration: none;
        touch-action: manipulation;
        transition: all 0.2s ease-in-out;
        vertical-align: middle;
        white-space: nowrap;
        -webkit-user-select: none;


    }
    #uadreader .professions li.active a {
        background: #0089cf;
        color: #ffffff;
        /*border-color: #CCC;*/
    }
    #uadreader .professions li a:hover {
        background: #005c8e;
    }
}

/**
 * TOTAL Connect
 */
.plugin-lists {
    background: #eee;
    border-radius: 10px;
    margin-top: 20px;
    padding: 30px;
}
.plugin-lists ul {
    margin-bottom: 0;
}
@media(max-width: 996px) {
    .plugin-lists .col-md-4 {
        display: block;
        margin-bottom: 20px;
    }
}
@media(min-width: 996px) {
    .vert-divider {
        padding-right: 14px;
    }
    .vert-divider:after {
        background-color: #cccccc;
        bottom: 0;
        content: "";
        position: absolute;
        right: 10px;
        top: 0;
        width: 1px;
    }
}


/**
 * Vault
 */
.vault-stories h3 {
    font-size: 2.5em;
    margin: .25em 0;
}
.vault-stories p + p {
  line-height: 1.3;
    margin: 0;
}
.vault-stories.block-full {
    padding: 30px 40px 24px;
}
@media(max-width: 768px){
    .vault-stories h3 {
        font-size: 2.1em;
        margin: .25em 0;
    }
    .vault-stories p + p {
        margin-bottom: 30px;
    }
    .vault-stories h3 {
        margin-bottom: 20px;
    }
}
.vault-stories p a {
    color: #fff;
    font-weight: bold;
}


/**
 * Voice
 */
#voice .free-demo h3 {
    margin: 0;
}
#voice .whats-new .row {
    margin-top: 30px;
}
#voice .call-us {
    margin-bottom: -40px;
}
@media (max-width: 992px) {
    #voice form input {
        margin: 8px 0;
    }
    .whats-new .row .col-md-6:last-child {
        margin-top: 34px;
    }
    .different .row .col-md-4 {
        margin-top: 20px;
    }
}


/**
 * Store
 */
#store .products .category .item:after,
#store .products .category .item:before {
    clear: both;
    content: '';
    display: block;
}
#store .products .category ~ .category {
    margin-top: 30px;
}
    #store .products .category .item {
        padding: 15px 0;
    }
    #store .products .category .item ~ .item {
        border-top: 1px solid #EEE;
    }
#store .products .category h5 {
    background: #EEE;
    margin: 0;
    padding: 15px;
}
#store .products .category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#store .products .category .col-md-6 ~ .col-md-6 {
    text-align: right;
}
#store h5 small {
    color: #333;
    display: inline-block;
    float: right;
    font-size: 85%;
    font-weight: normal;
    margin-top: 2px;
}
@media(max-width: 768px){
    #store .item[class] .col-sm-4 {
        margin-top: 20px;
    }
    #store .products .category .col-md-6 ~ .col-md-6 {
        text-align: left;
    }
    #store .products .category .col-md-6 ~ .col-md-6 p {
        display: inline-block;
    }
    #store .item p + p:before {
        content: " - ";
    }
}


/**
 * Training
 */
#training td .details {
    padding: 12px 0 0 12px
}

/**
 * Infrastructure
 */
#infrastructure .switch-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
    #infrastructure .switch-nav li,
    #infrastructure .switch-nav a {
        display: block;
        color: #1C1C1C;
    }
        #infrastructure .switch-nav a:hover,
        #infrastructure .switch-nav .active a {
            color: #0089CF;
        }
    #infrastructure .switch-nav a {
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }
#infrastructure #infrastructure-slider {
    padding: 0 70px;
}

#infrastructure #nocs,
#infrastructure #security,
#infrastructure #continuity,
#infrastructure #storage,
#infrastructure #development {
    display: none;
}

@media(max-width: 992px) {
    #infrastructure .col-md-8 div p:last-child,
    #infrastructure .col-md-8 div ul:last-child {
        margin-bottom: 40px;
    }
}
@media(max-width: 992px) {
    #infrastructure #nocs,
    #infrastructure #security,
    #infrastructure #continuity,
    #infrastructure #storage,
    #infrastructure #development {
        display: block;
    }
    #infrastructure #infrastructure-slider {
        padding: 0;
    }    
}

/**
 * Careers
 */
#careers #hero {
    background: #1C1C1C;
}
    #careers #hero > div {
        opacity: 0.5;
    }
    #careers #hero .contents {
        opacity: 1;
        color: #FFF;
    }
    #careers #hero p {
        font-size: 16px;
        margin: 15px 0;
    }
#careers #news {
    background: #1C1C1C;
    margin: 0 -40px;
    padding: 15px;
    text-align: center;
}
    #careers #news p {
        margin: 0;
    }
    #careers #news,
    #careers #news a {
        color: #FFF;
    }
    #careers #news a {
        text-decoration: underline;
    }

#careers h4 {
    margin-top: 20px;
}
#careers .modal-title {
    margin: 0;
}

#careers #collage {
    background-size: cover;
    background-position: center;
    height: 170px;
}
#careers #quote {
    font-style: italic;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

#careers .quote blockquote {
    background: none;
    padding: 0;
}
#careers .quote {
    border: 1px solid #CCC;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}
    #careers .quote .author > * {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }
    #careers .quote .author strong {
        display: block;
    }
    #careers .quote .author img {
        border-radius: 50%;
        max-width: 30px;
        margin: 0 5px 0 0;
    }

#job-postings ul {
    list-style: none;
    margin: 2em 0 0;
    padding: 0;
}
    #job-postings li {
        background: #f7f7f7;
        display: table;
        margin: 0;
        width: 100%;
    }
    #job-postings li.header {
        background: #969696;
        color: #292929;
    }
        #job-postings li.header * {
            font-weight: bold;
            padding: .5em 1em;
        }
    #job-postings li.alt {
        background: #e0e0e0
    }
        #job-postings li span {
            display: table-cell;
            padding: 0 2em 0 0;
            width: 230px;
        }
            #job-postings li span ~ span {
                padding: 0;
                width: auto;
            }
        #job-postings li > * {
            font-weight: normal;
            font-size: 14px;
            padding: 1em;
        }
        #job-postings li > * ~ * {
            width: 30%
        }
    #job-postings li:hover a {
        background: #99ccff
    }
    #job-postings a,
    #job-postings a:hover {
        color: #3d3d3d;
        text-decoration: none;
    }
    #job-postings a {
        display: block;
    }

@media (max-width: 992px) {
    #careers #news {
        margin: 0 -17px;
    }
    #careers .video {
        margin: 30px 0;
    }
}


/**
 * Community
 *
 */
.community h2 {
    color: #272727;
    font-weight: 100;
    line-height: 1.25;
    margin-bottom: .65em;
}
.community .cta-break h3 {
    text-align: center;
}
img.event-pic {
    display: block;
    margin: auto;
}
.how-grid .row div {
    margin-top: 1em;
}
.how-grid h5 ~ h5 {
    margin-top: 3em;
}
.sponsored .row {
    margin-bottom: 30px;
}
.sponsored h3 {
    margin-bottom: 36px;
}
.sponsored .row img {
    display: block;
    margin: 0 auto 4px;
    opacity: 0.4;
}
.sponsored .row p {
    margin-bottom: 0;
}
form#community-partners {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 24px 30px 30px;
}
.get-started label {
    margin: 12px 0 3px;
}
.get-started .form-footer {
    margin-top: 24px;
}
.get-started .form-footer em {
    margin-right: 18px;
}
#form-head h2 {
    color: #ffffff;
    margin: 0;
}
@media(min-width: 768px) {
    .how-grid h5 ~ h5 {
        margin-top: 1em;
    }
    .community .cta-break h3 {
        text-align: left;
    }
    .community .cta-break h3,
    .community .cta-break p {
        margin: 0;
    }
    .community .cta-break p + p {
        margin-top: 6px;
    }
}


/**
 * Winners
 *
 */
 #winners h4 {
    line-height: 1.3;
 }
.big-winners p {
    margin: 10px 0 20px;
}
.mobile-winners p {
    margin-bottom: 16px;
}
.section-head {
    background-color: #767779;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 6px 0;
}
    .section-head h3 {
        margin: 0;
    }
    .cash-winners.section-head {
        margin-bottom: 0;
    }
.anniv-winners .block {
    padding: 20px 0 26px;
}
    .anniv-winners p {
        margin-bottom: 1px;
    }
    .anniv-winners p.weekly {
        margin-top: 10px;
    }
@media(max-width: 768px){
    .anniv-winners .col-sm-4 + .col-sm-4 h4 {
        margin-top: 30px;
    }
}

/**
 * Slider
 */
.slider ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.slider .slides li.active {
    display: block;
}
.slider .slides li {
    display: none;
}

/* Indicators */
.carousel-indicators {
    bottom: auto;
    left: auto;
    margin: 0;
    position: relative;
    width: auto;
}
.carousel-indicators li {
    border-color: #CCC;
    background: #CCC;
}
.carousel-indicators li.active {
    background: black;
}

/* Arrows */
.carousel-control-left,
.carousel-control-right {
    left: 0;
    margin: -30px 0 0;
    position: absolute;
    top: 50%;
}
    .carousel-control-right {
        left: auto;
        right: 0;
    }

/**
 * Message/Info top banner
 *
 */
.banner {
    color: #ffffff;
    font-size: 16px;
    padding: 15px 0;
}
@media(max-width: 500px){
    .banner {
        font-size: 14px;
    }
}
    .banner .container {
        background: transparent;
    }
    .banner p {
        margin: 0;
    }
    .banner a {
        color: #FFF;
        text-decoration: none;
    }

.banner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
    .banner ul li {
        display: inline-block;
    }
        .banner ul li ~ li {
            margin: 0 0 0 10px;
        }
        .banner ul li a {
            display: block;
        }

/**
 * Background colors
 */
.background-gray {
    background-color: #5e5e5e;
    color: #ffffff;
}
.background-light-gray {
    background: #f5f5f5;
}
.background-primary {
    background-color: #0089cf;
}
.background-success {
    background-color: #50a81e;
}

/**
 * AIC
 */
#aic .cta-dark a {
    background: #141414;
    border-radius: 10px;
    color: #FFF;
    display: block;
    padding: 20px;
    text-decoration: none;
}

/**
 * Topic for community and voice
 */
ul.topics {
    margin: 30px 0 0;
    padding: 0;
}
ul.topics li {
    list-style-type: none;
}
ul.topics li a {
    background-color: #0089cf;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    font-size: .75em;
    margin: 0 auto 12px;
    padding: 16px;
}
ul.topics li span {
    font-size: 1.5em;
}
.chip-unit span {
    font-size: 1.5em;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 65%;
}
@media(min-width: 768px) {
    ul.topics li a {
        font-size: .75em;
    }
}
@media(min-width: 992px) {
    ul.topics li {
        padding: 0 .4em;
    }
    
    ul.topics li span {
        display: block;
        line-height: 110%;
    }
    ul.topics li a {
        height: 148px;
        padding: 18px 16px 0;
        text-align: center;
        text-transform: uppercase;
    }
    ul.topics li a:hover {
        background-color: #00a9ff;
        text-decoration: none;
    }
    ul.topics li span {
        float: none;
        font-size: 1.35em;
        margin: 0;
    }
    ul.topics img {
        display: block;
        float: none;
        margin: 0 auto 12px;
    }
    ul.topics .topic-first {
        padding-left: 0;
    }
    ul.topics .topic-last {
        padding-right: 0;
    }
}

/* Image slider */
.image-slider .modal-body {
    padding: 0;
}
.image-slider .item {
    background: #F4F4F4;
    padding: 20px 30px;
}

/**
 * Video backgrounds
 */
[data-vide-bg] > * {
    z-index: 0 !important;
}
[data-vide-bg] > * ~ * {
    position: relative;
    z-index: 2 !important;
}

/**
 * Mobile navigation
 */
.mobile-toggle {
    color: #1C1C1C;
    font-size: 18px;
    margin: 35px 0 0;
}
.nav-mobile {
    background: #1C1C1C;
    bottom: 0;
    margin-right: -90%;
    overflow: scroll;
    position: fixed;
    right: 0;
    top: 0;
    width: 90%;
    z-index: 20;
    transition: all 0.4s ease-in-out;
    -webkit-overflow-scrolling: touch;
}
    .nav-open, .nav-open body {
        overflow: hidden;
        height: 100%;
    }
    .nav-open .nav-mobile {
        margin-right: 0;
    }
    .nav-mobile ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .nav-mobile li i {
        margin-top: 3px;
    }
    .nav-mobile li,
    .nav-mobile li a {
        color: #FFF;
        display: block;
        text-decoration: none;
    }
    .nav-mobile li a:hover {
        background: #3c3c3c;
    }
    .nav-mobile li a {
        border-bottom: 1px solid #3c3c3c;
        padding: 15px;
    }

.nav-mobile .close {
    border-bottom: 1px solid #3c3c3c;
    color: #FFF;
    float: none;
    opacity: 1;
    padding: 15px;
    text-align: right;
}
    .nav-mobile .close button {
        background: none;
        border: none;
        font-size: 13px;
        padding: 0;
    }
        .nav-mobile .close button span {
            font-size: 15px;
        }

.nav-mobile form {
    box-shadow: none;
    padding: 15px;
    margin: 0;
}

.nav-mobile .dropdown-panel {
    display: none;
    padding-left: 30px;
}

@media(max-width: 992px) {
    .nav-mobile {
        width: 320px;
    }

    .navbar-header {
        float: none;
    }
}

@media(max-width: 768px) {
    .nav-mobile {
        width: 80%;
    }
}

/**
 * CTA Scrollber
 */
@media(min-width: 992px) {
    .cta-scroller {
        background: #50A81E;
        bottom: -200px;
        left: 0;
        position: fixed;
        padding: 15px 0;
        right: 0;
        transition: all 0.4s ease-in-out;
        visibility: hidden;
        z-index: 10;
    }
        .cta-scroller,
        .cta-scroller a {
            color: #FFF;
        }
            .cta-scroller ul li a,
            .cta-scroller ul li a:focus,
            .cta-scroller ul li a:hover,
            .cta-scroller ul li a:active {
                outline: none;
            }
            .cta-scroller ul li a:focus {
                background: transparent;
            }
            .cta-scroller ul li a:hover {
                background: rgba(0, 0, 0, 0.2);
            }
        .cta-scroller .container {
            background: transparent;
        }
        .cta-scroller.affix {
            bottom: 0;
            visibility: visible;
        }
        .cta-scroller p {
            margin: 5px 0;
        }
        .cta-scroller ~ footer[role] {
            padding-bottom: 100px;
        }
}

/**
 * jQuery UI Datepicker
 */
.ui-datepicker {
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0,0,0,0.175);
   display: none;
   margin-top: 4px;
   padding: 10px;
   width: 240px;
}
   .ui-datepicker a,
   .ui-datepicker td {
        color: #000;
        border-radius: 4px;
       cursor: pointer;
   }
    .ui-datepicker a:hover,
    .ui-datepicker td:hover {
        background: #eee;
    }
    .ui-datepicker td.ui-state-disabled {
        color: #B3B3B3;
    }
    .ui-datepicker td.ui-state-disabled:hover {
        cursor: not-allowed;
    }
.ui-datepicker a,
.ui-datepicker a:hover {
   text-decoration: none;
}
.ui-datepicker .ui-datepicker-header {
   margin-bottom: 4px;
   text-align: center;
}
.ui-datepicker .ui-datepicker-title {
   font-weight: 700;
}
.ui-datepicker-title select {
    background: transparent;
    border: 1px solid #CCC;
    cursor: pointer;
    height: 28px;
    margin: 0 4px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   font-family: 'FontAwesome';
   -webkit-font-smoothing: antialiased;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   margin-top: 2px;
}
.ui-datepicker .ui-datepicker-prev {
   float: left;
   text-align: left;
}
.ui-datepicker .ui-datepicker-next {
   float: right;
   text-align: right;
}
.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before {
    display: block;
    padding: 6px 10px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev:before {
    content: "\f0d9";
}
.ui-datepicker .ui-datepicker-next:before {
    content: "\f0da";
}
.ui-datepicker .ui-icon {
    display: none;
}
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
    background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
    color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
}


/**
 * Animations
 */
@-webkit-keyframes inflate {
    0%   {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    100% {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes inflate {
    0%   {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    100% {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-o-keyframes inflate {
    0%   {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    100% {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@keyframes inflate {
    0%   {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    100% {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}