/*
/////////////////////////////////
Generic Layout
/////////////////////////////////
*/

label, input, button, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    -webkit-appearance: none;
}

.bold {
    font-weight: bold;
}

.caps {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.holder {
    max-width: 1100px;
    text-align: left;
}

.centre {
    margin-left: auto;
    margin-right: auto;
}

.spacer {
    min-height: 20px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.row {
    clear: both;
}

.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
    float: left;
    -moz-box-sizing: border-box;
    display: block;

}

.w1d, .w2d, .w3d, .w4d, .w5d, .w6d, .w7d, .w8d, .w9d, .w10d, .w11d, .w12d {
    float: left;
    -moz-box-sizing: border-box;
    display: block;
}

/*
/////////////////////////////////
Generic Spacers
/////////////////////////////////
*/

.m80 {
    margin: 80px;
}

.m40 {
    margin: 40px;
}
.m40b {
    margin-bottom: 40px;
}

.m40t {
    margin-top: 40px;
}

.m20 {
    margin: 20px;
}

.m10 {
    margin: 10px;
}

.m5 {
    margin: 5px;
}

.m3 {
    margin: 3px;
}

.m15 {
    margin: 15px;
}

.m15l {
    margin-left: 15px;
}

.m15r {
    margin-right: 15px;
}

.m15t {
    margin-top: 15px;
}

.m15b {
    margin-bottom: 15px;
}

.m20l {
    margin-left: 20px;
}

.m20r {
    margin-right: 20px;
}

.m20t {
    margin-top: 20px;
}

.m20b {
    margin-bottom: 20px;
}
.m50b {
    margin-bottom: 50px;
}

.m30 {
    margin: 30px;
}

.m6 {
    margin: 3px;

}

.m1 {
    margin: 1px;
}

.m40lr {
    margin-left: 40px;
    margin-right: 40px;
}

.m0t {
    margin-top: 0px;
}

.m0b {
    margin-bottom: 0px;
}

.m0l {
    margin-left: 0px;
}

.m0r {
    margin-right: 0px;
}

.m5t {
    margin-top: 5px;
}

.m5b {
    margin-bottom: 5px;
}

.m5l {
    margin-left: 5px;
}

.m5r {
    margin-right: 5px;
}

.m10t {
    margin-top: 10px;
}

.m10b {
    margin-bottom: 10px;
}

.m10l {
    margin-left: 10px;
}

.m10r {
    margin-right: 10px;
}

.s80 {
    padding: 80px;
}

.s40 {
    padding: 40px;
}

.s20 {
    padding: 20px;
}

.s10 {
    padding: 10px;
}

.s5 {
    padding: 5px;
}

.s3 {
    padding: 3px;
}


.s2 {
    padding: 3px;
}

.s15 {
    padding: 15px;
}

.s20l {
    padding-left: 20px;
}

.s20r {
    padding-right: 20px;
}

.s20t {
    padding-top: 20px;
}

.s30 {
    padding: 30px;
}

.s6 {
    padding: 3px;
}

.s1 {
    padding: 1px;
}

.s40lr {
    padding-left: 40px;
    padding-right: 40px;
}

.s0t {
    padding-top: 0px;

}

.s0b {
    padding-bottom: 0px;
}

.s0l {
    padding-left: 0px;
}

.s0r {
    padding-right: 0px;
}

.s5t {
    padding-top: 5px;
}

.s5b {
    padding-bottom: 5px;
}

.s5l {
    padding-left: 5px;
}

.s5r {
    padding-right: 5px;
}

.s10t {
    padding-top: 10px;
}

.s10b {
    padding-bottom: 10px;
}

.s10l {
    padding-left: 10px;
}

.s10r {
    padding-right: 10px;
}

.s20t {
    padding-top: 20px;
}

.s20b {
    padding-bottom: 20px;
}

.s40b {
    padding-bottom: 20px;
}

.s20l {
    padding-left: 20px;
}

.s20r {
    padding-right: 20px;
}

/*
/////////////////////////////////
Generic settings
/////////////////////////////////
*/



.show {
    border: 1px solid red;
}

img {
    border: 0px;
    max-width: 100%;
}

.block {
    display: block;
}

input, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

div, body, a, img, p, iframe {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

div, p {
    display: block;
}

a {
    text-decoration: none;

}

/*
/////////////////////////////////
Mobile
/////////////////////////////////
*/

@media (max-width: 767px) {

    input {
        -webkit-appearance: none;
    }

    .test {
        border: 1px solid red;
    }

    .vm {
        display: block;
    }

    .hm {
        display: none;
    }

    input[type='dropdown'], input[type='text'], input[type='number'], textarea {
        font-size: 16px;
    }

    .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
        float: left;
        -moz-box-sizing: border-box;
        width: 100%;
    }

    .w1m, .w2m, .w3m, .w4m, .w5m, .w6m, .w7m, .w8m, .w9m, .w10m, .w11m, .w12m {
        float: left;
        -moz-box-sizing: border-box;
    }

    .w1m {
        width: 8.33%;
    }

    .w2m {
        width: 16.66%;
    }

    .w3m {
        width: 25%;
    }

    .w4m {
        width: 33.33%;
    }

    .w5m {
        width: 41.66%;
    }

    .w6m {
        width: 50%;
    }

    .w7m {
        width: 58.33%;
    }

    .w8m {
        width: 66.66%;
    }

    .w9m {
        width: 75%;
    }

    .w10m {
        width: 83.33%;
    }

    .w11m {
        width: 91.66%;
    }

    .w12m {
        width: 100%;
    }


    .s0m {
        padding: 0;
    }

    .s2m {
        padding: 2px;
    }

    .s20m {
        padding: 20px;
    }

    .s10m {
        padding: 10px;
    }


    .s5m {
        padding: 5px;
    }

    .m10m {
        margin: 10px;
    }

    .m5m {
        margin: 5px;
    }

    .m0m {
        margin: 0;
    }
}

/*
/////////////////////////////////
Tablets
/////////////////////////////////
*/

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

    .w1t, .w2t, .w3t, .w4t, .w5t, .w6t, .w7t, .w8t, .w9t, .w10t, .w11t, .w12t {
        float: left;
        -moz-box-sizing: border-box;
    }

    .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
        float: left;
        -moz-box-sizing: border-box;
    }

    .ht {
        display: none;
    }


    .vt {
        display: block;
    }

    .test {
        border: 1px solid orange;
    }

    .w1, .w1t {
        width: 8.33%;
    }

    .w2, .w2t {
        width: 16.66%;
    }

    .w3, .w3t {
        width: 25%;
    }

    .w4, .w4t {
        width: 33.33%;
    }

    .w5, .w5t {
        width: 41.66%;
    }

    .w6, .w6t {
        width: 50%;
    }

    .w7, .w7t {
        width: 58.33%;
    }

    .w8, .w8t {
        width: 66.66%;
    }

    .w9, .w9t {
        width: 75%;
    }

    .w10, .w10t {
        width: 83.33%;
    }

    .w11, .w11t {
        width: 91.66%;
    }

    .w12, .w12t {
        width: 100%;
    }

}


/*
/////////////////////////////////
Desktop
/////////////////////////////////
*/

@media (min-width: 970px) {

    .test {
        border: 1px solid green;
    }

    .hd {
        display: none;
    }

    .vm {
        display: none;
    }

    .w1, .w1d {
        width: 8.33%;
    }

    .w2, .w2d {
        width: 16.66%;
    }

    .w3, .w3d {
        width: 25%;
    }

    .w4, .w4d {
        width: 33.33%;
    }

    .w5, .w5d {
        width: 41.66%;
    }

    .w6, .w6d {
        width: 50%;
    }

    .w7, .w7d {
        width: 58.33%;
    }

    .w8, .w8d {
        width: 66.66%;
    }

    .w9, .w9d {
        width: 75%;
    }

    .w10, .w10d {
        width: 83.33%;
    }

    .w11, .w11d {
        width: 91.66%;
    }

    .w12, .w12d {
        width: 100%;
    }

}

@media \0screen\,screen\9 {

    .hd {
        display: none;
    }

    .vm {
        display: none;
    }

    input {
        min-width: 0% !important;
        box-sizing: border-box;
    }

    .w1, .w1d {
        width: 8.33%;
    }

    .w2, .w2d {
        width: 16.66%;
    }

    .w3, .w3d {
        width: 25%;
    }

    .w4, .w4d {
        width: 33.33%;
    }

    .w5, .w5d {
        width: 41.66%;
    }

    .w6, .w6d {
        width: 50%;
    }

    .w7, .w7d {
        width: 58.33%;
    }

    .w8, .w8d {
        width: 66.66%;
    }

    .w9, .w9d {
        width: 75%;
    }

    .w10, .w10d {
        width: 83.33%;
    }

    .w11, .w11d {
        width: 91.66%;
    }

    .w12, .w12d {
        width: 100%;
    }

}