/*
    Tag-specific style
*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "Source Sans Pro", "Segoe UI", Arial, Tahoma;
    font-size: 100%;
    margin: 0;
    background-color: #fff;
    width: 100%;
    color: #18334F;
}

html, body {
    height: 100%;
    width: 100%;
    position: fixed;
    overflow: hidden;
}

.est-site {
    overscroll-behavior: contain;
}

img {
    vertical-align: middle;
}

label {
    font-size: 15px;
    color: #969696;
    display: inline-block;
    margin: 10px 10px 2px 0;
}

hr {
    margin: 20px 0;
    border: none;
    border-top: 1px solid #E5E5DF;
    border-bottom: 1px solid #FEFDF4;
}

h1 {
    font-size: 24px;
    color: #27527E;
    font-weight: 600;
    margin: 10px 0 8px 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

h2, h3, h4, h5 {
    color: #3F658C;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 6px 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

ul {
    list-style-image: url('../images/bullet.png');
}

    ul.no-bullets {
        list-style: none;
        padding-left: 50px;
    }

    ul li > span.number {
        font-size: 24px;
        color: #5E6855;
        display: inline-block;
        width: 40px;
        margin-left: -40px;
        text-align: right;
        padding-right: 8px;
    }



/*
    Content-specific styling
*/

body.scrollable {
    height: auto;
}

.view-container {
    display: none;
    position: relative;
    z-index: 999;
}

    .view-container.centered {
        width: 960px;
        margin: 0 auto;
    }

.content-area {
    min-width: unset;
    padding: 80px 0 0 0;
    font-size: 0;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    min-height: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

    .content-area .view-area,
    .content-area .subview-area {
        height: 100%;
        width: 100%;
    }

    .content-area .view-container {
        width: 100%;
        font-size: initial;
        white-space: normal;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        vertical-align: top;
        z-index: 2;
        opacity: 1;
        transition: opacity 200ms linear;
        display: inline-block;
    }

    .content-area .view-container-inner {
        position: relative;
        height: 100%;
        background: #fff;
    }

        .content-area .view-container-inner.with-nav {
            padding-top: 60px;
        }

        /* For the .nav-bar.no-next-btn.no-subtitle height */
        .content-area .view-container-inner.with-simple-nav {
            padding-top: 44px;
        }

    .content-area .view-container.subview {
        z-index: 3;
    }

    .content-area .view-container.with-bg {
        background: #FFF url('../images/page-bg-light.png') repeat-x;
    }

    .content-area.forward .view-container.showing {
        animation: showViewLeft 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .content-area.forward .view-container.hiding {
        animation: hideViewLeft 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .content-area.backward .view-container.showing {
        animation: showViewRight 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .content-area.backward .view-container.hiding {
        animation: hideViewRight 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .content-area.up .view-container.showing {
        animation: showViewUp 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .content-area.down .view-container.hiding {
        animation: hideViewDown 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .content-area.forward .view-container.subview.showing,
    .content-area.forward .view-container.subview.hiding,
    .content-area.backward .view-container.subview.showing,
    .content-area.backward .view-container.subview.hiding,
    .content-area .view-container.subview.visible {
        top: -100%;
    }

    .content-area.with-subview .view-container:not(.subview) {
        opacity: 0;
    }

    .content-area .view-container.inline-subview {
        width: 100%;
        height: 100%;
        padding: 0 0 30px 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .content-area .view-container.visible {
        display: inline-block;
    }

    .content-area .view-container.hidden {
        display: none;
    }

    .content-area .view-container > .scroll-wrapper,
    .content-area .view-container-inner > .scroll-wrapper {
        height: 100%;
        z-index: 1;
        overflow: auto;
        /* Webkit Bug: can't style scrollbar "touch"
            https://stackoverflow.com/questions/28871556/webkit-overflow-scrolling-touch-breaks-my-webkit-scrollbar-css-in-ios */
        -webkit-overflow-scrolling: touch;
    }

        /* For the .nav-bar.no-next-btn.no-subtitle height */
        .content-area .view-container > .scroll-wrapper.simple-nav,
        .content-area .view-container-inner > .scroll-wrapper.simple-nav {
            padding-top: 44px;
        }

    .content-area .instructions {
        background: #27527F;
        padding: 20px;
        color: #fff;
    }

        /*For Step 2 of 4, but same as .nav-bar .subtitle*/
        .content-area .instructions .step-info {
            color: #879fb7;
            font-size: 14px;
        }

br,
.clear {
    clear: both;
}

.bold {
    font-weight: 600;
}

span.required:after {
    content: "(required)";
    color: #BE4A27;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

/* Link styling */
a,
a:visited,
a:active {
    color: #3F658C;
    text-decoration: underline;
}

    a:hover {
        color: #879FB7;
        text-decoration: underline;
    }



input[type=text],
input[type=email],
input[type=tel],
select {
    width: 100%;
    font-size: 16px;
    height: auto;
    padding: 7px 8px 5px 8px;
}

select {
    border: 1px solid #183851;
}

/* Button styling */
button,
input[type="button"],
input[type="submit"] {
    height: 32px;
    border: 1px solid #C0952D;
    background-color: #FFCD33;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFDB77', endColorstr='#FFCD33', GradientType=0 ); /* IE6-9 */
    background-image: -moz-linear-gradient(top, #FFDB77 0%, #FFCD33 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFDB77), color-stop(100%, #FFCD33)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #FFDB77 0%, #FFCD33 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #FFDB77 0%, #FFCD33 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #FFDB77 0%, #FFCD33 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #FFDB77 0%, #FFCD33 100%); /* W3C */
    color: #493B1A;
    text-shadow: 0 1px 0 rgba(255, 245, 212, 0.75);
    font-weight: 600;
    font-size: 15px;
    font-family: inherit;
    padding: 0 16px;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

    button:not([disabled]),
    input[type="button"]:not([disabled]),
    input[type="submit"]:not([disabled]) {
        cursor: pointer;
    }

        button:not([disabled]):hover,
        input[type="button"]:not([disabled]):hover,
        input[type="submit"]:not([disabled]):hover {
            border: 1px solid #D8A533;
            background-color: #FFD664;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE7AB', endColorstr='#FFD664', GradientType=0 ); /* IE6-9 */
            background-image: -moz-linear-gradient(top, #FFE7AB 0%, #FFD664 100%); /* FF3.6+ */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE7AB), color-stop(100%, #FFD664)); /* Chrome,Safari4+ */
            background-image: -webkit-linear-gradient(top, #FFE7AB 0%, #FFD664 100%); /* Chrome10+,Safari5.1+ */
            background-image: -o-linear-gradient(top, #FFE7AB 0%, #FFD664 100%); /* Opera 11.10+ */
            background-image: -ms-linear-gradient(top, #FFE7AB 0%, #FFD664 100%); /* IE10+ */
            background-image: linear-gradient(to bottom, #FFE7AB 0%, #FFD664 100%); /* W3C */
        }

    button:active,
    button.checked,
    input[type="button"]:active,
    input[type="button"].checked,
    input[type="submit"]:active {
        border: 1px solid #D8A533;
        background-color: #FFE7AB;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD664', endColorstr='#FFE7AB', GradientType=0 ); /* IE6-9 */
        background-image: -moz-linear-gradient(top, #FFD664 0%, #FFE7AB 100%); /* FF3.6+ */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD664), color-stop(100%, #FFE7AB)); /* Chrome,Safari4+ */
        background-image: -webkit-linear-gradient(top, #FFD664 0%, #FFE7AB 100%); /* Chrome10+,Safari5.1+ */
        background-image: -o-linear-gradient(top, #FFD664 0%, #FFE7AB 100%); /* Opera 11.10+ */
        background-image: -ms-linear-gradient(top, #FFD664 0%, #FFE7AB 100%); /* IE10+ */
        background-image: linear-gradient(to bottom, #FFD664 0%, #FFE7AB 100%); /* W3C */
    }

    /* Secondary button styling */
    button.secondary,
    input[type="button"].secondary,
    input[type="submit"].secondary {
        border: 1px solid #414141;
        background-color: #F3F3F3;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#dddcdc', GradientType=0 ); /* IE6-9 */
        background-image: -moz-linear-gradient(top, #F3F3F3 0%, #dddcdc 100%); /* FF3.6+ */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F3F3), color-stop(100%, #dddcdc)); /* Chrome,Safari4+ */
        background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #dddcdc 100%); /* Chrome10+,Safari5.1+ */
        background-image: -o-linear-gradient(top, #F3F3F3 0%, #dddcdc 100%); /* Opera 11.10+ */
        background-image: linear-gradient(to bottom, #F3F3F3 0%, #dddcdc 100%); /* W3C */
        color: #4c4c4d;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
        height: 32px;
        font-weight: 600;
        font-size: 15px;
        font-family: inherit;
        padding: 0 16px;
        -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    }

        button.secondary:not([disabled]):hover,
        input[type="button"].secondary:not([disabled]):hover,
        input[type="submit"].secondary:not([disabled]):hover {
            background-color: #fff;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8', GradientType=0 ); /* IE6-9 */
            background-image: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%); /* FF3.6+ */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */
            background-image: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */
            background-image: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%); /* Opera 11.10+ */
            background-image: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%); /* W3C */
        }

        button.secondary:active,
        button.secondary.checked,
        input[type="button"].secondary:active,
        input[type="button"].secondary.checked,
        input[type="submit"].secondary:active {
            background-color: #e8e8e8;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#fff', GradientType=0 ); /* IE6-9 */
            background-image: -moz-linear-gradient(top, #e8e8e8 0%, #fff 100%); /* FF3.6+ */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #fff)); /* Chrome,Safari4+ */
            background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #fff 100%); /* Chrome10+,Safari5.1+ */
            background-image: -o-linear-gradient(top, #e8e8e8 0%, #fff 100%); /* Opera 11.10+ */
            background-image: linear-gradient(to bottom, #e8e8e8 0%, #fff 100%); /* W3C */
        }

        button[disabled],
        input[type="button"][disabled],
        input[type="submit"][disabled] button.secondary[disabled],
        input[type="button"].secondary[disabled],
        input[type="submit"].secondary[disabled] {
            border-color: #939598;
            filter: none;
            background: #D1D3D4;
            color: #939598;
            text-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    /* Icon button styling */
    button.icon-only,
    input[type="button"].icon-only,
    input[type="submit"].icon-only {
        padding: 4px 4px 0 4px;
    }

    span.icon,
    button span.icon,
    input[type="button"] span.icon,
    input[type="submit"] span.icon {
        background: url('../images/button-icon-sprite.png');
        width: 16px;
        height: 16px;
        text-indent: -9999px;
        display: inline-block;
    }

        span.icon.delete,
        button span.icon.delete,
        input[type="button"] span.icon.delete {
            background-position: 0 0;
            margin-left: 1px;
        }

        span.icon.plus,
        button span.icon.plus,
        input[type="button"] span.icon.plus {
            background-position: -16px 0;
        }

        span.icon.check,
        button span.icon.check,
        input[type="button"] span.icon.check {
            background-position: -48px 0;
        }

    /* Large button styling */
    button.lg,
    input[type="button"].lg,
    input[type="submit"].lg {
        font-size: 18px;
        height: 36px;
    }

    button.large,
    input[type="button"].large,
    input[type="submit"].large {
        height: 36px;
        padding: 0 20px;
        font-size: 16px;
        font-weight: 400;
    }

    button.loading,
    input[type="button"].loading,
    input[type="submit"].loading {
        color: #6D6E71;
        background: #D1D3D4 url('../images/ajax-loader-button.gif') no-repeat 8px 50%;
        padding: 0 8px 0 28px;
    }

    button.delete {
        background: transparent;
        border: 1px solid #bf4b27;
        box-shadow: none;
    }

    button.round {
        border-radius: 50%;
        width: 32px;
    }


/* Textbox styling */
input[type="text"],
input[type="tel"],
input[type="email"] {
    border: 1px solid #215270;
    background: #fff;
    -moz-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5) inset;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.5) inset;
    color: #000;
}

    input[type="text"]:focus,
    input[type="tel"]:focus,
    input[type="email"]:focus,
    select:focus {
        outline: none;
        border-color: #479ce2;
    }

    input[type="text"]:disabled,
    input[type="tel"]:disabled,
    input[type="email"]:disabled,
    select:disabled {
        outline: none;
        border-color: #808285;
        background: #F1F2F2;
        color: #808285;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


/* Checkbox styling */
input[type="checkbox"] {
    vertical-align: top;
    margin: 6px 0 0 0;
    padding: 0;
}

    input[type="checkbox"] + label {
        margin: 0 0 0 4px;
        position: relative;
        top: -1px;
    }



.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.text-center {
    text-align: center;
}

.input-wrapper {
    position: relative;
}

    .input-wrapper .move-trees {
        padding: 10px;
    }

    /* Validation styling */
    .input-wrapper .validationMessage {
        top: 100%;
        margin-top: 2px;
    }

input[type="text"].valid,
input[type="email"].valid,
input[type="tel"].valid,
input[type="password"].valid {
    background: #fff url('../images/valid.png') no-repeat;
    background-position: right center;
    padding-right: 24px;
}

input[type="text"].not-valid,
input[type="email"].not-valid,
input[type="tel"].not-valid,
input[type="password"].not-valid,
select.not-valid {
    background: #fff7f3 url('../images/not-valid.png') no-repeat;
    background-position: right center;
    padding-right: 24px;
    border-color: #be4a27;
}

.validationMessage {
    z-index: 999;
    padding: 6px;
    background-color: #F2D9CE;
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    border: 1px solid #D98068;
    font-family: "Source Sans Pro", "Segoe UI", Arial, Tahoma;
    font-size: 12px;
    font-style: italic;
    color: #9B1D26;
    position: absolute;
    margin: 0;
}

    .validationMessage .caret-fill {
        border-style: solid;
        border-width: 0px 6px 6px 6px;
        border-bottom-color: #F2D9CE;
        border-left-color: transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        height: 0px;
        width: 0px;
        display: block;
        z-index: 1000;
        position: absolute;
        top: -6px;
        right: 6px;
    }

    .validationMessage .caret-border {
        border-style: solid;
        border-width: 0px 7px 7px 7px;
        border-bottom-color: #D98068;
        border-left-color: transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        height: 0px;
        width: 0px;
        display: block;
        z-index: 999;
        position: absolute;
        top: -7px;
        right: 5px;
    }


/* Firefox-specific fixes */
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Tooltip styling */
.ui-tooltip {
    max-width: 300px;
    background: #f7f9ed;
    padding: 5px;
    font-size: 15px;
    position: absolute;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,.5);
    box-shadow: 2px 2px 3px 0 rgba(0,0,0,.5);
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.scroll-container-shadow-top {
    box-shadow: inset 0 25px 50px -35px rgba(0, 0, 0, 1) !important;
}

.scroll-container-shadow-bottom {
    box-shadow: inset 0 -25px 50px -35px rgba(0, 0, 0, 1) !important;
}


.tree-title .name {
    color: #484c46;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
}

.tree-title .customer-cost {
    color: #27537f;
    margin-left: 7px;
    font-size: 15px;
    font-weight: 900;
    display: inline-block;
}

    .tree-title .customer-cost.free {
        padding: 1px 5px;
        border-radius: 6px;
        border: 1px solid #27537f;
    }

    .tree-title .customer-cost .customer-cost-label {
        color: white;
        background: #27537f;
        border-radius: 6px 0 0 6px;
        padding: 1px 3px 1px 5px;
        text-align: center;
        display: inline-block;
        float: left;
    }

    .tree-title .customer-cost .customer-cost-value {
        padding: 0 3px 0 4px;
        border: 1px solid #27537f;
        border-radius: 0px 6px 6px 0px;
        display: inline-block;
    }



.col-4 {
    width: 33.333333%;
    text-align: center;
}

@media (max-width: 768px) {

    .content-area .view-container-inner.with-nav {
        padding-top: 60px;
    }
}

@media (min-width: 768px) {
    body.scrollable {
        height: 100%;
    }

    .content-area {
        padding-top: 80px;
    }

        .content-area .view-container {
            width: 425px;
            font-size: 15px;
            padding: 20px 0 20px 20px;
            /*background: rgba(36,82,126,.85);*/
            background: none;
        }

            .content-area .view-container.with-bg {
                width: 100%;
                height: 100%;
                margin: auto;
                padding: 0;
            }

            .content-area .view-container.with-footer {
                /*padding-bottom: 183px;*/
            }

        .content-area .view-container-inner {
            background: #fff;
            -moz-box-shadow: 0 4px 3px 0 rgba(0,0,0,.5);
            -webkit-box-shadow: 0 4px 3px 0 rgba(0,0,0,.5);
            box-shadow: 0 4px 3px 0 rgba(0,0,0,.5);
            border-radius: 6px;
        }

        .content-area .view-container.with-bg .view-container-inner {
            background: transparent;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            border-radius: initial;
            padding-top: 8px;
            overflow: auto;
            /* Webkit Bug: can't style scrollbar "touch"
                https://stackoverflow.com/questions/28871556/webkit-overflow-scrolling-touch-breaks-my-webkit-scrollbar-css-in-ios */
            -webkit-overflow-scrolling: touch;
        }

        .content-area .view-container-inner .container {
            padding-bottom: 50px;
        }

        .content-area .view-container-inner.show-scrollbar::-webkit-scrollbar {
            -webkit-appearance: none;
        }

            .content-area .view-container-inner.show-scrollbar::-webkit-scrollbar:vertical {
                width: 12px;
            }

            .content-area .view-container-inner.show-scrollbar::-webkit-scrollbar:horizontal {
                height: 12px;
            }

        .content-area .view-container-inner.show-scrollbar::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, .5);
            border-radius: 10px;
            border: 2px solid #ffffff;
        }

        .content-area .view-container-inner.show-scrollbar::-webkit-scrollbar-track {
            border-radius: 10px;
            background-color: #ffffff;
        }

        .content-area.forward .view-container.showing {
            animation: showViewLeftDesktop 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .content-area.forward .view-container.hiding {
            animation: hideViewLeftDesktop 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .content-area.backward .view-container.showing {
            animation: showViewRightDesktop 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .content-area.backward .view-container.hiding {
            animation: hideViewRightDesktop 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .content-area.up .view-container.showing {
            animation: showViewUpDesktop 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .content-area.down .view-container.hiding {
            animation: hideViewDownDesktop 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        /* disable animations for the accordion inline-subviews */
        .content-area.forward .view-container.inline-subview.showing {
            animation: none;
        }

        .content-area.forward .view-container.inline-subview.hiding {
            animation: none;
        }

        .content-area.backward .view-container.inline-subview.showing {
            animation: none;
        }

        .content-area.backward .view-container.inline-subview.hiding {
            animation: none;
        }

        .content-area.up .view-container.inline-subview.showing {
            animation: none;
        }

        .content-area.down .view-container.inline-subview.hiding {
            animation: none;
        }


    input[type=text],
    input[type=email],
    input[type=tel],
    select {
        font-size: 15px;
        padding: 4px;
    }

    label {
        font-size: 13px;
    }
}