@viewport {
    height: device-height;
}

@viewport {
    width: device-width;
}

@-ms-viewport {
    height: device-height;
}

@-ms-viewport {
    width: device-width;
}

sup {
    font-size: 10px;
    line-height: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	TABLE
/*-----------------------------------------------------------------------------------*/
.right {
    font-weight: bold;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    color: #6e6e6e;
    border-bottom: 1px solid #dedede;
}

    table td {
        padding: 8px 10px;
        border-right: 1px solid #dedede;
    }

        table td:hover {
            background-color: #f2f2f2;
        }

    table th h4 {
        margin: 0;
    }

    table th {
        padding: 10px;
        text-align: left;
        border-right: 1px solid #dedede;
        font-weight: normal;
    }

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

    table td.last {
        background: none;
    }

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

    table th.last {
        background: none;
    }

    table tr {
        border-left: 1px solid #dedede;
        border-top: 1px solid #dedede;
    }

        table tr.caption {
            border-left: 1px solid #dedede;
        }

    table.price td {
        text-align: center;
    }

        table.price td.left {
            text-align: left;
            font-weight: bold;
        }

        table.price td.right {
            text-align: right;
            font-weight: bold;
        }

        table.price td h4 {
            margin: 0;
        }

            table.price td h4 span {
                display: block;
                font-size: 14px;
                font-style: normal;
                color: #6e6e6e;
            }

            table.price td h4 sup {
                padding-left: 3px;
                line-height: 18px;
                font-style: normal;
            }

.check-icon {
    background: transparent url(img/check-table.png) no-repeat center left;
    width: 12px;
    height: 10px;
}

.cross {
    background: transparent url(img/cross.png) no-repeat center left;
    width: 10px;
    height: 10px;
}

table .check-icon {
    display: inline-block;
    text-align: center;
}

table span.cross {
    display: inline-block;
    text-align: center;
}


/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/

.form-container {
    position: relative;
    width: 100%;
}

    .form-container .response {
        display: none;
        margin: 0px 0 0 100px;
        background: #d1f7b6;
        border: 1px solid #8bca61;
        color: #5e9537;
        clear: both;
        text-shadow: none;
        padding: 15px 15px 13px 15px;
        line-height: 17px;
        width: 370px;
    }

.forms {
}

    .forms fieldset {
        font-family: Arial, Helvetica, sans-serif;
    }

    .forms ol {
        list-style: none;
    }
    /* form rows */
    .forms li.form-row {
        margin-bottom: 20px;
    }

    .forms li.text-input-row {
    }

    .forms li.text-area-row {
    }

    .forms li.checkbox-row {
    }

    .forms li.radio-row {
    }

    .forms li.select-row {
    }

    .forms li.button-row {
    }

    .forms li.hidden-row {
        display: none;
    }
    /* form input fields */

    .forms fieldset .text-input {
        color: #585858;
        width: 95%;
        height: 20px;
        padding: 5px 10px;
        font-size: 13px;
        background-color: #f2f2f2;
        border: 1px solid #dbdbdb;
        font-family: Arial, Helvetica, sans-serif;
    }

    .forms fieldset .text-area {
        color: #585858;
        width: 95%;
        height: 200px;
        padding: 5px 10px;
        font-size: 13px;
        display: block;
        background-color: #f2f2f2;
        border: 1px solid #dbdbdb;
        font-family: Arial, Helvetica, sans-serif;
        resize: none;
    }

        .forms fieldset .text-input:focus, .forms fieldset .text-area:focus {
            background-color: #f8f8f8;
        }

    .forms fieldset .radio {
    }

    .forms fieldset .checkbox {
    }

    .forms fieldset .select {
    }

    .forms li.error input, .forms li.error textarea {
    }

    .forms span.error {
        display: block;
        margin-left: 100px;
        color: #c43131;
    }

    .forms .button-row span.error {
        padding: 0;
        display: none;
    }

    .forms li.focus {
    }

    .forms label {
        display: block;
        float: left;
        width: 100px;
        padding-top: 8px;
        font-size: 13px;
        clear: both;
    }

.form-container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

    a.button,
    .forms fieldset .btn-submit,
    #filtering-nav li a,
    ul.tabs li a, h2.trigger {
        text-align: center;
        /*background: #FFF url(style/images/button.png) repeat-x left top;*/
        padding: 0 20px 0 20px;
        height: 26px;
        line-height: 26px;
        color: #4a4a4a;
        font-size: 13px;
        border: 1px solid #dbdbdb;
        display: inline-block;
        font-family: 'Amaranth', sans-serif;
        cursor: pointer;
        margin-bottom: 20px;
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
    }

        a.button:hover,
        #filtering-nav li.active a,
        #filtering-nav li a:hover,
        #filtering-nav li a.active,
        ul.tabs li a:hover,
        ul.tabs li.active a,
        h2.trigger.active, h2.trigger:hover {
            color: #ab4d63;
        }

        a.button.blue {
            background-color: #718ca4;
            border: 1px solid #516577;
            color: #FFF;
        }

        a.button.brown {
            background-color: #a49571;
            border: 1px solid #877a5c;
            color: #FFF;
        }

        a.button.green {
            background-color: #71a487;
            border: 1px solid #578d6e;
            color: #FFF;
        }

        a.button.purple {
            background-color: #9471a4;
            border: 1px solid #7b558c;
            color: #FFF;
        }

        a.button.red {
            background-color: #cb4b4b;
            border: 1px solid #ba3d3d;
            color: #FFF;
        }

            a.button.blue:hover,
            a.button.brown:hover,
            a.button.green:hover,
            a.button.purple:hover,
            a.button.red:hover {
                background-color: #797979;
                border: 1px solid #5c5c5c;
                color: #FFF;
            }


.title {
    padding-top: 20px !important;
    font-size: 25px;
    padding-bottom: 20px !important;
}

/*modal*/
body {
    color: #333333;
    font-family: 'Helvetica', arial;
    height: 80em;
}

.wrap {
    padding: 40px;
    text-align: center;
}

hr {
    clear: both;
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #aaaaaa;
}

h1 {
    font-size: 30px;
    margin-bottom: 40px;
}

p {
    margin-bottom: 20px;
}

.btn {
    background: #428bca;
    border: #357ebd solid 1px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
    transition: color .1s ease;
    /* top: 40em;*/
}

    .btn:hover {
        background: #357ebd;
    }

    .btn.btn-big {
        font-size: 18px;
        padding: 15px 20px;
        min-width: 100px;
    }

.btn-close {
    color: #aaaaaa;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 10px;
}

    .btn-close:hover {
        color: #919191;
    }

.modal:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.modal:target:before {
    display: block;
}

.modal:target .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 20%;
}

.modal-dialog {
    background: #fefefe;
    border: #333333 solid 1px;
    border-radius: 5px;
    margin-left: -200px;
    position: fixed;
    left: 50%;
    top: -100%;
    z-index: 11;
    width: 360px;
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal-body {
    padding: 20px;
}

.modal-header,
.modal-footer {
    padding: 10px 20px;
}

.modal-header {
    border-bottom: #eeeeee solid 1px;
}

    .modal-header h2 {
        font-size: 20px;
    }

.modal-footer {
    border-top: #eeeeee solid 1px;
    text-align: right;
}
/*ADDED TO STOP SCROLLING TO TOP*/
#close {
    display: none;
}