.banner-r.bounce-in {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.flex-none {
    flex: none
}

.nudge-t10 {
    position: relative;
    top: 10px
}

.nudge-b10 {
    position: relative;
    bottom: 10px
}

.nudge-t9 {
    position: relative;
    top: 9px
}

.nudge-b9 {
    position: relative;
    bottom: 9px
}

.nudge-t8 {
    position: relative;
    top: 8px
}

.nudge-b8 {
    position: relative;
    bottom: 8px
}

.nudge-t7 {
    position: relative;
    top: 7px
}

.nudge-b7 {
    position: relative;
    bottom: 7px
}

.nudge-t6 {
    position: relative;
    top: 6px
}

.nudge-b6 {
    position: relative;
    bottom: 6px
}

.nudge-t5 {
    position: relative;
    top: 5px
}

.nudge-b5 {
    position: relative;
    bottom: 5px
}

.nudge-t4 {
    position: relative;
    top: 4px
}

.nudge-b4 {
    position: relative;
    bottom: 4px
}

.nudge-t3 {
    position: relative;
    top: 3px
}

.nudge-b3 {
    position: relative;
    bottom: 3px
}

.nudge-t2 {
    position: relative;
    top: 2px
}

.nudge-b2 {
    position: relative;
    bottom: 2px
}

.nudge-t1 {
    position: relative;
    top: 1px
}

.nudge-b1 {
    position: relative;
    bottom: 1px
}

.nudge-t0 {
    position: relative;
    top: 0
}

.nudge-b0 {
    position: relative;
    bottom: 0
}

.nudge-t-1 {
    position: relative;
    top: -1px
}

.nudge-b-1 {
    position: relative;
    bottom: -1px
}

.nudge-t-2 {
    position: relative;
    top: -2px
}

.nudge-b-2 {
    position: relative;
    bottom: -2px
}

.nudge-t-3 {
    position: relative;
    top: -3px
}

.nudge-b-3 {
    position: relative;
    bottom: -3px
}

.nudge-t-4 {
    position: relative;
    top: -4px
}

.nudge-b-4 {
    position: relative;
    bottom: -4px
}

.nudge-t-5 {
    position: relative;
    top: -5px
}

.nudge-b-5 {
    position: relative;
    bottom: -5px
}

.nudge-t-6 {
    position: relative;
    top: -6px
}

.nudge-b-6 {
    position: relative;
    bottom: -6px
}

.nudge-t-7 {
    position: relative;
    top: -7px
}

.nudge-b-7 {
    position: relative;
    bottom: -7px
}

.nudge-t-8 {
    position: relative;
    top: -8px
}

.nudge-b-8 {
    position: relative;
    bottom: -8px
}

.nudge-t-9 {
    position: relative;
    top: -9px
}

.nudge-b-9 {
    position: relative;
    bottom: -9px
}

.nudge-t-10 {
    position: relative;
    top: -10px
}

.nudge-b-10 {
    position: relative;
    bottom: -10px
}

*, :after, :before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
    margin: 0 auto
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto;
    outline-offset: -2px
}

a:active, a:hover {
    outline: 0
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    overflow-x: hidden
}

body {
    margin: 0;
    font-family: foundry,"Helvetica Neue",Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #37383a;
    background: #fff;
    height: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    color: #1eb0ee;
    text-decoration: none
}

    a:hover {
        color: #0c709a
    }

    a.camo {
        color: inherit
    }

        a.camo:hover {
            color: inherit
        }

p {
    margin: 0 0 10px
}

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: inherit;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #999
    }

h1 {
    font-size: 36px;
    line-height: 40px
}

h2 {
    font-size: 30px;
    line-height: 40px
}

h3 {
    font-size: 24px;
    line-height: 40px
}

h4 {
    font-size: 18px;
    line-height: 20px
}

h5 {
    font-size: 14px;
    line-height: 20px
}

h6 {
    font-size: 12px;
    line-height: 20px
}

h1 small {
    font-size: 24px
}

h2 small {
    font-size: 18px
}

h3 small {
    font-size: 14px
}

h4 small {
    font-size: 14px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    text-align: left
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.ul {
    list-style: disc;
    padding-left: 25px;
    margin-bottom: 10px
}

    .ul ul {
        padding-left: 36px;
        margin-bottom: 10px;
        list-style: circle
    }

    .ul .ul, .ul ol, ol .ul, ol ol {
        margin-bottom: 0
    }

li {
    line-height: 20px
}

dl {
    margin-bottom: 20px
}

dd, dt {
    line-height: 20px
}

dt {
    font-weight: 700
}

dd {
    margin-left: 10px
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #dfdfe0;
    border-bottom: 1px solid #fff
}

input[type=submit]:focus {
    outline: 0
}

.gRow {
    margin-left: -1%;
    margin-right: -1%;
    margin-bottom: 15px
}

    .gRow:after, .gRow:before {
        display: table;
        content: "";
        line-height: 0
    }

    .gRow:after {
        clear: both
    }

[class*=gRow].g0 {
    margin-left: 0;
    margin-right: 0
}

.g0 [class*=gCol] {
    padding-left: 0;
    padding-right: 0
}

.gCol1, .gCol10, .gCol11, .gCol12, .gCol2, .gCol3, .gCol4, .gCol5, .gCol6, .gCol7, .gCol8, .gCol9 {
    position: relative;
    min-height: 1px;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.gCol1 {
    width: 8.33333333%
}

.gCol2 {
    width: 16.66666667%
}

.gCol3 {
    width: 25%
}

.gCol4 {
    width: 33.33333333%
}

.gCol5 {
    width: 41.66666667%
}

.gCol6 {
    width: 50%
}

.gCol7 {
    width: 58.33333333%
}

.gCol8 {
    width: 66.66666667%
}

.gCol9 {
    width: 75%
}

.gCol10 {
    width: 83.33333333%
}

.gCol11 {
    width: 91.66666667%
}

.gCol12 {
    width: 100%
}

.push1 {
    left: 8.33333333%
}

.push2 {
    left: 16.66666667%
}

.push3 {
    left: 25%
}

.push4 {
    left: 33.33333333%
}

.push5 {
    left: 41.66666667%
}

.push6 {
    left: 50%
}

.push7 {
    left: 58.33333333%
}

.push8 {
    left: 66.66666667%
}

.push9 {
    left: 75%
}

.push10 {
    left: 83.33333333%
}

.push11 {
    left: 91.66666667%
}

.pull1 {
    right: 8.33333333%
}

.pull2 {
    right: 16.66666667%
}

.pull3 {
    right: 25%
}

.pull4 {
    right: 33.33333333%
}

.pull5 {
    right: 41.66666667%
}

.pull6 {
    right: 50%
}

.pull7 {
    right: 58.33333333%
}

.pull8 {
    right: 66.66666667%
}

.pull9 {
    right: 75%
}

.pull10 {
    right: 83.33333333%
}

.pull11 {
    right: 91.66666667%
}

.offset1 {
    margin-left: 8.33333333%
}

.offset2 {
    margin-left: 16.66666667%
}

.offset3 {
    margin-left: 25%
}

.offset4 {
    margin-left: 33.33333333%
}

.offset5 {
    margin-left: 41.66666667%
}

.offset6 {
    margin-left: 50%
}

.offset7 {
    margin-left: 58.33333333%
}

.offset8 {
    margin-left: 66.66666667%
}

.offset9 {
    margin-left: 75%
}

.offset10 {
    margin-left: 83.33333333%
}

.offset11 {
    margin-left: 91.66666667%
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    *** IMPORATANT USE HYPHENATED WILL DEPRICATE NONE HYPHENED ***
        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media screen and (max-width:1600px) {
    .gCol1-xl, .gCol10-xl, .gCol11-xl, .gCol12-xl, .gCol2-xl, .gCol3-xl, .gCol4-xl, .gCol5-xl, .gCol6-xl, .gCol7-xl, .gCol8-xl, .gCol9-xl {
        position: relative;
        min-height: 1px;
        padding-left: 1%;
        padding-right: 1%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .gCol2-xl {
        width: 16.66666667%
    }

    .gCol1-xl {
        width: 8.33333333%
    }

    .gCol3-xl {
        width: 25%
    }

    .gCol4-xl {
        width: 33.33333333%
    }

    .gCol5-xl {
        width: 41.66666667%
    }

    .gCol6-xl {
        width: 50%
    }

    .gCol7-xl {
        width: 58.33333333%
    }

    .gCol8-xl {
        width: 66.66666667%
    }

    .gCol9-xl {
        width: 75%
    }

    .gCol10-xl {
        width: 83.33333333%
    }

    .gCol11-xl {
        width: 91.66666667%
    }

    .gCol12-xl {
        width: 100%
    }

    .push0-xl {
        left: 0
    }

    .push1-xl {
        left: 8.33333333%
    }

    .push2-xl {
        left: 16.66666667%
    }

    .push3-xl {
        left: 25%
    }

    .push4-xl {
        left: 33.33333333%
    }

    .push5-xl {
        left: 41.66666667%
    }

    .push6-xl {
        left: 50%
    }

    .push7-xl {
        left: 58.33333333%
    }

    .push8-xl {
        left: 66.66666667%
    }

    .push9-xl {
        left: 75%
    }

    .push10-xl {
        left: 83.33333333%
    }

    .push11-xl {
        left: 91.66666667%
    }

    .pull0-xl {
        right: 0
    }

    .pull1-xl {
        right: 8.33333333%
    }

    .pull2-xl {
        right: 16.66666667%
    }

    .pull3-xl {
        right: 25%
    }

    .pull4-xl {
        right: 33.33333333%
    }

    .pull5-xl {
        right: 41.66666667%
    }

    .pull6-xl {
        right: 50%
    }

    .pull7-xl {
        right: 58.33333333%
    }

    .pull8-xl {
        right: 66.66666667%
    }

    .pull9-xl {
        right: 75%
    }

    .pull10-xl {
        right: 83.33333333%
    }

    .pull11-xl {
        right: 91.66666667%
    }

    .offset0-xl {
        margin-left: 0
    }

    .offset1-xl {
        margin-left: 8.33333333%
    }

    .offset2-xl {
        margin-left: 16.66666667%
    }

    .offset3-xl {
        margin-left: 25%
    }

    .offset4-xl {
        margin-left: 33.33333333%
    }

    .offset5-xl {
        margin-left: 41.66666667%
    }

    .offset6-xl {
        margin-left: 50%
    }

    .offset7-xl {
        margin-left: 58.33333333%
    }

    .offset8-xl {
        margin-left: 66.66666667%
    }

    .offset9-xl {
        margin-left: 75%
    }

    .offset10-xl {
        margin-left: 83.33333333%
    }

    .offset11-xl {
        margin-left: 91.66666667%
    }
}

@media screen and (max-width:1270px) {
    .gCol1-pgw, .gCol10-pgw, .gCol11-pgw, .gCol12-pgw, .gCol2-pgw, .gCol3-pgw, .gCol4-pgw, .gCol5-pgw, .gCol6-pgw, .gCol7-pgw, .gCol8-pgw, .gCol9-pgw {
        position: relative;
        min-height: 1px;
        padding-left: 1%;
        padding-right: 1%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .gCol2-pgw {
        width: 16.66666667%
    }

    .gCol1-pgw {
        width: 8.33333333%
    }

    .gCol3-pgw {
        width: 25%
    }

    .gCol4-pgw {
        width: 33.33333333%
    }

    .gCol5-pgw {
        width: 41.66666667%
    }

    .gCol6-pgw {
        width: 50%
    }

    .gCol7-pgw {
        width: 58.33333333%
    }

    .gCol8-pgw {
        width: 66.66666667%
    }

    .gCol9-pgw {
        width: 75%
    }

    .gCol10-pgw {
        width: 83.33333333%
    }

    .gCol11-pgw {
        width: 91.66666667%
    }

    .gCol12-pgw {
        width: 100%
    }

    .push0-pgw {
        left: 0
    }

    .push1-pgw {
        left: 8.33333333%
    }

    .push2-pgw {
        left: 16.66666667%
    }

    .push3-pgw {
        left: 25%
    }

    .push4-pgw {
        left: 33.33333333%
    }

    .push5-pgw {
        left: 41.66666667%
    }

    .push6-pgw {
        left: 50%
    }

    .push7-pgw {
        left: 58.33333333%
    }

    .push8-pgw {
        left: 66.66666667%
    }

    .push9-pgw {
        left: 75%
    }

    .push10-pgw {
        left: 83.33333333%
    }

    .push11-pgw {
        left: 91.66666667%
    }

    .pull0-pgw {
        right: 0
    }

    .pull1-pgw {
        right: 8.33333333%
    }

    .pull2-pgw {
        right: 16.66666667%
    }

    .pull3-pgw {
        right: 25%
    }

    .pull4-pgw {
        right: 33.33333333%
    }

    .pull5-pgw {
        right: 41.66666667%
    }

    .pull6-pgw {
        right: 50%
    }

    .pull7-pgw {
        right: 58.33333333%
    }

    .pull8-pgw {
        right: 66.66666667%
    }

    .pull9-pgw {
        right: 75%
    }

    .pull10-pgw {
        right: 83.33333333%
    }

    .pull11-pgw {
        right: 91.66666667%
    }

    .offset0-pgw {
        margin-left: 0
    }

    .offset1-pgw {
        margin-left: 8.33333333%
    }

    .offset2-pgw {
        margin-left: 16.66666667%
    }

    .offset3-pgw {
        margin-left: 25%
    }

    .offset4-pgw {
        margin-left: 33.33333333%
    }

    .offset5-pgw {
        margin-left: 41.66666667%
    }

    .offset6-pgw {
        margin-left: 50%
    }

    .offset7-pgw {
        margin-left: 58.33333333%
    }

    .offset8-pgw {
        margin-left: 66.66666667%
    }

    .offset9-pgw {
        margin-left: 75%
    }

    .offset10-pgw {
        margin-left: 83.33333333%
    }

    .offset11-pgw {
        margin-left: 91.66666667%
    }
}

@media screen and (max-width:1023px) {
    .gCol1-l, .gCol10-l, .gCol10l, .gCol11-l, .gCol11l, .gCol12-l, .gCol12l, .gCol1l, .gCol2-l, .gCol2l, .gCol3-l, .gCol3l, .gCol4-l, .gCol4l, .gCol5-l, .gCol5l, .gCol6-l, .gCol6l, .gCol7-l, .gCol7l, .gCol8-l, .gCol8l, .gCol9-l, .gCol9l {
        position: relative;
        min-height: 1px;
        padding-left: 1%;
        padding-right: 1%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .gCol2-l, .gCol2l {
        width: 16.66666667%
    }

    .gCol1-l, .gCol1l {
        width: 8.33333333%
    }

    .gCol3-l, .gCol3l {
        width: 25%
    }

    .gCol4-l, .gCol4l {
        width: 33.33333333%
    }

    .gCol5-l, .gCol5l {
        width: 41.66666667%
    }

    .gCol6-l, .gCol6l {
        width: 50%
    }

    .gCol7-l, .gCol7l {
        width: 58.33333333%
    }

    .gCol8-l, .gCol8l {
        width: 66.66666667%
    }

    .gCol9-l, .gCol9l {
        width: 75%
    }

    .gCol10-l, .gCol10l {
        width: 83.33333333%
    }

    .gCol11-l, .gCol11l {
        width: 91.66666667%
    }

    .gCol12-l, .gCol12l {
        width: 100%
    }

    .push0-l {
        left: 0
    }

    .push1-l, .push1l {
        left: 8.33333333%
    }

    .push2-l, .push2l {
        left: 16.66666667%
    }

    .push3-l, .push3l {
        left: 25%
    }

    .push4-l, .push4l {
        left: 33.33333333%
    }

    .push5-l, .push5l {
        left: 41.66666667%
    }

    .push6-l, .push6l {
        left: 50%
    }

    .push7-l, .push7l {
        left: 58.33333333%
    }

    .push8-l, .push8l {
        left: 66.66666667%
    }

    .push9-l, .push9l {
        left: 75%
    }

    .push10-l, .push10l {
        left: 83.33333333%
    }

    .push11-l, .push11l {
        left: 91.66666667%
    }

    .pull0-l {
        right: 0
    }

    .pull1-l, .pull1l {
        right: 8.33333333%
    }

    .pull2-l, .pull2l {
        right: 16.66666667%
    }

    .pull3-l, .pull3l {
        right: 25%
    }

    .pull4-l, .pull4l {
        right: 33.33333333%
    }

    .pull5-l, .pull5l {
        right: 41.66666667%
    }

    .pull6-l, .pull6l {
        right: 50%
    }

    .pull7-l, .pull7l {
        right: 58.33333333%
    }

    .pull8-l, .pull8l {
        right: 66.66666667%
    }

    .pull9-l, .pull9l {
        right: 75%
    }

    .pull10-l, .pull10l {
        right: 83.33333333%
    }

    .pull11-l, .pull11l {
        right: 91.66666667%
    }

    .offset0-l, .offset0l {
        margin-left: 0
    }

    .offset1-l, .offset1l {
        margin-left: 8.33333333%
    }

    .offset2-l, .offset2l {
        margin-left: 16.66666667%
    }

    .offset3-l, .offset3l {
        margin-left: 25%
    }

    .offset4-l, .offset4l {
        margin-left: 33.33333333%
    }

    .offset5-l, .offset5l {
        margin-left: 41.66666667%
    }

    .offset6-l, .offset6l {
        margin-left: 50%
    }

    .offset7-l, .offset7l {
        margin-left: 58.33333333%
    }

    .offset8-l, .offset8l {
        margin-left: 66.66666667%
    }

    .offset9-l, .offset9l {
        margin-left: 75%
    }

    .offset10-l, .offset10l {
        margin-left: 83.33333333%
    }

    .offset11-l, .offset11l {
        margin-left: 91.66666667%
    }
}

@media screen and (max-width:767px) {
    .gRow {
        margin-bottom: 0
    }

    .gCol-12, .gCol1, .gCol10, .gCol11, .gCol2, .gCol3, .gCol4, .gCol5, .gCol6, .gCol7, .gCol8, .gCol9 {
        width: 100%;
        margin-bottom: 15px
    }

    [class*=gCol] {
        position: relative;
        min-height: 1px;
        padding-left: 1%;
        padding-right: 1%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    [class*=push] {
        left: 0
    }

    [class*=pull] {
        right: 0
    }

    [class*=offset] {
        margin-left: 0
    }

    .gCol1-m, .gCol1m {
        width: 8.33333333%
    }

    .gCol2-m, .gCol2m {
        width: 16.66666667%
    }

    .gCol3-m, .gCol3m {
        width: 25%
    }

    .gCol4-m, .gCol4m {
        width: 33.33333333%
    }

    .gCol5-m, .gCol5m {
        width: 41.66666667%
    }

    .gCol6-m, .gCol6m {
        width: 50%
    }

    .gCol7-m, .gCol7m {
        width: 58.33333333%
    }

    .gCol8-m, .gCol8m {
        width: 66.66666667%
    }

    .gCol9-m, .gCol9m {
        width: 75%
    }

    .gCol10-m, .gCol10m {
        width: 83.33333333%
    }

    .gCol11-m, .gCol11m {
        width: 91.66666667%
    }

    .gCol12-m, .gCol12m {
        width: 100%
    }

    .push0-m {
        left: 0
    }

    .push1-m, .push1m {
        left: 8.33333333%
    }

    .push2-m, .push2m {
        left: 16.66666667%
    }

    .push3-m, .push3m {
        left: 25%
    }

    .push4-m, .push4m {
        left: 33.33333333%
    }

    .push5-m, .push5m {
        left: 41.66666667%
    }

    .push6-m, .push6m {
        left: 50%
    }

    .push7-m, .push7m {
        left: 58.33333333%
    }

    .push8-m, .push8m {
        left: 66.66666667%
    }

    .push9-m, .push9m {
        left: 75%
    }

    .push10-m, .push10m {
        left: 83.33333333%
    }

    .push11-m, .push11m {
        left: 91.66666667%
    }

    .pull0-m {
        right: 0
    }

    .pull1-m, .pull1m {
        right: 8.33333333%
    }

    .pull2-m, .pull2m {
        right: 16.66666667%
    }

    .pull3-m, .pull3m {
        right: 25%
    }

    .pull4-m, .pull4m {
        right: 33.33333333%
    }

    .pull5-m, .pull5m {
        right: 41.66666667%
    }

    .pull6-m, .pull6m {
        right: 50%
    }

    .pull7-m, .pull7m {
        right: 58.33333333%
    }

    .pull8-m, .pull8m {
        right: 66.66666667%
    }

    .pull9-m, .pull9m {
        right: 75%
    }

    .pull10-m, .pull10m {
        right: 83.33333333%
    }

    .pull11-m, .pull11m {
        right: 91.66666667%
    }

    .offset0-m, .offset0m {
        margin-left: 0
    }

    .offset1-m, .offset1m {
        margin-left: 8.33333333%
    }

    .offset2-m, .offset2m {
        margin-left: 16.66666667%
    }

    .offset3-m, .offset3m {
        margin-left: 25%
    }

    .offset4-m, .offset4m {
        margin-left: 33.33333333%
    }

    .offset5-m, .offset5m {
        margin-left: 41.66666667%
    }

    .offset6-m, .offset6m {
        margin-left: 50%
    }

    .offset7-m, .offset7m {
        margin-left: 58.33333333%
    }

    .offset8-m, .offset8m {
        margin-left: 66.66666667%
    }

    .offset9-m, .offset9m {
        margin-left: 75%
    }

    .offset10-m, .offset10m {
        margin-left: 83.33333333%
    }

    .offset11-m, .offset11m {
        margin-left: 91.66666667%
    }
}

@media screen and (max-width:480px) {
    .gCol1, .gCol1-l, .gCol1-m, .gCol1-pgw, .gCol1-xl, .gCol10, .gCol10-l, .gCol10-m, .gCol10-pgw, .gCol10-xl, .gCol10l, .gCol10m, .gCol11, .gCol11-l, .gCol11-m, .gCol11-pgw, .gCol11-xl, .gCol11l, .gCol11m, .gCol12, .gCol12-l, .gCol12-m, .gCol12-pgw, .gCol12-xl, .gCol12l, .gCol12m, .gCol1l, .gCol1m, .gCol2, .gCol2-l, .gCol2-m, .gCol2-pgw, .gCol2-xl, .gCol2l, .gCol2m, .gCol3, .gCol3-l, .gCol3-m, .gCol3-pgw, .gCol3-xl, .gCol3l, .gCol3m, .gCol4, .gCol4-l, .gCol4-m, .gCol4-pgw, .gCol4-xl, .gCol4l, .gCol4m, .gCol5, .gCol5-l, .gCol5-m, .gCol5-pgw, .gCol5-xl, .gCol5l, .gCol5m, .gCol6, .gCol6-l, .gCol6-m, .gCol6-pgw, .gCol6-xl, .gCol6l, .gCol6m, .gCol7, .gCol7-l, .gCol7-m, .gCol7-pgw, .gCol7-xl, .gCol7l, .gCol7m, .gCol8, .gCol8-l, .gCol8-m, .gCol8-pgw, .gCol8-xl, .gCol8l, .gCol8m, .gCol9, .gCol9-l, .gCol9-m, .gCol9-pgw, .gCol9-xl, .gCol9l, .gCol9m {
        width: 100%
    }

    .push1, .push1-l, .push1-m, .push1-pgw, .push1-xl, .push10, .push10-l, .push10-m, .push10-pgw, .push10-xl, .push10l, .push10m, .push11, .push11-l, .push11-m, .push11-pgw, .push11-xl, .push11l, .push11m, .push1l, .push1m, .push2, .push2-l, .push2-m, .push2-pgw, .push2-xl, .push2l, .push2m, .push3, .push3-l, .push3-m, .push3-pgw, .push3-xl, .push3l, .push3m, .push4, .push4-l, .push4-m, .push4-pgw, .push4-xl, .push4l, .push4m, .push5, .push5-l, .push5-m, .push5-pgw, .push5-xl, .push5l, .push5m, .push6, .push6-l, .push6-m, .push6-pgw, .push6-xl, .push6l, .push6m, .push7, .push7-l, .push7-m, .push7-pgw, .push7-xl, .push7l, .push7m, .push8, .push8-l, .push8-m, .push8-pgw, .push8-xl, .push8l, .push8m, .push9, .push9-l, .push9-m, .push9-pgw, .push9-xl, .push9l, .push9m {
        left: 0
    }

    .pull1, .pull1-l, .pull1-m, .pull1-pgw, .pull1-xl, .pull10, .pull10-l, .pull10-m, .pull10-pgw, .pull10-xl, .pull10l, .pull10m, .pull11, .pull11-l, .pull11-m, .pull11-pgw, .pull11-xl, .pull11l, .pull11m, .pull1l, .pull1m, .pull2, .pull2-l, .pull2-m, .pull2-pgw, .pull2-xl, .pull2l, .pull2m, .pull3, .pull3-l, .pull3-m, .pull3-pgw, .pull3-xl, .pull3l, .pull3m, .pull4, .pull4-l, .pull4-m, .pull4-pgw, .pull4-xl, .pull4l, .pull4m, .pull5, .pull5-l, .pull5-m, .pull5-pgw, .pull5-xl, .pull5l, .pull5m, .pull6, .pull6-l, .pull6-m, .pull6-pgw, .pull6-xl, .pull6l, .pull6m, .pull7, .pull7-l, .pull7-m, .pull7-pgw, .pull7-xl, .pull7l, .pull7m, .pull8, .pull8-l, .pull8-m, .pull8-pgw, .pull8-xl, .pull8l, .pull8m, .pull9, .pull9-l, .pull9-m, .pull9-pgw, .pull9-xl, .pull9l, .pull9m {
        right: 0
    }

    .offset1, .offset1-l, .offset1-m, .offset1-pgw, .offset1-xl, .offset10, .offset10-l, .offset10-m, .offset10-pgw, .offset10-xl, .offset10l, .offset10m, .offset11, .offset11-l, .offset11-m, .offset11-pgw, .offset11-xl, .offset11l, .offset11m, .offset1l, .offset1m, .offset2, .offset2-l, .offset2-m, .offset2-pgw, .offset2-xl, .offset2l, .offset2m, .offset3, .offset3-l, .offset3-m, .offset3-pgw, .offset3-xl, .offset3l, .offset3m, .offset4, .offset4-l, .offset4-m, .offset4-pgw, .offset4-xl, .offset4l, .offset4m, .offset5, .offset5-l, .offset5-m, .offset5-pgw, .offset5-xl, .offset5l, .offset5m, .offset6, .offset6-l, .offset6-m, .offset6-pgw, .offset6-xl, .offset6l, .offset6m, .offset7, .offset7-l, .offset7-m, .offset7-pgw, .offset7-xl, .offset7l, .offset7m, .offset8, .offset8-l, .offset8-m, .offset8-pgw, .offset8-xl, .offset8l, .offset8m, .offset9, .offset9-l, .offset9-m, .offset9-pgw, .offset9-xl, .offset9l, .offset9m {
        margin-left: 0
    }

    .gCol1-s, .gCol1s {
        width: 8.33333333%
    }

    .gCol2-s, .gCol2s {
        width: 16.66666667%
    }

    .gCol3-s, .gCol3s {
        width: 25%
    }

    .gCol4-s, .gCol4s {
        width: 33.33333333%
    }

    .gCol5-s, .gCol5s {
        width: 41.66666667%
    }

    .gCol6-s, .gCol6s {
        width: 50%
    }

    .gCol7-s, .gCol7s {
        width: 58.33333333%
    }

    .gCol8-s, .gCol8s {
        width: 66.66666667%
    }

    .gCol9-s, .gCol9s {
        width: 75%
    }

    .gCol10-s, .gCol10s {
        width: 83.33333333%
    }

    .gCol11-s, .gCol11s {
        width: 91.66666667%
    }

    .gCol12-s, .gCol12s {
        width: 100%
    }

    .push0-s {
        left: 0
    }

    .push1-s, .push1s {
        left: 8.33333333%
    }

    .push2-s, .push2s {
        left: 16.66666667%
    }

    .push3-s, .push3s {
        left: 25%
    }

    .push4-s, .push4s {
        left: 33.33333333%
    }

    .push5-s, .push5s {
        left: 41.66666667%
    }

    .push6-s, .push6s {
        left: 50%
    }

    .push7-s, .push7s {
        left: 58.33333333%
    }

    .push8-s, .push8s {
        left: 66.66666667%
    }

    .push9-s, .push9s {
        left: 75%
    }

    .push10-s, .push10s {
        left: 83.33333333%
    }

    .push11-s, .push11s {
        left: 91.66666667%
    }

    .pull0-m {
        right: 0
    }

    .pull1-s, .pull1s {
        right: 8.33333333%
    }

    .pull2-s, .pull2s {
        right: 16.66666667%
    }

    .pull3-s, .pull3s {
        right: 25%
    }

    .pull4-s, .pull4s {
        right: 33.33333333%
    }

    .pull5-s, .pull5s {
        right: 41.66666667%
    }

    .pull6-s, .pull6s {
        right: 50%
    }

    .pull7-s, .pull7s {
        right: 58.33333333%
    }

    .pull8-s, .pull8s {
        right: 66.66666667%
    }

    .pull9-s, .pull9s {
        right: 75%
    }

    .pull10-s, .pull10s {
        right: 83.33333333%
    }

    .pull11-s, .pull11s {
        right: 91.66666667%
    }

    .offset0-s, .offset0s {
        margin-left: 0
    }

    .offset1-s, .offset1s {
        margin-left: 8.33333333%
    }

    .offset2-s, .offset2s {
        margin-left: 16.66666667%
    }

    .offset3-s, .offset3s {
        margin-left: 25%
    }

    .offset4-s, .offset4s {
        margin-left: 33.33333333%
    }

    .offset5-s, .offset5s {
        margin-left: 41.66666667%
    }

    .offset6-s, .offset6s {
        margin-left: 50%
    }

    .offset7-s, .offset7s {
        margin-left: 58.33333333%
    }

    .offset8-s, .offset8s {
        margin-left: 66.66666667%
    }

    .offset9-s, .offset9s {
        margin-left: 75%
    }

    .offset10-s, .offset10s {
        margin-left: 83.33333333%
    }

    .offset11-s, .offset11s {
        margin-left: 91.66666667%
    }
}

.caps {
    text-transform: uppercase
}

.lcaps {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.t-u {
    text-decoration: underline
}

.t-b {
    font-weight: 700
}

.t-bi {
    font-weight: 700 !important
}

.t-i {
    font-style: italic
}

.t-s {
    text-decoration: line-through
}

.ls-1 {
    letter-spacing: -1px
}

.ls-1i {
    letter-spacing: -1px !important
}

.ls0 {
    letter-spacing: 0 !important
}

.lh0 {
    line-height: normal !important
}

.h {
    margin: 0;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.t {
    margin: 0;
    font-weight: 400;
    line-height: 1
}

.form li div > .t {
    margin-top: 0
}

.dsl1 {
    -webkit-text-shadow: 0 1px rgba(255,255,255,.8);
    text-shadow: 0 1px rgba(255,255,255,.8)
}

.dsd1 {
    -webkit-text-shadow: 0 1px rgba(0,0,0,.8);
    text-shadow: 0 1px rgba(0,0,0,.8)
}

.dsl2 {
    -webkit-text-shadow: 0 1px rgba(255,255,255,.6);
    text-shadow: 0 1px rgba(255,255,255,.6)
}

.dsd2 {
    -webkit-text-shadow: 0 1px rgba(0,0,0,.6);
    text-shadow: 0 1px rgba(0,0,0,.6)
}

.dsl3 {
    -webkit-text-shadow: 0 1px rgba(255,255,255,.3);
    text-shadow: 0 1px rgba(255,255,255,.3)
}

.dsd3 {
    -webkit-text-shadow: 0 1px rgba(0,0,0,.3);
    text-shadow: 0 1px rgba(0,0,0,.3)
}

.dsl4 {
    -webkit-text-shadow: 0 1px rgba(255,255,255,.8);
    text-shadow: 0 1px rgba(255,255,255,.8)
}

.dsd4 {
    -webkit-text-shadow: 0 1px rgba(0,0,0,.8);
    text-shadow: 0 1px rgba(0,0,0,.8)
}

.h.l small, .h.m small, .h.s small, .h.xl small, .h.xs small, .h.xxl small, .h.xxxl small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

.h.xxxl, .t.xxxl {
    font-size: 48px;
    line-height: 1.1;
    letter-spacing: -1px
}

.h.xxl, .t.xxl {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -1px
}

.h.xl, .t.xl {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -1px
}

.h.l, .t.l {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -1px
}

.h.m, .t.m {
    font-size: 18px;
    line-height: 1.3
}

.h.s, .t.s {
    font-size: 16px;
    line-height: 1.3
}

.h.xs, .t.xs {
    font-size: 14px;
    line-height: 1.4
}

.h.xxs, .t.xxs {
    font-size: 12px;
    line-height: 1.4
}

.h.xxxs, .t.xxxs {
    font-size: 10px;
    line-height: 1.4
}

.h.xxl small, .t.xxl small {
    font-size: 24px
}

.h.xl small, .t.xl small {
    font-size: 18px
}

.h.l small, .t.l small {
    font-size: 14px
}

.h.m small, .t.m small {
    font-size: 14px
}

@media screen and (min-width:1601px) {
    .h.xxxl, .t.xxxl {
        font-size: 48px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xxl, .t.xxl {
        font-size: 36px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xl, .t.xl {
        font-size: 30px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.l, .t.l {
        font-size: 24px !important;
        line-height: 1.2 !important;
        letter-spacing: -2px !important
    }

    .h.m, .t.m {
        font-size: 18px !important;
        line-height: 1.3 !important
    }

    .h.s, .t.s {
        font-size: 16px !important;
        line-height: 1.3 !important
    }

    .h.xs, .t.xs {
        font-size: 14px !important;
        line-height: 1.4 !important
    }

    .h.xxs, .t.xxs {
        font-size: 12px !important;
        line-height: 1.4 !important
    }

    .h.xxxs, .t.xxxs {
        font-size: 10px;
        line-height: 1.4
    }
}

@media screen and (max-width:1600px) {
    .h.xxxl, .t.xxxl {
        font-size: 48px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xxl, .t.xxl {
        font-size: 36px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xl, .t.xl {
        font-size: 30px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.l, .t.l {
        font-size: 24px !important;
        line-height: 1.2 !important;
        letter-spacing: -2px !important
    }

    .h.m, .t.m {
        font-size: 18px !important;
        line-height: 1.3 !important
    }

    .h.s, .t.s {
        font-size: 16px !important;
        line-height: 1.3 !important
    }

    .h.xs, .t.xs {
        font-size: 14px !important;
        line-height: 1.4 !important
    }

    .h.xxs, .t.xxs {
        font-size: 12px !important;
        line-height: 1.4 !important
    }

    .h.xxxs, .t.xxxs {
        font-size: 10px;
        line-height: 1.4
    }
}

@media screen and (max-width:1270px) {
    .h.xxxl, .t.xxxl {
        font-size: 48px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xxl, .t.xxl {
        font-size: 36px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xl, .t.xl {
        font-size: 30px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.l, .t.l {
        font-size: 24px !important;
        line-height: 1.2 !important;
        letter-spacing: -2px !important
    }

    .h.m, .t.m {
        font-size: 18px !important;
        line-height: 1.3 !important
    }

    .h.s, .t.s {
        font-size: 16px !important;
        line-height: 1.3 !important
    }

    .h.xs, .t.xs {
        font-size: 14px !important;
        line-height: 1.4 !important
    }

    .h.xxs, .t.xxs {
        font-size: 12px !important;
        line-height: 1.4 !important
    }

    .h.xxxs, .t.xxxs {
        font-size: 10px;
        line-height: 1.4
    }
}

@media screen and (max-width:1023px) {
    .h.xxxl, .t.xxxl {
        font-size: 48px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xxl, .t.xxl {
        font-size: 36px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xl, .t.xl {
        font-size: 30px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.l, .t.l {
        font-size: 24px !important;
        line-height: 1.2 !important;
        letter-spacing: -2px !important
    }

    .h.m, .t.m {
        font-size: 18px !important;
        line-height: 1.3 !important
    }

    .h.s, .t.s {
        font-size: 16px !important;
        line-height: 1.3 !important
    }

    .h.xs, .t.xs {
        font-size: 14px !important;
        line-height: 1.4 !important
    }

    .h.xxs, .t.xxs {
        font-size: 12px !important;
        line-height: 1.4 !important
    }

    .h.xxxs, .t.xxxs {
        font-size: 10px;
        line-height: 1.4
    }

    .h.xxxl-l, .t.xxxl-l {
        font-size: 48px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xxl-l, .t.xxl-l {
        font-size: 36px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.xl-l, .t.xl-l {
        font-size: 30px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.l-l, .t.l-l {
        font-size: 24px !important;
        line-height: 1.2 !important;
        letter-spacing: -2px !important
    }

    .h.m-l, .t.m-l {
        font-size: 18px !important;
        line-height: 1.3 !important
    }

    .h.s-l, .t.s-l {
        font-size: 16px !important;
        line-height: 1.3 !important
    }

    .h.xs-l, .t.xs-l {
        font-size: 14px !important;
        line-height: 1.4 !important
    }

    .h.xxs-l, .t.xxs-l {
        font-size: 12px !important;
        line-height: 1.4 !important
    }

    .h.xxxs-l, .t.xxxs-l {
        font-size: 10px;
        line-height: 1.4
    }
}

@media screen and (max-width:767px) {
    .h.xxxl, .t.xxxl {
        font-size: 48px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.xxl, .t.xxl {
        font-size: 36px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.xl, .t.xl {
        font-size: 30px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.l, .t.l {
        font-size: 24px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.m, .t.m {
        font-size: 18px !important;
        line-height: 1.1 !important
    }

    .h.s, .t.s {
        font-size: 16px !important;
        line-height: 1.1 !important
    }

    .h.xs, .t.xs {
        font-size: 14px !important;
        line-height: 1.2 !important
    }

    .h.xxs, .t.xxs {
        font-size: 12px !important;
        line-height: 1.2 !important
    }

    .h.xxxs, .t.xxxs {
        font-size: 10px;
        line-height: 1.2
    }

    .h.xxxl-m, .t.xxxl-m {
        font-size: 48px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.xxl-m, .t.xxl-m {
        font-size: 36px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.xl-m, .t.xl-m {
        font-size: 30px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.l-m, .t.l-m {
        font-size: 24px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.m-m, .t.m-m {
        font-size: 18px !important;
        line-height: 1.1 !important
    }

    .h.s-m, .t.s-m {
        font-size: 16px !important;
        line-height: 1.1 !important
    }

    .h.xs-m, .t.xs-m {
        font-size: 14px !important;
        line-height: 1.2 !important
    }

    .h.xxs-m, .t.xxs-m {
        font-size: 12px !important;
        line-height: 1.2 !important
    }

    .h.xxxs-m, .t.xxxs-m {
        font-size: 10px;
        line-height: 1.2
    }
}

@media screen and (max-width:480px) {
    .h.xxxl, .t.xxxl {
        font-size: 48px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.xxl, .t.xxl {
        font-size: 36px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.xl, .t.xl {
        font-size: 30px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.l, .t.l {
        font-size: 24px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.m, .t.m {
        font-size: 18px !important;
        line-height: 1.1 !important
    }

    .h.s, .t.s {
        font-size: 16px !important;
        line-height: 1.1 !important
    }

    .h.xs, .t.xs {
        font-size: 14px !important;
        line-height: 1.2 !important
    }

    .h.xxs, .t.xxs {
        font-size: 12px !important;
        line-height: 1.2 !important
    }

    .h.xxxs, .t.xxxs {
        font-size: 10px;
        line-height: 1.2
    }

    .h.xxxl-s, .t.xxxl-s {
        font-size: 48px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.xxl-s, .t.xxl-s {
        font-size: 36px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.xl-s, .t.xl-s {
        font-size: 30px !important;
        line-height: 1 !important;
        letter-spacing: -2px !important
    }

    .h.l-s, .t.l-s {
        font-size: 24px !important;
        line-height: 1.1 !important;
        letter-spacing: -2px !important
    }

    .h.m-s, .t.m-s {
        font-size: 18px !important;
        line-height: 1.1 !important
    }

    .h.s-s, .t.s-s {
        font-size: 16px !important;
        line-height: 1.1 !important
    }

    .h.xs-s, .t.xs-s {
        font-size: 14px !important;
        line-height: 1.2 !important
    }

    .h.xxs-s, .t.xxs-s {
        font-size: 12px !important;
        line-height: 1.2 !important
    }

    .h.xxxs-s, .t.xxxs-s {
        font-size: 10px;
        line-height: 1.2
    }
}

.fs5 {
    font-size: 5px
}

.fs6 {
    font-size: 6px
}

.fs7 {
    font-size: 7px
}

.fs8 {
    font-size: 8px
}

.fs9 {
    font-size: 9px
}

.fs10 {
    font-size: 10px
}

.fs11 {
    font-size: 11px
}

.fs12 {
    font-size: 12px
}

.fs13 {
    font-size: 13px
}

.fs14 {
    font-size: 14px
}

.fs15 {
    font-size: 15px
}

.fs16 {
    font-size: 16px
}

.fs18 {
    font-size: 18px
}

.fs20 {
    font-size: 20px
}

.fs25 {
    font-size: 25px
}

.fs30 {
    font-size: 30px
}

.fs35 {
    font-size: 35px
}

.fs40 {
    font-size: 40px
}

.fs45 {
    font-size: 45px
}

.fs50 {
    font-size: 50px
}

.fs55 {
    font-size: 55px
}

.fs60 {
    font-size: 60px
}

.fs70 {
    font-size: 70px
}

.fs80 {
    font-size: 80px
}

.fs90 {
    font-size: 90px
}

.fs100 {
    font-size: 100px
}

.fs200 {
    font-size: 200px
}

.fsxs {
    font-size: 6px
}

.fss {
    font-size: 9px
}

.fsm {
    font-size: 12px
}

.fsl {
    font-size: 18px
}

.fsxl {
    font-size: 24px
}

.f-monospace {
    font-family: monospace
}

.titbox, .titpag {
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1px
}

.titbox {
    font-size: 25px;
    margin-bottom: 6px;
    padding-left: 9px;
    font-family: foundry,'Helvetica Neue',Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

.titpag {
    font-size: 30px;
    margin-bottom: 8px
}

@media screen and (max-width:480px) {
    .titpag {
        font-size: 24px;
        margin-bottom: 9px
    }
}

.titpag small {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #7f8081
}

.bar {
    overflow: hidden;
    text-align: center;
    display: block
}

    .bar:after, .bar:before {
        background-color: #dfdfe0;
        border-bottom: 1px solid #fff;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%
    }

    .bar:before {
        right: .5em;
        margin-left: -50%
    }

    .bar:after {
        left: .5em;
        margin-right: -50%
    }

    .bar.txtl {
        text-align: left
    }

    .bar.txtr {
        text-align: right
    }

        .bar.txtl:after, .bar.txtr:before {
            width: 100%
        }

        .bar.txtl:before, .bar.txtr:after {
            display: none
        }

    .bar.txtl:after {
        margin-right: -100%
    }

    .bar.txtr:before {
        margin-left: -100%
    }

.dark {
    color: #fff
}

.cloud li {
    font-family: foundry,'Helvetica Neue',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    display: inline-block;
    margin-right: 12px;
    margin-top: 12px
}

@media screen and (max-width:480px) {
    .cloud li {
        display: block;
        margin-top: 4px
    }
}

.cloud a {
    display: block;
    color: #37383a;
    padding: 3px 9px;
    border-radius: 2px;
    background: #fff;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width:480px) {
    .cloud a {
        padding: 6px 9px;
        border-radius: 0
    }
}

.cloud a:hover {
    background: rgba(0,0,0,.2);
    color: #fff
}

.cloud a.act {
    background: rgba(0,0,0,.2);
    color: #fff
}

@font-face {
    font-family: goicons;
    src: url(https://img.vggcdn.net/img/fonts/goicons/set_66/goicons.eot);
    src: url(https://img.vggcdn.net/img/fonts/goicons/set_66/goicons.eot?#iefix) format('embedded-opentype'),url(https://img.vggcdn.net/img/fonts/goicons/set_66/goicons.svg#goicons) format('svg'),url(https://img.vggcdn.net/img/fonts/goicons/set_66/goicons.woff) format('woff'),url(https://img.vggcdn.net/img/fonts/goicons/set_66/goicons.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

[class*=" i-"], [class^=i-] {
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-basket:before {
    content: "\e60a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-shopping-cart:before {
    content: "\f07a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-flame:before {
    content: "\f0d2";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-starburst:before {
    content: "\e604";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-graph:before {
    content: "\e608";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-award:before {
    content: "\e609";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-skinny-right:before {
    content: "\e603";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-group:before {
    content: "\f0c0";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-location-area:before {
    content: "\e605";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-skinny-left:before {
    content: "\e606";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-stadium:before {
    content: "\e607";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-user:before {
    content: "\e007";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-right:before {
    content: "\e000";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-left:before {
    content: "\e001";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-up:before {
    content: "\e002";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-location:before {
    content: "\e003";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-mail:before {
    content: "\e005";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-checkbox-unchecked:before {
    content: "\e006";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-checkbox-checked:before {
    content: "\e008";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-radio-checked:before {
    content: "\e009";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-radio-unchecked:before {
    content: "\e00a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-checkbox-partial:before {
    content: "\e00b";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-magnify:before {
    content: "\e00c";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-zoom-in:before {
    content: "\e00c";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-fixture:before {
    content: "\e600";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-shirt:before {
    content: "\e601";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-banknote:before {
    content: "\e602";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-search:before {
    content: "\f002";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-logo:before {
    content: "\f003";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-th-list:before {
    content: "\f00b";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-ok:before {
    content: "\f00c";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-remove:before {
    content: "\f00d";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-down:before {
    content: "\f00e";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-cog:before {
    content: "\f013";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-trash:before {
    content: "\f014";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-home:before {
    content: "\f015";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-time:before {
    content: "\f017";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-download-alt:before {
    content: "\f019";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-repeat:before {
    content: "\f01e";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-refresh:before {
    content: "\f021";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-lock:before {
    content: "\f023";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-tag:before {
    content: "\f02b";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-print:before {
    content: "\f02f";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-courier:before {
    content: "\f033";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-via:before {
    content: "\f038";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-go:before {
    content: "\f039";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-ticket:before {
    content: "\f03c";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-pencil:before {
    content: "\f040";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-chevron-left:before {
    content: "\f053";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-chevron-right:before {
    content: "\f054";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-plus-sign:before {
    content: "\f055";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-minus-sign:before {
    content: "\f056";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-remove-sign:before {
    content: "\f057";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-ok-sign:before {
    content: "\f058";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-question-sign:before {
    content: "\f059";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-info-sign:before {
    content: "\f05a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-plus:before {
    content: "\f067";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-minus:before {
    content: "\f068";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-exclamation-sign:before {
    content: "\f06a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-warning-sign:before {
    content: "\f071";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-calendar:before {
    content: "\f073";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-comment:before {
    content: "\f075";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-chevron-up:before {
    content: "\f077";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-chevron-down:before {
    content: "\f078";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-signout:before {
    content: "\f08b";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-signin:before {
    content: "\f090";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-upload-alt:before {
    content: "\f093";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-twitter:before {
    content: "\f099";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-facebook:before {
    content: "\f09a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-rss:before {
    content: "\f09e";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-globe:before {
    content: "\f0ac";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-reorder:before {
    content: "\f0c9";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-google-plus:before {
    content: "\f0d5";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-sortd:before {
    content: "\f0d7";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-sorta:before {
    content: "\f0d8";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-comments-alt:before {
    content: "\f0e6";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-heart:before {
    content: "\e60c";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-heart-empty:before {
    content: "\e60d";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-eye:before {
    content: "\e900";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-gift:before {
    content: "\f06b";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-circle-up:before {
    content: "\f0aa";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-circle-down:before {
    content: "\f0ab";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-filter:before {
    content: "\ea5b";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-seated:before {
    content: "\e901";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-man:before {
    content: "\e9dc";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-whatsapp:before {
    content: "\eef2";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-sort-both:before {
    content: "\ee49";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-music:before {
    content: "\e94a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-music4:before {
    content: "\e94d";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-music5:before {
    content: "\e94e";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-weather-sun:before {
    content: "\ecce";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-weather-cloud-sun:before {
    content: "\ecc8";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-weather-snow:before {
    content: "\ecc4";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-sun:before {
    content: "\ecd6";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-moon:before {
    content: "\ecd0";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-zoom-in-2:before {
    content: "\eb34";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-zoom-out-2:before {
    content: "\eb35";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-pan:before {
    content: "\eb3e";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-power:before {
    content: "\ec48";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-power2:before {
    content: "\ec49";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-foursquare:before {
    content: "\ef35";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-star:before {
    content: "\ece5";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-star-empty:before {
    content: "\ece3";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-star-half:before {
    content: "\ece4";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-link:before {
    content: "\ec99";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-touch:before {
    content: "\ed35";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-touch-zoom:before {
    content: "\ed37";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-thumbs-up:before {
    content: "\ecf4";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-thumbs-down:before {
    content: "\ecf6";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-alarm-clock:before {
    content: "\ea53";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-users4:before {
    content: "\eb0c";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-mobile:before {
    content: "\ea78";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-point-down:before {
    content: "\ed2e";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-star-sign:before {
    content: "\ece7";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-drag-left-right:before {
    content: "\ed32";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-drag-left:before {
    content: "\ed33";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-drag-right:before {
    content: "\ed34";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-battery-0:before {
    content: "\ee5a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-battery-1:before {
    content: "\ee59";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-bullhorn:before {
    content: "\e97a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-city:before {
    content: "\e90a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-connection:before {
    content: "\e97c";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-store:before {
    content: "\e9fc";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-direction:before {
    content: "\ea4a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-hanger:before {
    content: "\eb15";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-pipe:before {
    content: "\ebaf";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-spoon-knife:before {
    content: "\ebbc";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-car:before {
    content: "\ec0a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-smile:before {
    content: "\e9e2";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-sad:before {
    content: "\e9e6";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-grin:before {
    content: "\e9ea";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-creditcard:before {
    content: "\ea15";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-pushpin:before {
    content: "\ea36";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-cross2:before {
    content: "\ed6d";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-youtube:before {
    content: "\eefc";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-instagram:before {
    content: "\eef1";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-woman:before {
    content: "\ecfc";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-sina-weibo:before {
    content: "\eef9";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-menu:before {
    content: "\ec6a";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-viber:before {
    content: "\e903";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-messenger:before {
    content: "\e902";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-line:before {
    content: "\e904";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-vk:before {
    content: "\eef7";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-telegram:before {
    content: "\eef4";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-right1:before {
    content: "\ee28";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-left1:before {
    content: "\ee2b";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-user32:before {
    content: "\eb08";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-grid:before {
    content: "\ec5d";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-left7:before {
    content: "\edda";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-right7:before {
    content: "\edd6";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-medal-first:before {
    content: "\eba2";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-medal-second:before {
    content: "\eba3";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-medal-third:before {
    content: "\eba4";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-glass:before {
    content: "\ebb2";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-airplane:before {
    content: "\ec05";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-target:before {
    content: "\e60b";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-furniture:before {
    content: "\ecde";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-trophy4:before {
    content: "\ebab";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-stats-growth:before {
    content: "\eb90";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-mic5:before {
    content: "\e98f";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-phone:before {
    content: "\ea1d";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-up7:before {
    content: "\edd4";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-down7:before {
    content: "\edd8";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-reading:before {
    content: "\e997";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-vcard:before {
    content: "\eb11";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-reply-all2:before {
    content: "\eac3";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-reply2:before {
    content: "\eac2";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-forward2:before {
    content: "\eac1";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-redo22:before {
    content: "\eac0";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-undo22:before {
    content: "\eabf";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-unlocked2:before {
    content: "\eb56";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-blocked:before {
    content: "\ed67";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-file-download:before {
    content: "\e9a5";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-theater:before {
    content: "\e9fb";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-bell3:before {
    content: "\ea59";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-stats-growth2:before {
    content: "\eb92";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-hourglass3:before {
    content: "\eb21";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-traffic-cone:before {
    content: "\eb7e";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-camera:before {
    content: "\e944";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-shield:before {
    content: "\ec31";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-shield-check:before {
    content: "\ec32";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-enlarge7:before {
    content: "\eb48";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-arrow-resize:before {
    content: "\edfb";
    font-family: goicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.flex-inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.fRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.fCol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.fCol1 {
    -webkit-flex-basis: 8.333%;
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%
}

.fCol2 {
    -webkit-flex-basis: 16.666%;
    -ms-flex-preferred-size: 16.666%;
    flex-basis: 16.666%;
    max-width: 16.666%
}

.fCol3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.fCol4 {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
}

.fCol5 {
    -webkit-flex-basis: 41.667%;
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%
}

.fCol6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.fCol7 {
    -webkit-flex-basis: 58.333%;
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%
}

.fCol8 {
    -webkit-flex-basis: 66.667%;
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%
}

.fCol9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.fCol10 {
    -webkit-flex-basis: 83.333%;
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%
}

.fCol11 {
    -webkit-flex-basis: 91.667%;
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%
}

.fCol12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.flex-rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start
}

.flex-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center
}

.flex-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end
}

.flex-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start
}

.flex-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.flex-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
}

.flex-self-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.flex-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.flex-self-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.flex-shrink0 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-grow1 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-grow0 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.flex-basis0 {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.flex-basis5 {
    -webkit-flex-basis: 5%;
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%
}

.flex-basis10 {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}

.flex-basis15 {
    -webkit-flex-basis: 15%;
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%
}

.flex-basis20 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.flex-basis25 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.flex-basis30 {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

.flex-basis35 {
    -webkit-flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%
}

.flex-basis40 {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

.flex-basis45 {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%
}

.flex-basis50 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@-webkit-keyframes elementDrop {
    from {
        box-shadow: 0 10px 20px #000;
        opacity: 0;
        transform: scale(1.5) rotate(325deg)
    }

    72% {
        transform: scale(1.3) rotate(325deg)
    }

    to {
        box-shadow: 0 0 0 transparent;
        opacity: 1;
        transform: scale(1) rotate(325deg)
    }
}

@keyframes elementDrop {
    from {
        box-shadow: 0 10px 20px #000;
        opacity: 0;
        transform: scale(1.5) rotate(325deg)
    }

    72% {
        transform: scale(1.3) rotate(325deg)
    }

    to {
        box-shadow: 0 0 0 transparent;
        opacity: 1;
        transform: scale(1) rotate(325deg)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes ribbonwave {
    0% {
        background-position: -400px 0,-400px 0,-400px 0,-400px 0
    }

    100% {
        background-position: 800px 0,800px 0,800px 0,800px 0
    }
}

@keyframes ribbonwave {
    0% {
        background-position: -400px 0,-400px 0,-400px 0,-400px 0
    }

    100% {
        background-position: 800px 0,800px 0,800px 0,800px 0
    }
}

@-webkit-keyframes backgroundGradient {
    0% {
        color: #edf1f7;
        background-position: 50% 100%
    }

    100% {
        color: #edf1f7;
        background-position: 50% 0
    }
}

@keyframes backgroundGradient {
    0% {
        color: #edf1f7;
        background-position: 50% 100%
    }

    100% {
        color: #edf1f7;
        background-position: 50% 0
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(2px,1px) rotate(0);
        transform: translate(2px,1px) rotate(0)
    }

    1% {
        -webkit-transform: translate(-1px,-2px) rotate(-1deg);
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    2% {
        -webkit-transform: translate(-3px,0) rotate(1deg);
        transform: translate(-3px,0) rotate(1deg)
    }

    3% {
        -webkit-transform: translate(0,2px) rotate(0);
        transform: translate(0,2px) rotate(0)
    }

    4% {
        -webkit-transform: translate(1px,-1px) rotate(1deg);
        transform: translate(1px,-1px) rotate(1deg)
    }

    5% {
        -webkit-transform: translate(-1px,2px) rotate(-1deg);
        transform: translate(-1px,2px) rotate(-1deg)
    }

    6% {
        -webkit-transform: translate(-3px,1px) rotate(0);
        transform: translate(-3px,1px) rotate(0)
    }

    7% {
        -webkit-transform: translate(2px,1px) rotate(-1deg);
        transform: translate(2px,1px) rotate(-1deg)
    }

    8% {
        -webkit-transform: translate(-1px,-1px) rotate(1deg);
        transform: translate(-1px,-1px) rotate(1deg)
    }

    9% {
        -webkit-transform: translate(2px,2px) rotate(0);
        transform: translate(2px,2px) rotate(0)
    }

    10% {
        -webkit-transform: translate(2px,1px) rotate(0);
        transform: translate(2px,1px) rotate(0)
    }

    100% {
        -webkit-transform: translate(2px,1px) rotate(0);
        transform: translate(2px,1px) rotate(0)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translate(2px,1px) rotate(0);
        transform: translate(2px,1px) rotate(0)
    }

    1% {
        -webkit-transform: translate(-1px,-2px) rotate(-1deg);
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    2% {
        -webkit-transform: translate(-3px,0) rotate(1deg);
        transform: translate(-3px,0) rotate(1deg)
    }

    3% {
        -webkit-transform: translate(0,2px) rotate(0);
        transform: translate(0,2px) rotate(0)
    }

    4% {
        -webkit-transform: translate(1px,-1px) rotate(1deg);
        transform: translate(1px,-1px) rotate(1deg)
    }

    5% {
        -webkit-transform: translate(-1px,2px) rotate(-1deg);
        transform: translate(-1px,2px) rotate(-1deg)
    }

    6% {
        -webkit-transform: translate(-3px,1px) rotate(0);
        transform: translate(-3px,1px) rotate(0)
    }

    7% {
        -webkit-transform: translate(2px,1px) rotate(-1deg);
        transform: translate(2px,1px) rotate(-1deg)
    }

    8% {
        -webkit-transform: translate(-1px,-1px) rotate(1deg);
        transform: translate(-1px,-1px) rotate(1deg)
    }

    9% {
        -webkit-transform: translate(2px,2px) rotate(0);
        transform: translate(2px,2px) rotate(0)
    }

    10% {
        -webkit-transform: translate(2px,1px) rotate(0);
        transform: translate(2px,1px) rotate(0)
    }

    100% {
        -webkit-transform: translate(2px,1px) rotate(0);
        transform: translate(2px,1px) rotate(0)
    }
}

@-webkit-keyframes slidingInFromLeft {
    0% {
        -webkit-transform: translate3d(-600px,0,0);
        transform: translate3d(-600px,0,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slidingInFromLeft {
    0% {
        -webkit-transform: translate3d(-600px,0,0);
        transform: translate3d(-600px,0,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes slidingInFromRight {
    0% {
        -webkit-transform: translate3d(600px,0,0);
        transform: translate3d(600px,0,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slidingInFromRight {
    0% {
        -webkit-transform: translate3d(600px,0,0);
        transform: translate3d(600px,0,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes colourChange {
    from {
        color: #fff
    }

    to {
        color: #e57373
    }
}

@keyframes colourChange {
    from {
        color: #fff
    }

    to {
        color: #e57373
    }
}

@-webkit-keyframes backgroundGradientOnSeatedTogether {
    0% {
        color: #000;
        background-position: 50% 0
    }

    100% {
        color: #000;
        background-position: 50% 100%
    }
}

@keyframes backgroundGradientOnSeatedTogether {
    0% {
        color: #000;
        background-position: 50% 0
    }

    100% {
        color: #000;
        background-position: 50% 100%
    }
}

@-webkit-keyframes slideInDivFromRight {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes slideInDivFromRight {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes exploding-circle {
    45% {
        opacity: 1
    }

    46% {
        box-shadow: 0 0 .2em .13em #a3d165,0 0 5px 10px #6fb229
    }

    50% {
        box-shadow: 0 0 .2em .13em #a3d165,0 0 0 173px #6fb229
    }

    52% {
        box-shadow: 0 0 .2em .13em #a3d165,0 0 0 255px #6fb229
    }

    55% {
        opacity: 1;
        box-shadow: 0 0 .2em .13em #a3d165,0 0 0 520px #6fb229
    }

    81% {
        opacity: 0;
        box-shadow: 0 0 .2em .13em #a3d165,0 0 0 849px #6fb229
    }
}

@keyframes exploding-circle {
    45% {
        opacity: 1
    }

    46% {
        box-shadow: 0 0 .2em .13em #a3d165,0 0 5px 10px #6fb229
    }

    50% {
        box-shadow: 0 0 .2em .13em #a3d165,0 0 0 173px #6fb229
    }

    52% {
        box-shadow: 0 0 .2em .13em #a3d165,0 0 0 255px #6fb229
    }

    55% {
        opacity: 1;
        box-shadow: 0 0 .2em .13em #a3d165,0 0 0 520px #6fb229
    }

    81% {
        opacity: 0;
        box-shadow: 0 0 .2em .13em #a3d165,0 0 0 849px #6fb229
    }
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes bob-shadow {
    0% {
        transform: scale(.5)
    }

    50% {
        transform: scale(.8)
    }

    100% {
        transform: scale(.5)
    }
}

@-webkit-keyframes sm-bounce-mobile {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes sm-bounce-mobile {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.location-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    -webkit-animation-name: hvr-bob-float,hvr-bob;
    animation-name: hvr-bob-float,hvr-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

.location-bob-shadow {
    -webkit-animation-name: bob-shadow;
    -moz-animation-name: bob-shadow;
    -o-animation-name: bob-shadow;
    animation-name: bob-shadow;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes buttonShake12Deg {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(12deg);
        -moz-transform: rotate(12deg);
        -o-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes buttonShake12Deg {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(12deg);
        -moz-transform: rotate(12deg);
        -o-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes sm-blue-spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes sm-blue-spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.btn {
    background-color: #ddd;
    background-image: linear-gradient(#eee,#ddd);
    border: 1px solid #7f8081;
    border-radius: 2px;
    padding: 9px 17px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none
}

    .btn:active, .btn:focus, .btn:hover {
        color: inherit
    }

    .btn:active, .btn:focus {
        top: 1px
    }

    .btn.err, .btn.fb, .btn.pink, .btn.pri, .btn.sec {
        color: #fff
    }

    .btn.light {
        color: #000 !important
    }

    .btn.pri {
        background-color: #8cc63f;
        background-image: linear-gradient(#8cc63f,#74a631)
    }

        .btn.pri:active, .btn.pri:focus, .btn.pri:hover {
            background-color: #98cc53;
            background-image: none
        }

        .btn.pri:active, .btn.pri:focus {
            background-color: #8ac53b;
            background-image: linear-gradient(#8ac53b,#71a230)
        }

    .btn.sec {
        background-color: #7f8081;
        background-image: linear-gradient(#7f8081,#68696a)
    }

        .btn.sec:active, .btn.sec:focus, .btn.sec:hover {
            background-color: #8c8d8e;
            background-image: none
        }

        .btn.sec:active, .btn.sec:focus {
            background-color: #7c7d7e;
            background-image: linear-gradient(#7c7d7e,#666767)
        }

    .btn.dark {
        background-color: #37383a;
        background-image: linear-gradient(#37383a,#212122)
    }

        .btn.dark:active, .btn.dark:focus, .btn.dark:hover {
            background-color: #434547;
            background-image: none
        }

        .btn.dark:active, .btn.dark:focus {
            background-color: #353537;
            background-image: linear-gradient(#353537,#1e1f20)
        }

    .btn.light {
        background-color: #fff;
        -webkit-box-shadow: inset 0 -2px 0 #ccc;
        box-shadow: inset 0 -2px 0 #ccc
    }

        .btn.light:active, .btn.light:focus, .btn.light:hover {
            background-color: #f2f2f2;
            -webkit-box-shadow: inset 0 -2px 0 #b3b3b3;
            box-shadow: inset 0 -2px 0 #b3b3b3
        }

        .btn.light:active, .btn.light:focus {
            -webkit-box-shadow: inset 0 -1px 0 #b3b3b3;
            box-shadow: inset 0 -1px 0 #b3b3b3;
            background-color: #fcfcfc
        }

    .btn.err {
        background-color: #da4f49;
        background-image: linear-gradient(#da4f49,#cc3029);
        border-radius: 3px;
        padding: 9px 17px
    }

        .btn.err:active, .btn.err:focus, .btn.err:hover {
            background-color: #de635e;
            background-image: none
        }

        .btn.err:active, .btn.err:focus {
            background-color: #d94b45;
            background-image: linear-gradient(#d94b45,#c72f29)
        }

    .btn.fb {
        background-color: #6087c6;
        background-image: linear-gradient(#6087c6,#416eb7)
    }

        .btn.fb:active, .btn.fb:focus, .btn.fb:hover {
            background-color: #7395cd;
            background-image: none
        }

        .btn.fb:active, .btn.fb:focus {
            background-color: #5c84c5;
            background-image: linear-gradient(#5c84c5,#406cb3)
        }

    .btn.pink {
        background-color: #e91260;
        background-image: linear-gradient(#e91260,#be0f4e)
    }

        .btn.pink:active, .btn.pink:focus, .btn.pink:hover {
            background-color: #ee266f;
            background-image: none
        }

        .btn.pink:active, .btn.pink:focus {
            background-color: #e4125e;
            background-image: linear-gradient(#e4125e,#ba0e4c)
        }

    .btn.info {
        background-color: #1eb0ee;
        background-image: linear-gradient(#1eb0ee,#1096ce)
    }

        .btn.info:active, .btn.info:focus, .btn.info:hover {
            background-color: #36b8f0;
            background-image: none
        }

        .btn.info:active, .btn.info:focus {
            background-color: #19aeee;
            background-image: linear-gradient(#19aeee,#0f92ca)
        }

    .btn.disabled, .btn[disabled] {
        cursor: default;
        background-color: #dfdfe0;
        background-image: none !important;
        color: #9fa0a1;
        -webkit-box-shadow: 0 1px 0 #c5c5c7;
        box-shadow: 0 1px 0 #c5c5c7
    }

        .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover {
            top: 0;
            background-color: #dfdfe0
        }

        .btn.disabled:active, .btn.disabled:focus, .btn[disabled]:active, .btn[disabled]:focus {
            -webkit-box-shadow: 0 1px 0 #c5c5c7;
            box-shadow: 0 1px 0 #c5c5c7
        }

    .btn.l {
        padding: 10px 18px;
        font-size: 19px;
        line-height: normal
    }

    .btn.s {
        padding: 3px 9px;
        font-size: 13px;
        line-height: 19px
    }

    .btn.bk {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .btn.bk + .btn.bk {
            margin-top: 6px
        }

        .btn.bk.l + .btn.bk.l {
            margin-top: 12px
        }

    .btn.a, .btn.a:active, .btn.a[disabled], .btn.r {
        background-color: transparent;
        background-image: none
    }

    .btn.a, .btn.r {
        border: 0;
        cursor: pointer;
        color: #1eb0ee;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn.a {
        padding: 12px 0
    }

        .btn.a:hover {
            color: #005580;
            background-color: transparent
        }

        .btn.a[disabled]:hover {
            color: #333;
            text-decoration: none
        }

        .btn.a:active, .btn.a:focus, .btn.r:active, .btn.r:focus {
            top: 0
        }

    .btn.r {
        font-size: 14px !important;
        text-align: left;
        border-top: 1px solid #efefef;
        margin-top: 0 !important;
        margin-left: -12px;
        margin-right: -12px;
        width: auto
    }

.link {
    color: #1eb0ee;
    text-decoration: none;
    cursor: pointer
}

    .link:hover {
        color: #0c709a
    }

.btn[data-btn-loader] .btn-msg, .btn[data-btn-loader] .btn-spin {
    display: none;
    pointer-events: none
}

.btn[data-btn-loader] .btn-label {
    display: none;
    pointer-events: none
}

.btn[data-btn-loading] .btn-content {
    display: none
}

.btn[data-btn-loading] .btn-label {
    display: block !important
}

.btn[data-btn-loading] .btn-msg, .btn[data-btn-loading][data-btn-type=spin] .btn-spin {
    display: block !important
}

.btn.btn-outline {
    background-color: transparent;
    background-image: none
}

    .btn.btn-outline.pri {
        border-color: #8cc63f
    }

    .btn.btn-outline.sec {
        border-color: #7f8081
    }

    .btn.btn-outline.dark {
        border-color: #37383a
    }

    .btn.btn-outline.light {
        border-color: #fff
    }

    .btn.btn-outline.err {
        border-color: #da4f49
    }

    .btn.btn-outline.fb {
        border-color: #6087c6
    }

    .btn.btn-outline.pink {
        border-color: #e91260
    }

.cGry1 {
    color: #37383a !important
}

.bGry1 {
    background-color: #37383a !important
}

.cGry2 {
    color: #5f6062 !important
}

.bGry2 {
    background-color: #5f6062 !important
}

.cGry3 {
    color: #7f8081 !important
}

.bGry3 {
    background-color: #7f8081 !important
}

.cGry4 {
    color: #9fa0a1 !important
}

.bGry4 {
    background-color: #9fa0a1 !important
}

.cGry5 {
    color: #bfc0c0 !important
}

.bGry5 {
    background-color: #bfc0c0 !important
}

.cGry6 {
    color: #dfdfe0 !important
}

.bGry6 {
    background-color: #dfdfe0 !important
}

.cGry7 {
    color: #efefef !important
}

.bGry7 {
    background-color: #efefef !important
}

.cGry8 {
    color: #f2f2f2 !important
}

.bGry8 {
    background-color: #f2f2f2 !important
}

.cGry9 {
    color: #f9f9f9 !important
}

.bGry9 {
    background-color: #f9f9f9 !important
}

.cGrn1 {
    color: #6fb229 !important
}

.bGrn1 {
    background-color: #6fb229 !important
}

.cGrn2 {
    color: #8cc63f !important
}

.bGrn2 {
    background-color: #8cc63f !important
}

.cGrn3 {
    color: #a3d165 !important
}

.bGrn3 {
    background-color: #a3d165 !important
}

.cGrn4 {
    color: #badd8c !important
}

.bGrn4 {
    background-color: #badd8c !important
}

.cGrn5 {
    color: #d1e8b2 !important
}

.bGrn5 {
    background-color: #d1e8b2 !important
}

.cGrn6 {
    color: #e8f4d9 !important
}

.bGrn6 {
    background-color: #e8f4d9 !important
}

.cGrn7 {
    color: #f3f9eb !important
}

.bGrn7 {
    background-color: #f3f9eb !important
}

.cBlu1 {
    color: #1eb0ee !important
}

.bBlu1 {
    background-color: #1eb0ee !important
}

.cBlu2 {
    color: #2fc5f3 !important
}

.bBlu2 {
    background-color: #2fc5f3 !important
}

.cBlu3 {
    color: #59d1f5 !important
}

.bBlu3 {
    background-color: #59d1f5 !important
}

.cBlu4 {
    color: #82dcf8 !important
}

.bBlu4 {
    background-color: #82dcf8 !important
}

.cBlu5 {
    color: #ace8fa !important
}

.bBlu5 {
    background-color: #ace8fa !important
}

.cBlu6 {
    color: #d5f3fd !important
}

.bBlu6 {
    background-color: #d5f3fd !important
}

.cBlu7 {
    color: #eaf9fe !important
}

.bBlu7 {
    background-color: #eaf9fe !important
}

.cMag1 {
    color: #e91260 !important
}

.bMag1 {
    background-color: #e91260 !important
}

.cMag2 {
    color: #ff2a77 !important
}

.bMag2 {
    background-color: #ff2a77 !important
}

.cMag3 {
    color: #f4538d !important
}

.bMag3 {
    background-color: #f4538d !important
}

.cMag4 {
    color: #f77eaa !important
}

.bMag4 {
    background-color: #f77eaa !important
}

.cMag5 {
    color: #f9a9c6 !important
}

.bMag5 {
    background-color: #f9a9c6 !important
}

.cMag6 {
    color: #fcd4e3 !important
}

.bMag6 {
    background-color: #fcd4e3 !important
}

.cMag7 {
    color: #fee9f1 !important
}

.bMag7 {
    background-color: #fee9f1 !important
}

.cYel1 {
    color: #ffb900 !important
}

.bYel1 {
    background-color: #ffb900 !important
}

.cYel2 {
    color: #fc0 !important
}

.bYel2 {
    background-color: #fc0 !important
}

.cYel3 {
    color: #ffd633 !important
}

.bYel3 {
    background-color: #ffd633 !important
}

.cYel4 {
    color: #ffe066 !important
}

.bYel4 {
    background-color: #ffe066 !important
}

.cYel5 {
    color: #ffeb99 !important
}

.bYel5 {
    background-color: #ffeb99 !important
}

.cYel6 {
    color: #fff5cc !important
}

.bYel6 {
    background-color: #fff5cc !important
}

.cYel7 {
    color: #fffae5 !important
}

.bYel7 {
    background-color: #fffae5 !important
}

.cRed1 {
    color: #e45d5d !important
}

.bRed1 {
    background-color: #e45d5d !important
}

.cRed2 {
    color: #900 !important
}

.bRed2 {
    background-color: #900 !important
}

.cRed3 {
    color: #e00007 !important
}

.bRed3 {
    background-color: #e00007 !important
}

.cnRed1 {
    color: #b71c1c !important
}

.bnRed1 {
    background-color: #b71c1c !important
}

.cnRed2 {
    color: #d32f2f !important
}

.bnRed2 {
    background-color: #d32f2f !important
}

.cnRed3 {
    color: #e53935 !important
}

.bnRed3 {
    background-color: #e53935 !important
}

.cnRed4 {
    color: #ef5350 !important
}

.bnRed4 {
    background-color: #ef5350 !important
}

.cnRed5 {
    color: #e57373 !important
}

.bnRed5 {
    background-color: #e57373 !important
}

.cnRed6 {
    color: #ef9a9a !important
}

.bnRed6 {
    background-color: #ef9a9a !important
}

.cnRed7 {
    color: #ffcdd2 !important
}

.bnRed7 {
    background-color: #ffcdd2 !important
}

.cOrg1 {
    color: #f0ad4e !important
}

.bOrg1 {
    background-color: #f0ad4e !important
}

.cOrg2 {
    color: #f87a44 !important
}

.bOrg2 {
    background-color: #f87a44 !important
}

.cOrg3 {
    color: #e14d32 !important
}

.bOrg3 {
    background-color: #e14d32 !important
}

.cnOrg1 {
    color: #e14d32 !important
}

.bnOrg1 {
    background-color: #e14d32 !important
}

.cnOrg2 {
    color: #f87a44 !important
}

.bnOrg2 {
    background-color: #f87a44 !important
}

.cnOrg3 {
    color: #ec971f !important
}

.bnOrg3 {
    background-color: #ec971f !important
}

.cnOrg4 {
    color: #f0ad4e !important
}

.bnOrg4 {
    background-color: #f0ad4e !important
}

.cnOrg5 {
    color: #f4c37d !important
}

.bnOrg5 {
    background-color: #f4c37d !important
}

.cnOrg6 {
    color: #f8d9ac !important
}

.bnOrg6 {
    background-color: #f8d9ac !important
}

.cnOrg7 {
    color: #fceedb !important
}

.bnOrg7 {
    background-color: #fceedb !important
}

.cdBlu1 {
    color: #084d6b !important
}

.bdBlu1 {
    background-color: #084d6b !important
}

.cdBlu2 {
    color: #0a5f83 !important
}

.bdBlu2 {
    background-color: #0a5f83 !important
}

.cdBlu3 {
    color: #0c709a !important
}

.bdBlu3 {
    background-color: #0c709a !important
}

.cdBlu4 {
    color: #0d81b2 !important
}

.bdBlu4 {
    background-color: #0d81b2 !important
}

.cdBlu5 {
    color: #0f92ca !important
}

.bdBlu5 {
    background-color: #0f92ca !important
}

.cdBlu6 {
    color: #11a3e1 !important
}

.bdBlu6 {
    background-color: #11a3e1 !important
}

.cBlk {
    color: #000 !important
}

.bBlk {
    background-color: #000 !important
}

.cWht {
    color: #fff !important
}

.bWht {
    background-color: #fff !important
}

.cInit {
    color: initial
}

.cfix:after, .cfix:before {
    display: table;
    content: "";
    line-height: 0
}

.cfix:after {
    clear: both
}

.pointer {
    cursor: pointer
}

.penone {
    pointer-events: none
}

.peauto {
    pointer-events: auto
}

.cursor {
    cursor: default
}

.fltr {
    float: right
}

.fltl {
    float: left
}

.fltn {
    float: none
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.cb {
    clear: both
}

.txtr {
    text-align: right
}

@media screen and (max-width:480px) {
    .txtr-s, .txtrs {
        text-align: right !important
    }
}

@media screen and (max-width:767px) {
    .txtr-m, .txtrm {
        text-align: right !important
    }
}

@media screen and (max-width:1023px) {
    .txtr-l, .txtrl {
        text-align: right !important
    }
}

.txtl {
    text-align: left
}

@media screen and (max-width:480px) {
    .txtl-s, .txtls {
        text-align: left !important
    }
}

@media screen and (max-width:767px) {
    .txtl-m, .txtlm {
        text-align: left !important
    }
}

@media screen and (max-width:1023px) {
    .txtl-s, .txtls {
        text-align: left !important
    }
}

.txtc {
    text-align: center
}

@media screen and (max-width:480px) {
    .txtc-s, .txtcs {
        text-align: center !important
    }
}

@media screen and (max-width:767px) {
    .txtc-m, .txtcm {
        text-align: center !important
    }
}

@media screen and (max-width:1023px) {
    .txtc-l, .txtcl {
        text-align: center !important
    }
}

.bk {
    display: block
}

@media screen and (max-width:480px) {
    .bk-s {
        display: block !important
    }
}

@media screen and (max-width:767px) {
    .bk-m {
        display: block !important
    }
}

@media screen and (max-width:1023px) {
    .bk-l {
        display: block !important
    }
}

.bki {
    display: block !important
}

.ibk {
    display: inline-block
}

.inline {
    display: inline
}

.hide {
    display: none !important
}

.hide-soft {
    display: none
}

.show {
    display: block
}

.invis {
    visibility: hidden;
    opacity: 0 !important
}

.vis {
    visibility: visible;
    opacity: 1 !important
}

.fadeIn {
    visibility: visible;
    opacity: 1 !important;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

.fadeOut {
    visibility: hidden;
    opacity: 0 !important;
    -moz-transition: visibility 0s linear 1s,opacity 1s linear;
    -o-transition: visibility 0s linear 1s,opacity 1s linear;
    -webkit-transition: visibility 0s linear 1s,opacity 1s linear;
    transition: visibility 0s linear 1s,opacity 1s linear
}

.rollover img {
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.rollover:hover img {
    opacity: .8
}

.oflowhide {
    overflow: hidden
}

.oflowvis {
    overflow: visible
}

.oflowscroll {
    overflow: scroll
}

.oflowauto {
    overflow: auto
}

.nosel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none
}

.noshad {
    -webkit-text-shadow: none;
    text-shadow: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.is {
    -webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,.33);
    box-shadow: inset 0 3px 3px rgba(0,0,0,.33)
}

.lh {
    line-height: normal
}

.lh12 {
    line-height: 12px !important
}

.bbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vtop, .vtop .td, .vtop .th, .vtop td, .vtop th {
    vertical-align: top
}

.vmid, .vmid .td, .vmid .th, .vmid td, .vmid th {
    vertical-align: middle
}

.vbot, .vbot .td, .vbot .th, .vbot td, .vbot th {
    vertical-align: bottom
}

.vtxttop, .vtxttop .td, .vtxttop .th, .vtxttop td, .vtxttop th {
    vertical-align: text-top
}

.vtxtbot, .vtxtbot .td, .vtxtbot .th, .vtxtbot td, .vtxtbot th {
    vertical-align: text-bottom
}

.sep {
    border-collapse: separate
}

.hrs {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef;
    float: none;
    clear: both;
    display: block;
    -webkit-box-shadow: 0 1px rgba(255,255,255,.75);
    box-shadow: 0 1px rgba(255,255,255,.75)
}

.hrd {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef;
    border-style: dashed;
    float: none;
    clear: both;
    display: block;
    -webkit-text-shadow: 0 1px #fff;
    text-shadow: 0 1px #fff
}

.imgbdr {
    background: #fff;
    border: 1px solid #bfbfc0;
    padding: 3px;
    cursor: pointer
}

.imgFull {
    width: 100%;
    height: auto
}

.imgMax, .imgMax img {
    max-width: 100%;
    height: auto
}

.bkgdCover {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.bkgd-nr {
    background-repeat: no-repeat
}

.scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrollx {
    overflow-x: scroll
}

.scrolly {
    overflow-y: scroll
}

body div .m0 {
    margin: 0
}

.mauto {
    margin: 0 auto
}

.mtauto {
    margin-top: auto
}

.mbauto {
    margin-bottom: auto
}

.row {
    padding-bottom: 12px
}

    .row p:last-of-type {
        padding-bottom: 0
    }

.nowrap {
    white-space: nowrap
}

.wrappable {
    white-space: normal !important
}

.rel {
    position: relative
}

.absl {
    position: absolute
}

.fixd {
    position: fixed
}

.ellip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.justify {
    text-align: justify;
    font-size: .1px;
    line-height: 0
}

    .justify:after {
        content: "";
        display: inline-block;
        width: 100%
    }

    .form .blank, .justify .blank {
        display: inline-block;
        margin: 0 !important;
        padding: 0 !important;
        height: 0
    }

.p0 {
    padding: 0 !important
}

.pxxs {
    padding: 3px !important
}

.pxs {
    padding: 6px !important
}

.ps {
    padding: 9px !important
}

.pm {
    padding: 12px !important
}

.pl {
    padding: 18px !important
}

.pxl {
    padding: 24px !important
}

.pxxl {
    padding: 36px !important
}

.pxxxl {
    padding: 48px !important
}

.in0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.inxxs {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.inxs {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.ins {
    padding-left: 9px !important;
    padding-right: 9px !important
}

.inm {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.inl {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.inxl {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.inxxl {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.inxxxl {
    padding-left: 48px !important;
    padding-right: 48px !important
}

body .uu0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

body .uuxxs {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

body .uuxs {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

body .uus {
    padding-top: 9px !important;
    padding-bottom: 9px !important
}

body .uum {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

body .uul {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

body .uuxl {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

body .uuxxl {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

body .uuxxxl {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.pt0 {
    padding-top: 0 !important
}

.ptxxs {
    padding-top: 3px !important
}

.ptxs {
    padding-top: 6px !important
}

.pts {
    padding-top: 9px !important
}

.ptm {
    padding-top: 12px !important
}

.ptl {
    padding-top: 18px !important
}

.ptxl {
    padding-top: 24px !important
}

.ptxxl {
    padding-top: 36px !important
}

.ptxxxl {
    padding-top: 48px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pbxxs {
    padding-bottom: 3px !important
}

.pbxs {
    padding-bottom: 6px !important
}

.pbs {
    padding-bottom: 9px !important
}

.pbm {
    padding-bottom: 12px !important
}

.pbl {
    padding-bottom: 18px !important
}

.pbxl {
    padding-bottom: 24px !important
}

.pbxxl {
    padding-bottom: 36px !important
}

.pbxxxl {
    padding-bottom: 48px !important
}

.pr0 {
    padding-right: 0 !important
}

.prxxs {
    padding-right: 3px !important
}

.prxs {
    padding-right: 6px !important
}

.prs {
    padding-right: 9px !important
}

.prm {
    padding-right: 12px !important
}

.prl {
    padding-right: 18px !important
}

.prxl {
    padding-right: 24px !important
}

.prxxl {
    padding-right: 36px !important
}

.prxxxl {
    padding-right: 48px !important
}

.pl0 {
    padding-left: 0 !important
}

.plxxs {
    padding-left: 3px !important
}

.plxs {
    padding-left: 6px !important
}

.pls {
    padding-left: 9px !important
}

.plm {
    padding-left: 12px !important
}

.pll {
    padding-left: 18px !important
}

.plxl {
    padding-left: 24px !important
}

.plxxl {
    padding-left: 36px !important
}

.plxxxl {
    padding-left: 48px !important
}

@media screen and (max-width:1023px) {
    .p0-l {
        padding: 0 !important
    }

    .pxxs-l {
        padding: 3px !important
    }

    .pxs-l {
        padding: 6px !important
    }

    .ps-l {
        padding: 9px !important
    }

    .pm-l {
        padding: 12px !important
    }

    .pl-l {
        padding: 18px !important
    }

    .pxl-l {
        padding: 24px !important
    }

    .pxxl-l {
        padding: 36px !important
    }

    .pxxxl-l {
        padding: 48px !important
    }

    .in0-l {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .inxxs-l {
        padding-left: 3px !important;
        padding-right: 3px !important
    }

    .inxs-l {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

    .ins-l {
        padding-left: 9px !important;
        padding-right: 9px !important
    }

    .inm-l {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .inl-l {
        padding-left: 18px !important;
        padding-right: 18px !important
    }

    .inxl-l {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .inxxl-l {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .inxxxl-l {
        padding-left: 48px !important;
        padding-right: 48px !important
    }

    .uu0-l {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .uuxxs-l {
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    .uuxs-l {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .uus-l {
        padding-top: 9px !important;
        padding-bottom: 9px !important
    }

    .uum-l {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }

    .uul-l {
        padding-top: 18px !important;
        padding-bottom: 18px !important
    }

    .uuxl-l {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .uuxxl-l {
        padding-top: 36px !important;
        padding-bottom: 36px !important
    }

    .uuxxxl-l {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .pt0-l {
        padding-top: 0 !important
    }

    .ptxxs-l {
        padding-top: 3px !important
    }

    .ptxs-l {
        padding-top: 6px !important
    }

    .pts-l {
        padding-top: 9px !important
    }

    .ptm-l {
        padding-top: 12px !important
    }

    .ptl-l {
        padding-top: 18px !important
    }

    .ptxl-l {
        padding-top: 24px !important
    }

    .ptxxl-l {
        padding-top: 36px !important
    }

    .ptxxxl-l {
        padding-top: 48px !important
    }

    .pb0-l {
        padding-bottom: 0 !important
    }

    .pbxxs-l {
        padding-bottom: 3px !important
    }

    .pbxs-l {
        padding-bottom: 6px !important
    }

    .pbs-l {
        padding-bottom: 9px !important
    }

    .pbm-l {
        padding-bottom: 12px !important
    }

    .pbl-l {
        padding-bottom: 18px !important
    }

    .pbxl-l {
        padding-bottom: 24px !important
    }

    .pbxxl-l {
        padding-bottom: 36px !important
    }

    .pbxxxl-l {
        padding-bottom: 48px !important
    }

    .pr0-l {
        padding-right: 0 !important
    }

    .prxxs-l {
        padding-right: 3px !important
    }

    .prxs-l {
        padding-right: 6px !important
    }

    .prs-l {
        padding-right: 9px !important
    }

    .prm-l {
        padding-right: 12px !important
    }

    .prl-l {
        padding-right: 18px !important
    }

    .prxl-l {
        padding-right: 24px !important
    }

    .prxxl-l {
        padding-right: 36px !important
    }

    .prxxxl-l {
        padding-right: 48px !important
    }

    .pl0-l {
        padding-left: 0 !important
    }

    .plxxs-l {
        padding-left: 3px !important
    }

    .plxs-l {
        padding-left: 6px !important
    }

    .pls-l {
        padding-left: 9px !important
    }

    .plm-l {
        padding-left: 12px !important
    }

    .pll-l {
        padding-left: 18px !important
    }

    .plxl-l {
        padding-left: 24px !important
    }

    .plxxl-l {
        padding-left: 36px !important
    }

    .plxxxl-l {
        padding-left: 48px !important
    }
}

@media screen and (max-width:767px) {
    .p0-m {
        padding: 0 !important
    }

    .pxxs-m {
        padding: 3px !important
    }

    .pxs-m {
        padding: 6px !important
    }

    .ps-m {
        padding: 9px !important
    }

    .pm-m {
        padding: 12px !important
    }

    .pl-m {
        padding: 18px !important
    }

    .pxl-m {
        padding: 24px !important
    }

    .pxxl-m {
        padding: 36px !important
    }

    .pxxxl-m {
        padding: 48px !important
    }

    .in0-m {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .inxxs-m {
        padding-left: 3px !important;
        padding-right: 3px !important
    }

    .inxs-m {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

    .ins-m {
        padding-left: 9px !important;
        padding-right: 9px !important
    }

    .inm-m {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .inl-m {
        padding-left: 18px !important;
        padding-right: 18px !important
    }

    .inxl-m {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .inxxl-m {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .inxxxl-m {
        padding-left: 48px !important;
        padding-right: 48px !important
    }

    body .uu0-m {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    body .uuxxs-m {
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    body .uuxs-m {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    body .uus-m {
        padding-top: 9px !important;
        padding-bottom: 9px !important
    }

    body .uum-m {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }

    body .uul-m {
        padding-top: 18px !important;
        padding-bottom: 18px !important
    }

    body .uuxl-m {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    body .uuxxl-m {
        padding-top: 36px !important;
        padding-bottom: 36px !important
    }

    body .uuxxxl-m {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .pt0-m {
        padding-top: 0 !important
    }

    .ptxxs-m {
        padding-top: 3px !important
    }

    .ptxs-m {
        padding-top: 6px !important
    }

    .pts-m {
        padding-top: 9px !important
    }

    .ptm-m {
        padding-top: 12px !important
    }

    .ptl-m {
        padding-top: 18px !important
    }

    .ptxl-m {
        padding-top: 24px !important
    }

    .ptxxl-m {
        padding-top: 36px !important
    }

    .ptxxxl-m {
        padding-top: 48px !important
    }

    .pb0-m {
        padding-bottom: 0 !important
    }

    .pbxxs-m {
        padding-bottom: 3px !important
    }

    .pbxs-m {
        padding-bottom: 6px !important
    }

    .pbs-m {
        padding-bottom: 9px !important
    }

    .pbm-m {
        padding-bottom: 12px !important
    }

    .pbl-m {
        padding-bottom: 18px !important
    }

    .pbxl-m {
        padding-bottom: 24px !important
    }

    .pbxxl-m {
        padding-bottom: 36px !important
    }

    .pbxxxl-m {
        padding-bottom: 48px !important
    }

    .pr0-m {
        padding-right: 0 !important
    }

    .prxxs-m {
        padding-right: 3px !important
    }

    .prxs-m {
        padding-right: 6px !important
    }

    .prs-m {
        padding-right: 9px !important
    }

    .prm-m {
        padding-right: 12px !important
    }

    .prl-m {
        padding-right: 18px !important
    }

    .prxl-m {
        padding-right: 24px !important
    }

    .prxxl-m {
        padding-right: 36px !important
    }

    .prxxxl-m {
        padding-right: 48px !important
    }

    .pl0-m {
        padding-left: 0 !important
    }

    .plxxs-m {
        padding-left: 3px !important
    }

    .plxs-m {
        padding-left: 6px !important
    }

    .pls-m {
        padding-left: 9px !important
    }

    .plm-m {
        padding-left: 12px !important
    }

    .pll-m {
        padding-left: 18px !important
    }

    .plxl-m {
        padding-left: 24px !important
    }

    .plxxl-m {
        padding-left: 36px !important
    }

    .plxxxl-m {
        padding-left: 48px !important
    }
}

@media screen and (max-width:480px) {
    .pl0-s {
        padding-left: 0 !important
    }

    .plxxs-s {
        padding-left: 3px !important
    }

    .plxs-s {
        padding-left: 6px !important
    }

    .pls-s {
        padding-left: 9px !important
    }

    .plm-s {
        padding-left: 12px !important
    }

    .pll-s {
        padding-left: 18px !important
    }

    .plxl-s {
        padding-left: 24px !important
    }

    .plxxl-s {
        padding-left: 36px !important
    }

    .plxxxl-s {
        padding-left: 48px !important
    }

    .in0-s {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .inxxs-s {
        padding-left: 3px !important;
        padding-right: 3px !important
    }

    .inxs-s {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

    .ins-s {
        padding-left: 9px !important;
        padding-right: 9px !important
    }

    .inm-s {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .inl-s {
        padding-left: 18px !important;
        padding-right: 18px !important
    }

    .inxl-s {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .inxxl-s {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .inxxxl-s {
        padding-left: 48px !important;
        padding-right: 48px !important
    }

    body .uu0-s {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    body .uuxxs-s {
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    body .uuxs-s {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    body .uus-s {
        padding-top: 9px !important;
        padding-bottom: 9px !important
    }

    body .uum-s {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }

    body .uul-s {
        padding-top: 18px !important;
        padding-bottom: 18px !important
    }

    body .uuxl-s {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    body .uuxxl-s {
        padding-top: 36px !important;
        padding-bottom: 36px !important
    }

    body .uuxxxl-s {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .pt0-s {
        padding-top: 0 !important
    }

    .ptxxs-s {
        padding-top: 3px !important
    }

    .ptxs-s {
        padding-top: 6px !important
    }

    .pts-s {
        padding-top: 9px !important
    }

    .ptm-s {
        padding-top: 12px !important
    }

    .ptl-s {
        padding-top: 18px !important
    }

    .ptxl-s {
        padding-top: 24px !important
    }

    .ptxxl-s {
        padding-top: 36px !important
    }

    .ptxxxl-s {
        padding-top: 48px !important
    }

    .pb0-s {
        padding-bottom: 0 !important
    }

    .pbxxs-s {
        padding-bottom: 3px !important
    }

    .pbxs-s {
        padding-bottom: 6px !important
    }

    .pbs-s {
        padding-bottom: 9px !important
    }

    .pbm-s {
        padding-bottom: 12px !important
    }

    .pbl-s {
        padding-bottom: 18px !important
    }

    .pbxl-s {
        padding-bottom: 24px !important
    }

    .pbxxl-s {
        padding-bottom: 36px !important
    }

    .pbxxxl-s {
        padding-bottom: 48px !important
    }

    .pr0-s {
        padding-right: 0 !important
    }

    .prxxs-s {
        padding-right: 3px !important
    }

    .prxs-s {
        padding-right: 6px !important
    }

    .prs-s {
        padding-right: 9px !important
    }

    .prm-s {
        padding-right: 12px !important
    }

    .prl-s {
        padding-right: 18px !important
    }

    .prxl-s {
        padding-right: 24px !important
    }

    .prxxl-s {
        padding-right: 36px !important
    }

    .prxxxl-s {
        padding-right: 48px !important
    }

    .pl0-s {
        padding-left: 0 !important
    }

    .plxxs-s {
        padding-left: 3px !important
    }

    .plxs-s {
        padding-left: 6px !important
    }

    .pls-s {
        padding-left: 9px !important
    }

    .pls-s {
        padding-left: 12px !important
    }

    .pll-s {
        padding-left: 18px !important
    }

    .plxl-s {
        padding-left: 24px !important
    }

    .plxxl-s {
        padding-left: 36px !important
    }

    .plxxxl-s {
        padding-left: 48px !important
    }
}

.mt0 {
    margin-top: 0 !important
}

.mtxxs {
    margin-top: 3px !important
}

.mtxs {
    margin-top: 6px !important
}

.mts {
    margin-top: 9px !important
}

.mtm {
    margin-top: 12px !important
}

.mtl {
    margin-top: 18px !important
}

.mtxl {
    margin-top: 24px !important
}

.mtxxl {
    margin-top: 36px !important
}

.mtxxxl {
    margin-top: 48px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mbxxs {
    margin-bottom: 3px !important
}

.mbxs {
    margin-bottom: 6px !important
}

.mbs {
    margin-bottom: 9px !important
}

.mbm {
    margin-bottom: 12px !important
}

.mbl {
    margin-bottom: 18px !important
}

.mbxl {
    margin-bottom: 24px !important
}

.mbxxl {
    margin-bottom: 36px !important
}

.mbxxxl {
    margin-bottom: 48px !important
}

.mr0 {
    margin-right: 0 !important
}

.mrxxs {
    margin-right: 3px !important
}

.mrxs {
    margin-right: 6px !important
}

.mrs {
    margin-right: 9px !important
}

.mrm {
    margin-right: 12px !important
}

.mrl {
    margin-right: 18px !important
}

.mrxl {
    margin-right: 24px !important
}

.mrxxl {
    margin-right: 36px !important
}

.mrxxxl {
    margin-right: 48px !important
}

.ml0 {
    margin-left: 0 !important
}

.mlxxs {
    margin-left: 3px !important
}

.mlxs {
    margin-left: 6px !important
}

.mls {
    margin-left: 9px !important
}

.mlm {
    margin-left: 12px !important
}

.mll {
    margin-left: 18px !important
}

.mlxl {
    margin-left: 24px !important
}

.mlxxl {
    margin-left: 36px !important
}

.mlxxxl {
    margin-left: 48px !important
}

@media screen and (max-width:1023px) {
    .mt0-l {
        margin-top: 0 !important
    }

    .mtxxs-l {
        margin-top: 3px !important
    }

    .mtxs-l {
        margin-top: 6px !important
    }

    .mts-l {
        margin-top: 9px !important
    }

    .mtm-l {
        margin-top: 12px !important
    }

    .mtl-l {
        margin-top: 18px !important
    }

    .mtxl-l {
        margin-top: 24px !important
    }

    .mtxxl-l {
        margin-top: 36px !important
    }

    .mtxxxl-l {
        margin-top: 48px !important
    }

    .mb0-l {
        margin-bottom: 0 !important
    }

    .mbxxs-l {
        margin-bottom: 3px !important
    }

    .mbxs-l {
        margin-bottom: 6px !important
    }

    .mbs-l {
        margin-bottom: 9px !important
    }

    .mbm-l {
        margin-bottom: 12px !important
    }

    .mbl-l {
        margin-bottom: 18px !important
    }

    .mbxl-l {
        margin-bottom: 24px !important
    }

    .mbxxl-l {
        margin-bottom: 36px !important
    }

    .mbxxxl-l {
        margin-bottom: 48px !important
    }

    .mr0-l {
        margin-right: 0 !important
    }

    .mrxxs-l {
        margin-right: 3px !important
    }

    .mrxs-l {
        margin-right: 6px !important
    }

    .mrs-l {
        margin-right: 9px !important
    }

    .mrm-l {
        margin-right: 12px !important
    }

    .mrl-l {
        margin-right: 18px !important
    }

    .mrxl-l {
        margin-right: 24px !important
    }

    .mrxxl-l {
        margin-right: 36px !important
    }

    .mrxxxl-l {
        margin-right: 48px !important
    }

    .ml0-l {
        margin-left: 0 !important
    }

    .mlxxs-l {
        margin-left: 3px !important
    }

    .mlxs-l {
        margin-left: 6px !important
    }

    .mls-l {
        margin-left: 9px !important
    }

    .mlm-l {
        margin-left: 12px !important
    }

    .mll-l {
        margin-left: 18px !important
    }

    .mlxl-l {
        margin-left: 24px !important
    }

    .mlxxl-l {
        margin-left: 36px !important
    }

    .mlxxxl-l {
        margin-left: 48px !important
    }
}

@media screen and (max-width:767px) {
    .mt0-m {
        margin-top: 0 !important
    }

    .mtxxs-m {
        margin-top: 3px !important
    }

    .mtxs-m {
        margin-top: 6px !important
    }

    .mts-m {
        margin-top: 9px !important
    }

    .mtm-m {
        margin-top: 12px !important
    }

    .mtl-m {
        margin-top: 18px !important
    }

    .mtxl-m {
        margin-top: 24px !important
    }

    .mtxxl-m {
        margin-top: 36px !important
    }

    .mtxxxl-m {
        margin-top: 48px !important
    }

    .mb0-m {
        margin-bottom: 0 !important
    }

    .mbxxs-m {
        margin-bottom: 3px !important
    }

    .mbxs-m {
        margin-bottom: 6px !important
    }

    .mbs-m {
        margin-bottom: 9px !important
    }

    .mbm-m {
        margin-bottom: 12px !important
    }

    .mbl-m {
        margin-bottom: 18px !important
    }

    .mbxl-m {
        margin-bottom: 24px !important
    }

    .mbxxl-m {
        margin-bottom: 36px !important
    }

    .mbxxxl-m {
        margin-bottom: 48px !important
    }

    .mr0-m {
        margin-right: 0 !important
    }

    .mrxxs-m {
        margin-right: 3px !important
    }

    .mrxs-m {
        margin-right: 6px !important
    }

    .mrs-m {
        margin-right: 9px !important
    }

    .mrm-m {
        margin-right: 12px !important
    }

    .mrl-m {
        margin-right: 18px !important
    }

    .mrxl-m {
        margin-right: 24px !important
    }

    .mrxxl-m {
        margin-right: 36px !important
    }

    .mrxxxl-m {
        margin-right: 48px !important
    }

    .ml0-m {
        margin-left: 0 !important
    }

    .mlxxs-m {
        margin-left: 3px !important
    }

    .mlxs-m {
        margin-left: 6px !important
    }

    .mls-m {
        margin-left: 9px !important
    }

    .mlm-m {
        margin-left: 12px !important
    }

    .mll-m {
        margin-left: 18px !important
    }

    .mlxl-m {
        margin-left: 24px !important
    }

    .mlxxl-m {
        margin-left: 36px !important
    }

    .mlxxxl-m {
        margin-left: 48px !important
    }
}

@media screen and (max-width:480px) {
    .mt0-s {
        margin-top: 0 !important
    }

    .mtxxs-s {
        margin-top: 3px !important
    }

    .mtxs-s {
        margin-top: 6px !important
    }

    .mts-s {
        margin-top: 9px !important
    }

    .mtm-s {
        margin-top: 12px !important
    }

    .mtl-s {
        margin-top: 18px !important
    }

    .mtxl-s {
        margin-top: 24px !important
    }

    .mtxxl-s {
        margin-top: 36px !important
    }

    .mtxxxl-s {
        margin-top: 48px !important
    }

    .mb0-s {
        margin-bottom: 0 !important
    }

    .mbxxs-s {
        margin-bottom: 3px !important
    }

    .mbxs-s {
        margin-bottom: 6px !important
    }

    .mbs-s {
        margin-bottom: 9px !important
    }

    .mbm-s {
        margin-bottom: 12px !important
    }

    .mbl-s {
        margin-bottom: 18px !important
    }

    .mbxl-s {
        margin-bottom: 24px !important
    }

    .mbxxl-s {
        margin-bottom: 36px !important
    }

    .mbxxxl-s {
        margin-bottom: 48px !important
    }

    .mr0-s {
        margin-right: 0 !important
    }

    .mrxxs-s {
        margin-right: 3px !important
    }

    .mrxs-s {
        margin-right: 6px !important
    }

    .mrs-s {
        margin-right: 9px !important
    }

    .mrm-s {
        margin-right: 12px !important
    }

    .mrl-s {
        margin-right: 18px !important
    }

    .mrxl-s {
        margin-right: 24px !important
    }

    .mrxxl-s {
        margin-right: 36px !important
    }

    .mrxxxl-s {
        margin-right: 48px !important
    }

    .ml0-s {
        margin-left: 0 !important
    }

    .mlxxs-s {
        margin-left: 3px !important
    }

    .mlxs-s {
        margin-left: 6px !important
    }

    .mls-s {
        margin-left: 9px !important
    }

    .mlm-s {
        margin-left: 12px !important
    }

    .mll-s {
        margin-left: 18px !important
    }

    .mlxl-s {
        margin-left: 24px !important
    }

    .mlxxl-s {
        margin-left: 36px !important
    }

    .mlxxxl-s {
        margin-left: 48px !important
    }
}

.bdr {
    border: 1px solid #efefef
}

.bdr0 {
    border: 0 !important
}

.bdrt {
    border-top: 1px solid #efefef
}

.bdrt0 {
    border-top: 0 !important
}

.bdrr {
    border-right: 1px solid #efefef
}

.bdrr0 {
    border-right: 0 !important
}

.bdrb {
    border-bottom: 1px solid #efefef
}

.bdrb0 {
    border-bottom: 0 !important
}

.bdrl {
    border-left: 1px solid #efefef
}

.bdrl0 {
    border-left: 0 !important
}

.bdr.bm {
    border: 2px solid #dfdfe0
}

.bdrt.bm {
    border-top: 2px solid #dfdfe0
}

.bdrr.bm {
    border-right: 2px solid #dfdfe0
}

.bdrb.bm {
    border-bottom: 2px solid #dfdfe0
}

.bdrl.bm {
    border-left: 2px solid #dfdfe0
}

.bdr.dash {
    border-style: dashed
}

.bdrt.dash {
    border-top-style: dashed
}

.bdrr.dash {
    border-right-style: dashed
}

.bdrb.dash {
    border-bottom-style: dashed
}

.bdrl.dash {
    border-left-style: dashed
}

.bdr.dot {
    border-style: dotted
}

.bdrt.dot {
    border-top-style: dotted
}

.bdrr.dot {
    border-right-style: dotted
}

.bdrb.dot {
    border-bottom-style: dotted
}

.bdrl.dot {
    border-left-style: dotted
}

.bdrcWht {
    border-color: #fff !important
}

.radius0 {
    border-radius: 0 !important
}

.radius {
    border-radius: 4px
}

.radiuss {
    border-radius: 3px
}

.radius-circle {
    border-radius: 50%
}

.radius-t {
    border-radius: 4px 4px 0 0 !important
}

.radius-st {
    border-radius: 3px 3px 0 0 !important
}

.radius-b {
    border-radius: 0 0 4px 4px !important
}

.radius-sb {
    border-radius: 0 0 3px 3px !important
}

.w5, .w5r {
    width: 5% !important
}

.w10, .w10r {
    width: 10% !important
}

.w15, .w15r {
    width: 15% !important
}

.w20, .w20r {
    width: 20% !important
}

.w25, .w25r {
    width: 25% !important
}

.w30, .w30r {
    width: 30% !important
}

.w33, .w33r {
    width: 33% !important
}

.w40, .w40r {
    width: 40% !important
}

.w45, .w45r {
    width: 45% !important
}

.w48, .w48r {
    width: 48% !important
}

.w49, .w49r {
    width: 49% !important
}

.w50, .w50r {
    width: 50% !important
}

.w55, .w55r {
    width: 55% !important
}

.w60, .w60r {
    width: 60% !important
}

.w65, .w65r {
    width: 65% !important
}

.w66, .w66r {
    width: 66% !important
}

.w70, .w70r {
    width: 70% !important
}

.w75, .w75r {
    width: 75% !important
}

.w80, .w80r {
    width: 80% !important
}

.w85, .w85r {
    width: 85% !important
}

.w90, .w90r {
    width: 90% !important
}

.w95, .w95r {
    width: 95% !important
}

.w100 {
    width: 100% !important
}

.wAuto {
    width: auto !important
}

@media screen and (max-width:1600px) {
    .w5-xl {
        width: 5% !important
    }

    .w10-xl {
        width: 10% !important
    }

    .w15-xl {
        width: 15% !important
    }

    .w20-xl {
        width: 20% !important
    }

    .w25-xl {
        width: 25% !important
    }

    .w30-xl {
        width: 30% !important
    }

    .w33-xl {
        width: 33% !important
    }

    .w40-xl {
        width: 40% !important
    }

    .w45-xl {
        width: 45% !important
    }

    .w48-xl {
        width: 48% !important
    }

    .w49-xl {
        width: 49% !important
    }

    .w50-xl {
        width: 50% !important
    }

    .w55-xl {
        width: 55% !important
    }

    .w60-xl {
        width: 60% !important
    }

    .w65-xl {
        width: 65% !important
    }

    .w66-xl {
        width: 66% !important
    }

    .w70-xl {
        width: 70% !important
    }

    .w75-xl {
        width: 75% !important
    }

    .w80-xl {
        width: 80% !important
    }

    .w85-xl {
        width: 85% !important
    }

    .w90-xl {
        width: 90% !important
    }

    .w95-xl {
        width: 95% !important
    }

    .w100-xl {
        width: 100% !important
    }
}

@media screen and (max-width:1270px) {
    .w5-pgw {
        width: 5% !important
    }

    .w10-pgw {
        width: 10% !important
    }

    .w15-pgw {
        width: 15% !important
    }

    .w20-pgw {
        width: 20% !important
    }

    .w25-pgw {
        width: 25% !important
    }

    .w30-pgw {
        width: 30% !important
    }

    .w33-pgw {
        width: 33% !important
    }

    .w40-pgw {
        width: 40% !important
    }

    .w45-pgw {
        width: 45% !important
    }

    .w48-pgw {
        width: 48% !important
    }

    .w49-pgw {
        width: 49% !important
    }

    .w50-pgw {
        width: 50% !important
    }

    .w55-pgw {
        width: 55% !important
    }

    .w60-pgw {
        width: 60% !important
    }

    .w65-pgw {
        width: 65% !important
    }

    .w66-pgw {
        width: 66% !important
    }

    .w70-pgw {
        width: 70% !important
    }

    .w75-pgw {
        width: 75% !important
    }

    .w80-pgw {
        width: 80% !important
    }

    .w85-pgw {
        width: 85% !important
    }

    .w90-pgw {
        width: 90% !important
    }

    .w95-pgw {
        width: 95% !important
    }

    .w100-pgw {
        width: 100% !important
    }
}

@media screen and (max-width:1023px) {
    .w5-l {
        width: 5% !important
    }

    .w10-l {
        width: 10% !important
    }

    .w15-l {
        width: 15% !important
    }

    .w20-l {
        width: 20% !important
    }

    .w25-l {
        width: 25% !important
    }

    .w30-l {
        width: 30% !important
    }

    .w33-l {
        width: 33% !important
    }

    .w40-l {
        width: 40% !important
    }

    .w45-l {
        width: 45% !important
    }

    .w48-l {
        width: 48% !important
    }

    .w49-l {
        width: 49% !important
    }

    .w50-l {
        width: 50% !important
    }

    .w55-l {
        width: 55% !important
    }

    .w60-l {
        width: 60% !important
    }

    .w65-l {
        width: 65% !important
    }

    .w66-l {
        width: 66% !important
    }

    .w70-l {
        width: 70% !important
    }

    .w75-l {
        width: 75% !important
    }

    .w80-l {
        width: 80% !important
    }

    .w85-l {
        width: 85% !important
    }

    .w90-l {
        width: 90% !important
    }

    .w95-l {
        width: 95% !important
    }

    .w100-l {
        width: 100% !important
    }
}

@media screen and (max-width:767px) {
    .w10r, .w15r, .w20r, .w25r, .w30r, .w33r, .w40r, .w45r, .w48r, .w49r, .w50r, .w55r, .w5r, .w60r, .w65r, .w66r, .w70r, .w75r, .w80r, .w90r {
        width: 100% !important
    }

    .w5-m {
        width: 5% !important
    }

    .w10-m {
        width: 10% !important
    }

    .w15-m {
        width: 15% !important
    }

    .w20-m {
        width: 20% !important
    }

    .w25-m {
        width: 25% !important
    }

    .w30-m {
        width: 30% !important
    }

    .w33-m {
        width: 33% !important
    }

    .w40-m {
        width: 40% !important
    }

    .w45-m {
        width: 45% !important
    }

    .w48-m {
        width: 48% !important
    }

    .w49-m {
        width: 49% !important
    }

    .w50-m {
        width: 50% !important
    }

    .w55-m {
        width: 55% !important
    }

    .w60-m {
        width: 60% !important
    }

    .w65-m {
        width: 65% !important
    }

    .w66-m {
        width: 66% !important
    }

    .w70-m {
        width: 70% !important
    }

    .w75-m {
        width: 75% !important
    }

    .w80-m {
        width: 80% !important
    }

    .w85-m {
        width: 85% !important
    }

    .w90-m {
        width: 90% !important
    }

    .w95-m {
        width: 95% !important
    }

    .w100-m {
        width: 100% !important
    }
}

@media screen and (max-width:480px) {
    .w5-s {
        width: 5% !important
    }

    .w10-s {
        width: 10% !important
    }

    .w15-s {
        width: 15% !important
    }

    .w20-s {
        width: 20% !important
    }

    .w25-s {
        width: 25% !important
    }

    .w30-s {
        width: 30% !important
    }

    .w33-s {
        width: 33% !important
    }

    .w40-s {
        width: 40% !important
    }

    .w45-s {
        width: 45% !important
    }

    .w48-s {
        width: 48% !important
    }

    .w49-s {
        width: 49% !important
    }

    .w50-s {
        width: 50% !important
    }

    .w55-s {
        width: 55% !important
    }

    .w60-s {
        width: 60% !important
    }

    .w65-s {
        width: 65% !important
    }

    .w66-s {
        width: 66% !important
    }

    .w70-s {
        width: 70% !important
    }

    .w75-s {
        width: 75% !important
    }

    .w80-s {
        width: 80% !important
    }

    .w85-s {
        width: 85% !important
    }

    .w90-s {
        width: 90% !important
    }

    .w95-s {
        width: 95% !important
    }

    .w100-s {
        width: 100% !important
    }
}

.h100 {
    height: 100% !important
}

.modal {
    background: #f2f2f2;
    z-index: 999;
    position: absolute;
    height: 90%;
    width: 90%;
    top: 5%;
    left: 5%;
    -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.8);
    box-shadow: 0 0 5px 5px rgba(0,0,0,.8);
    padding: 24px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dialog {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0)
}

    .dialog > div {
        position: absolute;
        background-color: rgba(0,0,0,.8);
        overflow: hidden;
        padding: 18px 0;
        top: 50%;
        margin-top: -50px;
        width: 200px;
        left: 50%;
        margin-left: -100px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-weight: 700
    }

.sash {
    position: absolute;
    color: #fff;
    background-color: #8cc63f;
    padding: 3px 9px;
    margin-top: 12px;
    margin-left: -8px;
    font-weight: 700
}

    .sash:before {
        border-right-color: #567b24
    }

    .sash:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        bottom: -7px;
        border-right-width: 8px;
        border-right-style: solid;
        border-bottom: 7px solid transparent
    }

    .sash + .tile {
        padding-top: 45px
    }

    .sash.m + .tile {
        padding-top: 55px
    }

    .sash.l + .tile {
        padding-top: 59px
    }

    .sash.xl + .tile {
        padding-top: 66px
    }

    .sash.xxl + .tile {
        padding-top: 74px
    }

    .sash.xxxl + .tile {
        padding-top: 86px
    }

    .sash.blu {
        background-color: #1eb0ee
    }

        .sash.blu:before {
            border-right-color: #0c709a
        }

    .sash.mag {
        background-color: #f4538d
    }

        .sash.mag:before {
            border-right-color: #d30e55
        }

    .sash.gry {
        background-color: #7f8081
    }

        .sash.gry:before {
            border-right-color: #4c4d4e
        }

.rnum {
    display: inline-block;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
    padding: 2px 7px;
    position: relative;
    bottom: 2px
}

.bcrmb {
    padding: 0 0 12px;
    display: block
}

    .bcrmb:after, .bcrmb:before {
        display: table;
        content: "";
        line-height: 0
    }

    .bcrmb:after {
        clear: both
    }

    .bcrmb a, .bcrmb span {
        margin: 6px 0;
        position: relative;
        float: left
    }

    .bcrmb a {
        color: #7f8081;
        border-bottom: 1px solid #7f8081;
        margin-right: 13px
    }

        .bcrmb a:after {
            content: "/";
            color: #7f8081;
            position: absolute;
            right: -8px;
            top: 0
        }

        .bcrmb a:before {
            top: 0
        }

    .bcrmb span {
        color: #37383a;
        font-weight: 700
    }

    .bcrmb.cWht a {
        color: #fff;
        border-bottom-color: #fff
    }

        .bcrmb.cWht a:after {
            color: #fff
        }

        .bcrmb.cWht a:before {
            color: #fff
        }

    .bcrmb.cWht span {
        color: #fff
    }

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.vid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.help-hvr:hover {
    background-color: #f9f9f9
}

.min90 {
    min-height: 90px
}

.arrow-right {
    position: relative;
    display: inline-block
}

    .arrow-right:after, .arrow-right:before {
        width: 0;
        height: 0;
        content: '';
        border-style: solid;
        position: absolute;
        border-width: 31px;
        top: -15px
    }

    .arrow-right:before {
        right: -70px;
        border-color: transparent transparent transparent #dfdfe0
    }

    .arrow-right:after {
        right: -68px;
        border-color: transparent transparent transparent #fff
    }

@media screen and (max-width:480px) {
    .arrow-right:after, .arrow-right:before {
        display: none
    }
}

.trans-e-150 {
    -moz-transition: transform 150ms ease-in-out;
    -o-transition: transform 150ms ease-in-out;
    -webkit-transition: transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out
}

.trans-e-250 {
    -moz-transition: transform 250ms ease-in-out;
    -o-transition: transform 250ms ease-in-out;
    -webkit-transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out
}

.trans-e-300 {
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.trans-e-500 {
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.trans-e-1000 {
    -moz-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out
}

.cw-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cw-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ccw-90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ccw-180 {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.tp0 {
    top: 0
}

.tp100 {
    top: 100%
}

.btm0 {
    bottom: 0
}

.lt0 {
    left: 0
}

.rt0 {
    right: 0
}

.absl-full {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.o0 {
    opacity: 0
}

.o01 {
    opacity: .1
}

.o02 {
    opacity: .2
}

.o03 {
    opacity: .3
}

.o04 {
    opacity: .4
}

.o05 {
    opacity: .5
}

.o06 {
    opacity: .6
}

.o07 {
    opacity: .7
}

.o08 {
    opacity: .8
}

.o09 {
    opacity: .9
}

.o10 {
    opacity: 1
}

.fwn {
    font-weight: 400 !important
}

.no-select {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.bboxi {
    box-sizing: border-box !important
}

.resize-none {
    resize: none
}

.badge {
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

button, input, select, textarea {
    color: #373839;
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    font-family: foundry,'Helvetica Neue',Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

button, input {
    line-height: normal
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    button, input[type=button], input[type=reset], input[type=submit] {
        cursor: pointer;
        -webkit-appearance: button
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

textarea {
    overflow: auto;
    vertical-align: top
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    font-family: foundry,'Helvetica Neue',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    padding: 4px 3px;
    border: 2px solid #ccc;
    margin-top: 4px;
    font-size: 16px;
    line-height: 20px;
    color: #47484a;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s
}

body input:-ms-input-placeholder {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select {
    height: 38px
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 4px 7px
}

input[type=checkbox], input[type=radio] {
    display: inline-block;
    margin-top: -2px
}

    input[type=checkbox] ~ label, input[type=radio] ~ label {
        display: inline;
        line-height: normal;
        margin-top: 6px;
        font-weight: 400
    }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.dbd, input[disabled], select[disabled], textarea[disabled] {
    background-color: #efefef;
    color: #7f8081;
    -webkit-text-fill-color: #5f6062
}

input[type=file] {
    margin-top: 4px;
    background-color: #fff
}

    input[type=file]::-webkit-file-upload-button {
        border: 0;
        padding: 9px 17px;
        font-weight: 700;
        background-color: #dfdfe0;
        -webkit-box-shadow: inset 0 -2px 0 #c0c0c2;
        box-shadow: inset 0 -2px 0 #c0c0c2;
        position: relative;
        color: #4b4c4d;
        border-radius: 3px;
        display: inline-block;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: none;
        -webkit-backface-visibility: hidden;
        padding: 3px 9px;
        font-size: 12px;
        line-height: 19px
    }

        input[type=file]::-webkit-file-upload-button:active, input[type=file]::-webkit-file-upload-button:focus, input[type=file]::-webkit-file-upload-button:hover {
            background-color: #ececed
        }

        input[type=file]::-webkit-file-upload-button:active, input[type=file]::-webkit-file-upload-button:focus {
            -webkit-box-shadow: inset 0 -1px 0 #c5c5c7;
            box-shadow: inset 0 -1px 0 #c5c5c7;
            background-color: #dcdcdd
        }

        input[type=file]::-webkit-file-upload-button:active, input[type=file]::-webkit-file-upload-button:focus, input[type=file]::-webkit-file-upload-button:hover {
            color: inherit
        }

        input[type=file]::-webkit-file-upload-button:active, input[type=file]::-webkit-file-upload-button:focus {
            top: 1px
        }

    input[type=file]::-ms-browse {
        border: 0;
        padding: 9px 17px;
        font-weight: 700;
        background-color: #dfdfe0;
        -webkit-box-shadow: inset 0 -2px 0 #c0c0c2;
        box-shadow: inset 0 -2px 0 #c0c0c2;
        position: relative;
        color: #4b4c4d;
        border-radius: 3px;
        display: inline-block;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: none;
        -webkit-backface-visibility: hidden
    }

        input[type=file]::-ms-browse:active, input[type=file]::-ms-browse:focus, input[type=file]::-ms-browse:hover {
            background-color: #ececed
        }

        input[type=file]::-ms-browse:active, input[type=file]::-ms-browse:focus {
            -webkit-box-shadow: inset 0 -1px 0 #c5c5c7;
            box-shadow: inset 0 -1px 0 #c5c5c7;
            background-color: #dcdcdd
        }

        input[type=file]::-ms-browse:active, input[type=file]::-ms-browse:focus, input[type=file]::-ms-browse:hover {
            color: inherit
        }

        input[type=file]::-ms-browse:active, input[type=file]::-ms-browse:focus {
            top: 1px
        }

    input[type=file]::-ms-value {
        background-color: #fff;
        border: 2px solid #ccc;
        margin-right: 6px
    }

::-webkit-input-placeholder {
    color: #bfbfc0
}

:-moz-placeholder {
    color: #bfbfc0
}

input[type=checkbox].hide + i {
    cursor: pointer
}

label {
    font-weight: 700;
    font-size: 14px;
    display: block;
    font-family: foundry,'Helvetica Neue',Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

input[type=checkbox] ~ label, input[type=radio] ~ label {
    font-size: 12px;
    cursor: pointer
}

input.sel {
    border: 2px solid #82dcf8
}

.col21, .col321 {
    margin-bottom: 6px;
    margin-right: 2%;
    float: left
}

    .col21 label, .col321 label {
        display: inline !important
    }

.col321 {
    width: 31.3%
}

@media screen and (max-width:767px) {
    .col321 {
        width: 48%
    }
}

@media screen and (max-width:480px) {
    .col321 {
        width: 100%
    }
}

.col21 {
    width: 48%
}

@media screen and (max-width:480px) {
    .col21 {
        width: 100%
    }
}

.form + .form {
    margin-top: 15px
}

.form .fg {
    margin-bottom: 15px
}

    .form .fg:last-of-type {
        margin-bottom: 0
    }

.form input + input {
    margin-top: 9px
}

.form small {
    color: #7f8081;
    margin-top: 3px;
    display: block;
    margin-bottom: -3px
}

    .form small.ibk {
        display: inline-block
    }

.form li {
    padding-bottom: 6px
}

.form.fline .fg:after, .form.fline .fg:before {
    display: table;
    content: "";
    line-height: 0
}

.form.fline .fg:after {
    clear: both
}

.form.fline label {
    float: left;
    width: 27%;
    text-align: right;
    margin-top: 12px
}

@media screen and (max-width:767px) {
    .form.fline label {
        float: none;
        width: auto;
        text-align: left;
        margin-top: 0
    }
}

.form.fline .inin {
    width: 70%;
    float: right
}

@media screen and (max-width:767px) {
    .form.fline .inin {
        float: none;
        width: auto
    }
}

.form.fline input[type=checkbox] ~ label, .form.fline input[type=radio] ~ label {
    width: auto;
    float: none;
    margin-top: 6px
}

.uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #1eb0ee;
    outline: 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.easy input[type=color], .easy input[type=date], .easy input[type=datetime-local], .easy input[type=datetime], .easy input[type=email], .easy input[type=month], .easy input[type=number], .easy input[type=password], .easy input[type=search], .easy input[type=tel], .easy input[type=text], .easy input[type=url], .easy input[type=week], input[type=time] {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s
}

.easy select {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s
}

.form .fel {
    width: 50%;
    display: block
}

.form .fem {
    width: 32%
}

@media screen and (max-width:480px) {
    .form .fel, .form .fem {
        width: 100%
    }
}

.form .fes {
    width: 80px
}

    .form .fes + .fes {
        margin-left: 9px
    }

.form .fexs {
    width: 50px
}

.form .helper {
    vertical-align: bottom;
    font-size: 12px;
    line-height: 30px;
    margin-left: 3px
}

.inlgrp {
    text-align: justify
}

    .inlgrp > div {
        display: inline-block;
        vertical-align: bottom;
        position: relative
    }

    .inlgrp label {
        line-height: 20px
    }

    .inlgrp input, .inlgrp select {
        vertical-align: bottom
    }

        .inlgrp input[type=checkbox], .inlgrp input[type=radio] {
            vertical-align: baseline
        }

    .inlgrp .field-validation-error {
        font-size: 14px;
        line-height: 20px;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 1
    }

    .inlgrp.inl2 > div {
        width: 49%
    }

    .inlgrp.inl3 > div {
        width: 32%
    }

.form .inlbtn {
    display: table;
    width: 100%
}

    .form .inlbtn > label {
        display: table-row
    }

    .form .inlbtn > div {
        display: table-cell
    }

    .form .inlbtn > label + div {
        padding-right: 1%
    }

    .form .inlbtn > div + div {
        width: 1px;
        text-align: right
    }

    .form .inlbtn.l input[type=text] {
        margin-top: 0;
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 5px 0 0 5px;
        font-size: 36px;
        height: 71px;
        line-height: 1.5
    }

    .form .inlbtn.l .btn {
        font-weight: 400;
        padding-left: 18px;
        padding-right: 18px;
        border-radius: 0 5px 5px 0;
        margin-left: 2px;
        font-size: 36px;
        height: 71px;
        line-height: 1.5;
        color: #fff;
        background-color: #8cc63f;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .form .inlbtn.l .btn:hover {
            background-color: #a3d165
        }

.addon {
    display: table;
    border-collapse: separate !important;
    margin-top: 4px
}

    .addon .inpt, .addon .symb {
        display: table-cell
    }

    .addon .symb {
        width: 1%;
        white-space: nowrap;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        padding: 6px 12px;
        background-color: #efefef;
        text-align: center;
        vertical-align: middle;
        border-bottom: 2px solid #ccc;
        border-top: 2px solid #ccc;
        border-left: 2px solid #ccc
    }

        .addon .symb:last-child {
            border-left: 0;
            border-right: 2px solid #ccc
        }

    .addon .inpt input {
        margin: 0 !important;
        line-height: 1.5
    }

    .addon.l .symb {
        font-size: 30px;
        padding: 12px 14px
    }

    .addon.l .inpt input {
        height: 50px;
        font-size: 24px
    }

.req label:after {
    content: "*";
    color: #d12626
}

.field-validation-error {
    display: inline-block
}

.field-validation-valid {
    display: none
}

.field-validation-error, .validation-summary-errors {
    color: #fff;
    background: #e45d5d
}

.field-validation-error {
    padding: 5px 9px
}

.validation-summary-errors {
    padding: 0 9px
}

.input-validation-error {
    border: 2px solid #dd3535 !important
}

.validation-summary-errors {
    margin-bottom: 12px
}

.err span {
    margin-bottom: 0 !important
}

ul.err {
    padding-bottom: 0 !important;
    margin: 0
}

.err li {
    list-style-type: none
}

.err {
    border-radius: 3px;
    background: #e45d5d;
    padding: 3px 6px
}

.rgxErr {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #e45d5d;
    padding: 3px 6px;
    max-width: 87%;
    z-index: 1;
    position: absolute;
    opacity: .9;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,.3)
}

    .rgxErr .a {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        color: #fff
    }

        .rgxErr .a.u {
            margin-top: -5px;
            top: 0;
            left: 9px;
            margin-left: -5px;
            border-bottom-color: #dd3535;
            border-width: 0 5px 5px
        }

    .err span, .rgxErr span {
        color: #fff;
        padding-bottom: 0 !important
    }

.rgxInputErr {
    border: 1px solid #dd3535
}

.rgxInputOk {
    border: 1px solid #8cc63f
}

.aComp {
    z-index: 2;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(0,0,0,.3);
    background: #fff;
    color: #000;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,.3)
}

    .aComp li {
        padding: 12px;
        border-bottom: 1px solid #efefef;
        cursor: pointer
    }

        .aComp li.sel, .aComp li:hover {
            background: #f9f9f9
        }

.toggle:after, .toggle:before {
    display: table;
    content: "";
    line-height: 0
}

.toggle:after {
    clear: both
}

.toggle input:empty {
    display: none
}

    .toggle input:empty ~ label {
        position: relative;
        float: left;
        line-height: 29px;
        text-indent: 70px;
        font-weight: 700;
        margin-top: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .toggle input:empty ~ label:after, .toggle input:empty ~ label:before {
            content: ' ';
            position: absolute;
            height: 29px;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            width: 63px;
            background-color: #c33;
            border-radius: 3px;
            box-shadow: inset 1px 2px 1px rgba(0,0,0,.3);
            -webkit-transition: all .1s ease-in;
            transition: all .1s ease-in
        }

        .toggle input:empty ~ label:after {
            width: 23px;
            height: 23px;
            top: 3px;
            bottom: 3px;
            margin-left: 3px;
            background-color: #fff;
            border-radius: 2px;
            box-shadow: 0 2px 1px rgba(0,0,0,.2)
        }

.toggle input:checked ~ label:before {
    background-color: #8cc63f
}

.toggle input:checked ~ label:after {
    margin-left: 37px
}

.toggle input[disabled] ~ label:before {
    background-color: #dfdfe0
}

.fileinput-button {
    position: relative;
    overflow: hidden
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 100px;
        direction: ltr;
        cursor: pointer
    }

.input-validation-valid {
    border: 2px solid #8cc63f !important
}

.input-validation-tick {
    color: #8cc63f;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 15px
}

.input-crd {
    display: block;
    position: relative
}

    .input-crd:before {
        background-image: url(https://img.vggcdn.net/img/2/assets/icons/cards/grouped/amaex-alt/mc_vs_ax-alt_jcb_disc_transparent_vertical_037.png);
        background-position: 0 40px;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 45px;
        right: 10px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        -moz-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
        width: 37px
    }

.input-crd-pos-val:before {
    right: -47px
}

[class*=input-crd-]:before {
    opacity: 1
}

.input-crd-visa:before {
    background-position: 0 -1px
}

.input-crd-mastercard:before {
    background-position: 0 -48px
}

.input-crd-amex:before {
    background-position: 0 -95px
}

.input-crd-jcb:before {
    background-position: 0 -141px
}

.input-crd-discover:before {
    background-position: 0 -189px
}

.input-otp {
    font-size: 40px !important;
    letter-spacing: 20px !important;
    height: 65px !important;
    text-align: center !important;
    border-radius: 15px !important
}

.input-otp-lg {
    font-size: 60px !important;
    letter-spacing: 40px !important;
    height: 75px !important;
    text-align: center !important;
    border-radius: 15px !important
}

.tile {
    background-color: #fff;
    border: 1px solid #dfdfe0;
    border-bottom-width: 0;
    -webkit-box-shadow: 0 2px 1px #dfdfe0;
    box-shadow: 0 2px 1px #dfdfe0;
    padding: 18px;
    border-radius: 3px
}

@media screen and (max-width:767px) {
    .tile {
        padding: 12px 9px 14px
    }
}

div.mzodal div.tile {
    box-shadow: 0 0;
    border-width: 0
}

.tile.tbd {
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding-left: 74px;
    background: #fff url(https://img.vggcdn.net/img/assets/icons/ticket_guarantee_45x47.gif) no-repeat 15px 15px
}

.tile .tile {
    border: 2px solid #dfdfe0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

@media screen and (max-width:767px) {
    .tile .tile {
        padding: 12px
    }
}

.tile.tile0 .tile {
    background-color: #fff;
    border: 1px solid #dfdfe0;
    border-bottom-width: 0;
    -webkit-box-shadow: 0 2px 1px #dfdfe0;
    box-shadow: 0 2px 1px #dfdfe0;
    padding: 18px;
    border-radius: 3px;
    border: none
}

@media screen and (max-width:767px) {
    .tile.tile0 .tile {
        padding: 12px 9px 14px
    }
}

.edge {
    border: 1px solid #dfdfe0;
    border-bottom-width: 0;
    -webkit-box-shadow: 0 2px 1px #dfdfe0;
    box-shadow: 0 2px 1px #dfdfe0
}

.tile.press {
    cursor: pointer;
    background-color: #f2f2f2;
    border-radius: 4px;
    border: 0;
    -webkit-box-shadow: 0 4px 0 #d9d9d9;
    box-shadow: 0 4px 0 #d9d9d9;
    position: relative
}

    .tile.press:hover {
        background-color: #f9f9f9
    }

    .tile.press:active {
        top: 2px;
        background-color: #efefef;
        -webkit-box-shadow: 0 1px 0 #d9d9d9;
        box-shadow: 0 1px 0 #d9d9d9
    }

    .tile.press.sel {
        border: 5px solid #82dcf8;
        background-color: #eaf9fe;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.tile.r.sel {
    border-color: #1eb0ee;
    background-color: #eaf9fe
}

.tile.press.sel:active {
    top: 0
}

.tile.press:before {
    height: 0;
    width: 100%;
    content: "";
    positition: inherit;
    position: absolute;
    top: 0;
    left: 0
}

.tile.press:active:before {
    height: 2px;
    top: -2px
}

.radio-box.tile.sel {
    border-color: #82dcf8;
    background-color: #eaf9fe
}

.tile + .tile {
    margin-top: 12px
}

.arw, .tile .r, .tile.r {
    position: relative;
    font-size: 16px
}

    .arw:before, .tile .r:before, .tile.r:before {
        content: "\f054";
        font-family: goicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .arw:before, .tile .r:before, .tile.r:before {
        font-family: goicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -7px;
        color: #bfc0c0
    }

.tile.sq {
    border-radius: 0
}

.info-bnr {
    background: #d5f3fd;
    border-color: #ace8fa;
    color: #1ba0d8;
    padding: 12px;
    text-align: center;
    margin-bottom: 12px
}

.tile.error, .tile.info, .tile.note, .tile.success {
    border-width: 1px;
    box-shadow: none !important;
    border-style: solid
}

    .tile.error a, .tile.info a, .tile.note a, .tile.success a {
        background: #fff;
        padding: 2px 4px;
        -moz-transition: background .2s ease;
        -o-transition: background .2s ease;
        -webkit-transition: background .2s ease;
        transition: background .2s ease
    }

        .tile.error a:hover, .tile.info a:hover, .tile.note a:hover, .tile.success a:hover {
            background: rgba(0,0,0,.4)
        }

.tile.error {
    background: #e45d5d;
    border-color: #e45d5d;
    color: #fff
}

    .tile.error a {
        color: #e45d5d
    }

.tile.note {
    background: #f0ad4e;
    border-color: #da9d47;
    color: #fff
}

    .tile.note a {
        color: #f0ad4e
    }

.tile .r.note:before, .tile.r.note:before {
    color: #fff
}

.tile.info {
    background: #2fc5f3;
    border-color: #2fc5f3;
    color: #fff
}

    .tile.info a {
        color: #2fc5f3
    }

.tile.success {
    background: #a3d165;
    border-color: #a3d165;
    color: #fff
}

    .tile.success a {
        color: #a3d165
    }

.tile.blue-note, .tile.green-note, .tile.red-note, .tile.yellow-note {
    border: 1px solid #dfdfe0;
    border-bottom-width: 0;
    -webkit-box-shadow: 0 2px 1px #dfdfe0;
    box-shadow: 0 2px 1px #dfdfe0;
    border-radius: 3px;
    border-width: 0 0 0 9px
}

.tile.red-note {
    background-color: #fcd4e3;
    border-left: 9px solid #e45d5d
}

.tile.green-note {
    background-color: #e8f4d9;
    border-left: 9px solid #6fb229
}

.tile.blue-note {
    background-color: #d5f3fd;
    border-left: 9px solid #1eb0ee
}

.tile.yellow-note {
    background-color: #fff5cc;
    border-left: 9px solid #ffb900
}

.tile.canclose {
    padding-right: 35px
}

    .tile.canclose > .close {
        color: inherit;
        float: right;
        font-size: 18px;
        line-height: 1;
        position: relative;
        right: -21px;
        top: -2px
    }

    .tile.canclose > button.close {
        -webkit-appearance: none;
        background: 0 0;
        border: 0;
        cursor: pointer;
        padding: 0
    }

#filter .i-cog {
    font-size: 28px;
    color: #9fa0a1;
    display: block;
    text-align: center;
    padding-top: 6px
}

.tile .icon {
    padding-left: 34px
}

.icon {
    background-image: url(https://img.vggcdn.net/img/mobile/common/icon_sprite.png);
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px
}

.iAdd {
    width: 20px;
    height: 20px;
    padding-left: 10px
}

.iFedEx, .iPDF, .iUPS {
    display: inline-block
}

.iPDF {
    background-position: -22px 0;
    width: 43px;
    height: 41px
}

.iUPS {
    background-position: -67px 0;
    width: 34px;
    height: 41px
}

.iFedEx {
    background-position: -108px 0;
    width: 79px;
    height: 30px
}

.iGlobe {
    background-position: -186px 0;
    height: 25px;
    width: 25px
}

.iCog {
    background-position: -217px 0;
    height: 26px;
    width: 26px
}

ul.tile {
    list-style-type: none;
    margin-left: 0;
    padding: 0
}

    ul.tile li {
        border-top: 1px solid #efefef
    }

        ul.tile li:first-child {
            border-top: none
        }

        ul.tile li.pri {
            background: #5f6062
        }

            ul.tile li.pri a {
                color: #fff;
                font-weight: 700
            }

                ul.tile li.pri a:hover {
                    background-color: #37383a
                }

    ul.tile a {
        display: block;
        padding: 12px 18px;
        color: #37383a
    }

        ul.tile a:hover {
            background-color: #f2f2f2
        }

    ul.tile .act a {
        background: #9fa0a1;
        color: #fff
    }

    ul.tile li.s a {
        padding: 6px 9px
    }

    ul.tile ul {
        margin-bottom: 12px
    }

        ul.tile ul li {
            text-indent: 30px;
            border-bottom: 0
        }

            ul.tile ul li a {
                padding: 6px 0
            }

.tile.l {
    padding-top: 11px;
    padding-bottom: 11px
}

.boxhov {
    cursor: pointer;
    position: relative
}

.boxhovcontent {
    display: none;
    background-color: #fff;
    padding: 18px;
    position: absolute;
    z-index: 11;
    top: 100%;
    border: 10px solid #dfdfe0;
    -webkit-box-shadow: 0 6px 9px rgba(0,0,0,.4);
    box-shadow: 0 6px 9px rgba(0,0,0,.4)
}

    .boxhovcontent:after, .boxhovcontent:before {
        display: table;
        content: "";
        line-height: 0
    }

    .boxhovcontent:after {
        clear: both
    }

    .boxhovcontent:before {
        content: "";
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-bottom-color: #dfdfe0;
        position: absolute;
        top: -22px;
        right: 6px
    }

    .boxhovcontent.left:before {
        left: 6px
    }

    .boxhovcontent.right {
        right: 0
    }

    .boxhovcontent.left {
        left: 0
    }

    .boxhov:hover .boxhovcontent, .boxhovcontent:hover {
        display: block
    }

.tile .invisible {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

@media screen and (max-width:767px) {
    .tile .invisible {
        padding: 12px
    }
}

div.spinner, input.loading:after {
    margin-left: auto;
    margin-right: auto;
    width: 15px;
    height: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: 0 0;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid #fff;
    -webkit-animation: rotate 1.2s infinite linear;
    -moz-animation: rotate 1.2s infinite linear;
    -ms-animation: rotate 1.2s infinite linear;
    -o-animation: rotate 1.2s infinite linear;
    animation: rotate 1.2s infinite linear
}

input.loading:after {
    content: ""
}

div.spinner.dark {
    border-bottom-color: #9fa0a1;
    border-left-color: #9fa0a1
}

.spin {
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background: 0 0;
    border: 1px solid #9fa0a1;
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-animation: rotate 1.2s infinite linear;
    -moz-animation: rotate 1.2s infinite linear;
    -ms-animation: rotate 1.2s infinite linear;
    -o-animation: rotate 1.2s infinite linear;
    animation: rotate 1.2s infinite linear
}

    .spin.xs {
        width: 12px;
        height: 12px;
        border-width: 3px
    }

    .spin.s {
        width: 15px;
        height: 15px;
        border-width: 4px
    }

    .spin.m {
        width: 20px;
        height: 20px;
        border-width: 8px
    }

    .spin.l {
        width: 35px;
        height: 35px;
        border-width: 12px
    }

    .spin.thin.xl {
        width: 80px;
        height: 80px;
        border-width: 8px
    }

    .spin.thin.xxxl {
        width: 160px;
        height: 160px;
        border-width: 12px
    }

    .spin.light {
        border-bottom-color: #fff;
        border-left-color: #fff
    }

@keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.load.i {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 6px
}

.tabs {
    display: block;
    border-bottom: 4px solid #8cc63f
}

    .tabs li {
        display: table-cell
    }

        .tabs li a {
            display: inline-block;
            text-align: center;
            border: 1px solid #dfdfe0;
            background: #dfdfe0;
            padding: 12px 18px;
            margin-right: 9px;
            color: #37383a;
            border-radius: 3px 3px 0 0;
            font-weight: 700;
            cursor: pointer
        }

@media screen and (max-width:480px) {
    .tabs li a {
        font-size: 12px;
        padding: 9px 12px;
        margin-right: 6px
    }
}

.tabs li a:hover {
    background: #d1e8b2;
    border-color: #d1e8b2
}

.tabs li a:active {
    background: #badd8c;
    border-color: #badd8c
}

.tabs li.act a {
    color: #fff;
    background: #8cc63f;
    cursor: default;
    border-color: #8cc63f
}

.tabs li.facebook a {
    color: #fff;
    background: #6087c6;
    border-color: #6087c6
}

.tabs + .tile {
    border: 2px solid #dfdfe0;
    border-top: none;
    box-shadow: none
}

html body .v-bg-, html body .v-bg-default {
    background: #fff
}

html body .v-bg-green {
    background: #abcb59
}

html body .v-bg-green2 {
    background: #d2e08b
}

html body .v-bg-blue {
    background: #91b9d3
}

html body .v-bg-blue2 {
    background: #bcd3e7
}

html body .v-bg-orange {
    background: #f9b55c
}

html body .v-bg-orange2 {
    background: #ffd180
}

html body .v-bg-purple {
    background: #c297c5
}

html body .v-bg-purple2 {
    background: #e5cae2
}

html body .v-bg-red {
    background: #dc6868
}

html body .v-bg-red2 {
    background: #f4a5a6
}

html body .v-bg-teal {
    background: #84c1ad
}

html body .v-bg-teal2 {
    background: #b5e1d3
}

html body .v-bg-yellow {
    background: #f4e042
}

html body .v-bg-yellow2 {
    background: #fff165
}

html body .v-bdr-, html body .v-bdr-default {
    border-color: #fff
}

html body .v-bdr-green {
    border-color: #abcb59
}

html body .v-bdr-green2 {
    border-color: #d2e08b
}

html body .v-bdr-blue {
    border-color: #91b9d3
}

html body .v-bdr-blue2 {
    border-color: #bcd3e7
}

html body .v-bdr-orange {
    border-color: #f9b55c
}

html body .v-bdr-orange2 {
    border-color: #ffd180
}

html body .v-bdr-purple {
    border-color: #c297c5
}

html body .v-bdr-purple2 {
    border-color: #e5cae2
}

html body .v-bdr-red {
    border-color: #dc6868
}

html body .v-bdr-red2 {
    border-color: #f4a5a6
}

html body .v-bdr-teal {
    border-color: #84c1ad
}

html body .v-bdr-teal2 {
    border-color: #b5e1d3
}

html body .v-bdr-yellow {
    border-color: #f4e042
}

html body .v-bdr-yellow2 {
    border-color: #fff165
}

[class^=fm-] {
    background-image: url(https://img.vggcdn.net/img/2/assets/icons/flags/flags32-v2.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    border: 1px solid #efefef
}

.fm-gb {
    background-position: 0 0
}

.fm-it {
    background-position: 0 -30px
}

.fm-nl {
    background-position: 0 -60px
}

.fm-fr {
    background-position: 0 -90px
}

.fm-de {
    background-position: 0 -120px
}

.fm-jp {
    background-position: 0 -150px
}

.fm-es {
    background-position: 0 -180px
}

.fm-hk {
    background-position: 0 -210px
}

.fm-sg {
    background-position: 0 -240px
}

.fm-nz {
    background-position: 0 -270px
}

.fm-ae {
    background-position: 0 -300px
}

.fm-in {
    background-position: 0 -330px
}

.fm-pe {
    background-position: 0 -360px
}

.fm-co {
    background-position: 0 -390px
}

.fm-ve {
    background-position: 0 -420px
}

.fm-py {
    background-position: 0 -450px
}

.fm-uy {
    background-position: 0 -480px
}

.fm-bo {
    background-position: 0 -510px
}

.fm-ec {
    background-position: 0 -540px
}

.fm-do {
    background-position: 0 -570px
}

.fm-pr {
    background-position: 0 -600px
}

.fm-id {
    background-position: 0 -630px
}

.fm-cn {
    background-position: 0 -660px
}

.fm-tw {
    background-position: 0 -690px
}

.fm-kr {
    background-position: 0 -720px
}

.fm-vn {
    background-position: 0 -750px
}

.fm-my {
    background-position: 0 -780px
}

.fm-th {
    background-position: 0 -810px
}

.fm-cz {
    background-position: 0 -840px
}

.fm-sk {
    background-position: 0 -870px
}

.fm-hr {
    background-position: 0 -900px
}

.fm-hu {
    background-position: 0 -930px
}

.fm-lv {
    background-position: 0 -960px
}

.fm-ee {
    background-position: 0 -990px
}

.fm-sa {
    background-position: 0 -1020px
}

.fm-kw {
    background-position: 0 -1050px
}

.fm-qa {
    background-position: 0 -1080px
}

.fm-bh {
    background-position: 0 -1110px
}

.fm-il {
    background-position: 0 -1140px
}

[class^=fs-] {
    background-image: url(https://img.vggcdn.net/img/2/assets/icons/flags/flags24-v2.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 17px;
    border: 1px solid #efefef
}

.fs-gb {
    background-position: 0 0
}

.fs-it {
    background-position: 0 -22px
}

.fs-nl {
    background-position: 0 -44px
}

.fs-fr {
    background-position: 0 -66px
}

.fs-de {
    background-position: 0 -88px
}

.fs-jp {
    background-position: 0 -110px
}

.fs-es {
    background-position: 0 -132px
}

.fs-hk {
    background-position: 0 -154px
}

.fs-sg {
    background-position: 0 -176px
}

.fs-nz {
    background-position: 0 -198px
}

.fs-ae {
    background-position: 0 -220px
}

.fs-in {
    background-position: 0 -242px
}

.fs-pe {
    background-position: 0 -264px
}

.fs-co {
    background-position: 0 -286px
}

.fs-ve {
    background-position: 0 -308px
}

.fs-py {
    background-position: 0 -330px
}

.fs-uy {
    background-position: 0 -352px
}

.fs-bo {
    background-position: 0 -374px
}

.fs-ec {
    background-position: 0 -396px
}

.fs-do {
    background-position: 0 -418px
}

.fs-pr {
    background-position: 0 -440px
}

.fs-id {
    background-position: 0 -462px
}

.fs-cn {
    background-position: 0 -484px
}

.fs-tw {
    background-position: 0 -506px
}

.fs-kr {
    background-position: 0 -528px
}

.fs-vn {
    background-position: 0 -550px
}

.fs-my {
    background-position: 0 -572px
}

.fs-th {
    background-position: 0 -594px
}

.fs-cz {
    background-position: 0 -616px
}

.fs-sk {
    background-position: 0 -638px
}

.fs-hr {
    background-position: 0 -660px
}

.fs-hu {
    background-position: 0 -682px
}

.fs-lv {
    background-position: 0 -704px
}

.fs-ee {
    background-position: 0 -726px
}

.fs-sa {
    background-position: 0 -748px
}

.fs-kw {
    background-position: 0 -770px
}

.fs-qa {
    background-position: 0 -792px
}

.fs-bh {
    background-position: 0 -814px
}

.fs-il {
    background-position: 0 -836px
}

.fs-gh {
    background-position: 0 -858px
}

.fs-gr {
    background-position: 0 -880px
}

.fs-mx {
    background-position: 0 -902px
}

.fs-pt {
    background-position: 0 -924px
}

.fs-us {
    background-position: 0 -946px
}

.fs-dz {
    background-position: 0 -968px
}

.fs-ar {
    background-position: 0 -990px
}

.fs-au {
    background-position: 0 -1012px
}

.fs-be {
    background-position: 0 -1034px
}

.fs-ba {
    background-position: 0 -1056px
}

.fs-br {
    background-position: 0 -1078px
}

.fs-cm {
    background-position: 0 -1100px
}

.fs-cl {
    background-position: 0 -1122px
}

.fs-cr {
    background-position: 0 -1144px
}

.fs-hn {
    background-position: 0 -1166px
}

.fs-ir {
    background-position: 0 -1188px
}

.fs-ci {
    background-position: 0 -1210px
}

.fs-ng {
    background-position: 0 -1232px
}

.fs-ru {
    background-position: 0 -1254px
}

.fs-en {
    background-position: 0 -1276px
}

.fs-ch {
    background-position: 0 -1298px
}

[class^=fsm-] {
    background-image: url(https://img.vggcdn.net/img/2/assets/icons/flags/sprite-flags-24x24.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    border: 1px solid #efefef;
    background-position: 0 -24px
}

.fsm-abkhazia {
    background-position: 0 0
}

.fsm-basque-country {
    background-position: -24px 0
}

.fsm-british-antarctic-territory {
    background-position: -48px 0
}

.fsm-commonwealth {
    background-position: -72px 0
}

.fsm-england {
    background-position: -96px 0
}

.fsm-gosquared {
    background-position: -120px 0
}

.fsm-kosovo {
    background-position: -144px 0
}

.fsm-mars {
    background-position: -168px 0
}

.fsm-nagorno-karabakh {
    background-position: -192px 0
}

.fsm-nato {
    background-position: -216px 0
}

.fsm-northern-cyprus {
    background-position: -240px 0
}

.fsm-olympics {
    background-position: -264px 0
}

.fsm-red-cross {
    background-position: -288px 0
}

.fsm-scotland {
    background-position: -312px 0
}

.fsm-somaliland {
    background-position: -336px 0
}

.fsm-south-ossetia {
    background-position: -360px 0
}

.fsm-united-nations {
    background-position: -384px 0
}

.fsm-unknown {
    background-position: 0 -24px
}

.fsm-wales {
    background-position: -24px -24px
}

.fsm-ad {
    background-position: -48px -24px
}

.fsm-ae {
    background-position: -72px -24px
}

.fsm-af {
    background-position: -96px -24px
}

.fsm-ag {
    background-position: -120px -24px
}

.fsm-ai {
    background-position: -144px -24px
}

.fsm-al {
    background-position: -168px -24px
}

.fsm-am {
    background-position: -192px -24px
}

.fsm-an {
    background-position: -216px -24px
}

.fsm-ao {
    background-position: -240px -24px
}

.fsm-aq {
    background-position: -264px -24px
}

.fsm-ar {
    background-position: -288px -24px
}

.fsm-as {
    background-position: -312px -24px
}

.fsm-at {
    background-position: -336px -24px
}

.fsm-au {
    background-position: -360px -24px
}

.fsm-aw {
    background-position: -384px -24px
}

.fsm-ax {
    background-position: 0 -48px
}

.fsm-az {
    background-position: -24px -48px
}

.fsm-ba {
    background-position: -48px -48px
}

.fsm-bb {
    background-position: -72px -48px
}

.fsm-bd {
    background-position: -96px -48px
}

.fsm-be {
    background-position: -120px -48px
}

.fsm-bf {
    background-position: -144px -48px
}

.fsm-bg {
    background-position: -168px -48px
}

.fsm-bh {
    background-position: -192px -48px
}

.fsm-bi {
    background-position: -216px -48px
}

.fsm-bj {
    background-position: -240px -48px
}

.fsm-bl {
    background-position: -264px -48px
}

.fsm-bm {
    background-position: -288px -48px
}

.fsm-bn {
    background-position: -312px -48px
}

.fsm-bo {
    background-position: -336px -48px
}

.fsm-br {
    background-position: -360px -48px
}

.fsm-bs {
    background-position: -384px -48px
}

.fsm-bt {
    background-position: 0 -72px
}

.fsm-bw {
    background-position: -24px -72px
}

.fsm-by {
    background-position: -48px -72px
}

.fsm-bz {
    background-position: -72px -72px
}

.fsm-ca {
    background-position: -96px -72px
}

.fsm-cc {
    background-position: -120px -72px
}

.fsm-cd {
    background-position: -144px -72px
}

.fsm-cf {
    background-position: -168px -72px
}

.fsm-cg {
    background-position: -192px -72px
}

.fsm-ch {
    background-position: -216px -72px
}

.fsm-ci {
    background-position: -240px -72px
}

.fsm-ck {
    background-position: -264px -72px
}

.fsm-cl {
    background-position: -288px -72px
}

.fsm-cm {
    background-position: -312px -72px
}

.fsm-cn {
    background-position: -336px -72px
}

.fsm-co {
    background-position: -360px -72px
}

.fsm-cr {
    background-position: -384px -72px
}

.fsm-cu {
    background-position: 0 -96px
}

.fsm-cv {
    background-position: -24px -96px
}

.fsm-cw {
    background-position: -48px -96px
}

.fsm-cx {
    background-position: -72px -96px
}

.fsm-cy {
    background-position: -96px -96px
}

.fsm-cz {
    background-position: -120px -96px
}

.fsm-de {
    background-position: -144px -96px
}

.fsm-dj {
    background-position: -168px -96px
}

.fsm-dk {
    background-position: -192px -96px
}

.fsm-dm {
    background-position: -216px -96px
}

.fsm-do {
    background-position: -240px -96px
}

.fsm-dz {
    background-position: -264px -96px
}

.fsm-ec {
    background-position: -288px -96px
}

.fsm-ee {
    background-position: -312px -96px
}

.fsm-eg {
    background-position: -336px -96px
}

.fsm-eh {
    background-position: -360px -96px
}

.fsm-er {
    background-position: -384px -96px
}

.fsm-es {
    background-position: 0 -120px
}

.fsm-et {
    background-position: -24px -120px
}

.fsm-eu {
    background-position: -48px -120px
}

.fsm-fi {
    background-position: -72px -120px
}

.fsm-fj {
    background-position: -96px -120px
}

.fsm-fk {
    background-position: -120px -120px
}

.fsm-fm {
    background-position: -144px -120px
}

.fsm-fo {
    background-position: -168px -120px
}

.fsm-fr {
    background-position: -192px -120px
}

.fsm-ga {
    background-position: -216px -120px
}

.fsm-gb {
    background-position: -240px -120px
}

.fsm-gd {
    background-position: -264px -120px
}

.fsm-ge {
    background-position: -288px -120px
}

.fsm-gg {
    background-position: -312px -120px
}

.fsm-gh {
    background-position: -336px -120px
}

.fsm-gi {
    background-position: -360px -120px
}

.fsm-gl {
    background-position: -384px -120px
}

.fsm-gm {
    background-position: 0 -144px
}

.fsm-gn {
    background-position: -24px -144px
}

.fsm-gq {
    background-position: -48px -144px
}

.fsm-gr {
    background-position: -72px -144px
}

.fsm-gs {
    background-position: -96px -144px
}

.fsm-gt {
    background-position: -120px -144px
}

.fsm-gu {
    background-position: -144px -144px
}

.fsm-gw {
    background-position: -168px -144px
}

.fsm-gy {
    background-position: -192px -144px
}

.fsm-hk {
    background-position: -216px -144px
}

.fsm-hn {
    background-position: -240px -144px
}

.fsm-hr {
    background-position: -264px -144px
}

.fsm-ht {
    background-position: -288px -144px
}

.fsm-hu {
    background-position: -312px -144px
}

.fsm-ic {
    background-position: -336px -144px
}

.fsm-id {
    background-position: -360px -144px
}

.fsm-ie {
    background-position: -384px -144px
}

.fsm-il {
    background-position: 0 -168px
}

.fsm-im {
    background-position: -24px -168px
}

.fsm-in {
    background-position: -48px -168px
}

.fsm-iq {
    background-position: -72px -168px
}

.fsm-ir {
    background-position: -96px -168px
}

.fsm-is {
    background-position: -120px -168px
}

.fsm-it {
    background-position: -144px -168px
}

.fsm-je {
    background-position: -168px -168px
}

.fsm-jm {
    background-position: -192px -168px
}

.fsm-jo {
    background-position: -216px -168px
}

.fsm-jp {
    background-position: -240px -168px
}

.fsm-ke {
    background-position: -264px -168px
}

.fsm-kg {
    background-position: -288px -168px
}

.fsm-kh {
    background-position: -312px -168px
}

.fsm-ki {
    background-position: -336px -168px
}

.fsm-km {
    background-position: -360px -168px
}

.fsm-kn {
    background-position: -384px -168px
}

.fsm-kp {
    background-position: 0 -192px
}

.fsm-kr {
    background-position: -24px -192px
}

.fsm-kw {
    background-position: -48px -192px
}

.fsm-ky {
    background-position: -72px -192px
}

.fsm-kz {
    background-position: -96px -192px
}

.fsm-la {
    background-position: -120px -192px
}

.fsm-lb {
    background-position: -144px -192px
}

.fsm-lc {
    background-position: -168px -192px
}

.fsm-li {
    background-position: -192px -192px
}

.fsm-lk {
    background-position: -216px -192px
}

.fsm-lr {
    background-position: -240px -192px
}

.fsm-ls {
    background-position: -264px -192px
}

.fsm-lt {
    background-position: -288px -192px
}

.fsm-lu {
    background-position: -312px -192px
}

.fsm-lv {
    background-position: -336px -192px
}

.fsm-ly {
    background-position: -360px -192px
}

.fsm-ma {
    background-position: -384px -192px
}

.fsm-mc {
    background-position: 0 -216px
}

.fsm-md {
    background-position: -24px -216px
}

.fsm-me {
    background-position: -48px -216px
}

.fsm-mf {
    background-position: -72px -216px
}

.fsm-mg {
    background-position: -96px -216px
}

.fsm-mh {
    background-position: -120px -216px
}

.fsm-mk {
    background-position: -144px -216px
}

.fsm-ml {
    background-position: -168px -216px
}

.fsm-mm {
    background-position: -192px -216px
}

.fsm-mn {
    background-position: -216px -216px
}

.fsm-mo {
    background-position: -240px -216px
}

.fsm-mp {
    background-position: -264px -216px
}

.fsm-mq {
    background-position: -288px -216px
}

.fsm-mr {
    background-position: -312px -216px
}

.fsm-ms {
    background-position: -336px -216px
}

.fsm-mt {
    background-position: -360px -216px
}

.fsm-mu {
    background-position: -384px -216px
}

.fsm-mv {
    background-position: 0 -240px
}

.fsm-mw {
    background-position: -24px -240px
}

.fsm-mx {
    background-position: -48px -240px
}

.fsm-my {
    background-position: -72px -240px
}

.fsm-mz {
    background-position: -96px -240px
}

.fsm-na {
    background-position: -120px -240px
}

.fsm-nc {
    background-position: -144px -240px
}

.fsm-ne {
    background-position: -168px -240px
}

.fsm-nf {
    background-position: -192px -240px
}

.fsm-ng {
    background-position: -216px -240px
}

.fsm-ni {
    background-position: -240px -240px
}

.fsm-nl {
    background-position: -264px -240px
}

.fsm-no {
    background-position: -288px -240px
}

.fsm-np {
    background-position: -312px -240px
}

.fsm-nr {
    background-position: -336px -240px
}

.fsm-nu {
    background-position: -360px -240px
}

.fsm-nz {
    background-position: -384px -240px
}

.fsm-om {
    background-position: 0 -264px
}

.fsm-pa {
    background-position: -24px -264px
}

.fsm-pe {
    background-position: -48px -264px
}

.fsm-pf {
    background-position: -72px -264px
}

.fsm-pg {
    background-position: -96px -264px
}

.fsm-ph {
    background-position: -120px -264px
}

.fsm-pirate-black {
    background-position: -144px -264px
}

.fsm-pirate-white {
    background-position: -168px -264px
}

.fsm-pk {
    background-position: -192px -264px
}

.fsm-pl {
    background-position: -216px -264px
}

.fsm-pn {
    background-position: -240px -264px
}

.fsm-pr {
    background-position: -264px -264px
}

.fsm-ps {
    background-position: -288px -264px
}

.fsm-pt {
    background-position: -312px -264px
}

.fsm-pw {
    background-position: -336px -264px
}

.fsm-py {
    background-position: -360px -264px
}

.fsm-qa {
    background-position: -384px -264px
}

.fsm-ro {
    background-position: 0 -288px
}

.fsm-rs {
    background-position: -24px -288px
}

.fsm-ru {
    background-position: -48px -288px
}

.fsm-rw {
    background-position: -72px -288px
}

.fsm-sa {
    background-position: -96px -288px
}

.fsm-sb {
    background-position: -120px -288px
}

.fsm-sc {
    background-position: -144px -288px
}

.fsm-sd {
    background-position: -168px -288px
}

.fsm-se {
    background-position: -192px -288px
}

.fsm-sg {
    background-position: -216px -288px
}

.fsm-sh {
    background-position: -240px -288px
}

.fsm-si {
    background-position: -264px -288px
}

.fsm-sk {
    background-position: -288px -288px
}

.fsm-sl {
    background-position: -312px -288px
}

.fsm-sm {
    background-position: -336px -288px
}

.fsm-sn {
    background-position: -360px -288px
}

.fsm-so {
    background-position: -384px -288px
}

.fsm-sr {
    background-position: 0 -312px
}

.fsm-ss {
    background-position: -24px -312px
}

.fsm-st {
    background-position: -48px -312px
}

.fsm-sv {
    background-position: -72px -312px
}

.fsm-sy {
    background-position: -96px -312px
}

.fsm-sz {
    background-position: -120px -312px
}

.fsm-tc {
    background-position: -144px -312px
}

.fsm-td {
    background-position: -168px -312px
}

.fsm-tf {
    background-position: -192px -312px
}

.fsm-tg {
    background-position: -216px -312px
}

.fsm-th {
    background-position: -240px -312px
}

.fsm-tj {
    background-position: -264px -312px
}

.fsm-tk {
    background-position: -288px -312px
}

.fsm-tl {
    background-position: -312px -312px
}

.fsm-tm {
    background-position: -336px -312px
}

.fsm-tn {
    background-position: -360px -312px
}

.fsm-to {
    background-position: -384px -312px
}

.fsm-tr {
    background-position: 0 -336px
}

.fsm-tt {
    background-position: -24px -336px
}

.fsm-tv {
    background-position: -48px -336px
}

.fsm-tw {
    background-position: -72px -336px
}

.fsm-tz {
    background-position: -96px -336px
}

.fsm-ua {
    background-position: -120px -336px
}

.fsm-ug {
    background-position: -144px -336px
}

.fsm-us {
    background-position: -168px -336px
}

.fsm-uy {
    background-position: -192px -336px
}

.fsm-uz {
    background-position: -216px -336px
}

.fsm-va {
    background-position: -240px -336px
}

.fsm-vc {
    background-position: -264px -336px
}

.fsm-ve {
    background-position: -288px -336px
}

.fsm-vg {
    background-position: -312px -336px
}

.fsm-vi {
    background-position: -336px -336px
}

.fsm-vn {
    background-position: -360px -336px
}

.fsm-vu {
    background-position: -384px -336px
}

.fsm-wf {
    background-position: 0 -360px
}

.fsm-ws {
    background-position: -24px -360px
}

.fsm-ye {
    background-position: -48px -360px
}

.fsm-yt {
    background-position: -72px -360px
}

.fsm-za {
    background-position: -96px -360px
}

.fsm-zm {
    background-position: -120px -360px
}

.fsm-zw {
    background-position: -144px -360px
}

.flag {
    background-image: url(https://img.vggcdn.net/img/assets/flags/sprite_flags_v5.gif);
    background-repeat: no-repeat;
    background-position: 0 -743px;
    padding-left: 24px
}

.flag-ar {
    background-position: 0 -575px
}

.flag-at {
    background-position: 0 -143px
}

.flag-au {
    background-position: 0 -383px
}

.flag-be {
    background-position: 0 -215px
}

.flag-br {
    background-position: 0 -551px
}

.flag-ch {
    background-position: 0 -263px
}

.flag-cz {
    background-position: 0 -407px
}

.flag-de {
    background-position: 0 -623px
}

.flag-es {
    background-position: 0 -167px
}

.flag-dk {
    background-position: 0 -359px
}

.flag-fi {
    background-position: 0 -95px
}

.flag-fr {
    background-position: 0 -71px
}

.flag-gr {
    background-position: 0 -479px
}

.flag-ie {
    background-position: 0 -191px
}

.flag-it {
    background-position: 0 -119px
}

.flag-lu {
    background-position: 0 -239px
}

.flag-lv {
    background-position: 0 -647px
}

.flag-nl {
    background-position: 0 -47px
}

.flag-no {
    background-position: 0 -311px
}

.flag-pt {
    background-position: 0 -527px
}

.flag-pl {
    background-position: 0 -431px
}

.flag-ru {
    background-position: 0 -335px
}

.flag-se {
    background-position: 0 -287px
}

.flag-tr {
    background-position: 0 -503px
}

.flag-gb {
    background-position: 0 1px
}

.flag-us {
    background-position: 0 -23px
}

.flag-za {
    background-position: 0 -599px
}

.flag-ca {
    background-position: 0 -671px
}

.flag-mx {
    background-position: 0 -695px
}

.flag-cl {
    background-position: 0 -719px
}

.flag-ww {
    background-position: 0 -743px
}

.flag-ae {
    background-position: 0 -767px
}

.flag-sg {
    background-position: 0 -791px
}

.flag-hk {
    background-position: 0 -815px
}

.flag-in {
    background-position: 0 -839px
}

.flag-jp {
    background-position: 0 -863px
}

.flag-nz {
    background-position: 0 -887px
}

.flag-pe {
    background-position: 0 -911px
}

.flag-co {
    background-position: 0 -935px
}

.flag-ve {
    background-position: 0 -959px
}

.flag-py {
    background-position: 0 -983px
}

.flag-uy {
    background-position: 0 -1007px
}

.flag-bo {
    background-position: 0 -1031px
}

.flag-ec {
    background-position: 0 -1055px
}

.flag-do {
    background-position: 0 -1079px
}

.flag-pr {
    background-position: 0 -1103px
}

.flag-id {
    background-position: 0 -1127px
}

.flag-cn {
    background-position: 0 -1151px
}

.flag-tw {
    background-position: 0 -1175px
}

.flag-kr {
    background-position: 0 -1199px
}

.flag-vn {
    background-position: 0 -1223px
}

.flag-my {
    background-position: 0 -1247px
}

.flag-th {
    background-position: 0 -1271px
}

.flag-sk {
    background-position: 0 -1295px
}

.flag-hr {
    background-position: 0 -1319px
}

.flag-hu {
    background-position: 0 -1343px
}

.flag-ee {
    background-position: 0 -1367px
}

.flag-sa {
    background-position: 0 -1391px
}

.flag-kw {
    background-position: 0 -1415px
}

.flag-qa {
    background-position: 0 -1439px
}

.flag-bh {
    background-position: 0 -1463px
}

.flag-il {
    background-position: 0 -1487px
}

.flag-ph {
    background-position: 0 -1535px
}

.flag-si {
    background-position: 0 -1511px
}

.flag-ro {
    background-position: 0 -1558px
}

.inllinks ul li {
    display: inline-block;
    margin-right: 9px;
    margin-bottom: 9px;
    font-size: 12px
}

    .inllinks ul li a {
        background-color: #efefef;
        color: #37383a;
        padding: 3px 8px;
        border-radius: 3px;
        border: 1px solid #dfdfe0;
        display: inline-block
    }

        .inllinks ul li a:hover {
            box-shadow: 1px 2px 0 rgba(0,0,0,.08)
        }

        .inllinks ul li a:active {
            box-shadow: none
        }

.ibk-l, .ibk-m, .ibk-max, .ibk-pgw, .ibk-s, .ibk-xl, .ibkl, .ibkm, .ibks, .ibkxl, .inline-l, .inline-m, .inline-max, .inline-pgw, .inline-s, .inline-xl, .inlinel, .inlinem, .inlines, .inlinexl, .show-l, .show-m, .show-max, .show-pgw, .show-s, .show-xl, .showl, .showm, .shows, .showxl {
    display: none !important
}

@media screen and (max-width:480px) {
    .show-s, .shows {
        display: block !important
    }
}

@media screen and (max-width:480px) {
    .ibk-s, .ibks {
        display: inline-block !important
    }
}

@media screen and (max-width:480px) {
    .inline-s, .inlines {
        display: inline !important
    }
}

@media screen and (max-width:480px) {
    .vis-s, .viss {
        visibility: visible !important
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .show-m, .showm {
        display: block !important
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .ibk-m, .ibkm {
        display: inline-block !important
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .inline-m, .inlinem {
        display: inline !important
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .vis-m, .vism {
        visibility: visible !important
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .show-l, .showl {
        display: block !important
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .ibk-l, .ibkl {
        display: inline-block !important
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .inline-l, .inlinel {
        display: inline !important
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .vis-l, .visl {
        visibility: visible !important
    }
}

@media screen and (min-width:1024px) and (max-width:1270px) {
    .show-pgw {
        display: block !important
    }
}

@media screen and (min-width:1024px) and (max-width:1270px) {
    .ibk-pgw {
        display: inline-block !important
    }
}

@media screen and (min-width:1024px) and (max-width:1270px) {
    .inline-pgw {
        display: inline !important
    }
}

@media screen and (min-width:1024px) and (max-width:1270px) {
    .vis-pgw {
        visibility: visible !important
    }
}

@media screen and (min-width:1271px) and (max-width:1600px) {
    .show-xl, .showxl {
        display: block !important
    }
}

@media screen and (min-width:1271px) and (max-width:1600px) {
    .ibk-xl, .ibkxl {
        display: inline-block !important
    }
}

@media screen and (min-width:1271px) and (max-width:1600px) {
    .inline-xl, .inlinexl {
        display: inline !important
    }
}

@media screen and (min-width:1271px) and (max-width:1600px) {
    .vis-xl, .visxl {
        visibility: visible !important
    }
}

@media screen and (min-width:1601px) {
    .show-max, .showxl {
        display: block !important
    }
}

@media screen and (min-width:1601px) {
    .ibk-max, .ibkxl {
        display: inline-block !important
    }
}

@media screen and (min-width:1601px) {
    .inline-max, .inlinexl {
        display: inline !important
    }
}

@media screen and (min-width:1601px) {
    .vis-max, .visxl {
        visibility: visible !important
    }
}

@media screen and (max-width:480px) {
    .invis-s, .inviss {
        visibility: hidden !important
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .invis-m, .invism {
        visibility: hidden !important
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .invis-l, .invisl {
        visibility: hidden !important
    }
}

@media screen and (min-width:1024px) and (max-width:1270px) {
    .invis-pgw {
        visibility: hidden !important
    }
}

@media screen and (min-width:1271px) and (max-width:1600px) {
    .invis-xl {
        visibility: hidden !important
    }
}

@media screen and (min-width:1601px) {
    .invis-max {
        visibility: hidden !important
    }
}

@media screen and (max-width:480px) {
    .hide-s, .hides {
        display: none !important
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .hide-m, .hidem {
        display: none !important
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .hide-l, .hidel {
        display: none !important
    }
}

@media screen and (min-width:1024px) and (max-width:1270px) {
    .hide-pgw {
        display: none !important
    }
}

@media screen and (min-width:1271px) and (max-width:1600px) {
    .hide-xl, .hidexl {
        display: none !important
    }
}

@media screen and (min-width:1601px) {
    .hide-max {
        display: none !important
    }
}

.acc {
    border-left: 2px solid #dfdfe0;
    border-right: 2px solid #dfdfe0;
    border-bottom: 2px solid #dfdfe0;
    background-color: #fff
}

.acchead {
    border-top: 2px solid #dfdfe0;
    padding: 12px 9px
}

.accbody {
    border-top: 2px dashed #dfdfe0;
    padding: 15px 0;
    margin: 0 12px
}

    .accbody:after, .accbody:before {
        display: table;
        content: "";
        line-height: 0
    }

    .accbody:after {
        clear: both
    }

.acchead.sel {
    color: #ff2a77 !important;
    background-color: #fff !important
}

    .acchead.sel .i-info-sign {
        display: none
    }

.acchead.done {
    color: #bfc0c0 !important
}

    .acchead.done .i-info-sign {
        color: #bfc0c0 !important
    }

        .acchead.done .i-info-sign:before {
            content: "\f00c";
            font-family: goicons;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

.mbxl > .acc {
    border-top: 0
}

.toi {
    position: relative;
    z-index: 0;
    font-size: 28px;
    text-align: center;
    background-color: #f9f9f9
}

@media screen and (max-width:1023px) {
    .gCol4 > .toi {
        font-size: 24px
    }
}

@media screen and (max-width:480px) {
    .gCol4 > .toi {
        font-size: 24px
    }
}

.toi a {
    display: block;
    width: 100%;
    padding-top: 66.8%
}

.toi img {
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-backface-visibility: hidden;
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px
}

.toi:hover img {
    opacity: .8
}

.toi:after {
    position: absolute;
    z-index: -1;
    content: '';
    bottom: 0;
    right: 0;
    min-height: 100%;
    width: 100%;
    box-shadow: inset 0 -130px 80px -50px rgba(0,0,0,.6)
}

.toi .tag, .toi .tit {
    z-index: 2;
    position: absolute
}

.toi .tit {
    bottom: 0;
    padding: 12px;
    width: 100%;
    left: 0;
    line-height: 1.2;
    color: #fff
}

.toi .tag {
    top: 0;
    right: 12px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    background: #fff;
    color: #37383a !important;
    padding: 2px 8px
}

.toi .bar {
    position: absolute;
    height: 4px;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2
}

.toi.bg {
    height: 265px
}

.bdrHover img {
    border: 1px solid #efefef
}

    .bdrHover img:hover {
        border-color: #6fb229
    }

.dbk {
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 4px;
    max-width: 66px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700
}

    .dbk .DD, .dbk .ddd, .dbk .mm {
        display: block;
        margin: 0;
        border-radius: 1px 1px 0 0;
        background: #fff
    }

    .dbk .ddd {
        text-transform: uppercase;
        background: #9fa0a1;
        color: #fff;
        border: 1px solid #8c8d8d
    }

    .dbk .DD {
        font-size: 24px;
        letter-spacing: -1px;
        padding: 4px 0 0;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc
    }

    .dbk .mm {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

.tt {
    text-align: center;
    display: block;
    margin-top: 0
}

table.data {
    width: 100%;
    border: 2px solid #dfdfe0
}

    table.data td, table.data th {
        padding: 6px 12px;
        text-align: center
    }

@media screen and (max-width:767px) {
    table.data td, table.data th {
        font-size: 13px
    }
}

@media screen and (max-width:480px) {
    table.data td, table.data th {
        font-size: 12px
    }
}

table.data th {
    background-color: #f2f2f2;
    border-bottom: 2px solid #dfdfe0
}

table.data td {
    border-bottom: 1px solid #efefef
}

    table.data td:first-child, table.data th:first-child {
        padding-left: 9px;
        text-align: left
    }

    table.data td:last-child, table.data th:last-child {
        padding-right: 9px;
        text-align: right
    }

.data.s {
    min-width: 450px
}

.data.m {
    min-width: 550px
}

.data.l {
    min-width: 650px
}

table.list {
    width: 100%;
    border-collapse: separate;
    border: 1px solid #efefef
}

    table.list td {
        padding: 12px 9px;
        border-bottom: 1px solid #efefef
    }

        table.list td:first-child {
            background: #f2f2f2;
            border-right: 1px solid #efefef
        }

    .click table.list tr:hover td:first-child, table.list.click td:first-child {
        background-color: #efefef
    }

.grid {
    position: relative
}

    .grid .table, .grid table {
        background: #fff;
        border: 1px solid #efefef;
        border-collapse: collapse
    }

.table.grid, table.grid {
    vertical-align: top
}

    .table.grid .btn, table.grid .btn {
        white-space: nowrap
    }

.grid .th, .grid th {
    font-weight: 700;
    border-bottom: 2px solid #9fa0a1;
    padding: 6px 4px
}

    .grid .th span, .grid th span {
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

        .grid .th span[class*=sort], .grid th span[class*=sort] {
            padding-right: 4px
        }

.grid .td, .grid td {
    padding: 7px;
    border-bottom: 1px solid #dfdfe0
}

.grid .tr.clicked .td:not([class*=v-bg-]), .grid tr.clicked td:not([class*=v-bg-]) {
    background-color: #eee
}

.click .grid .td, .click .grid td, .grid.click .td, .grid.click td {
    cursor: pointer
}

.click .grid .tr:hover, .click .grid tr:hover, .grid tbody tr:hover, .grid.click .tr:hover, .grid.click tr:hover {
    background-color: #f2f2f2
}

.grid select {
    font-size: 15px;
    margin: 4px 0
}

    .grid select.qty {
        width: 60px
    }

.grid .td.r, .grid td.r {
    position: relative;
    font-size: 16px
}

    .grid .td.r:before, .grid td.r:before {
        content: "\f054";
        font-family: goicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .grid .td.r:before, .grid td.r:before {
        font-family: goicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 7px;
        top: 50%;
        margin-top: -7px;
        color: #bfc0c0
    }

.zebra .tr:nth-child(odd) .td, .zebra tr:nth-child(odd) td {
    background: #f9f9f9
}

.grid.list .table, .grid.list table {
    border-collapse: separate
}

.grid.list .td, .grid.list td {
    padding: 12px 9px;
    border-top: none
}

    .grid.list .td:first-child, .grid.list td:first-child {
        background: #f2f2f2;
        border-right: 1px solid #efefef
    }

.click .grid.list .tr:hover .td:first-child, .click .grid.list tr:hover td:first-child, .grid.list.click .td:first-child, .grid.list.click td:first-child {
    background-color: #efefef
}

.grid.list .tr {
    color: inherit
}

.grid .t {
    margin-bottom: 0
}

.grid.infinite [class*=v-bg-] {
    width: 4%
}

.grid.infinite .td, .grid.infinite td {
    padding: 12px 9px
}

.grid.infinite .tr, .grid.infinite tr {
    min-height: 76px
}

.mapColor {
    border: 1px solid rgba(0,0,0,.12);
    height: 12px;
    width: 12px;
    border-radius: 3px;
    float: left;
    display: block;
    margin-left: 6px
}

.grid [class*=i-sort] {
    display: none
}

.grid .sorta .i-sorta {
    display: inline !important
}

.grid .sortd .i-sortd {
    display: inline !important
}

.sort i {
    display: none
}

.sort .sortd .i-sortd {
    display: inline
}

.sort .sorta .i-sorta {
    display: inline
}

.sort {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    border-radius: 3px;
    border: 1px solid #dfdfe0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .sort li {
        float: left;
        border-left: 1px solid #fff;
        border-right: 1px solid #bfc0c0
    }

        .sort li:first-child {
            border-left: none;
            border-radius: 4px 0 0 4px
        }

        .sort li:first-child, .sortW li:first-child:hover {
            cursor: default
        }

        .sort li:last-child {
            -webkit-box-shadow: 1px 0 0 #fff;
            box-shadow: 1px 0 0 #fff
        }

        .sort li:hover, .sortdb {
            background-color: #f9f9f9;
            cursor: pointer
        }

.noColorChange .sortdb {
    background-color: #fff
}

.grid .hoverColor:hover {
    cursor: pointer
}

.sort, .sort li:first-child:hover {
    background-color: #efefef
}

    .sort li.nosort {
        cursor: default
    }

    .sort li span {
        display: block;
        padding: 12px
    }

    .sort li a {
        display: block;
        padding: 12px
    }

.grid .loader {
    display: none;
    position: relative;
    z-index: 9999;
    top: 120px
}

    .grid .loader > div {
        position: absolute;
        overflow: hidden;
        padding: 18px;
        top: 50%;
        margin-top: -50px;
        width: 200px;
        left: 50%;
        margin-left: -100px;
        text-align: center;
        font-size: 16px;
        font-weight: 700
    }

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000
}

    #overlay > div {
        position: relative;
        opacity: .3;
        top: -60px;
        background-color: #000
    }

.table {
    display: table;
    border-collapse: collapse
}

.thead {
    display: table-header-group
}

.tbody {
    display: table-row-group
}

.tr {
    display: table-row
}

.td {
    display: table-cell
}

.pageW {
    border-radius: 4px;
    border: 1px solid #dfdfe0;
    background-color: #efefef;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pager {
    float: right
}

    .pager ul {
        float: left
    }

        .pager ul li {
            display: inline
        }

            .pager ul li.v-hidden {
                display: none
            }

            .pager ul li a {
                float: left;
                text-decoration: none;
                font-weight: 400;
                cursor: pointer;
                color: #696969;
                padding: 12px
            }

            .pager ul li.sel a {
                font-weight: 700;
                color: #37383a
            }

            .pager ul li:last-child a:hover {
                border-radius: 0 4px 4px 0
            }

            .pager ul li a:hover {
                text-decoration: none;
                color: #696969;
                background-color: #fcfcfc
            }

            .pager ul li.v-selected a {
                background-color: #fcfcfc;
                color: #37383a;
                font-weight: 700;
                cursor: default;
                text-shadow: 0 -1px 0 rgba(0,0,0,.3)
            }

            .pager ul li.v-disabled a {
                background-color: transparent;
                color: #9fa0a1;
                cursor: default
            }

.pageCount {
    float: left;
    font-size: 14px;
    color: #696969;
    text-shadow: 0 1px 0 rgba(255,255,255,.6);
    padding: 12px
}

    .pageCount strong {
        font-weight: 400
    }

.grid .pager {
    float: left
}

    .grid .pager ul li a {
        text-shadow: 0 1px 0 rgba(255,255,255,.6);
        border-left: 1px solid #bfc0c0;
        -webkit-box-shadow: inset 1px 0 0 #fff;
        box-shadow: inset 1px 0 0 #fff
    }

#content-center.gCol9 .pager ul li a {
    font-size: 15px;
    border-top: 2px solid #dfdfe0;
    border-bottom: 2px solid #dfdfe0;
    border-left: 2px solid #dfdfe0;
    width: 36px;
    padding: 9px 0;
    text-align: center
}

#content-center.gCol9 .pager ul li:last-child a {
    border-right: 2px solid #dfdfe0
}

#content-center.gCol9 .pager ul li.sel a {
    background-color: #efefef
}

#content-center.gCol9 .pager ul li a:hover {
    background-color: #dfdfe0
}

.mzodal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    z-index: 999
}

    .mzodal > div {
        -moz-transition: margin .3s ease;
        -o-transition: margin .3s ease;
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease;
        background: #fff;
        border: 1px solid #efefef;
        border-radius: 5px;
        position: absolute;
        top: 10%;
        left: 50%;
        max-height: 80%;
        overflow: auto
    }

        .mzodal > div .spin.l {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -30px 0 0 -15px
        }

    .mzodal .controls {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99;
        clear: both
    }

    .mzodal .close {
        float: right;
        color: #bfbfc0;
        cursor: pointer;
        font-size: 20px;
        padding: 6px
    }

        .mzodal .close:hover {
            color: #5f6062
        }

    .mzodal .contentinfo {
        float: right;
        color: #bfbfc0;
        cursor: pointer;
        font-size: 20px;
        padding: 6px
    }

        .mzodal .contentinfo:hover {
            color: #5f6062
        }

    .mzodal .frame {
        padding: 18px 12px 12px
    }

    .mzodal > div {
        width: 90%;
        margin-left: -45%
    }

        .mzodal > div.l {
            width: 800px;
            margin-left: -400px
        }

        .mzodal > div.m {
            width: 640px;
            margin-left: -320px
        }

        .mzodal > div.s {
            width: 550px;
            margin-left: -275px
        }

        .mzodal > div.xs {
            width: 330px;
            margin-left: -165px
        }

    .mzodal .validation-summary-errors {
        margin: 0 2% 12px
    }

    .mzodal #detailsErrors .validation-summary-errors {
        margin: 0 0 12px
    }

#search {
    width: 100%;
    padding-left: 29px;
    margin-top: 0
}

#sInpt #loading {
    z-index: 3;
    top: -47px;
    width: 31%;
    left: 19px;
    margin-left: -15%;
    position: absolute;
    padding: 60px 0
}

    #sInpt #loading .spin {
        margin: 0 auto;
        border-top: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid #9fa0a1;
        border-left: 4px solid #9fa0a1
    }

#srch .i-search {
    color: #7f8081;
    position: absolute;
    font-size: 16px;
    top: 11px;
    left: 5px
}

#searchX {
    display: none;
    position: absolute;
    top: 4px;
    right: 0;
    padding: 9px;
    font-size: 18px;
    color: #bfc0c0;
    text-align: right;
    vertical-align: middle;
    cursor: pointer
}

    #searchX:hover {
        color: #9fa0a1
    }

#sBox {
    width: 100%;
    padding: 0
}

#sInpt {
    width: 100%
}

.act #sBtn {
    padding-left: 8px
}

    .act #sBtn .btn {
        background-color: #dfdfe0;
        margin-top: 4px
    }

#searchResults span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px;
    background: #fff;
    font-weight: 400;
    font-size: 11px;
    color: #9fa0a1
}

#searchEmpty, #searchResults {
    margin: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    z-index: 2
}

#searchResults {
    margin: 9px 0
}

    #searchResults .tile {
        padding: 0 8px
    }

    #searchResults a {
        color: #434446;
        margin-top: 0;
        line-height: 1.3 !important;
        border-bottom: 1px solid #dfdfe0;
        padding: 13px
    }

        #searchResults a:last-child {
            border: 0
        }

    #searchResults em {
        font-weight: 700;
        font-style: normal
    }

    #searchResults .sel, #searchResults a:hover {
        background-color: #f9f9f9
    }

#searchEmpty span {
    color: #9fa0a1;
    padding-left: 18px;
    border: 1px solid #efefef;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #fff
}

.sbmtPos {
    width: 18%;
    bottom: -2px
}

::-ms-clear {
    display: none
}

input#js-sf-search-term {
    padding-left: 40px
}

    #largesearchwrapper, input#js-sf-search-term + .i-search {
        position: absolute;
        top: 11px;
        left: 10px;
        font-size: 25px;
        color: #7f8081
    }

.fg input#js-sf-search-term + .i-search {
    position: absolute;
    top: 11px;
    left: 11px;
    font-size: 25px;
    color: #7f8081
}

.fg input#js-search + .i-search {
    position: absolute;
    top: 30px;
    left: 11px;
    font-size: 25px;
    color: #7f8081
}

input#js-search {
    padding-left: 40px
}

.v-sales-index .acchead:first-child {
    border: 0
}

#listings .i-search, #purchases .i-search, #sales .i-search {
    position: absolute;
    color: #7f8081;
    font-size: 20px;
    left: 9px;
    top: 12px
}

#listings #js-listing-search, #purchases #js-transaction-search, #sales #js-transaction-search {
    padding-left: 31px
}

.acctnav {
    margin-top: 12px
}

.ckbox input[type=checkbox] {
    position: absolute;
    top: 1px
}

.ckbox label {
    margin-left: 18px;
    margin-top: 0 !important
}

.dflt {
    float: right;
    margin-top: -9px
}

@media screen and (max-width:767px) {
    .dflt {
        margin-top: -3px
    }
}

.js-default-address .i-star, .js-default-payment-method .i-star {
    color: #ffb900
}

.js-not-default-address .i-star, .js-not-default-payment-method .i-star {
    color: #bfc0c0
}

.wdate {
    width: 32%;
    margin-right: 2%
}

    .wdate:last-child {
        margin-right: 0
    }

@media screen and (max-width:767px) {
    .maIrhs {
        border-left: none !important;
        border-top: 2px solid #dfdfe0
    }

        .maIrhs div.txtr {
            text-align: left;
            padding-left: 6px
        }

    .acctnav {
        margin-top: 0
    }

        .acctnav ul.tile {
            display: none;
            margin-bottom: 0 !important;
            border: 2px solid #bfc0c0;
            border-top: 0;
            box-shadow: none
        }

        .acctnav #navmob li {
            width: 33.33%;
            text-align: center;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 12px;
            background-color: #efefef;
            color: #5f6062;
            cursor: pointer;
            border-right: 2px solid #bfc0c0;
            border-top: 2px solid #bfc0c0;
            border-bottom: 2px solid #bfc0c0
        }

            .acctnav #navmob li:first-child {
                border-left: 2px solid #bfc0c0
            }

            .acctnav #navmob li:hover {
                background-color: #f9f9f9
            }

            .acctnav #navmob li.sel {
                background-color: #5f6062;
                color: #f2f2f2
            }
}

@media screen and (max-width:480px) {
    .acctnav #navmob li {
        font-size: 14px;
        padding: 9px
    }
}

.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0
}

    .tooltip.in {
        opacity: .8
    }

    .tooltip.top {
        margin-top: -2px
    }

    .tooltip.right {
        margin-left: 2px
    }

    .tooltip.bottom {
        margin-top: 2px
    }

    .tooltip.left {
        margin-left: -2px
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #000
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #000
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #000
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    padding: 4px;
    font-size: 11px
}

    .popover.top {
        margin-top: -9px
    }

    .popover.right {
        margin-left: 9px
    }

    .popover.bottom {
        margin-top: 9px
    }

    .popover.left {
        margin-left: -9px
    }

    .popover.top .arrow {
        bottom: -4px;
        left: 50%;
        margin-left: -9px;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 9px solid #7f8081
    }

    .popover.right .arrow {
        top: 50%;
        left: -4px;
        margin-top: -9px;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-right: 9px solid #7f8081
    }

    .popover.bottom .arrow {
        top: -4px;
        left: 50%;
        margin-left: -9px;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #7f8081
    }

    .popover.left .arrow {
        top: 50%;
        right: -4px;
        margin-top: -9px;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 9px solid #7f8081
    }

    .popover .arrow {
        position: absolute;
        width: 0;
        height: 0
    }

.popover-inner {
    padding: 3px;
    width: 280px;
    overflow: hidden;
    background: #7f8081;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3)
}

.popover-title {
    display: none
}

.popover-content {
    padding: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

    .popover-content ol, .popover-content p, .popover-content ul {
        margin-bottom: 0
    }

.fade {
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    opacity: 0
}

    .fade.in {
        opacity: 1
    }

.picker {
    width: 100%;
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #37383a;
    position: absolute;
    z-index: 10000
}

.picker__input.picker__input--active {
    border-color: #a3d165
}

.picker__holder {
    width: 290px;
    position: absolute;
    background: #fff;
    border: 1px solid #aaa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    -webkit-transition: all .15s ease-out,max-height 0 .15s;
    -moz-transition: all .15s ease-out,max-height 0 .15s;
    transition: all .15s ease-out,max-height 0 .15s;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media screen and (max-width:767px) {
    .picker__holder {
        width: 100%
    }
}

.picker--opened .picker__holder {
    max-height: 25em;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
    -webkit-transition: all .15s ease-out,max-height 0;
    -moz-transition: all .15s ease-out,max-height 0;
    transition: all .15s ease-out,max-height 0;
    -webkit-box-shadow: 0 6px 18px 1px rgba(0,0,0,.12);
    -moz-box-shadow: 0 6px 18px 1px rgba(0,0,0,.12);
    box-shadow: 0 6px 18px 1px rgba(0,0,0,.12)
}

.picker__box {
    padding: 0 1em
}

.picker__header {
    text-align: center;
    position: relative;
    margin: 0 -1em;
    padding: 6px;
    background-color: #efefef;
    -webkit-box-shadow: 0 1px 1px #dfdfe0;
    box-shadow: 0 1px 1px #dfdfe0
}

.picker__month, .picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}

.picker__select--month, .picker__select--year {
    font-size: .8em;
    border: 1px solid #b7b7b7;
    height: 2.5em;
    margin: 0
}

.picker__select--month {
    width: 35%
}

.picker__select--year {
    width: 62px;
    margin-left: 3px
}

    .picker__select--month:focus, .picker__select--year:focus {
        border-color: #a3d165
    }

.picker__nav--next, .picker__nav--prev {
    position: absolute;
    top: 0;
    padding: 15px .67em
}

.picker__nav--prev {
    left: 1em
}

.picker__nav--next {
    right: 1em
}

    .picker__nav--next:before, .picker__nav--prev:before {
        content: " ";
        border-top: .5em solid transparent;
        border-bottom: .5em solid transparent;
        border-right: .75em solid #5f6062;
        width: 0;
        height: 0;
        display: block;
        margin: 0 auto
    }

    .picker__nav--next:before {
        border-right: 0;
        border-left: .75em solid #5f6062
    }

    .picker__nav--next:hover, .picker__nav--prev:hover {
        cursor: pointer;
        color: #5f6062
    }

.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}

    .picker__table td {
        margin: 0;
        padding: 0
    }

.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding: 4px 0;
    color: #999;
    font-weight: 500;
    text-align: center
}

.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent;
    text-align: center
}

.picker__day--today {
    background-color: #dfdfe0;
    position: relative
}

.picker__day--selected, .picker__day--selected:hover {
    border-color: #a3d165
}

.picker__day--highlighted {
    background: #a3d165
}

.picker__day--disabled:before {
    border-top-color: #aaa
}

.picker__day--outfocus {
    color: #ddd;
    -moz-opacity: .66;
    opacity: .66
}

    .picker__day--infocus:hover, .picker__day--outfocus:hover {
        cursor: pointer;
        color: #5f6062;
        background: #e8f4d9
    }

.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover {
    background: #a3d165;
    color: #fff
}

.picker--focused .picker__day--disabled, .picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}

.picker--focused .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
    background: #bbb
}

.picker__footer {
    text-align: center
}

.picker__button--clear, .picker__button--today {
    border: 1px solid #efefef;
    padding: 9px;
    background: #f2f2f2;
    font-size: .8em;
    font-weight: 700;
    width: 35%;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 18px
}

.picker__button--today {
    margin-right: 30%
}

    .picker__button--clear:hover, .picker__button--today:hover {
        cursor: pointer;
        color: #5f6062;
        background: #f9f9f9;
        border-bottom-color: #e8f4d9
    }

    .picker__button--clear:focus, .picker__button--today:focus {
        background: #e8f4d9;
        border-color: #a3d165;
        outline: 0
    }

.tile .picker tr td:last-child {
    padding-right: 0
}

#colorbox {
    position: absolute
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0
}

#cboxOverlay, #colorbox {
    z-index: 9999;
    overflow: hidden;
    top: 0;
    left: 0
}

#cboxBottomLeft, #cboxMiddleLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto
}

    #cboxLoadedContent iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0
    }

#cboxTitle {
    margin: 0
}

#cboxLoadingGraphic, #cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow {
    cursor: pointer
}

#colorbox {
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,.2);
    box-shadow: 0 0 9px rgba(0,0,0,.2);
    padding: 18px;
    outline: 0;
    border: 4px solid #bfc0c0;
    background-color: #fff;
    border-radius: 3px
}

#cboxContent {
    background: #fff
}

#cboxClose {
    position: absolute;
    top: -10px;
    right: -14px;
    display: block;
    font-weight: 700
}

    #cboxClose, #cboxClose:hover {
        background-color: transparent;
        background-image: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none
    }

.cboxCloseButton {
    font-family: goicons;
    vertical-align: middle;
    line-height: 26px;
    height: 26px;
    width: 26px;
    cursor: pointer
}

    .cboxCloseButton:before {
        content: "\f057";
        font-family: goicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.pg, .pgw {
    margin: 0 auto
}

    .pg:after, .pg:before, .pgw:after, .pgw:before {
        display: table;
        content: "";
        line-height: 0
    }

    .pg:after, .pgw:after {
        clear: both
    }

.pg {
    padding: 0 1%
}

.pgw {
    padding: 0 2%
}

    .pgw .pgp0 {
        margin-left: -2% !important;
        margin-right: -2% !important
    }

.pg .pgp0 {
    margin-left: -1% !important;
    margin-right: -1% !important
}

#viewport {
    overflow: hidden;
    width: 100%
}

#wrapper {
    position: relative;
    z-index: 2
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 80%;
    width: 20%;
    height: 100%;
    background: rgba(0,0,0,0)
}

#hdr {
    background: #37383a;
    text-align: center;
    padding: 9px 0 6px
}

#l1 {
    font-size: 31px;
    letter-spacing: -1px;
    display: inline-block;
    color: #fff
}

    #l1 .i-go {
        color: #8cc63f
    }

        #l1 .i-go + .i-go {
            color: #fff
        }

#hdr #menubutton {
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px 3%;
    height: 100%;
    text-align: center
}

#hdr #searchbutton {
    font-size: 24px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 3%;
    height: 100%;
    text-align: center
}

#hdr .cbLogo {
    position: absolute;
    top: 0;
    right: 0
}

    #hdr .cbLogo img {
        height: 37px;
        width: auto
    }

#hdr .orderDetails {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100px
}

#searchPanel .hdr {
    background: #fff;
    border-bottom: 1px solid #dfdfe0
}

#searchPanel.act .hdr {
    background: 0 0
}

#searchPanel #search {
    border: none;
    font-size: 18px;
    letter-spacing: -1px
}

body.slide {
    background: #5f6062
}

body #wrapper {
    position: relative;
    left: 0;
    overflow: hidden;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

body.slide #wrapper {
    left: 80%;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background: #5f6062
}

body.slide #options {
    display: block !important;
    position: fixed;
    width: 80%;
    min-height: 100%;
    top: 0;
    bottom: 100%;
    overflow: auto
}

body.slide #content {
    background: #fff
}

#options {
    background: #fff
}

    #options li.opt > div span {
        float: right;
        font-weight: 400
    }

    #options li a, #options li.opt > div:first-child {
        display: block;
        padding: 12px 18px;
        font-weight: 700;
        cursor: pointer
    }

        #options li a:active, #options li.opt > div:first-child:active {
            padding-top: 13px;
            background: #efefef
        }

    #options li.opt {
        border-bottom: 1px solid #dfdfe0
    }

    #options li.sub {
        padding: 3px 6px;
        background: #efefef
    }

    #options li a {
        color: #37383a
    }

    #options .btn span, #options .btn.sec {
        color: #fff !important
    }

.nddBox {
    position: relative
}

    .nddBox.cb {
        background: #f2f2f2;
        margin-bottom: -5px
    }

.nddBtn {
    color: #fff;
    height: 21px;
    margin-top: 6px;
    margin-right: 2%;
    float: right;
    font-size: 11px;
    padding: 2px 8px 0;
    background: rgba(255,255,255,.3);
    border-radius: 5px
}

.cb .nddBtn {
    color: #373839;
    background: rgba(0,0,0,.12)
}

.nddBtn.sel {
    background: rgba(255,255,255,.5);
    border-radius: 5px 5px 0 0;
    color: #fff
}

.cb .nddBtn.sel {
    background: #9fa0a1
}

.nddPop {
    z-index: 999;
    display: none;
    padding: 6px;
    position: absolute;
    top: 36px;
    right: 7px;
    width: 80%;
    background: #dedede;
    border-radius: 0 0 6px 6px;
    border-top: 2px solid #9fa0a1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.3),0 3px 6px rgba(0,0,0,.6);
    box-shadow: 0 3px 6px rgba(0,0,0,.3),0 3px 6px rgba(0,0,0,.6)
}

    .nddPop .h {
        margin-top: 0
    }

#content {
    padding-bottom: 6px
}

#ftr {
    text-align: center;
    font-size: 10px
}

    #ftr a {
        color: #7f8081
    }

        #ftr a:hover {
            color: #666767
        }

#ftrAdmin a {
    padding: 0 12px;
    position: relative
}

    #ftrAdmin a:after {
        content: '|';
        position: absolute;
        left: 0
    }

    #ftrAdmin a:first-child:after {
        content: none
    }

#ftrTCs {
    color: #7f8081;
    padding: 0
}

#ftrClientSwitch {
    color: #7f8081
}

    #ftrClientSwitch a {
        text-decoration: underline
    }

#ftrPgID {
    margin-top: 18px;
    color: #7f8081
}

.pb {
    margin: 0 2%;
    position: relative;
    display: block;
    clear: both;
    height: 7px;
    border-radius: 13px;
    background: rgba(0,0,0,.12);
    -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,.12);
    box-shadow: inset 0 -1px 1px rgba(0,0,0,.12)
}

.pbh {
    margin-top: 0
}

.pbar {
    height: 100%;
    background: #8cc63f;
    position: relative;
    border-radius: 13px
}

#desc #more {
    position: absolute;
    right: 0;
    bottom: 0
}

body.v-eventdetail #content {
    padding-bottom: 0
}

body.v-eventdetail .grid .table, body.v-eventdetail .grid table {
    border: none;
    border-top: 1px solid #efefef
}

body.v-eventdetail .gRow {
    margin-bottom: 0
}

body.v-eventdetail .gCol-12, body.v-eventdetail .gCol1, body.v-eventdetail .gCol10, body.v-eventdetail .gCol11, body.v-eventdetail .gCol2, body.v-eventdetail .gCol3, body.v-eventdetail .gCol4, body.v-eventdetail .gCol5, body.v-eventdetail .gCol6, body.v-eventdetail .gCol7, body.v-eventdetail .gCol8, body.v-eventdetail .gCol9 {
    margin-bottom: 0
}

body.v-eventdetail .mzodal .tile {
    border: none
}

body.v-eventdetail .tc {
    margin-top: 3px;
    border: 1px solid rgba(0,0,0,.12);
    float: left;
    height: 12px;
    width: 12px;
    display: block;
    margin-right: -20px;
    border-radius: 3px
}

#grid_listings [class*=v-bg-] {
    width: 4%
}

#filters-drop {
    background-color: #bfc0c0;
    border-top: 6px solid #bfc0c0;
    border-bottom: 6px solid #bfc0c0
}

    #filters-drop label {
        font-weight: 400
    }

#filters-bar .act .nosel {
    border-color: #a3d165;
    background: #a3d165 !important;
    color: #fff
}

#filters-bar i {
    margin-top: 4px
}

#filters-bar .txtc .f-txt-act {
    margin-left: -2%
}

#filters-bar .act.arr:before {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 50%;
    border: 18px solid #bfc0c0;
    margin-left: -18px;
    height: 1px;
    width: 1px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent
}

#filters-bar .act:after {
    content: "";
    width: 100%;
    height: 6px;
    background-color: #bfc0c0
}

.se-s {
    border-radius: 0;
    height: 100%;
    opacity: 0;
    -webkit-appearance: none !important;
    appearance: none !important;
    z-index: 100;
    position: relative
}

.se-l {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.filter-circle-container [type=checkbox] {
    left: -9999px;
    position: absolute
}

.filter-circle-container .filter-circle {
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    display: block;
    height: 22px;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 22px
}

.filter-circle-container [type=checkbox]:checked + .filter-circle {
    border-width: 11px
}

.more {
    min-height: 63px;
    width: 96% !important;
    margin-left: 2%;
    margin-right: 2%
}

iframe[name=google_conversion_frame] {
    position: absolute;
    z-index: -1;
    top: 0
}

.banner {
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 0 20%;
    background-size: 100% auto
}

    .banner .fader {
        display: block;
        background: #000;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        -moz-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        -webkit-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        -webkit-backface-visibility: hidden
    }

    .banner.lazy .fader {
        opacity: 1
    }

    .banner.toit {
        z-index: 0
    }

        .banner.toit:after {
            position: absolute;
            z-index: 1;
            content: '';
            top: 0;
            right: 0;
            min-height: 100%;
            width: 100%;
            box-shadow: inset 0 -130px 80px -50px rgba(0,0,0,.6),inset 0 100px 80px -50px rgba(0,0,0,.6)
        }

    .banner .deets {
        position: absolute;
        text-align: center;
        bottom: 12px;
        left: 0;
        width: 100%
    }

    .banner h3 {
        color: #fff;
        font-size: 22px;
        margin: 0;
        padding: 6px 10px 2px;
        -webkit-text-shadow: 0 1px 0 rgba(0,0,0,.6);
        text-shadow: 0 1px 0 rgba(0,0,0,.6);
        line-height: 30px
    }

    .banner h4 {
        color: #8cc63f;
        -webkit-text-shadow: none;
        text-shadow: none;
        font-size: 16px;
        margin: 0;
        padding: 0 10px 6px;
        -webkit-text-shadow: 0 1px 0 rgba(0,0,0,.6);
        text-shadow: 0 1px 0 rgba(0,0,0,.6)
    }

img.lazy {
    visibility: hidden
}

.venuemap {
    background: #fff;
    border: none;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    display: block;
    height: 176px;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .venuemap .asset {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain
    }

    .venuemap.fullscreen {
        position: absolute;
        width: 100%;
        height: 100% !important;
        top: 0;
        left: 0;
        border: 0
    }

    .venuemap .zoom-btns {
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 40px
    }

@media screen and (max-height:500px) {
    .venuemap {
        height: 160px
    }
}

#map .i-search {
    position: relative;
    top: 8px;
    z-index: 10;
    color: #7f8081;
    float: right;
    margin-right: -22px
}

#map-button-container {
    top: 0;
    text-decoration: none !important;
    position: fixed;
    width: 100%;
    height: 80px;
    z-index: 999;
    display: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

#map-button {
    position: relative;
    width: 66px;
    height: 66px;
    top: 10px;
    text-align: center;
    background: rgba(0,0,0,.7);
    border-radius: 33px;
    left: 50%;
    margin-left: -33px;
    outline: 0;
    color: #fff !important;
    text-transform: uppercase
}

#modal .venuemap {
    border-bottom: 0;
    border-top: 0
}

#modal .center {
    text-align: center
}

#modal .fixed {
    position: fixed !important
}

.v-buypipeline-review p.txtc > small.cLgry {
    display: block;
    margin: 36px 0
}

.v-buypipeline-review .stickyBuy p.txtc > small.cLgry {
    display: block;
    font-size: 11px;
    line-height: 1.4;
    margin: 12px 0 18px
}

.v-buypipeline-review .stickyBuy #submitContainer {
    background-color: #d1e8b2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    display: block;
    left: 0;
    padding: 0 12px 18px;
    position: fixed;
    width: 100%;
    z-index: 500;
    -webkit-backface-visibility: hidden
}

.v-purchases-trackinginstructions .grid td {
    padding: 12px inherit
}

    .v-purchases-trackinginstructions .grid td:first-child {
        width: 40%;
        padding-left: 9px
    }

.acc .sel .selmt {
    margin-top: 9px
}

body.go_eventdetail_index div#MOtherPeopleViewing {
    display: none;
    position: relative
}

    body.go_eventdetail_index div#MOtherPeopleViewing .i-remove {
        position: absolute;
        top: 0;
        right: 0
    }

.alertify-notifier {
    position: fixed;
    width: 90%;
    overflow: visible;
    z-index: 1982;
    transform: translate3d(0,0,0)
}

    .alertify-notifier .ajs-message {
        position: relative;
        max-height: 0;
        padding: 0;
        opacity: 0;
        margin: 0;
        transform: translate3d(0,0,0);
        transition-duration: 250ms;
        transition-timing-function: linear
    }

        .alertify-notifier .ajs-message.ajs-visible {
            transition-duration: .5s;
            transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
            opacity: 1;
            max-height: 100%;
            padding: 15px;
            margin-top: 10px
        }

    .alertify-notifier.ajs-top {
        top: 10px
    }

    .alertify-notifier.ajs-bottom {
        bottom: 10px
    }

    .alertify-notifier.ajs-right {
        right: 10px
    }

        .alertify-notifier.ajs-right .ajs-message {
            right: -320px
        }

            .alertify-notifier.ajs-right .ajs-message.ajs-visible {
                right: 0
            }

    .alertify-notifier.ajs-left {
        left: 10px
    }

        .alertify-notifier.ajs-left .ajs-message {
            left: -300px
        }

            .alertify-notifier.ajs-left .ajs-message.ajs-visible {
                left: 0
            }

    .alertify-notifier .ajs-vg {
        background: rgba(0,0,0,.8);
        color: #fff;
        text-align: left;
        border: solid 1px #e6edf6;
        border-radius: 4px
    }

    .alertify-notifier .vg-notification-text {
        overflow: hidden
    }

    .alertify-notifier .vg-notification-icon {
        float: left;
        font-size: 2rem
    }

@media all and (orientation:landscape) {
    .alertify-notifier .vg-notification-icon {
        margin-top: -7px
    }
}

.alertify-notifier .vg-notification-close {
    right: -.5rem;
    color: #fff;
    background-color: #e52923;
    border-radius: 100%;
    top: -.7rem;
    position: absolute;
    width: 26px;
    height: 26px;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,.5)
}

    .alertify-notifier .vg-notification-close .i-remove {
        left: -1px;
        top: 1px
    }

.label-vg-deal {
    border-color: #ff5a5f;
    border-bottom-color: #e00007;
    background-color: #ff5a5f;
    display: inline-block
}

.label-vg {
    padding: .2em .6em .3em;
    font-size: 90%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-left: 4px
}

.fixed-timer {
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: -150px;
    z-index: 999
}

.animate-timer {
    top: 0;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.75);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.75);
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#sell-search {
    position: relative;
    z-index: 2
}

    #sell-search #srch input[type=text] {
        margin-top: 0;
        padding-left: 36px !important;
        padding-right: 24px;
        border-radius: 5px 0 0 5px;
        font-size: 24px;
        height: 45px;
        line-height: 1.5
    }

    #sell-search #srch .i-search {
        position: absolute;
        font-size: 24px !important;
        left: 10px;
        top: 0
    }

    #sell-search #loading {
        z-index: 3;
        width: auto;
        left: 16px;
        margin-left: 0
    }

        #sell-search #loading .spin {
            width: 28px;
            height: 28px;
            margin: 0 auto
        }

#sellCats .tile {
    min-height: 400px
}

@media screen and (max-width:480px) {
    #sellCats .tile {
        min-height: initial
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0% {
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.banner-r {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    border-radius: 3px 0 0 3px;
    -webkit-transform: translate3d(3000px,0,0);
    transform: translate3d(3000px,0,0);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px;
    background-color: #e45d5d;
    color: #fff;
    pointer-events: none
}

.to-be-animated {
    -webkit-transform: translate3d(3000px,0,0);
    transform: translate3d(3000px,0,0);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.bounce-in {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.animated {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.bounce-out {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

.traveldate-input + .picker > .picker__holder {
    width: 80% !important
}

.cal:after, .cal:before {
    display: table;
    content: "";
    line-height: 0
}

.cal:after {
    clear: both
}

.cal .head {
    background: #37383a;
    font-size: 24px;
    font-weight: 700;
    padding: 9px 9px;
    color: #fff !important;
    text-align: center
}

    .cal .head:after, .cal .head:before {
        display: table;
        content: "";
        line-height: 0
    }

    .cal .head:after {
        clear: both
    }

    .cal .head a {
        color: #fff;
        font-size: 20px
    }

.cal .days li {
    text-align: center;
    padding: 6px
}

.cal .week > li {
    min-height: 170px;
    position: relative;
    border-right: 1px solid #efefef
}

.cal .days li, .cal .week > li {
    border-bottom: 1px solid #efefef;
    overflow: hidden;
    float: left;
    background: #fff;
    width: 14.28571%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px
}

    .cal .days li:first-child, .cal .week > li:first-child {
        border-left: 1px solid #efefef
    }

    .cal .days li:last-child {
        border-right: 1px solid #efefef
    }

    .cal .week > li:after {
        position: absolute;
        box-shadow: -5px 0 9px 5px #fff;
        width: 10px;
        height: 200px;
        top: 0;
        right: -16px;
        content: ""
    }

    .cal .week > li ul {
        position: absolute;
        bottom: 0;
        left: 0;
        padding-left: 9px;
        padding-bottom: 9px;
        width: 100%
    }

.cal .event {
    max-width: 100%;
    background: #f9f9f9;
    padding: 3px 9px;
    margin-top: 3px;
    float: left;
    clear: left;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

    .cal .event:hover {
        background: #d5f3fd
    }

    .cal .event .time {
        display: block
    }

.cal .date {
    position: absolute;
    top: 3px;
    right: 6px;
    color: #7f8081
}

.cal li.today {
    border-top: #ace8fa
}

    .cal li.today .date {
        color: #82dcf8
    }

.cal li.monthstart {
    font-weight: 700
}

.cal .week > li.today:after {
    box-shadow: none
}

.eventpop {
    width: 20%;
    background: #fff;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #5f6062;
    position: absolute;
    z-index: 1000;
    top: 20px;
    border-radius: 4px
}

    .eventpop.show {
        transition: all .1s ease-in
    }

    .eventpop.left:before, .eventpop.right:before {
        position: absolute;
        top: 2px;
        content: '';
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .eventpop.left:before {
        left: -10px;
        border-right: 10px solid #5f6062
    }

    .eventpop.right:before {
        right: -10px;
        border-left: 10px solid #5f6062
    }

@media screen and (max-width:480px) {
    .cal .days {
        font-weight: 700;
        text-transform: uppercase
    }

        .cal .days li {
            padding: 3px
        }

    .cal .week > li {
        min-height: 45px;
        border: none
    }

        .cal .week > li:first-child {
            border: none
        }

    .cal .day {
        text-align: center
    }

    .cal .date {
        font-weight: 700;
        position: inherit;
        line-height: 45px;
        vertical-align: middle;
        transition: all .2s ease;
        display: inline-block
    }

    .cal .has .date {
        border-radius: 50%;
        line-height: 24px;
        margin-top: 9px;
        height: 28px;
        width: 28px;
        border: 2px solid #a3d165
    }

    .cal .sel .has .date {
        background: #a3d165;
        color: #fff
    }

    .cal li.today .date {
        color: #5f6062
    }

    .nicm .date {
        color: #bfc0c0
    }
}

body.v-transactions-uploadeticket {
    overflow: visible
}

#etuBox {
    background: #f9f9f9
}

.js-preUpload #etuBox {
    padding: 24px 0
}

.js-preUpload #etuToolStrip {
    display: none !important
}

.js-preUpload #etuWorkArea {
    display: none !important
}

.js-activeUpload #etuBox {
    padding-bottom: 120px
}

.js-activeUpload #etuWorkArea {
    display: block
}

.js-activeUpload #etuToolStrip {
    display: block
}

.js-activeUpload #etuTicketDeets {
    background: #fff;
    padding-top: 12px;
    padding-bottom: 12px
}

.js-activeUpload .etuTip:before {
    display: none !important
}

.js-activeUpload .etuTip:after {
    display: none !important
}

#etuWorkArea {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none
}

#etuDateLHS {
    width: 60px;
    float: left;
    margin-bottom: -4px
}

#etuDateRHS {
    margin-left: 60px
}

.etuTip {
    z-index: 5
}

    .etuTip:before {
        z-index: 6;
        content: "";
        width: 0;
        height: 0;
        border: 16px solid transparent;
        border-top-color: #ccc;
        position: absolute;
        bottom: -32px;
        left: 50%;
        margin-left: -16px
    }

    .etuTip:after {
        z-index: 7;
        content: "";
        width: 0;
        height: 0;
        border: 16px solid transparent;
        border-top-color: #fff;
        position: absolute;
        bottom: -31px;
        left: 50%;
        margin-left: -16px
    }

#js-splashScreen .gRow {
    margin-bottom: 0
}

.js-uploadInstructions .i-upload-alt {
    font-size: 62px
}

#etuUploadDesc .i-ok {
    padding-right: 6px;
    font-size: 17px;
    color: #ff2a77
}

.js-fileUpload {
    position: absolute;
    height: 1px;
    width: 1px;
    opacity: 0
}

#js-excViewport, #js-incViewport {
    position: relative;
    min-height: 326px
}

.js-placeholderBacking {
    display: table;
    position: absolute;
    -moz-transition: height .5s,opacity .4s;
    -o-transition: height .5s,opacity .4s;
    -webkit-transition: height .5s,opacity .4s;
    transition: height .5s,opacity .4s
}

.js-aDoc {
    width: 200px;
    height: 283px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none
}

.js-ticketThumb {
    position: relative;
    box-shadow: 3px 5px 8px #9fa0a1;
    -moz-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    -webkit-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out;
    cursor: move
}

.etuTicketDimension {
    width: 202px
}

.js-scrollPlaceholder {
    padding-bottom: 30px
}

.js-eticketHelpText {
    display: table-cell;
    vertical-align: middle
}

.js-reelBtn {
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: 101;
    cursor: pointer;
    font-size: 36px;
    top: 38%;
    background: #5f6062;
    line-height: 60px
}

    .js-reelBtn:hover {
        background-color: #1eb0ee
    }

#js-incReel {
    margin-bottom: 38px
}

.js-incDropTarget {
    margin: 18px;
    float: left;
    position: relative
}

.js-incDropTargetBacking {
    border-color: #bfc0c0
}

#js-excReel {
    margin-bottom: 38px
}

.js-excDropTarget {
    min-height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none
}

.js-excPlaceholder {
    margin: 18px;
    float: left;
    background: #dfdfe0;
    text-align: center;
    -moz-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    -webkit-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out
}

.js-excBacking {
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.etuThumbIcon {
    background: #37383a;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 8px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 28px;
    line-height: 50px;
    vertical-align: middle;
    border-radius: 25px;
    opacity: 1;
    z-index: 100
}

    .etuThumbIcon:hover {
        background: #1eb0ee
    }

    .etuThumbIcon:before {
        line-height: 50px;
        vertical-align: middle
    }

.js-trash {
    left: 9px
}

    .js-trash:before {
        content: "\f014";
        font-family: goicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.js-magnify {
    right: 9px
}

    .js-magnify:before {
        content: "\e00c";
        font-family: goicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.js-close {
    right: 9px
}

    .js-close:before {
        content: "\f00d";
        font-family: goicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.etuThumbInfo {
    position: relative;
    text-align: left;
    padding: 4px;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.js-zoomBackdrop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    background: rgba(0,0,0,.8);
    cursor: pointer;
    z-index: 1001
}

.js-zoomFrame {
    position: fixed
}

.js-zoomImage {
    cursor: default
}

.js-zoomFrame .etuThumbIcon {
    top: 8px;
    bottom: auto
}

#etuToolStrip {
    padding: 12px 0;
    background: #000;
    background: rgba(0,0,0,.95);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999
}

    #etuToolStrip .upload-later {
        position: absolute;
        top: 0;
        right: 0;
        padding: 12px
    }

    #etuToolStrip .js-loading {
        position: absolute;
        left: 0;
        top: 0;
        padding: 12px
    }

.js-loading {
    display: none
}

.v-etickettest-index #ftr, .v-sellpipeline-eticketupload #ftr {
    display: none
}

.js-vgDialog-root {
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.3);
    z-index: 10000
}

.js-vgDialog-root-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.js-vgDialog-border {
    display: inline-block;
    min-width: 420px;
    padding: 5px;
    border-radius: 3px;
    background: #222;
    background: rgba(0,0,0,.5)
}

.js-vgDialog-body {
    display: table;
    min-width: 400px;
    min-height: 200px;
    max-width: 600px;
    border-radius: 2px;
    padding: 10px;
    background: #fff
}

.js-vgDialog-content-hook {
    display: table-cell;
    vertical-align: middle
}

.v-vgDialog-content-heading {
    padding-bottom: 12px
}

.v-vgDialog-content-body {
    font-weight: 300;
    color: #444;
    padding-left: 10px;
    padding-right: 10px
}

.v-vgDialog-button {
    min-width: 60px
}

    .v-vgDialog-button + .v-vgDialog-button {
        margin-left: 10px
    }

.v-vgDialog-button-container {
    padding-top: 20px
}

#etuBox .mCustomScrollBox > .mCSB_scrollTools {
    width: 88% !important;
    margin: 0 6% !important
}

.mCustomScrollbar {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none
}

.mCSB_container {
    width: auto;
    margin-right: 30px;
    overflow: hidden
}

    .mCSB_container.mCS_no_scrollbar {
        margin-right: 0
    }

.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
    margin-right: 30px
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 16px;
    height: 100%;
    top: 0;
    right: 0
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center
    }

.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden
}

    .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
        margin-bottom: 0
    }

.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%
}

    .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

.mCustomScrollBox {
    -ms-touch-action: none
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    background: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000;
    background: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,.85)
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background: rgba(0,0,0,.9)
}